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


@import "propertycart.css";

/* ######### */
html
{
	height: 100%
}

body
{
	color: #FFFFFF;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #808080;
	margin: 0px; padding: 0px;
	background-image: url('../images/bg_main.gif');	
	height:100%;
}


/* ######### 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: Verdana, 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
{
	margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;
	background-color: #1E452F;
}

/* container for just the left and center columns */
.inner-container {
  width: 0px;              /* width of left and centre columns */
  float: none;             /* left side of window */
  margin: 0;
}

.results-container
{
	width: 780px;
	margin: 0;
}
	

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

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

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

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

.navbarContainer
{
	width: 100%;
	height: 25px;
	background-color: #FAF8F9;
	text-align: left;
}
.navbarContainerSub
{
	width: 100%;
	height: 16px;
	background-color: #FAF8F9;
	text-align: left;
}

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

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

.navMenuOut
{
	background-color: #FAF8F9;
	font-family: Tahoma, Arial, Verdana;
	font-size: 7pt;
	color: #325642;
	text-transform: uppercase;
}

.NavMenuOver
{
	background-color: #DFD5BA;
	font-family: Tahoma, Arial, Verdana;
	font-size: 7pt;
	color: #325642;
	cursor: pointer;
	text-transform: uppercase;	
}

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

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

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

#leftHeader
{
	width: 156px;	height: 25px;	position: relative; left: 0px;	top: 0px;	text-align: left;	border-bottom: 1px solid #C5C7C9;	
	font-family: Verdana, Tahoma, sans-serif; font-size: 8pt;	color: #000000; text-indent: 15px; 
	margin-top: 0px;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 0px;
}

.headerText
{
top: 0px; right: 200px;
}

/* left column */
.search {
  width: 0px;             /* left side of inner-container */
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
}

#searchContainer{ /* USE THIS TO MOVE THE SEARCH BOX UP OR RIGHT */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	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: Verdana, 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: Verdana, 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: Verdana, 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;
}

#rightHeader
{
	width: 156px;	height: 25px;	position:relative; left: 0px;	top: 0px;	text-align: left;
	background-color: #E5E6E7;	border-bottom: 1px solid #C5C7C9;	
	font-family: Verdana, 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: 126px;
	margin-top: 15px;
	margin-left: 15px;
	margin-right:15px;
	margin-bottom: 0px;
	text-align: left;
}

/* right column */
.lettings {
  width: 156px;              /* 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: 156px;	height: 25px; left: 0px;	top: 0px;	text-align: left;	
	font-family: Verdana, Tahoma, sans-serif; font-size: 8pt;	color: #FFFFFF; text-indent: 15px; 
	margin-top: 0px;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 0px;
}

/* left column */
.outSearch {
  width: 205px;             /* left side of inner-container */
  margin: 0;               /* keep flush with adjacent containers */
  padding: 0;
}

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

#logoholder
{
	position:relative;
	bottom:-50px;
	right:15px;
	
	}

#resultsHeader
{
	width: 540px;	height: 25px; left: 0px;	top: 0px;	text-align: left;  
	font-family: Verdana, Tahoma, sans-serif; font-size: 8pt;	color: #FFFFFF; 
	padding-top: 0px;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 0px;
}

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

/* center column */
.results {
  padding: 0;      /* some padding for readability */
  margin: 0;
}

/* #### 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: Tahoma, Arial, Verdana;
	font-size: 7pt;
	color: #FFFFFF;
}

.searchField
{
	font-family: Tahoma, Arial, Verdana;
	font-size: 7pt;
	color: #B2A571;
	background-color: #21643F;
	border: solid 1px #9B9868;
	width: 121px;
}

.searchButton
{
	font-family: Verdana, 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 1px #000000;
}

.propAddress
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #AA9B6C;
	font-weight: bold;
}

.propDetails
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	line-height: 10pt;
}

.propDetailsBlack
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.propPrice
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
}

.propBrief
{
	width: 100%;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 8pt;
	color: #DCDACB;
}

a:link.propAdd		{ color: #AA9B6C; text-decoration: none; font-weight: bold; font-size: 8pt; }
a:hover.propAdd  { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 8pt; }
a:visited.propAdd	{ color: #AA9B6C; text-decoration: none; font-weight: bold; font-size: 8pt; }

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

a:link.paging		{ color: #AA9B6C; text-decoration: none; font-size: 8pt; }
a:hover.paging		{ color: #FFFFFF; text-decoration: none; font-size: 8pt; }
a:visited.paging	{ color: #AA9B6C; text-decoration: none; font-size: 8pt; }

a:link		{ color: #FFFFFF; text-decoration: underline; font-size: 8pt; }
a:hover		{ color: #FFFFFF; text-decoration: underline; font-size: 8pt; }
a:visited	{ color: #FFFFFF; text-decoration: underline; font-size: 8pt; }

.paging {
	font-family: Verdana, Tahoma, sans-serif;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
}

.galleryNav
{
	border: solid 1px #FFFFFF;
	font-family: Verdana, 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;
	}

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

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

.footer {
	clear: both;             /* below all columns */
	width: 770px;             /* full window width */
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	background-color: #BFAB76;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #325238;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.footertxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	}

.copyRight{
	width: 780px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #1E452F;
	height: 24px;
	vertical-align: middle;
	text-align: center;
}

a:link.tweb			{ color: #FFFFFF; text-decoration: underline; font-size: 8pt; height: 10px }
a:hover.tweb		{ color: #FFFFFF; text-decoration: underline; font-size: 8pt; height: 10px }
a:visited.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: #84221E;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Verdana, Tahoma, sans-serif;
}


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

.PropertyCartHide
{
	display:none;
}


.PropertyCartMessage
{
	position:absolute;
	background-color: #84221E;
	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;
}

.print-show
{
	display: none;
}

//* ********** 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;
	}
	
}
.BgColor {
}
.BgColor {
	background-color: #1E452F;
}
.HorLineHome {
	background-image: url(../Images/home_bg_line_hor.gif);
	background-repeat: repeat-x;
	background-color: #1E452F;
}
.BgColorDark {

	background-color: #131516;
}
.SearchResultBG {
	background-color: #1F332A;
	background-image: url(../Images/search_result_line_top.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 21px;
	padding-left: 26px;
	padding-right: 17px;
}
.SearchResultBotLine {
	background-image: url(../Images/search_result_fd_bg.gif);
	background-repeat: repeat-x;
	padding-right: 17px;
}
.TblHeight {
	height: 100%;
}
.IconsBg {
	background-image: url(../Images/icons_bg.gif);
	background-repeat: repeat-x;
}
.FeaturdBg {
	background-color: #1F332A;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	width: 540px;
}
.VpBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #B5A371;
	text-decoration: none;
}
.VpTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #B5A371;
	text-decoration: none;
}
.VpTbl {
	background-color: #1E452F;
	border: 1px solid #1E241E;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

* html .ShadowLeft {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leftShadow.png', sizingMethod='scale');
background-repeat: repeat-y;
}
html>body .ShadowLeft{
background-image: url('../images/leftShadow.png');
background-repeat: repeat-y;
background-position: right top;
}

* html .ShadowBottomLeft {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottomLeft.png', sizingMethod='scale');
background-repeat: repeat-y;
}
html>body .ShadowBottomLeft{
background-image: url('../images/bottomLeft.png');
background-position: right top;
background-repeat: no-repeat
}

* html .ShadowBottomRight {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottomRight.png', sizingMethod='scale');
background-repeat: repeat-y;
}

html>body .ShadowBottomRight{
background-image: url('../images/bottomRight.png');
background-position: left top;
background-repeat: no-repeat
}

* html .ShadowRight {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rightShadow.png', sizingMethod='scale');
background-repeat: repeat-y;
}
html>body .ShadowRight{
background-image: url('../images/rightShadow.png');
background-repeat: repeat-y;
}


* html .ShadowBot {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottomShadow.png', sizingMethod='scale');
background-repeat: repeat-y;
}

html>body .ShadowBot{
background-image: url('../images/bottomShadow.png');
background-repeat: repeat-x;
}

* html .ShadowBack {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shadowBack.png');
width: 780px; height: 510px;
background-position: left bottom;
}

html>body .ShadowBack{
background-image: url('../images/shadowBack.png');
width: 780px; height: 510px;
background-position: left bottom;
}

#headerHold
{
	width: 770px; height: 125px;
	background-image: url('../images/headerBack.gif');
	background-repeat: repeat-x;
	position: relative; overflow: hidden;
}

#headerImage
{
	width: 770px; height: 77px;
	position: relative;
}

html>body #headerLogo{
background-image: url('../images/logos/logo.png');
width: 131px; height: 77px;
background-position: left bottom;
position: relative; top: -32px; left: 41px;
cursor: pointer;
}

* html #headerLogo {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logos/logo.png');
width: 131px; height: 77px;
background-position: left bottom;
position: relative; top: -32px; left: 41px;
cursor: pointer;
}

.webpageText
{
	text-align: justify;
}

.floorplan-button
{
	width: 93px;
}

.floorplan-text
{
	font-family: Tahoma;
	font-size: 10pt;
	color: #000000;
}


a:link.vtour		{ color: #A39668; text-decoration: underline; text-transform: uppercase; font-family: Sans-Serif; font-size: 8pt; }
a:hover.vtour		{ color: #A39668; text-decoration: underline; text-transform: uppercase; font-family: Arial; font-size: 8pt; }
a:visited.vtour		{ color: #A39668; text-decoration: underline; text-transform: uppercase; font-family: Arial; font-size: 8pt; }

.radar

{
	
	padding: 15px 0 0px 33px;
	width:160px;
	height:30px;
	
	}