/*  
    Project: Make It Makati
    Company: Primesoft Philippines Inc.
    Author: Genevieve Lumague
    Email: genevievelumague@gmail.com
    Date: Dec. 27, 2012
*/

/* home page part */

/* top menu */
.circuit-makati #topInner .menu-main > li > a { padding: 10px 13px }
.circuit-makati .zone-navigation .selected a { background:#0e8ebd !important; color:#ffffff !important;}
.circuit-makati #innerPageTitleHolder .divider { display: block; margin: 6px 0}
.circuit-makati #menu .menu-main li a{ display: block !important}


/*spotlight image*/

.circuitHome #center { background : none }

.circuit-makati #bannerInner img { width: 980px; }

/* spotlight caption */
.circuit-makati .bannerDescriptionInner p { text-align: center; font-size: 12px; }
.circuit-makati .bannerDescriptionInner p.title { font-size: 30px}

.circuit-makati blockquote:after, .circuit-makati blockquote:before{color:#004962 !important;}

/* careers part */
.circuit-makati .zone-do-container { /*overflow: hidden*/ border-top: 2px solid #03586c; height: auto}
    .circuit-makati #doContainer .zone-do-container > div {  border-top: 2px solid #cbba15 }
        .circuit-makati .mcbd-careers { background: #f2f2f1}
            .circuit-makati .mcbd-careers > li { /*padding: 9px 0 height: 35px; */}
                .circuit-makati .mcbd-careers > p { border-bottom: 1px dotted #363636; margin: 0 15px; width: 95%}
                .circuit-makati .mcbd-careers > li > div > p.position > a { color: #363636}
                .circuit-makati .mcbd-careers > li > div > p.company > a { color: #363636}

.careers .mcbd-careers { margin-top: 10px}

/* makati business news part */

.circuitHome #leftContent { width: 645px !important}
.circuitHome #rightContent { width: 327px !important}
.circuitHome #makatiContents { margin-top: 10px !important }

.circuitHome .whereToStay { background: #f2f2f2; height: 93%}
    .circuitHome .whereToStay .moviesContainer .movie { width: 124px; overflow: hidden; }
        .circuitHome .whereToStay .moviesContainer .movie .reserved { position: relative; left: -3px}
        .circuitHome .whereToStay .moviesContainer .movie .movieInner { min-height: 150px !important}
             .circuitHome .movieInner a img { height: 170px}
             .circuitHome .whereToStay .moviesContainer .movie .cinemaNumbers { font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:600; color:#333333; margin:10px; display:block; }

.circuitHome .zone-do-container .widget-now-showing-widget { border-top: 2px solid #b6175e}

/* code for the guidelines in homepage */

.circuitHome .widget-ArtistCommunity { height: auto; margin-bottom: 10px }
    .circuitHome .c-m-ratesand-guidelines-page > div { background: #76a933; color: White; font-family: 'Open Sans',sans-serif; padding: 10px 15px; height: 115px; }
        .circuitHome .c-m-ratesand-guidelines-page > div > h1 { font-size: 24px; font-weight: normal; margin-bottom: 10px}
        .circuitHome .c-m-ratesand-guidelines-page > div > h1 a { color: #ffffff; display: block;}
        .circuitHome .c-m-ratesand-guidelines-page > div > p { font-size: 14px; font-family: 'Open Sans',sans-serif;}
     
/* end of code for the guidelines in homepage */



/* code for the restuarants in home */
.circuitHome .widget-MuseumsandGalleriesLocator { height: 204px; position: relative; }
    .circuitHome .widget-MuseumsandGalleriesLocator > div#wo { width: 328px; height: 135px; overflow: hidden; position: relative}
        .circuitHome .widget-MuseumsandGalleriesLocator .resto ul { width: 2000px; position: absolute}
            .circuitHome .widget-MuseumsandGalleriesLocator .resto ul > li { float: left; position: relative !important; display: block; left: -326px }

.circuitHome .widget-MuseumsandGalleriesLocator .atg_leftArrow { background: url("../Content/images/Makati_North/mn_leftArrow.png") no-repeat; display: block; height: 26px; width: 26px; position: absolute;  bottom: 30px; left: 150px; cursor: pointer}
.circuitHome .widget-MuseumsandGalleriesLocator .atg_rightArrow { background: url("../Content/images/Makati_North/mn_rightArrow.png") no-repeat; display: block; height: 26px; width: 26px; position: absolute; right: 120px; bottom: 30px; cursor: pointer}
/* end of code for the restuarants in home */

/*code for widget-EventReservation in home*/
.circuitHome .widget-EventReservation{height:170px !important;}
    .circuitHome .widget-EventReservation .loc_text{height:103px !important;}
/*end of code for widget-EventReservation in home*/

/*code for widget-MerchantsandLocators in home*/
.circuitHome .widget-MerchantsandLocators{height:180px !important;}
/*end of code for widget-MerchantsandLocators in home*/


/*code for .widget-MediaGallery in home*/
.circuitHome .widget-MediaGallery{height: 219px !important; margin-bottom: 40px;}
.circuitHome .widget-MediaGallery > div { height: 170px; width: 327px; background: #0d90bc;}
    .circuitHome .widget-MediaGallery div > p.media_img { float: left; width: 150px; overflow: hidden; height: 170px;}
    .circuitHome .widget-MediaGallery div > div { float: left; width: 147px; height: 140px; padding: 15px; color: White; }
        .circuitHome .widget-MediaGallery div > div > h1 { margin: 5px 0 20px; font-family: 'Open Sans',sans-serif; font-size: 23px; font-weight: 400}
            .circuitHome .widget-MediaGallery div > div > .media_text { font-size: 14px; font-family: 'Open Sans',sans-serif; }
/* end of code for the media gallery part of home page */

/* code for the media gallery part of home page */
.circuitHome .widget-TripPlanner div { height: 135px !important; }
    .circuitHome .widget-TripPlanner div > p.trip_text { font-size: 14px; font-family: 'Open Sans',sans-serif; color: #ffffff; padding: 25px}
    .circuitHome .zone-right-container .widget-right-container { margin-bottom: 19px; }
    


.circuitHome #rightContent .zone-right-container .widget-TransportCorner > div { height: 170px }
    .circuitHome #rightContent .zone-right-container .widget-TransportCorner > div > div { height: 140px}

.circuitHome .widget-html-container > div { height: 133px; width: 327px; background: #0d90bc}
    .circuitHome .widget-html-container div > p.media_img { float: left; width: 150px; overflow: hidden; height: auto;}
    .circuitHome .widget-html-container div > div { float: left; width: 147px; height: 95px; padding: 15px; color: White; }
        .circuitHome .widget-html-container div > div > h1 { margin: 5px 0 20px; font-family: 'Open Sans',sans-serif; font-size: 23px; font-weight: 400}
            .circuitHome .widget-html-container div > div > .media_text { font-size: 14px; font-family: 'Open Sans',sans-serif; }
/* end of code for the media gallery part of home page */

.circuit-makati .widget-on-container > header { height:37px; border-left:12px solid #369ab2; background:url(../Content/images/dotted.png); margin:0 0 11px 0; }

.circuit-makati .widget-right-container > header { border-left: 12px solid #0d90bc; }
.circuit-makati #leftContent{ float:left; width:710px; position: relative}
.circuit-makati .widget-on-container > header { position: relative;}
.circuit-makati .widget-right-container > header { height:37px; border-left:12px solid #0d90bc; background:url(../Content/images/dotted.png); margin:0 0 11px 0; }
    .circuit-makati .widget-MuseumsandGalleriesLocator header h1 { padding-right: 10px; font-size: 18px}
.circuit-makati .widget-on-container ul {  height: 355px; width: 645px; position: relative;}
.circuit-makati .onDetails{ position:absolute; top:0; right:0; width:244px; height:305px; background:#0d90bc;}
.circuit-makati #banner { width:980px; height:420px; margin:0 auto; background:/*url(../Content/images/bannerBG.png)*/ #0e8ebd; overflow:hidden; padding:10px;}
.circuit-makati .bannerDescription { margin: 15px 53px; width: 874px; }
.circuit-makati .bannerDescription {background:url("../Content/images/bannerDescBG.png")}
.circuit-makati #innerPageTitleHolder { width:100%; height:10px; margin:0 0 0px 0;}


/* makati business news arrows */
.circuit-makati #onPrev { left:420px; bottom:-290px; background:url(../Content/images/circuitMakati/blueArrow_prev.png) no-repeat;}
.circuit-makati #onNext { left:450px; bottom:-290px; background:url(../Content/images/circuitMakati/blueArrow_next.png) no-repeat;}

.circuit-makati #doNavs h1 { background: #00688b; }

/* end of home page */

/* start of about page */
.circuit-makati #makatiContents { position:  relative; margin-top: 45px}

/*.about-mcbd .pageFeat { background: url(../Content/images/mcbd_images/mcbd_innerImg_bg.jpg) no-repeat; width: 689px; height: 400px !important;} */


.circuit-makati .makeContentInner h1 { font-size: 18px; }

.circuit-makati .nodesTopBlurb { width: 650px} 
    .circuit-makati .nodesTopBlurbInner { padding: 0}
    .circuit-makati .nodesTopBlurbInner p {color:#333333; line-height:1.3; font-size: 14px; }
    .circuit-makati .nodesTopBlurb { background: none;}
    
 .circuit-makati .zone-right-menu ul.menu-main > li.selected > a { background: #0d90bc !important}
 
 /*code for the forex*/
 .circuit-makati .widget-ACLocators { height: auto; margin-bottom: 11px}  
     .circuit-makati .widget-currency-widget div.forex_holder { position: relative}
        .circuit-makati .widget-currency-widget div.forex_holder > a { display: block; width: 143px; height: 123px; float: left; overflow: hidden}
        .circuit-makati .widget-currency-widget div.forex_holder > div { float: left; background: none repeat scroll 0 0 #369AB2; color: White; width: 174px; height: 103px; padding: 10px 5px;}
            .circuit-makati .widget-currency-widget div.forex_holder .forex_inner > ul li { font-family: 'Open Sans',sans-serif; font-size: 13px; font-weight: 400; height: 25px; }
                .circuit-makati .widget-currency-widget div.forex_holder .forex_inner > ul li p:first-child { float: left; width: 115px; }
                .circuit-makati .widget-currency-widget div.forex_holder .forex_inner > ul li p:last-child { float: left; }
 
 .forex #contents .forex-page div { }
 .forex #contents .forex-page div > div { float: left; height: 100%}
 .forex #contents .forex-page div > div { border-right: 1px solid white; }
    .forex #contents .forex-page div > div ul li { color: #7a7d7c; font-family: 'Open Sans',sans-serif; font-size: 12px;  }
        .forex #contents .forex-page div > div ul li:first-child { background: #68b3c5; height: 11px; color: White}
        .forex #contents .forex-page div > .country_holder { width: 185px; }
        .forex #contents .forex-page div > .unit_holder { width: 126px; }
        .forex #contents .forex-page div > .symbol_holder { width: 76px;}
            .forex #contents .forex-page div > .symbol_holder ul li { padding: 10px 15px; }
        .forex #contents .forex-page div > .euro_holder { width: 96px; }
        .forex #contents .forex-page div > .us_holder { width: 107px; }
            .forex #contents .forex-page div > .us_holder ul li { padding: 10px; }
        .forex #contents .forex-page div > .peso_holder { width: 114px; }
            .forex #contents .forex-page div > .peso_holder ul li { padding: 10px 18px;}
            .forex #contents .forex-page div > div ul li.country { width: 135px;}
        .forex #contents .forex-page div > div ul li { padding: 10px 25px; background: #f0f6f7; border-bottom: 1px solid white;}
 
.forex .forex-page > div.forex_title { margin-left: 15px; }
    .forex .forex-page div > h1 { font-size: 17px; font-family: 'Open Sans',sans-serif; color: #333333; }
    .forex .forex-page div > p { font-size: 13px; font-weight: 400; font-family: 'Open Sans',sans-serif; color: #333333}
 
/* end of forex code */

 
 /*code for the locators */
 .circuit-makati .widget-Sureseats { height: auto; position: relative; margin-bottom: 10px }
         .circuit-makati .widget-Sureseats div { height: 140px; position: relative; width: 325px; border: 1px solid #dcdcdc}
         .circuit-makati .widget-Sureseats p > a { width: 159px; height: 131px; display: block; float: left }
         .circuit-makati .widget-Sureseats p.sureCenterLine { position: absolute; height: 140px; left: 160px; border-left: 1px solid #dcdcdc}
    .circuit-makati .loc_main { width: 328px; height: 134px; overflow: hidden; position: relative}
        .circuit-makati .widget-Locators .locator_box { height: 134px; width: 1640px; position: absolute; left: 0}
            .circuit-makati .widget-Locators .locator_box li { float: left}
            .circuit-makati .widget-Locators .locator_box li.first {}  
                .circuit-makati .widget-html-widget .locator_holder { width: 328px; height: 134px;}
                    .circuit-makati .widget-html-widget .loc_img { width: 142px; float: left}
                    .circuit-makati .widget-html-widget .loc_text { float: left; width: 164px; height: 112px; background: #0d90bc; color: #ffffff; padding: 10px}
                        .circuit-makati .widget-html-widget .loc_text a{color:#fff;text-decoration:underline;line-height:30px;}
                        .circuit-makati .widget-html-widget .widget-right-container .loc_text h1 { font-size: 24px; font-weight: 400; margin-bottom: 5px; }
                        .circuit-makati .widget-html-widget .widget-right-container .loc_text p { font-size: 14px; font-weight: 400}
  /* end of locators code */
  
/* code for the ac locator */
.circuit-makati .widget-right-container #searchStore { background: #ed207b; padding: 20px 33px; width: 260px; height: 195px; }
.circuit-makati .widget-right-container #searchStore #panel { position: relative }
    .circuit-makati .widget-right-container #searchStore .searchStoreHead { font-family: 'Open Sans',sans-serif; color: #ffffff; font-size: 16px; font-weight: 600; margin-bottom: 5px; }
        .circuit-makati .widget-right-container #searchStore .limit { margin-bottom: 10px; }
        .circuit-makati .widget-right-container #searchStore .limit select { width: 259px; height: 25px; }
        .circuit-makati .widget-right-container #searchStore #query { width: 253px; }
         .circuit-makati .widget-right-container #searchStore #storeSearchForm .locator_sumbit { border: 0 none; margin-top: 10px; color: #ffffff; background: #b6175e; display: block; background:url(../Content/images/ayalaCenter/locator_go.png) no-repeat; font-size: 0; height: 27px; width: 55px; cursor: pointer; position: absolute; right: 0;}

.store-locator .widget-right-container #searchStore { width: 190px; margin-bottom: 10px}
    .store-locator .widget-right-container #searchStore .limit select { width: 190px; }
    .store-locator .widget-right-container #searchStore #query { width: 184px; }
    
.store-locator .innertubeVer #results { width: 100%}
    .store-locator .innertubeVer #results tr > th { background: #ed207b; color: #ffffff; height: 15px; padding: 10px 20px; border-left: 1px solid #ffffff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; text-align: left}
    .store-locator .innertubeVer #results tr > th.storeName { width: 225px; }
    .store-locator .innertubeVer #results tr > th.storeLocation { width: 225px; }
    .store-locator .innertubeVer #results tr > th.storePhone { width: 160px}
    
    .store-locator .innertubeVer #results tbody tr td { padding:10px 0 10px 20px; background: #fff5f9; border: 1px solid #ffffff; height: 8px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #333333; font-weight: 400}
/*end of the ac locator */
  
  
  /*code for the rotation */
  .makati-central-business-district .locator_box > li:first-child { float: left}
  
  
  .circuit-makati .widget-Locators .locator_arrow { background: url(../Content/images/mcbd_images/blueArrow_next.png) no-repeat; width: 26px; height: 26px; bottom: 35px; right: 120px; position: absolute; cursor: pointer}
  .circuit-makati .widget-Locators .left_locator_arrow {width: 26px; height: 26px; bottom: 35px; right: 150px; position: absolute; cursor: pointer; background: url(../Content/images/mcbd_images/blueArrow_prev.png) no-repeat}
  .circuit-makati .widget-MACEA ul a { display: block; height: 150px; overflow: hidden}
  .circuit-makati .widget-MACEA ul img { }
  .circuit-makati .widget-MACEA ul > li > div { background: #f2f2f1; width: 298px; height: 105px; padding: 15px}
      .circuit-makati .widget-MACEA ul > li > div > h1 { font-size: 18px; color: #363636; font-family: 'Open Sans',sans-serif; font-weight: 900; margin-bottom: 10px}
      .circuit-makati .widget-MACEA ul > li div > p { color: #363636; }

.circuit-makati #doContainer #doNavs { position: relative;}
.circuit-makati #doContainer a.announceMore { background:url("../Content/images/circuitMakati/announcement_moreArrow.png") no-repeat scroll 0 0 transparent; width: 70px; height: 26px; display: inline-block; font-size: 0; position: absolute; right: 10px; bottom: 5px; cursor: pointer}
.circuit-makati #doContainer a.announceMore:hover { background-position: 0 -27px }
.circuit-makati .doHover { color:#ffffff !important; background:#0d90bc !important;}

/* code for the more part of sureseats in home */
.circuitHome .whereToStay .zone-content .ss_more { background: url(../Content/images/ayalaCenter/announceArrow.png) no-repeat; width: 70px; height: 26px; display: inline-block; font-size: 0; position: absolute; right: 10px; top: -30px }
.circuitHome .whereToStay .zone-content .ss_more:hover { background-position: 0 -26px }

.circuit-makati .do1, .circuit-makati .do2, .circuit-makati .do3 { color: #07a4db}
.circuit-makati #doNavs span.dobg1 { background: #0d90bc; top: -6px}

.circuit-makati .widget-do-container .list-items { background: #f2f2f2}
    .circuit-makati .widget-do-container .list-items li { float: none; width: 624px; height: 100%; background: #F2F2F1; padding: 7px 10px; }
    /*.circuit-makati .widget-do-container .list-items li.first { padding-top: 25px; }*/
    
        .circuit-makati .widget-do-container .list-items li > div { border-bottom: 1px dotted #363636; }
            .circuit-makati .widget-do-container .list-items li.last > div { border-bottom :none !important }
            .circuit-makati .widget-do-container .list-items li > div > div { height: 100%; padding-bottom: 5px; } 
        .circuit-makati .widget-do-container .list-items li header h1 a { color: #363636; font-size: 14px; }
        .circuit-makati .widget-do-container .list-items li p a { color: #363636; text-decoration: underline}
        
        .circuit-makati .widget-do-container .list-items li h3 a { color: #363636; }
        .circuit-makati .widget-do-container .list-items li p { color: #363636; }
        
   .circuit-makati .whatToDo, .whereToStay, .whereToEat { border-top: none !important}
/* end of about page */


/* start of news and events page */
.circuit-makati .pageFeatPContainer { background: #0d90bc}
.circuit-makati .pageFeatPContainerInner { color: #ffffff}


.circuit-makati .pageFeat { position: relative; height: 306px }
.about-circuit .pageFeat { position: relative; /*height: 306px;*/ border: 1px solid #DBDBDB; width: 97%; height: 100% }
    .circuit-makati .pageFeat > a.url { position: absolute;}
        .circuit-makati .pageFeat a > img { width: 440px }
        .about-circuit .pageFeat img { border: 9px solid #F6F6F6; width:670px; height:378px;}    
    .circuit-makati .pageFeat .pageFeatPContainer { position: absolute; right: 0; width: 269px; height: 300px}
    
.circuit-makati .makeContentInner h1 a { color: #0d90bc}

.circuit-makati .list { background: #0d90bc}
.events .makeContentInner > h1 { color: #0d90bc; margin-bottom: 15px;}

.widget-CMEvents li{position:relative;}

.circuit-makati .monthNav #prev { background: url("../Content/images/circuitMakati/blueArrow_prev.png") no-repeat }
.circuit-makati .monthNav #next { background: url("../Content/images/circuitMakati/blueArrow_next.png") no-repeat; }
/* end of news page */


.circuit-makati .pager-footer .pager li span { background:#0d90bc !important; }

/* code for all the inner pages */
.circuit-makati .zone-right-menu ul.menu-main > li.selected > ul > li.current > a { background: #55b3d3 !important;}
.circuit-makati .eventsMonth { border-left: 8px solid #0d90bc; background: none repeat scroll 0 0 #0d90bc; width: 702px}
.circuit-makati .highlightMore .divider { display: block !important}
.circuit-makati .tourList h2 {margin:20px 0 0 0; font-family: 'Open Sans', sans-serif !important; font-weight:400; font-size:18px; color:#333333; margin-bottom:3px;}

/* code for the locator*/
.circuit-makati .art .title > a { color:#3D3D3D; font-size: 15px; font-weight: bold; }
.circuit-makati .art { height: 100%}
/* end of locator */

/* code for the macea page*/
.circuit-makati .macea .titleHolder { color: #333333; font-family: 'Open Sans',sans-serif; font-size: 17px; font-weight: bold; margin: 0 0 0 15px;}
.circuit-makati .macea .highlightsInner { margin-left: 30px; margin-top: 20px;}
.circuit-makati .macea .highlightsInner > div { width: 177px; height: 275px; float: left; overflow: hidden; margin-right: 42px; margin-bottom: 40px; }
    /*.macea .highlightsInner > div .macea_imgHolder { width: 175px; height: 155px; overflow: hidden;}
    .circuit-makati .macea .highlightsInner > div h1 { text-align: center; font-size: 15px; font-weight: bold; color: #333333; margin: 7px 0 5px 0; }*/
    .circuit-makati .macea .highlightsInner > div p { text-align: center; font-size: 12px; color: #333333 }
/* end of macea page*/

.circuit-makati .label {display: inline-block;width: 180px;}
.circuit-makati .mcbdcontactusform {margin-left:20px;}

.circuit-makati .rowForm {margin: 0 0 10px;}
.buttonForm {cursor: pointer; margin: 0 0 10px; position: relative; top: 10px; width: 100px; height: 30px;}

.buttonHolder {float: right; }
.circuit-makati .rowForm {margin: 0 0 10px; position: relative; }
.buttonForm { cursor: pointer; margin: 0 0 10px; position: relative; top: 10px; }

.contact-us #breadcrumbs2 .zone-breadcrumbs, .careers #breadcrumbs2 .zone-breadcrumbs { float: right; margin-right: 12px; }
    .contact-us #breadcrumbs2 .zone-breadcrumbs > span, .careers #breadcrumbs2 .zone-breadcrumbs > span { text-decoration: none; color: #818181; font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight: 400;}
        .contact-us #breadcrumbs2 .zone-breadcrumbs > span > a, .careers #breadcrumbs2 .zone-breadcrumbs > span > a { text-decoration: none; color: #818181; font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight: 400;}

.reservation #breadcrumbs2 .zone-breadcrumbs, .careers #breadcrumbs2 .zone-breadcrumbs { float: right; margin-right: 12px; }
    .reservation #breadcrumbs2 .zone-breadcrumbs > span, .careers #breadcrumbs2 .zone-breadcrumbs > span { text-decoration: none; color: #818181; font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight: 400;}
        .reservation #breadcrumbs2 .zone-breadcrumbs > span > a, .careers #breadcrumbs2 .zone-breadcrumbs > span > a { text-decoration: none; color: #818181; font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight: 400;}


/* code for the store locator page */
.store-locator #breadcrumbs2 .zone-breadcrumbs, .careers #breadcrumbs2 .zone-breadcrumbs { float: right; margin-right: 12px; }
    .store-locator #breadcrumbs2 .zone-breadcrumbs > span, .careers #breadcrumbs2 .zone-breadcrumbs > span { text-decoration: none; color: #818181; font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight: 400;}
        .store-locator #breadcrumbs2 .zone-breadcrumbs > span > a, .careers #breadcrumbs2 .zone-breadcrumbs > span > a { text-decoration: none; color: #818181; font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight: 400;}

.store-locator #leftContentInner > h1 { font-size: 17px; margin: 0 0 0 15px; }


.store-locator #results_paginate { margin-top: 15px}
      .store-locator #results_paginate > a, .store-locator #results_paginate span > a { background: #7B7D7C; padding: 5px; color: White; margin: 2px; cursor: pointer}                      
      .store-locator #results_paginate span > a.paginate_active { background: #ed207b; }
      .store-locator #results_paginate > a:hover { background: #ed207b; cursor: pointer }
      .store-locator #results_paginate span > a:hover { background: #ed207b; cursor: pointer }
      
/* end of store locator */


/*code for the artist community*/
.circuit-makati .widget-right-container #artist_holder { background: #ee981d; padding: 20px 30px; width: 266px; height: 225px; }
    .circuit-makati .widget-right-container #artist_holder h1 { font-family: 'Open Sans',sans-serif; color: #ffffff; font-size: 20px; font-weight: bold; margin-bottom: 10px}
    .circuit-makati .widget-right-container #artist_holder .log_holder { margin-bottom: 15px}
        .circuit-makati .widget-right-container #artist_holder .log_holder > p { font-family: 'Open Sans',sans-serif; color: #ffffff; margin-bottom: 5px;}
        .circuit-makati .widget-right-container #artist_holder .log_holder > input { width: 259px; height: 24px;}
        .circuit-makati .widget-right-container #artist_holder .check { width: 265px; height: 40px }
            .circuit-makati .widget-right-container #artist_holder .check > div { float: left; width: 184px; margin-top: 5px }
                .circuit-makati .widget-right-container #artist_holder .check > div > input { float: left }
                .circuit-makati .widget-right-container #artist_holder .check > div > p { float: left; font-family: 'Open Sans',sans-serif; color: #ffffff; margin-top: 2px}
            .circuit-makati .widget-right-container #artist_holder .check > input {  float: left; border: 0 none; background: url("../Content/images/Makati_North/community_login.png") no-repeat; width: 81px; height: 27px; color: #ffffff; font-weight: 600; cursor: pointer;}
            .circuit-makati .widget-right-container #artist_holder .check > input:hover { background-position: 0 -27px}
            
        .circuit-makati .widget-right-container #artist_holder .forgot_login { border-top: 2px dotted #ffffff}
            .circuit-makati .widget-right-container #artist_holder .forgot_login > p { float: left; color: #ffffff; margin: 10px 2px 0 0 ; }
    
.circuit-makati .widget-right-container #artist_holder #panel { position: relative }
    .circuit-makati .widget-right-container #artist_holder .searchStoreHead { font-family: 'Open Sans',sans-serif; color: #ffffff; font-size: 16px; font-weight: 600; margin-bottom: 5px; }
        .circuit-makati .widget-right-container #artist_holder .limit { margin-bottom: 10px; }
        .circuit-makati .widget-right-container #artist_holder .limit select { width: 259px; height: 25px; }
        .circuit-makati .widget-right-container #artist_holder #query { width: 253px; }
         .circuit-makati .widget-right-container #artist_holder #storeSearchForm .locator_sumbit { border: 0 none; margin-top: 10px; color: #ffffff; background: #b6175e; display: block; background:url(../Content/images/ayalaCenter/locator_go.png) no-repeat; font-size: 0; height: 27px; width: 55px; cursor: pointer; position: absolute; right: 0;}

/*end of code of artist community*/

/* code for the sureseats page */
.sureseats  #breadcrumbs2 .zone-breadcrumbs, .careers #breadcrumbs2 .zone-breadcrumbs { float: right; margin-right: 12px; }
    .sureseats #breadcrumbs2 .zone-breadcrumbs > span, .careers #breadcrumbs2 .zone-breadcrumbs > span { text-decoration: none; color: #818181; font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight: 400;}
        .sureseats #breadcrumbs2 .zone-breadcrumbs > span > a, .careers #breadcrumbs2 .zone-breadcrumbs > span > a { text-decoration: none; color: #818181; font-family: 'Open Sans',sans-serif; font-size: 11px; font-weight: 400;}

        
.contact-us .rowForm img { }
.contact-us #oforms_captcha { position: absolute; top: 7px; height: 22px; margin-left: 25px; width: 172px}
.contact-us .buttonHolder { position: relative; top: 50px}
    .contact-us .buttonHolder input { position: absolute; right: 153px; width: 100px;}
    .contact-us .buttonHolder input:first-child { right: 270px; }
    
    
/* code for the ayala center more deals */
.circuit-makati .adeals { color: #ed207b }

/* code for the events page */
.circuit-makati .eventsMonth .eventsList { border-left: none !important; }


.circuit-makati .whatsMore { color: #0d90bc }


/* code for the parking page */
.parking .zone-breadcrumbs > span > a { font-family: 'Open Sans', sans-serif; font-size:11px; font-weight:400; color:#818181; }


.circuit-makati .parking_holder { width: 695px; height: 35px; background: #d9d9d9; padding-left: 15px}
    .circuit-makati .parking_holder .parking_location { width: 375px;}
    .circuit-makati .parking_holder p { float: left; padding: 10px 0}
    .circuit-makati .avail_slot { width: 140px; text-align: center; }
    .circuit-makati .total_slot { width: 180px; text-align: center}

.parking #title { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; color: #333333; margin-bottom: 10px;}
.parking #desc > p { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333333; text-align: justify;}

.circuit-makati-parking li { width: 710px; height: 87px; border-top: 1px solid white;}
.circuit-makati-parking .parking_name { width: 367px; height: 87px; float: left; background: #ebebeb}
    .circuit-makati-parking .parking_img { float: left; width: 138px; height: 85px;}
    .circuit-makati-parking .image_text { float: left; padding: 10px 0 0 10px}
    .circuit-makati-parking .img_title { font-size: 15px; font-family: 'Open Sans', sans-serif; color: #545454; margin-bottom: 2px; }
        .circuit-makati-parking .parking_add { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #545454; margin-bottom: 2px}
.circuit-makati-parking .av_slot { float: left; height: 87px; width: 154px; background: #ebebeb; border-right: 1px solid white}
.circuit-makati-parking .parking_slot { float: left; width: 180px; height: 87px; background: #ebebeb}
.circuit-makati-parking .av_text { font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 600; padding: 25px 0; color: #333333; text-align: center;}
.circuit-makati-parking .parkingText { font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 600; padding: 25px 0; color: #333333; text-align: center;}


/* code for the guidelines page */
.rates-and-guidelines .c-m-ratesand-guidelines-page .text-field { margin-left: 0}
.rates-and-guidelines .c-m-ratesand-guidelines-page > ul { font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; line-height:1.2; color:#333333; margin-top:5px; margin-left:15px; }
    .rates-and-guidelines .c-m-ratesand-guidelines-page > ul > li { margin: 25px 0; line-height: 1.2}
         .rates-and-guidelines .c-m-ratesand-guidelines-page > ul > li > h3 { font-family: 'Open Sans', sans-serif; font-size:20px; color: #0c6988; font-weight: 600; margin-bottom: 5px; }
/* end of code for the guidelines page*/


/* code for the ratg page */
.circuit-makati .pager li a:hover {padding:8px; background:#8ac73c; color:#ffffff;}
.circuit-makati .projection-page .block2Inner > h2 { margin-bottom: 5px }
.circuit-makati .projection-page .block2Inner > h2 a { color: #3d3d3d; font-size: 15px;}
.circuit-makati .projection-page .block2Inner .address { font-size: 14px; }
/* end of code for the ratg page */


/* code for the mapper */
.mapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: black; height: 300%; z-index: 100; display: none; }
.mapper .map_popup { position: relative; margin: 5% auto !important}


/*code for the map text in homepage */
.circuitHome .map_title, .circuitHome .map_description, .circuitHome .map_telnum, .circuitHome .map_email { color: #606060 }
.circuitHome .map_description { margin-bottom: 10px}
.circuitHome .map_phoenum, .circuitHome .map_email, .circuitHome .map_address  { margin-bottom: 5px;}
.circuitHome .map_title { font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 10px;}

/**code for features and activities page**/
.cm-features .block2, .cm-activities .block2{border-right:none !important; width:560px !important;}
.cm-features .block2 h2 a, .cm-activities .block2 h2 a{color:#0D90BC; font-size:16px;}

/**code for contact form**/
.circuit-makati.contact-us #leftContent, .circuit-makati.reservation #leftContent{width:584px;}
.circuit-makati.contact-us #rightContent, .circuit-makati.reservation #rightContent{width:334px;}
.circuit-makati.contact-us .buttonHolder{right: -125px;}
.circuit-makati.reservation .buttonHolder{right:48px; position:relative;}

/**announcements blockquote**/
.announcements blockquote {
    color: #FFFFFF;
    font-family: "Myriad Pro";
    font-size: 26px;
    text-align: center;
    width: 180px;
}


.reservation #CMVenueReservation { margin-left: 20px }
.circuitHome .zone-content .map_popup { display: none }

.pageMaintenance {color: #0e8ebd; font-size: 24px; margin: 10% 5%; text-align: center; }
.pageMaintenance > a { color: #0d5b75; font-size: 24px; }
.pageMaintenance > a:hover { text-decoration: underline}