BODY { margin: -10px 0px 0px -10px; padding: 0px; background-color: #CCDCEB; font-family: verdana, arial, helvetica, sans-serif; line-height: 16px; font-size: 12px; background-image: url('/images/template/page_bg.jpg'); background-repeat: repeat-y; } HTML BODY { margin: 0px; padding: 0px; line-height: 16px; } /* --- global styles ----------------------------------------------------------------------------------------*/ p { font-family: verdana, geneva, arial, sans-serif; font-size: 12px; line-height: 16px; color: #333; text-decoration: none; font-weight: normal; margin: 5px 0px 15px 15px; } .nobottom { margin-bottom: 5px; } th, td, div { font-size: 11px; } strong { color: #073768; } .nomargin { margin-bottom: 5px; } .imgborder { border: 1px solid #003366; } .caption { margin: 0px 7px 0px 0px; font-size: 9px; color: #002f66; } dl { margin: 10px 0px 20px 15px; } dt { font-family: verdana, geneva, arial, sans-serif; font-size: 10px; font-weight: bolder; color: #002f66; padding: 0px; } dd { margin: 3px 0px 5px 15px; font-family: verdana, geneva, arial, sans-serif; font-size: 10px; } /* --- lists and etc ---------------------------------------------------------------------------------------*/ ul { padding: 0px; margin: 5px 0px 15px 50px; font-family: verdana, geneva, arial, sans-serif; list-style: square; } ol { margin: 5px 5% 5px 0px; } li { font-family: verdana, geneva, arial, sans-serif; line-height: 18px; margin: 0px; padding: 0px; } /* ----- h1 thru h5 -------------------------------------------------------------------------- */ h1 { font-family: verdana, geneva, arial, sans-serif; font-size: 18px; font-weight: bolder; color: #073768; margin: 0px 5px 18px -2px; padding: 0px; } h1 span { float: right; font-weight: 0; } h2 { font-family: verdana, geneva, arial, sans-serif; font-size: 14px; font-weight: bolder; color: #073768; margin: 10px 0px 0px 0px; padding: 0px; } h3 { font-family: verdana, geneva, arial, sans-serif; font-size: 16px; font-weight: bolder; color: #333; margin: 0px 5px 0px 0px; padding: 0px; } h4 { font-family: verdana, geneva, arial, sans-serif; font-size: 14px; color: #073768; margin: 0px; font-weight: normal; } h6 { font-family: verdana, geneva, arial, sans-serif; font-size: 12px; font-weight: bolder; color: #000; margin: 0px 0px 0px 10px; padding: 0px; text-transform: lowercase; } .underline { border-bottom: 1px solid #002f66; } /* ----- normal links --------------------------------------------------------------------------- */ .small { font-family: arial, manaco, helvetica, sans-serif; font-size: 10px; } input { background-color: #fff; border: 1px solid #cecece; } .button { font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; color: #000; line-height: 14px; padding: 0px; border: 1px solid #5c5c5c; background-color: #ccc; margin: 2px 3px 2px 0px; cursor: hand; } select, input, textarea { font-family: verdana, geneva, arial, sans-serif; font-size: 11px; color: #000; vertical-align: top; background-color: #f9f9f9; } /* ----- PAGE TABLE STYLES ---------------------------------------------------------------- */ /* ----- contact form ---------------------------------------------------------------- */ TABLE.contact { background-color: #eee; border: #999 0px solid; border-width: 1px 1px 1px 1px; color: #000; font-size: 10px; margin: 8px 0px 0px 0px; } TABLE.contact TH { background-color: #336699; border: #000 0px solid; border-width: 0px 0px 2px 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #fff; text-align: left; } TABLE.contact TH span { float: right; font-size: 10px; } TABLE.contact TD { font-size: 10px; padding-right: 5px; } TABLE.contact TD.end { background-color: #336699; border: #999 0px solid; border-width: 1px 0px 0px 0px; color: #fff; font-size: 11px; text-align: right; } TABLE.contact TD.note { background-color: #ccc; border: 0px #000 solid; border-width: 1px 0px 0px 0px; color: #000; font-size: 11px; } /* ----- formTable form ---------------------------------------------------------------- */ TABLE { background-color: #eee; border: #999 0px solid; border-width: 1px 1px 1px 1px; color: #000; font-size: 10px; margin: 8px auto 0px auto; width: 450px; } TABLE TH { background-color: #336699; border: #000 0px solid; border-width: 0px 0px 2px 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #fff; text-align: left; } TABLE TH, TABLE TD { padding: 3px 5px 3px 3px; } TABLE TH span { float: right; font-size: 10px; } TABLE TD { font-size: 10px; } TABLE TD.end { background-color: #336699; border: #999 0px solid; border-width: 1px 0px 0px 0px; color: #fff; font-size: 11px; text-align: right; } TABLE TD.note { background-color: #ccc; border: 0px #000 solid; border-width: 1px 0px 0px 0px; color: #000; font-size: 11px; } /* ----- normal links --------------------------------------------------------------------------- */ a { color: #333; font-family: verdana, geneva, arial, sans-serif; text-decoration: underline; } a:visited { color: #333; font-family: verdana, geneva, arial, sans-serif; text-decoration: underline; } a:hover { color: #073768; font-family: verdana, geneva, arial, sans-serif; text-decoration: underline; } .imgBorder { border: 1px solid #003366; } /* ----- template ---------------------------------------------------------------- */ DIV#mainImage { height: 225px; background-image: url('/images/template/mainImage_bg.gif'); background-repeat: repeat-x; } DIV#searchBox { position: absolute; top: 55px; left: 640px; width: 125px; padding-top: 95px; background-image: url('/images/template/search_the_mls_bg.gif'); background-repeat: no-repeat; } DIV#contentCorner { width: 20px height: 20px; position: absolute; top: 280px; left: 119px; z-index: 100; } DIV#contentCorner_small { width: 20px height: 20px; position: absolute; top: 75px; left: 25px; z-index: 100; } DIV#propertiesSold { position: absolute; top: 245px; left: 138px; z-index: 100; font-weight: bolder; color: #fff; font-size: 11px; } /* ----- subNav ---------------------------------------------------------------- */ DIV#subNav { border: 0px solid #073768; border-width: 2px 0px; position: absolute; left: 0px; top: 295px; width: 115px; } DIV#subNav ul { padding: 0px 0px 0px 0px; margin: 5px 0px 0px 7px; } DIV#subNav li { line-height: 15px; padding: 0px 0px 15px 0px; } DIV#subNav a { color: #333; text-decoration: none; } DIV#subNav a:visited { color: #333; text-decoration: none; } DIV#subNav a:hover { color: #073768; } /* ----- contentArea ---------------------------------------------------------------- */ DIV#contentArea { padding: 12px 10px 15px 18px; background-color: #fcfcfc; margin-left: 119px; border: 1px solid #ccc; border-width: 1px 0px 0px 1px; } DIV#contentArea_small { padding: 12px 10px 15px 18px; background-color: #fcfcfc; margin-left: 25px; border: 1px solid #ccc; border-width: 1px 0px 0px 1px; height: 325px; } DIV#mainContent { margin-right: 190px; } /* ----- sideBar ---------------------------------------------------------------- */ DIV#sideBar { width: 170px; border: 1px solid #ccc; border-width: 0px 0px 0px 1px; padding: 16px 0px 30px 10px; margin: 0px 0px 25px 0px; } DIV#sideBar h1 { font-size: 12px; margin-bottom: 5px; } DIV#sidebar h6 { float: right; font-size: 10px; font-weight: bolder; color: #073768; } DIV#sideBar p { margin-left: 5px; font-size: 9px; color: #666; } img.openHouse { border: 1px solid #666; } DIV#sidebar DIV.spacer { margin: 25px 0px 10px 0px; border: 1px solid #ccc; border-width: 0px 0px 1px 0px; } DIV#toolbar { position: absolute; top: 55px; left: 0px; z-index: 100; } DIV#logo { background-image: url('/images/template/logo_bg.gif'); background-repeat: repeat-x; } /* --- link used to hide FAQs --------------------------------------------------------------------------- */ .hiderLink { background-color: ; color: ; font-family: verdana, geneva, arial, sans-serif; padding: 1px; cursor: pointer; font-size: 10px; } .hiddenAnswer { display: none; } .visibleAnswer { font-size: 12px; line-height:18px; margin: 8px 8px 0px 0px; } a.question { font-weight: 550; text-decoration: none; font-family: verdana, geneva, arial, sans-serif; font-size: 11px; } a.question:visited { font-weight: 550; text-decoration: none; font-family: verdana, geneva, arial, sans-serif; font-size: 11px; } a.question:hover { font-weight: 550; text-decoration: underline; font-family: verdana, geneva, arial, sans-serif; font-size: 11px; } a.question:active { font-weight: 550; text-decoration: underline; font-family: verdana, geneva, arial, sans-serif; font-size: 11px; } h4.faq { margin: 5px 0px 5px 11px; } /* --- sidebar javascript -------------------------------------------------------------------------------------*/ .sidebarJS { width: 290px; text-align: center; float: right; margin: 0px 0px 10px 10px; } .sidebarJS div.top { background-image: url('/images/template/sidebar_js_top.gif'); background-repeat: no-repeat; height: 40px; margin: 0px; } .sidebarJS .sideImage { width: 198px; border: 2px #AE9CCD solid; } .sidebarJS div.sideBottom { background-image: url('/images/template/sidebar_js_bottom.gif'); background-repeat: no-repeat; height: 40px; margin: -4px 0px 0px 0px; text-align: center; } .sidebarJS div.sideText { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; width: 198px; margin: 5px 0px 0px 0px; color: #2B4486; } /* --- builders guide -------------------------------------------------------------------------------------*/ DIV.buildersMaps { width: 420px; text-align: center; padding: 10px 0px 10px 0px; } DIV#guidePaging { margin-top: 20px; padding: 2px 0px; border: 1px solid #ccc; border-width: 1px 0px; text-align: center; } DIV.buildersName { border: 1px solid #ccc; background-color: ; font-weight: bold; padding: 3px 5px; margin-left: 15px; margin-right: 10px; } DIV.buildersInfo { border: 1px solid #ccc; border-width: 0px 1px 1px 1px; background-color: #f0f0f0; padding: 5px 10px 5px 5px; margin-left: 15px; margin-right: 10px; } DIV#bottom { margin-right: 5px; padding: 5px 0px 5px 0px; border: 0px solid #ccc; border-width: 1px 0px 0px 0px; text-align: center; } /* --- our lisings -------------------------------------------------------------------------------------*/ TABLE.ourListings { width: 412px; margin-left: 10px; border: 1px solid #ccc; border-width: 1px 1px 0px 0px; margin-right: 0px; background-color: #f0f0f0; margin-bottom: 15px; } TABLE.ourListings TH { border: 1px solid #ccc; border-width: 0px 0px 1px 1px; background-color: ; font-weight: bold; padding: 3px 10px 3px 5px; text-align: left; } TABLE.ourListings TD { border: 1px solid #ccc; border-width: 0px 0px 1px 1px; padding: 3px 5px; text-align: left; padding: 5px; line-height: 16px; } TABLE.ourListings TD img { border: 1px solid #ccc; } TABLE.ourTeams { width: 280px; margin-left: 10px; border: 1px solid #ccc; border-width: 1px 1px 0px 0px; margin-right: 0px; background-color: #f0f0f0; margin-bottom: 15px; } TABLE.ourTeams TH { border: 1px solid #ccc; border-width: 0px 0px 1px 1px; background-color: ; font-weight: bold; padding: 3px 10px 3px 5px; text-align: left; } TABLE.ourTeams TD { border: 1px solid #ccc; border-width: 0px 0px 1px 1px; padding: 3px 5px; text-align: left; padding: 5px; line-height: 16px; } TABLE.ourTeams TD img { border: 1px solid #ccc; } DIV.ourListingPropInfo { border: 1px solid #ccc; border-width: 0px 1px 1px 1px; background-color: #f0f0f0; padding: 5px 10px 5px 5px; margin-left: 15px; } p.ourListingSmall { font-size: 9px; color: #666; } .sold { color: #dc0000; } .pending { color: #999900; } .available { color: #008000; } p.padded { margin: 0px 0px 0px 15px; font-size: 11px; } div#toolbar { width: 225px; margin: 0px; padding: 0px; position: absolute; top: 136px; left: 0px; } div#toolbar p { background-color: #073768; border: 1px solid #fff; border-width: 1px 1px 1px 0px; color: #fff; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 10px; font-weight: bold; font-size: 11px; } div#toolbar p:hover { background-color: #660000; } div#toolbar p a { color: #fff !important; color: #ccc; text-decoration: none; } div#toolbar p a:visited { color: #fff !important; color: #ccc; text-decoration: none; } div#toolbar p a:hover { color: #fff; text-decoration: none; } DIV#content { padding: 20px 0px 25px 235px !important; padding: 10px 0px 25px 245px; } DIV#header { height: 136px; background-image: url('/images/template/header_bg.jpg'); background-repeat: repeat-x; }