* { margin:0px; } body { background-color:#f5f5f5; } div { font-family:arial; font-size:12px; font-weight:normal; color:#000328; } h2 { font-family:"trebuchet ms",arial,helvetica,sans-serif; font-size:14px; text-transform:uppercase; } h3 { font-family:"trebuchet ms",arial,helvetica,sans-serif; font-size:14px; color:#00306d; font-weight:bold; text-transform:uppercase; } h4 { font-family:arial; font-size:12px; font-weight:bold; } a { text-decoration:none; } ul { padding:0px; list-style:none; } input, select { font-family:arial; font-size:11px; color:#005191; font-weight:bold; border:1px solid #002957; text-align:left; } input.button { border:0px; background-color:transparent; font-family:arial; font-size:12px; color:#fff; font-weight:normal; cursor:pointer; } .clear { clear:both; } #pane { margin:0 auto; background:#f5f5f5 url('images/bgt.content.png') repeat-x; } #pane div.center { width:958px; margin-left:auto; margin-right:auto; } #pane #right { float:left; width:100%; overflow:hidden; border-left:1px solid #003e83; background-color:#fff; margin-left:-1px; border-right:1px solid #003e83; position:relative; } #pane div.right { float:left; width:240px; overflow:hidden; position:relative; left:240px; } #pane #left { float:left; width:100%; right:240px; position:relative; border-right:1px solid #003e83; } #pane div.left { float:left; width:718px; overflow:hidden; position:relative; left:240px; } #pane div.shadow { width:960px; margin-left:auto; margin-right:auto; height:12px; background:url('images/bg.shadow.jpg') no-repeat; clear:both; } /* ============================================= UserControl: Header.ascx Pane: Top */ #header { height:256px; background-color:#06114f; } #header div.content { margin:0 auto; width:1002px; height:100%; } #header div.logo { float:left; padding:46px 21px 26px 42px; } #header div.logo #FollowUs { position:absolute; top:10px; font-family:"trebuchet ms",arial,helvetica,sans-serif; font-size:11px; color:#efa000; } #header div.logo #FollowUs ul { float:right; width:180px; margin-left:75px; } #header div.logo #FollowUs ul li { float:left; margin:0px 5px 0px 5px; } #header div.logo #FollowUs ul li a { width:24px !important; height:24px !important; background:none !important; } #header div.logo a { width:270px; height:126px; display:block; background:url('images/logo.png') no-repeat; } #header div.banner { float:left; width:648px; height:200px; } #header div.banner .contentBanner { width:505px; height:200px;} #header #menu { width:960px; height:55px; margin-left:21px; background:url('images/bgl.menu.gif') no-repeat; } #header #menu div.options { float:left; margin-left:6px; width:854px; height:100%; background-color:#000429; } #header #menu div.language { float:left; width:100px; height:100%; background:url('images/bgr.menu.gif') no-repeat right top; } #header #menu div.flags { width:96px; height:100%; background:#000429 url('images/bg.flags.png') no-repeat center bottom; text-align:center; } #header #menu div.flags input { margin:5px; padding-top:22px; cursor:pointer; } #header #menu ul { padding:0px; list-style-type:none; } #header #menu li { float:left; display:inline; margin-left:20px; padding-top:8px; line-height:47px; } #header #menu a { font-family:"trebuchet ms",arial,helvetica,sans-serif; font-size:11px; color:#fff; background-color:transparent; text-transform:uppercase; text-decoration:none; } #header #menu a.active { color:#efa000; } /* ============================================= UserControl: Favorites.ascx Pane: Right */ .favorites { } .favorites div.content { width:100%; height:103px; padding-left:21px; color:#fff; border-top:1px solid #01021e; border-left:1px solid #003e83; background:url('images/bg.favorites.jpg') no-repeat; } .favorites h2 { padding:24px 0 0 0; color:#fff; font-size:18px; letter-spacing:-1px; font-weight:bolder; } .favorites a { color:#fff; text-decoration:underline; } /* ============================================= UserControl: WantToSell.ascx Pane: Right */ #wanttosell { } #wanttosell div.content { width:100%; height:113px; padding-left:21px; color:#005191; border-left:1px solid #003e83; background:url('images/bg.wanttosell.jpg') no-repeat; } #wanttosell h2 { padding:37px 0 0 0; color:#005191; font-size:18px; letter-spacing:-1px; font-weight:bolder; } #wanttosell a { text-transform:uppercase; padding-left:31px; color:#00508f; } /* ============================================= UserControl: OnlineSupport.ascx Pane: Right */ #online { } #online div.content { width:100%; height:174px; padding-left:14px; color:#005191; border-left:1px solid #003e83; background:url('images/bg.support.jpg') no-repeat; } #online h2 { padding:15px 0 41px 4px; font-size:17px; color:#002c65; font-weight:normal; } #online a { line-height:27px; color:#fff; padding-left:5px; font-size:11px; font-weight:bold; text-transform:uppercase; cursor:pointer; } #online p.chat { width:118px; height:27px; background:url('images/btn.chat.png') no-repeat; } #online p.call { margin-top:4px; width:117px; height:27px; background:url('images/btn.call.png') no-repeat; } /* ============================================= UserControl: Products.ascx Pane: Content */ #products { } #products div.content { float:left; width:222px; height:416px; background-color:#003978; border-bottom:4px solid #013571; } #products div.container { border-bottom:1px solid #003e83; border-right:1px solid #003e83; } #products h2 { padding-left:14px; color:#fff; background-color:#000228; line-height:41px; } #products h4 { text-transform:uppercase; } #products li { width:221px; height:93px; padding-left:15px; line-height:93px; } #products li a { color:#ed9b00; text-decoration:none; } #products li.lowcost { background:url('images/lnk.lowcost.jpg') no-repeat; } #products li.prime { background:url('images/lnk.prime.jpg') no-repeat; } #products li.houses { background:url('images/lnk.houses.jpg') no-repeat; } #products li.business { background:url('images/lnk.business.jpg') no-repeat; height:95px; } /* ============================================= UserControl: ReilarCard.ascx Pane: Content */ #card { } #card div.content { float:left; width:199px; height:281px; color:#005191; background-color:#fff; padding:17px 11px 0 11px; border-right:1px solid #003e83; } #card div.content div { } #card img { padding-bottom:10px; } #card span.more a { color:#eea11f; } /* ============================================= UserControl: Footer.ascx Pane: Bottom */ #footer { height:336px; background:#161620 url('images/bgt.footer.jpg') repeat-x; } #footer div.content { margin:0 auto; width:958px; } #footer div.menu { height:178px; padding-top:64px; text-align:left; } #footer a { font-family:arial; font-size:10px; color:#a46500; text-transform:uppercase; text-decoration:none; } #footer ul { padding:0px; list-style-type:none; } #footer li { float:left; display:inline; margin-right:17px; } #footer ul.submenu { margin-top:6px; } #footer ul.submenu li { float:none; display:block; } #footer ul.submenu li a { color:#fff; background-color:transparent; font-size:9px; line-height:18px; } #footer div.license a { margin-right:9px; } #footer div.copyright { float:left; width:50%; font-size:12px; color:#fff; background-color:transparent; text-align:left; } #footer div.copyright a { font-size:8px;} #footer div.developed { float:left; background-color:transparent; width:50%; font-size:12px; color:#fff; text-align:right; } #footer div.shadow { margin-top:31px; height:63px; background:url('images/bgb.footer.jpg') repeat-x; } /* Developments Gallery HomePage */ #developments { } #developments div.gallery { } #developments div.gallery div.content { float:left; width:496px; height:416px;background:url('images/bgb.gallery.png') repeat-x left bottom; border-bottom:4px solid #013571; } #developments div.gallery h2 { padding-left:14px; color:#fff; background:#003c7b url('images/bgt.gallery.png') repeat-y; line-height:41px; } #developments div.gallery .photo { padding:6px 0 0 6px; } #developments div.gallery .nav { margin:-50px 0 0 6px; width:484px; height:50px; background-color:#000; position:absolute; } #developments div.gallery .prev, #developments div.gallery .next { float:left; padding:9px 0 0 7px; cursor:pointer; } #developments div.gallery .info { float:left; margin:0px; padding:9px 0 0 0px; background-color:transparent; text-indent:33px; width:393px; color:#fff; text-transform:uppercase; } #developments div.gallery .info a { padding-left:5px; color:#ed9b00; } /* Newsletter Homepage */ #newsletter { } #newsletter div.content { float:left; width:183px; height:287px; color:#00306d; background-color:#fff; padding:11px 19px 0 35px; border-right:1px solid #003e83; } #newsletter h3 { padding-bottom:22px; } #newsletter .form { padding-top:22px; } #newsletter .form p { height:34px; } #newsletter .form input.textbox { width:132px; margin-right:2px;margin-bottom:10px; } #newsletter .form .button { vertical-align:bottom; } .newsletter input { margin-bottom:10px !important; } /* News Homepage */ #news { } #news div.content { float:left; width:204px; height:287px; padding:11px 25px 0 29px; background-color:#FFF; } #news h3 { padding-bottom:22px; } #news div.datalist .item { border-bottom:1px dotted #06306a; padding-bottom:13px; margin-bottom:13px; } #news div.datalist a { color:#00306d; } #news div.datalist p.date { color:#ed9b00; font-size:10px; text-transform:uppercase; } /* Quick Search */ .search div.quick { } .search div.quick div.container { width:100%; background:#eea000 url('images/bgt.quicksearch.jpg') repeat-x; border-left:1px solid #003e83; } .search div.quick h2 { padding:14px 0 3px 29px; color:#fff; background-color:transparent; line-height:normal; } .search div.quick a { color:#000435; text-decoration:underline; } .search div.quick div.form { padding:24px 0 0 13px; } .search div.quick div.form p { min-height:28px; } .search div.quick div.form label { float:left; width:78px; display:block; color:#fff; line-height:21px; } .search div.quick div.form select.dropdownlist { float:left; margin:0px; width:131px; height:21px; } .search div.quick div.form .range { color:#fff; text-align:right; padding-right:17px; font-weight:bold; min-height:15px; } .search div.quick div.form .slider { padding-top:3px; } .search div.quick div.form input.textbox { width:127px; } .search div.quick div.form .submit { padding:16px 0 25px 0; } .search div.quick div.form .submit input { width:113px; height:27px; color:#000435; background:url('images/btn.quicksearch.jpg') no-repeat; } .search div.quick div.form p.SSearchMandatory label { width:100% !important; color:#002957; } /* Properties Coverflow Homepage */ #properties { overflow:hidden; } #properties div.coverflow { background:url("images/bg.coverflow.back.png") repeat-x scroll 0 0 transparent; } #properties div.content { height:228px !important;padding-left:35px; padding-top:35px; height:220px; background:url('images/bg.coverflow.png') repeat-y top right; border-bottom:1px solid #003e83; } .generalContainer h1 { background-color:#000429; color:#FFFFFF; font-family:"trebuchet ms",arial,helvetica,sans-serif; font-size:14px; height:36px; line-height:36px; padding-left:21px; text-transform:uppercase; } .generalContainer p.resume { background:url("images/bgr.container.jpg") repeat-y scroll right top #F5CB00; color:#000328; font-weight:bold; padding:14px 31px 11px 18px; } /*Building Slider*/ .iwkBuildingSlider {padding:5px;} .iwkBuildingSlider .hidden { display: none; } .iwkBuildingSlider #prevNext { bottom:22px; position:relative; } .iwkBuildingSlider #prevNext img { position: relative; z-index: 2; cursor: pointer; width:35px; height:32px; } .iwkBuildingSlider .jFlowPrev{ background:url(images/btn.prev.png) no-repeat; left:10px; top:-19px; position:absolute; width:35px; height:32px; text-indent:-9999px; } .iwkBuildingSlider .jFlowNext{ background:url(images/btn.next.png) no-repeat; right:10px; top:-19px; position:absolute; width:35px; height:32px; text-indent:-9999px; } .iwkBuildingSlider .tooltip { background:none repeat scroll 0 0 black; bottom:0; color:#FFF; font-size:14px; height:50px; line-height:25px; margin:0; opacity:0.7; text-align:center; position:absolute; } .iwkBuildingSlider .tooltip a{ color:#FFF; } .iwkBuildingSlider .jFlowSlideContainer > div {text-align:center;} .iwkPropertyCoverflow .roundabout-holder { margin-top:65px; margin-left:45px !important; width:550px; } .iwkPropertyCoverflow .propertyInfo { font-size:11px; font-weight:bold; font-family:Verdana; color:#242424 !important; width:300px !important; z-index:200; display:inline; } .iwkPropertyCoverflow .coverflowHeader { width:176px; height:26px; background:transparent url(images/coverflow_header.png) no-repeat; position:absolute; top:0; left:0; } .iwkPropertyCoverflow .coverflowHeader h1 { color:#2f204e; text-transform:uppercase ; font-weight:bold; text-align :center; padding-top:5px; padding-right:12px; } .iwkSimpleSearch { padding-bottom:24px; } /* ============================================= UserControl: BrowserCompatibility.ascx */ .overlayScreen { position:absolute; top:0; left:0; width:100%; z-index:100; background:url(images/overlay.png); display:none; } #overlayBrowserCompatibility .title { color:#00306D; font-size:16px; font-weight:bold; line-height:18px; margin-top:12px } #overlayBrowserCompatibility .subTitle { color:#000000; font-size:12px; font-weight:normal; line-height:15px; } #overlayBrowserCompatibility .subTitle a { color:#00306D; } #overlayBrowserCompatibility .subTitle a:hover { color:#00306D; } #overlayBrowserCompatibility .feedback { width:570px; height:175px; margin-top:-110px; margin-left:-300px; padding:20px; position:absolute; top:50%; left:50%; z-index:200; background:url(images/favoriteFeedback.png) no-repeat right 0; } #overlayBrowserCompatibility .message { text-align:center; } #overlayBrowserCompatibility .message .icon { background:url(images/icon_warning.png) no-repeat 0 top; width:47px; height:43px; margin:0 auto; } #overlayBrowserCompatibility .browsers{ background-color:#CCCCCC; border-bottom:1px solid; border-top:1px solid; height:19px; margin:2px auto 0; padding:5px; width:450px; } #overlayBrowserCompatibility .supportedBrowsers{ margin-top:15px;} #overlayBrowserCompatibility .supportedBrowsers span {color:#00306D} #overlayBrowserCompatibility .browsers .icons{ color:#7C7C7C; display:block; float:left; line-height:20px; margin:0 8px; padding-left:24px; } #overlayBrowserCompatibility .browsers .ie{background:url(images/browser_ie.png) no-repeat 0 top;} #overlayBrowserCompatibility .browsers .ff{background:url(images/browser_firefox.png) no-repeat 0 top;} #overlayBrowserCompatibility .browsers .chr{background:url(images/browser_chrome.png) no-repeat 0 top;} #overlayBrowserCompatibility .browsers .sf{background:url(images/browser_safari.png) no-repeat 0 top;} #overlayBrowserCompatibility .cyStyle {text-align:center !important;} #overlayBrowserCompatibility .cyStyle a.btn { display:inline-block; margin:0 auto; text-align:center !important; cursor:pointer} #overlayBrowserCompatibility #Proceed { font-size:11px; font-weight:bold; color:#00306D !important; margin:10px 0px 10px 0px; text-transform:uppercase; cursor:pointer; } /* ============================================= UserControl: social_sharing.ascx */ .iwkPropertyDetail #pnlSocialSharing { position: absolute; top:-35px; left:20px; } .socialSharing div { float:left; margin:0px 5px;} .socialSharing #dFacebookLike { width:62px;} .socialSharing .facebookStyle{ -moz-border-radius: 3px 3px 3px 3px; border: 1px solid; display: block; float: left; padding: 4px 5px; background-color: #ECEEF5; border-color: #CAD4E7; padding: 2px 4px; } .socialSharing #dFacebookShare a{ display:inline-block; background: url("images/socialIcons.png") no-repeat scroll left -47px transparent; color: #3B5998 !important; display: block; padding-left: 17px; white-space: nowrap; line-height: 14px; cursor: pointer; text-decoration: none; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; text-transform:capitalize; } .socialSharing .twitter{ display:inline-block; background: url("images/socialIcons.png") no-repeat scroll left -130px transparent; color: #3B5998 !important; display: block; padding-left: 17px; white-space: nowrap; line-height: 14px; cursor: pointer; text-decoration: none; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; text-transform:capitalize; }