/*########## IMPORTS */


@import "propertycart.css";

/* ######### */

body
{
	color: #000000;
	font-family: Arial, Tahoma, Sans-Serif;
	background-color: #F9EDC2;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	/*background-image: url('../images/structure/bg.gif'); background-repeat: repeat-y repeat-x;*/
	
}

a:link		{ color: #000000; text-decoration: none; font-size: 8pt; }
a:visited	{ color: #000000; text-decoration: none; font-size: 8pt; }
a:hover		{ color: #803B56; text-decoration: none; font-size: 8pt; }

/* ######### DONT TOUCH THESE ########## */

/* hide these rules from CSS-challenged browsers */
@media screen, projection {
/* below exploits a parsing error so @media rules will be visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: Arial, Tahoma, Sans-Serif;
  font-family: inherit;
}

.clear {
  clear: both;
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
  height: 0;
  overflow: hidden;
}
} /* end media screen rules */

/* rules for WinIE only */
@media screen, projection {
* html .clear {
  display: none;           /* prevent excessive gap at div bottom in WinIE5 */
}
} /* end WinIE only rules */

form{
	margin: 0px;
	padding: 0px;
}

hr
{
	width: 100%; height: 1px; background-color: #C5C7C9;	color: #C5C7C9;
}

/* ######### DONT TOUCH THESE ########## */



/*  THIS DIV CONTAINS THE WHOLE SITE */
.outer-container
{
	width: 778px;
	margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}


.outer-containerarrange
{
	width: 535px;
	margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	text-align:center;
}

/* container for just the left and center columns */
.inner-container {
  width: 623px;              /* width of left and centre columns */
  float: left;             /* left side of window */
  margin: 0;               /* keep flush with adjacent containers */
  background-color: #FFFFFF;
}

.results-container
{
	width: 778px;
	float: right;
	margin: 0;
	background-color: #FFFFFF;
}
	

/*##### HEADER DIVS ######*/

#header {
  width: 778px;             /* full window width */
  margin: 0;
  padding-top: 0px;  padding-bottom: 0px;
  font-size: 10pt;
  background-color: #FFFFFF;
  height: 87px;
  overflow: hidden;
}

#logoContainer
{
	width: 449px;
	height: 60px;
	float: left;
	text-align: left
}

#telContainer
{
	width: 329px;
	height: 60px;
	float: right;
	text-align: right;
}

.navbarContainer
{
	width: 100%;
	position: relative;
}

.dropDownHolderOn
{
	position: absolute;
	width: 60px; top: 50px;
	left: 298px; width: 143px;
	display: block;
	z-index: 10;
}

.dropDownHolderOff
{
	position: absolute;
	width: 60px; top: 50px;
	left: 350px; background-color: #F9EDC2;
	display: none; width: 143px; z-index: 10;
}
	
/*##### HEADER DIVS ######*/

/* #### NAVBAR STYLES #####*/
.navMenuBack
{
	background-image:url(../images/navbg.gif);
	background-repeat: repeat-x;
}

.navMenuOut
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 7pt;
	color: #000000;
	background-color: #F9EDC2;
}

.NavMenuOver
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 7pt;
	color: #803B56;	
	cursor: pointer;
	background-color: #F6F1D8;
}

.Paddingtop
{
	padding-top: 2px;}

a:link.navLink		{ color: #000000; text-decoration: none; font-size: 8pt; }
a:visited.navLink	{ color: #000000; text-decoration: none; font-size: 8pt; }
a:hover.navLink		{ color: #000000; text-decoration: none; font-size: 8pt; }

a:link.navLinkOver		{ color: #803B56; text-decoration: none; font-size: 8pt; }
a:visited.navLinkOver	{ color: #803B56; text-decoration: none; font-size: 8pt; }
a:hover.navLinkOver		{ color: #803B56; text-decoration: none; font-size: 8pt; }

a:link.endLink		{ color: #000000; text-decoration: none; font-size: 8pt; }
a:visited.endLink	{ color: #000000; text-decoration: none; font-size: 8pt; }
a:hover.endLink		{ color: #803B56; text-decoration: none; font-size: 8pt; }

/* #### NAVBAR STYLES #####*/

/* #### DEFAULT COMPONENTS ####*/

#leftHeader
{
	width: 155px;	height: 25px;	position: relative; left: 0px;	top: 0px;	text-align: left;
	background-color: #E5E6E7;	border-bottom: 1px solid #C5C7C9;	
	font-family: Arial, Tahoma, Sans-Serif; font-size: 8pt;	color: #000000; text-indent: 15px; 
	margin-top: 0px;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 0px;
}

.headerText
{
	position: relative; top: 5px;
}

/* left column */
.search {
  width: 155px;              /* % of inner-container width is ~same width as right column */
  float: left;             /* left side of inner-container */
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;    /* space from window edge (IE messes up with margin, so use padding) */
  background-color: #FFFFFF;
}

#searchContainer{ /* USE THIS TO MOVE THE SEARCH BOX UP OR RIGHT */
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-align: left;
}


#centerHeader
{
	width: 466px;	height: 25px;	position:relative; left: 0px;	top: 0px;	text-align: left;
	background-color: #E5E6E7;	border-bottom: 1px solid #C5C7C9;  
	font-family: Arial, Tahoma, Sans-Serif; font-size: 8pt;	color: #000000;text-indent: 15px; 
	padding-top: 0px;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 0px;
}

#centerContainer{ /* USE THIS TO MOVE THE NEW INSTRUCITONS BOX UP OR RIGHT */
	width: 436px;
	margin-top: 15px;
	margin-left: 15px;
	margin-right:15px;
	margin-bottom: 0px;
}

.introHeader{ 
	margin-bottom: 15px;
	height: 40px;
	overflow: hidden;
	width: 100%;
	text-align: left;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #000000;
}

.justReceived
{
	height: 20px;	position:relative; left: 0px;	top: 0px;	text-align: left;
	background-color: #E5E6E7;	font-family: Arial, Tahoma, Sans-Serif; font-size: 8pt;	color: #000000;text-indent: 15px; 
	padding-top: 5px;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 0px;
	margin-bottom: 15px;
}

/* center column */
.content {
  width: 466px;              /* % of inner-container width */
  float: right;            /* right side of inner-container */
  padding: 0;      /* some padding for readability */
  margin: 0;               /* keep flush with adjacent containers */
  border-right: solid 1px #C5C7C9;   border-left: solid 1px #C5C7C9;
}

.content2 {
  width: 466px;              /* % of inner-container width */
  float: center;            /* right side of inner-container */
  padding: 0;      /* some padding for readability */
  margin: 0;               /* keep flush with adjacent containers */
  
}

#rightHeader
{
	width: 155px;	height: 25px;	position:relative; left: 0px;	top: 0px;	text-align: left;
	background-color: #E5E6E7;	border-bottom: 1px solid #C5C7C9;	
	font-family: Arial, Tahoma, Sans-Serif; font-size: 8pt;	color: #000000; text-indent: 15px; 
	padding-top: 0px;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 0px;
}

#rightContainer{ /* USE THIS TO MOVE THE LETTINGS BOX UP OR RIGHT */
	width: 125px;
	margin-top: 15px;
	margin-left: 15px;
	margin-right:15px;
	margin-bottom: 0px;
	text-align: left;
}

/* right column */
.lettings {
  width: 155px;              /* a little less than available 24% */
  float: right;            /* right side of window */
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;      /* some space from right window edge */
  background-color: #FFFFFF;
  height: 100%;
}

/* #### DEFAULT COMPONENTS ####*/

/* #### OUTSEARCH COMPONENTS ####*/

#outSearchHeader
{
	width: 155px;	height: 25px;	position: relative; left: 0px;	top: 0px;	text-align: left;
	background-color: #E5E6E7;	border-bottom: 1px solid #C5C7C9;	
	font-family: Arial, Tahoma, Sans-Serif; font-size: 8pt;	color: #000000; text-indent: 15px; 
	margin-top: 0px;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 0px;
}

/* left column */
.outSearch {
  width: 155px;              /* % of inner-container width is ~same width as right column */
  float: left;             /* left side of inner-container */
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;    /* space from window edge (IE messes up with margin, so use padding) */
  background-color: #FFFFFF;
}

#outSearchContainer{ /* USE THIS TO MOVE THE SEARCH BOX UP OR RIGHT */
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-align: left;
}

#resultsHeader
{
	width: 622px;	height: 25px;	position:relative; left: 0px;	top: 0px;	text-align: left;
	background-color: #E5E6E7;	border-bottom: 1px solid #C5C7C9;  
	font-family: Arial, Tahoma, Sans-Serif; font-size: 8pt;	color: #000000;text-indent: 15px; 
	padding-top: 0px;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 0px;
}

#resultsContainer{ /* USE THIS TO MOVE THE RESULTS UP OR RIGHT */
	width: 592px;
	margin-top: 15px;
	margin-left: 15px;
	margin-right:15px;
	margin-bottom: 0px;
}

#resultsContainer2{ /* USE THIS TO MOVE THE RESULTS UP OR RIGHT */
	width: 510px;
	margin-top: 15px;
	margin-left: 15px;
	margin-right:15px;
	margin-bottom: 0px;
	height: 800px;
}

/* center column */
.results {
  width: 622px;              /* % of inner-container width */
  float: right;            /* right side of inner-container */
  padding: 0;      /* some padding for readability */
  margin: 0;               /* keep flush with adjacent containers */
  border-left: solid 1px #C5C7C9;
}

/* #### OUTSEARCH COMPONENTS ####*/

/* #### FULL DETAILS COMPONENTS - MOST OF WHICH ARE THE SAME AS OUTSEARCH ####*/


/* #### FULL DETAILS COMPONENTS - MOST OF WHICH ARE THE SAME AS OUTSEARCH ####*/

/* #### SEARCH BOX STYLES ####*/

.searchTable
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #3C362E;
}

.searchField
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #4F4B49;
	background-color: #FFFFFF;
	border: solid 1px #554E4A;
	width: 120px;
}

.searchButton
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #000000;
	background-color: #E5E6E7;
	border-top: solid 1px #C5C7C9;
	border-left: solid 1px #C5C7C9;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	width: 130px;
}
/* #### SEARCH BOX STYLES ####*/

/*#### RE-USEABLE STYLES ####*/

.picBorder
{
	border: solid 0px #000000;
}

.propAddress
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #6F2245;
	font-weight: bold;
}
.propCategory
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #6F2245;
	font-weight: bold;
}

.propDetails
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #000000;
}

.propPrice
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

.propPriceNorm
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
}

.propBrief
{
	width: 100%;
	height: 42px;
	overflow: hidden;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #000000;
}

a:link.propAdd		{ color: #000000; text-decoration: none; font-weight: bold; font-size: 8pt; font-family: Arial, Tahoma, Sans-Serif; }
a:visited.propAdd	{ color: #000000; text-decoration: none; font-weight: bold; font-size: 8pt; }
a:hover.propAdd		{ color: #6B1C40; text-decoration: none; font-weight: bold; font-size: 8pt; }

a:link.propEPC		{ color: #000000; text-decoration: underline; font-size: 8pt; }
a:visited.propEPC	{ color: #000000; text-decoration: underline; font-size: 8pt; }
a:hover.propEPC		{ color: #6B1C40; text-decoration: underline; font-size: 8pt; }

.fullDetails		{ color: #1A4C8B; text-decoration: none; font-size: 8pt; height: 10px; font-family:Arial, Tahoma, Sans-Serif; font-weight:bold;}

a:link.fullDetails		{ color: #1A4C8B; text-decoration: none; font-size: 8pt; height: 10px }
a:visited.fullDetails	{ color: #1A4C8B; text-decoration: none; font-size: 8pt; height: 10px }
a:hover.fullDetails		{ color: #6B1C40; text-decoration: none; font-size: 8pt; height: 10px }

a:link.paging		{ font-family: Arial, Tahoma, Sans-Serif; color: #003882; font-size: 8pt; font-weight: bold; text-decoration: none; height: 18px; width: 18px; vertical-align:middle; }
a:visited.paging	{ font-family: Arial, Tahoma, Sans-Serif; color: #003882; font-size: 8pt; font-weight: bold; text-decoration: none; vertical-align:middle; height: 18px; width: 18px; }
a:hover.paging		{ font-family: Arial, Tahoma, Sans-Serif; color: #FFFFFF; font-size: 8pt; font-weight: bold;	text-decoration: none; vertical-align:middle; background-image:url(../images/pagination_over.gif); background-repeat: no-repeat; background-position: center center; height: 18px; width: 18px; }

a:link.large		{ font-family: Arial, Tahoma, Sans-Serif; color: #1C1B15; font-size: 12pt; font-weight: bold; text-decoration: none; vertical-align:middle; }
a:visited.large		{ font-family: Arial, Tahoma, Sans-Serif; color: #1C1B15; font-size: 12pt; font-weight: bold; text-decoration: none; vertical-align:middle; }
a:hover.large		{ font-family: Arial, Tahoma, Sans-Serif; color: #6F2245; font-size: 12pt; font-weight: bold; text-decoration: none; vertical-align:middle; }

.paging {
	font-family: Arial, Tahoma, Sans-Serif;
	color: #1C1B15;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	text-align: center;
	line-height: 18px;
}
.pagingOver {
	font-family: Arial, Tahoma, Sans-Serif;
	color: #6F2245;
	font-size: 8pt;	font-weight: bold;
	text-decoration: none;	vertical-align:middle;
	height: 18px; width: 18px;
	cursor: pointer;
	text-align: center;
	line-height: 18px;
	background-image:url(../images/pagination_over.gif); background-repeat: no-repeat; background-position: center center;
}

.pagingSelected {
	font-family: Arial, Tahoma, Sans-Serif;
	color: #FFFFFF;
	font-size: 8pt;	font-weight: bold;
	text-decoration: none;	vertical-align:middle;
	height: 18px; width: 18px;
	cursor: pointer;
	text-align: center;
	line-height: 18px;	
}

.galleryNav
{
	border: solid 1px #FFFFFF;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #000000;
}

.hr
{
	background-color: #C5C7C9;
	color: #C5C7C9;
}

ul
	{
		margin-left: 0px;
		padding-left: 0px;
		list-style: none;
		line-height: 150%;
		margin-top: 0px;
		margin-bottom: 0px;
	}

li
	{
		padding-left: 10px;
		padding-top: 0px;
		background-image: url('../images/structure/bullet.gif');
		background-repeat: no-repeat;
		background-position: 0 6px;
	}
	
.WhiteTxt
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight:bold;
	}	

/*#### RE-USEABLE STYLES ####*/

/*#### FOOTER CONTAINER ####*/

.footer {
  clear: both;             /* below all columns */
  width: 778px;             /* full window width */
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #FFFFFF;
  font-family: Arial, Tahoma, Sans-Serif;
  font-size: 8pt;
  color: #000000;
  border-top: solid 1px #C5C7C9
}

.copyRight{
	width: 780px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #FFFFFF;
}

a:link.tweb			{ color: #FFFFFF; text-decoration: underline; font-size: 8pt; height: 10px }
a:visited.tweb		{ color: #FFFFFF; text-decoration: underline; font-size: 8pt; height: 10px }
a:hover.tweb		{ color: #FFFFFF; text-decoration: underline; font-size: 8pt; height: 10px }

/*#### FOOTER CONTAINER ####*/

#dhtmltooltip

{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: #FFFFE0;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}


/* PROPERTY CART STYLES */

.PropCartFrame
{
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	background-color: #7D2E48;
}

.PropCartTitle
{
	background-color: #6F2245;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Arial, Tahoma, Sans-Serif;
}

.PropCartTitle2
{
	
	color: #003882;
	font-size: 8pt;
	font-family: Arial, Tahoma, Sans-Serif;
}


.PropCartBottom
{
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

.PropertyCartHide
{
	display:none;
}

.footerbg
{
	background-image: url('../images/footerbg.gif');
	background-repeat: repeat-y;
	
	}
	
.footertxt
{
	color: #000000;
	font-size: 8pt;
	font-family: Arial, Tahoma, Sans-Serif;
	
	}	
	
.footertel
{
	color: #000000;
	font-size: 8pt;
	font-family: Arial, Tahoma, Sans-Serif;
	font-weight:normal;
	
	
	}	


.PropertyCartMessage
{
	position:absolute;
	background-color: #6F2245;
	color: #FFFFFF;
	z-index: 100;
	left: 41%;
	top: 260px;
	width:220px;
	height:80px;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	
}

.propMessage
{
	background-color: #FFFFFF;
	color: #000000;
}

.PropertyCartBK
{
	position:absolute;
	background-color: #000000;
	z-index: 99;
	left: 42%;
	top: 267px;
	width:216px;
	height:80px;
	opacity: 0.75;
}



/* *********************** */


.print-tel
{
	display:none
}

.non-print-tel
{
	display: block;
}

//* ********** GALLERY STYLES ************* */

#gallery-image-container
{
	position:relative;
}

#gallery-image
{
	position:relative;
}

#gallery-image-controls
{
	position:relative;
	top:-24px;
}

 .controls
 {
	background-color: #FFFFFF;
}

.washout { 
	opacity: 0.75;
	filter: alpha(opacity=70);
 }
 

@media screen{
	#page-printing-container
	{
		width:100%;
		height:100%;
		overflow:auto;
	}
	
	#print-out-logo
	{
		display:none;
	}
}

@media print 
{
	#page-printing-container
	{
			width:645px;
	}
	
	.page-break-avoid
	{
		page-break-before:auto;
	}
	
	#print-out-logo
	{
		display:block;
		page-break-before:auto;
		height:81px;
	}
	
}

.noSpace
{
	margin: 0px; padding: 0px;
}
.TblTopBg {
	background-image: url(../images/tbl_top.gif);
	background-repeat: repeat-x;
}
.TblLeftBg {
	background-image: url(../images/tbl_left.gif);
	background-repeat: repeat-y;
}
.TblRightBg {
	background-image: url(../images/tbl_right.gif);
	background-repeat: repeat-y;
}
.TblBotBg {
	background-image: url(../images/tbl_bot.gif);
	background-repeat: repeat-x;
}
.GoSearch {
	background-image: url(../images/go_search_.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 73px;
	display: block;
}
a:hover.GoSearch {
	background-image: url(../images/go_search_over.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 73px;
	display: block;
}
.SavedText {
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.SrTblTopBg {
	background-image: url(../images/sr_tbl_top.gif);
	background-repeat: repeat-x;
}
.SrTblLeftBg {
	background-image: url(../images/sr_tbl_left.gif);
	background-repeat: repeat-y;
}
.SrTblRightBg {
	background-image: url(../images/sr_tbl_right.gif);
	background-repeat: repeat-y;
}
.SrTblBotBg {
	background-image: url(../images/sr_tbl_bot.gif);
	background-repeat: repeat-x;
}
.TblHeight {
	height: 100%;
}
.TRactive {
	background-color:#FBF4D9;
	height: 100%;
}
.TRinactive {
	background-color:#F9EEC5;
	height: 100%;
}
.WebContent
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #000000; text-align: left;
	padding: 8pt;
}

.FormBack
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #000000;
	padding: 20px;
	background-color: inherit;
}
.FullDetailMid {
	border: solid 4px #FFFFFF;
	padding: 20px;
}
.PropTitle {
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.paddingtext

{padding: 25px;}

.flashMovie
{
	width:551px; height:266px;
	display:none; background-color:#F9EDC2;
}

.hand
{
	cursor: pointer;
}

.nonLink
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 8pt;
	color: #ECDCA2;
}

.printout-container-visible { display:block; height: 535px; }
.printout-container-hidden { display:none }

.viewproperty-description-visible { display:block }
.viewproperty-description-hidden { display:none }

.frmgallery-container-visible{ display:block}
.frmgallery-container-hidden { display: none }

.moveDown
{
	z-index: 5;
}

.viewingText
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12pt;
	color: #000000;
}

.IconBrdr {
	border-left: solid 4px #FFFFFF;
	padding: 0px 15px 0px 15px;
}