@charset "utf-8"; /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Company: Artistech Newmedia Author: Nicholas Salisbury Start Date: 2009_11_25 Description: General page styles for Chris Cyca's new website. +--------------------------------------------------------------------------------------------------------------------------------------------------------------------------+ Version 0.0 +--------------------------------------------------------------------------------------------------------------------------------------------------------------------------+ /* TABLE OF CONTENTS - CTRL + F the [#] TO QUICK JUMP TO THAT SECTION */ /* [1] HTML TAG STYLES: Edit these to change tag styles globally. Things like body / html. [2] NAVIGATION STYLES: Any kind of image based navigation or button rollover. Also Pseudo CSS A tags etc. [3] DIV CLASSES/IDs: Any page divisions / styles like 'Wrapper' or 'Content blocks' [4] MISCELLANEOUS: Anything else not covered above, or additional rules to class specific elements. */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* [1] HTML TAG STYLES [1] */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ *{ padding: 0px; margin: 0px; outline: none; } html{ margin: 0px; padding: 0px; width: 100%; } body{ behavior: url("csshover3.htc"); margin: 0px; padding: 0px; height: 100%; background-color: #fff; font-family: Arial, Helvetica, sans-serif; } div{ display: block; } img{ display: block; } iframe{ width: 444px; height: 342px; border: 1px solid #7288c5; position: relative; left: 0px; } object{ padding: 0px; margin: 0px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* [2] NAVIGATION STYLES [2] */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #kelowna-real-estate-listings{ float: left; width: 214px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -2px; text-align: center; padding-top: 13px; } #kelowna-real-estate-listings:hover{ cursor: pointer; background-position: 0 -46px; } #kelowna-real-estate-listings-active{ float: left; width: 214px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -46px; text-align: center; padding-top: 13px; } #kelowna-working-for-you{ float: left; border-left: 1px solid #770214; width: 128px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -2px; text-align: center; padding-top: 13px; } #kelowna-working-for-you:hover{ cursor: pointer; background-position: 0 -46px; } #kelowna-working-for-you-active{ float: left; border-left: 1px solid #770214; width: 128px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -46px; text-align: center; padding-top: 13px; } #buying-real-estate-kelowna{ float: left; border-left: 1px solid #770214; width: 67px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -2px; text-align: center; padding-top: 13px; } #buying-real-estate-kelowna:hover{ cursor: pointer; background-position: 0 -46px; } #buying-real-estate-kelowna-active{ float: left; border-left: 1px solid #770214; width: 67px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -46px; text-align: center; padding-top: 13px; } #selling-real-estate-kelowna{ float: left; border-left: 1px solid #770214; width: 65px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -2px; text-align: center; padding-top: 13px; } #selling-real-estate-kelowna:hover{ cursor: pointer; background-position: 0 -46px; } #selling-real-estate-kelowna-active{ float: left; border-left: 1px solid #770214; width: 65px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -46px; text-align: center; padding-top: 13px; } #choosing-kelowna{ float: left; border-left: 1px solid #770214; width: 140px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -2px; text-align: center; padding-top: 13px; } #choosing-kelowna:hover{ cursor: pointer; background-position: 0 -46px; } #choosing-kelowna-active{ float: left; border-left: 1px solid #770214; width: 140px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -46px; text-align: center; padding-top: 13px; } #contact-chris{ float: left; border-left: 1px solid #770214; width: 74px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -2px; text-align: center; padding-top: 13px; } #contact-chris:hover{ cursor: pointer; background-position: 0 -46px; } #contact-chris-active{ float: left; border-left: 1px solid #770214; width: 74px; height: 42px; background:URL('layout/navbg.gif'); background-repeat: repeat-x; background-position: 0 -46px; text-align: center; padding-top: 13px; } #head-siteheader-right a{ color: #313131; text-decoration: none; } #head-siteheader-right a:hover{ color: #313131; text-decoration: underline; } #head-siteheader-right a:active{ color: #313131; text-decoration: none; } #head-siteheader-right-bot a{ color: #ffffff; text-decoration: none; } #head-siteheader-right-bot a:hover{ color: #ffffff; text-decoration: none; } #head-siteheader-right-bot a:active{ color: #ffffff; text-decoration: none; } #footer-top a{ color: #000000; text-decoration: underline; } #footer-top a:hover{ color: #000000; text-decoration: none; } #footer-top a:active{ color: #000000; text-decoration: underline; } .redfooter a{ color: #840015; text-decoration: underline; } .redfooter a:hover{ color: #840015; text-decoration: none; } .redfooter a:active{ color: #840015; text-decoration: underline; } .artistech a{ color: #840015; text-decoration: none; } .artistech a:hover{ color: #840015; text-decoration: underline; } #subnav a{ color: #ffffff; text-decoration: none; } #subnav a:hover{ color: #ffffff; text-decoration: underline; } #subnav a:active{ color: #ffffff; text-decoration: none; } #marker{ width: 21px; height: 13px; position: relative; top: 26px; margin-bottom: -26px; } .lrgblue{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; font-style: italic; color: #2d4587; float: left; padding-right: 10px; padding-left: 25px; padding-top: 10px; max-height: 42px; } .lrgblue a{ color: #2d4587; text-decoration: none; } .lrgblue a:hover{ text-decoration: underline; } .lrgdrk{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #1e1e1e; float: left; padding-top: 10px; max-height: 42px; } .lrgdrk a{ color: #1e1e1e; text-decoration: none; } .lrgdrk a:hover{ text-decoration: underline; } .left-feedback-col{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #959fb8; } .left-feedback-col a{ color: #b3bcd4; text-decoration: none; } .left-feedback-col a:hover{ color: #959fb8; text-decoration: none; } .homepage-content{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; } .homepage-content a{ color: #ffffff; text-decoration: underline; } .homepage-content a:hover{ color: #ffffff; text-decoration: none; } .hp-links{ float: left; border-right: 1px solid #770214; width: 218px; padding-top: 4px; padding-left: 25px; height: 22px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background:URL("layout/homepage-nav-bg.gif"); background-repeat: repeat-x; } .hp-links a{ text-decoration: none; } .hp-links a:hover{ text-decoration: underline; } .active{ background: none; border: 0px; } .white{ text-decoration: none; color: #ffffff; } .white:hover{ text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* [3] DIV CLASSES / IDs [3] */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #wrapper{ width: 100%; } .hp-content{ z-index: 30; width: 1000px; height: 22px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 14px; line-height: 18px; padding: 10px; margin: 0 auto; } /* header ID's ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #head-wrapper{ width: 100%; min-width: 1000px; height: 100%; max-height: 99px; height: auto; overflow: hidden; } #head-left{ float: left; width: 50%; margin-left: -501px; height: 99px; } #head-siteheader{ float: left; width: 1000px; height: 99px; } #head-siteheader-left{ float: left; padding-left: 30px; width: 258px; height: 99px; } #head-siteheader-right{ float: left; width: 712px; height: 99px; } #head-siteheader-right-top{ float: left; border-left: 1px solid #d4d4d4; width: 711px; height: 55px; } #head-siteheader-right-bot{ float: left; padding-top: 2px; width: 712px; height: 44px; clear: both; background:URL('layout/navbg.gif'); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #ffffff; } /* See section [2] for navigation button divs and rollover styles */ #head-right{ float: left; width: 50%; margin-right: -500px; height: 99px; background:URL('layout/navbg.gif'); background-position: 0 55px; background-repeat: repeat-x; display: block; } /* footer ID's ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer-wrapper{ width: 100%; min-width: 1000px; height: 100%; min-height: 190px; padding-top: 40px; height: auto; overflow: hidden; background:URL('layout/footerbg.gif') top left repeat-x; font-size: 13px; line-height: 18px; } #footer-top{ width: 1000px; height: 60px; margin: 0 auto; } #footer-top-left{ float: left; width: 144px; } #footer-top-center{ float: left; width: 320px; } #footer-top-center-content{ float: left; width: 318px; height: 36px; margin-top: 18px; border-right: 1px solid #000000; } #footer-top-right{ float: left; width: 505px; } #footer-top-right-content{ float: left; margin-left: 20px; width: 485px; height: 36px; margin-top: 18px; } #footer-bot{ width: 1000px; height: 60px; margin: 0 auto; } #footer-bot-content{ margin-top: 23px; margin-left: 8px; float: left; width: 970px; font-size: 12px; line-height: 18px; color: #840015; } /* ... everything else -------------------------------------------------------------------------------------------------------------------------------------------------- */ #subnav-wrap{ width: 100%; min-width: 1000px; height: 39px; background:URL('layout/subnavbg.gif') top left repeat-x; } #subnav{ width: 1000px; height: 39px; margin: 0 auto; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #subnav-content{ max-width: 742px; height: 30px; padding-top: 9px; float: right; } #subnav-content-lrg{ max-width: 980px; height: 30px; padding-top: 9px; float: right; } #titlebar-wrap{ width: 100%; min-width: 1000px; height: 42px; background-color: #ffffff; border-bottom: 1px solid #c5c5c5; } #titlebar{ width: 1000px; height: 42px; margin: 0 auto; padding: 0px; } #search-wrap{ width: 100%; height: 50px; margin-top: 14px; margin-bottom: 24px; } #search-center{ margin-left: 28px; margin-right: 28px; height: 49px; border-bottom: 1px solid #b1b1b3; background-color: #3c3d41; float: none; min-width: 944px; } #search-content{ height: 49px; width: 944px; margin: 0 auto; } #filter-results{ float: left; width: 152px; padding-left: 24px; padding-top: 10px; margin-right: 35px; height: 31px; position: relative; top: 4px; border-right: 1px solid #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #ffffff; font-weight: bold; font-style: italic; } #search-form{ float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; } #listing-wrap{ width: 100%; margin-bottom: 40px; } #listing-content{ margin-left: 28px; margin-right: 27px; min-width: 945px; overflow: hidden; } /*#listing-content{ margin: 0 auto; border: 1px solid #ff0000; overflow: hidden; min-width: 945px; max-width: 1575px; }*/ #listing-dtl-content{ /*margin-left: 28px; margin-right: 27px;*/ margin-left: 28px; margin-right: 27px; min-width: 945px; margin-top: 30px; margin-bottom: 60px; overflow: hidden; } #lstngs-dtl-left{ float: left; width: 300px; margin-right: 0px; /*background-color: #ff0000;*/ } #lstngs-dtl-left a{ text-decoration: none; } #lstngs-dtl-left p{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #393939; margin-bottom: 20px; } .smbreak{ clear: both; width: 300px; height: 5px; background:URL('layout/smbreak.gif') top left no-repeat; } .dtl-red-callout{ width: 300px; background-color: #c21934; min-height: 71px; padding-top: 12px; overflow: hidden; } .dtl-red-callout:hover{ background-color: #2d4587; cursor: pointer; } .dtl-lft-blue-btn{ /*margin-top: 0px;*/ width: 280px; height: 29px; background-color: #2d4587; text-align: left; color: #ffffff; padding-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; padding-top: 7px; cursor: pointer; } .dtl-lft-blue-btn:hover{ /*margin-top: 0px;*/ width: 280px; height: 29px; background-color: #c21934; text-align: left; color: #ffffff; padding-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; padding-top: 7px; cursor: pointer; } .dtl-send-to-friend{ width: 300px; min-height: 110px; } .dtl-price-div{ width: 260px; padding: 15px 20px 25px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #ffffff; background-color: #2d4587; } .dtl-content{ width: 300px; } #lstngs-dtl-right{ float: left; /*background-color: #f8f8f8;*/ width: 100%; min-width: 622px; margin-right: -323px; overflow: hidden; } .lstng-imgwrap{ overflow: hidden; margin-right: 323px; padding-left: 23px; position: relative; z-index: 1; } .lstng-imgwrap-newprice{ position: absolute; z-index: 6; width: 56px; height: 56px; top: 32px; left: 9px; } .lstng-toprow{ width: 100%; min-height: 50px; position: relative; overflow: visible; z-index: 10; /*background-color: #CCCCCC;*/ } .lstng-toprow-share{ float: right; width: 515px; padding-top: 10px; overflow: visible; position: relative; z-index: 11; } /*.lstng-toprow-share img{ /* for IE */ /*filter:alpha(opacity=100); /* CSS3 standard */ /*opacity:1.0; cursor: pointer; } */ /*.lstng-toprow-share img:hover{ filter:alpha(opacity=100); opacity:1.0; cursor: pointer; } */ .send-wrap{ width: 406px; height: 346px; padding: 20px 40px 30px 40px; border: 1px solid #4f69b1; position: absolute; z-index: 12; background-color: #2d4587; right: 0px; top: 37px; visibility: hidden; } .calc-wrap{ width: 446px; height: 356px; padding: 20px; border: 1px solid #4f69b1; position: absolute; z-index: 12; background-color: #2d4587; right: 14px; top: 47px; visibility: hidden; } .map-wrap{ width: 446px; height: 356px; padding: 20px; border: 1px solid #4f69b1; position: absolute; z-index: 12; background-color: #2d4587; right: 27px; top: 47px; visibility: hidden; } .map-wrap a{ color: #fff; } .lstng-botrow{ width: 100%; clear: both; position: relative; top: 0px; margin-bottom: 0px; z-index: 2; } .lstng-botrow-caption{ width: 100%; position: absolute; bottom: 0px; z-index: 5; height: 32px; /*border-top: 1px solid #ffffff;*/ background-color: #000000; filter:alpha(opacity=50); opacity: 0.5; } .lstng-botrow-caption p{ color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; margin: 0px; padding: 6px 10px 0px 10px; } .lstng-contact-callout{ min-height: 96px; padding: 12px 0px 12px 0px; margin-top: 50px; margin-bottom: 0px; margin-left: 23px; margin-right: 323px; background-color: #e9ebef; border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; } .lstng-contact-callout-innr{ width: 550px; margin: 0 auto; /*background-color: #ff0000;*/ height: 96px; overflow: hidden; } .lstng-contact-callout-btn{ /*margin-top: 0px;*/ float: right; width: 174px; height: 29px; background-color: #c21934; text-align: left; color: #ffffff; padding-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; padding-top: 7px; cursor: pointer; } .lstng-contact-callout-btn:hover{ /*margin-top: 0px;*/ float: right; width: 174px; height: 29px; background-color: #2d4587; text-align: left; color: #ffffff; padding-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; padding-top: 7px; cursor: pointer; } .lstng-contact-callout a{ text-decoration: none; } .details-footer{ min-width: 622px; height: 25px; margin-top: 40px; overflow: hidden; position: relative; } .details-footer-left{ float: left; width: 220px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; color: #2d4587; position: absolute; left: 23px; } .details-footer-center{ float: left; position: absolute; left: 243px; right: 543px; } .details-footer-right{ float: left; width: 220px; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; color: #2d4587; position: absolute; right: 323px; } .details-footer a{ text-decoration: none; color: #2d4587; } .details-footer a:hover{ text-decoration: underline; } #innrpg-wrap{ width: 1000px; margin: 0 auto; overflow: hidden; padding-bottom: 25px; /*border: 1px solid #ff0000;*/ } #innrpg-content{ width: 950px; margin: 0 auto; padding-left: 25px; padding-right: 25px; overflow: hidden; } #innrpg-content h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #2d4587; } #innrpg-head{ width: 950px; height: 50px; margin-top: 35px; } #innrpg-left{ float: left; width: 590px; } #innrpg-left p{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #292929; line-height: 18px; margin: 0px; margin-bottom: 24px; } #innrpg-left a{ color: #840015; text-decoration: underline; } #innrpg-left a:hover{ color: #840015; text-decoration: none; } #innrpg-left a .contactchriscyca{ color: #ffffff; text-decoration: underline; } #innrpg-left a:hover .contactchriscyca{ color: #ffffff; text-decoration: none; } .intropar{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: /*#494949*/111111; line-height: 22px; } .callout{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 24px; color: #000000; } .callout2{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #840015; } .callout2 a{ color: #840015; text-decoration: underline; } .callout2 a:hover{ color: #c21934; text-decoration: none; } #innrpg-right{ float: left; margin-left: 25px; width: 335px; } #innrpg-right-red{ clear: both; width: 335px; height: 168px; background-color: #c21934; } #innrpg-right-red h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; font-weight: normal; padding-bottom: 10px; color: #ffffff; } #innrpg-right-red p{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #ffffff; padding: 5px; padding-right: 12px; line-height: 20px; } .innrpg-right-red-contact{ margin-top: 9px; width: 174px; height: 29px; background-color: #44000b; text-align: center; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding-top: 7px; cursor: pointer; } .innrpg-right-red-contact:hover{ margin-top: 9px; width: 174px; height: 29px; background-color: #ffffff; text-align: center; color: #44000b; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding-top: 7px; cursor: pointer; } #innrpg-right-red a{ text-decoration: none; } #innrpg-right-lblue{ clear: both; width: 335px; height: 200px; background-color: #e4ebfd; overflow: hidden; } #innrpg-right-twit{ clear: both; width: 335px; min-height: 138px; background-color: #ffffff; } #innrpg-right-alt{ clear: both; width: 335px; min-height: 200px; } .innrpg-right-brk{ clear: both; width: 335px; height: 4px; background:URL('layout/break.gif') top left no-repeat; background-position: 0 -1px; } .innrpg-right-brk2{ clear: both; width: 335px; height: 5px; background:URL('layout/break.gif') top left no-repeat; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* [4] MISCELLANEOUS [4] */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #head-siteheader img{ display: block; } .filtersearch{ margin-top: 7px; border: 0px; width: 174px; height: 36px; background-color: #ffffff; text-align: center; color: #000b2b; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; font-weight: normal; } .filtersearch:hover{ background-color: #c21934; color: #ffffff; cursor: pointer; } .realEstateListing{ position: relative; width: 315px; height: 480px; float: left; text-align: center; margin-bottom: 35px; background:URL('layout/listings-top-right.png') top right no-repeat; z-index: 2; } .adListing{ position: relative; width: 315px; height: 480px; float: left; text-align: center; text-decoration: none; margin-bottom: 35px; background-color: #2d4587; z-index: 2; } .adListing a{ text-decoration: none; } .adListing:hover{ cursor: pointer; } /* .fakelisting2{ position: relative; width: 315px; height: 480px; float: left; text-align: center; margin-bottom: 25px; background:URL('layout/listings-top-right.png') top right no-repeat; z-index: 2; } .fakelisting3{ position: relative; width: 315px; height: 480px; float: left; text-align: center; margin-bottom: 25px; background:URL('layout/listings-top-right.png') top right no-repeat; z-index: 2; } */ .realEstateListing .lstngs-view-listing-btn, .adListing .lstngs-view-listing-btn{ width: 174px; padding-top: 7px; height: 29px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; color: #ffffff; background-color: #c21934; position: relative; z-index: 4; top: 433px; left: 14px; float: left; cursor: pointer; text-decoration: none; } .realEstateListing .lstngs-view-listing-btn a, .adListing .lstngs-view-listing-btn a{ color: #ffffff; text-decoration: none; } .realEstateListing .lstngs-view-listing-btn:hover{ background-color: #2d4587; } .adListing .lstngs-view-listing-btn:hover { background-color: #fff; color: #2d4587; } .realEstateListing a { text-decoration: none; } #innrpg-left a.large_banner_btn { text-decoration: none; } .dtl-address{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #000000; line-height: 22pt; font-weight: normal; padding: 0px; margin: 0px; } .dtl-price{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #c41d37; line-height: 22pt; font-weight: normal; padding: 0px; margin: 0px; margin-bottom: 17px; } .row1-left{ height: 29px; margin: 0px; border-bottom: 1px solid #ccd4ea; width: 110px; padding-left: 10px; } .row1-right{ height: 29px; margin: 0px; border-bottom: 1px solid #ccd4ea; width: 129px; border-left: 1px solid #ccd4ea; padding-left: 10px; } .row2-left{ height: 29px; margin: 0px; border-bottom: 1px solid #ccd4ea; width: 110px; padding-left: 10px; background-color: #6881c5; } .row2-right{ height: 29px; margin: 0px; border-bottom: 1px solid #ccd4ea; width: 129px; border-left: 1px solid #ccd4ea; padding-left: 10px; background-color: #6881c5; } .lstng-img{ width: 100%; height: auto; border: 0px; } .grg-wht-19{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; font-weight: normal; color: #ffffff; margin: 0px; padding: 0px; } .arl-wht-14{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #ffffff; margin: 0px; padding: 0px; } .send-to-friend-btn{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 180px; height: 24px; color: #ffffff; padding-left: 10px; padding-top: 4px; background-color: #696969; cursor: pointer; } .send-to-friend-btn:hover{ background-color: #2d4587; } /* listing top of image functional buttons */ .lstng-view-map{ float: left; border-bottom: 3px solid #dbdbdb; width: 116px; height: 37px; background:url(layout/view-map.gif) top left no-repeat; display: block; } .lstng-view-map:hover{ background-position: 0 -37px; /* cursor: pointer; */ } .lstng-view-map iframe{ position: relative; left: 9999px; } .lstng-view-map:hover .map-wrap{ visibility: visible; } .lstng-view-map:hover .map-wrap iframe{ position: relative; left: 0px; } .lstng-calculate-mortgage{ float: left; border-bottom: 3px solid #dbdbdb; width: 175px; height: 37px; background:url(layout/calculate-mortgage.gif) top left no-repeat; display: block; } .lstng-calculate-mortgage:hover{ background-position: 0 -37px; /* cursor: pointer; */ } .lstng-calculate-mortgage:hover .calc-wrap{ visibility: visible; } .lstng-send-to-friend{ float: left; width: 224px; height: 37px; border-bottom: 3px solid #dbdbdb; background:url(layout/send-to-friend.gif) top left no-repeat; display: block; position: relative; z-index: 1; overflow: visible; } .lstng-send-to-friend:hover{ background-position: 0 -37px; } .lstng-send-to-friend:hover .send-wrap{ visibility: visible; } .lstng-send-to-friend-input{ width:182px; height:23px; margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; color: #000b2b; font-size: 13px; padding-left: 9px; padding-top: 5px; background-color: #ffffff; border-left: 1px solid #00144a; border-bottom: 1px solid #00144a; border-top: 1px solid #929cb7; border-right: 1px solid #929cb7; } .lstng-send-to-friend-txtarea{ width: 396px; height:74px; margin: 0px; font-family: Arial, Helvetica, sans-serif; color: #000b2b; font-size: 13px; padding: 8px; background-color: #ffffff; border-left: 1px solid #00144a; border-bottom: 1px solid #00144a; border-top: 1px solid #929cb7; border-right: 1px solid #929cb7; } .lstng-send-to-friend-btn{ border: 0px; width: 193px; height: 36px; margin-top: 15px; float: right; background-color: #ffffff; font-family: Georgia, 'Times New Roman', Times, serif; border-left: 1px solid #00144a; border-bottom: 1px solid #00144a; border-top: 1px solid #929cb7; border-right: 1px solid #929cb7; font-size: 16px; color: #c21934; text-align: center; } .lstng-send-to-friend-btn:hover{ background-color: #c21934; color: #ffffff; cursor: pointer; } .rght-blue-signup-btn{ margin-top: 10px; border: 0px; width: 280px; height: 29px; padding-bottom: 4px; background-color: #2d4587; text-align: center; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; padding-top: 3px; cursor: pointer; } .rght-blue-signup-btn:hover{ margin-top: 10px; border: 0px; width: 280px; height: 29px; padding-bottom: 4px; background-color: #c21934; text-align: center; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; padding-top: 3px; cursor: pointer; } #innrpg-right-twit p{ font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; color: #505050; line-height: 18px; padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 28px; } #innrpg-right-twit a{ font-family: Georgia, 'Times New Roman', Times, serif; color: #505050; text-decoration: none; } #innrpg-right-twit a:hover{ text-decoration: underline; } #innrpg-right-alt a{ text-decoration: none; } .testimonials-header-1{ font-size: 18px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; color: #ffffff; } .testimonials-header-2{ font-size: 13px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; } .testimonials-hr{ width: 100%; height: 1px; border: 0px; border-top: 1px solid #c5c5c5; margin-bottom: 26px; } #innrpg-left ul{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #292929; line-height: 18px; margin: 0px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 15px; padding-right: 60px; padding-bottom: 0px; } #innrpg-left li{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #292929; line-height: 18px; padding-left: 10px; margin-left: 19px; margin-top: 0px; margin-bottom: 26px; background:url(layout/bullet.gif) no-repeat left 5px; list-style:none; } #innrpg-left ul .secondary{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #292929; line-height: 18px; margin: 0px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 10px; padding-right: 30px; padding-bottom: 0px; } #innrpg-left li .secondary{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #292929; line-height: 18px; padding-left: 10px; margin-left: 19px; margin-top: 0px; margin-bottom: 18px; background:url(layout/bullet.gif) no-repeat left 5px; list-style:none; } .send_to_friend{ width: 270px; padding: 15px; margin-top: 0px; padding-top: 0px; background-color: #e4ebfd; } .send_to_friend p{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #494949; } .send_to_friend_flat{ width: 550px; padding: 15px; margin-top: 0px; padding-top: 0px; height: 400px; } .send_to_friend_flat p{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #494949; } #innrpg-right-twit a { color: #840015; } .twitter-links a { font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;text-decoration:none; } .twitter-links a:hover { text-decoration: underline; }