/* CSS Copyright Hubonline */

/* Clear styling, set fonts
--------------------------*/
* {
margin : 0;
padding : 0;
}

html {
height : 100%;
}

body {
height : 100%;
font-size : 76%; /* Font sizes are in EMs, if you need to scale the font, do it globally with this value */
font-family : 'Arial', 'Geneva', 'Helvetica', sans-serif;
background: #53524d url(/img/background.gif) center;
}

/* General styles
------------------*/

h1 {
color : #4a4941;
margin : 0 0 12px 0;
padding : 0;
font-size : 1.4em;
font-weight : bold;
text-transform : capitalize;
}

h2 {
color : #4a4941;
margin : 0 0 12px 0;
padding : 0;
font-size : 1.15em;
font-weight : bold;
}

table h2 {
padding-left: 0; /* Remove the above padding for tabled headers */
}

h3 { /*Property Search & News header*/
color : #4a4941;
margin : 0 0 19px 0;
padding : 0;
font-size : 1.15em;
font-weight : bold;
}

table h3 {
padding-left: 0; /* Remove the above padding for tabled headers */
}

h4 { /*Property Search * News Subheaders*/
color: #666;
font-size: 1em;
margin: 5px 0 5px 0;
}

#text {
padding : 25px 35px 0 35px;
}

#text img.dyn_main {
margin-bottom : 20px;
}

#text img.dyn_content {
margin : 0px 0px 10px 10px;
}

#text td#text_main {
padding : 50px 35px 0 0;
}

#text td#text_sidebar {
width : 280px;
border-left : 1px solid #d1d0ca;
padding : 90px 0 0 35px;
}

div#text a:link, div#text a:visited {
color : #5e84bd;
text-decoration : underline;
}

div#text a:hover {
color : #5e84bd;
text-decoration : none;
}

#text ol {
margin-top : 0;
padding : 0 0 10px 17px;
}

#text ul {
margin-top : 0;
padding : 0 0 10px 17px;
list-style-position : inside;
list-style-image : url(/img/bullet.gif);
}

#text ul li, #text ol li {
margin : 0;
padding : 0;
}

div.divider {
font-size : 1px;
border-top : 1px dotted #014a73;
margin : 0 0 19px 0;
}

q {
font-style : italic;
}

/* Menu Styles
-------------------*/

.menu li.menu-sale li a,
.menu li.menu-rent li a {
width : 180px;
}

/* Form Fields and Buttons
-------------------*/

input.inputbox, input.inputbox1, select.inputbox, select.inputbox1, textarea.inputbox, textarea.inputbox1 {
color : #4a4941;
font-family : 'Arial', 'Geneva', 'Helvetica', sans-serif;
font-size : 1em;
font-weight : normal;
background-color : #fff;
width : 98.5%;
text-align : left;
border : 1px solid #4a4941;
}

input.inputbox2, select.inputbox2, textarea.inputbox2 {
color : #4a4941;
font-family : 'Arial', 'Geneva', 'Helvetica', sans-serif;
font-size : 1em;
font-weight : normal;
background-color : #f0f0ef;
text-align : left;
border : 1px solid #4a4941;
}

.button, .button1 {
color : #ffffff;
font-family : 'Arial', 'Geneva', 'Helvetica', sans-serif;
font-size : 1em;
font-weight : normal;
background-color : #4a4941;
text-align : center;
}

/* Content Wrapper & Footer
-------------------*/

div#content {
margin: 0 auto 0 auto; /*center the wrapper*/
min-height: 100%;
position: relative;
}

* html div#content {
height: 100%;
}

div.dropshadow {
background-image : url(/img/dropshadow.gif);
background-repeat : repeat-y;
width : 750px;
}

div#footer {
margin : -24px auto 0 auto; /*center the wrapper*/
width : 750px;
position : relative;
}

div#footer_content {
height : 24px;
background-image : url(/img/footer.gif);
background-repeat : repeat-x;
font-size : 0.9em;
color : #eee;
}

div#footer_content .hub {
padding : 5px 0 0 12px;
float : left;
}

div#footer_content .disclaimers {
padding : 5px 12px 0 0;
float : right;
}

div#footer_content a:link,
div#footer_content a:visited {
color : #eee;
text-decoration : none;
}

div#footer_content a:hover {
color : #eee;
text-decoration : underline;
}

/* Header
----------*/

div#header {
width : 750px;
height : 81px;
background-color : #97d2e7;
background-image : url(/img/header.gif);
background-repeat : no-repeat;
background-position : left top;
padding : 0;
margin : 0;
}

/* Home Page
----------------*/

body#home #content p {
padding-bottom : 12px;
text-align : justify;
}

body#home #text {
padding : 25px 25px 0 25px;
}

body#home #text td#hero h1 {
color : #89cde5;
font-size : 3em;
text-align : center;
text-transform : lowercase;
margin: 30px 0 0;
}

body#home #text td#text_search {
padding : 0;
}

body#home #text td#text_search #quicksearch {
width : 160px;
margin-top : 12px;
background-color : #89cde5;
}

body#home #text td#text_search #preview {
width : 160px;
margin-top : 12px;
background-color : #89cde5;
border-bottom : 5px solid #646259;
}

body#home #text td#text_search #quicksearch #heading {
padding : 4px 0 4px 36px;
background : #646259 url(/img/arrow.gif) no-repeat 19px 5px;
color : #fff;
font-size : 1.1em;
font-weight : bold;
}

body#home #text td#text_search #preview #alert-heading {
padding : 4px 0 4px 36px;
background : #83cde1 url(/img/arrow_invert.gif) no-repeat 19px 5px;
color : #fff;
font-size : 1.1em;
font-weight : bold;
}

body#home #text td#text_search #quicksearch table td {
color : #403f38;
}
body#home #text td#text_search #quicksearch table tr.checkbox td {
color : #fff;
font-weight : bold;
text-align : center;
text-transform : uppercase;
padding: 10px 0;
}
body#home #text td#text_search #quicksearch table tr.submitButton td {
padding: 10px 0;
}
body#home #text td#text_search #quicksearch table tr.textfield td input.inputbox {
width : 140px;
padding : 4px;
font-size : 0.9em;
border : none;
}
body#home #text td#text_search #quicksearch table td .button {
margin-left : 30px;
padding : 2px 4px 2px 24px;
background : #646259 url(/img/arrow.gif) no-repeat 7px 5px;
color : #fff;
font-size : 1.1em;
font-weight : bold;
border : none;
text-align : left;
}

body#home #text td#text_search #quicksearch #alert-heading {
padding : 4px 0 4px 32px;
background : #646259 url(/img/arrow.gif) no-repeat 16px 5px;
color : #fff;
font-size : 1.1em;
font-weight : bold;
}
body#home #text td#text_search #preview #alert-link a:link,
body#home #text td#text_search #preview #alert-link a:visited,
body#home #text td#text_search #preview #alert-link a:hover {
padding : 14px 0;
margin : 0;
display : block;
background-color : #646259;
color : #fff;
font-size : 1em;
font-weight : bold;
text-align : center;
text-transform : lowercase;
text-decoration : none;
}
body#home #text td#text_search #preview #alert-link span {
text-transform : uppercase;
}

body#home #text td#text_main {
padding : 0 0 0 25px;
}

body#home #text td#text_main img.dyn_main {
margin-bottom : 0;
}

* html body#home #text td#text_main img.dyn_main {
margin-bottom : 5px;
}

body#home #text td#text_main h2 {
font-size : 1.15em;
margin-bottom : 0.4em;
color : #89cde5;
}
body#home #text td#text_main p {
font-size : 0.9em;
text-align : left;
}

body#home #text td#text_sidebar {
width : 280px;
border-left : none;
padding : 0 0 0 25px;
}
body#home #text td#text_sidebar img {
margin-top : 12px;
}

body#home #text td#text_potw {
padding-top : 25px;
}
body#home #text td#text_potw div.powbox {

}
body#home #text td#text_potw div.powbox div {
float : left;
margin-top : 0;
margin-left : 25px;
}
body#home #text td#text_potw div.powbox div.start {
margin-left : 0;
}
body#home #text td#text_potw div.powbox p {
color:#646259;
font-size:1.2em;
padding-bottom:0;
text-transform:uppercase;
}
body#home #text td#text_potw div.powbox div p {
padding-left : 0;
}
body#home #text td#text_potw div.powbox div p a:link,
body#home #text td#text_potw div.powbox div p a:visited {
text-decoration : none;
color: #646259;
font-size: 0.8em;
}
body#home #text td#text_potw div.powbox div p a:hover {
text-decoration : underline;
}

/* Dynamic Pages
----------------*/

body#dynamic #content p {
padding-bottom : 10px;
text-align : justify;
}

body#dynamic #text td#text_main table td {
font-size : 12px;
padding : 0 0 10px 0;
}

/* About Us Pages
----------------*/

body#about #content p {
padding-bottom : 10px;
text-align : justify;
}

body#about td#text_sidebar p span {
color : #4a4941;
margin : 0 0 12px 0;
padding : 0;
font-size : 1.15em;
font-weight : normal;
}

/* Contact Us Page
----------------*/

body#contact #content p {
padding-bottom : 10px;
text-align : left;
}

body#contact #text td#text_main table td {
font-size : 12px;
padding : 0 0 8px 0;
}

/* News Page
----------------*/

body.news img.photo {
float : right;
clear : right;
margin : 0 0 10px 10px;
}

/* Links Page
----------------*/

body#link #content p {
padding-bottom : 19px;
clear : right;
}

body#link #text img {
float : right;
margin : 0 0 0 10px;
}

/* =Email Page
----------------*/

body#email #content {
background-color : #fff;
}
body#email #content #header {
background-color : #83cde1;
}
body#email #content p {
padding-bottom : 10px;
}
body#email #text table td {
font-size : 12px;
padding : 4px;
}

/* =Property Alert
--------*/

body#property_alert #content td {
font-size : 12px;
}

body#property_alert #content p {
padding-bottom : 10px;
text-align : justify;
}

body#property_alert #content .warning {
color : #cc0000;
font-weight : bold;
}

body#property_alert #text td#text_main table td,
body#property_alert #text td#text_sidebar table td {
font-size : 12px;
padding : 0 0 8px 0;
}

body#property_alert #text td#text_sidebar table td a:link,
body#property_alert #text td#text_sidebar table td a:visited,
body#property_alert #text td#text_sidebar table td a:hover {
display : block;
background-color : #646259;
background-image : url(/img/arrow.gif);
background-position : 7px 5px;
background-repeat : no-repeat;
color : #ffffff;
font-size : 1.15em;
font-weight : bold;
padding : 4px 0 4px 24px;
text-decoration : none;
}

body#property_alert td.warning,
body#property_alert p.warning {
color : #da1f1f;
font-weight : bold;
}

body#property_alert img.position {
margin-left : 10px;
float : right;
}

body#property_alert table#form {
margin : 0 0 10px 0;
}

body#property_alert table#nav {
margin-bottom : 10px;
padding-top : 10px;
padding-bottom : 10px;
border-top : 1px solid #d1d0ca;
border-bottom : 1px solid #d1d0ca;
}

body#property_alert div#bodycontent {
padding : 25px 25px 0 25px;
}

body#property_alert div#bodycontent p {
padding-bottom : 10px;
text-align : justify;
}

body#property_alert div#bodycontent td {
font-size : 12px;
}

/* Form XSL Pages
----------------*/

body#form #text table {
border : 1px solid #014a73;
}

body#form #text table td {
font-size : 12px;
padding : 4px;
}

/* Search XSL Pages
----------------*/

body#search #content p {
padding-bottom : 5px;
text-align : justify;
}

body#search #searchbox {
padding : 5px 26px 2px 31px;
background-color : #e7f3f9;
}

body#search #searchbox h1 {
color : #4a4941;
margin : 0;
padding : 2px 0 0 3px;
font-size : 1.1em;
font-weight : bold;
text-transform : uppercase;
}

body#search #searchbox td {
padding : 0 5px 3px 0;
font-weight : bold;
}

body#search #searchbox td div a:link,
body#search #searchbox td div a:visited,
body#search #searchbox td div a:hover {
display : block;
width : 120px;
background-color : #646259;
background-image : url(/img/arrow.gif);
background-position : 7px 5px;
background-repeat : no-repeat;
color : #ffffff;
font-size : 1.15em;
font-weight : bold;
padding : 4px 0 4px 24px;
text-decoration : none;
}

body#search #text {
padding-top : 8px;
}

body#search #text table#list td {
padding : 10px 0 10px 0;
border-bottom : 1px solid #dcdbd7;
}

body#search #text table#list td.photo {
padding-right : 15px;
}

body#search #text table#list td.photo div a:link,
body#search #text table#list td.photo div a:visited,
body#search #text table#list td.photo div a:hover {
display : block;
background-color : #646259;
background-image : url(/img/arrow.gif);
background-position : 7px 5px;
background-repeat : no-repeat;
color : #ffffff;
font-size : 1.15em;
font-weight : bold;
padding : 4px 0 4px 24px;
border-bottom : 1px solid #ffffff;
text-decoration : none;
}

body#search #text table#list td.description {
padding-right : 15px;
}

body#search #text table#list td.description h1 {
color : #7ec9e4;
margin-bottom : 5px;
}

body#search #text table#list td.description h2 {
color : #171717;
margin-bottom : 5px;
}

body#search #text table#list td.icons {
border-bottom : none;
}

* html body#search #text table#list td.icons table {
margin-right : -15px;
}

body#search #text table#list td.icons td {
height : 31px;
border-bottom : none;
padding : 0;
margin : 0;
}

body#search #text table#list td.icons td.image {
width : 17px;
background-color : #403f38;
}

body#search #text table#list td.icons td.image img {
position : relative;
left : 2px;
top : -3px;
}

* html body#search #text table#list td.icons td.image img {
top : 2px;
}

body#search #text table#list td.icons td.text {
width : 14px;
background-color : #403f38;
color : #ffffff;
font-size : 1.15em;
font-weight : bold;
padding : 0 2px 2px 0;
}

body#search #text table#list td.icons td.spacer {
width : 10px;
background-color : #ffffff;
padding : 0;
}

body#search #text table#list td.link div a:link,
body#search #text table#list td.link div a:visited,
body#search #text table#list td.link div a:hover {
display : block;
width : 120px;
background-color : #646259;
background-image : url(/img/arrow.gif);
background-position : 7px 5px;
background-repeat : no-repeat;
color : #ffffff;
font-size : 1.15em;
font-weight : bold;
padding : 4px 0 4px 24px;
text-decoration : none;
}

/* Detail XSL Pages
----------------*/

body#detail #content p {
padding-bottom : 10px;
}

body#detail #content td#highlight div#slideshow a:link,
body#detail #content td#highlight div#slideshow a:visited,
body#detail #content td#highlight div#slideshow a:hover {
width : 235px;
display : block;
background-color : #646259;
color : #ffffff;
font-size : 1.15em;
font-weight : bold;
padding : 4px 0 4px 10px;
text-decoration : none;
border-top : 1px solid #fff;
margin : -3px 0 35px 0;
}

* html body#detail #content td#highlight div#slideshow a:link,
* html body#detail #content td#highlight div#slideshow a:visited,
* html body#detail #content td#highlight div#slideshow a:hover {
margin-top : 0;
}

body#detail #content td#highlight div#inclusions {
width : 231px;
background-color : #89cde5;
padding : 7px;
}

body#detail #content td#highlight div#inclusions h1 {
font-size : 1.3em;
margin-bottom : 5px;
}

body#detail #content td#highlight div#inclusions p {
text-align : justify;
margin-top : 0;
padding : 8px 0 0 15px;
background-image : url(/img/square.gif);
background-position : 0 12px;
background-repeat : no-repeat;
font-size : 0.9em;
}

body#detail #content td#main h1 {
color : #7ec9e4;
margin-bottom : 2px;
}

body#detail #content td#main h2 {
color : #171717;
margin-bottom : 25px;
}

body#detail #content td#main {
padding : 0 15px 0 15px;
}

body#detail #content td#main div#description {
margin-bottom : 25px;
}

body#detail #content td#main div#description p {
text-align : justify;
}

body#detail #content td#main div#contact h2 {
color : #171717;
margin-bottom : 0;
}

body#detail #content td#main div#contact p {
padding-bottom : 15px;
}

body#detail #content td#main {
padding : 0 15px 0 15px;
}

body#detail #content td#sidebar {
padding : 0 0 0 15px;
border-left : 1px solid #d1d0ca;
}

body#detail #content td#sidebar p#id {
text-align : right;
}

body#detail #content td#sidebar div#icons {
padding-bottom : 35px;
}

body#detail #content td#sidebar div#icons table {
}

body#detail #content td#sidebar div#icons td {
height : 31px;
border-bottom : none;
padding : 0;
margin : 0;
}

body#detail #content td#sidebar div#icons td.image {
width : 17px;
background-color : #403f38;
}

body#detail #content td#sidebar div#icons td.image img {
position : relative;
left : 2px;
top : -3px;
}

* html body#detail #content td#sidebar div#icons td.image img {
top : 2px;
}

body#detail #content td#sidebar div#icons td.text {
width : 14px;
background-color : #403f38;
color : #ffffff;
font-size : 1.15em;
font-weight : bold;
padding : 0 2px 2px 0;
}

body#detail #content td#sidebar div#icons td.spacer {
width : 10px;
background-color : #ffffff;
padding : 0;
}

body#detail #content td#sidebar div#details {
padding-bottom : 35px;
}

body#detail #content td#sidebar div#details p {
padding-bottom : 10px;
}

body#detail #content td#sidebar div#details table{
margin-bottom : 10px;
}

body#detail #content td#sidebar div#details p span,
body#detail #content td#sidebar div#details td span {
font-size : 1.15em;
font-weight : bold;
}

body#detail #content td#sidebar div.link a:link,
body#detail #content td#sidebar div.link a:visited,
body#detail #content td#sidebar div.link a:hover {
display : block;
width : 120px;
background-image : url(/img/arrow_detail.gif);
background-position : 0 6px;
background-repeat : no-repeat;
color : #000000;
font-size : 1.15em;
font-weight : bold;
padding : 4px 0 4px 17px;
text-decoration : none;
}


.smtext  {
font-family: 'Arial', 'Geneva', 'Helvetica', sans-serif;    
font-size:    11px; 
font-weight: normal ;   
color: black;
}




/* Brochure XSL Pages
----------------*/

body#brochure div.drop {
background-image : url(/img/dropshadow_print.gif);
background-repeat : repeat-y;
width : 627px;
padding-left : 1px;
padding-right : 1px;
}

body#brochure #content p {
padding-bottom : 10px;
}

body#brochure #text #printbut {
float : right;
clear : right;
margin : 10px 10px 0 0;
}

body#brochure table#brochure_header {
background-image : url(/img/header_print.gif);
background-repeat : no-repeat;
height : 86px;
padding-left : 1px;
}

body#brochure table#brochure_header img {
height : 0;
width : 0;
visibility : hidden;
}

body#brochure #content table#layout {
padding-bottom : 10px;
}

body#brochure #content table#photo img {
margin : 5px 5px 0 0;
}

body#brochure #content td#main {
padding : 0 50px 0 19px;
}

body#brochure #content td#main h1 {
color : #7ec9e4;
margin-bottom : 2px;
}

body#brochure #content td#main h2 {
color : #171717;
margin-bottom : 25px;
}

body#brochure #content td#main #icons {
margin-bottom : 19px;
}

body#brochure #content table#footer {
width : 625px;
color : #999999;
padding : 10px 0 4px 0;
font-size : 11px;
text-align : center;
}

/* Auction XSL Pages
----------------*/

body#auction #content p {
padding-bottom : 10px;
}

body#auction #text #title {
padding : 0 0 25px 0;
}

body#auction #text #printbut {
width : 100px;
float : right;
margin : 0;
}

body#auction #text #times td {
padding : 4px 4px 4px 0;
border-bottom : 1px solid #dcdbd7;
}

body#auction #text #times h2 {
margin : 0;
}

/* Inspection XSL Pages
----------------*/

body#inspect #content p {
padding-bottom : 10px;
}

body#inspect #text #title {
padding : 0 0 25px 0;
}

body#inspect #text #printbut {
width : 100px;
float : right;
margin : 0;
}

body#inspect #text #times td {
padding : 4px 4px 4px 0;
border-bottom : 1px solid #dcdbd7;
}

body#inspect #text #times h2 {
margin : 0;
}

/* Staff XSL Pages
----------------*/

body#staff #text {
padding-top : 60px;
}

body#staff #content p {
padding-bottom : 15px;
}

body#staff #text table {
margin-top : 85px;
}

body#staff #text table td {
font-size : 12px;
}

body#staff td p span {
font-size : 1.15em;
font-weight : normal;
}

/* Person XSL Pages
----------------*/

body#person div#content {
margin: 0 auto 0 auto; /*center the wrapper*/
min-height : auto;
position : relative;
}

* html body#person div#content {
height : auto;
}

body#person div#footer {
margin : -2px auto 0 auto; /*center the wrapper*/
width : 750px;
position : relative;
}

body#person #text {
padding-top : 60px;
}

* html body#person #text {
padding-right : 55px;
}

body#person #content p {
padding-bottom : 10px;
}

body#person #text table td {
font-size : 12px;
}

body#person #text td#text_main {
padding : 0 0 0 60px;
}

body#person #text td#text_sidebar {
width : 200px;
border : none;
padding : 0 0 0 0;
}

/* GoogleMap
---------- */
body.propertymap #streetView,
body.propertymap #googlemap {
margin: 30px auto;
border: 2px solid #666;
}
body.propertymap #toggleMap {
padding: 10px;
background-color: #fff;
width:120px;
margin: 0 auto;
}
body.propertymap #toggleMap a {
display : block;
width : 100px;
background-image : url(/img/arrow_detail.gif);
background-position : 0 6px;
background-repeat : no-repeat;
color : #000000;
font-size : 1.15em;
font-weight : bold;
padding : 4px 0 4px 17px;
text-decoration : none;
text-align: center;
}