/* Project: Make It Makati Company: Primesoft Philippines Inc. Author: Maku Diaz Email: mark_diaz@live.com Date: May 8, 2012 */ .fader{width:100%; height:300%; position:absolute; background:#ffffff; z-index:999;} /* code for the careers part in home */ .homepage .career_header {height:26px; border-left:12px solid #8ac73c; background:url(../Content/images/dotted.png); margin:0 0 11px 0; background-color: none; color: #606060; font-family: "Dosis",sans-serif; font-size: 20px; text-transform: uppercase; padding: 8px 25px 5px 8px; } /*** code for the parking and walking map ***/ .zone-right-container .widget-parking-widget{ margin-top: 10px;} .zone-right-container .widget-parking-widget .ayala-center-parking { background:url(../Content/images/parking_bg.jpg) no-repeat; width: 328px; height: 160px; border-top: 3px solid #ed207b; border-bottom: 2px solid #ed207b} .zone-right-container .widget-parking-widget .ayala-center-parking li { float: left; width: 134px; padding: 15px; height: 112px; text-align: center; color: #444444} .zone-right-container .widget-parking-widget .ayala-center-parking li h1 { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 900; padding-bottom: 10px} .zone-right-container .widget-parking-widget .ayala-center-parking li .parkTitle { font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 600; border-top: 1px dotted #9c6100; padding: 10px 0} .zone-right-container .widget-parking-widget .ayala-center-parking li .available { font-size: 14px; } .zone-right-container .widget-parking-widget > header { height:37px; border-left:12px solid #ed207b; background:url(../Content/images/dotted.png); margin:0 0 11px 0; position: relative} .widget-parking-widget .parking { position: absolute; right: 0; top: 12px; width: 110px; color: #ed207b} .widget-parking-widget .parking_arrow { background:url(../Content/images/parking_arrow.png) no-repeat; width: 8px; height: 10px; display: inline-block; right: -5px; top: 1px; position: relative; } .zone-right-container .widget-html-widget > p { overflow: hidden; } /* For mobile */ .custom #top, .custom #breadcrumbs, .custom #bannerContainer, .custom #breadcrumbs2, .custom #center, .custom #bottom{display:none;} /*Orchard Admin Manipulations*/ .manage-actions{position:absolute; left:-30px; top:-30px;} .none{display:none} .clear{clear:both;} .metadata{display:none} .widget-control{position:relative;} .manage-actions a{width:65px; height:50px; display:block; font-size:0px !important; background:url(../Content/images/edit-ku.png) no-repeat; z-index:999999;} /*HTML*/ body{min-width:1024px; font-weight:400;} #top{width:100%; background:#313131;} #topInner{width:1005px; height:135px; margin:auto; position:relative;} #logo{/*width:155px; height:95px;*/ padding:20px 0 0 0;} #socialSearch{height:46px; position:absolute; right:0; top:10px;} #social{height:33px; padding:8px 19px 5px 19px; border-left:1px dotted #535353; border-right:1px dotted #535353; float:right;} #social p{margin:12px 5px 0 0; float:left;} #social p a{margin:-12px 0 0 3px; position:relative;} .zone-social p a span{display:none; position:relative; width:35px; height:35px; background:url(../Content/images/socialMedia.png);} .twitter, .facebook, .youtube, .gplus, .rss, .linkedin, .myspace{width:35px; height:35px; float:left; margin-left:5px; background:url(../Content/images/socialMedia.png);} .facebook{background-position: 0px 0} .facebook span{background-position: 0px 35px !important} .gplus{background-position: -35px 0} .gplus span{background-position: -35px 35px !important} .twitter{background-position: -70px 0} .twitter span{background-position: -70px 35px !important} .youtube{background-position: -105px 0} .youtube span{background-position: -105px 35px !important} .myspace{background-position: -140px 0} .myspace span{background-position: -140px 35px !important} .rss{background-position: -175px 0} .rss span{background-position: -175px 35px !important} .linkedin{background-position: -210px 0} .linkedin span{background-position: -210px 35px !important} #search{height:33px; padding:8px 19px 5px 19px; border-right:1px dotted #535353; float:right;} .search-form input{width:191px; height:29px; padding:0 5px 0 10px; border:1px solid #3e3e3e; border-right:1 px solid #4a4a4a; color:#aaaaaa;} .search-form button{width:40px; height:31px; background-color:#4a4a4a; border:none; cursor:pointer; margin-left:-3px !important; background:url(../Content/images/search.jpg)} #topInner #menu{width:840px; height:34px; position:absolute; right:0; top:75px; border-bottom:1px dotted #4f4f4f; border-top:1px dotted #4f4f4f; padding:2px 0 3px 0;} #topInner .menu-main{} #topInner .menu-main > li{float:left;} #topInner .menu-main > li > a {display:block; padding:10px 14px; background:#404040; margin-right:3px;} .makati-central-business-district #topInner .menu-main > li > a {padding:10px 12px;} #topInner .menu-main > li a{display:none;} /*#topInner .menu-main > li > a:hover{background:#920048; color:#ffffff;}*/ #topInner .menu-main > li > ul{display:none;} .zone-navigation .selected a{background:#e40070 !important; color:#ffffff !important;} #nodes{height:52px; border-top:7px solid #636363; border-bottom:1px solid #636363; background:#e4e4e4;} #nodes h1{display:none;} #nodesInner{width:1005px; height:52px; margin:auto; position:relative;} #nodesInner .menu-main > p{border-left:1px dotted #636363; position:absolute; height:40px; top:6px; right:2px; z-index:1;} #nodesInner .menu-main > li{float:left; height:60px;} #nodesInner .menu-main > li p{border-left:1px dotted #a2a2a2; position:absolute; height:40px; top:6px; z-index:1;} /*#nodesInner .menu-main > li > a{display:none;}*/ #nodesInner .menu-main > li > a{display:block; padding:13px 0 14px 14px; width:153px; height:25px; text-transform:uppercase; position:relative; top:-7px; z-index:1; color:#636363; border-top:7px solid #636363; border-bottom:1px solid #636363;} #nodesInner .menu-main > li > a:hover{color:#ffffff;} #nodesInner .menu-main > li > ul{display:none;} /*Nodes Border Top*/ .mcbd{border-top:7px solid #47abc3 !important; border-bottom:1px solid #47abc3} .atg{border-top:7px solid #8ac73c !important; border-bottom:1px solid #8ac73c} .ac{border-top:7px solid #ed207b !important; border-bottom:1px solid #ed207b} .ms{border-top:7px solid #fcb040 !important; border-bottom:1px solid #fcb040} .me{border-top:7px solid #fcea32 !important; border-bottom:1px solid #fcea32} .sa{border-top:7px solid #18aee0 !important; border-bottom:1px solid #18aee0} #fade{width:100%; height:1px; background:#eeeeee; border-top:1px solid #daddd5; border-bottom:1px solid #f8f7f7;} #breadcrumbs, #breadcrumbs2{width:1005px; margin:auto;} .zone-breadcrumbs{margin-top:0;} .breadcrumbs-breadcrumbs-widget{float:right; padding-right:10px} .breadcrumbs-breadcrumbs-widget span a{font-family: 'Open Sans', sans-serif; font-size:11px; font-weight:400; color:#818181; } .breadcrumb a span{margin:-2px 6px; position:relative;} .breadcrumbs span.last a span{display:none;} .makati-central-business-district #breadcrumbs , .ayala-triangle-gardens #breadcrumbs, .ayala-center #breadcrumbs, .makati-north #breadcrumbs, .mckinley-exchange #breadcrumbs, .circuit-makati #breadcrumbs{display:none;} #breadcrumbs2{margin-top:8px; display:none;} #bannerContainer{width:100%; clear:both; margin:6px 0 0 0; background: url(../Content/images/bannerColored.png); background-position: center 0%; background-repeat: no-repeat;} #banner{width:995px; height:420px; margin:0 auto; background:url(../Content/images/bannerBG.png); overflow:hidden;padding:10px;} .zone-banner{display:none;} #bannerInner{background:#aaaaaa; height:420px; position:relative;} #bannerInner img{width:1005px; height:420px;} #bannerDescContainer{width:870px; height:120px; padding:6px; position:absolute; top:280px; left:-2px; margin:0 60px; z-index:5; background:url(../Content/images/bannerDescBG.png);} #bannerDescContainerInner{position:relative;} #bannerDesc{} #bannerDistricts{height:10px; width:870px; position:absolute; bottom:-125px; left: 2px;} #districtNavs{display:none;} .bannerButton0, .bannerButton1, .bannerButton2, .bannerButton3, .bannerButton4, .bannerButton5, .bannerButton6{height:10px; width:140px; float: left; margin-right:5px; cursor:pointer;} /*.bannerButton0{background:#47abc3} .bannerButton1{background:#8ac73c} .bannerButton2{background:#ed207b} .bannerButton3{background:#fcb040} .bannerButton4{background:#fcea32} .bannerButton5{background:#18aee0}*/ #slides{position:relative;} .buttonNavs{position:absolute; bottom:15px; left:67px; z-index:10;} .pagination li{height:10px; width:140px; float: left; margin-right:5px;} .pagination li a{height:6px; display:block; font-size:0px; width:140px} .pagination li.current a{height:10px !important;} #slides .prev{display:block; position:absolute; width:25px; height:50px; left:100px; bottom:50px; z-index:10; background:url(../Content/images/prevNav.png);} #slides .next{display:block; position:absolute; width:25px; height:50px; right:100px; bottom:50px; z-index:10; background:url(../Content/images/nextNav.png);} .caption div{position:relative; top:-130px; left:180px; width:640px; z-index:50; } .caption div h1{color:#ffffff;} .caption div p{color:#ffffff;} /* Different Pages */ .makati-central-business-district-philippines #banner{background:#47abc3 !important;} .ayala-triangle-gardens #banner{background:#8ac73c !important;} .ayala-center #banner{background:#ed207b !important;} .makati-north #banner{background:#fcb040 !important;} .mckinley-exchange #banner{background:#fcea32 !important;} .circuit-makati #banner{background:#18aee0 !important;} .bannerDescription{background:url("../Content/images/bannerNodeDetailsBG.png"); position:absolute; bottom:0; height:90px; width:100%;} .bannerDescriptionInner{padding:15px 30px;} .bannerDescriptionInner p{margin-bottom:8px;} #center{clear:both; background:url(../Content/images/bannerColored.png); background-position: center 0%; background-repeat: no-repeat; min-height:320px;} .makati-central-business-district #center, .ayala-triangle-gardens #center, .ayala-center #center, .makati-north #center, .mckinley-exchange #center, .circuit-makati #center{background:none;} .homepage #center{clear:both; background:none;} #centerInner{width:985px; margin:auto; position:relative; padding:6px 10px 0 10px; background:#ffffff;} .homepage #centerInner{width:1005px; margin:auto; position:relative; padding:20px 0 0 0; background:none;} #makatiContents{} #leftContent{float:left; width:720px;} .homepage #leftContent{float:left; width:645px;} /* Contents */ #contents{/*width:645px;*/} /* What's on */ .zone-on-container{height:355px; overflow:hidden;} .widget-on-container > header{height:37px; border-left:12px solid #aa007b; background:url(../Content/images/dotted.png); margin:0 0 11px 0; } .widget-on-container > header h1{display:block; height:26px; padding:8px 25px 5px 8px; background:url(../Content/images/titleBG.png); display:inline-block;} #wo{width:645px; height:355px;} #woInner{position:relative;} #woInner ul {position:relative;} #woInner ul li{display:none; position:relative;} #woInner ul li img{background:#ffffff;} .onImage{position:absolute; top:0; left:0;} .onImage img{width:400px; height:305px;} .onDetails{position:absolute; top:0; right:0; width:244px; height:305px; background:#aa007b;} .onDetailsInner{padding:25px 45px 50px 17px; overflow:hidden} #onPrev, #onNext{height:26px; width:26px; position:absolute; display:block; cursor:pointer;} #onNext{left:450px; bottom:-290px; background:url(../Content/images/onNext.png);} #onPrev{left:420px; bottom:-290px; background:url(../Content/images/onPrev.png);} /* What to do | Where to stay | Where to eat */ .whatToDo, .whereToStay, .whereToEat{position:absolute; top:0; left:0; /*border-top:1px solid #008fcb;*/} /*List Box*/ .widget-do-container > header > h1{padding:12px 9px; background:#00689a; display:inline-block; position:relative;} .widget-do-container .list-items li {height:290px; width:214px; background:#008fc8; float:left; margin:0 1px 0 0; position:relative;} .widget-do-container .list-items li img{height:145px !important; width:214px !important; border-bottom:1px solid #2aa1db; background:#ffffff;} .widget-do-container .list-items li div.whatContents{padding:12px 15px;} .widget-do-container .list-items li h3{} .widget-do-container .list-items li p{margin:5px 12px 0 0; line-height:1.3;} .widget-do-container .list-items li p a{color:#004e74;} /*hide titles*/ .whatToDo .widget-do-container > header > h2, .whereToStay .widget-do-container > header > h2, .whereToEat .widget-do-container > header > h2{display:none;} /*cloned titles*/ .do1, .do2, .do3{cursor:pointer; padding:8px 9px 5px; background:#00689b; display:inline-block; position:relative; color:#2ca2d4} #doNavs{border-bottom:2px solid #03586C;} .dobg1, .dobg2, .dobg3{position:absolute; width:100%; display:block; top:0; left:0; height:6px;}/*span*/ .doHover{color:#ffffff !important; background:#008fc9 !important;} /* What to do */ #doContainer{position:relative; margin-top:22px;} .zone-do-container{width:645px; height:295px; /*overflow:hidden;*/ position:relative;} .zone-do-container > div{/*overflow:hidden;*/} /* careers of home page */ .widget-HomepageCareers .more_car { width: 105px; display: inline-block; position: absolute; right: 10px; top: 12px; z-index: 1; color: #629f14; font-size: 13x; font-family: 'Open Sans', sans-serif;} .widget-careers-container .career_arrow { background:url(../Content/images/career_arrow.png) no-repeat; width: 8px; height: 10px; position: absolute; right: 0; top: 3px} .widget-HomepageCareers .more_car:hover { background-position: 0 -27px } .widget-HomepageCareers h1 { background-color: #2AA0DD; color: White } #doContainer .zone-do-container > div { /*border-top: 2px solid #03586c;*/ width: 100%} .mcbd-careers { background: #f2f2f1; padding: 0 5px; width: 630px; } .mcbd-careers > li { border-top: 1px dotted; width: 613px;} .mcbd-careers li:first-child { border-top: none !important} .mcbd-careers > p { border-bottom: 1px dotted #363636; margin: 0 15px; width: 95%} .mcbd-careers > li > div > p.position > a { color: #363636} .mcbd-careers > li > div > p.company > a { color: #363636} #careersContainer { margin-top: 11px; position: relative; } /**** FOR ALL INNER PAGES *****/ #innerPageTitleHolder{width:100%; height:53px; margin:0 0 0px 0;} #innerPageTitleHolder .divider{height:10px; margin:0; display:none;} .innerPageTitle{background:url(../Content/images/InnerTitleBG.png); margin:0 0 0 0; height:40px;} .innerPageTitle span, .innerPageTitle div{display:block; padding:11px 0 0 15px} /* Search */ .search #leftContent{width:970px} .search .zone-content > h1{display:none;} .search .zone-content ul{ margin:15px 0;} .search .zone-content ul li{margin-bottom:10px; padding:10px;} .search .zone-content ul li:hover{background:#f1f1f1;} .search .zone-content ul li h2{ margin-bottom:5px;} .search .zone-content ul li h2 > a{color:#333333;font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:400;} .search .zone-content ul li h2 > a:hover{color:#ED207B;} .search .zone-content ul li p{width:900px; color:#777777;} .urlLink{margin-top:5px;} .urlLink a{color:#ED207B;font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:300;} .conts{color:#333333;font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300;} /*/ ABOUT MAKATI /*/ /* Ads */ .widget-innerMagazine, .widget-innerMobile{margin:5px 0; position:relative;} .widget-innerMobile{margin:10px 0 10px 0;} .androidLink{position:absolute; bottom:28px; right:38px;} .appleLink{position:absolute; bottom:27px; right:130px;} .widget-innerMagazine a{position:absolute; right:17px; bottom:10px;} .widget-cityTour{margin:0 0 0 0;} .widget-videoGuide{margin:10px 0;} .pageFeat{height:297px; overflow:hidden;} .pageFeat img{float: left;} .pageFeatPContainer{float: left; background:#bb005c; width:275px; height:300px;} .pageFeatPContainerInner{padding:25px;} .pageFeat p{} .makeContent{margin-top:13px;} .makeContentInner{padding:10px;} .makeContentInner h2{margin:0 0 5px 0 !important;} /* this is change due to SEO margin-bottom: 5px is the original*/ .makeContentInner .body-text{margin-bottom:35px; line-height:1.2} .aboutGallery{position:relative;} .make-it-makati .aboutFancy{float:left; width:236px; margin:0 2px 5px; height:200px; overflow:hidden;} .aboutGallery img{margin-bottom:8px; border-bottom:1px solid #f1f1f1;} /* Make it makati */ .make-it-makati #leftContentInner{width:715px;} /* History */ .history #leftContentInner{width:710px; overflow:hidden;} .historyContainer{} .historyContainerInner{} .timeline{width:708px; height:22px; border-right:1px solid #b3d800; border-left:1px solid #b3d800; margin:35px 0 25px 0;} .historyDetailsWrapper{background:black;} .historyImage{width:270px; height:330px; float:left;} .historyDetailsContainer{} #timelineTime .pop, .pop2{background:url(../Content/images/timeBG.png) no-repeat;} .name{display:none;} /* Facts and Trivia */ #factsBG{display:none;} #factsBG{width:715px; background: url(../Content/images/factsBG.png) no-repeat;} .about-the-city #slides{padding:25px; position:relative;} .about-the-city #slides img{height:380px; width:665px; } .about-the-city .buttonNavs{display:none;} .about-the-city .prev, .about-the-city .next{} .about-the-city .prev{top:200px !important; left:35px !important;} .about-the-city .next{top:200px !important; right:35px !important;} .about-the-city .slides_control{height:650px !important;} .about-the-city .know{background:url(../Content/images/know.png) no-repeat; height:44px; width:273px; margin:20px 0 10px -7px;} /* Make it your future*/ /* AC Redevelopment, BRT, Pedestrianization */ .make-it-your-future #contents{width:710px; overflow:hidden;} /*.a-c-redevelopment {width:710px; overflow:hidden;}*/ .make-it-your-future .pageFeat img{width:435px;} .make-it-your-future .pageFeatPContainer{height:297px;} .developmentList{float:left; margin-right:1px; overflow:hidden; width:234px;} .developmentDesc{} /* Media gallery */ /* Videos */ .videos #leftContentInner{width:710px; overflow:hidden;} .youtube-player{width:710px; min-height:300px;} .videoContainer{position:relative; height:300px; width:710px;} .videoList{position:relative; bottom:30px; left:55px; top:100px;} .videoList li{float:left;} .video{width:149px; height:100px; float:left; margin:1px; position:relative; overflow:hidden; cursor:pointer;} .video img{position:absolute;} .video .videoContents{position:absolute; background:#a7c900; width:100%; height:100%; bottom:-100px;} .video .videoContentsInner{padding:10px;} .youtubeCode{display:none;} #mediaPrev{position:absolute; width:26px; height:51px; background: url(../Content/images/mediaPrev.png); left:20px; bottom:70px;} #mediaNext{position:absolute; width:26px; height:51px; background: url(../Content/images/mediaNext.png); left:690px; bottom:70px;} /* Photo */ .photos #leftContentInner{width:710px; overflow:hidden;} .photo{width:710px; overflow:hidden;} .photoGal{width:149px; height:100px; float:left; margin:1px; position:relative; overflow:hidden; cursor:pointer;} .photoGal img{position:absolute;} .photoGal .photoContents{position:absolute; background:#a7c900; width:100%; height:100%; bottom:-100px;} .photoGal .photoContentsInner{padding:10px;} /* Virtual Tour */ .virtual-tours #leftContentInner{width:710px; overflow:hidden;} .tourList{width:690px; margin:auto; height:auto; position:relative;} .tourList p{margin-bottom:15px;} .tourListInner{height:202px; width:605px; margin:auto; position:relative; overflow:hidden;} .tourListInnerAll{height:202px;} .tour{float:left; width:150px; height:100px; margin:0 1px 1px 0; overflow:hidden;} /*/ What's On /*/ .whats-on #leftContentInner{width:710px; overflow:hidden;} .highlightMore{margin-top:45px;} .highlightMore .divider{margin-top:10px !important; display:none;} .whats-on{height:250px; position:relative;} .highlightsInner{overflow:hidden;} .whats-on .pageFeat img{width:435px;} .whats-on .pageFeatPContainer{height:297px;} .list{height:235px; width:140px; overflow:hidden; float:left; margin:0 2px 5px 0; background:#920048; cursor:pointer;} .list img{/*height:150px;*/min-width:140px;} .highlightDesc{padding:8px;} .highlightImage{height:100px; overflow:hidden; border:1px solid #666666;} .highlightTitle{margin:0 0 4px;} /* Movies */ .movies #leftContentInner{width:710px;} .moviesBlurb{width:235px; height:125px; border-right:1px dotted #333333; float:left;} .choose{} .chooseBlurb{} .glorietta{width:235px; height:125px; border-right:1px dotted #333333; float:left; text-align:center;} .glorietta a img{width:135px; height:50px; margin:auto; margin-top:35px;} .greenbelt{width:235px; height:125px; float:left; text-align:center;} .greenbelt a img{width:135px; height:50px; margin:auto; margin-top:35px;} .moviesContainer{} .house{float:right;} .moviesContainer .movieplace{display:none;} .movie{width:135px; float:left; margin:0 5px 35px 0; text-align:center; padding:5px 0;} .movieInner{padding:5px 5px; position:relative; min-height:480px;} .movieInner a{display:block;} .movieInner a img{width:125px} .movieInner span.cinemaNumber{font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:600; color:#333333; margin:10px; display:block; } .movieInner p{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#333333; line-height:1.4; } .movieInner p.rating{font-size:12px !important; margin-bottom:5px;} .reserveMovie{width:113px; height:26px; background:url(../Content/images/reserve.png) no-repeat;} .reserveSeat{/*position:relative;*/ bottom:0; margin:0 0 5px 11px; bottom:-10px;} /*/ What to do /*/ .what-to-do #leftContentInner{width:710px;} /* Events */ .dateHeader, .eventHeader, .districtHeader{background:#3d3d3d; color:#ffffff; float:left; margin:0 1px 1px 0; padding:15px 12px;} .dateHeader{width:154px} .eventHeader{width:351px;} .districtHeader{width:130px; margin:0} li.eventsMonth > h2{/*display:none;*/} /* month */ .eventsList{margin:0 0 1px 0; cursor:pointer;} /* list */ .eventsList .date, .eventsList .event, .eventsList .district{ float:left; border-right:1px solid #ffffff; background:#e2e2e2; min-height:140px;} .eventsList .date{width:171px; text-align:center;} .eventsList .date .week{padding-top:35px; font-size:30px;} .eventsList .date .day{padding:8px; font-size:18px;} .eventsList .event{width:375px;} .eventsList .event .eventInner{padding:10px;} .eventsList .district{width:154px; border:none;} .eventsList .district p{margin:5px; height:122px; width:143px; overflow:hidden;} .eventsList .district p img{min-height:122px; min-width:138px;} .eventsMonth {width:709px; overflow:hidden;} /*.eventsList:hover{background:#dedede;}*/ .eventsMonth .makati-central-business-district{border-left:7px solid #47abc3; background:#47abc3; } ul.events .makati-central-business-district{background:#47abc3 !important;} .eventsMonth .ayala-triangle-gardens{border-left:7px solid #8ac73c; background:#8ac73c;} ul.events .ayala-triangle-gardens{background:#8ac73c !important;} .eventsMonth .ayala-center{border-left:7px solid #ed207b; background:#ed207b;} ul.events .ayala-center{background:#ed207b !important;} .eventsMonth .makati-north{border-left:7px solid #fcb040; background:#fcb040;} ul.events .makati-north{background:#fcb040 !important;} .eventsMonth .mckinley-exchange{border-left:7px solid #fcea32; background:#fcea32;} ul.events .mckinley-exchange{background:#fcea32 !important;} .eventsMonth .circuit-makati{border-left:7px solid #18aee0; background:#18aee0 !important;} ul.events .circuit-makati{background:#18aee0 !important;} .hidedrop{padding:0 8px 8px 0; display:none;} .hidedropInner{padding:0 0 10px 0; background:#3d3d3d; position:relative; width:696px;} .hidedropInner .eventImage{float:left; padding:10px 0 0 10px; width:150px; overflow:hidden;} .hidedropInner .eventImage img{display:block;} .hidedropInner .eventDetail{float:right; padding:10px 10px 0 20px; width:500px;} /* Arts */ .projection-page{position:relative;} .selectSort{position:absolute; left:367px; bottom:25px; width:355px;} .selectSort p{float:left; margin:9px 10px 0 0; font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:300; color:#333333;} select#art-district{width:270px; height:29px; padding:5px; border:none; color:#777777; line-height:1.4; background:url(../Content/images/selectBG.png) #f4f4f4; background-position: 205px 0; background-repeat: no-repeat;} .art-districtCont{width:245px; height:29px; overflow:hidden; border:1px solid #3e3e3e;} .selectSort option{padding:5px 5px;} .listTopBorder{height:35px; width:100%; margin-bottom:1px; background:#d9d9d9;} .arts .zone-content > .content-item > p {width:325px;} .art-list > li{/*margin-bottom:1px;*/} .art{background:#ebebeb; /*height:85px;*/ width:702px; overflow:hidden; margin:0 0 1px 0; height:100px;} .art:hover{background:#dedede;} .art-list .makati-central-business-district{border-left:7px solid #47abc3; } .art-list .ayala-triangle-gardens{border-left:7px solid #8ac73c;} .art-list .ayala-center{border-left:7px solid #ed207b;} .art-list .makati-north{border-left:7px solid #fcb040;} .art-list .mckinley-exchange{border-left:7px solid #fcea32;} .art-list .featList{border-left:7px solid #18aee0;} .art .fancyClick{display:block;} .block1, .block2, .block3{float:left; min-height:106px;} .block1{width:138px; overflow:hidden;} .block1 img{display:block; /*min-width:140px*/ height:90px; width:128px; padding:5px;} .block2{width:423px; border-right:1px solid #ffffff; border-left:1px solid #ffffff;} .block2Inner{padding:10px 15px 10px 10px;} .block2Inner .web{color:#0283c5; } .block2Inner .web:hover{color:#aa007b} .block3{width:137px; } .block3Inner{padding:5px;} .sel{position:relative;} /*/ Where to stay /*/ .where-to-stay #leftContentInner{width:710px;} .where-to-stay .zone-content > .content-item > p {width:325px;} /*/ Where to eat /*/ .where-to-eat .zone-content > .content-item > p {width:325px;} /*/ Plan your trip /*/ .plan-your-trip #leftContentInner{width:710px;} /* Explore the city */ .selectCategory{background:#e40070; cursor:pointer;} .selectCategory p{font-family: 'Open Sans', sans-serif; font-size:17px; font-weight:700; color:#ffffff; padding:8px 0 8px 20px;} .selectCategory p:before{content:'\25BA'; color:#fff; margin-right:5px;} .go p:before{content:'\25BC' !important; color:#fff; margin-right:5px;} .categoryContainer{background:#515151; position:relative;} .categoryContainerInner{padding:16px 20px; height:100%; overflow:auto; margin-bottom:1px; position:relative; overflow:hidden;} .KMLUrl{width:223px; float:left; padding:5px 0; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#aaaaaa; cursor:pointer;} .default{color:#ffffff !important;} /*.KMLUrl:hover{color:#ffffff; cursor:pointer;}*/ .categoryContainerInnerAbs{position:absolute; margin:20px 0; top:0; left:0;} .categoryContainerInnerAbs div{width:220px; height:92%; float:left; border-right:1px dotted #333333;} /* Must see attractions */ .must-see-attractions .zone-content > .content-item > p {width:325px;} /* Maps and Guides */ .mapListContainer{margin-top:20px;} .mapList{width:175px; float:left; border-left:1px dotted #cccccc; overflow:hidden; margin-bottom:30px; position:relative;} .mapSelect{font-family: 'Open Sans', sans-serif; font-size:14px !important; font-weight:700 !important; color:#333333; margin:5px 0 0 0;} .mapList h2{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:600; color:#333333; text-align:center; padding:10px 5px 0 5px; height:40px;} .mapDescContainer{padding:5px;} .mapSub{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:600; color:#333333; text-align:center; margin:5px 0 0 0;} .mapDesc{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:300; color:#333333; text-align:center; margin:5px 0 0 0;} .mapDL{background: url(../Content/images/mapDL.png) no-repeat; width:135px; height:31px; display:block; font-size:0; margin-left:15px; position:absolute; bottom:8px;} /* Makati Hotlines */ .makati-hotlines .zone-content > .content-item > p {width:325px;} /*/ Where to eat /*/ .where-to-eat #leftContentInner{width:710px;} /*/ Terms of Use /*/ .terms-of-use #leftContentInner{width:950px;} .terms-of-use #leftContentInner p{line-height:1.4; margin-bottom:10px;} /*/ Districts /*/ body.makati-central-business-district{background:none;} #nodesInner .menu-main > li.selected a{color:#ffffff !important;} .mcbdS{background:#369ab2 !important} .atgS{background:#76a933 !important} .acS{background:#c31d67 !important} .mnS{background:#ee981d !important} .msS{background:#e2d024 !important} .saS{background:#0799ca !important} /* Backgrounds*/ .makati-central-business-district-philippines #bannerContainer{background: url(../Content/images/bannerColored1.png); background-position: center 0%; background-repeat: no-repeat;} .ayala-triangle-gardens #bannerContainer{background: url(../Content/images/bannerColored2.png); background-position: center 0%; background-repeat: no-repeat;} .ayala-center #bannerContainer{background: url(../Content/images/bannerColored3.png); background-position: center 0%; background-repeat: no-repeat;} .makati-north #bannerContainer{background: url(../Content/images/bannerColored4.png); background-position: center 0%; background-repeat: no-repeat;} .mckinley-exchange #bannerContainer{background: url(../Content/images/bannerColored5.png); background-position: center 0%; background-repeat: no-repeat;} .circuit-makati #bannerContainer{background: url(../Content/images/bannerColored6.png); background-position: center 0%; background-repeat: no-repeat;} .makati-central-business-district #center{background: url(../Content/images/bannerColored1.png); background-position: center 0%; background-repeat: no-repeat;} .ayala-triangle-gardens #center{background: url(../Content/images/bannerColored2.png); background-position: center 0%; background-repeat: no-repeat;} .ayala-center #center{background: url(../Content/images/bannerColored3.png); background-position: center 0%; background-repeat: no-repeat;} .makati-north #center {background: url(../Content/images/bannerColored4.png); background-position: center 0%; background-repeat: no-repeat;} .mckinley-exchange #center {background: url(../Content/images/bannerColored5.png); background-position: center 0%; background-repeat: no-repeat;} .circuit-makati #center{background: url(../Content/images/bannerColored1.png); background-position: center 0%; background-repeat: no-repeat;} .atgHome #center, .acHome #center, .mn_home #center, .mc_home #center, .circuitHome #center, .mcbdHome #center { background : none } /* Breadcrumbs*/ .makati-central-business-district-philippines #breadcrumbs2, .ayala-triangle-gardens #breadcrumbs2, .ayala-center #breadcrumbs2, .makati-north #breadcrumbs2, .mckinley-exchange #breadcrumbs2, .circuit-makati #breadcrumbs2{display:block;} /* Title BG */ .makati-central-business-district-philippines .innerPageTitle{background:url(../Content/images/InnerTitleBG1.png);} .ayala-triangle-gardens .innerPageTitle{background:url(../Content/images/InnerTitleBG2.png);} .ayala-center .innerPageTitle{background:url(../Content/images/InnerTitleBG3.png);} .makati-north .innerPageTitle{background:url(../Content/images/InnerTitleBG4.png);} .mckinley-exchange .innerPageTitle{background:url(../Content/images/InnerTitleBG5.png);} .circuit-makati .innerPageTitle{background:url(../Content/images/InnerTitleBG6.png);} /* Contents */ .nodeHeader{display:none;} .nodesTopDiv{width:985px} .nodesTopDiv img{float:left; width:440px; height:300px; margin-right:1px;} .nodesTopBlurb{float:left; /*background:#47abc3;*/ height:300px; width:544px;} /*per page*/ .makati-central-business-district .nodesTopBlurb{background:#47abc3;} .ayala-triangle-gardens .nodesTopBlurb{background:#8ac73c;} .ayala-center .nodesTopBlurb{background:#ed207b;} .makati-north .nodesTopBlurb{background:#fcb040;} .mckinley-exchange .nodesTopBlurb{background:#ceb90e;} .circuit-makati .nodesTopBlurb{background:#18aee0;} .nodesTopBlurbInner{padding:17px 25px;} .nodesTopBlurbInner p{margin-bottom:10px;} .nodesTitle{} .nodesBlurb{} /************* Right Contents *************/ #rightContent{float:right; width:256px;} .homepage #rightContent{width:330px;} .widget-right-container > header{height:37px; border-left:12px solid #f1ab3a; background:url(../Content/images/dotted.png); margin:0 0 11px 0; } .widget-right-container > header h2{display:block; height:26px; padding:8px 25px 5px 8px; background:url(../Content/images/titleBG.png); display:inline-block;} /* Deals in the city*/ .widget-homeDeals{margin-bottom:23px;} .widget-homeDeals > header{height:37px; border-left:12px solid #4ec0e4; background:url(../Content/images/dotted.png); margin:0 0 11px 0; } /* Explore the city */ .widget-homeExplore{margin-bottom:23px;} .widget-homeExplore > header{height:37px; border-left:12px solid #8ac73c; background:url(../Content/images/dotted.png); margin:0 0 11px 0; } #homeExplore{position:relative;} #homeExploreInner{position:relative; clear:both;} #exLeft, #exRight{width:164px; height:135px; position:relative; overflow:hidden;} #exLeft{float:left} #exRight{float:right} #exLeft a, #exRight a{font-size:0px !important;} #exLeft div, #exRight div, #exLeft span, #exRight span{background:url(../Content/images/homeExplore.png);} #exLeft div{position:absolute; display:block; width:164px; height:135px; top:0; left:0; background-position: 0px 0px} #exRight div{position:absolute; display:block; width:164px; height:135px; top:0; left:0; background-position: 165px 0px} #exLeft span{position:absolute; display:block; width:164px; height:135px; top:0; background-position: 0px 135px} #exRight span{position:absolute; display:block; width:164px; height:135px; top:0; left:0; background-position: 165px 135px} /*Media Gallery*/ /*.meGalImage img{width:330px; height:185px;}*/ .meGalImage img{width:330px; height:339px;} .meGalBlurb{width:300px; height:60px; background:#f1ab3a; padding:15px; position:relative; top:-3px;} .meGalBlurbInner{} /* Right Menu */ .zone-right-menu ul.menu-main > li{position:relative;} .zone-right-menu ul.menu-main > li > ul{display:none;} .zone-right-menu ul.menu-main > li.selected > ul{display:block;} .zone-right-menu ul.menu-main > li > ul > li > a {display:block; width:226px; margin-bottom:1px; color:#777777; background:#efeeee; padding:11px 0 11px 30px;} .zone-right-menu ul.menu-main > li > a{display:block; background:#e8e8e8; padding:11px 13px; width:230px; margin-bottom:1px;} .zone-right-menu ul.menu-main > li.selected > a{display:block; background:#e40070 !important; padding:11px 13px; width:230px; margin-bottom:1px; color:#ffffff !important;} .zone-right-menu ul.menu-main > li.selected > ul > li > a {display:block; width:226px; margin-bottom:1px; color:#777777; background:#efeeee; padding:11px 0 11px 30px;} .zone-right-menu ul.menu-main > li.selected > ul > li.current > a {display:block; width:226px; margin-bottom:1px; color:#53002a !important; background:#f7bfda !important; padding:11px 0 11px 30px;} .parents{background:url(../Content/images/menuBtnOff.png) no-repeat !important; background-position: 0 0;} span.forParents{width:40px; height:37px; display:block; position:absolute; right:0; background:url(../Content/images/menuBtnOff.png) no-repeat;} .selected span.forParents{width:40px; height:37px; display:block; position:absolute; right:0; background:url(../Content/images/menuBtnOn.png) no-repeat;} /* Addons */ #addons{width:1005px; margin:auto;} .divider{height:10px; width:100%; background:url(../Content/images/divider.png); margin:30px 0 10px 0;} .widget-addMobile{height:163px; width:335px; float:left; background:#000000; position:relative;} .widget-addMobile .androidLink{bottom:15px !important;} .widget-addMobile .appleLink{bottom:15px !important;} .widget-NewsletterWidget{height:163px; width:335px; margin:0 12px 0 22px; float:left; background:url(../Content/images/addSubscribe3.png); position:relative;} .widget-addFacebook{height:163px; float:right; background:#000000; overflow:hidden; } .widget-addFacebook p{height:152px !important; overflow:hidden; } .widget-addFacebook p iframe{height:152px !important; overflow:hidden !important; } #newsletterclick p{font-family: 'Open Sans', sans-serif; font-size:13px; color:#ffffff; font-weight:400;} /* Newsletter */ #dialog-form{padding:15px; background:#ffffff;} #bottom{height:121px; border-bottom:2px solid #424242; margin:22px 0 0 0;} #bottomBG{height:12px; width:100%; background:url(../Content/images/dotted.png);} #bottomInnerHolder{height:108px; border-bottom:1px solid #333333; border-top:7px solid #333333; background:#000000;} #bottomInner{width:1005px; height:108px; margin:auto; position:relative; background:#000000; } #footerMenu{position:absolute; top:24px; height:25px; /*width:600px;*/border-bottom:2px solid #141414;} #footerMenu .menu-main li {float:left; margin-right:0px;} #footerMenu .menu-main li a{background:none !important; color:#676767;} #footerMenu .menu-main li a:hover{color:#e40070 !important;} #footerMenu .menu-main li > ul{display:none;} #footerMenu .menu-main > li >span{padding:0 10px; color:#676767; font-size:16px;} #copyright{position:absolute; top:50px; height:25px; /*width:600px; border-top:1px solid #141414;*/} #copyright p{margin:8px 0 0 0;} #copyright a:hover{color:#f1ab3a;} #copyright .menu-main{display:none;} #termsLinks{position:absolute; top:30px;} #termsLinks a{display:block; float:left} #termsLinks span{margin:0 10px; color:#676767 !important} #footerSocial{position:absolute; top:20px; right:145px; height:75px; padding:0 10px; border-right:1px dotted #2e2e2e; border-left:1px dotted #2e2e2e;} #footerSocial p{margin:0 0 15px 0;} #footerLogo img{height:70px; width:111px; position:absolute; right:10px; top:20px;} .zone-special-links{background:#262626;} .widget-footerLinks{width:1000px; position:relative; padding:12px 0 25px; margin:0 auto;} .menu-footerlinks li{float:left; margin:0 12px 0 0;} .menu-footerlinks a{color:#4a4a4a;} .menu-footerlinks a:hover{color:#f1ab3a;} .menu-footerlinks .subtitle{display:none;} /*fonts*/ #social p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777777;} #footerSocial p{font-family: 'Open Sans', sans-serif; font-size:11px; color:#777777;} .search-form button{font-size:0px; color:#4a4a4a;} #social a, #footerSocial a{font-size:0px;} #copyright p, #copyright a{font-family: 'Open Sans', sans-serif; font-size:12px; color:#333333;} .menu-main > li > a{font-family: 'Open Sans', sans-serif; font-size:13px; color:#7f7e7e; font-weight:400;} #footerMenu .menu-main > li > a{font-family: 'Open Sans', sans-serif; font-size:14px; color:#7f7e7e;} .widget-right-container > header > h2{font-family:"Dosis", sans-serif; font-size:20px; text-transform:uppercase; color:#606060;} .widget-on-container h1{font-family:"Dosis", sans-serif; font-size:20px; text-transform:uppercase; color:#606060;} /*/ Banner /*/ .caption div h1{font-family:"Myriad Pro"; font-size:30px; font-weight:normal; text-transform:uppercase; text-align:center; position:relative; top:5px;} .caption div p{font-family:"Myriad Pro"; font-size:12px; text-align:center; position:relative; top:5px;} /*/ Left Part /*/ /*Whats On*/ .onDetailsInner p a{color:#ffffff;} .onTitle a{font-family: 'Open Sans', sans-serif; font-size:18px; margin-bottom:15px; font-weight:700; display:block; color:#ffffff;}/*Myriad Pro Light*/ .onBody{font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:20px; color:#ffffff;}/*Myriad Pro Light*/ .onDate{color:#ffffff;} /* What to do | Where to stay | Where to eat */ .widget-do-container > header > h1{font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:400; color:#2aa1db}/*Myriad Pro Light*/ .widget-do-container .list-items li h3 a{font-family: 'Open Sans', sans-serif; color:#ffffff; font-weight:700; font-size:15px;} .widget-do-container .list-items li p{font-family: 'Open Sans', sans-serif; color:#ffffff; font-weight:400; font-size:13px;} /*/ Inner Pages/*/ .makeContentInner h2 a{font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:700; color:#bb005c;} .makeContentInner h2 a:hover{color:#26517f;} .makeContentInner p{margin-bottom:10px; line-height:1.4; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#333333;} /*All Pages Header per page*/ .zone-content > .content-item > header > h1{font-family: 'Open Sans', sans-serif; font-size:17px; font-weight:bold; color:#333333; margin:0px 0 0 15px;} .zone-content > .content-item > p, .zone-content > .content-item > p > span{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; line-height:1.2; color:#333333; margin-top:5px; margin-left:15px;} /*admin*/ .zone-content > .content-control > .content-item > header > h1{font-family: 'Open Sans', sans-serif; font-size:17px; font-weight:bold; color:#333333; margin:5px 0 0 15px;} .zone-content > .content-control > .content-item > p{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; line-height:1.4; color:#333333; margin-top:2px; margin-left:15px;} /* About Page */ .makeContentInner h2{font-family: 'Open Sans', sans-serif !important; font-size:17px !important; font-weight:700 !important; color:#333333} .makeContentInner .body-text{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#333333; width:690px;} .makeContentInner .body-text p{margin-bottom:10px; line-height:1.4} .aboutGallery p{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:300; color:#676767; padding:0 10px;} .highlightMore h5{} /* Message from the Mayor */ .mayorImg{float:left; width:250px; overflow:hidden;} .mayorMsg{float:right; width:450px; color:#333333; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; line-height:1.4;} .mayorMsg h1{margin-bottom:10px; font-size:16px;} .mayorMsg p{margin-bottom:8px;} /* Facts and trivia*/ .about-the-city h2{margin:20px 0 0 0; font-family: 'Open Sans', sans-serif !important; font-weight:400; font-size:18px; color:#333333; margin-bottom:3px;} .about-the-city .aboutDescription p{margin:10px 0 0 0; font-family: 'Open Sans', sans-serif !important; font-size:13px; font-weight:400; color:#333333; width:640px; line-height:1.4; margin-top:10px;} .about-the-city .aboutDescription p span{margin:10px 0 0 0; font-family: 'Open Sans', sans-serif !important; font-size:13px; font-weight:400; color:#333333; width:640px; line-height:1.4; margin-top:10px;} /* Make it your future */ h1.copy{font-family: 'Open Sans', sans-serif; font-size:17px; font-weight:700; color:#333333; margin-left:12px;} .developmentDesc{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:300; color:#676767; padding:10px;} /* Media gallery*/ .video .videoContentsInner p{font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:400; color:#ffffff;} .tourList p{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; line-height:1.4; color:#333333; margin-top:2px;} /* Photo */ .photoTitle{font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:700; color:#494949; padding:0 0 15px 13px;} .photos .photoContents h2{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:18px; color:#ffffff; margin:0;} /* Whats On*/ .highlightMore h5{font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:700; color:#333333; margin:0 0 5px 10px;} .highlightMore p{margin-bottom:10px; line-height:1.4; font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#333333; margin-left:10px;} .highlightTitle a{display:none;} .highlightTitle span{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:600; color:#ffffff; margin-bottom:3px;} .list .hidden{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#ffffff; line-height:1.2;} .descHolder{margin-bottom:10px; line-height:1.4; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#333333;} .choose{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:700; color:#333333; margin:0 0 5px 10px;} .chooseBlurb{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:300; color:#333333; margin:0 0 0 10px;} .movieplace{bottom:20px; font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:600; color:#333333; position:relative; bottom:20px;} /* Whats to do*/ /* Events */ #events > li > h2{font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:400; color:#3d3d3d; margin:15px; display:none;} .dateHeader, .eventHeader, .districtHeader{font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:600; background:#3d3d3d; color:#ffffff;} .date, .event, .district{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#3d3d3d;} .hidedropInner .eventDetail{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#ffffff; line-height:1.3} .hidedropInner .eventDetail, .hidedropInner .eventDetail p, .hidedropInner .eventDetail span{font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:400; color:#ffffff; line-height:1.3} .eventInner{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; line-height:1.3;} .eventInner h2, .eventInner h2 a{font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:600; margin-bottom:5px; color:#333333;} .dateReplicate h2{font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:400; color:#3d3d3d; margin:15px; display:block;} .dateNav{position:relative;} .monthNav{right:0; position:absolute; bottom:-5px} .monthNav #prev{width:26px; height:26px; background:url(../Content/images/onPrev.png) no-repeat; font-size:0; cursor:pointer; display:block; float:left;} .monthNav #next{width:26px; height:26px; background:url(../Content/images/onNext.png) no-repeat; font-size:0; cursor:pointer; display:block; margin-left:5px; float:left;} .noEvent{font-family: 'Open Sans', sans-serif; font-size:25px; font-weight:400; color:#3d3d3d; margin:15px} /* Arts */ .art-list{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:300; color:#333333; margin-bottom:0px;} .art .title{font-size:14px; font-weight:600; margin-bottom:5px;} .art .bodyInfo p, .art .bodyInfo, .contactNo, .address{font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400; margin-bottom:5px; line-height:1.3; color:#3D3D3D; line-height:1.3;} .art p.tel{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:300; color:#3D3D3D;} .bodyInfo a{color:#47abc3;} .block2Inner{font-family: 'Open Sans', sans-serif; color:#333333;} .block2Inner a h2{font-family: 'Open Sans', sans-serif; font-size:14px; color:#3D3D3D; position:relative; top:-5px; font-weight:600;} .block2Inner a h2:hover{font-family: 'Open Sans', sans-serif; font-size:14px; color:#aa007b; position:relative; top:-5px; font-weight:600;} /*Cloned Navigations*/ .do1, .do2, .do3 {font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:300; text-transform:uppercase; color:#2aa1db; margin-right:1px;} /*/ Right Part /*/ .meGalTitle{font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:700; color:#ffffff; margin-bottom:5px;} .meGalDesc{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#ffffff;} .zone-right-menu ul.menu-main li a{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#777777;} /*/ Districts /*/ .bannerDescriptionInner p{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#fafafa} .nodesTopBlurbInner p{color:#ffffff; line-height:1.3;} .nodesTitle, .nodesTitle h2 {font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:700; color:#ffffff; margin-bottom:15px; }/*Myriad Pro Light*/ .nodesBlurb{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#ffffff;} /*Myriad Pro Light*/ .nodesTitleBot, .nodesTitleBot h1{font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:700; color:#515151; margin-top:10px; padding:15px;} /*Myriad Pro Light*/ .nodesBlurbBot p{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#515151; padding:0 0 15px 15px; width:950px; line-height:1.4} /*Myriad Pro Light*/ /*Page Titles*/ .innerPageTitle span, .innerPageTitle div{font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:600; text-transform:capitalize; color:#ffffff;} /*pre loaders*/ .loader{height:32px; width:32px; /*background:url(../Content/images/loader.gif) no-repeat; margin:auto;*/} #banner .loader{position:absolute; top:165px; left:465px; height:50px; width:50px; z-index:0;} /*Page based*/ .homepage .zone-content{display:none;} /*Map Style*/ #basicMap { width:710px; height:550px; margin:0;} .olControlAttribution {display:none !important;} /*blockquote*/ .make-it-makati blockquote, .makati-city-philippines blockquote, .living-in-the-philippines blockquote, .makati-nightlife blockquote, .philippines-culture blockquote, .working-in-the-philippines blockquote, .makati-hotels blockquote, .philippines-food blockquote{ width:180px; font-family:"Myriad Pro"; font-size:26px; color:#ffffff; text-align:center; } /*code for the image of makati-hotels */ .makati-hotels .pageFeat img, .philippines-food .pageFeat img { width: 435px;} /*code for the travel-to-the-philippines*/ .travel-to-the-philippines .block2Inner h2, .travel-to-the-philippines .block2Inner h2 a { color: #3D3D3D; font-size: 15px; margin-bottom: 5px} .travel-to-the-philippines .address { font-size: 14px;} .make-it-your-future blockquote { width:180px; font-family:"Myriad Pro"; font-size:26px; color:#ffffff; text-align:center; } .whats-on blockquote { width:180px; font-family:"Myriad Pro"; font-size:26px; color:#ffffff; text-align:center; } /*dividers*/ .dividerSmall{height:6px; width:100%; background:url(../Content/images/divider.png); margin:30px 0 10px 0;} #leftContent .divider{margin: 11px 0;} .homepage #innerPageTitleHolder{display:none !important;} .aboutGallery .divider{clear:both; position:relative; bottom:0;} .zone-right-menu .widget-right-menu .divider{margin:1px 0 20px;} .facts-and-trivia #leftContent .divider{position:relative; margin: 16px 0 0 -15px; width:101%;} .arts #leftContent .divider{margin: 15px 0 9px 0;} /* Last render*/ .marginNone{margin:0;} .highlightTitle{margin:0 0 4px !important;} /* disable first banner feature */ .caption, .homepage .next, .homepage .prev{display:none !important;} /* Share */ .sharePage{height:20px; width:65px; background:url(../Content/images/share.png) no-repeat; display:block; margin:25px 0;} /* District Menu Current Disabled */ .makati-central-business-district #menu-15 > li.selected a{background:#404040 !important; color:#7F7E7E !important} .ayala-triangle-gardens #menu-15 > li.selected a{background:#404040 !important; color:#7F7E7E !important} .ayala-center #menu-15 > li.selected a{background:#404040 !important; color:#7F7E7E !important} .makati-north #menu-15 > li.selected a{background:#404040 !important; color:#7F7E7E !important} .mckinley-exchange #menu-15 > li.selected a{background:#404040 !important; color:#7F7E7E !important} .circuit-makati #menu-15 > li.selected a{background:#404040 !important; color:#7F7E7E !important} /* search pager */ .pager li{float:left;} .pager li:hover{background:none !important;} .pager-footer .page-results, .search .pager-footer .page-size-options{display:none;} .pager-footer ul li{padding:2px;} .pager-footer{margin-bottom:100px; margin-top:20px;} .pager-footer .pager li{padding:1px !important;} .pager li span {padding:8px; background:#AA007B; color:#ffffff;} .pager li a {padding:8px; background:#777777; color:#ffffff;} .pager li a:hover{padding:8px; background:#AA007B; color:#ffffff;} .page-size-options{display:none;} /* .search .pager li span { -moz-user-select: none; background-color: #E5E5E5; background-image: -moz-linear-gradient(center top , white, #E5E5E5); border: 1px solid #CCCCCC; border-radius: 1em 1em 1em 1em; color: #333333; display: block; float: left; font-size: 28px; line-height: 38px; margin: 0 3px 0 0; padding: 0 10px; text-align: center; text-decoration: none; white-space: nowrap; } .search .pager li a { -moz-transition: all 0.3s linear 0s; -moz-user-select: none; background-color: #E5E5E5; background-image: -moz-linear-gradient(center top , white, #E5E5E5); border: 1px solid #CCCCCC; border-radius: 1em 1em 1em 1em; color: #333333; cursor: pointer; display: block; float: left; font-size: 17px; height: auto; line-height: 25px; margin: 13px 3px 0 0; padding: 0 8px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); white-space: nowrap; width: auto; } */ .search-summary{position:relative; top:-40px; color:#ffffff;} .where-to-stay .zone-content > .content-item > p, .where-to-eat .zone-content > .content-item > p, .arts .zone-content > .content-item > p, .schools .zone-content > .content-item > p, .sports-and-recreation .zone-content > .content-item > p, .shopping .zone-content > .content-item > p {width:690px;} .sel .divider{/*margin:60px 0 16px 0 !important;*/margin:20px 0 16px 0 !important;} .selectSort{display:none !important;} .zone-sitemap #menu-946 a{color:#777777; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300;} .zone-sitemap #menu-946 a:hover{color:#da006e; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300;} .zone-sitemap #menu-946 > li{padding-bottom:15px;} .o-form h1, .o-form h2, .oforms { display: none } .whatsMore{color:#e40070;} .whatsMore:after{content:'\2192'; margin-left:5px;} .whatsMore:hover{color:#18aee0} .photoContestDownloads { border: 1px solid #bfbfbf; padding: 12px } .photoContestDownloads p { font-weight: bold } .photoContestDownloads ul { padding-left: 20px } .photoContestDownloads ul li { padding: 5px 0 5px 25px } .photoContestDownloads ul li.pdf { background: url(/Media/Default/PhotoContest/pdf-icon.png) no-repeat 0 0.3em } .photoContestDownloads ul li.map { background: url(/Media/Default/PhotoContest/map-icon.png) no-repeat 0 0.3em } .photoContestDownloads a { color: #920048 } .photoContestDownloads a:hover { text-decoration: underline } .whats-on .ui-dialog .ui-dialog-buttonpane button { background: none repeat scroll 0 0 #AA007B; cursor: pointer; margin: 0.5em 0.4em 0.5em 0; color:#ffffff; } fieldset label{} input.text{} #contact-us #oforms_captcha{position:static;} .zone-navigation .subtitle, .menu-main .subtitle{display:none;}