/* LAYOUT STYLES */
body {background-color: #444654; margin-top: 0px; margin-bottom: 0px; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 0.7em; height: 100%; }
html,body {
height: 100%;
}
.spacerDiv { width: 10px; float: left }
#hubDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 900px; background-color: #353546; margin-top: 0px; color: #444654 }
#mainDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; background: url(../images/greyBG.gif) repeat-y 0px 100% #ffffff; margin-top: 0px; color: #444654; text-decoration: none; z-index: 1; margin-bottom : -200px; height: 1000px;}
#mainDiv a { color: #7e8695; }
#mainLongDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; background: url(../images/greyBG.gif) repeat-y 0px 100% #ffffff; margin-top: 0px; color: #444654; text-decoration: none; z-index: 1; margin-bottom : -200px; height: 1500px;}
#mainLongDiv a { color: #7e8695; }
#whiteDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; background-color: #ffffff; margin-top: 0px; color: #444654 }
#mainDivHome {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; background: url(../images/greyBG.gif) repeat-y 0px 100% #ffffff; margin-top: 0px; color: #444654; text-decoration: none; z-index: 1; margin-bottom : -200px; height: 1000px;}
#mainDivHome a { color: #353546 }
#mainDivOffice {position:relative; background-color: #828597; color: white; height: 100%; margin-left: 15px; margin-right: 15px; }
#mainDivOffice a { color: #ffffff }
/* HEADER WITH TITLE */
#headerDiv {position: inherit:; height: 95px; background-color: #353546; top: 0px; padding:0px; }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 2.1em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px; border:double;}
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }
/* HEADER WITH TITLE */
#headerDivHome {position: relative; height: 118px; background-color: #353546; top: 0px }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 2.1em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }
/* Picture Bar Home Page - Liz added*/
#PictureBarHome {position: relative; height: 150px; background-color: #585B6D; top: 0px padding-right: 11px; overflow: hidden; }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 0.7em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }
/* NAVIGATION BAR */
/* NOTE: ADDITIONAL NAVIGATION BAR CONTENT IN SEPARATE CSS FILES */
#nav {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav ul {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav li {
BORDER-RIGHT: #353546 1px solid; DISPLAY: block; FLOAT: left; WIDTH: auto; LINE-HEIGHT: 18px; POSITION: relative; HEIGHT: 18px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#nav li ul {
LEFT: -999em; WIDTH: 17.5em; POSITION: absolute; margin-top: 5px; z-index: 10;
}
#nav a {
PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 0em; PADDING-TOP: 0em; FONT-WEIGHT: normal; TEXT-DECORATION: none; cursor: pointer
}
#nav li li a {
DISPLAY: block; PADDING-LEFT: 1em; COLOR: #ffffff; TEXT-DECORATION: none; WIDTH: 100%; cursor: pointer
}
#nav li ul li {
WIDTH: 17.5em; TEXT-ALIGN: left; height: 1.3em; line-height: 1.3em
}
.topmenuitem {text-decoration: none; color: #ffffff ; display: block; padding: 0em 0.5em }
.menuitem {text-decoration: none; color: #ffffff ; display: block; padding-left: 0.5em }
/* NOTE: ADDITIONAL NAVIGATION BAR CONTENT IN SEPARATE CSS FILES */
/* BREADCRUMB */
#breadcrumbDiv { width: 100%; height: 26px; background-color: #444654; border-bottom: 2px solid #353546 }
.breadcrumb { width: 400px; float: left; height: 11px; padding-top: 0px; vertical-align: middle; line-height: 26px; padding-bottom: 8px; left: 10px; position: absolute;}
.breadcrumb a {text-decoration: none; color: #A5ABB6 !important }
.breadcrumb a:hover {text-decoration: none; color: #A5ABB6 !important }
.breadcrumbSearch { color: #A5ABB6; width: 400px; float: right; height: 26px }
.breadcrumbSearch a {text-decoration: none; color: #A5ABB6 !important}
.breadcrumbSearch a:hover {text-decoration: none; color: #A5ABB6 !important }
/* CONTENT FILTERING MENUS IN LEFT HAND SIDEBAR
#leftMenuBar { height: 18px; background-color: #7E8695; width: 327px; border-top: 1px solid #353546; }
.spacerDiv { width: 10px; float: left }
.sideBarItem {border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}
.sideBarItemOver {background-color: #9fa9ba; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em; cursor: pointer}
.sideBarItemSelected {background-color: #ffffff; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #000000; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}*/
/* CONTENT FILTERING MENUS IN LEFT HAND SIDEBAR */
#leftMenuBar { list-style-type:none; position: relative; height: 18px; background-color: #7E8695; width: 327px; border-top: 1px solid #353546 }
* html #leftMenuBar
{ list-style-type:none;
position: relative; height: 18px;
background-color: #7E8695; width: 327px;
border-top: 1px solid #353546 ;
left: -1px;
}
#leftMenuBar, #leftMenuBar ul {
padding: 0;
margin: 0;
list-style: none;
}
#leftMenuBar a {
display: block;
padding: 0em 0.5em;
text-decoration: none;
color: #ffffff !important;
z-index: 100 !important
}
#leftMenuBar li {
position: relative;
display: block;
float: left;
width: auto;
border-right: 1px solid #353546;
color: #ffffff;
height: 18px;
line-height: 18px;
text-decoration: none;
text-align: center;
font-size: 0.8em;
}
#leftMenuBar li a { padding: 0px 10px }
#leftMenuBar li a:hover { padding: 0px 10px; background-color: #ffffff; text-decoration: none; color: #000000 !important; }
#leftMenuBar li ul {
position: absolute;
left: -999em;
width: 10em
}
#leftMenuBar li li a {
text-decoration: none;
color: #ffffff !important;
display: block;
padding-left: 1em
}
#leftMenuBar li:hover ul, #leftMenuBar li.sfhover2 ul {
left: 1em;
}
#leftMenuBar li ul li {
text-align: left;
width: 10em;
}
#leftMenuBar li:hover ul li a, #leftMenuBar li.sfhover2 ul li a{
color: #ffffff;
text-decoration: none;
}
.leftSubMenu li { background-color: #7E8695; border-right: 1px solid #000000; border-left: 1px solid #000000; z-index: 10 }
#leftMenuBar li li a:hover { background-color:#AFB6C3; text-decoration: none; color: #ffffff !important; display: block; width: auto !important; padding-left: 1em }
.spacerDiv { width: 10px; float: left }
.sideBarItem {border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}
.sideBarItemOver {background-color: #9fa9ba; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em; cursor: pointer}
/*.sideBarItemSelected {background-color: #ffffff; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #000000; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}*/
/* CONTENT FILTERING DROPDOWN */
.sideBarDropDown {background-color: #7E8695; position: absolute; top: 18px; left: 590px; height: 40px;border: 1px solid #000000; display: none; cursor: pointer }
.sideBarDropDownItem { color: white; padding: 0px 10px; text-decoration: none}
.navBarDropDownItemOver { color: white; padding: 0px 10px; background-color: #AFB6C3; text-decoration: none}
/* LEFT HAND SIDEBAR CONTENT LIST
#leftContent {background-color: #444654; position: relative; width: 327px; float: left; padding-top: 380px;}
#contentList { padding-left: 20px }
#contentList a {text-decoration: none; font-weight: bold; color: #ffffff}
#contentList a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
#contentList p {color: #ffffff }
#contentList h2 { color: #ffffff; font-size: 1em } */
LEFT HAND SIDEBAR CONTENT LIST
#leftContent {background-color: #444654; position: relative; width: 327px; float: left; padding-top: 138px }
#contentList { padding-left: 20px }
#contentList a {text-decoration: none; font-weight: bold; color: #ffffff}
#contentList a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
#contentList p {color: #ffffff }
#contentList h2 { color: #ffffff; font-size: 1em }
/* LEFT HAND SIDEBAR CONTENT LIST */
#leftContentHome {background-color: #353546; position: relative; width: 327px; float: left; padding-top: 128px; }
#contentListHome { padding-left: 20px; padding-top: 0px; margin-left: 20px;}
#contentListHome a {text-decoration: none; font-weight: bold; color: #ffffff}
#contentListHome a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
#contentListHome p {color: #ffffff }
#contentListHome h2 { color: #ffffff; font-size: 1em }
/* MAIN CONTENT PANEL
#mainContent { position:absolute; left: 327px; top: 160px; background-color: white; height: 100%}
#mainContent p { padding-left: 20px; padding-right: 20px }
#mainContent ul { padding-left: 20px }
#branchContent { position:absolute; left: 350px; top: 150px; width: 100% }
#branchContent p { padding-left: 20px; padding-right: 20px }
.branchItem a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItem a:hover {color: #ffff99} */
/* MAIN CONTENT PANEL */
#mainContent { position:absolute; left: 327px; top: 162px; right: 0px;background-color: white; z-index : 1; }
* html #mainContent { position:absolute; left: 327px; top: 162px; background-color: white; z-index : 1;}
#mainContent p { padding-left: 20px; padding-right: 20px }
#mainContent ul { padding-left: 20px }
#branchContent { position:relative; left: 350px; top: -310px; width: 50%;}
* html #branchContent { position:relative; left: 350px; top: -310px; width: 50%;}
#branchContent p { margin-left: 20px; margin-right: 20px }
.branchItem a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItem a:hover {color: #ffff99}
/* MAIN CONTENT PANEL Home */
#mainContentHome {
position:absolute;
left: 327px;
top: 12px;
right: 0px;
height:700px;
background-color: #353546;
z-index : 1;
}
* html #mainContentHome {
position:absolute; left: 330px; top: 14px; background-color: #353546; overflow:hidden; padding-right:184px; z-index: 1;}
/* position:inherit;
left: 327px;
top: 14px;
height:700px;
right: 0px;
width:inherit;
background-color: #353546;
overflow:hidden;
}
/*#mainContentHome { position:relative; left: 327px; top: -270px; height:700px; width:100%; overflow:hidden; background-color: #353546;}
*/
#mainContentHome p { padding-left: 20px; padding-right: 20px }
#mainContentHome ul { padding-left: 20px }
#branchContentHome { position:absolute; left: 350px; top: 150px; width: 400px; border:double }
#branchContentHome p { padding-left: 20px; padding-right: 20px }
.branchItemHome a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItemHome a:hover {color: #ffff99}
/* HUB PAGE CONTENT PANEL */
#hubContent { position:absolute; left: 340px; top: 310px; padding:20px; color: #ffffff }
#hubContent a {text-decoration: underline; color: #7E8695 }
/* PROPERTY SEARCH */
.searchButton { position: relative; float: right; height: 15px; width: 75px; border: 1px #ffffff solid; color: #ffffff; line-height: 15px; text-align: center; margin-top: 10px; font-size: 0.9em }
.searchIntroLink {text-decoration: iunderline; color: #AFB6C3 }
.listPager { height: 40px; padding-left: 20px; line-height: 40px; vertical-align: middle; background-color: #ffffff }
.showcaseProperty { height: 150px; padding: 10px 20px; color: #000000 }
.pdfLink { width: 105px; border: 1px solid #808080; color: #808080; text-decoration: none; margin-top: 10px; text-align: center; font-size: smaller }
.pdfLinkOver { width: 105px; border: 1px solid #000000; color: #000000; text-decoration: none; margin-top: 10px; text-align: center; cursor: pointer; font-size: smaller }
.searchFooter { background-color: #ffffff; width: 100%; height: 40px; border-bottom: 1px solid #336699; padding: 5px 20px }
.searchFooter a { color: #444654; text-decoration: underline; font-weight: bold }
/* PROPERTY DETAILS */
.assetButton { position: relative; float: left; height: 15px; color: #ffffff; background-color: #7E8595; cursor: pointer; line-height: 15px; text-align: center; font-size: 0.9em; padding: 2px 5px; margin-right: 5px }
.assetButtonOver { position: relative; float: left; height: 15px; color: #ffffff; background-color: #ADB7C3; cursor: pointer; line-height: 15px; text-align: center; font-size: 0.9em; padding: 2px 5px; margin-right: 5px }
/* ASSET VIEWER BUTTONS */
.assetViewButton { background-color: #7E8695; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em; cursor: pointer }
#assetNav { color: #ffffff; padding-right: 20px }
#assetNav a { color: #ffffff; text-decoration: none }
#assetNav a:hover {text-decoration:none; color: #ffff99}
#DisplayImage
{
position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 327px; top: 142px; left:0px;
}
* html #DisplayImage
{
position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 327px; top: 146px; left: -1px;
}
DIV.dottedLine
{
background-repeat: repeat-x;
border: 1px none black;
margin-bottom: 10px;
padding-bottom: 15px;
padding-top: 15px;
margin-top : -7px;
position: relative;
right: 0px;
border: 1px none yellow;
}
* html DIV.dottedLine
{
background-repeat: repeat-x;
width: 100%;
border: 1px none black;
margin-bottom: 10px;
padding-bottom: 15px;
padding-top: 15px;
margin-top : -7px;
}
Div.LeftContentPromo
{
padding-left: 20px; padding-top: 10px; z-index:-2;background-color: #353546;
}
* html Div.LeftContentPromo
{
padding-left: 20px; padding-top: 10px; position: absolute; top: 0px; background-color:#353546;
}
div.LeftContentTopBorder {
position:inherit;
background-color:#585B6D;
height: 12px;
width:auto;
z-index:111;
}
div.LeftContentTopBorder {
position:inherit;
background-color:#585B6D;
height: 12px;
width:auto;
z-index:111;
}
div.div.LeftContentRightBorder { }
* html div.LeftContentRightBorder {
position:absolute;
background-color: red;
height: 700px;
right:-1px;
width:400px;
background-color: #353546;
z-index:1;
}
Div.contentListHome a {text-decoration: none; font-weight: bold; color: #ffffff}
Div.contentListHome a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
Div.contentListHome p {color: #ffffff }
Div.contentListHome h2 { color: #ffffff; font-size: 1em }
DIV.outerProperty
{
position: relative;width: 100%; border-bottom: 1px dashed #cccccc; margin-bottom: -10px;
top: 120px;
}
* html DIV.outerProperty
{
width: 100%; border-bottom: 1px dashed #cccccc; padding-bottom: 10px;
margin-bottom: 0px;
top: 0px;
}
Div.innerPropertyContact
{
position: relative; width: 120px;margin-left: 20px;
top: -30px;
}
* html Div.innerPropertyContact
{
width: 50%; float: left; margin-left: 10px;
top:0px;
}
Div.officeimage
{
position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 327px; top: 142px;
}
* html Div.officeimage
{
position: absolute; background-color: #ffffff; height: 143px; overflow: hidden; width: 327px; top: 146px;
}
DIV.PrintNewsImage
{
padding-left: 20px; padding-bottom: 8px; position: relative; top: -20px;
}
* html DIV.PrintNewsImage
{
padding-left: 20px; padding-bottom: 8px; position: relative; top: -16px;
}
Div.HelpSection
{
float:right; margin-top: -150px; width: 50%;
}
* html Div.HelpSection
{
float:right; margin-top: -140px; width: 50%;
}