.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

body {background: #fff url(../images/page_bg.jpg) no-repeat 0 0; font-family: Arial, Helvetica, sans-serif;}
p, li {font-size: 0.688em; line-height: 1.3;}
ol { margin-left: 70px; list-style-type: decimal}
ol li { margin-bottom: 3px; }
#content-holder ul { margin-left: 50px; list-style-type: disc}
#content-holder ul li { margin-bottom: 3px; }

#content-holder table,.table { margin:0px 30px 0px 30px;font-size: 0.688em;}
#content-holder table tr th, .table tr th { font-weight:bold;  line-height: 1.6; text-align:left; }
#content-holder table tr td, .table tr td {line-height: 1.6;}
#content-holder table tr td img, .table tr td img { float:none !important; }

.highlight {color: #fafa04;}
/* Home page layout */
#container {width: 978px; position: relative; margin-left: 2px;}
#header {height: 203px;}
#headerLeft {z-index: 99;position: absolute; top: 51px; }
#tabs {height: 60px; background: transparent url(../images/tab_bg.png) repeat-x bottom left; position: absolute; left: 2px; top: 178px; z-index: 101; width: 978px;}
#language {position: absolute; right: 20px; top: 35px;}
#content-holder, #results-holder, #login-holder {margin: 35px 0 0 2px;}
#section {float: left; width: 677px; padding-right: 9px; background: url(../images/gradient.gif) no-repeat top right;}
#aside {float: left; width: 218px; margin-left: 10px;}

/* Main Tabbed Navigation */
#nav-main li {float: left; display: inline; font-size: 0.688em;}
#nav-main li a {color: #fff; text-decoration: none; display: block; line-height: 25px; padding: 0 8px; font-weight: bold;}
#nav-main li a.selected, #nav-main li a:hover {color: #0b4da2;}
#nav-main li a#hot, #nav-main li a#hot:hover {background: #0b4da2; color: #fff;}

#language li {float: left; display: inline; color: #fff; padding: 0 5px; font-size: 0.688em;}

/* Buttons */
.button {background: url(../images/btn_left.gif) no-repeat 0 0; line-height: 24px; padding: 0 0 0 3px; display: block; float: left; margin: 0 5px 0 15px;}
.button a {background: url(../images/btn_main.gif) no-repeat top right; color: #0b4da2 !important; text-decoration: none; display: block; padding: 0 9px 0 6px;}
.button a:hover {color: #0b4da2 !important;}
#choices {margin-left: 45px; clear: both;}
#btn-search.button {float: right; margin: 0 12px 10px 0; }
#btn-newsearch { float: left; margin: 0 0 10px 0; }


/* Search Options */
#search-options {background: #f5f5f5 url(../images/search_bg.gif) repeat-x 0 0;}
#search-hdrs {background: url(../images/search_hdrs.jpg) no-repeat 0 0; position: relative; top: -10px; z-index: 111;}
#search-hdrs h1 {color: #0b4da2; font-weight: normal; padding: 7px 0 3px 13px; font-size: 1.05em;}
#search-hdrs h2 {color: #fafa04; font-weight: normal; padding: 12px 0 6px 35px; font-size: 0.85em;}
#search-hdrs h1, #search-hdrs h2 {font-family: Tahoma, Geneva, sans-serif;}

.col1 {float: left; width: 655px; margin-left: 10px;}
.col1 .part2 p {margin: 2px 0 0 0; }
.col-group p {font-size: 0.688em; padding: 0 0 6px 0; clear: both; }
.col-group p label {float: left; width: 156px; color: #000;}
.col-group select {width: 160px; color: #636363; font-size: 1em;} 
.col1 input {width: 156px; color: #636363; font-size: 1em; margin-right: 9px;  border: 1px solid #999999}
.col-group select, .col-group input {border-top-color: #414141; border-left-color: #414141; border-bottom-color: #d1d2cc; border-right-color: #d1d2cc;}
.col-group h3 {font-size: .85em; color: #0b4da2; padding: 5px 0; margin: 5px 0px 10px 0; border-bottom: 1px dotted #5f0077; clear: both;}
.homeTown { width: 200px }
.divMapSearchBox { float: left; margin-right: 10px; }
.divMapSearchBox p label { width: 150px }
.part1 p input { width: 230px }
.col-group p label.lblPropertyType { width: 170px; }
.col1prefs p label { width: 160px; }

.part1 { float: left; width: 300px; margin-right: 5px;  }
.part2 { float: left; width: 350px; }
.part1, .part2 {padding: 0;}
.part2 a {color: #0b4da2;}

#h3-quicklink { margin-top: 30px }
#p-quicklink { margin: 13px 0 0 7px;  }
#p-quicklink label { width: 65px; float: left; display: inline; }
#p-quicklink input {  float: left; color: #636363; font-size: 1em; margin-right: 9px;  border: 1px solid #999999; display: inline}
#btn-quicklink { float: right; margin-right: 6px; }
.col2 {float: left; width: 315px; margin-left: 10px;}
.col2full { width: 426px }
.box {  width: 310px; margin-bottom: 5px; min-height: 199px;}
.col2full .box { width: 100% }
.close {background: url(../images/boxtop.jpg) no-repeat 0 0; padding: 5px 0 0 0;}
.box h3 {margin: 4px 9px 10px 9px;}
.close p {text-align: right; padding-right: 9px;}
.close p a {color: #b4b4b4; text-decoration: none; padding-right: 25px; background: url(../images/close.jpg) no-repeat 100% 50%;}
.box table {margin: 5px 7px;}
.box td {font-size: 0.688em;}
#flashMap {margin: 5px 7px;}
p#btn-map {clear: both; padding-right: 5px;}
p#btn-map .button {float: right;}

/* Hot Properties */
#hot-properties {background: #fff url(../images/hot_bg.jpg) no-repeat 0 0; padding: 20px 0 0 0;}
#hot-properties h2 {color: #0b4da2 !important; font-size: 0.85em !important; font-weight: normal !important; background: url(../images/puffhdr_bg.gif) no-repeat 0 0 !important; padding: 0 0 10px 25px !important; border-bottom: 1px dotted #5f0077 !important; margin: 0 15px 0 15px !important; line-height:16px !important;}
#hot-holder {width: 650px; background: url(../images/home_properties_bg.gif) no-repeat bottom left; margin: 15px 0 0 15px; min-height: 346px;position: relative;}
#hot-holdertop {background: url(../images/topbar.gif) no-repeat 0 0; height: 35px;}
.prop-single {width: 305px; margin: 0 10px 10px 10px; background: url(../images/large_gradbg.gif) no-repeat 0 0; height: 300px; position: absolute; left: -335px; top: 0px;}
.prop-single img {padding: 7px;}
#hot-properties .prop-single p { clear: both; margin: 0; width: 305px; padding: 0; font-size: 0.688em; }
.prop-single li {display: inline; padding: 5px; font-size: 0.688em;}
.prop-single li a { color: #0b4da2; }
#hot-properties ul { margin-left: 0; list-style-type: none }
#hot-properties li a {color: #0b4da2;}
#prop-multiple {width: 305px; margin: 0 0 5px 5px; position: absolute; left: 330px; top: 35px;}



.hot-list {border: 1px solid #ededed; background: #f1f2f2; padding: 5px; margin: 0 0 5px 0;}
.hot-list li, .hot-list-selected li {line-height: 1.5em;}
.hot-list li.price, .hot-list-selected li.price {background: url(../images/price_bg.gif) no-repeat 0 0; color: #fff; font-weight: bold; margin-left: 105px; line-height: 26px; padding-left: 10px; font-size: 0.75em;}
.hot-list li img {float: left; width: 94px; padding: 3px; display: block; background: url(../images/border_thumb.gif) no-repeat 0 0; margin: 0 5px 15px 0; height: 61px;}
.hot-list.active {border: 1px solid #dedede; background: #fff; padding: 5px; margin: 0 0 5px 0;}
.active li span {font-weight: bold;}

/* Aside */
.puff {text-align: left; width: 274px; margin: 10px 0;}
.puff h2 {font-size: .85em; color: #0b4da2; padding: 0 0 8px 20px; margin: 10px 5px; background: url(../images/puffhdr_bg.gif) no-repeat 0 0; border-bottom: 1px dotted #5f0077; clear: both;}
.puff p {margin: 5px; clear: both;}
.puff .button {float: right;}

.reg-puff {text-align: left; width: 274px; margin: 10px 0; padding-top: 30px;}
.re-gpuff h2 {font-size: .85em; color: #0b4da2; padding: 0 0 8px 20px; margin: 10px 5px; background: url(../images/reghdr_bg.jpg) no-repeat 0 0; border-bottom: 1px dotted #5f0077; clear: both;}
.reg-puff p {margin: 5px; clear: both;}
.reg-puff .button {float: right;}

#login {background: #efefef; padding: 5px; margin: 5px;}
#login h3 {color: #0b4da2; font-size: 0.8em; margin: 5px 0;}
#login p {clear: both;}
#login p label {float: left; width: 80px;}
#login p input {border-top-color: #414141; border-left-color: #414141; border-bottom-color: #d1d2cc; border-right-color: #d1d2cc; width: 160px;}
#login p.forgot {text-align: right; padding: 5px 0;}
#login .forgot a {color: #0b4da2;}

/* Client Login */
#login-holder #section {background: url(../images/gradient_login.jpg) repeat-x 0 0; width: 967px;}
#login-holder #section h2 {font-size: 1.125em; color: #fff; line-height: 54px; font-weight: normal; padding-left: 30px;}
#client-login {width: 890px; margin: 10px 10px 0 10px; background: url(../images/boxwidebase_bg.gif) no-repeat bottom left; padding-bottom: 30px;}
#client-login-base {background: url(../images/boxwide_bg.gif) no-repeat 0 0; clear: both; min-height: 312px}

#existing-customer {float: left; width: 170px; margin: 12px 14px;}
#existing-customer p {padding: 5px 0 5px 0;}
#existing-customer label {display: block; color: #0b4da2;}
#existing-customer input {color: #0b4da2; width: 163px;}
#existing-customer p a {color: #0b4da2; font-weight: bold;}
#existing-customer p a.btn-login  {color: #fff; font-weight: bold; background: url(../images/btn_login.gif) no-repeat 0 0; display: block; width: 166px; line-height: 26px; text-align: center; text-decoration: none;}

#new-customer {float: left; width: 600px; margin: 12px 14px;}
#new-customer h4 {color: #0b4da2; font-size: 0.75em; font-weight: bold; padding: 5px 50px;}
#new-customer p {padding: 5px 10px 5px 50px; clear: both;}
#new-customer label {color: #0b4da2; float: left; width: 140px;}
#new-customer label.float-none {float: none;}
#new-customer input {color: #000; width: 163px;}
#new-customer select { float: left; margin-bottom: 8px; }
#new-customer span.additionalInfo input {width: auto;}
#new-customer p a {color: #fb7323; font-weight: bold;}
#new-customer p a.btn-register {display: block; width: 166px; line-height: 26px; font-weight: bold; color: #fff; text-decoration: none; text-align: center; background: url(../images/btn_register.gif) no-repeat 0 0;}
#new-customer p.checkbox input { width: auto; }

/* Search Results */
#results-holder #aside {float: left; width: 238px; margin: -10px 0 0 0; background: #f5f5f5 url(../images/resultshdr_left.gif) no-repeat 0 0; position: relative; z-index: 112; padding-bottom: 35px;}
#results-holder #section {width: 738px; padding: 0; margin: 0; background: #fff url(../images/results_bg.jpg) repeat-x 0 0; float: left;}
#results-holder #search-hdrs {background: none; position: relative; top: 0; z-index: 114;}

#results-holder .col1 {float: left; width: 218px; margin: 10px;}
#results-holder .col1 p {margin: 2px 5px;}
#results-holder .col1 table { margin-left: 3px; }
#results-holder .col1 td {font-size: 0.688em; padding: 0.1em 0; }
#results-holder .col1 td label {float: left; width: 100px; color: #000; display: block; padding: 3px 0;}
#results-holder .col1 select {width: 216px; color: #636363; font-size: 1em;} 
#results-holder .col1 input {width: 100px; color: #636363; font-size: 1em; margin-right: 4px;}
#results-holder .col1 select, #results-holder .col-group input {border-top-color: #414141; border-left-color: #414141; border-bottom-color: #d1d2cc; border-right-color: #d1d2cc;}
#results-holder .col1 h3 {font-size: .85em; color: #0b4da2; padding: 5px 0; margin: 5px 0px 10px 0; border-bottom: 1px dotted #5f0077; clear: both; font-weight: normal;}
#results-holder .col1 input.locKeyword { width: 210px; margin-right: 0}

#results-holder .col1 .part1 { width: 218px; }
#results-holder .col1 .part2 { width: 218px; }

#results-holder .button {background: url(../images/btn_left.gif) no-repeat 0 0; line-height: 24px; padding: 0 0 0 3px; display: block; float: left; margin: 0 5px 0 0;}
#results-holder #btn-search {float: right; padding-right: 20px;}

#results-holder #section h2 {font-size: 1.125em; color: #fff; line-height: 54px; font-weight: normal; padding-left: 30px;}
#results-holder #section h4.noresults { margin: 20px 0 0 20px; font-size: 1em; color: #5f0077 }

.sort-by, .pager {width: 704px; margin: 5px 17px;}
.sort-by {border-bottom: 1px dotted #0b4da2; padding-bottom: 5px; position: relative; height: 25px;}
.sort-by a , pager a {color: #0b4da2;}
.sort-by li {display: inline; padding: 0 3px;}
.sort-by h3 {font-size: 0.85em; font-weight: normal; position: absolute; left: 13px; top: 8px;}
.sort-by ul {position: absolute; right: 13px; top: 3px;}

.pager {background: #f7f7f7;}
.pager td {padding: 3px 10px;}
.pager td li {display: inline; padding: 0 5px;}
.pager a {color: #4c4545; text-decoration: none;}
.pager a:hover, .pager a.selected {color: #0b4da2; text-decoration: underline;}

.results-container {margin: 10px 17px; background: url(../images/results_holder_bg.jpg) no-repeat 0 0; min-height: 179px;}
.results-container td {vertical-align: top; font-size: 0.688em; line-height: 1.3em;}
.results-container td p {font-size: 1em; padding: 0 4px 4px 4px;}
.results-container td table td {font-size: 100%; padding: 0.1em 0 0.5em 0;}
.results-container td h3, .results-container td h3 a {color: #0b4da2; font-weight: normal; padding: 8px; font-size: 1.091em;}
.detail {color: #0b4da2; font-weight: bold; }
.results-container td a {color: #0b4da2;}
.results-container td .price {background: url(../images/price_bg.gif) no-repeat 50% 0; color: #fff; font-weight: bold; line-height: 26px; padding-left: 10px; text-align: center;}
.results-container td .button {float: none !important;}
.results-container td .button a {padding: 0 3px 0 0 !important;}
.results-container td img {width: 120px; height: 80px; display: block; padding: 3px; background: url(../images/border_thumb3.gif) no-repeat 0 0; text-align: center;}

table.resultsTable { width: 704px; border: none; }
td.resultsImage { width: 144px; padding-left: 3px; }
td.resultsImage img { margin-left: 5px; }
td.resultsCaption { width: 250px; }
td.resultsDetail { width: 62px; color: #0b4da2; font-weight: bold; text-align: center; }

/* Property Details */

.property-detail {width: 704px; margin: 10px 17px; background: url(../images/property_bg.gif) no-repeat 0 0; min-height: 606px; position: relative;}
.property-detail h3, .property-detail h3 a {color: #0b4da2; font-weight: normal; padding: 8px; font-size: 0.75em;}
.property-detail a {color: #0b4da2;}
#gallery {float: left; width: 324px; }
#gallery p {margin: 5px 8px;}
#gallery #imgContainer { margin-left: 8px; }
#gallery #imgMain { border: 1px solid #CCCCCC; padding: 2px; margin-bottom: 6px;  }
#gallery .imgGalleryThumb { border: 1px solid #CCCCCC; padding: 2px }
#gallery .imgGalleryThumbSelected { border: 1px solid #0b4da2; padding: 2px }
#description-holder {float: left; width: 380px;}
#description {float: left; width: 264px; padding: 25px 0 13px 0; min-height: 120px}
#description h4 {font-size: 0.688em; color: #0b4da2; padding: 4px 12px; line-height: 1.3em;}
#description p {padding: 4px 12px; line-height: 1.2;}

#pricing {position: absolute; right: 0; top: 0; width: 118px;}
#pricing p {text-align: center; padding: 5px 0 0 0;}
#pricing p.price {background: url(../images/price_bg.gif) no-repeat 50% 0; color: #fff; font-weight: bold; line-height: 26px; padding-left: 10px; text-align: center; padding-top: 0;}
#pricing p span.button {float: none; margin: 0 12px;}
#facts {width: 380px; clear: both; background: url(../images/facts_bg.jpg) no-repeat bottom left; min-height: 239px;padding-bottom: 10px;}
#facts h3 { background: url(../images/facts_head.jpg) no-repeat 0 0; }
#facts ul {margin: 5px 10px;}
#facts li { width: 180px; float: left; }
#facts li img {float: left; display: block; padding: 5px 15px 5px 0;}



/* General Content Pages */
.content-holder h3 {background: url(../images/puffhdr_bg.gif) no-repeat 0 0; padding: 0 0 10px 25px; color: #0b4da2; border-bottom: 1px dotted #0b4da2; font-size: 0.85em; font-weight: normal; margin: 15px 30px;}
.content-holder p {margin: 5px 30px;}
.content-holder img {float: right; vertical-align: text-top;}
.content-holder a {color: #0b4da2;}
.important {color: #0b4da2;}


/* Footer */
#footer {border-top: 1px dotted #5f0077; margin: 10px 0 0 0; padding: 5px 0}
#nav-footer {padding: 5px 15px; float: right;}
#nav-footer li {float: left; display: inline; font-size: 0.688em;}
#nav-footer li a {color: #000; text-decoration: none;}
#address {  background: #0b4da2 url(../images/footer_bg.gif) no-repeat 0 0; color: #fff; clear: both; padding-bottom: 25px;}
#address p {padding: 24px 0 0 10px;}
#address p a {color: #fff;}

.error { color:Red; font-weight:bold; font-size:11px; }

#prefContainer { margin:20px 20px 10px 0px; padding-left:30px; }
#prefContainer #btn-search.button {float: right; margin: 0 12px 10px 0; font-size: 0.9em}
.forgottenpassword { padding-top:10px; padding-bottom:0px; }
.forgottenpassword  p input { margin-right:10px;border-top-color: #414141; float:left; border-left-color: #414141; border-bottom-color: #d1d2cc; border-right-color: #d1d2cc; width: 160px; height:14px;}

.imageNotice { position:relative; }
.imageNotice img { behavior: url("pngbehavior.htc"); }
.imageNoticePos { position:absolute; top:1px; left:3px; }

.imageNoticeSmall { position:relative; }
.imageNoticeSmall img { behavior: url("pngbehavior.htc"); background-color:transparent;  background:none; }
.imageNoticePosSmall { position:absolute; top:0px; left:0px; width:72px !important; height:70px !important; background:none !important; }