﻿
/* BASE Overrides & Generic Portal Code*/

body.CoreCertDesign .h4, body.Core13Design .h4 { margin: 0px; padding: 0px; color: #929497; text-transform: uppercase; font-size: 16px; line-height: 1.2em; font-weight: normal; margin: 0 0 5px 0; }
body.CoreCertDesign .RedHead, body.Core13Design .RedHead { color: #e7191d !important; font-weight: bold; }
#CoreRightBodyWrap p.disclaimer {width: 100% !important;padding-left: 0 !important;font-size: .60em !important;}

.BlogPostLeadins li {width: 44%;float: left;margin: 0 2.5% 25px;}
body.CorePortal  #CoreLeftNavWrap { top: -8px !important; background-color: transparent !important; }
.PortalHomeMainNav,.PortalMainNavWrap ul { display: block; position:relative; float: left; clear: both; width: 100%;margin:0 0 18px 0; min-height:10px; background-color:#e53d46}
.PortalSubFakeNav,.PortalMainNavWrap{float: left;clear: both;width: 100%;min-height: 35px;background: transparent url('https://www.acefitness.org/images/core-portal/home-portal-nav-bg.png') -57px -120px no-repeat;margin-bottom: -15px;}
body.PortalNavItem .PortalMainNavWrap { background:none !important; }
.PortalMainNavWrap ul li a {color: #fff !important; margin-left: 2% !important}
.PTLeftNavProdWrap .ProductLink{ width:100%; float: left; margin:0 0 15px; color:#e01218; font-weight:bold}
    .PTLeftNavProdWrap .ProductLink:last-child{ margin-bottom:0px}
    .PTLeftNavProdWrap .ProductLink span{ width:100%; float:left; clear:left; font-size: 15px; line-height:1.2em;  text-transform:uppercase}
.PTLeftNavProdWrap .ViewBundles span {color: #565656;}
 .PTLeftNavProdWrap .ProductLink:hover span{ color:#e50005}
.BigHeadWithUnderline { font-size: 36px !important;line-height: 0.9em !important; padding-bottom: 10px !important; margin-bottom: 10px !important; border-bottom: 5px solid #e7191d; font-weight: normal !important; }
ol#SaluteYouTermsWrap { overflow: auto; overflow-y: scroll; -ms-overflow-y: scroll; height: 200px; margin: 0 0 10px; width: 98%;border: solid 1px #eee;padding: 10px 0px 10px; }
    ol#SaluteYouTermsWrap .last { padding: 0px 0px 0px 5px !important; }
.PSEmailSignup input[type="text"],.PSEmailSignup  input[type="email"],.PSEmailSignup  .FakeInput {margin: 0 0px 10px 0 !important;}
    .PSEmailSignup ul{ padding:0px  !important; list-style:none;}
    .PSEmailSignup ul li{ padding:0px 0px 5px; list-style:none !important;}

span.highlights ul li{ width: 400px !important;}
span.highlights ul {padding-left: 12px !important; padding-top: 15px !important; width:450px !important}
.HighlightsWrap {width: 100%; float:left; border-top: #ddd 1px dashed; padding: 10px 0px 15px;}
    .HighlightsWrap div{ float:left; width: 66%;}
        .HighlightsWrap img.prodShot { width: 24%;float: left;padding: 2% 3% 0% 7%;}
p.pricing {width: 450px !important; padding:10px 0px 0px 0px !important;}
.discountprice {color:#e01218; font-weight:bold;padding-left:25px;}
.yourpricenosavings { color: #e01218; font-weight: bold; }
.savings {color:#e01218;font-weight:bold;padding-left:10px;font-style:italic;font-size:.85em;}
.price {text-decoration:line-through;}
#CoreLeftColumnWrap.HexHeadlines .HighlightsWrap ul,#CoreLeftColumnWrap.HexHeadlines .HighlightsWrap ul li,#CoreLeftColumnWrap.HexHeadlines .HighlightsWrap p.pricing  { width:100% !important; }

.workoutsWrap { float: left; width: 94%; padding: 3%; margin: 25px 0px 35px; background: rgb(236,236,236); background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,236,236,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(236,236,236,1) 0%,rgba(255,255,255,0) 100%); } 
.workoutsWrap li {float: left; margin: 0 0 25px 0; width:44%; padding:0 3%; line-height:1.0em !important}
    .workoutsWrap li:first-child {width:100%; padding:0%; margin-bottom:10px}
    .workoutsWrap li img {width:100%; max-width: 270px;}
.LocateTrainer {float: right;position: relative;margin: -12% -2.5% 0 1%;width: 40%;max-width: 288px;}

    .BundleHeader span.Save { font-size: 12px;}
.BundleBody { float:left; width:100%; padding: 0 0 15px; }
.BundleBody td.img  {padding: 3%; text-align: center;}
#CoreRightColumnWrap .BundleBody h4 { font-size: 14px; text-transform: uppercase; color: #666666; font-weight:bold }
#CoreRightColumnWrap.NoBorder { border:none !important; }

.CoreRightColumnInterWrap { float:left; background-color:#eee; width:100%;}
.CoreRightColumnInterWrap img.RightColHeadWithTabs{width: 108%; margin: 0px 0 0 -4%;float: left;}
#CoreBundleWrap,.ContactWrap,.ColHeadWrap{ float:left; width:100%;}
    .ContactWrap { padding:10px 0 5px; width:90%; margin:10px 5%;}
    #CoreBundleWrap .Bundle{ float:left; width:100%;height: auto; background-color:#eee;  margin:0}
            #CoreBundleWrap.TwoCol .Bundle { width: 100%;}
        #CoreBundleWrap .BundleHeader{ float: left; padding: 21px 3% 10px 35px; width: 85%; background: url("https://www.acefitness.org/images/FitnessCerts/PT-Bundle-arrow.png") no-repeat 0px 10px; }
            #CoreBundleWrap .BundleHeader .Name { float: left; font-size: 23px; clear: left; width: auto; padding-right: 5%; margin-right: 5%; border-right: 1px solid #666; }
            #CoreBundleWrap .BundleHeader .LongName{ float: left; font-size: 18px; clear: left; width: auto;}
            #CoreBundleWrap .BundleHeader .Save, #CoreBundleWrap .BundleHeader .PaymentPlan { float: left; clear: left; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #e7191d; line-height: 1.1em; padding: 5px 0; }
            #CoreBundleWrap .BundleHeader .PriceNotesWrap { float: left; clear: left;width: 130px;padding: 0px 10px 5px 0;  }
                #CoreBundleWrap .BundleHeader .TotalValue{ padding: 0px 10px 0px 0; width: 145px; font-size: 11px; color: #666; float:left; clear:left}

        #CoreBundalHeader h1{ margin: 30px 0 10px 30%; width: 70%; font-size: 20px; font-weight: bold; }
        #CoreBundalHeader .PTLeftCallOut{ margin:-55px 0px 5px 0}
        #CoreBundleWrap .BundleBody{float: left;padding: 0px 3%;width: 94%;}
            #CoreBundleWrap .BundleBody h5{ padding-bottom:10px}
            #CoreBundleWrap .BundleBody td{ padding:0px 0 2px 0; text-align:left; vertical-align:middle;}
                #CoreBundleWrap .BundleBody td.img{width: 20%; vertical-align: top !important; text-align: center !important; padding: 0 3% 5px 2%; max-width:100px;}
                    #CoreBundleWrap .BundleBody td.img .dummy{ float:left; width:20px; height:40px}
                    #CoreBundleWrap .BundleA .BundleBody td.img .dummy{ float:left; width:20px; height:60px}
                    #CoreBundleWrap .BundleBody img { width:100%; max-width:75px; }
                    #CoreBundleWrap .BundleBody img.ShadowMe{width:100%; max-width:60px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
            #CoreBundleWrap .BundleBody a{ color:#5d5e5e; display:block; margin-bottom:10px;}
            
                #CoreBundleWrap .BundleBody a.NoMargin { margin-bottom:0px; }
                #CoreBundleWrap .BundleBody a.MarginTop img { margin-top:20px; }
                #CoreBundleWrap .BundleBody a:hover{ color:#000; text-decoration:none }                                                                                  
            #CoreBundleWrap .h4{ text-transform:uppercase; color:#5d5e5e; font-size:14px; font-weight:bold }
            #CoreBundleWrap .BundleBody ul { display: block; margin: 5px 0 10px 10px; padding: 0 0 0px 10px !important; }
                #CoreBundleWrap .BundleBody ul li{ color: #5d5e5e;  padding: 0 0 5px 0; list-style: disc outside;font-size: 11px !important;line-height: 12px;}
                #CoreBundleWrap .BundleBody ul li a{ display:inline !important;font-size: 11px;line-height: 12px; }
            #CoreBundleWrap .BundleBody a.MoreInfo br {  display:none;}
            #CoreBundleWrap .BundleBody a.MoreInfo span { clear:both; width:100%; display:block }

.LeadFormWrap {float:left; width:95%; padding:2.5%; background-color:#56555b; margin:0 0 15px; position:relative }
    .LeadFormWrap.Gray { background-color:#797979 }
.LeadFormInterWrap { width: 98%; padding: 1%; min-height: 100px; background-color: #e7e8e8; float: left;}
        .LeadFormInterWrap h2 { font-family:tg20; text-transform:uppercase; color:#e7191d;font-size: 5vw;line-height: 1em}
            .LeadFormInterWrap h2 span {color:#797979; width:100%; display:block;}
            .LeadFormWrap.Gray .LeadFormInterWrap h2 span { color:#42baec }
        .LeadFormInterWrap .PadMeLeft { padding:0 0 0 25%; width:75%; float:left; }
        .OpenLeadFormBTN.BigLink.Blue{ color: #e7191d !important;}
        .BigLink.Blue{ color: #e7191d !important;}
.PTCareerGuideCover { position: absolute; top: -20px; left: 3%; width: 23.1%; }
    .SaleryFormWrap{ float:left;width:100%; margin:0 0 25px; }
        .SaleryFormWrap input[type="text"],.SaleryFormWrap input[type="email"]{ float:left; width:96%; margin:0 0 10px 0}
            
            .SaleryFormWrap input[type="text"].First{ margin:0 4% 10px 0}                        
        .SaleryFormWrap input[type="checkbox"]{ float:left; clear:left; margin:0 0 5px}
        .SaleryFormWrap label { float: left; padding: 0 0 5px 2%; width: 91%; font-size: 12px; line-height: 1.2em; color:#929497}
        .SaleryFormWrap select{ float:left; width:99%; margin:0 0 10px 0}
        .SaleryFormWrap input[type="submit"],.SaleryFormWrap .BigLink{float:left; clear:both;}

@media screen and (min-width: 599px) {
    .PortalSubFakeNav, .PortalMainNavWrap { min-height: 60px; }
    body.CoreCertDesign .h4, body.Core13Design .h4 { font-size: 20px; }
    .PortalHomeMainNav li { display: block; float: left; text-align: center; border-left: 1px Solid #fff; margin: 3.6% 0.5%; }
        .PortalHomeMainNav li.First { border-left: none; padding-left: 0.4%; }
        .PortalHomeMainNav li a { display: block; color: #fff; font-size: 28px; line-height: 26px; font-family: tg20; text-transform: uppercase; min-width: 100px; }
            .PortalHomeMainNav li a:hover, .PortalMainNavWrap ul li a:hover { text-decoration: none; color: #000 !important; }
    body #CoreRightColumnWrap { width: 27.5% !important; }

    .PortalMainNavWrap ul li { display: block; float: left; text-align: center; margin: 3.6% 0%; width: 49.9% !important; }
        .PortalMainNavWrap ul li a { padding:0 17%; float:left; display:block; width:66%; font-size: 22px; line-height: 1.0em;font-family: tg20; text-transform: uppercase; }   
    body.PortalNav3Items .PortalMainNavWrap ul li { width: 32.9% !important;}
        body.PortalNav3Items .PortalMainNavWrap ul li a { padding: 0 8%; width: 84%; font-size: 18px; }
    body.PortalNav4Items .PortalMainNavWrap ul li { width: 24.8% !important;}
        body.PortalNav4Items .PortalMainNavWrap ul li a { padding: 0 5%; width: 90%; font-size: 14px; }
    body.PortalNav5Items .PortalMainNavWrap ul li { width: 19.8% !important;}
        body.PortalNav5Items .PortalMainNavWrap ul li a { padding: 0 5%; width: 90%; font-size: 12px; }
    .PortalMainNavWrap ul li + li {border-left: 1px Solid #fff }
            
            body.Core13Design #ACEBodyInterWrap .PortalMainNavWrap ul li a { color:#fff}
}

@media screen and (min-width: 750px) {
    .PortalHomeMainNav li a { font-size: 32px; line-height: 35px; }

    .PortalMainNavWrap ul li a { padding:0 12.4%; width:75%; font-size: 32px;  }
    body.PortalNav3Items .PortalMainNavWrap ul li a { padding: 0 9%; width: 82%; font-size: 23px; }
    body.PortalNav4Items .PortalMainNavWrap ul li a {font-size: 19px; }
    body.PortalNav5Items .PortalMainNavWrap ul li a {font-size: 16px; }

}

@media screen and (min-width: 1000px) {
    div.CoreHeaderWrap { min-height:375px; }
    div.PortalMarqueeTall {min-height:465px ; }
    #CoreRightBodyWrap.MarginLeft { margin-left:15px; }
    .PTLeftNavProdWrap .ProductLink span { font-size: 25px; }
    .PortalHomeMainNav li a { font-size: 35px; line-height: 35px; }
    .PortalHomeMainNav { width: 1000px; height: 180px; background: transparent url('https://www.acefitness.org/images/core-portal/home-portal-nav-bg.png') -57px 0 no-repeat; margin-bottom: -15px; }
    body.CorePortal #RedBarBG { display: block; position: relative; height: 60px; top: 375px; background-color: transparent !important; background: transparent url('https://www.acefitness.org/images/core-portal/home-portal-nav-bg.png') center -120px no-repeat; }
    .LocateTrainer { margin: -67px -10px 0 10px; width: 288px; }

    .LeadFormInterWrap h2 { font-size: 27px; }

}