body { margin:10px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:999px; } .xPageWrapper { float:left; width:999px; } img { border:none; } a { text-decoration:none; } h1, h2, h3 { padding:0px; margin:0px; } body { background-color:#545454; color:#333333; } .xPageWrapper { background-color:#FFFFFF; } a { color:#006300; } a:hover { color:#04044a; } /* Header */ .headerWrapper { float:left; width:999px; } .headerTop { float:left; width:999px; height:59px; } a.headerLogo { float:left; width:266px; } a.headerDetails { float:right; width:200px; text-align:right; font-weight:bold; padding:5px; text-decoration:none; } a.headerDetails:hover { text-decoration:none; } .headerBase { float:left; width:999px; } .headerLogoTag { float:left; width:266px; height:29px; margin-right:2px; } .headerNav { float:left; height:29px; width:731px; } .headerNav ul { list-style:none; margin:0px; padding:0px; } .headerNav ul li { float:left; } .headerNav ul li a { text-align:center; display:block; text-decoration:none; overflow:hidden; } a.nav { width:auto; padding:5px 10px; margin:4px 2px 0px 2px; } .headerLogoTag { background-image:url(../images/header/headerNavBG.png); background-repeat:repeat-x; } .headerNav { background-image:url(../images/header/headerNavBG.png); background-repeat:repeat-x; } a.nav { color:#FFFFFF; } a.nav:hover { color:#006300; background-color:#FFFFFF; } a.nav.selected { color:#006300; background-color:#FFFFFF; } /* Footer */ .footerWrapper { float:left; width:999px; height:68px; } .footerNav { float:left; width:600px; padding:10px; } .footerNav a:hover { color:#FFFFFF; text-decoration:underline !important; } .PPLogo { float:right; width:203px; padding:10px;} .footerWrapper { background-image:url(../images/footer/footerBG.png); background-repeat:repeat-x; } .footerNav { color:#FFFFFF; } .footerNav a { color:#FFFFFF; } .footerNav a:hover { color:#FFFFFF; } /* HomePage */ .pageWrapper { float:left; width:999px; } .pageWrapper .homeLeft { float:left; width:266px; } .pageWrapper .homeLeft .propertySearch { float:left; width:224px; height:246px; padding:10px 10px 10px 30px; } .pageWrapper .homeLeft a.textAlerts { float:left; width:242px; height:116px; margin:5px 0px 5px 2px; padding:10px; } .pageWrapper .homeLeft a.textAlerts .textButton { float:left; height:36px; width:119px;} .pageWrapper .homeLeft .FTBuyers { float:left; width:262px; margin:5px 0px 5px 2px; } .pageWrapper .homeLeft .FTBuyers { border:1px solid #CCCCCC; } .pageWrapper .homeLeft .FTBuyers .FTB_header { background-image:url(../images/header/headerNavBG.png); background-repeat:repeat-x; color:#FFFFFF; } .pageWrapper .homeLeft .FTBuyers .FTB_Text a { color:#CC0000; } .pageWrapper .homeLeft .FTBuyers .FTB_Text a:hover { color:#006300; } .pageWrapper .homeLeft .FTBuyers .FTB_header { float:left; display:block; width:262px; padding:7px 0px; font-weight:bold; text-align:center; } .pageWrapper .homeLeft .FTBuyers .FTB_Text { float:left; display:block; width:256px; padding:3px; float:left; text-align:center; } .pageWrapper .homeLeft .FTBuyers .FTB_Text a { font-weight:strong; } .pageWrapper .homeLeft .FTBuyers .FTB_Text strong { font-weight:bold; font-size:1.3em; } .pageWrapper .homeLeft .FTBuyers .FTB_subscribe { float:left; display:block; width:256px; padding:3px; float:left; } .pageWrapper .homeLeft .FTBuyers .FTB_subscribe .FTBinput { width:100px; } .pageWrapper .homeLeft .recentlyAdded { float:left; width:252px; margin:0px 0px 0px 2px; padding:5px; } .pageWrapper .homeRight { float:right; width:720px; padding:5px; } .pageWrapper .homeFlash { float:left; height:255px; width:340px; } .pageWrapper .homeText { float:left; width:370px; margin:0px 0px 0px 5px; } .pageWrapper .homeWelcome { float:left; width:358px; padding:2px 5px; text-align:justify; } .pageWrapper a.homeMortgages { float:left; width:178px; height:103px; margin:5px 10px 0px 0px; text-align:center; } .pageWrapper a.homeServices { float:left; width:178px; height:103px; margin:5px 0px 0px 0px; text-align:center; } .pageWrapper .homeBoxTitle { float:left; display:block; width:178px; padding:7px 0px; font-weight:bold; text-align:center; } .pageWrapper a.homeMortgages p, .pageWrapper a.homeServices p { padding:0px 5px; float:left; } .pageWrapper .homeDevs { float:left; width:720px; } .pageWrapper .homeDevs h3.title { margin:7px 0px 10px 0px; } .pageWrapper .devImg { float:left; width:690px; padding:12px; } .pageWrapper .devImg a.dev01 { float:left; height:96px; width:691px; } .pageWrapper .devImg a.dev02 { float:left; margin:21px 0px 21px 0px; height:143px; width:693px; } .pageWrapper .devImg a.dev03 { float:left; margin:0px 32px 0px 0px; width:332px; height:122px; } .pageWrapper .devImg .dev04 { float:left; width:322px; height:123px; } .pageWrapper .devImg .dev04 a.inner { float:left; width:150px; margin:3px 3px 0px 5px; } .pageWrapper .homeLeft .propertySearch { border:1px solid #006300; background-image:url(../images/searchForm/searchBG.png); background-repeat:repeat-x; } .pageWrapper .homeLeft .propertySearch h3.title { color:#FFFFFF; } .pageWrapper .homeLeft a.textAlerts { border:1px solid #CCCCCC; } .pageWrapper .homeLeft a.textAlerts:hover { border:1px solid #006300; } .pageWrapper .homeLeft a.textAlerts .textButton { background-image:url(../images/main/signUpButt.png); background-repeat:no-repeat; } .pageWrapper .homeLeft a.textAlerts:hover .textButton { background-image:url(../images/main/signUpButt_hover.png); background-repeat:no-repeat; } .pageWrapper .homeLeft .recentlyAdded { border:1px solid #CCCCCC; } .pageWrapper .homeRight {} .pageWrapper .homeFlash { border:1px solid #CCCCCC; } .pageWrapper .homeText {} .pageWrapper .homeWelcome, .pageWrapper a.homeMortgages, .pageWrapper a.homeServices { border:1px solid #CCCCCC; color:#333333; background-image:url(../images/main/boxBG.png); background-position:bottom left; background-repeat:no-repeat; } .pageWrapper a.homeMortgages:hover, .pageWrapper a.homeServices:hover { border:1px solid #006300; color:#006300; } .pageWrapper .homeBoxTitle { background-image:url(../images/header/headerNavBG.png); background-repeat:repeat-x; color:#FFFFFF; } .pageWrapper .homeDevs {} .pageWrapper .homeDevs h3.title { color:#006300; } .pageWrapper .devImg { background-color:#CCCCCC; } .pageWrapper .devImg a.dev01 { background-image:url(../images/devs/01.png); background-repeat:no-repeat; border:1px solid #FFFFFF; } .pageWrapper .devImg a.dev02 { background-image:url(../images/devs/02.png); background-repeat:no-repeat; border:1px solid #FFFFFF; } .pageWrapper .devImg a.dev03 { border:1px solid #FFFFFF; } .pageWrapper .devImg .dev04 { border:1px solid #FFFFFF; background-color:#FFFFFF; } .pageWrapper .devImg .dev04 a.inner { border:1px solid #FFFFFF; } .pageWrapper .devImg a.dev01:hover, .pageWrapper .devImg a.dev02:hover, .pageWrapper .devImg a.dev03:hover, .pageWrapper .devImg .dev04 a.inner:hover { border:1px solid #006300; } /* Recently Added */ .recentlyAdded a { display:block; width:192px; width:250px; height:80px; margin-bottom:8px; text-decoration: none; padding-top:5px; cursor:pointer; } .recentlyAdded a .image { display:block; float:left; width:80px; height:66px; text-align:center; padding:3px; } .recentlyAdded a .image .status { text-transform:uppercase; display:block; margin-left:auto; margin-right:auto; font-size:9px; font-weight:bold; } .recentlyAdded a .image img { border: none; } .recentlyAdded a .details { display:block; float: left; width: 128px; height: 66px; } .recentlyAdded a .details .address { display:block; font-size:12px; font-weight:bold; width:128px; height:14px; overflow:hidden; } .recentlyAdded a .details .town { display:block; width:128px; height:14px; overflow:hidden; font-size:11px; } .recentlyAdded a .details .priceInfo { display:block; width:128px; height:14px; overflow:hidden; font-size:11px; } .recentlyAdded a .details .priceInfo .price { color:#201e67; font-weight:bold; font-size:12px; } .recentlyAdded a { color:#090909; border:1px solid #CCCCCC; } .recentlyAdded a:hover { color:#006300 !important; border:1px solid #006300; background-color:#DDDDDD; } .recentlyAdded a .image .status { background-color:#006300; color:#FFFFFF; } .recentlyAdded a .details { color:#090909; } .recentlyAdded a .details .priceInfo .price { color:#006300; } /* Search Form */ .xVS_searchForm {} .xVS_searchForm .xVS_textbox { padding:10px 0 5px; } .xVS_searchForm .xVS_textbox label { display:none !important; } .xVS_searchForm .xVS_textbox .textbox { width:180px; } .xVS_selectWrapper { padding:3px 0px !important; } .propertySearch .xVS_searchForm .xVS_searchType { display:none; } .xVS_searchForm .xVS_submit button { height:38px; width:78px; } .xVS_searchForm .xVS_submit button .searchButtLabel { display:none; } .xVS_more button { background-color:#FFFFFF; color:#006300; border:1px solid #FFFFFF; } .xVS_more button:hover { background-color:#006300; color:#FFFFFF; border:1px solid #FFFFFF; } .xVS_more em { display:none; } .propertySearch.searchPage .xVS_searchForm .xVS_searchType { display:none !important; } .xVS_submit { padding-top:5px !important; } .xVS_more { clear:both; float:left; margin:10px 0 0; text-align:center; text-decoration:none; width:230px; } .xVS_searchForm { color:#FFFFFF; } .xVS_searchForm label { color:#FFFFFF; } .xVS_searchForm .xVS_submit button { background-color:transparent; border:none; background-image:url(../images/searchForm/searchButt.png); background-repeat:no-repeat; } .xVS_searchForm .xVS_submit button:hover { background-color:transparent; border:none; background-image:url(../images/searchForm/searchButt_hover.png); background-repeat:no-repeat; } .xADV_popup { color:#333333; } .xAdv_set .xAdv_option label { color:#333333; } /* Search Page */ .tFW_propertyList .property { height:auto; float:left; width:700px; } .tFW_propertyList .navigation span { display:none !important; } .xPL_footer.footer { margin-top:10px; } .tFW_propertyList .property p { height:85px; padding:0px 10px; } .tFW_propertyList .navigation a { background-image:none !important; background-color:#006401; color:#FFFFFF; } .tFW_propertyList .navigation a:hover { background-image:none !important; background-color:#000047; color:#FFFFFF; } .tFW_propertyList .property a.title { background-color:#006401; } .tFW_propertyList .property a.title .priceInfo { color:#FFFFFF; } .xPL_propertyHover { background-color:#EEEEEE; } /* Property Page */ .xPP_propertyPal { width:auto !important; } .xPP_propertyPal .xPP_back { background-color:#006300; color:#FFFFFF; } .xPP_propertyPal .xPP_back:hover { background-color:#04044a; color:#FFFFFF; } .xPP_links { margin:0 !important; } .xPP_links a { float:left; display:block; width:243px; padding:10px; margin:5px 0px 0px 2px; font-weight:bold; } .xPP_simiarGrid, .xPP_simiarGrid a { font-size:0.9em !important; } .xPP_description, .xPP_info { font-size:12px !important; } .xPP_links a { background-color:#006300; color:#FFFFFF; } .xPP_links a:hover { background-color:#000047; color:#FFFFFF; } .xPP_simiarGrid { clear:both; } .xPP_simiarGrid h3 { color:#333333 !important; font-size:1.5em; } .xPP_simiarGrid a .xPP_image img { margin-top:5px !important; } .xPP_simiarGrid a { float:left; text-decoration:none; padding:5px 10px; margin:10px 0px !important; background-color:#EFEFEF; } .xPP_simiarGrid a .xPP_details { text-align:center !important; width:190px !important; } .xPP_simiarGrid a .xPP_details .xPP_address { text-align:center !important; width:190px !important; } .xPP_simiarGrid a .xPP_details .xPP_town { text-align:center !important; width:190px !important; } .xPP_simiarGrid a .xPP_details .xPP_priceInfo { text-align:center !important; width:190px !important; } .xPP_simiarGrid a .xPP_details .xPP_priceInfo .xPP_offers { text-align:center !important; width:190px !important; } .xPP_simiarGrid a .xPP_details .xPP_priceInfo .xPP_price { text-align:center !important; width:190px !important; } .xPP_simiarGrid a .xPP_image .xPP_status { float:left; width:190px; background-color:#006300; text-align:center; color:#FFFFFF; } .xPP_simiarGrid a .xPP_image .xPP_status a { color:#FFFFFF; } .xPP_simiarGrid a .xPP_image .xPP_status a:hover{ color:#000000; } /* Development List */ .developmentPage .leftCol { float:left; width:224px; margin:5px 6px 0px 5px; } .xDP_waterfall .xDP_description { padding:10px; } .developmentPage .rightCol { float:left; width:720px; margin:5px 0px; padding:10px; } .xDL_largeImg .xDL_property { width:720px; } .xDL_largeImg .xDL_details { width:380px; } .xDL_largeImg .xDL_brief { padding:5px 80px 5px 5px; background-image:none !important; } .xDL_largeImg .xDL_brief span { background-color:#04044a !important; } .xDL_largeImg .xDL_more { float:right; font-size:12pt; font-weight:bold; margin-right:20px; margin-top:5px; } .developmentPage .leftCol { background-color:#FFFFFF; } .xDP_waterfall .xDP_description { background-color:#F5F5F5; } .developmentPage .rightCol { background-color:#FFFFFF; } .xDL_largeImg .xDL_brief span { background-color:#006300; color:#FFFFFF; } .xDL_largeImg .xDL_styles { background-color:#006300; } .xDL_largeImg .xDL_priceInfo { background-color:#006300; } .xDL_developmentHover { background-color:#DDDDDD; } /* Development Page */ .xGlobal_newhomes .xPP_twoColumnsVtwo .xPP_leftCol .xPP_box.xPP_infoBox .xPP_info .xPP_lbl { width:70px !important; } .xGlobal_newhomes .xPP_twoColumnsVtwo .xPP_leftCol .xPP_box.xPP_infoBox .xPP_info .xPP_val { width:220px !important; } .xDP_widePhotos .xDP_links { margin:5px 0px; } .xDP_widePhotos .xDP_links a { padding:5px; margin:0px 10px 5px 10px; background-color:#006300; color:#FFFFFF; } .xDP_widePhotos .xDP_links a:hover { padding:5px; margin:0px 10px 5px 10px; background-color:#04044a; color:#FFFFFF; } .xDL_largeImg .xDL_navigation span { display:none !important; } .xDL_largeImg .xDL_navigation a { background-color:#006300; color:#FFFFFF; } .xDL_largeImg .xDL_navigation a:hover { background-color:04044A; color:#FFFFFF; } /* Static Page */ .staticPage { float:left; padding:10px; width:979px; } .staticPage .mortgageSection { float:left; margin:10px; width:220px; text-align:justify; } .staticPage .mortgageSection h3.title { text-align:left; height:40px; } .FTB_LeftDiv { float:left; width:640px; padding:5px; margin-right:10px; min-height:450px; } .FTB_RightDiv { float:left; width:300px; padding:5px; min-height:450px; } .FTB_button { cursor:pointer; } .FTB_LeftDiv, .FTB_RightDiv { border:1px solid #CCCCCC; } .FTB_button { background-color:#006300; color:#FFFFFF; border:1px solid #04044A; } .FTB_button:hover { background-color:#04044A; color:#FFFFFF; border:1px solid #006300; } /* Contact Page */ .contactPage { float:left; width:979px; padding:10px; } .contactPage .form { float:left; width:500px; margin:0px 0px 0px 90px; } /* Media Player */ .xMediaPlayer .mediaWrapper, .xMediaPlayer .pane .tabNav .active { background-color:#006300 !important; } .xMediaPlayer .mediaWrapper .photos .photoWrapper #nextLink, .xMediaPlayer .mediaWrapper .photos .photoWrapper #prevLink { background-color:#006300 !important; } .xMediaPlayer .mediaWrapper .xMapMessage { background-color:#006300; color:#FFFFFF; } .xMediaPlayer .mediaWrapper .xMapMessage strong { color:#FFF; } .xMediaPlayer .mediaWrapper .media.photos .leftCol .advert { background-image:url(../images/lightboxadvert.png); background-repeat:no-repeat; background-position:50%; }