/* MUST REMAIN HERE */ h1 {font-size: 18px;} h2 {font-size: 16px;} h3 {font-size: 14px;} h4 {font-size: 12px;} h5 {font-size: 12px;} h6 {font-size: 12px;} a:link, a:hover, a:active, a:visited {color: #800;} a[target=_blank] {background: url(/common/images/icons/new-window.png) center right no-repeat; padding-right: 12px;} a[href$=".doc"], a[href$=".rtf"] {background: url(/common/images/icons/txt.png) center right no-repeat; padding-right: 12px;} a[href$=".pdf"] {background: url(/common/images/icons/pdf.png) center right no-repeat; padding-right: 12px;} a[href$=".txt"] {background: url(/common/images/icons/txt.png) center right no-repeat; padding-right: 12px;} a[href$=".pps"]{background: url(/common/images/icons/pps.png) center right no-repeat; padding-right: 12px;} a[href$=".jpg"], a[href$=".gif"], a[href$=".png"], a[href$=".tif"], a[href$=".bmp"]{background: url(/common/images/icons/pic.png) center right no-repeat; padding-right: 12px;} a[href$=".zip"], a[href$=".rar"], a[href$=".ace"], a[href$=".gzip"], a[href$=".tar.gz"], a[href$=".iso"]{background: url(/common/images/icons/zip.png) center right no-repeat; padding-right: 12px;} a[href$=".mp3"], a[href$=".m4a"], a[href$=".ogg"], a[href$=".wma"], a[href$=".wav"]{background: url(/common/images/icons/music.png) center right no-repeat; padding-right: 12px;} a[href$=".flv"], a[href$=".wmv"], a[href$=".mov"], a[href$=".swf"], a[href$=".avi"], a[href$=".mpg"], a[href$=".mpeg"], a[href$=".3gp"], a[href$=".mp4"], a[href$=".fla"]{background: url(/common/images/icons/play.png) center right no-repeat; padding-right: 12px;} a.login{background: url(/common/images/icons/login.png) center center no-repeat; padding: 2px 6px; text-decoration:none; } a.logout{background: url(/common/images/icons/logout.png) center right no-repeat; padding: 2px 19px 2px 0; text-decoration:none; } a.login:hover{text-decoration:underline; } a.logout:hover{text-decoration:underline; } h1.headerTitle {text-align: center; font-size: 16px; padding: 5px 0 2px;} p.headerText {font-size: 15px; text-align:justify; margin-top: 5px; width:368px} .clear {clear: both; } .hidden {display: none; } body {font-family: arial; font-size: 12px; padding: 10px 0 20px; margin: 0;} body {background: #1566a5 url(../images/mainBG.jpg) top left repeat-x; } #loginHolder .logged_in, #loginHolder .logged_in a {color: #275d27} #loginHolder .logged_out, #loginHolder .logged_out a {color: #888} #loginHolder .logged_in a.logout {color: #b61818} #loginHolder {width: 918px; margin: 0 auto; text-align: right; padding: 0 10px 10px; color: white;} #loginHolder span.loginSpan { background: url(/common/images/loginBg.png) ; padding: 4px; -moz-border-radius: 3px;} #loginHolder a {color: white; font-weight: bold;} #mainContainer {width: 928px; margin: 0 auto; position: relative;} #mainContainer {-moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-topleft: 8px;} #mainContainer {-box-shadow: black 20px 20px 20px} #headerShadow {background: url(../images/headerShadow.png-trans.png) center center no-repeat; width:962px; height:294px; position: absolute; z-index: -100; top: -15px; left: -15px;} #header {background: #8bcff5 url(../images/headerBG.jpg) center center no-repeat; height: 254px; border: 3px solid white; -moz-border-radius: 8px;} #headerInside {margin:0 0 -4px; border: 2px solid #105992; -moz-border-radius: 5px; height:250px;} #header .headerRight {float: right; margin: 10px; padding: 10px; height: 210px; width: 530px;} #header .headerRight .headerImage {float: left; border: 1px solid black; margin-top: 10px; margin-left: 10px; width: 248px; height: 170px; background: #eee;} #header .headerRight .headerImage:first-child {margin-left: 0;} #header .headerRight .imgRight{float:right; padding:0px; margin-left:5px;} #promoContainer {background: #74A2C8; margin: 5px 5px -2px; font-weight: bold; font-size: 14px;} #moostick {display: block; position: relative; margin: 0 0 2px; padding: 2px 0px;} #moostick li {display: block; position: absolute; top: 0; left: 0; margin: 0 auto; padding: 0px; list-style-type: none; } #moostick li a {display: block; padding: 10px; width: 888px; text-align: center} #moostick li a {font-size: 16px; text-decoration: none; color: white;} #navContainer {height:32px; padding: 15px 5px 0; margin-bottom: -2px;} #nav {list-style: none; padding: 0; margin: 0;} #nav li {display: block; float: left; padding: 0 0 0 3px; margin: 0;} #nav li div.nav {display: block; float: left;} #nav li div.nav {border: 1px solid black; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; position:relative; top:4px;} #nav li.selected div.nav { top:0;} #nav li div.nav {background: #f4f4f4 url(../images/navBG.jpg) left top repeat-x;} #nav li div.nav a {text-decoration: none; color: black; } #nav li div.nav a.name {display: block; padding: 5px 8px 7px; font-size: 13px; font-weight: bold;} #nav li.selected div.nav a.name {display: block; padding: 7px 7px 9px; font-size: 13px; font-weight: bold;} #nav li div.nav div.edit {display: none; clear: both; padding: 0 3px 0; text-align: right;} #nav li div.nav:hover div.edit {display: block; position: relative; top: -12px; margin-bottom: -10px;} * html #nav li .navhover div.edit {top: -25px; margin-bottom: -26px;} *:first-child+html #nav li div.nav:hover div.edit {top: -9px; margin-bottom: -12px;} #nav li div.nav a.edit {font-size: 10px; font-weight: normal; padding-left: 5px; text-decoration: underline;} #nav li.selected div.nav {border-bottom: 1px solid white; background: white;} #mainContentContainer {padding: 0 0 5px; margin: 0 5px; background: url(/common/images/fadedWhiteTopBG.png) top center repeat-x; -moz-border-radius: 3px;} #mainContent{ border: 1px solid black; min-height: 100px; background: url(/common/images/fadedWhiteBG.png);} #mainContent{ -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;} #footer { width:906px; margin:10px auto 0; border:0px solid #58d; padding: 15px 5px 20px; background: url(/common/images/footerBG-trans.png) center center; color: white; font-size: 12px; font-weight: bold; text-align:center;} #mainCornerFade {position: absolute; width: 198px; height: 119px; background: url(../images/mainCornerFade.png) no-repeat;} * html #mainCornerFade {display: none; } *:first-child+html #mainCornerFade {display: none; } #mainPreview {width: 600px; height: 380px; float: left; } #mainPreview {background: #eee url(../images/sideListingLoading.gif) center center no-repeat;} #mainPreview .largePropertyPhoto {position: absolute;} #mainPreview .largeProperty {position: relative;} #sidePreviews {border-left: 2px solid black; width: 294px; height: 350px; padding: 15px 4px; float: left;} #sidePreviews {background: #eee url(../images/sideListingLoading.gif) center 140px no-repeat;} .realtorBlock {border: 2px solid black; padding: 2px; background: #E8BB0E} .realtorBlock .realtorPicture {border: 2px solid black; background: white;} .realtorBlock .realtorPicture {background: white} .realtorBlock .realtorPicture img.agentPhoto {position: absolute;} .realtorBlock .realtorPicture table.realtorLogo {position: relative;} .realtorBlock .realtorPicture table.realtorLogo td {vertical-align: bottom} .realtorBlock .realtorInfo {text-align: center;} .realtorBlock .realtorInfo .realtorPrice {font-weight: bold; font-size: 14px;} #searchResults {margin: 0; padding: 0;} #searchResultHolder {margin: -12px 0 0; padding: 0;} #searchResults .realtorBlock {width: 74px;} #searchResults .realtorBlock .realtorPicture table.realtorLogo td {height: 60px;} #searchResults .realtorBlock .realtorInfo .realtorPrice {font-size: 12px;} #searchResults .realtorBlock .realtorInfo .realtorDescription {font-size: 10px;} #mainPreview .realtorBlock {margin: 186px 5px 0; width: 110px; float: left;} #mainPreview .realtorBlock .realtorPicture table.realtorLogo td {height: 150px;} #sidePreviews .realtorBlock {width: 90px; background: #E8BB0E;} #sidePreviews .realtorBlock .realtorPicture table.realtorLogo td {height: 121px;} .propertyPageRealtorBlock .realtorBlock {margin: 0 -4px 0;} .propertyPageRealtorBlock .realtorBlock .realtorPicture {width: 86px; float: left;} .propertyPageRealtorBlock .realtorBlock .realtorInfo {width: 186px; float: left; margin-left: 4px; padding: 12px 5px 0;} .propertyPageRealtorBlock .realtorBlock .realtorInfo .realtorPrice {margin: 0 0 8px;} .propertyPageRealtorBlock .realtorBlock .realtorInfo .realtorPrice .agency {display: block; font-size: 13px;} .propertyPageRealtorBlock .realtorBlock .realtorInfo div {text-align: left;} .propertyPageRealtorBlock .realtorBlock .realtorInfo .realtorDescription div {margin-bottom: 4px;} .propertyPageRealtorBlock .realtorBlock .realtorInfo div .boldy {width: 175px; clear: both; font-weight: bold;} .propertyPageRealtorBlock .realtorBlock .realtorInfo div .links {display: block; margin-top: 5px; color: black; } .propertyPageRealtorBlock .realtorBlock .realtorInfo div .links a {color: black; text-decoration: none} .propertyPageRealtorBlock .realtorBlock:hover .realtorInfo div .links a {text-decoration: underline} .propertyPageRealtorBlock .realtorBlock .realtorInfo div .links a:hover {text-decoration: none} .propertyPageRealtorBlock .realtorBlock .realtorInfo div .title {float: left; width: 50px; clear: both; font-weight: bold;} .propertyPageRealtorBlock .realtorBlock .realtorInfo div .datas {float: left; width: 125px;} .propertyPageRealtorBlock .realtorBlock .realtorPicture table.realtorLogo td {height: 121px;} #sidePreviews .homeSidePreview {border: 2px solid black; margin-bottom: 4px; height: 155px;} #sidePreviews .homeSidePreview {background: #eee url(../images/sideListingLoading.gif) center center no-repeat;} #sidePreviews .homeSidePreview .propertyPhoto {position: absolute; width: 290px; height: 155px;} #sidePreviews .homeSidePreview .propertyPhoto img.propertyPhotoImage {position: absolute;} #sidePreviews .homeSidePreview a.propertyLink {position: absolute; z-index: 100000; display: block; width: 290px; height: 155px;} #sidePreviews .homeSidePreview .agentBlock {position: relative; display: block; text-decoration: none; color: black;} #sidePreviews .homeSidePreview .realtorBlock{display: none;} #sidePreviews .homeSidePreview:hover .realtorBlock{display: block; float: right; margin: -2px -2px -2px 0} .paginator {display: block; clear: both; text-align: center; padding: 10px 0 0;} .adHolderCenter {text-align: center; padding: 0 0 5px;} .adHolderTop {margin-top: 10px; } .adHolderTop img, .adHolderWide img {padding: 0 2px; width: 420px; height: 75px;} #homeSidePreviewUP, #homeSidePreviewDOWN {text-align: center; font-weight: bold; cursor: pointer} #homeSidePreviewUP:hover, #homeSidePreviewDOWN:hover {background: #ccc;} #homeSidePreviewUP {position: relative; top: -8px; margin: -7px -4px -8px; height: 21px; padding-top: 8px;} #homeSidePreviewDOWN {position: relative; top: 9px; margin: -9px -4px -8px; height: 21px; padding-top: 8px;} #sidePreviewContainer { position: relative; /* important */ overflow: hidden; /* important */ width: 294px; /* important */ height: 322px; /* important */ } #sidePreviewContent { position: absolute; margin-top: 0px; left: 0; width: 294px; height: 322px; /* important */ } .mapPicture {background: red url(/images/staticmap.png) center center} #mainContentHolder.noSidebar {} #mainContentHolder.hasSidebar {float: left; width: 654px; padding: 10px;} #mainContentRight {float: left; width: 230px; border: 2px solid black; border-right: 0; margin: 10px 0 10px 0; padding: 5px; background: #eee;} .Home #mainContentHolder {float: left; width: 359px; border: 0;} .Home #mainContentRight {float: left; width: 507px; border: 0; margin: 0; padding: 10px 20px 15px 10px; background: white;} .Home #mainContentRight .homeRandProducts {padding: 10px 0 10px; text-align: center} .Hydrocyclones #mainContentHolder {float: left; width: 359px; border: 0;} .Hydrocyclones #mainContentRight {float: left; width: 507px; border: 0; margin: 0; padding: 10px 20px 15px 10px; background: white;} .Hydrocyclones #mainContentRight .homeRandProducts {padding: 10px 0 10px; text-align: center} #liveTextContainer {position: relative;} .about #liveTextContainer {padding: 0;} #sideBar {padding: 0; margin:0;} #sideBar h3 {font-size: 14px; padding-bottom: 4px;} #sideBar ul {padding: 0 0 0 15px; margin:0;} #buttonHolder {margin: 0 0 0 4px; color: white;} #buttonHolder h4 {font-size: 17px; margin-top: 10px;} #buttonHolder .button2 h4, #buttonHolder .button3 h4{text-align: center;} #buttonHolder .button1, #buttonHolder .button2, #buttonHolder .button3 {float: left;} #buttonHolder .button1 .buttonRight {width: 440px; height: 152px;} #buttonHolder .button2 .buttonRight, #buttonHolder .button3 .buttonRight {width: 200px; height: 152px;} #buttonHolder .button1 .buttonRight, #buttonHolder .button2 .buttonRight, #buttonHolder .button3 .buttonRight {padding: 10px 12px;} #buttonHolder .button1 {background: url(../images/orange/buttonBG.jpg)} #buttonHolder .button1 .buttonLeft {background: url(../images/orange/buttonLeft.jpg) left top no-repeat} #buttonHolder .button1 .buttonRight {background: url(../images/orange/buttonRight.jpg) right top no-repeat} #buttonHolder .button2 {background: url(../images/green/buttonBG.jpg)} #buttonHolder .button2 .buttonLeft {background: url(../images/green/buttonLeft.jpg) left top no-repeat} #buttonHolder .button2 .buttonRight {background: url(../images/green/buttonRight.jpg) right top no-repeat} #buttonHolder .button3 {background: url(../images/blue/buttonBG.jpg)} #buttonHolder .button3 .buttonLeft {background: url(../images/blue/buttonLeft.jpg) left top no-repeat} #buttonHolder .button3 .buttonRight {background: url(../images/blue/buttonRight.jpg) right top no-repeat} .Home .formHolder {display: block; float: left; margin-bottom: 2px; clear: none;} .Home .formFloater {display: block; float: left; width: 170px; clear: both;} .Home .formFloater .formHolder {display: block; float: left; width: 80px;} .Home .formRightPad {margin-right: 5px;} .Home .formHolder label {font-weight: bold; padding-top: 3px;} .Home .formHolder .formFloaterTitle {font-weight: bold; text-align: center; padding-top: 5px;} .Home .formSelect label {display: block; width: 70px;} .Home .formSelect select {display: block; width: 70px;} .search .formHolder {display: block; margin-bottom: 5px; clear: both;} .search .formFloater .formHolder {float: left; clear: none;} .search .formFloater .formFloaterTitle {float: none;} .search .formRightPad {margin-right: 5px;} .search .formHolder label {font-weight: bold; padding-top: 3px;} .search .formHolder .formFloaterTitle {font-weight: bold; text-align: center; padding-top: 5px;} .search .formSelect label {display: block; float: left; width: 40px;} .search .formSelect select {display: block; float: left; width: 70px;} .search .formText label {display: block; width: 40px;} .search .formText input {display: block; width: 223px;} .search .formSubmit {text-align: center;} .search .formSubmit input.submit {font-weight: bold; background: #FFAC59} .search .formSubmit input.reset {background: #ccc} .search .formOptionsHolder {height: 340px; overflow:scroll;} .search .formOptions .formFloaterTitle a {color: black;} #listingPageholder {padding: 10px;} #myGallery {float: left;} #myProperty {float: left; width: 292px; padding-left: 10px;} #myProperty h3 {font-size: 16px; margin: 6px 0 3px; font-weight: normal;} #myProperty div.cityState {font-size: 12px; color: #666;} #myProperty p {margin: 10px 0 0; padding: 0;} #myProperty .propertySubTitle {font-size: 13px; font-weight: bold;} #myProperty .propertyInfo {font-size: 14px; margin: 10px 0 3px; height: 28px;} #myProperty .propertyInfo .info {float: left; margin-left: 13px; width: 60px;} #myProperty .propertyInfo .infofirst {margin-left: 0;} #myProperty .propertyInfo .infoclear {clear: both; float: left;} #myProperty .propertyInfo .title, #myProperty .propertyInfo .datas{display: block; text-align: center;} #myProperty .propertyInfo .title {font-size: 11px;} #myProperty .propertyInfo .datas {font-size: 16px; font-weight: bold;} #myProperty .propertyInfo2 {height: 26px; margin-bottom: 5px;} #myProperty .propertyInfo2 .title, #myProperty .propertyInfo2 .datas{display: block; text-align: center;} #myProperty .propertyInfo2 .title {font-size: 11px;} #myProperty .propertyInfo2 .datas {font-size: 13px; font-weight: bold;} #myProperty .propertyDescription {clear: both;} #searchResults {} .searchResult {float: left; clear: both;} .searchPhoto {float: left; width: 200px; height: 1px; margin-right: 10px;} .searchText {float: left; width: 340px; text-align: justify} .searchText .propertyTitle a {font-size: 15px; color: black; text-decoration: none;} .searchResult:hover a, .searchText .propertyTitle a:hover {text-decoration: underline;} .searchText .propertySubTitle {font-size: 12px;} .searchText .propertyDescription {margin-top: 5px;} .searchRealtorBlock {float: right;} .propertyIcons {} #mainPreview .propertyIcons {float: right; margin: 25px 10px 0; text-align: center; width: 80px;} .propertyIcons .icon img {display: block; margin: 0 auto;} .propertyIcons .icon span {display: block; padding: 1px 4px 2px; color: white; background: url(../images/textBG.png); font-size: 11px; font-weight: bold;} .homeSidePreview .propertyIcons {position: absolute; margin: 5px 0 0 5px;} .homeSidePreview .propertyIcons .icon {clear: left; background: url(../images/iconBG.png) left top no-repeat; height: 24px;} .homeSidePreview .propertyIcons .icon img {display: block; float: left;} .homeSidePreview .propertyIcons .icon span {display: none; float: left; position: relative; top: 8px; left: 4px; font-size: 10px;} .homeSidePreview:hover .propertyIcons .icon span {display: block;} .searchPhoto .searchPropertyPhoto {position: absolute;} .searchPhoto .propertyIcons {position: absolute; margin: 3px 0 0 5px;} .searchPhoto .propertyIcons .icon {clear: left; background: url(../images/iconBG2.png) left top no-repeat; height: 24px;} .searchPhoto .propertyIcons .icon img {display: block; float: left;} .searchPhoto .propertyIcons .icon span {display: none; float: left; position: relative; top: 6px; left: 4px; font-size: 10px;} .searchPhoto:hover .propertyIcons .icon span {display: block;} #myProperty .propertyIcons {margin: 5px auto; width: 288px; } #myProperty .propertyIcons .icon {float: left; height: 48px;} #myProperty .propertyIcons .icon img {display: block; } #myProperty .propertyIcons .icon span {display: none;} .requiredTextHolder {color:#393; display: inline !important; font-size: 9px; padding-left: 5px;} .requiredTextHolder2 {color:#f66;} #mainContentContainer #mainContentHolder {padding: 10px;} /*#mainContentContainer .contact {padding: 20px !important;}*/ .contactFormLeft {float: left; width: 516px;} .contactFormRight {float: left; width: 380px; padding: 0;} .contactFormRight form{padding: 10px; background: url(../images/formFadedBG.png); border: 2px solid #67a2be; -moz-border-radius: 4px;} .jumpToHolder {margin-top: 5px;} .jumpTo {width: 114px; float: left; margin: 0 5px; height: 150px !important; border: 1px solid white !important; } .jumpTo:hover {border: 1px solid #999 !important; -moz-border-radius: 5px; background: white url(../images/navBG.jpg) left top repeat-x !important;} .jumpToHover {border: 1px solid #f90 !important; -moz-border-radius: 5px !important; background: #fffdee !important;} .jumpToWrapper {padding: 4px; font-size: 10px;} .jumpToWrapper .preview {border: 1px solid black; height: 75px;} .jumpToWrapper .description:first-line {font-weight: bold;} .jumpToWrapper .description {padding:3px; text-align: center;} /* Special Bullets */ #contactPageInfo{float:left; width:225px; margin:0 0 0 30px; padding:25px 0 0 0px; line-height:14px; font-size: 13px;} #bull{line-height:16px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; height: 11px; padding: 0 0 8px 19px; list-style-type: none; margin: 2px 0 0 -20px; background-repeat: no-repeat;} .bulltoll{background: url(/common/images/bulltoll.png);} .bullphone{background: url(/common/images/bullphone.png);} .bullcell{background: url(/common/images/bullcell.png);} .bullfax{background: url(/common/images/bullfax.png);} .bullman{background: url(/common/images/bullman.png);} .bullwoman{background: url(/common/images/bullwoman.png);} .bullemail{background: url(/common/images/bullemail.png); background-repeat: no-repeat;} .bullemail:hover{background: url(/common/images/bullemail_hover.png); background-repeat: no-repeat;} .bullemail a:hover{color:#aaa!important;} .new{background: url(/common/images/new.png); background-repeat: no-repeat; margin:0 0 0 0px; padding:0 0 0 36px;} /* Special Bullets */ .right{float:right; margin:0 0 10px 10px} .left{float:left; margin:0 10px 10px 0} .nutshell{background: url(/common/images/nutshellBg.png) center no-repeat !important; padding: 25px 15px 15px 15px !important; text-align: justify; font-size: 14px; line-height:15px; font-family: "Times", Arial, Helvetica; font-weight:bold; clear:both; position:relative; top:-25px; margin: 0px; float:right; width: 450px; height:100px;} .headerContact {font-size:13px; padding:0px; margin:0 0 0 35px; width:250px; font-family:"Verdana","arial-black";} .ContactUL {width:300px; margin-left:35px; font-size:14px; padding:0px; font-family:"Verdana","arial-black"; display:block;} .igf{display:block!important; width:400px!important; padding-left:0px!important; margin-left:245px!important;} .highslide-wrapper, .highslide-outline { background: #FFFFFF; } .highslide img { border: 1px solid #D0D0D0; } .highslide:hover img { border-color: #A0A0A0; } .highslide-dimming { background: #000000; } .highslide-image { border: 2px solid #FFFFFF; } .highslide-heading { display: none; margin: 0; padding:2px; font-weight:bold; cursor: move; } .highslide-loading { color: black; border: 1px solid black; background-color: white; background-image: url(/common/js/highslide/graphics/loader.white.gif); } /* Image Map */ #liveTextInside #apDiv1 { position:absolute; left:600px; top:60px; width:250px; height:50px; z-index:1; display:block; } #liveTextInside #apDiv2 { position:absolute; left:170px; top:385px; width:200px; height:50px; z-index:2; display:block; } #liveTextInside #apDiv3 { position:absolute; left:300px; top:455px; width:250px; height:50px; z-index:3; display:block; } /* End O Image Map */ .homeUL{display:block; font-family: "Arial", Helvitica !important; font-size:12px !important; font-weight:normal;} .homeUL li{line-height:13px; font-weight:bold;} .homeUL li:first-child{margin-bottom:-1px !important;} .Home #mainContent img{ margin-top:3px; }