@import url('articles.css');

#print { display: none; }

body {
	background: #e9e9e9;
	margin: 0 auto;
	font-family: verdana;
	font-size: 11px;
	text-align: center;
	margin-bottom: 20px;
}

a:link, a:active, a:visited{
	text-decoration: none; 
	color: #000000;
}

a:hover { text-decoration: underline; }

img { border: none; }

#outerWrapper {
	width: 822px;
	height: auto;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}

#innerWrapper{
	width: 822px;
	height: auto;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	background: #fff url(../../../assets/images/rightShadow.gif) right repeat-y;
	float:left;
}

#innerWrapperMainOnly{
	width: 610px;
	height: auto;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	float:left;
}

#headerUpdate {
	background: url('../../../assets/images/ERA_Suisse_Sprite.gif') 0 -340px no-repeat;
	height: 133px;
	width: 819px;
}

#headerUpdate a {
	background: url('../../../assets/images/ERA_Suisse_Sprite.gif') 0 0 no-repeat;
	display: block;
	height: 121px;
	margin-left: 15px;
	position: absolute;
	width: 123px;
	z-index: 100;
}

#language{
	margin: 5px 16px 0px 0px;
	float: right;
	width: 300px;
	color: #fff;
}
.myERAtop{
	color: #fff;
	width: 250px;
	margin: 10px 10px 0px 0px;
	float: left;
	font-size: 10px;
}

.myERAtop a { color: #fff; }

.welcomeTitleShow
{
	color: #000;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
}

.selectLanguage{
	color: #000;
	float: right;
	font-size: 10px;
	width: auto;
	text-align: right;
}
#homeContent{ /* for IE6 */
	width: 580px;
	height: 320px;
	margin: 21px 0 0 5px;
	float: left;
}
#mainContent > #homeContent{ /* for other browsers */
	width: 580px;
	height: 320px;
	margin: 21px 0 0 10px;
	float: left;
}
#leftCol{
	float: left;
	width: 206px;
	margin-left: 3px;
}

#mainContent {
	float: left;
	height: auto;
	margin-right: 4px;
	position: relative;
	width: 596px;
}

#jobsTotal{
	float: left;
	width: 205px; 
	margin: 0 0 2px 0;
	text-align:center;
}
.jobsLink{
	float: left;
	width: 205px;
	text-align: left;
	font-size: 10px;
	color: #565656;
	text-transform:uppercase;
	font-weight:bold;
	margin: 12px 0 3px 0;
}
.jobsLink a{
	color: #565656;
	text-decoration:none;
}
#icLink{
	float: left;
	width: 206px;
	height: 89px;
}
#icLink a{
	display: block;
	width: 206px;
	height: 89px;
	background: url(../../../assets/images/icLinkOff.jpg) no-repeat;
}
#icLink a:hover{
	display: block;
	width: 206px;
	height: 89px;
	background: url(../../../assets/images/icLink.jpg) no-repeat;
}
/*
.leftColBtns{
	margin: 6px 0 0 0;
	float: right;
}
/*.leftColBtns img{
	margin: 2px 0 2px 0;
}
.leftColBtns a{
	color: #fff;
	text-decoration:none;
	padding: 10px 0 0 55px
}*/


/*------------------------*/
.leftColBtns{
	margin: 6px 0 0 0;
	float: right;
	width:206px;
}
.leftColBtns a{
	display:block;
	height:25px;
	width:157px;
	padding-top:11px; 
	margin-bottom:2px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	border:1px solid #620408;
}
.leftColBtns a{
	background:url(../../../assets/images/leftColBtn.jpg) no-repeat 0 0;
}
.leftColBtns a:visited{
	background-position:-220px 0;
	text-decoration:none;
	color:#fff;
}
.leftColBtns a:hover{
	background-position:-220px 0;
	text-decoration:none;
}
.leftColBtns div{
	float:right;
}
.leftColImg{
	border:1px solid #620408;
	border-right:none;
	height:36px;
	width:45px;
}
.leftColImg img{
	margin:2px 0 0 6px;
	width:31px;
	height:31px;
}
/*------------------------*/

#homePgText{
	text-align:justify;
	position:relative;
	float:left;
	margin:0 0 0 0;
	color:#666; 
	font-size: 9px;
	padding: 10px 20px 10px 10px;
}
#mainContent > #homePgText{ /* for non IE6 browsers */
	margin:0 0 0 0;
}
#homePgText h1{
	font-size: 12px;
	color: #565656;
}
#homePgText h2{
	font-size: 12px;
	color: #565656;
}
#homePgText a{
	font-weight:bold;
}

/* mini prop search */
#holder{
	float: left;
	width: 206px;
	margin: 0 0 0 0;
}
#miniPropSearch2{
	background: #b11016;
	width: 206px;
	height: auto;
	color: #fff;
	margin: 0 0 0 0;
	float: left;
	padding-bottom: 4px;
	margin-top: 6px;
}
.searchForm{
	width: 570px;
	background: #ebebeb;
	padding: 15px;	
	margin: 22px 0 0 5px;
}
.searchBoxTitle{
	float: left;
	text-align: left;
	padding-top: 5px;
	margin: 5px 0 0px 10px;
	font-size: 12px;
}
.quickSearch{
	margin-top:5px;
	width: 185px;
	margin-left: 10px;
	float: left;
}
.dropdown{
	height: 41px;
}
.button{
	padding: 2px;
	width: 210px;
	height: 20px;
	text-align: center;
	background: url(../../../assets/images/lineOnRed.jpg) bottom no-repeat;
}
.butsmUp{
	background: #aa1517 url(../../../assets/images/arrowsOnRed.jpg) right no-repeat;
	border: none;
	width: 180px;
	height: 20px;
	text-align:left;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	
}
.butsmOver{
	background: #aa1517 url(../../../assets/images/arrowsOnRed.jpg) right no-repeat;
	border: none;
	width: 180px;
	height: 20px;
	text-align:left;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
.butsmDown{
	background: #aa1517 url(../../../assets/images/arrowsOnRed.jpg) right no-repeat;
	border: none;
	width: 180px;
	height: 20px;
	text-align:left;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}

.butsmUp2, .butsmOver2, .butsmDown2 {
	background: url('../../../assets/images/ERA_Suisse_Sprite.gif') -140px 0 no-repeat;
	border: none;
	margin: 0 2px 0 2px;
	width: 18px;
	height: 15px;
	cursor: pointer;
}

/*------------------featured properties--------*/

#featuredPropHolder{ /* for IE6 */
	background: url('../../../assets/images/ERA_Suisse_Sprite.gif') -214px 0 no-repeat;
	width: 570px;
	height: 313px;
	padding: 12px;
	float: left;
	margin: 3px 0 0 4px;
}

#mainContent > #featuredPropHolder{ /* for other browsers */
	background: url('../../../assets/images/ERA_Suisse_Sprite.gif') -214px 0 no-repeat;
	width: 570px;
	height: 313px;
	padding: 12px;
	float: left;
	margin: 3px 0 0 8px;
}

#featuredPropHolder h1{
	font-size: 13px;	
	margin-left: 3px;
}

.featuredProp{
	width: 133px;
	height: auto;
	margin: 2px;
	float: left;
}
.featuredProp .titleBar{
	background: #d71920;
	font-size: 9px;
	color: #ffffff;
	width: 128px;
	height: 13px;
	text-align: center;
}
.propThumb .shadow{
	float:left;
	font-size: 1px; /* IE likes to save room for text that doesn't exist. */
	background: url(../../../assets/images/thumbShadow.jpg) bottom right no-repeat;
	height: auto;
	padding: 0px 5px 3px 0;
	margin-top: 10px;
}

.propThumb{
	/*float:left;
	padding: 1px 3px 3px 1px;
	margin: 2px -3px 0 0px ;
	font-size: 1px; /* IE likes to save room for text that doesn't exist. */
	/*background: url(../../../assets/images/smShadow.gif) bottom right no-repeat;*/
	float: left;
	height: auto;

}

.propThumb img{
	
}
.thumbs{
	max-width: 113px;
 	max-height: 95px;
  	width: expression(this.height < this.width && this.width  > 113 ? "113px" : true);
  	height: expression(this.height > this.width && this.height > 95 ? "95px" : true);
}
.featuredProp .description{
	overflow:hidden;
	width: 130px;
	height: 38px;
	color: #565656;
	padding-left: 2px;	
	float: left;
	font-size: 9px;
	margin: 5px 0 5px 0;
}

.featuredProp .price{
	color: #000000;
	width: 130px;
	margin-top: 5px;
	font-size: 9px;
	padding-top: 5px;
	float: left;
	height: 15px;
}

.featuredProp a.infoButton,.featuredProp a.infoButton:hover,.featuredProp a.infoButton:visited,.featuredProp a.infoButton:active{
	background: #b4b4b4 url(../../../assets/images/infoArrow.gif) right top no-repeat;
	width: 120px;
	height: 13px;
	padding-left: 4px;
	margin: 5px 0 0 0px;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	float: left;
}

.propertyList {
	float: right;
	font-weight: bold;
	height: 15px;
	margin: 15px 30px 0 0;
	padding: 0;
}

.propertyList a, .propertyList a:hover, .propertyList a:visited, .propertyList a:active {
	color: #000000;	
}

.propertyListArrow {
	background: url('../../../assets/images/ERA_Suisse_Sprite.gif') -140px -16px no-repeat;
	float: right;
	height: 15px;
	margin: 0 0 0 5px;
	padding: 0;
	width: 20px;
}

/**************** Property Details***************/

#property {
	border: 1px solid #c7c7c7;
	width: 572px;
	margin: 10px 0 0 10px;
	padding: 0 0 10px 10px;
}

#mainContent > #property{ /* for other browsers */
	border: 1px solid #c7c7c7;
	width: 560px;
	margin: 20px 0 0 15px;
	padding: 0 10px 10px 10px;
}

#property h1 {
	background: url('../../../assets/images/eraLogo.jpg') no-repeat;
	color: #c11219;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	margin: 8px 0 1px 0;
	padding: 5px 0 0 40px;
}



#printOnly{
	display: none;
}
h2{
	color: #191971;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h1{
	/*width: 400px;
	height: 30px;
	background: url(../../../assets/images/eraLogo.jpg) no-repeat;
	margin: 18px 0 0 10px;
	padding: 5px 0 0 35px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #8c0b0b;*/
}
.propSpecs {
	float: left;
	line-height: 18px;
	width: 545px;
}

.propSpecsLeft{	
	width: 256px;
	margin: 5px 0 0 0;
	float: left;
}

.propSpecsRight{
	border-left: 1px solid #cccccc;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 10px 13px;
	width: 275px;
}

.propertyDetailDescription {
	float: left;
	line-height: 18px;
	margin: 15px 0 0 0;
}

.morePropSpecs {
	border: 1px solid #ccc;
	float: left;
	height: auto;
	margin: 10px 0 10px 10px;
	padding: 10px;
	width: 562px;
}

.morePropSpecs .hardCoded{
	float: left;
	width: 250px;
	border-right: 1px solid #cccccc;
}

.morePropSpecs .amenities{
	float: left;
	width: 285px;
	padding-left: 9px;
}

.propPics img { border: 1px solid #ccc; }

.propertyImages{
	width: 560px;
	height: auto;	
	float: left;
	margin-bottom: 10px;
}

/*.propPics{
	width: 395px;
	height: 315px;
	padding: 0px 12px 0px 0px;
	*padding: 0px 12px 10px 0px;
	font-size: 1px;
	
	float: left;
	overflow:hidden;
}
.propPics .mainPic{ 
	border: 4px solid white;
	margin-bottom: 10px;
	width: 390px;
	float: left;
	background: url(../../../assets/images/lgShadow2.jpg) bottom right no-repeat;
	padding: 0 10px 10px 0  ;
	
}*/
.propPics{
	width: 395px;
	height: 315px;
	font-size: 1px;
	float: left;
}
.propPics .mainPic{ 

	border: 4px solid white;
	margin-bottom: 10px;
	max-width: 390px;
 	max-height: 300px;
  	width: expression(this.height < this.width && this.width  > 390 ? "390px" : true);
  	height: expression(this.height > this.width && this.height > 300 ? "300px" : true);
	float: left;
}

.mainPicShadow{
	float: left;
	padding: 0 10px 5px 0;
	*padding: 0 10px 10px 0;
	background: url(../../../assets/images/lgShadow2.jpg) bottom right no-repeat;
}

.gallerycontainer{
	text-align:center;
	float: left;
	width: 150px;
}
.thumbShadow{
	background: url(../../../assets/images/thumbShadow.jpg) bottom right no-repeat;
	height: 102px;
	width: 134px;
	float: left;
	margin: 2px 0 2px 0;
	overflow: hidden;
}
.border{
	border: 4px solid white;
	float:left;
	overflow: hidden;
	width: 120px;
	height: 89px;
}
.thumbShadowSm{
	background: url(../../../assets/images/tinyShadow.jpg) bottom right no-repeat;
	height: auto;
	width: 75px;
	float: left;
	padding-bottom: 3px;
	margin: 2px 0 2px 0;
}
.borderSm{
	background: #fff;
	float:left;
	overflow: hidden;
	width: 63px;
	height: 47px;
	padding: 3px;
}

.gallerycontainer .thumbsSm{
	border: 2px solid white;
	width: 66px;
	margin: 0;
	float: left;
	
}
.linksBar{
	width: 559px;
	height: 29px;
	background: #ebebeb;
	color: #565656;
	font-size: .9em;
}
.linksBar ul{
	width: 559px;
	text-align:center;
	float: left;
	list-style:none;
	text-decoration: none;
	padding: 0;
	margin: 6px 0 0 0;
}

.linksBar ul li { display: inline; }

.linksBar ul li a { color: #565656; }

#links{
	text-align: center;
	width: 280px;
	margin-left: 10px;
}

#links .plus{
	border-bottom: 1px dashed #b1b1b1;
	padding: 3px;
}
.greyBar{
	color: #898989;
	background: #e6e6e6;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 5px;
	width: 552px;
}

.greyButton{
	background:url(../../../assets/images/arrowsOnGrey.jpg)  no-repeat;
	border: none;
	width: 38px;
	height: 25px;
	cursor: pointer;
	padding-bottom:2px;
}

.greyButtonUp{
	background:url(../../../assets/images/arrowsOnGrey.jpg)  no-repeat;
	border: none;
	width: 38px;
	height: 25px;
	cursor: pointer;
	padding-bottom:2px;
}

.greyButtonOver {
	background:url(../../../assets/images/arrowsOnGrey.jpg) no-repeat;
	border: none;
	width: 38px;
	height: 25px;
	cursor: pointer;
	padding-bottom: 2px;
}

.greyBar a {
	color: #898989;
	text-decoration: none;
}

.greyBar a:hover { text-decoration: underline; }

.greyBar td {
	color:#565656;
	font-size: 9px;
	padding: 4px;
}

#propDetTabsCont {
	border-bottom: 1px solid #c8c8c8;
	float: right;
	height: 30px;
	width: 582px;
}

.propDetTabs a {
	color: #B4B4B4;
	float: left;
	font-weight: bold;
	margin: 1px 0 5px 4px;
	padding: 0 0 1px 15px;	
	text-decoration: none;
	text-transform: uppercase;
}

.propDetTabs a:hover {
	color: #B11016;
	text-decoration: underline;
}

/* -------- Property Details / Pictures - Virtual Tour Tabs -------- */

#mPropDetails {
	background-color: #f5f5f5;
	border-bottom: 1px solid #c8c8c8;
	float: left;
	height: 42px;
	width: 100%;
}

#mPropTabs {
	font-family: Verdana, "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 10px;
	margin: 0 0 0 390px;
	padding: 10px 0 0 0;
}

#mPropTabs li {
	display: inline;
	list-style: none;
	margin: 0 3px 0 0;
	padding: 0;
}

#mPropTabs li a {
	background-color: #e6e6fa;
	border: 1px solid #c8c8c8;
	border-bottom: #e6e6fa;
	color: #000;
	padding: 9px 10px 8px 10px;
	text-decoration: none;
}

#mPropTabs li a.tabActive {
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-bottom: #fff;
	color: #000;
	padding: 9px 10px 9px 10px;
	text-decoration: none;
}

#mPropTabs li a:hover {
	background-color: #aa1616;
	border: 1px solid #aa1616;
	border-bottom: #aa1616;
	color: #fff;
	padding: 9px 10px 8px 10px;
	text-decoration: none;
}

#agencyBox{
	floaT: left;
	width: 193px;
	height:auto;
	margin-top: 8px;
	padding-top: 2px;
	padding-left: 10px;
	color: #565656;
	border: 1px solid #b1b1b1;
	background: #ebebeb;
}
#agencyBox h1{
	width: auto;
	height: 30px;
	background: url(../../../assets/images/eraLogo_grey.jpg) no-repeat;
	margin: 5px 0 0 0;
	padding: 5px 0 0 35px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
}
.agentIcon{
	margin: 0 0 5px 0;
}
.agencyContact{
	color: black;
	font-size: 10px;
}
.agencyContact a:link, .agencyContact a:active, .agencyContact a:visited{
	color: #565656;
}
#agencyLinks{
	font-size: 10px;
	color: #565656;
	margin: 0 0 10px 0;
	float: left;
}
.agencyPlus{
	margin: 3px 0 3px 0;
}
.agencyPlus a{
	color: #565656;
	text-decoration: underline;
}
#similarProperties{
	font-size: 9px;
	floaT: left;
	width: 203px;
	height:auto;
	margin: 8px 0 10px 0;
	padding-top: 2px;
	color: #565656;
	border: 1px solid #b1b1b1;
	background: #fff;
}
.similarPropTitle{
	font-weight: bold;
	margin: 0 0 5px 6px;
}
.similarProp{
	float: left;
	width: 200px;

	margin-top: 5px;
}
#similarProperties .propImage{
	width: 76px;
	height: 53px;
	background: url(../../../assets/images/similarPropBack.jpg) no-repeat;
}
.similarPropText{
	float: left;
	width: 110px;
	padding: 5px 0 0 0;
	margin-left: -3px;
}
.allSimilarProps a{
	font-weight: bold;
	color: #565656;
	clear: both;
	display: block;
	width: 170px;
	background: url(../../../assets/images/redArrows.jpg) left no-repeat;
	padding: 0 0 0 20px;
	margin: 10px 0 5px 6px;
}

.propListButton a {
	background: url('../../../assets/images/infoArrowLeft.gif') no-repeat left bottom;
	color: #B4B4B4;
	float: left;
	font-weight: bold;
	margin: 4px 0 8px 6px;
	padding: 0 0 1px 15px;	
	text-decoration: none;
	text-transform: uppercase;
}

.propListButton a:hover {
	background: url('../../../assets/images/infoArrowLeftRed.png') no-repeat left bottom;
	color: #B11016;
	text-decoration: underline;
}

/***************Search Results****************/
.backButton a{
	display: block;
	float: left;
	background: url(../../../assets/images/backButton.gif) left no-repeat;
	padding: 0 0 0 25px;
}
.nameSearch a{
	text-decoration: none;
	color: #2e3192;
	font-size: 9px;
	font-weight: bold;
	display: block;
	background: #e9e9e9;
	padding: 3px 5px 3px 5px;
	float: right;
}
#searchResultsLeft{
	float: left;
	width: 250px;
}
#searchResults{
	width: 600px;
	margin-left: 2px;
	padding-top: 15px;
	float: left;
}
#mainContent > #searchResults{
	width: 587px;
	margin-left: 15px;
	float: left;
}
.searchBar{
	float: left;
}
.prop{
	float: left;
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #bebebe;
	width: 188px;
	margin-right: 5px;
	height: 225px;
}
.propImage{
	float: left;
	width: 175px;
	padding: 3px;
	font-size: 1px; /* IE likes to save room for text that doesn't exist. */
	background: url(../../../assets/images/lgShadow2.gif) bottom right no-repeat;
	margin: 3px;
}
.propShortText{
	font-size: 9px;
	width: 175px;
	padding: 5px;
	color: #565656;
}
.propPrice{
	width: 173px;
	padding: 3px;
	height: 13px;
	background: #e9e9e9;
	color: #565656;
	font-weight: bold;
	position: absolute;
	bottom: 5px;
}
#saveSearch{
	float: left;
	text-align:center;
	width: 240px;
	border-top: 1px dashed #b1b1b1;
	border-bottom: 1px dashed #b1b1b1;
	margin-top: 5px;
	padding: 5px;
}
#myeraPod{
	border: 1px solid #b1b1b1;
	float: left;
	margin: 7px 0 0 1px;
	width: 203px;
	height: 93px;
	text-align:center;
	background: #fff;
}
/*Agent Page*/
.brokerHolder{ /* for IE6 */
	border: 1px solid #b1b1b1;
	width: 565px;
	/*height: 312px;*/
	margin: 21px 0 0 5px;
	float: left;
	padding: 10px 8px 10px 8px;
}
#mainContent > .brokerHolder{ /* for other browsers */
	border: 1px solid #b1b1b1;
	width: 565px;
	/*height: 312px;*/
	margin: 21px 0 0 10px;
	float: left;
	padding: 10px 8px 10px 8px;
}
.brokerHolder h1{
	width: auto;
	height: 30px;
	background: url(../../../assets/images/eraLogo.jpg) no-repeat;
	margin: 5px 0 0 0;
	padding: 5px 0 0 35px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.brokerInfo{
	float: left;
	margin-left: 10px;
	width: 265px;
	text-align: left;
}

.plus {
	border-bottom: 1px dashed #b1b1b1;
	padding: 3px 0 3px 3px;
	width:200px;
}

.agencyLinks{
	margin-top: 10px;
	float: left;
	width: 250px;
	text-align: center;
}
#agencyFeaturedListings{
	padding-top: 15px;
	float: left;
	width: 795px;
}
.agencyFeaturedBox{
	width: 150px;
	border: 1px solid #b1b1b1;
	float: left;
	margin-right: 6px;
	height: 233px;
}
.agencyFeaturedImage{
	margin: 5px 0 0 13px;
}
.agencyFeaturedText{
	width: 130px;
	padding: 10px;
	float: left;
	height: 97px;
}
.agencyFeaturedPrice{
	width: 130px;
	padding: 10px;
	float: left;
	font-weight: bold;
}
/*******************Office Search***********************/
.officeContainer{
	border: 1px solid #bfbcbc;
	width: 565px;
	clear: both;
	margin-bottom: 10px;
	padding: 5px;
}
.agencySearchResults{
	float: left;
	width: 565px;
	height: auto;
	padding: 15px;
	margin: 16px 0 15px 5px;
}
.agencySearchResults h1{
	display: block;
	width: auto;
	margin: 5px 0 0 0;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.agencyResultsBox{
	float: left;
	width: 561px;
	height: 124px;
	border: 1px solid #bfbcbc;
	/*padding: 10px 10px 0 10px;*/
	margin: 0 0 5px 0;
}
.agencyResultsIcon{
	floaT: left;
	margin: 10px 10px 0 10px;
}
.agencyResultsContact{
	float: left;
	font-size: 10px;
	color: #000000;
	margin: 5px 0 5px 0;
	height: 74px;
}
.agencyResultsLinks{
	float: right;
	width: 321px;
	border-bottom: 6px solid #ebebeb;
	font-size: 10px;
	color: #898686;
	background: #ebebeb;
}
.agencyResultsLinks a{
	color: #898686;
}
.agencyResultsLinks .tab1 a{
	display:block;
	height: 10px;
	width: 102px;
	float: left;
	text-align:center;
	padding-top: 18px;
	background: #ebebeb url(../../../assets/images/buttonContact.jpg) no-repeat;
}
.agencyResultsLinks .tab2 a{
	display:block;
	height: 10px;
	width: 102px;
	float: left;
	text-align:center;
	padding-top: 18px;
	background: #ebebeb url(../../../assets/images/buttonAgencyHome.jpg) no-repeat;
}
.agencyResultsLinks .tab3 a{
	display:block;
	height: 10px;
	width: 117px;
	letter-spacing: -1px;
	float: left;
	padding-top: 18px;
	text-align:center;
	background: #ebebeb url(../../../assets/images/buttonListings.jpg) no-repeat;
}
/**************************MyERA************************/
.redHead{
	background: #b11016;
	color: #fff;
	height: 22px;
	margin-bottom: 8px;
	padding-top: 5px;
}
.myEraHeader {
	width: auto;
	background: url(../../../assets/images/myEraBorder.gif) repeat-x;
	margin-left:10px;
}
.myEraHeader h1{
	font-size:12px;
	font-weight:bold;
	margin: 20px 0 5px 0;
	padding:0;
}
.myEraContent{
	padding: 5px 0 5px 0;
	width: auto;
	clear: both;
}
.myEraHeaderLeft{
	width: auto;
	float: left;
}
.myEraHeaderRight{
	padding-left: 5px;
	padding-bottom: 10px;
	background: #ffffff;
	float: right;
	margin-right:10px;
}
.myEraButtons{
	width: auto;
	clear: both;
	text-align: center;
	font-size: 10px;
	
}
.myEraButtons a, .myEraButtons a:link, .myEraButtons a:active, .myEraButtons a:visited{
	font-size: 10px;
	font-weight: bold;
	width: auto;
	float: left;
	margin-right: 5px;
	color: #ffffff;
	background: #000060;
	display: block;
	height: 15px;
	padding-top: 2px;
	border-bottom: 1px solid #94a7cf;
	border-right: 1px solid #94a7cf;
	border-top: 1px solid #dae2ed;
	border-left: 1px solid #dae2ed;
	padding: 2px 10px 0 10px;
}
.myEraButtons a:hover{
	display: block;
	height: 15px;
	padding-top: 2px;
	background: #3d439f;
	border-bottom: 1px solid #94a7cf;
	border-right: 1px solid #94a7cf;
	border-top: 1px solid #dae2ed;
	border-left: 1px solid #dae2ed;
}
.listPhoto {
	width: 118px;
	height: 88px;
	float: left;
}
.listPrice {
	width: 130px;
	font-weight:bold;
	padding: 2px 0 0 5px;
	float: left;
}
.listButton a{
	margin-right: 5px;
	margin-top: 1px;
	float: right;
	text-align:center;
	padding: 2px;
	display:block;
	width: 81px;
	height: 13px;
	font-size: 10px;
}
.listButton{
	width: 400px;
	float: right;	
}
.myERA{
	width: 200px;
	background: #e9e9e9;
	font-size: 9px;
	text-align:left;
	color: #565656;
	padding:0 0 3px 3px;
	height: 90px;
}

.myERA a{
	color: #565656;
}
.MyERAForm{
	margin: 5px 0 0px 0;
}
.myEraBox{
	width: 520px;
	margin-bottom: 10px;
	border: 1px solid #b1b1b1;
}
.myEraBoxHead{
	font-weight: bold;
	padding: 5px;
	background: #e0e2f6;
	width: auto;
}

.myEraBoxBody{
	padding: 5px;
	width: auto;
}
.myEraSavedContainer{
	clear:both;
	width: 556px;
	border: #e0e2f6 solid 1px;
	margin-bottom: 16px;
}
.myEraSavedInfo {
	font-size:10px;
	padding: 5px;
	width: 423px;
	height: 78px;
	float: right;
	overflow: hidden;
}
.myEraSavedBottom {
	background: #e2e2e2;
	padding: 2px;
	height: 21px;
	width: 552px;
	clear: both;
}
.joinMyEraForm{
	float: left;
	width: 545px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background: #e2e2e2;
}
.joinloginMyEraForm{
	float: right;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background: #e2e2e2;
	height: auto;
	margin-left: 15px;
}
.loginjoinMyEraForm{
	float: left;
	width: 228px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background: #e2e2e2;
	height: auto;
}
.myEraProfileForm{
	background:#e9e9e9;
	margin: 0 10px 0 10px;
	padding:10px 20px 10px 20px;	
}
.myEraProfileForm #left{
	float:left;
}
.myEraProfileForm #right{
	float:right;
}
.remove a{
	margin-right: 5px;
	margin-top: 1px;
	float: right;
	text-align:center;
	padding: 2px;
	display:block;
	width: 141px;
	height: 13px;
	font-size: 10px;
}
.savedSearchBtn a{
	margin-right: 5px;
	margin-top: 1px;
	margin-bottom: 5px;
	float: right;
	text-align:center;
	padding: 2px;
	display:block;
	width: 110px;
	height: 13px;
	font-size: 10px;
}
.row{
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 5px;
}
.label{
	text-align: right;
	width: 48%;
	float: left;
}
.formElement{
	padding-top: 1px;
	width: 50%;
	float: right;
}
.textbox{
	width: 200px;
}
.allPropButtons{
	clear:both;
	height: 17px;
	text-align: right;
	padding: 3px 0 0 0;
	background-color: #9e9e9e;
	color: #ffffff;
	width: 520px;
}
.allPropButtons a{
	margin-right: 16px;
	color: #fff;
	text-decoration:none;
}
.allPropButtons a:hover{
	margin-right: 16px;
	color: #ab1717;
}

.up{
	background: none;
	border: none;
	width: auto;
	height: 15px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;

}
.over{
	background: none;
	border: none;
	width: auto;
	height: 15px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
.down{
	background: none;
	border: none;
	width: auto;
	height: 15px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}

/*login/join page*/
.MyERAjoinLoginForm{ /* for IE6 */
	background:#eeeeee;
	padding:10px;
	margin: 5px;
	float:left;
	clear:both;
	width:560px;
}
#mainContent > .MyERAjoinLoginForm{ /* for other browsers */
	background:#eeeeee;
	padding:10px;
	margin: 5px 5px 5px 10px;
	float:left;
	clear:both;
	width:568px;
}
.MyERAjoinLoginForm .row{
	color:#565656;
}
.MyERAjoinLoginForm h2{
	margin:0px;
	padding:0px;
	color:#565656;
	font-size:12px;
	font-weight:bold;
}
.MyERAjoinLoginForm td{
	color:#565656;
	text-align:right;
}
.MyERAjoinLoginForm #formJoin{ /* for IE6 */
	float:right;
	margin-right:73px;
}
.MyERAjoinLoginForm > form > #formJoin{ /* for firefox */
	float:right;
	margin-right:150px;
}
#joinLoginText{
	margin:0 5px 0 10px;
}
#joinLoginText h2{
	color:#8c0b0b;
	font-size: 12px;
	font-weight: bold;
}

/* footer */

#newFootLinks {
	background: #e9e9e9;
	border-top: 1px solid #ccc;
	float: left;
	font-size: 9px;
	line-height: 16px;
	margin: 15px 0 0 0;
	padding: 10px 0 10px 0;
	text-align: center;
	width: 818px;
}

#newFootLinks a { color: #565656; }

#footer {
	background: #e9e9e9;
	clear: both;
	text-align:center;
	width: 823px;
}

.footBar {
	background: #e9e9e9 url(../../../assets/images/footer.jpg) repeat-x;
	color: #fff;
	font-size: 9px;
	height: 37px;
	padding: 6px 0 0 0;
	text-align:center;
	width: 820px;
}

.footBar a, .footBar a:link, .footBar a:visited, .footBar a:hover, .footBar a:active { color: #fff; }

#footerBtm {
	color: #565656;
	font-size: 9px;
	line-height: 16px;
}

#footerBtm a {
	color: #565656;
	font-size: 9px;
}

/*extras*/

.bullet{
	background: url(../../../assets/images/3carres.gif) left no-repeat;
	padding-left: 40px;
	color: #d7161f;
	font-size: 1.5em;
}
h3{
	font-size: 2.5em;
	color: #666666;
	font-weight: normal;
}

h5{
	font-size: 10px;
	color: #6e6e6e;
	width: 25px;
	float: left;
}
.showText{
	width: 575px;
	float: left;
	padding: 25px 0 0 15px;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.showText2{
	width: 594px;
	float: left;
	padding: 25px 0 0 15px;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.showText2 h1{
	width: auto;
	height: 30px;
	background: url(../../../assets/images/eraLogo.jpg) no-repeat;
	margin: 5px 0 0 0;
	padding: 5px 0 0 35px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.showText h1{
	font-size: 30px;
	color: #6d6e71;
	font-weight: normal;
}
.showText h1 b{
	font-size: 30px;
	color: #d7161f;
	font-weight: normal;
}
.showText h2{
	font-size: 14px;
	color: #d7161f;
	font-weight: bold;
	background: url(../../../assets/images/3carres.gif) no-repeat;
	padding-left: 38px;
}
.lienNav a{
	font-weight: bold;
	color: rgb(51, 89, 124);
}
.vtexts .texts{
	width: 565px;
}
#texte{
	width: 450px;
}
#texte ul{
	list-style: none;
}
#texte ul .icon{
	display: block;
	background: url(../../../assets/images/pdf.gif) no-repeat;
	padding: 0 0 0 20px;
	height: 15px;
}
#texte ul .newsIcon{
	display: block;
	background: url(../../../assets/images/newsletterArchive.jpg) no-repeat;
	padding: 0 0 0 20px;
	height: 15px;
}
#texte ul a{
	color: rgb(51, 89, 124);
}
.showText #sitemap h1{
	font-size: 45px;
	font-weight: normal;
	margin-bottom: 30px;
	color: #6D6E71;
}
.showText #sitemap h2{
	background: none;
	padding-left: 0;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 5px;
	color: #6D6E71;
	width: 550px;
}
.showText #sitemap h2 b{
	font-weight: normal;
	color: #D7161F;
}
.showText #sitemap h1 b{
	font-weight: normal;
	color: #D7161F;
}
.showText #sitemap a{
	font-weight: normal;
	color: #6D6E71;
	margin-left: 5px;
}
.showText #sitemap a strong{
	font-weight: bold;
	color: rgb(51, 89, 124);
}
.showText table a{
	font-weight: bold;
	color: rgb(51, 89, 124);
}
.showText table .flag{
	width: 20px;
}
.showText table .office{
	width: 150px;
}
#slideshow img{
	position:absolute;
	top:170px;
	z-index:8;
}

#slideshow img.active{
	z-index: 10;
}
#slideshow img.last-active{
	z-index: 9;
}
.homeNewsTitle{
	margin-bottom: 23px;
}
#homeNews{
	position:relative;
	right:20px;
	width: 237px;
	height:211px;
	padding:47px 0 0 33px;
	line-height: 10px;
	float: right;
	z-index: 20;
	margin-top:10px;
	background: url(../../../assets/images/postit.png) no-repeat;
}
#homeContent > #homeNews{
	position:relative;
	right:20px;
	width: 237px;
	height:211px;
	padding:47px 0 0 33px;
	line-height: 10px;
	float: right;
	z-index: 20;
	margin-top:10px;;
	background: url(../../../assets/images/postit.png) no-repeat;
}

#homeNews h1{
	font-size: 10px;
	margin:0;
	font-weight:normal;
	padding-bottom: 5px;
}
#showAllNews{
	float:left;
	margin: 0 0 10px 10px;
}
#showAllNews h1{
	width: auto;
	height: 30px;
	background: url(../../../assets/images/eraLogo.jpg) no-repeat;
	margin: 5px 0 0 0;
	padding: 5px 0 0 35px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;

}
#showAllNews h2{
	width: auto;
	height: 30px;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;

}
#newsItem{
	margin-left: 10px;
}
#newsItem h1{
	width: auto;
	height: 30px;
	background: url(../../../assets/images/eraLogo.jpg) no-repeat;
	margin: 5px 0 0 0;
	padding: 5px 0 0 35px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#showAllNews h1 a{
	margin: 0;
	padding: 0;
	color: #8c0b0b;
}
/* send to friend form */
#sendToFriend{
	margin-left:10px;
	float: left;
}
#STFdetails{
	background-image:url(../../../assets/images/fade2.jpg);
	background-repeat:no-repeat;	
	height:auto;
	width:330px;
	float:left;
	margin-bottom: 10px;
	padding:10px 0px 0px 10px;
}
#STFimageHolder{

	
	width:310px;
	height:300px;
	
}
#STFimage{
	float: left;
}
#STFdetailsRight{
	margin-top:10px;
	background-color:#FFF;
	height:auto;
	width:260px;
	border-style:solid;
	border-width:1px;
	border-color:#c0c0c0;
	padding:10px;
	float: left;
}
#STFdetailsBottom{
	background-color:#FFF;
	border-style:solid;
	border-width:1px;
	border-color:#c0c0c0;
	width:260px;
	height:auto;
	margin-top: 10px;
	margin-bottom:10px ;
	float: left;
	padding: 10px;
}
.STFtext{
	margin:10px 0 10px 0;
}
.STFtext h1{
	color:#8c0b0b;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
}
#STFformHolder{
	width:250px;
	float: right;
}
#STFform{ /* for IE6 */
	float:left;
	width:250px;
	background:#eeeeee;
	border: 1px solid #bcbcbc;
	margin: 0 10px 0 0;
}
#STFformHolder > #STFform{/* for other browsers */
	float:right;
	width:230px;
	background:#eeeeee;
	border: 1px solid #bcbcbc;
	padding: 3px 10px 3px 10px;
	margin: 0 10px 10px 0;
}
#STFformLeft {
	width:215;
	float:left;
}
#STFformRight{
	width:215;
	float:right;
}
#STFempty{
	clear:both;
}
/*send to friend preview*/
.STFpreview{
	width:590px;
	margin-left: 10px;
	
}
.STFpreview h1{
	margin-top:15px;
	color: #8c0b0b;
	font-size: 12px;
	font-weight: bold;
}
.STFpreviewCon{
	width:560px;
	margin:0 auto;
}
.STFpreview td{
	text-align:left;
	padding-left:8px;
}
.STFpreviewTab{
	padding-top:8px;
	border-style:solid;
	border-width:1px;
	border-color:#b1b1b1;
	background-color:#e9e9e9;
}
.STFpreview .STFpreviewCon #STFbtn{
	text-align:left;
	padding:8px 0px 0px 0px;
}
#STFconfirm{
	background-color:#e9e9e9;
	padding:9px;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	margin: 20px 0 0 10px;
}
#STFconfirm h1{
	width: auto;
	height: 30px;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
#STFthanks{
	padding:8px;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	background-color:#fff;
}
/*send to friend buttons*/
#STFbuttons{
	text-align:center;
}
.STFbutsmUp2{
	background:url(../../../assets/images/STFbutton.jpg);
	border: none;
	width: 58px;
	height: 25px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	cursor: pointer;
	padding-bottom:2px;
}
.STFbutsmOver2{
	background:url(../../../assets/images/STFbuttonOn.jpg);
	border: none;
	width: 58px;
	height: 25px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	cursor: pointer;
	padding-bottom:2px;
}
.STFbutsmUp3{
	background:url(../../../assets/images/STFbutton2.jpg);
	border: none;
	width: 57px;
	height: 19px;
	font-family: verdana;
	font-size: 11px;
	color: #000;
	cursor: pointer;
	padding-bottom:2px;
}
.STFbutsmOver3{
	background:url(../../../assets/images/STFbutton2on.jpg);
	border: none;
	width: 57px;
	height: 19px;
	font-family: verdana;
	font-size: 11px;
	color: #000;
	cursor: pointer;
	padding-bottom:2px;
}
.STFbutsmUp{
	background:#666;
	border: none;
	width: auto;
	height: 25px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
.STFbutsmOver{
	background:#666;
	border: none;
	width: auto;
	height: 25px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
.STFbutsmDown{
	background:#444;
	border: none;
	width: auto;
	height: 25px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
/*contact us form*/

.contactUS h1{ /*for IE6*/
	margin:20px 0 0 0;
	color: #8c0b0b;
	font-size: 12px;
	font-weight: bold;
}
.contactUS > h1{ /*for other browsers*/
	margin:20px 0 0 0;
	color: #8c0b0b;
	font-size: 12px;
	font-weight: bold;
}
.contactUS{
	margin:20px 0 0 10px;
}
#CUimg{
	float:left;
	background-image:url(../../../assets/images/contact_image2.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:640px;
	width:264px;
}
.CUform{
	border: 1px solid #bcbcbc;
	background:#eeeeee;
	width:530px;
	float:right;
	padding:10px 20px 0 0;;
	margin:10px 10px 0 0;
}
.CUright{
	background: #eee; /*url(../images/BGrepeat.jpg) repeat-x;*/
	float: right;
	width:240px;
	margin: 10px 0 0 0;
	padding:10px;
	border: 1px solid #bcbcbc;

}
.CUleft{
	width:290px;
	margin: 10px 10px 0 0px;
	float:left;
}

.CUform td{
	color:#3a3a3a;	
}
.CUform h2{
	color:#333333;
	padding:10px 0 10px 0;
	margin:0px;
	font-size:12px;
	font-weight:bold;
}

.CUform #CUtop td{ /* for IE6 */
	padding:0px 0px 0px 15px;
	margin:0px;
}
html>body .CUform #CUtop td{ /* for other browsers */
	padding-left:15px;
}

#CUbottom{
	width:507px;
	float:right;
}
.CUbutsmUp{
	background-color:#ac1818;
	border: none;
	width: auto;
	height: 25px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;

}
.CUbutsmOver{
	background-color:#ac1818;
	border: none;
	width: auto;
	height: 25px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
.CUbutsmDown{
	background-color:#910b0b;
	border: none;
	width: auto;
	height: 25px;
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
#CUempty{
	clear:both;
}
.contactAgencyLinks{
	text-align: center;
	background: url(../../../assets/images/contactAgencyLinks.gif) no-repeat;
	float: right;
	width: 174px;
	height: 31px;
	margin-right: 5px;
	padding-top: 3px;
}
.contactAgencyLinks a{
	
	text-decoration: none;
	color:#565656;
	width:auto;
	margin-right: 0px;
}
.contactAgencyLinksPushDown
{
	padding-top: 6px;
}
/*contact property form*/
#moreInfo{
	margin:0 5px 0 5px;
}
#moreInfo h1{
	margin:20px 0 0 0;
	color: #8c0b0b;
	font-size: 12px;
	font-weight: bold;
}
.PropLeft td{
	padding:20px 10px 20px 0px;
}
.PropLeft{
	width:350px;
	float:left;
}
.ContactInput{
	padding:5px;
	float:right;
	background:#e9e9e9;
	width:215px;
	text-align:left;
	margin-bottom:20px;
}
.ContactInput td{
	text-align:left;
	padding-right:5px;
}
.sellLeft{
	width:250px;
	margin: 10px 10px 0 0;
	padding: 5px;
	float:left;
}
.sellRight{
	background: #eee; /*url(../images/BGrepeat.jpg) repeat-x;*/
	float:right;
	margin: 10px 0 5px 0;
	padding:5px;
	border: 1px solid #bcbcbc;
	/*height: 398px;*/
}

/*click to call*/
#clickToCallGrey #icon {
	float:left;
	width:15px;
	height:15px;
}
#clickToCallWhite{
	padding:5px 0;
}
#clickToCallWhite p{
	margin:2px 2px 0 0;
	float:left;
}
#clickToCall #icon{
	float:left;
}
#clickToCallWide{
	font-size:9px;
	display:block;
	width: 171px;
	height: 29px;
	background: url(../../../assets/images/clickToCall_wide.jpg) no-repeat;
	color:#ffffff;
}
#clickToCallWide p{
	padding:2px 0 0 55px;
	margin:0;
}
#clickToCallXL{
	font-size:9px;
	display:block;
	width: 199px;
	height: 50px;
	background: url(../../../assets/images/clickToCallBIG.jpg) no-repeat;
}
#clickToCallXL p{
	color:#fff;
	margin:5px 0 0 5px;
	width:150px;
}

#clickToCallWide a.large{
	font-size:10px;
	display:block;
	width: 158px;
	height: 32px;
	background: url(../../../assets/images/clickToCall_large.jpg) no-repeat;
	padding:8px 0 0 65px;
	color:#ffffff;
}

p#c2cHoverText{
	position:absolute;
	border:1px solid #c00001;
	background:#ebebeb;
	padding:2px 5px;
	color:#333;
	display:none;
} 
/*REGION LIST*/
.regionSiteList{
	width: 150px;
	height: 100px;
	border: 1px solid #ccc;
	margin: 10px;
	padding: 10px;
	text-align:center;
	float:left;
}
.regionLogo{ 
	margin: 0 5px 0 0 ;
}
.plusPhotos{
	background: url(../../../assets/images/10plus.gif) no-repeat;
}
#mainContent h1{
	font-size: 14px;
	color: #191971;
}
.links{
	width: 800px;
	float: left;
	margin-top: 10px;
}
.links a{
	color: #565656;
	display: block;
	float: left;
	padding: 7px;
}

#nl-messageBox{
	border-style:solid;
	border-width:2px;
	border-color:red;
	background: pink;
	padding: 15px 5px 15px 5px;
	margin: 0 20px 0 20px;
	font-weight: bold;
}

.eraBox{
	width: 500px;
	height: 30px;
	background: url(../../../assets/images/eraLogo.jpg) no-repeat;
	margin: 5px 0 5px 0;
	padding: 0 0 0 40px;
	font-family: verdana;
	font-size: 11px;
	color: #565656;
}
#nl_signup{
	width: 121px;
	height: 20px;
	color: #fff;
	display: block;
	border: none;
	background: url(../../../assets/images/dwnloadNewsletter_sm.jpg) no-repeat;
}

/******************  Sales Value Form  ********************/
#SVcontent{
	margin:20px;
}
#SVtitle{
	font-size:15px;
	font-weight:bold;
}
#SVcontent img{
	width:560px;
}
#SVcontent table{
	margin-left:20px;
}
/******** ICON BAR FOR PROPERTY DETAILS PAGE *************/

.iconBar{
	width: 476px;
	height: 19px;
	background: #ebebeb;
	color: #565656;
	font-size: .9em;
	margin: 15px 0;
	padding-left: 85px;
}

.iconBar div{
	position:relative;
	top:-6.5px;
}
.iconBar div div{
	float:left;
}
.iconBarLink{
	position:relative;
	margin:0 10px;
}
#iconToolTip{
	Position:absolute;
	height:34px;
	width:300px;
	z-index:200;
	top:-20px;
	left:13px;
}
#tipLeft{
	float:left;
	width:24px;
	height:34px;
	background: url(../../../assets/images/toolTipLeft.png) no-repeat;
}
#tipMiddle{
	float:left;
	height:34px;
	background: url(../../../assets/images/toolTipRepeat.png) repeat-x;
}
#tipMiddle p{
	padding:0;
	margin:5px 5px 0 -13px;
	color:#666;
}
#tipRight{
	float:left;
	height:34px;
	width:9px;
	background: url(../../../assets/images/toolTipRight.png) no-repeat;
}
/****************** Sliders *************************/
.range-wrapper{
width:167px;
background: #dfeffc url(../../../assets/images/redmond/back.jpg) repeat-x;
border: 1px solid #b3b3b3;
}
.quickSearch > div.range-wrapper {
width:167px;
margin:6px;
}
#pieceSlide {
margin:0 0 1px 0;
width:185px;
}
#piece-range {
width:150px;
}
.quickSearch > div#piece-range {
width:150px;
margin:0 0 1px 100px;
}
#priceSlide {
width:185px;
margin:0 0 1px 0;
}
#price-range {
width:150px;
margin:0 40px 0 0;
}
.quickSearch > div#price-range {
width:150px;
margin:0 0 1px 100px;
}
/****************** Feedback *************************/
#feedback{
	padding:15px;
	font-size:14px;
}
#feedback a{
	text-decoration:underline;
}
#feedback strong{
	font-size:15px;
}
#feedbackForm{
	padding:5px;
	font-size:13px;
}

/*** Left Column IC Logo *** JP 9/23/10 ***/

#icBannerAd {
	color: white;
	margin: 4px 0 0 1px;
	width: 194px;
	float:left;
	height: 125px;
	text-align: center;
}

#icBannerAd a {
	border: none;
	text-decoration: none;
}

.rowOdd{
	background-color: #F0F0F0;
}
.rowEven{
	background-color: #FFFFFF;
}
.colRightDash{
	border-right-style: solid;
	border-width: 1px;
	border-color: grey;
	padding: 2px 3px 3px 4px;
}
.colLeftDash{
	border-left-style: solid;
	border-width: 1px;
	border-color: grey;
	padding: 2px 3px 3px 4px;
}
.bottomDash{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: grey;
}
.topDash{
	border-top-style: solid;
	border-width: 1px;
	border-color: grey;
}

/**************** salesperson card on propDetails *****************/
.salespersonCard{
	background: #ebebeb;
	border: 1px solid #c7c7c7;
	margin: 0 0 0 0;
	position: relative;
}
.salespersonphoto a{
	display: block;
	background: url(../../../assets/images/salespersonArrow.png) no-repeat;
	width: 69px;
	height: 72px;
	padding: 20px 0 0 8px;
	margin: 0 0 0 -10px;
	float: left;
}
.salespersonphotolg a{
	display: block;
	width: 86px;
	height: 72px;
	padding: 0 0 0 0;
	margin: 0 0 0 5px;
	float: left;
}
.salespersonphotolg img{
	max-width: 85px;
 	max-height: 117px;
  	width: expression(this.height < this.width && this.width  > 85 ? "85px" : true);
  	height: expression(this.height > this.width && this.height > 117 ? "117px" : true);
}
.salespersonlgarrow a{
	background: url(../../../assets/images/salespersonArrow-lg.png) no-repeat;
	width: 39px;
	height: 57px;
	position: absolute;
	right: 10px;
	top: -4px;
}
.salespersoninfo{
	width: 175px;
	float: left;
	margin: 15px 0 0 5px;
}
.salespersonname a{
	color: #b10000;
	font-size: 14px;
	font-weight: bold;
}
a.salespersonemail{
	position: absolute;
	margin: 0;
}
a.salespersonemail:hover{
	z-index:25; 
}
a.salespersonemail span{display: none}

a.salespersonemail:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; 
	left:2.5em; 
	width:auto;
    border:1px solid #0cf;
    background: #fff;
    border: 1px solid #C7C7C7;
	color: black;
    text-align: center;
	padding: 3px;
	}
.salespersonwebsitelink{
	clear:both;
	margin-top: 10px;
	margin: 0 0 0 15px;
}
.salespersonwebsitelink a{
	display: block;
	background: url(../../../assets/images/salespersonWebsiteLink.png) no-repeat;
	width: 231px;
	height: 33px;
	text-align:center;
	color: #fff;
	text-decoration: none;
	padding-top: 6px;
	margin-left: 8px;
}
/*********************************/
.brokerSiteLink a{
	margin-top: 15px;
	display: block;
	width: 155px ;
	height: 45px;
	background: url(../../../assets/images/brokerSiteButton.jpg) no-repeat;
	color: #c81614;
	font-weight: bold;
	padding: 10px 75px 0 15px;
	font-size: 16px;
}

