/* Theme Name: SYNCStudio Theme URI: http://www.syncstudio.net Description: Version: Author: Heath Beckett and Caroline Okun Author URI: http://www.hbeckett.com Tags: two-col Last Modified: 02.10.10 */ /* YUI Reset / Normalize --------------------- */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;} a:focus,input:focus { outline-style: none; outline: none; } /* Base Styles --------------------- */ html { background: #f4f4f1; } body { font: normal 12px/18px Arial, sans-serif; color: #666; letter-spacing: .025em; } /* Typography --------------------- */ a, a:visited { color: #4e7d7c; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } .content a { font-weight: bold; } .page-content a { text-decoration: underline; } h1,h2,h3,h4,h5,h6,.main p { margin: 0 0 18px; font: normal 18px/1.5em Arial, Helvetica, sans-serif; color: #666; } h1,h2,h3,h4,h5,h6 { line-height: 1.25em;} h1 { text-transform: uppercase; letter-spacing: -0.1px; font-weight: bold; } .about-page-content h1, .about-page-content h3, .about-page-content th { color: #4E7D7C; } .cycling-page-content h1, .cycling-page-content h3, .cycling-page-content th { color: #df6701; } .benefits-page-content h1, .benefits-page-content h3, .benefits-page-content th { color: #a59a00; } .yoga-page-content h1, .yoga-page-content h3, .yoga-page-content th { color: #A59A00; } .wellness-page-content h1, .wellness-page-content h3, .wellness-page-content th { color: #6A5F49; } .social-page-content h1, .social-page-content h3, .social-page-content th { color: #644F72; } .locations-page-content h1, .locations-page-content h3, .locations-page-content th { color: #3F6072; } h2 { line-height: 28px; } h3 { font-size: 14px; font-weight: bold; color: #4E7D7C; } h4 { font-family: Arial; font-size: 12px; font-weight: bold; color: #4e7d7c;} p { margin: 0 0 18px; } blockquote { margin: 0 0 0 30px; color: #666;} table { margin: 0 0 1.5em; width: auto; } td, th { padding: 5px 20px 5px 0; vertical-align: top; } table.instructor-table { border: 0; width: 100%; } .instructor-table td, .instructor-table th { padding: 5px 10px 5px 0; border: 0; } .instructor-table h3 { margin: 0 0 .5em; font-size: 14px; font-weight: bold; font-family: Arial; } th { background: #f4f4f1; font-weight: bold; font-size: 15px; } div.healcode th { background: none; } div.healcode p { font-weight: bold; font-size: 12px; color: #666666; } div.healcode input.submit { padding: 5px; background: #4E7D7C; color: #fff; cursor: pointer; } .border-table table { border: 1px solid #D3D3D1; width: 100%; } .border-table td, .border-table th { padding: 5px; border: 1px solid #D3D3D1; } strong { } .page-content strong, .widget strong { font-weight: bold; } em { font-style: italic; } ul { } .page-content-wrap ul { margin: 0 0 1.5em; padding-left: 1.5em; } .page-content-wrap li { list-style: disc; } /* .post-content ul, .post-content ol { margin: 0 0 10px; padding: 0 0 0 20px; } .post-content ul li { list-style: disc; } .post-content ol li { list-style: decimal; } .post-content ul ul, .post-content ol ol { margin: 0; } .post-content ol ol li { list-style: lower-alpha; } .post-content ol ol ol li { list-style: lower-roman; } */ /* Base Form Styles ----------------------------------------------------------*/ form { } /* form fieldset styles */ fieldset { clear: both; position: relative; padding: 0; } fieldset p { margin: 0 0 5px; padding: 10px 0 0; } /* form legend styles */ legend { position: relative; padding-top: 10px; margin-left: 0; font: bold 14px Arial, Helvetica, sans-serif; color: #333; text-transform: uppercase; } fieldset fieldset legend { font-size: 18px; color: #666; margin-bottom: 0; } .buttons legend { display: none; } /* form list styles */ form ol, form ul, form li { position: relative; float: left; display: inline; width: 100%; margin: 0; list-style: none; } form li { padding: 0 0 10px; } fieldset fieldset ol { position: relative; margin-top: -5px; border-top: 1px solid #c2c2c2; margin-top: 10px; padding-top: 10px; } /* form labels */ label, .label-match { display: block; padding: 0 0 5px 0; color: #666; font-size: 12px; } li.checkbox label, li.radio label { text-align: left; } /* base input styles */ input, textarea, select { padding: 5px; width: 300px; border: 2px solid #c2c2c2; background: #fff; font: normal 12px/15px Arial, Helvetica, sans-serif; } .input-match { color: #000; } input.radio, input.checkbox, input.submit, input.image { border: 0; padding: 0; width: auto; background: none; } /* buttons */ .buttons { padding: 10px 0 0; float: left; display: inline; width: 100%; } .buttons ul { clear: both; float: left; display: inline; width: 100%; padding: 10px 0 0 0; border-top: 1px solid #c2c2c2; } .buttons li { float: left; display: inline; width: auto; margin-right: 10px; padding: 0; background: none; } .buttons input { padding: 5px 10px; width: auto; background: #666; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; } .buttons input:hover, .buttons input:focus { } input.submit { background: #670605 url(style/images/bg_button.gif) repeat-x 0 0; } input.submit:hover { } input.cancel { background: #f00; } input.cancel:hover, input.cancel:focus { background: #C00; } /* selects */ select { width: 312px; } li.date select { margin: 0 5px 0 0; width: auto; } li.date .month { width: 110px; } li.date .day { width: 50px; } li.date .year { width: 65px; } /* textareas */ textarea { width: 300px; height: 10em; } /* radios and checkboxes */ ul.radios { padding: 10px; width: auto; } ul.radios li { margin-right: 20px; } li.radios fieldset, li.checkbox fieldset { position: relative; margin: 0; } li.radios fieldset.legend-replaced h2 { font-size: 1em; font-weight: normal; line-height: 1.5em; color: #666; } li.radios ul { margin: 10px 0 0; } li.radios li { margin: 0 0 5px; padding: 0; } li.radios label { float: left; display: inline; width: auto; margin: 0; padding: 0; color: #000; } li.radios input { float: left; display: inline; width: auto; margin: 0 10px 0 0; padding-top: 3px; } li.checkbox label { float: left; display: inline; margin: 0; width: auto; color: #000; } li.checkbox input { float: left; display: inline; margin: 0 10px 0 0; width: auto; } /* form microformats */ .summary { display: block; margin: 5px 0 0 0; font-style: normal; font-size: 11px; line-height: 15px; color: #999; } .hidden { display: none !important; } /* form variants */ /* .horizontal-form */ .horizontal-form label, .horizontal-form .label-match { float: left; display: inline; padding: 0; margin: 4px 20px 0 0; width: 220px; text-align: right; } .horizontal-form .input-match { float: left; display: inline; width: auto; padding: 4px 0 0; color: #000; } .horizontal-form li.extended-address { margin-left: 240px; width: auto; } .horizontal-form .buttons ul li:first-child { margin-left: 240px; } .horizontal-form li.radios ul { margin: 0; width: auto; } .horizontal-form li.radios fieldset.legend-replaced h2 { float: left; display: inline; margin: 0 20px 0 0; width: 220px; text-align: right; } .horizontal-form li.checkbox ul { width: auto; } .horizontal-form li.checkbox ul li { margin: 0 10px 0 0; } .horizontal-form li.checkbox input { margin-left: 240px; width: auto; } .horizontal-form .summary { margin-left: 240px; } /* ie hacks - please move to appropriate style sheets */ *:first-child+html legend { margin-left: -7px; } * html legend { margin-left: -7px; } /* Objects --------------------- */ .hidden { display: none !important; } .clear { display: block; clear: both; margin: 0; padding: 0; height: 0; line-height: 0; font-size: 0; } ul.no-bullet { margin: 0 0 1.5em; } ul.no-bullet li { margin: 0; padding: 0; list-style: none; } /* .pagination { margin: 15px 0; float: left; display: inline; width: 100%; font-size: 18px; font-weight: bold; color: #666; } .pagination strong { font-weight: normal; } .pagination a { color: #b3b3b3; text-transform: uppercase; } .pagination a:hover { color: #C2001C; } .pagination .older { } .pagination .older a { background: url(style/images/i_earlier.gif) no-repeat left 4px; padding-left: 20px; } .pagination .newer { float: right; display: inline; width: auto; } .pagination .newer a { background: url(style/images/i_newer.gif) no-repeat right 4px; padding-right: 20px; } */ /* Layout --------------------- */ .container { width: 960px; margin: 20px auto 0; } .container-wrap { } .block, .widget { padding: 10px; margin-bottom: 12px; background: #fff; border: 1px solid #d3d3d1; -moz-box-shadow: 0 0 2px #d3d3d1; } .wrap, .textwidget { padding: 10px; border: 1px solid #d3d3d1; } .widgettitle { display: none; } .masthead { position: relative; } h1.logo a { display: block; width: 288px; height: 82px; background: url(img/g_logo.gif) no-repeat 0 0; text-indent: -9000em; } .page-navigation { position: absolute; top: 78px; right: 5px; text-indent: -9000em; } .page-navigation, .page-navigation ul, .page-navigation li, .page-navigation a { float: left; display: inline; width: 647px; height: 34px; } .page-navigation li, .page-navigation a { width: auto; background: url(img/sp_topNav.gif) no-repeat 0 0; } .page-navigation li { position: relative; } /* subpages */ .page-navigation ul ul { display: none; position: absolute; top: 34px; left: 6px; width: 200px; background: #6c91b4; height: auto; } .page-navigation ul li:hover ul { display: block; } .page-navigation ul li ul li.page_item, .page-navigation ul li ul li a { display: block; width: 200px; float: none; background: none; text-indent: 0; height: auto; } .page-navigation ul li ul li a { padding: 0 10px; width: 180px; color: #fff; height: 22px; line-height: 22px; font-size: 11px; } .page-navigation ul li ul li a:hover { /*background: #9ab0c4;*/ text-decoration: none; } /* exclude pages */ .page-navigation li.page_item { display: none; } .page-navigation li.page-item-37, .page-navigation li.page-item-7, .page-navigation li.page-item-10, .page-navigation li.page-item-9, .page-navigation li.page-item-8, .page-navigation li.page-item-1050 { display: inline; } /* normal state */ .page-navigation li.pn-about, .page-navigation li.pn-about a, .page-navigation li.page-item-37, .page-navigation li.page-item-37 a { width: 71px; } .page-navigation li.pn-about:hover, .page-navigation li.pn-about a:hover, .page-navigation li.page-item-37:hover, .page-navigation li.page-item-37 a:hover, .page-navigation li.page-item-37:hover a, .page-navigation li.page-item-37.current_page_item, .page-navigation li.page-item-37.current_page_item a, .page-navigation li.page-item-37.current_page_parent, .page-navigation li.page-item-37.current_page_parent a, .page-navigation li.page-item-37.current_page_ancestor, .page-navigation li.page-item-37.current_page_ancestor a { background-position: 0 -34px; } .page-navigation ul .page-item-37 ul { background: #5c7b7c; left: 3px; width: 115px; } .page-navigation ul .page-item-37 ul li { width: 115px !important; } .page-navigation ul .page-item-37 ul li a { padding: 0 6px; width: 103px !important; color: #ced9d5; } .page-navigation ul .page-item-37 ul li a:hover { color: #fff; } .page-navigation li.pn-cycling, .page-navigation li.pn-cycling a, .page-navigation li.page-item-7, .page-navigation li.page-item-7 a { width: 120px; background-position: -71px 0; } .page-navigation li.pn-cycling:hover, .page-navigation li.pn-cycling a:hover, .page-navigation li.page-item-7:hover, .page-navigation li.page-item-7 a:hover, .page-navigation li.page-item-7:hover a, .page-navigation li.page-item-7.current_page_item, .page-navigation li.page-item-7.current_page_item a, .page-navigation li.page-item-7.current_page_parent, .page-navigation li.page-item-7.current_page_parent a { width: 120px; background-position: -71px -34px; } .page-navigation ul .page-item-7 ul { width: 109px; background: #d0701a; } .page-navigation ul .page-item-7 ul li { width: 109px !important; } .page-navigation ul .page-item-7 ul li a { padding: 0 7px; color: #e3cfbb; width: 95px !important; } .page-navigation ul .page-item-7 ul li a:hover { color: #fff; } .page-navigation li.pn-yoga, .page-navigation li.pn-yoga a, .page-navigation li.page-item-10, .page-navigation li.page-item-10 a { width: 105px; background-position: -191px 0; } .page-navigation li.pn-yoga:hover, .page-navigation li.pn-yoga a:hover, .page-navigation li.page-item-10:hover, .page-navigation li.page-item-10 a:hover, .page-navigation li.page-item-10:hover a, .page-navigation li.page-item-10.current_page_item, .page-navigation li.page-item-10.current_page_item a, .page-navigation li.page-item-10.current_page_parent, .page-navigation li.page-item-10.current_page_parent a { width: 105px; background-position: -191px -34px; } .page-navigation ul .page-item-10 ul { left: 6px; width: 104px; background: #a4961e; } .page-navigation ul .page-item-10 ul li { width: 104px !important; } .page-navigation ul .page-item-10 ul li a { padding: 0 10px; color: #faf1b1; width: 84px !important; } .page-navigation ul .page-item-10 ul li a:hover { color: #fff; } .page-navigation li.pn-wellness, .page-navigation li.pn-wellness a, .page-navigation li.page-item-9, .page-navigation li.page-item-9 a { width: 135px; background-position: -296px 0; } .page-navigation li.pn-wellness:hover, .page-navigation li.pn-wellness a:hover, .page-navigation li.page-item-9:hover, .page-navigation li.page-item-9 a:hover, .page-navigation li.page-item-9:hover a, .page-navigation li.page-item-9.current_page_item, .page-navigation li.page-item-9.current_page_item a, .page-navigation li.page-item-9.current_page_parent, .page-navigation li.page-item-9.current_page_parent a { width: 135px; background-position: -296px -34px; } .page-navigation ul .page-item-9 ul { left: 6px; width: 123px; background: #685e4a; } .page-navigation ul .page-item-9 ul li { width: 123px !important; } .page-navigation ul .page-item-9 ul li a { padding: 0 7px; color: #eee7d9; width: 109px !important; } .page-navigation ul .page-item-9 ul li a:hover { color: #fff; } .page-navigation li.pn-social, .page-navigation li.pn-social a, .page-navigation li.page-item-8, .page-navigation li.page-item-8 a { width: 112px; background-position: -431px 0; } .page-navigation li.pn-social:hover, .page-navigation li.pn-social a:hover, .page-navigation li.page-item-8:hover, .page-navigation li.page-item-8 a:hover, .page-navigation li.page-item-8:hover a, .page-navigation li.page-item-8.current_page_item, .page-navigation li.page-item-8.current_page_item a, .page-navigation li.page-item-8.current_page_parent, .page-navigation li.page-item-8.current_page_parent a { width: 112px; background-position: -431px -34px; } .page-navigation ul .page-item-8 ul { left: 6px; width: 114px; background: #605371; } .page-navigation ul .page-item-8 ul li { width: 114px !important; } .page-navigation ul .page-item-8 ul li a { padding: 0 7px; color: #cec7d7; width: 100px !important; } .page-navigation ul .page-item-8 ul li a:hover { color: #fff; } .page-navigation li.page-item-1050, .page-navigation li.page-item-1050 a { width: 104px; background-position: -544px 0; } .page-navigation li.page-item-1050:hover, .page-navigation li.page-item-1050 a:hover, .page-navigation li.page-item-1050:hover a, .page-navigation li.page-item-1050.current_page_item, .page-navigation li.page-item-1050.current_page_item a, .page-navigation li.page-item-1050.current_page_parent, .page-navigation li.page-item-1050.current_page_parent a { background-position: -544px -34px; } .page-navigation ul .page-item-1050 ul { width: 93px; } .page-navigation ul .page-item-1050 ul li { width: 93px !important; } .page-navigation ul .page-item-1050 ul li a { padding: 0 9px; color: #c5dcee; width: 75px !important; } .page-navigation ul .page-item-1050 ul li a:hover { color: #fff; } .masthead-phone { position: absolute; top: 29px; right: 102px; width: 300px; font-weight: bold; font-size: 18px; color: #4E7D7C; text-align: right; letter-spacing: -0.1px; text-transform: uppercase; } .masthead-socials { position: absolute; top: 24px; right: 14px; width: auto; } .masthead-socials .facebook, .masthead-socials .twitter { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url("img/i_twitter.png") no-repeat; text-indent: -9999em; box-shadow: 0 2px 2px #D3D3D1; -moz-box-shadow: 0 2px 2px #D3D3D1; -webkit-box-shadow: 0 2px 2px #D3D3D1; -o-box-shadow: 0 2px 2px #D3D3D1; } .masthead-socials .facebook { background: url("img/i_facebook.png") no-repeat; right: 37px; } /* hover and on states */ .content-area { float: left; display: inline; width: 100%; } .content { float: right; display: inline; width: 766px; } .intro-banner { } .intro-banner-wrap { padding: 0; } .intro-banner-wrap #image-slider { width: 936px;height: 345px; } .header-banner { } .header-banner-wrap { width: 744px; padding: 0; overflow: hidden; } .header-banner-wrap img { float: left; display: inline; width: auto; } .index-nav { position: relative; height: 90px; background: url(img/sp_indexNav.gif) no-repeat 10px 0; text-indent: -9000em; } .index-nav a { position: absolute; display: block; top: 6px; left: 0; width: 60px; height: 80px; } .index-nav .in-cycling a { left: 67px; } .index-nav .in-yoga a { left: 170px; } .index-nav .in-wellness a { left: 274px; } .index-nav .in-social a { left: 377px; } .page-banner { } .page-banner-wrap { padding: 0; } .page-banner-wrap h2 { margin: 0; padding: 0; text-indent: -9000em; height: 127px; } h2.h-sync-cycling { background: url(img/h_syncCycling.gif) no-repeat 0 0; } h2.h-sync-yoga { background: url(img/h_syncYoga.gif) no-repeat 0 0; } h2.h-sync-wellness { background: url(img/h_syncWellness.gif) no-repeat 0 0; } h2.h-sync-social{ background: url(img/h_syncSocial.gif) no-repeat 0 0; } .page-content { } .page-content-wrap .padding-wrap { padding: 30px 70px; } .sidebar { float: left; display: inline; width: 182px; } .secondary-nav { } .secondary-nav-wrap { height: 135px; } .secondary-nav-wrap h3 { margin: 0 0 1px; font-weight: bold; font-family: Arial; font-size: 15px; text-transform: uppercase; letter-spacing: -0.2px; text-shadow: 1px 1px rgba(244,244,241,.5); } .secondary-nav-wrap a { font-size: 9px; color: #565656; text-transform: uppercase; letter-spacing: -0.1px; text-shadow: 1px 1px rgba(244,244,241,.5); } .secondary-nav-wrap .current_page_item a, .secondary-nav-wrap .current_page_ancestor a { font-weight: bold; } .secondary-nav-wrap li { margin: 0 0 2px; line-height: 13px; } .secondary-nav-wrap ul ul { display: none; } .about-nav { background: url(img/bg_secondaryNavAbout.gif) no-repeat 0 0; } .about-nav h3, .about-nav .current_page_item a, .about-nav .current_page_ancestor a { color: #4e7d7c; } .cycling-nav { background: url(img/bg_secondaryNavCycling.gif) no-repeat 0 0; } .cycling-nav h3, .cycling-nav .current_page_item a { color: #df6701; } .yoga-nav { background: url(img/bg_secondaryNavYoga.gif) no-repeat 0 0; } .yoga-nav h3, .yoga-nav .current_page_item a { color: #a59a00; } .wellness-nav { background: url(img/bg_secondaryNavWellness.gif) no-repeat 0 0; } .wellness-nav h3, .wellness-nav .current_page_item a { color: #6a5f49; } .social-nav { background: url(img/bg_secondaryNavSocial.gif) no-repeat 0 0; } .social-nav h3, .social-nav .current_page_item a { color: #644f72; } .locations-nav { background: url(img/bg_secondaryNavLocations.gif) no-repeat 0 0; } .locations-nav h3, .locations-nav .current_page_item a { color: #3f6072; } .sync-links { } .sync-links a { font-size: 11px; display: block; margin: 0 0 12px; padding: 0 0 0 48px; height: 36px; line-height: 36px; text-transform: uppercase; background: url(img/sp_sidebarIcons.png) no-repeat 0 0; } .sl-classes a { background-position: 0 0; } .sl-sign-up a { height: 42px; line-height: 42px; background-position: 0 -46px; } .sl-facebook a { background-position: 0 -99px; } .sl-twitter a { background-position: 0 -148px; } .sl-blog a { background-position: 0 -197px; } .sl-store a { background-position: 0 -247px; } .sl-contact a { margin: 0; height: 25px; line-height: 25px; background-position: 0 -300px; } .sl-locations a { height: 38px; line-height: 38px; background-position: 0 -339px; } .sl-cycling-manual a { margin-bottom: 10px; background: url("img/i_synccylcingmanual.png") no-repeat; height: 32px; line-height: 13px; padding-top: 4px; } .sl-articles a { margin-bottom: 10px; background: url("img/i_articles.png") no-repeat; height: 32px; line-height: 13px; padding-top: 4px; } .sl-new-members a { height: 33px; padding-top: 6px; background-position: 0 -418px; line-height: 39px; line-height: 13px; } .sl-gift-cards a { height: 39px; line-height: 39px; background-position: 0 -378px; } .footer { clear: both; margin: 0 0 0; } * html .footer { margin-top: -20px; } *:first-child+html .footer { margin-top: -15px; padding-top: 5px; } *:first-child+html .footer-wrap { } .sync-services { position: relative; width: 901px; height: 50px; background: url(img/sp_footerLogos.gif) no-repeat 0 0; text-indent: -9000em; } .sync-services a { position: absolute; display: block; top: -11px; left: 0; height: 70px; } .sync-services a.ss-cycling { left: 0; width: 225px; } .sync-services a.ss-yoga { left: 230px; width: 200px; } .sync-services a.ss-wellness { left:435px; width: 250px; } .sync-services a.ss-social { left: 691px; width: 230px; } .contact-info { margin-bottom: 12px; padding-bottom: 9px; border-bottom: 1px solid #c1c1c1; } .contact-info ul { text-align: center; } .contact-info li { display: inline; padding: 0 13px 0 13px; border-left: 1px solid #ccc; color: #666; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; } .contact-info li:first-child { padding-left: 0; border: 0; } .contact-info a { color: #666; } /* Page styles --------------------- */ .sign-up-button { margin: 3em 0; } .sign-up-button a { display: block; width: 158px; height: 39px; text-indent: -9000em; background: url(img/g_signUpNow.gif) no-repeat 0 0; -moz-box-shadow: 0 0 2px #D3D3D1; -webkit-box-shadow: 0 0 2px #D3D3D1; box-shadow: 0 0 2px #D3D3D1; } div.instructor-list { float: left; display: inline; width: 100%; } div.instructor-list ul { float: left; display: inline; margin: 0; width: 100%; padding: 0; } div.instructor-list li { float: left; display: inline; width: 100%; margin: 0 0 30px 0; padding: 0; list-style: none; } div.instructor-list h3 { margin: 0 0 .5em; font-size: 14px; font-weight: bold; font-family: Arial; color: #666; } div.instructor-list .instructor-img { float: left; display: inline; width: 125px; margin: 0 10px 0 0; } div.instructor-list .instructor-txt { float: left; display: inline; width: 447px; } h2.title { color: #fff; } div.push { height: 20px; } /* index page */ .pre-open-promotions { } .pre-open-promotions h2 { margin-top: 36px; } .promotions { float: left; display: inline; width: 100%; margin: 1.5em 0; } .promotion { float: left; display: inline; width: 476px; margin: 0 0 1em; padding: 16px 24px; color: #fff; } .promotion h3 { float: left; display: inline; padding: 10px 0 0; margin: 0; width: 154px; font-size: 18px; text-transform: uppercase; letter-spacing: .05em; color: #fff; font-family: Arial, sans-serif; } .promotion ul { float: left; display: inline; width: 273px; margin: 0 0 0 24px; padding: 0 0 0 24px; border-left: 1px solid #fff; } .promotion li { float: left; display: inline; text-align: right; width: 273px; } .promotion .info { float: left; display: inline; width: 231px; } .promotion .price { float: left; display: inline; margin: 0 0 0 12px; width: 30px; } .classes { background: #88bcbb; } .classes h3 { padding: 20px 0 0; } .memberships { background: #618e8d; } .memberships h3 { padding: 27px 0 0; } .personal-training { background: #6a5f4a; } .private-yoga { background: #a59a00; } .wellness-coaching { background: #416b6a; } /* schedule page */ #healcode-schedule { } #healcode-classes select, #healcode-schedule select { width: auto; padding: 2px; margin: 0 3px 3px 0; } #healcode-classes div.healcode span.hc_date, #healcode-classes div.healcode span.hc_day, #healcode-schedule div.healcode span.hc_date, #healcode-schedule div.healcode span.hc_day { font-size: 15px; margin-left: 0; } #healcode-classes input.signup_now, #healcode-schedule input.signup_now { background: #4E7D7C; color: #fff; border: 0; width: auto; } #healcode-classes { } #healcode-classes div.class_show { padding: 1.5em 0; } #healcode-classes div.class_show:first-child { padding: 0 0 1.5em; } #healcode-classes div.back_link { margin-bottom: 1.5em; border-bottom: 1px solid #ccc; padding-bottom: 1.5em; } #healcode-classes div.class_visit_type { font-size: 14px; font-weight: bold; color: #4E7D7C; } #healcode-classes div.class_group { font-size: 12px; font-weight: bold; } #healcode-classes h3 { font-size: 12px; font-weight: bold; color: #333; } #healcode-classes p { font-weight: normal; color: #333; } /* holiday specials landing page */ .content-landing { float: left; width: 100%; } .content-landing-text { float: left; display: inline; width: 430px; margin: 0 20px 0 25px; } .content-landing-text strong { font-weight: bold; } .content-landing-text h1.holiday-specials { background: url("img/h_holidaySpecials.png") no-repeat; text-indent: -9999em; width: 261px; height: 18px; margin-top: 40px; } .content-landing-text h3 { font-size: 18px; line-height: 22px; margin: 0; } .content-landing-text p { line-height: 22px;} .content-landing-form { float: left; display: inline; width: 440px; margin: 0 0 14px; height: 260px; padding: 73px 20px 0; background: #a1c3c4 url("img/bg_landingForm.png"); overflow: hidden; } .content-landing-form .required-text { margin: 0 0 10px 131px; font-family: 'Lucida Grande'; font-size: 10px; line-height: 10px; color: #4f4f4f; } .content-landing-form div.input { float: left; display: inline; margin: 0 0 12px; width: 100%; } .content-landing-form label { font-weight: normal !important; } .content-landing-form div.input label { float: left; display: inline; margin-right: 6px; width: 125px; text-align: right; font-weight: normal !important; } .content-landing-form div.input input { float: left; display: inline; width: 253px; border-color: #717171 #b4b4b4 #d9d9d9 #b4b4b4; } .content-landing-form div.input input.image { margin-left: 131px; width: auto; border: 0; padding: 0; } .content-landing-form .in-touch { clear: both; margin-left: 131px; background: url("img/h_beInTouch.png") no-repeat; width: 255px; height: 9px; text-indent: -9999em; } .content-landing-form #prospect_form th { width: 125px; } .content-landing-form #prospect_form input#prospects_submit { background: url("img/b_redeemClass.png") no-repeat; width: 234px; height: 41px; text-indent: -9999em; } .content-landing-form #prospect_form .hc_required { display: none !important; } .content-landing-form #prospect_form .error label { color: #DF6701; font-weight: bold !important; } .content-landing-form img { display: none !important; } .content-landing-form-thank-you { color: #333; } .content-landing-form-thank-you h1 { color: #333; padding-top: 8px; } .content-landing-form-thank-you a { color: #fff; } /* locations pages */ .locations-page-content { } .locations-page-content .location-wrap { float: left; width: 100%; position: relative; min-height: 172px; margin-bottom: 36px; } .locations-page-content .location-wrap img { position: absolute; top: 0; left: 0; padding: 7px; border: 1px solid #D3D3D1; } .locations-page-content .location-wrap p, .locations-page-content .location-wrap h2 { margin-left: 220px; } .locations-page-content .location-wrap h2 { margin-top: -18px; color: #3F6072; text-transform: uppercase; font-size: 12px; } .locations-page-content .location-wrap p:last-child { margin-bottom: 0; } .locations-page-content iframe { border: 1px solid #D3D3D1; }