/* CSS Document */ /* Core structural */ html { background: #c1c1bf; } body { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; color: #777779; background: #c1c1bf; } strong { font-weight: bold; } em { font-style: italic; } div.hr { height: 1px; border-top: 1px solid #e6e6e6; font-size: 1px; margin: 22px 0; } div.after_list { margin-top: 0px; } .colPromo .hr { border-top: 1px solid #c1c1bf; margin: 2px 0 5px; } #mainWrapper { width: 950px; margin: 0 auto; } #mast { width: 950px; } #mainContent { padding-top: 3px; } a { outline:none; } a:link, a:visited, a:active { color: #e2801e; } a:hover { color: #919194; } a img, h1 a, h2 a, h3 a, h4 a { border:none; outline:none; } a.onDark { } a.onDark:link, a.onDark:visited, a.onDark:active { color: #a5e2f1; } a.onDark:hover { color: #cecece; } a.linkLineless { border:none !important; } .blue { color: #56aac2; } /* == Themed elemnts These styles are defined top down (see /layouts/regional/seattle.html.rb #mainWrapper) to elements of the page which change dependent on which section the user is currently located. */ .section .colorBar { background-color: #f28d1e; } .section ul#navigation-links li a.selected:link, .section ul#navigation-links li a.selected:visited, .section ul#navigation-links li a.selected:active, .section ul#navigation-links li a:hover { color: #f28e20; } /* BEGIN section-mode - All pages stored in the Mode section of pages */ .section-mode #columnsContainer #colLeftNav h3, .section-mode #columnsContainer .colorBar, .section-mode .imgBottomStroke { background-color: #f28d1e; } .section-mode ul#navigation-links li a.selected:link, .section-mode ul#navigation-links li a.selected:visited, .section-mode ul#navigation-links li a.selected:active, .section-mode ul#navigation-links li a:hover, .section-mode ul#leftNavList li a:hover, .section-mode ul#leftNavList li.selected ul li a:hover, .section-mode a:link, .section-mode a:visited, .section-mode a:active { color: #e2801e; } .section-mode ul#leftNavList li a, .section-mode ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #f28d1e; } .section-mode ul#leftNavList li.selected { background: #fff url(/images/li-selected.gif) no-repeat; } /* END section-mode */ /* BEGIN section-massage - All pages stored in the Massage section of pages */ .section-massage #columnsContainer #colLeftNav h3, .section-massage #columnsContainer .colorBar, .section-massage .imgBottomStroke { background-color: #f28d1e; } .section-massage ul#navigation-links li a.selected:link, .section-massage ul#navigation-links li a.selected:visited, .section-massage ul#navigation-links li a.selected:active, .section-massage ul#navigation-links li a:hover, .section-massage ul#leftNavList li a:hover, .section-massage ul#leftNavList li.selected ul li a:hover, .section-massage a:link, .section-massage a:visited, .section-massage a:active { color: #e2801e; } .section-massage ul#leftNavList li a, .section-massage ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #f28d1e; } .section-massage ul#leftNavList li.selected { background: #fff url(/images/li-selected.gif) no-repeat; } .section-massage .block ul li { background-image: url(/images/li-bullet-orange.gif); } .section-massage .block ul li ul li { background-image: url(/images/little-arrow-orange.gif); } .section-massage .groupBox h2, .section-mode .groupBox h2 { background-color: #f28d1e; } /* END section-massage */ /* BEGIN.section-training - All pages in the "Company" section */ .section-training #columnsContainer #colLeftNav h3, .section-training #columnsContainer .colorBar, .section-training .imgBottomStroke { background-color: #b53a7f; } .section-training ul#navigation-links li a.selected:link, .section-training ul#navigation-links li a.selected:visited, .section-training ul#navigation-links li a.selected:active, .section-training ul#navigation-links li a:hover { color: #b54b87; } .section-training ul#leftNavList li a:hover, .section-training ul#leftNavList li.selected ul li a:hover, .section-training a:link, .section-training a:visited, .section-training a:active { color: #b53a7f; } .section-training ul#leftNavList li a, .section-training ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #b53a7f; } .section-training ul#leftNavList li.selected { background: #fff url(/images/li-selected-magenta.gif) no-repeat; } .section-training a:hover, .section-mode a:hover, .section-massage a:hover { color: #919194;} .section-training .block ul li { background-image: url(/images/li-bullet-magenta.gif); } .section-training .groupBox h2 { background-color: #b54b87; } /* END.section-training */ /* BEGIN.section-membership - All pages in the "Company" section */ .section-membership #columnsContainer #colLeftNav h3, .section-membership #columnsContainer .colorBar, .section-membership .imgBottomStroke { background-color: #b0bb1e; } .section-membership ul#navigation-links li a.selected:link, .section-membership ul#navigation-links li a.selected:visited, .section-membership ul#navigation-links li a.selected:active, .section-membership ul#navigation-links li a:hover { color: #b0bb1e; } .section-membership ul#leftNavList li a:hover, .section-membership ul#leftNavList li.selected ul li a:hover, .section-membership a:link, .section-membership a:visited, .section-membership a:active { color: #b0bb1e; } .section-membership ul#leftNavList li a, .section-membership ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #b0bb1e; } .section-membership ul#leftNavList li.selected { background: #fff url(/images/li-selected-green.png) no-repeat; } .section-membership a:hover, .section-mode a:hover, .section-massage a:hover { color: #919194;} .section-membership .block ul li { background-image: url(/images/li-bullet-green.gif); } .section-membership .groupBox h2 { background-color: #b0bb1e; } /* END.section-membership */ /* BEGIN.section-member - All pages in the "Company" section */ .section-member #columnsContainer #colLeftNav h3, .section-member #columnsContainer .colorBar, .section-member .imgBottomStroke { background-color: #b0bb1e; } .section-member ul#navigation-links li a.selected:link, .section-member ul#navigation-links li a.selected:visited, .section-member ul#navigation-links li a.selected:active, .section-member ul#navigation-links li a:hover { color: #b0bb1e; } .section-member ul#leftNavList li a:hover, .section-member ul#leftNavList li.selected ul li a:hover, .section-member a:link, .section-member a:visited, .section-member a:active, .section-member .block strong { color: #b0bb1e; } .section-member ul#leftNavList li a, .section-member ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #b0bb1e; } .section-member ul#leftNavList li.selected { background: #fff url(/images/li-selected-magenta.gif) no-repeat; } .section-member .blk-content-col a { border-bottom: 1px dotted #b0bb1e; } .section-member a:hover, .section-mode a:hover, .section-massage a:hover { color: #919194;} /* END.section-training */ /* New User Signup "My Mode" section */ .section-signup #columnsContainer #colLeftNav h3, .section-signup #columnsContainer .colorBar, .section-signup .imgBottomStroke { background-color: #48aec9; text-align: left; padding-left: 30px; } .section-signup ul#navigation-links li a.selected:link, .section-signup ul#navigation-links li a.selected:visited, .section-signup ul#navigation-links li a.selected:active, .section-signup ul#navigation-links li a:hover, .section-signup ul#leftNavList li a:hover, .section-signup ul#leftNavList li.selected ul li a:hover { color: #49aac5; } .section-signup ul#leftNavList li a, .section-signup ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #48aec9; } .section-signup ul#leftNavList li.selected { background: #fff url(/images/li-selected-blue.gif) no-repeat; } .section-mymode #columnsContainer #colLeftNav h3, .section-mymode #columnsContainer .colorBar, .section-mymode .imgBottomStroke { background-color: #49aac5; } .section-mymode ul#navigation-links li a.selected:link, .section-mymode ul#navigation-links li a.selected:visited, .section-mymode ul#navigation-links li a.selected:active, .section-mymode ul#navigation-links li a:hover { color: #49aac5; } .section-mymode ul#leftNavList li a:hover, .section-mymode ul#leftNavList li.selected ul li a:hover, .section-mymode a:link, .section-mymode a:visited, .section-mymode a:active, .section-mymode .block strong { color: #49aac5; } .section-mymode ul#leftNavList li a, .section-mymode ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #49aac5; } .section-mymode ul#leftNavList li.selected { background: #fff url(/images/li-selected-blue.gif) no-repeat; } .section-mymode .blk-content-col a { border-bottom: 1px dotted #49aac5; } .section-mymode a:hover, .section-mode a:hover, .section-massage a:hover { color: #919194;} /* END section-signup */ /* BEGIN section-users - used for miscellaneous user pages that use a blue theme, like forogt_password */ .section-users #columnsContainer #colLeftNav h3, .section-users #columnsContainer .colorBar, .section-users .imgBottomStroke { background-color: #48aec9; text-align: left; text-indent: 30px; } .section-users .pageForm .pageFormTitle { background-color: #49aac5; } .section-users ul#navigation-links li a.selected:link, .section-users ul#navigation-links li a.selected:visited, .section-users ul#navigation-links li a.selected:active, .section-users ul#navigation-links li a:hover, .section-users ul#leftNavList li a:hover, .section-users ul#leftNavList li.selected ul li a:hover, .section-users a:link, .section-users a:visited, .section-users a:active, .section-users .block strong { color: #49aac5; } .section-users ul#leftNavList li a, .section-users ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #48aec9; } .section-users a { border-bottom: 1px dotted #49aac5;} .section-users ul#leftNavList li.selected { background: #fff url(/images/li-selected-blue.gif) no-repeat; } /* END section-users*/ /* BEGIN section-contact */ .section-contact #columnsContainer #colLeftNav h3, .section-contact #columnsContainer .colorBar, .section-contact .imgBottomStroke { background-color: #f0b310; } .section-contact ul#navigation-links li a.selected:link, .section-contact ul#navigation-links li a.selected:visited, .section-contact ul#navigation-links li a.selected:active, .section-contact ul#navigation-links li a:hover, .section-contact ul#leftNavList li a:hover, .section-contact ul#leftNavList li.selected ul li a:hover { color: #e2801e; } .section-contact ul#leftNavList li a, .section-contact ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #f0b310; } .section-contact ul#leftNavList li.selected { background: #fff url(/images/li-selected-yellow.gif) no-repeat; } .section-contact .orange-bullet-small { margin-left: 5px; } .section-contact .block ul li { background-image: url(/images/li-bullet-yellow.gif); } .section-contact .groupBox h2 { background-color: #f0b310; } /* END section-contact */ /* Begin section-info */ .section-info #columnsContainer #colLeftNav h3, .section-info #columnsContainer .colorBar, .section-info .imgBottomStroke { background-color: #49aac5; } .section-info ul#navigation-links li a.selected:link, .section-info ul#navigation-links li a.selected:visited, .section-info ul#navigation-links li a.selected:active, .section-info ul#navigation-links li a:hover { color: #49aac5; } .section-info ul#leftNavList li a:hover, .section-info ul#leftNavList li.selected ul li a:hover, .section-info a:link, .section-info a:visited, .section-info a:active, .section-info .block strong { color: #49aac5; } .section-info ul#leftNavList li a, .section-info ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #49aac5; } .section-info ul#leftNavList li.selected { background: #fff url(/images/li-selected-blue.gif) no-repeat; } .section-info .blk-content-col a { border-bottom: 1px dotted #49aac5; } .section-info a:hover, .section-mode a:hover, .section-massage a:hover { color: #919194;} /* END section-info */ /* Begin section-yoga */ .section-yoga #columnsContainer #colLeftNav h3, .section-yoga #columnsContainer .colorBar, .section-yoga .imgBottomStroke { background-color: #49aac5; } .section-yoga ul#navigation-links li a.selected:link, .section-yoga ul#navigation-links li a.selected:visited, .section-yoga ul#navigation-links li a.selected:active, .section-yoga ul#navigation-links li a:hover { color: #49aac5; } .section-yoga ul#leftNavList li a:hover, .section-yoga ul#leftNavList li.selected ul li a:hover, .section-yoga a:link, .section-yoga a:visited, .section-yoga a:active, .section-yoga .block strong { color: #49aac5; } .section-yoga ul#leftNavList li a, .section-yoga ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #49aac5; } .section-yoga ul#leftNavList li.selected { background: #fff url(/images/li-selected-blue.gif) no-repeat; } .section-yoga .blk-content-col a { border-bottom: 1px dotted #49aac5; } .section-yoga .block ul li { background-image: url(/images/li-bullet-blue.gif); } .section-yoga a:hover, .section-mode a:hover, .section-massage a:hover { color: #919194;} .section-yoga .groupBox h2 { background-color: #49aac5; } /* END section-yoga */ /* Rollover for h3 links in blocks */ .section-mode .blk-content-col h3 a:hover { color: #e2801e; } .section-massage .blk-content-col h3 a:hover { color: #e2801e; } .section-training .blk-content-col h3 a:hover { color: #b53a7f; } /* end themed elements*/ /* end themed colorings */ div.flashNotice, div.flashError { text-align: center; padding: 20px; margin: 2em auto; } div.flashNotice { border: 2px solid #c3cf21; background-color: #dce0a5; color: #818b00; } #userControls { float: right; } #userControls #user-logged-in-as { display: inline; } #userControls #user-logout { display: inline; } #adminNavigation { float: left; } #adminNavigation ul li { display: inline; list-style-type: none; } #top-logo { width: 130px; height: 58px; margin-top: 10px; float:left; } #login-status { height: 33px; float: right; margin-right: 1em; font-size: 80%; } #loginRemote {} #loginRemote h1 { background: #fff url(/images/image-text-headers.png) no-repeat -180px -340px; width: 99px; text-indent: -9999px; margin-top: 0; } #loginRemote label { color: #4e4f50; font-size: 80%; } #loginRemote label.lblField { float: left; font-weight: bold; width: 105px; } #loginRemote .rememberMe { padding-left: 105px; padding-bottom: 1em; } #loginRemote input.txtField { float: left; background-color: white; } #loginRemote p { padding-bottom: 2em; clear: left; } #loginRemote input.submitButton { border: none; outline: none; background: url(/images/mode-icons.png) no-repeat -30px -400px; height: 40px; width: 120px; cursor: pointer; /* hand-shaped cursor */ text-indent: -9999px; margin-left: 105px; display: block; } #loginRemote #linkForgotPassword { position: absolute; bottom: 10px; right: 15px; font-size: 10px; } #loginRemote .login-notice { font-size: 80%; } div#loginRemote.staticLogin { margin-left: 20px; } div#loginRemote.staticLogin #linkForgotPassword { position: relative; margin-left: 18px; } div#loginRemote.staticLogin h1 { margin-bottom: 10px; } /* Begin LivePipe CSS skin*/ #control_overlay { background-color:#000; } .modal { background-color:#fff; border: 6px solid #4db3d0; padding: 20px; } .tooltip { border: 2px solid #48AEC9; background-color:#fff; height:25px; width:200px; font-family:"Lucida Grande",Verdana; font-size:80%; color:#333; } .simple_window { width:250px; height:50px; border:1px solid #000; background-color:#fff; padding:10px; text-align:left; font-family:"Lucida Grande",Verdana; font-size:12px; color:#333; } .window { background-image:url("/images/black_square.png"); background-position:top left; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:10px; font-family:"Lucida Grande",Verdana; font-size:13px; font-weight:bold; color:#fff; text-align:center; min-width:150px; min-height:100px; } .window .window_contents { margin-top:10px; width:100%; height:100%; } .window .window_header { text-align:center; } .window .window_title { margin-top:-7px; margin-bottom:7px; font-size:11px; cursor:move; } .window .window_close { display:block; position:absolute; top:4px; left:5px; height:13px; width:13px; background-image:url("/stylesheets/window_close.gif"); cursor:pointer; cursor:hand; } /* end LivePip css skin */ #login-links { float: right; padding-top: 3px; padding-right: 25px; } #login-links li { font-size: 11px; display: inline; padding: 0 6px 0 3px; border-right: 1px solid #fff; } #login-links li.last { border-right: 0; } #login-links li a { text-decoration: none; color: white; } #login-links li a:hover { color: #4faac7; } #login-tab { text-align: right; float:right; } #login-tab a { border: none;} #columnsContainer, #demoContainer { width:100%; background: #e6e6e6 url(/images/bg_right_column.gif) repeat-y; } #demoContainer { background-color: white; } .threeColTile { background: #e6e6e6 url(/images/column-container-tile.gif) repeat-y; } #columnsContainer .col2-3 { width: 680px; margin-bottom: 0; padding: 40px 0; } #columnsContainer .col1-3 { width: 270px; } #columnsContainer .col1-3 #button-signup, #columnsContainer .col1-3 .demoButton { display: block; margin: 2em auto; text-align: center; } #columnsContainer .colorBar { height: 11px; } #columnsContainer #colLeftNav { width: 17%; float: left; } #columnsContainer #colLeftNav h3 { width: 100%; margin:0; text-align: left; text-indent: 30px; font-size: 110%; font-weight: normal; padding: 10px 0; color: white; } #columnsContainer .colContent { width: 515px; float: left; padding: 18px 0; } #mainContent .threeColTile .colContent { padding: 40px 0 18px 0; } #columnsContainer .colContent .block { padding: 0 18px; } #columnsContainer .colContent hr { width: 480px; margin-left: 18px; padding-bottom: 18px; } #columnsContainer .colPromo { } #columnsContainer .colPromo a { border: none; outline: none; } #columnsContainer .col1-4 { width: 23.5%; margin-top: 16px; } #columnsContainer .col1-4 a { outline: none; border: none; } #columnsContainer .col1-4 img { margin-left: 15px; } #columnsContainer .col1-4 .button-signup { margin-bottom: 15px; } #columnsContainer .colorBar { height: 11px; } .formContainer { border: 1px solid #cecece; padding: 1em; } .formContainer p, .formContainer div.formRow { padding: 1.5em 0; clear: left; } .formContainer p label, .formContainer div.formRow label, .formContainer p input, .formContainer p textarea, .formContainer dl dt, .formContainer dl dd { display:block; float: left; } .formContainer p input.radChck { padding-right: 1em; } .formContainer p textarea.txtSource { width: 60%; } .formContainer p label, .formContainer div.formRow label, .formContainer dl dt { text-align: right; width: 25%; padding-right: 30px; } span.radioGroup input { margin-top: 16px; } .formContainer p span.radioGroup label { text-align:left; width:75px; padding-left: 0.5em; padding-right: 0.5em; } .formContainer dl dt { clear: left; font-size: 80%; font-weight: bold; } .formContainer dl dt, .formContainer dl dd { margin: 0.75em 0; } .formContainer p.columnAligned { padding-left: 28%; } .clr { clear:both; } .clrleft { clear:left; } .clrright { clear:right; } .vertical-sep { font-size: 120%; color:#dedede; } ul.flat li { display: inline; margin-right: 2em; } ul.flat li a { white-space: nowrap; /* prevent wrapping on when items bolded */ } ul.bulletContent { margin-bottom: 20px; } ul.bulletContent li { list-style-type: disc; margin-left: 25px; } /* Logged in status bar*/ ul#logged-in-options li{ display: inline; margin-right: 0.5em; color: #fff; } /* end logged in status bar*/ /* navigation styles */ #site-navigation { padding: 1em; margin-top: 1.5em; background-color: #4e4f50; color: white; position: relative; } ul#navigation-links { position: absolute; bottom: 15px; right: 30px; } ul#navigation-links li { display:inline; margin-right: 2em; } ul#navigation-links li.last { margin-right: 1em;} ul#navigation-links li a:link, ul#navigation-links li a:visited, ul#navigation-links li a:active { color: white; text-decoration: none; border: none; } ul#navigation-links li a.selected:link, ul#navigation-links li a.selected:visited, ul#navigation-links li a.selected:active { text-decoration: none; border: none; } ul#navigation-links li a.selected:hover { color: white; } #login-controls { float: right; } /* navigation styles */ /* end core structural*/ .image-replaced p { display: none; } h1, h2, h3, h4 { color: #4e4f50; } h1 { font-size: 180%; font-weight: bold; } h2 { font-size: 160%; font-weight: bold; } h3 { font-size: 110%; font-weight: bold; margin-bottom: 0.25em; } h3 a:link, h3 a:visited, h3 a:active { color: #777779 !important; border: none !important; } h3 a:hover { color: #e2801e; } h4 { font-size: 120%; font-weight: bold; } p { font-size: 12px; margin-top:0; margin-bottom: 8px; line-height: 20px; } p.links { margin-bottom: 2px; } .w100 { width:100%; } .w80 { width:80%; } .w70 { width:70%; } .w60 { width:60%; } .w50 { width:50%; } .w40 { width:40%; } .w30 { width:30%; } .w33 { width: 33%; } .w25 { width:25%; } .w20 { width:20%; } .w15 { width:15%; } .w10 { width:10%; } .left { float: left; } .right { float: right; } .errorExplanation { padding-bottom:1em; } .errorExplanation h2 { margin-top:0; } .errorExplanation p { padding:0; } .padless { padding:0; } .bgWhite { background-color: white; } .centered { text-align: center; } span.phone_wrap input.ph3, span.phone_wrap input.ph4 { margin-right: 0.5em; } span.phone_wrap input.ph3 { width:2.2em;} span.phone_wrap input.ph4 { width:3.2em;} .type10 { font-size: 80%; } .type12, .small { font-size: 85%; } .type14 { font-size: 108%; } .type16 { font-size: 123.1%; } .pstart { margin-top: 22px; } /** * Tabular styles */ table { border-top: 1px solid #cecece; border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; } table.tblChkGroup { float: left; } table.tblPadded { margin: 1em 0; } table.tblConfirmPrice { margin: 1em auto; } table td, table th { padding: 0.5em; } table thead.black { background-color: #777; color: white; } table thead.black th { font-size: 130%; font-weight: bold; } tr { /* border-bottom: 1px dashed #cecece;*/ } tr.even { background-color: #fff; } tr.odd { background-color: #fafafa; } table.tblInvisible { border: none; } table.tblInvisible tr { border: none; } /* end tabular*/ hr { border-top: 1px solid #e6e6e6; border-left: none; border-right: none; border-bottom: none; clear: both; } hr.spacer, #columnsContainer .colContent hr.spacer { padding-bottom: 15px; } /* Footer styles */ #site-footer { margin: 26px auto 2em 0; font-size: 10px; color: #fff; } #site-footer #site-links { float: left; width: 680px; } #site-footer #social-links { float: left; width: 200px; margin-top: -5px; } #site-footer #social-links li { border-right: none; padding-right: 2px; margin-right: 2px; } #site-footer #social-links li a, #site-footer #social-links li a:hover { text-decoration: none; font-size: 9px; color: #414243; } #site-footer #social-links li a img { vertical-align: -50%; padding-right: 1px; } #site-footer #social-links li a span { text-decoration: underline; } #site-footer ul { padding-bottom: 0.5em; } #site-footer ul li { display:inline; margin-right: 3px; border-right: 1px solid #414243; padding-right: 5px; } #site-footer ul li.last, #site-footer ul.footer-line2 li.last { border-right: none; } #site-footer ul.footer-line2 { margin-top: 8px; } #site-footer ul.footer-line2 li { color: #8e8f8d; border-right: 1px solid #8e8f8d; } #site-footer #site-links ul.footer-line2 li a { color: #8e8f8d; } #site-footer #site-links a { color: #414243; } #site-footer a:link, #site-footer a:visited, #site-footer a:active { color: #4e5050; } #site-footer a:hover { color:#cecece; } /* end footer styles */ /* left navigation - used on tier2 pages */ ul#leftNavList { margin-top: 15px; margin-left: 7px; /* was 8 tmm */ margin-bottom: 100px; } ul#leftNavList li { width: 83%; /* wwas 80 tmm */ margin-bottom: 3px; font-size: 90%; margin-left:7px; /* was 8 tmm */ white-space: nowrap; /* prevent wrapping on when items bolded */ } ul#leftNavList li.nestingGroup a { padding-bottom:0; border-bottom: none; } ul#leftNavList li a, ul#leftNavList li.nestingGroup span.navSpacer { display: block; padding-bottom: 4px; margin-left: 13px; /* was 14 tmm */ } ul#leftNavList li ul { width: 100%; margin-top: 4px; margin-left: 9px; } ul#leftNavList li ul li { font-size: 100%; } ul#leftNavList li a { text-decoration: none; color: #919194; } ul#leftNavList li a strong { font-weight: normal; color: #4e4f50; } ul#leftNavList li a:link, ul#leftNavList li a:visited, ul#leftNavList li a:active, ul#leftNavList li.selected ul li a:link, ul#leftNavList li.selected ul li a:visited, ul#leftNavList li.selected ul li a:active { font-weight: normal; color: #919194; } ul#leftNavList li.selected { background-position: 0px 1px; } ul#leftNavList li.selected a:link, ul#leftNavList li.selected a:visited, ul#leftNavList li.selected a:active { color: #4e4f50; } /* end left navigation*/ /* begin cube */ div.cube { width: 50%; } /* end cube*/ #imgTotalLoader { vertical-align: middle; display: inline; } /* promo container box - situated at the right side of pages on the site*/ .promo, .tier2promo { margin: 18px; padding: 1.5em; background-color: white; } .promo { width: 73%; } .tier2promo { margin-top: 6px; width: 70%; font-size: 85%; } .promo h3, .tier2promo h3 { text-indent: -9999px; margin-top: 0; margin-bottom: 0;} .promo h3 a.next-group-session { width: 202px; height: 22px; display:block; text-indent: -9999px; background: #fff url(/images/image-text-headers.png) no-repeat 0 -60px; } .tier2promo h3 a.next-group-session { width: 98%; height: 22px; display:block; text-indent: -9999px; border: none; background: #fff url(/images/image-text-headers.png) no-repeat 0 -280px; } .promo ul li, .tier2promo ul li { margin-right: 10px; background: #fff url(/images/orange-arrow.png) no-repeat 0 2px; margin-bottom: 7px; } .promo ul li a, .tier2promo ul li a { margin-left: 15px; } .tier2promo ul li a { color: #e2801e !important; border-bottom: 1px dotted #e2801e !important; } .promo h4, .tier2promo h4 { font-weight: normal; text-indent: 0; font-size: 110%; } /* end promo container box*/ /* Get Fit container box*/ .getfit { width: 73%; margin: 18px 18px 18px 35px; } .getfit h3 { text-indent: -9999px; margin-top:0; margin-bottom:0;} .getfit h3 a.upcoming-get-fit { width: 220px; height: 30px; display: block; text-indent: -9999px; background: url(/images/image-text-headers.png) no-repeat 0 -80px; } .getfit #tblUpcomingEvents {} .getfit #tblUpcomingEvents td { border-bottom: 1px solid #cccccd; padding-bottom: 12px; } .getfit #tblUpcomingEvents td.tdDate { vertical-align: top; text-align: left; padding-left: 0; } .getfit #tblUpcomingEvents a:active, .getfit #tblUpcomingEvents a:link, .getfit #tblUpcomingEvents a:visited { color: #e2801e; } .getfit #tblUpcomingEvents a:hover { color: #717273; } .promo, .getfit { font-size: 90%;} /* end container box*/ /* Begin page styles*/ .block { line-height: 18px; } .block h2 { color: #919194; font-size: 17px; font-weight:normal; margin-bottom: 6px; } .block h3 { color: #777779; font-weight: normal; } .block h4 { color: #777779; font-weight: normal; } .block p { color: #919194; } .block p.title, .block h5 { margin-bottom: 0; padding-top: 8px; font-size: 12px; color: #919194; } .block h5 { font-weight: bold; } .block ul li { background-position: 0 7px; background-repeat: no-repeat; padding: 0 0 15px 10px; color: #919194; } .block ul.col1_of3, .block ul.col2_of3, .block ul.col3_of3 { width: 145px; float: left; } .block ul.col1_of2 { width: 165px; float: left; margin-right: 10px; } .block ul.col2_of2 { width: 165px; float: left; } .block .blk-content-col, .block .blk-image-col { padding:0; } .block .blk-content-col { width: 360px; float:left; margin: 0; } .colContent .block .blk-content-col { width: 308px; float:left; margin: 0; } .block .blk-content-col-right { width: 375px; float: right; } .block .blk-image-col-left { width: 175px; float: left; margin-right: 15px; } .block .blk-image-col { float:right; padding-top: 7px; } .block .blk-image-col img { display: block;} .block strong { font-weight: bold; } .marginless { margin: 0; } .longImgContainer { padding-right: 20px; margin-left: 20px; margin-top: 10px; float:left; line-height: 0; } img.imgBottomStroke { border-top:1px solid white; display: block;} img.imgMagenta { background-color: #b53a7f; } img.imgOrange { background-color: #e2801e; } img.imgGreen { background-color: #c3cf21;} img.grey-bullet-large { background: #fff url(/images/mode-icons.png) no-repeat 0 -150px; width: 16px; height: 16px; vertical-align: middle; padding-bottom: 4px; padding-right: 0; } img.orange-bullet-small { background: #fff url(/images/orange-arrow.png) no-repeat -16px -150px; height: 10px; width: 9px; vertical-align: middle; padding-right: 0; } img.green-bullet-small { background: #fff url(/images/green-arrow.png) no-repeat; height: 10px; width: 9px; vertical-align: middle; padding-right: 0; } img.magenta-bullet-small { background-image: url(/images/magenta-arrow.png) no-repeat; height: 10px; width: 9px; vertical-align: middle; padding-right: 0; } img.yellow-bullet-small { background-image: url(/images/yellow-arrow.png) no-repeat; height: 10px; width: 10px; vertical-align: middle; padding-right: 0; } div.greybox { background-color: #e6e6e6; margin-left: 18px; width: 82%; border: 2px solid #d5d5d6; } div.greybox .longImgContainer, div.greybox .blk-content-col { padding-bottom: 20px; padding-top: 20px; margin: 0; } div.greybox h2 { margin-top: 0; margin-bottom: 0.4em; } div.greybox h3 { margin-bottom: 1em; } ul.address li { font-size: 90%; line-height: 1.4em; } .pageForm { background: #fff; margin: 10px 20px 10px 0; padding: 20px; border: solid 2px #dcdcdd; width: 90%; display: block; } #columnsContainer .colContent .pageForm hr { width: 100%; margin-left: 0; margin-top: 26px; } .pageForm p { } .pageForm p.firstOfGroup { margin-top: 2em; } .pageForm h3 { margin-bottom: 1.5em; color: #4e4f50; } .pageForm h3.firstOfGroup { margin-top: 2em; } .pageForm p label { clear: left; float: left; width: 30%; margin: 7px 0; padding:0; font-size: 85%; } .pageForm p span.radioGroup label { text-align:left; float: none; width:75px; padding-left: 0.5em; padding-right: 0.5em; } .pageForm p input { margin-top: 6px; } .pageForm p input.tfldDob { width: 7em; } .pageForm p input.tfldPhone { width: 8.5em; } .pageForm p input.tfldZip { width: 3.5em; } .pageForm p input.tfldPrice { width: 4em; } .pageForm .pageFormTitle { margin: 0; padding:0; background-color: #b71a8b; } .pageForm .pageFormTitle h2 { padding:0; margin: 0; height: 20px; } .notice {} .affirmative { width: 70%; margin: 2em auto; border: 2px solid #c3cf21; background-color: #dce0a5; padding: 20px; color: #818b00; text-align: center; } .pageForm .loginError, .pageForm .errorExplanation, .login-notice { width: 70%; margin: 2em auto; border: 2px solid #f7941d; background-color: #fae5c0; padding: 20px; color: #f7941d; text-align: center; } .pageForm .errorExplanation ul, .pageForm .errorExplanation h2 { text-align: left;} .pageForm .errorExplanation h2 { font-size:100%; font-weight: bold; color: #e2801e; } .pageForm .errorExplanation ul li { list-style: disc; margin-left: 2em; } .pageForm input.submitButton { margin-left: 135px; border: none; outline: none; background: url(/images/mode-icons.png) no-repeat 0px -335px; height: 30px; width: 100px; cursor: pointer; /* hand-shaped cursor */ text-indent: -9999px; display: block; } /* begin HOME page */ .mast_home { background: #fff url(/images/banner-yoga.jpg) no-repeat; height: 375px; margin-bottom: 3px; } .mast_home ul { padding: 190px 0 0 59px; } .mast_home ul li { display: inline; } .mast_home ul li a { border: none; display: block; float: left; width: 166px; padding-right: 22px; } .home h1 { } .home .social_container { margin-top: 8px; } .home h1, .home h2 { font-size: 30px; } .col2-3 .block { padding: 0 55px 0 60px; } .home .mailing-list { width: 290px; height: 76px; float: left; margin-left: 40px; text-align: left; } .home .mailing-list { padding: 8px 0 0 0; } .home .mailing-list h3 { font-size: 16px; padding-bottom: 8px; color: #919194; } .home .mailing-list #email { width: 250px; border: 1px solid #c9c9ca; padding: 4px; font-size: 11px; color: #919194; } .home .mailing-list .submitArrows { float: right; } .borderless { text-decoration: none; border: none; } /* end HOME*/ /* begin about index */ img.button-demo { background-image: url(/images/mode-icons.png); background-repeat: no-repeat; background-position: -200px -170px; } img.button-signup { background-image: url(/images/mode-icons.png); background-repeat: no-repeat; background-position: 0 -170px; } /* end What is Mode?*/ /* begin How We Train */ div.how-we-train {} /* end How We Train*/ /* Begin nutrition */ div.nutrition {} /* end nutrition */ /* Begin find your mode index*/ div.find-index {} /* end find your mode index*/ /* begin Meet Mode of fitness */ /* end meet mode of fitness */ /* Begin meet trainers page */ .trainer-block { margin-bottom: 12px; } .trainer-block h4 { color: #919194;} .trainer-photo { float: left; padding-right: 20px; line-height: 0; } div.meet-trainers .block .blk-content-col, div.mgmt .block .blk-content-col { width: 75%; } div.meet-trainers .block .blk-content-col h2, div.mgmt .block .blk-content-col h2 { margin-top: 0; margin-bottom: 0; font-size: 130%; } div.meet-trainers .block .blk-content-col h4, div.mgmt .block .blk-content-col h4 { margin-top: 0.1em; font-size: 85%; } /* end meet trainers*/ /* begin trainer profile page */ div.trainer-profile {} div.trainer-profile .block .blk-content-col { width: 75%; } div.trainer-profile h1 { margin-top: 0; margin-bottom: 0.25em; } div.trainer-profile strong.trainer-stats { color: #919194; } div.trainer-profile p.trainer-activities { font-style: italic; } /* end trainer profile page */ /* begin mgmt page */ div.mgmt {} .bio-block { margin-bottom: 4em; } .bio-block h2, .bio-block h4 { display: inline; } .bio-block h4 { margin-left: 0.5em; color: #b53a7f; } /* end mgmt page*/ /* begin press releases page */ div.expandable { border-bottom: 1px solid #e6e6e6; padding-top: 13px; } div.expandable-first { border-top: 1px solid #e6e6e6; } div.expandable h2 { padding: 0 0 6px 0; margin-top: 0; width: 400px; font-size: 14px; display: block; float: left; } div.expandable img.arrow { float: right; padding-top: 6px; cursor: pointer; } div.expandable p.date { float: left; width: 70px; } div.expandable .expandable-view-more { font-size: 10px; display: block; float: right; padding-right: 5px; } div.expandable-title-selected h2 a:link, div.expandable-title-selected h2 a:visited, div.expandable-title-selected h2 a:active { color: #f28d1e; font-weight: bold; } div.expandable h2 a:hover { color: #f28d1e; } div.expandable h2 a { text-decoration: none;} div.expandable-title h2 a:link, div.expandable-title h2 a:visited, div.expandable-title h2 a:active { color: #919194; font-weight: normal; } div.expandable-body h3 { color: #b53a7f; margin-bottom: 1.5em; font-size: 110%; clear:left; } div.expandable em { display:block; margin-bottom: 1.5em; } .expandable-body { clear: both; width: 460px; } .expandable .expandable-body p strong { color: #f28d1e; font-weight: normal; } .expandable .expandable_spacer { clear: both; padding-bottom: 8px; } /* end press releases page */ /* begin MyMode pages */ /* MyMode SHOW page (seen when user first logs in) */ .mymode-show {} .imgStartTraining { background: transparent url(/images/mode-icons.png) no-repeat -400px -170px; display: block; width: 200px; height: 50px; border: 0; outline: 0; } /* end MyMode show*/ /* MyMode EDIT (or account settings) */ /* end MyMode edit*/ /* begin forgot password page*/ div.forgot-pass {} div.forgot-pass .pageForm .pageFormTitle h2 { padding: 4px 0 0 4px; background: #49aac5 url(/images/image-text-headers.png) no-repeat -175px -453px; width: 250px; text-indent: -9999px; } /* end forgot password page*/ /* MyMode welcome page */ .mymode-welcome p { margin-bottom: 2em; } /* end MyMode welcome*/ /* MyMode inactive page */ /* end mymode inactive page*/ /* end MyMode pages*/ /* ========= begin signup page ============ */ /* grey form text 4e4f50 grey not active form input voder a5d7e5 lightblue acive form input border a5d7e5 darker light grey form area border dcdcdd light grey text 919194 orange text #e2801e blue text #48aec9 green text cbd53f pink text b71a8b (also error text) */ /* begin sign up form steps */ .signup { background: #fff; NONOmargin: 30px 15px 0px 0px; border-left: 2px solid #e8e9ea; width: 562px; /* TO BE SAME WIDTH AS COMP */ display: block; } .signup h1, .signup h2, .signup h3, .signup h4 { /* all image replaced hXXX */ margin: 0; padding: 0; } .signup h1.intro { margin-left: 15px; margin-right: 57px; margin-bottom: 1em; padding-top: 12px; } .signup h1 .signup-signup { /* this is the image replacement for intro "sign up" h1 */ width: 90px; height: 25px; display: block; background: transparent url(/images/image-text-headers.png) no-repeat 0 -145px; } .signup h1 .signup-confirm { /* this is the image replacement for intro "sign up" h1 */ width: 245px; height: 25px; display: block; background: transparent url(/images/image-text-headers.png) no-repeat 0 -650px; } .signup p.intro { margin-left: 15px; margin-right: 57px; } .signUpForm { background: #fff; margin: 10px 20px 10px 16px; border: solid 1px #dcdcdd; width: 486px; /* TO BE SAME WIDTH AS COMP */ display: block; } .signUpForm p select { font-size: 80%; } #signUpStep1234 { background: #fff; } #signUpStep1, #signUpStep2, #signUpStep3, #signUpStep4 { margin: 0; clear: both; } /*.signup div { padding: 0 55px 0 80px; } */ #ccExample { font-size: 80%; } #ccExample #other { width: 269px; height: 186px; background: #fff url(/images/cv-card.jpg) no-repeat; } #ccExample #amex { width: 272px; height: 193px; background: #fff url(/images/cv-amex.jpg) no-repeat; } #newMemberForm {} #newMemberForm ol { margin-left: 0;} #newMemberForm h2 { font-size: 120%; text-indent: 0; color: #4e4f50; font-weight: normal; margin: 0 0 15px 0;} #newMemberForm ol li { clear: left; } #newMemberForm ol li label { font-size: 90%; color: #4e4f50; clear: both; float: left; width: 150px; padding-top: 6px; margin-right: 10px;} #newMemberForm ol li input { } #newMemberForm ol li input.stroked { border: 1px solid #48AEC9; height: 1.5em; padding: 2px 2px 0 4px; margin-top: 4px; width: 240px;} #newMemberForm ol li input.tfPhone { width: 110px;} #newMemberForm ol li input.tfDob { width: 80px;} #newMemberForm ol li input.tfCC { width: 140px;} #newMemberForm ol li input.tfZip { width: 60px;} #newMemberForm ol li input.tfCoupon { width: 60px;} #newMemberForm ol li input.tfCCVV { width: 40px;} #newMemberForm ol li p.finePrint { margin-right: 48px;} #newMemberForm ol li select { margin-top: 5px;} #newMemberForm ol li .radioGroup { padding-top: 9px; float: left;} #newMemberForm ol li .radioGroup input { } #newMemberForm ol li .radioGroup label { clear: none; float: none; width:20px;} #newMemberForm ol li .formError { margin-left: 160px; } #newMemberForm h2.signup-signup { /* This is the "sign up" image replacement at top of form, with BLUE background */ background: #48aec9; width: 476px; height: 25px; margin: 0; padding: 5px 0 0 10px; text-align: -999px; } #newMemberForm h2 span.signup-signup { background: transparent url(../images/image-text-headers.png) no-repeat 0 -170px; width: 80px; height: 20px; display: block; text-indent: -999px; } #newMemberForm ol li div.validatorIcon img { vertical-align: top; padding-top: 9px;} #newMemberForm .errorExplanation h2 { color: #E2801E;} #newMemberForm .step1Fields, #newMemberForm .step2Fields, #newMemberForm .step3Fields, #newMemberForm .step4Fields { margin-left: 33px; } #newMemberForm .buttonContainer { margin-right: 25px; padding-bottom: 15px;} #newMemberForm .buttonContainer a, #newMemberForm .buttonContainer a:hover, #newMemberForm .buttonContainer a:visited, #newMemberForm .buttonContainer a:link, #newMemberForm .buttonContainer a:focus { border: none; } #newMemberForm .buttonContainer .btnNext { float: right; } #newMemberForm .signupSubmitButton { float: right; padding: 0; margin: 0; } #newMemberForm table.package_choices { margin-right: 40px; } #newMemberForm table.package_choices span.packageDuesExtra { font-size: 85%; } /* This is the bad stuff we're rewriting*/ .signUpForm p { margin: 0 0 7px 20px; padding: 0px; Dposition: relative; clear: both; } .signUpForm p.finePrint { font-size: 80%; margin: 4em 2em; } .signUpForm h2.grey_heading { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 14px; font-weight: normal; text-indent: 0px; color: #4e4f50; margin-left: 20px; margin-bottom: 20px; } .signUpForm label, .signUpForm input, .pageForm label, .pageForm input { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; font-weight: normal; text-indent: 0px; color: #4e4f50; } .signUpForm label, .pageForm label { clear: left; float: left; width: 85px; margin: 7px; padding: 0; } .signUpForm label { margin-top: 14px; } .radioGroup label { clear: none; float: none; width: 20px; } .signUpForm table#tbl_order_total { margin: 0 auto 0 auto; } .signup h3 { font-size: 120%; padding-top: 2px; } .signup h3 span, .pageForm h3 span { background: transparent url(/images/mode-icons.png) no-repeat 0 -150px; display: inline; } /* for the package icon images on left of package choices */ table.package_choices, .package_choices tr { outline: none; border: none; padding: 0px; margin: 0px; } tr.total { border-top: 4px solid #63bcd6; } td.tdRight { text-align: right; } table#tbl_order_total { width: 50%; margin: 0 auto 2em auto; } .package_icons, .package_icons tr, .package_icons td, .package_descriptions, .package_descriptions tr, .package_descriptions td { border: none; padding: 0px; margin: 0px; } .icon_express_mode { width: 42px; height: 44px; background: transparent url(../images/mode-icons.png) no-repeat 0 0px; } .icon_life_mode { width: 42px; height: 44px; background: transparent url(../images/mode-icons.png) no-repeat 0 -50px; } .icon_power_mode { width: 42px; height: 44px; background: transparent url(../images/mode-icons.png) no-repeat 0 -100px; } h3.horztitle_express_mode { width: 155px; height: 25px; background: transparent url(../images/image-text-headers.png) no-repeat 0 -190px; display: block; padding: 0px; margin: 0px; } h3.horztitle_life_mode { width: 100px; height: 25px; background: transparent url(../images/image-text-headers.png) no-repeat 0 -220px; display: block; padding: 0px; margin: 0px; } h3.horztitle_power_mode { width: 135px; height: 25px; background: transparent url(../images/image-text-headers.png) no-repeat 0 -250px; display: block; padding: 0px; margin: 0px; } h4.horzsubtitle_express_mode { width: 150px; height: 15px; background: transparent ; /* url(../images/image-text-headers.png) no-repeat -180px -190px; */ display: block; padding: 0px; margin: 0px; } h4.horzsubtitle_life_mode { width: 150px; height: 15px; background: transparent ; /* url(../images/image-text-headers.png) no-repeat -180px -220px; */ display: block; padding: 0px; margin: 0px; } h4.horzsubtitle_power_mode { width: 150px; height: 15px; background: transparent ; /* url(../images/image-text-headers.png) no-repeat -180px -250px; */ display: block; padding: 0px; margin: 0px; } td.package_description { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 11px; padding-bottom: 17px; color: #919194; } td.package_price { font-family: Arial, helvetica; font-size: 14px; padding-bottom: 17px; /* 31px; comp has big spacing, but smaller seems to look better.. */ } td.i_choose_package { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 11px; color: #919194; text-align: right; } .textcolor_express_mode { color: #48aec9; } .textcolor_life_mode { color: #cbd53f; } .textcolor_power_mode { color: #b71a8b; } .userForm { background: #fff; margin: 10px 20px 10px 16px; border: solid 1px #dcdcdd; width: 486px; /* TO BE SAME WIDTH AS COMP */ display: block; } /* Sign up step 1 2 3 4 image replacement */ .userForm table.signup_steps { outline: none; border: none; padding: 0px; margin: 20px 0 10px 20px; } .userForm table.signup_steps tr { height: 40px; vertical-align: middle; outline: none; border: none; padding: 0px; margin: 0px; } .userForm table.signup_steps td { padding: 0px; margin: 0px; padding-right: 5px; } .userForm hr { padding-bottom: 0; } .userForm .step1Fields {} /*.userForm .step1Fields ol, .userForm .step1Fields h2 { margin-left: 80px;}*/ .userForm p.sectionSummary { font-size: 90%; color: #919194; margin-bottom: 15px; } .userForm h2.withSummary { margin-bottom: 10px !important; } a.lnToStep:hover, a.lnToStep:active, a.lnToStep:focus, a.lnToStep { border: none !important; outline: none; } .step_title { width: 65px; height: 30px; background: transparent url(../images/image-text-headers.png) no-repeat 0px -110px; padding: 0px; margin: 0px; } .step1, .step1_on, .step2, .step2_on, .step3, .step3_on, .step4, .step4_on, .step5, .step5_on { width: 28px; height: 28px; background: transparent url(../images/mode-icons.png) no-repeat -260px -200px; } .step1 { background-position: -200px -290px; } .step2 { background-position: -238px -290px; } .step3 { background-position: -273px -290px; } .step4 { background-position: -309px -290px; } .step5 { background-position: -346px -290px; } .step1_on { background-position: -200px -260px; } .step2_on { background-position: -238px -260px; } .step3_on { background-position: -273px -260px; } .step4_on { background-position: -309px -260px; } .step5_on { background-position: -346px -260px; } /* end sign up step table and contents */ div.packages { margin-bottom: 90px; } p.package_pricing_footnote { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 11px; padding-bottom: 17px; color: #919194; margin-top: 5px; text-align:center; } p.last_signup_buttons { height: 60px; margin: 0; } img.button_next_step, img.button_prev_step { width: 94px; height: 35px; } img.button_next_step { background: transparent url(../images/mode-icons.png) no-repeat -200px -220px; } img.button_next_step_off { background: transparent url(../images/mode-icons.png) no-repeat -310px -220px; } img.button_prev_step { background: transparent url(../images/mode-icons.png) no-repeat 0px -220px; } img.button_prev_step_off { background: transparent url(../images/mode-icons.png) no-repeat -100px -220px; } a.button_prev_step_link { clear: left; float: left; width: 94px; height: 35px; margin: 10px 0px 5px 10px; } a.button_next_step_link { clear: right; float: right; width: 94px; height: 35px; margin: 10px 10px 5px 0px; } .signupSubmitButton { SIGNUPwidth: 118px; width: 94px; height: 35px; SIGNUPbackground: transparent url(../images/mode-icons.png) no-repeat -30px -260px; background: transparent url(../images/mode-icons.png) no-repeat -200px -220px; clear: right; float: right; margin: 10px 10px 5px 0px; } .signupSubmitButton_off { SIGNUPwidth: 118px; width: 94px; height: 35px; SIGNUPbackground: transparent url(../images/mode-icons.png) no-repeat -30px -300px; background: transparent url(../images/mode-icons.png) no-repeat -310px -220px; clear: right; float: right; margin: 10px 10px 5px 0px; } .signupCommitSubmitButton { width: 118px; height: 35px; background: transparent url(../images/mode-icons.png) no-repeat -30px -260px; clear: right; float: right; margin: 10px 10px 5px 0px; } .signupCommitSubmitButton_off { width: 118px; height: 35px; background: transparent url(../images/mode-icons.png) no-repeat -30px -300px; clear: right; float: right; margin: 10px 10px 5px 0px; } .signUpForm a:active, .signUpForm a:focus { border: #a5d7e5 1px solid; } /* end sign up form steps */ /* ========= end signup page ============ */ /* end page-specific styles*/ /* BEGIN contact next step form page */ .nextStepForm h2.contact-nextstep { /* This is the "sign up" image replacement at top of form, with YELLOW/ORANGE background */ background: #f0b310; width: 482px; height: 25px; margin: 0; padding-top: 5px; padding-left: 10px; padding-bottom: 0px; } .nextStepForm h2 .contact-nextstep { /* this is the image replacement for intro "sign up" h1 */ width: 175px; height: 25px; display: block; background: #f0b310 url(../images/image-text-headers.png) no-repeat 0 -430px; } .nextStepForm .close a { Dfloat: right; position: relative; left: 420px; top: -32px; } .nextStepForm .close a { font-family: Arial, helvetica; font-size: 12px; color: #ffffff; text-decoration: underline; } .nextStepForm p.intro { margin-left: 15px; margin-right: 57px; margin-top: 20px; margin-bottom: 20px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; color: #4e4f50; } .nextStepForm p.extro { margin-left: 15px; margin-right: 57px; margin-top: 10px; margin-bottom: 10px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; color: #4e4f50; } .nextStepForm h1, .nextStepForm h2, .nextStepForm h3, .nextStepForm h4 { /* all image replaced hXXX */ text-indent: -9999px; margin: 0; padding: 0; } .nextStepForm { background: #fff; margin: 10px 20px 30px 18px; border: solid 1px #dcdcdd; width: 492px; /* TO BE SAME WIDTH AS COMP */ display: block; } .nextStepForm p { margin: 0 0 7px 20px; padding: 0px; position: relative; clear: both; } .nextStepForm h2.grey_heading { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 14px; font-weight: normal; text-indent: 0px; color: #4e4f50; margin-left: 20px; margin-bottom: 20px; } .nextStepForm label, .nextStepForm input { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; font-weight: normal; text-indent: 0px; color: #4e4f50; } .nextStepForm label { clear: left; float: left; width: 85px; margin: 7px; margin-top: 14px; padding: 0; } .nextStepForm .radioGroup label { clear: none; float: none; width: 20px; } .nextStepForm input { DDDposition: absolute; DDleft: 85px; } .nextStepForm p.last_signup_buttons { height: 40px; margin: 0; } .nextStepForm .leadSubmitButton_off { width: 95px; height: 26px; background: transparent url(../images/mode-icons.png) no-repeat -0px -370px; clear: right; float: right; margin: 10px 10px 5px 0px; } .nextStepForm #next_step_thankyou { float: left; margin-left: 20px; margin-top: 10px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; font-weight: normal; text-indent: 0px; color: #f0b310; } .nextStepForm #comment_form_errors { display: none; } .nextStepForm table { width: 450px; border: none; margin-left: 40px; } .nextStepForm table input { width: 40px; height: 15px; margin: 0; padding: 0; } .nextStepForm table label { width: 120px; margin-left: 7px; padding: 0; clear: none; float: none; } .nextStepForm table tr { width: 450px; height: 25px; border: none; padding: 0; margin: 0; } .nextStepForm table td { width: 150px; height: 15px; border: none; margin: 0; padding: 5px; } .submitContainer { margin-top: 5px; height: 40px;} .submitContainer #leadFormResults { width: 330px; float: left; } .submitContainer #leadLoadIndicator { float: left; width: 40px; height: 40px;} .leadSubmitButton { width: 95px; height: 26px; background: transparent url(../images/mode-icons.png) no-repeat -0px -335px; float: right; margin: 4px 10px 5px 0px; } /* END contact next step form page */ /* BEGIN contact SUPPORT form page */ .supportForm h2.support-mode { /* This is the "sign up" image replacement at top of form, with YELLOW/ORANGE background */ background: #f0b310; width: 476px; height: 25px; margin: 0; padding-top: 5px; padding-left: 10px; padding-bottom: 0px; } .supportForm h2 .support-mode { /* this is the image replacement for intro "support ticket" h1 */ width: 175px; height: 25px; display: block; background: #f0b310 url(../images/image-text-headers.png) no-repeat 0 -455px; } .supportForm p.intro { margin-left: 15px; margin-right: 57px; margin-top: 20px; margin-bottom: 20px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; color: #4e4f50; } .supportForm p.extro { margin-left: 15px; margin-right: 57px; margin-top: 10px; margin-bottom: 10px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; color: #4e4f50; } .supportForm h1, .supportForm h2, .supportForm h3, .supportForm h4 { /* all image replaced hXXX */ text-indent: -9999px; margin: 0; padding: 0; } .supportForm { background: #fff; margin: 10px 20px 10px 18px; border: solid 1px #dcdcdd; width: 486px; /* TO BE SAME WIDTH AS COMP */ display: block; } .supportForm p { margin: 0 0 7px 20px; padding: 0px; clear: both; } .supportForm h2.grey_heading { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 14px; font-weight: normal; text-indent: 0px; color: #4e4f50; margin-left: 20px; margin-bottom: 20px; } .supportForm label, .supportForm input, .supportForm select { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; font-weight: normal; text-indent: 0px; color: #4e4f50; } .supportForm label { clear: left; float: left; width: 85px; margin: 3px 7px 7px 7px; padding: 0; } .supportForm .radioGroup label { clear: none; float: none; width: 20px; } .supportForm input { DDDposition: absolute; DDleft: 85px; } .supportForm input:active, .supportForm input:focus { NOREMOVEoutline: 1px solid #f0b310; /* FORMOUTLINE */ } .supportForm p.last_signup_buttons { height: 40px; margin: 0; } .supportForm .leadSubmitButton { width: 95px; height: 26px; background: transparent url(../images/mode-icons.png) no-repeat -0px -335px; Dclear: right; float: right; margin: 10px 10px 5px 0px; } .supportForm .leadSubmitButton_off { width: 95px; height: 26px; background: transparent url(../images/mode-icons.png) no-repeat -0px -370px; clear: right; float: right; margin: 10px 10px 5px 0px; } .supportForm #form_thankyou { float: left; margin-left: 20px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; font-weight: normal; text-indent: 0px; color: #f0b310; } .supportForm #comment_form_errors { display: none; } .supportForm .submitContainer { margin-top: 5px; height: 40px;} .supportForm .submitContainer #leadFormResults { width: 200px; margin-left: 80px; float: left; } .supportForm .submitContainer #leadLoadIndicator { float: right; width: 40px; height: 40px; margin-left: 310px;} .supportForm .leadSubmitButton { width: 95px; height: 26px; background: transparent url(../images/mode-icons.png) no-repeat -0px -335px; float: right; margin: 4px 40px 5px 0px; } /* END contact SUPPORT form page */ /* BEGIN form validate classes */ .validate_hint_image, .validate_error_image, .validate_success_image { position: relative; top: 7px; } .validate_hint_image img, .validate_error_image img, .validate_success_image img { position: relative; width: 22px; height: 22px; } .validate_hint_image img { background: transparent url(../images/mode-icons.png) no-repeat 0px -308px; } .validate_error_image img { background: transparent url(../images/mode-icons.png) no-repeat 0px -260px; } .validate_success_image img { background: transparent url(../images/mode-icons.png) no-repeat 0px -284px; } .validate_hint, .validate_error, .validate_success { float: left; left: 85px; width: 345px; /* force safari to make sure the hint is on its own line */ margin: 7px 0 7px 0; } .validate_hint { /* display: none;*/ } .validate_error { color: #b71a8b; display: block; width: 50%; font-size: 80%; } .validate_success { display: none; } /* END form validate classes */ /* BEGIN misc form pages */ /* END misc form pages */ /* BEGIN contact NEWSLETTER signup form page */ .newsletterForm h2.newsletter-mode { /* This is the "sign up" image replacement at top of form, with YELLOW/ORANGE background */ background: #f0b310; width: 476px; height: 25px; margin: 0; padding-top: 5px; padding-left: 10px; padding-bottom: 0px; } .newsletterForm h2 .newsletter-mode { /* this is the image replacement for intro "support ticket" h1 */ width: 175px; height: 25px; display: block; background: #f0b310 url(../images/image-text-headers.png) no-repeat -180px -430px; } .newsletterForm p.intro { margin-left: 15px; margin-right: 57px; margin-top: 20px; margin-bottom: 20px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; color: #4e4f50; } .newsletterForm p.extro { margin-left: 15px; margin-right: 57px; margin-top: 10px; margin-bottom: 10px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; color: #4e4f50; } .newsletterForm h1, .newsletterForm h2, .newsletterForm h3, .newsletterForm h4 { /* all image replaced hXXX */ text-indent: -9999px; margin: 0; padding: 0; } .newsletterForm { background: #fff; margin: 10px 20px 10px 10px; border: solid 2px #dcdcdd; width: 486px; /* TO BE SAME WIDTH AS COMP */ display: block; } .newsletterForm p { margin: 0 0 7px 20px; padding: 0px; Dposition: relative; clear: both; } .newsletterForm h2.grey_heading { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 14px; font-weight: normal; text-indent: 0px; color: #4e4f50; margin-left: 20px; margin-bottom: 20px; } .newsletterForm label, .newsletterForm input { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; font-weight: normal; text-indent: 0px; color: #4e4f50; } .newsletterForm label { clear: left; float: left; width: 85px; margin: 3px 7px 7px 7px; padding: 0; } .newsletterForm .radioGroup label { clear: none; float: none; width: 20px; } .newsletterForm input { DDDposition: absolute; DDleft: 85px; } .newsletterForm input:active, .newsletterForm input:focus { NOREMOVEoutline: 1px solid #f0b310; /* FORMOUTLINE */ } .newsletterForm p.last_signup_buttons { height: 60px; margin: 0; } .newsletterForm .leadSubmitButton { width: 95px; height: 26px; background: transparent url(../images/mode-icons.png) no-repeat -0px -335px; Dclear: right; float: right; margin: 10px 10px 5px 0px; } .newsletterForm .leadSubmitButton_off { width: 95px; height: 26px; background: transparent url(../images/mode-icons.png) no-repeat -0px -370px; clear: right; float: right; margin: 10px 10px 5px 0px; } .newsletterForm #form_thankyou { float: left; margin-left: 20px; margin-top: 10px; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 14px; font-weight: normal; text-indent: 0px; color: #f0b310; } .newsletterForm #comment_form_errors { display: none; } /* END contact NEWSLETTER signup form page */ /* end page-specific styles*/ table.whyiworkout label { text-indent: 30px; } /* begin info privacy policy / sitemap */ /* BEGIN section info pviacy policy/sitemap */ .section-info #columnsContainer #colLeftNav h3, .section-info #columnsContainer .colorBar, .section-info .imgBottomStroke { background-color: #48aec9; text-align: left; padding-left: 30px; } .section-info #columnsContainer #colLeftNav h3 { width: 130px; } .section-info ul#navigation-links li a.selected:link, .section-info ul#navigation-links li a.selected:visited, .section-info ul#navigation-links li a.selected:active, .section-info ul#navigation-links li a:hover, .section-info ul#leftNavList li a:hover, .section-info ul#leftNavList li.selected ul li a:hover { color: #49aac5; } .section-info ul#leftNavList li a, .section-info ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: 1px solid #48aec9; } .section-info ul#leftNavList li.selected { background: #fff url(/images/li-selected-blue.gif) no-repeat; } /* END section-info */ .signUpForm p { margin: 0 0 7px 20px; padding: 0px; Dposition: relative; clear: both; } .signUpForm h2.grey_heading { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 14px; font-weight: normal; text-indent: 0px; color: #4e4f50; margin-left: 20px; margin-bottom: 20px; } #supportFormId_form_dom label, #supportFormId_form_dom input, .pageForm label, .pageForm input, #supportFormId_form_dom textarea, #supportFormId_form_dom select { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 80%; font-weight: normal; text-indent: 0px; color: #4e4f50; } #supportFormId_form_dom label, .pageForm label { clear: left; float: left; width: 65px; margin: 3px 7px 7px 7px; padding: 0; } #supportFormId_form_dom .radioGroup label { clear: none; float: none; width: 20px; } #supportFormId_form_dom table#tbl_order_total { margin: 0 auto 0 auto; } #supportFormId_form_dom input:active, #supportFormId_form_dom input:focus { NOREMOVEoutline: 1px solid #a5d7e5; /* FORMOUTLINE */ } /* Begin site-credits */ .site-credits {} /* BEGIN sitemap */ .sitemap ul#navigation-links li a.selected:link, .sitemap ul#navigation-links li a.selected:visited, .sitemap ul#navigation-links li a.selected:active, .sitemap ul#navigation-links li a:hover, .sitemap ul#leftNavList li a:hover, .sitemap ul#leftNavList li.selected ul li a:hover, .sitemap a:link, .sitemap a:visited, .sitemap a:active { color: #48aec9; } .sitemap ul#leftNavList li a, .sitemap ul#leftNavList li.nestingGroup span.navSpacer { border-bottom: none; } .sitemap ul#leftNavList li.selected { background: #fff url(/images/li-selected.gif) no-repeat; } .sitemap .blk-content-col a { border-bottom: 1px dotted #e2801e; } .sitemap ul#leftNavList { margin-top: 10px; margin-bottom: 20px; padding-bottom: 0; } .sitemap .section { font-size: 12px; } .sitemap .section a:visited, .sitemap .section a:active, .sitemap .section a:link, .sitemap .section a { color: #444444; font-size: 12px; text-decoration: none; border-bottom: 1px dotted #62c3db; } .sitemap .section a:hover { color: #48aec9; } .sitemap .section a:hover { color: #48aec9; } div.halfListRight { float:right; width:45%; } div.halfListLeft { float:left; margin-left:15px; width:50%; } /* END sitemap */ /* BEGIN DEMO styles */ #overlay{ background-image: url(/images/lightbox/overlay.png); position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 100%; } * html #overlay{ background-color: #333; background-color: transparent; background-image: url(/images/lightbox/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="/images/lightbox/overlay.png", sizingMethod="scale"); } #hiddenDiv { font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif; } #box{ background:#FFFFFF; margin: 0; padding: 0; border:1px solid #666; overflow: auto; text-align: left; border-top: 7px solid #62c3db; border-bottom: 7px solid #62c3db; height: 570px; } #box #presCenter img.main { margin: 0 auto; Dposition: relative; } #box #presCenter { width: 100%; text-align: center; } #box #close{ position:absolute; top:10px; right:10px; cursor:pointer; } #box #boxContents { margin-top:12px; padding:30px; padding-top: 0px; } ul#boxNav { padding: 0; margin: 0 0 10px 0; position: absolute; bottom: 0px; left: 0; width: 100%; border-top: #ededee 2px solid; border-bottom: #ededee 2px solid; } ul#boxNav li { list-style: none; } ul#boxNav li a { color: #666; font-weight: bold; height: 20px; text-decoration: none; } ul#boxNav li a:hover { text-decoration: underline; } ul#boxNav li#prevSlide a { float: left; padding-left: 35px; margin-left: 35px; background: url(/images/lightbox/prev.gif) no-repeat left center; } ul#boxNav li#nextSlide a { float: right; padding-right: 35px; margin-right: 35px; background: url(/images/lightbox/next.gif) no-repeat right center; } ul#boxNav li#closeSlide a { float: right; padding-right: 35px; margin-right: 35px; background: url(/images/lightbox/close2.gif) no-repeat right center; } #boxNav a.button_prev_step_link { clear: left; float: left; width: 94px; height: 35px; margin: 10px 0px 10px 10px; } #boxNav a.button_next_step_link { clear: right; float: right; width: 94px; height: 35px; margin: 10px 10px 10px 0px; } #boxNav a.button_signup_link { clear: right; float: right; width: 118px; height: 35px; margin: 10px 10px 10px 0px; } img.demoSignupButton { width: 118px; height: 35px; } img.demoSignupButton { background: transparent url(/images/mode-icons.png) no-repeat -30px -260px; } #hiddenDiv p { font-family:Helvetica,Arial,sans-serif; font-size: 15px; line-height: 20px; margin-top: 10px; } #hiddenDiv h3 { width: 555px; height: 25px; display: block; padding: 0px; margin: 20px 0 0 0px; text-indent: -9999px; } h3.demoHeader1 { background: transparent url(/images/image-text-headers.png) no-repeat 0 -480px; } h3.demoHeader2 { background: transparent url(/images/image-text-headers.png) no-repeat 0 -510px; } h3.demoHeader3 { background: transparent url(/images/image-text-headers.png) no-repeat 0 -540px; } h3.demoHeader4 { background: transparent url(/images/image-text-headers.png) no-repeat 0 -570px; } h3.demoHeader5 { background: transparent url(/images/image-text-headers.png) no-repeat 0 -600px; } /* END DEMO STYLES */ .clear { clear: both; } .userForm ol li div.formError { float: left; width: 300px; color: #b71a8b; display: block; width: 50%; font-size: 80%; } .userForm ol li div.formErrorAfterSelect { float: left; width: 300px; color: #b71a8b; display: block; width: 50%; margin: 5px 0 10px 100px; font-size: 80%; } .userForm h2 { margin-top: 15px;} .userForm ol { margin: 0 0 0 15px;} .userForm ol li label { margin-top: 2px; } .userForm ol li { clear: both; margin-bottom: 18px;} .userForm ol li .formError { margin: 5px 0 10px; } .userForm ol li .radioGroup input { margin-top: 0;} .userForm ol li div.validatorIcon { display: inline; } .userForm ol li div.validatorIcon img { padding: 4px 0 0 4px; vertical-align: bottom;} .userForm .errorExplanation { width: 70%; margin: 2em auto; border: 2px solid #f7941d; background-color: #fae5c0; padding: 20px; color: #f7941d; text-align: center; font-size: 90%; } .userForm .errorExplanation ul, .userForm .errorExplanation h2 { text-align: left;} .userForm .errorExplanation h2 { font-size:100%; font-weight: bold; color: #e2801e; } .userForm .errorExplanation ul li { list-style: disc; margin-left: 2em; } .userForm .chkGrid3x3 { margin-left: 20px;} .userForm .submitButtonHolder input { margin-left: 100px; } .chkGrid3x3 {} .chkGrid3x3 .row { margin: 0 8px 15px 8px;} .chkGrid3x3 .row .cell { width: 30%; float: left;} .chkGrid3x3 .row .cell label { width: 90px; float: left; display: block; clear: none; margin: 0 0 0 8px;} .chkGrid3x3 .row .cell input { float: left; border: none; outline: none;} .hilite { color: #f0b310; } .contactPlate { background: #f7f7f7 url(/images/bg_contact_icon.gif) no-repeat 0 30px; border: 2px solid #f2f2f3; width: 492px; } .contactPlate h3 { padding-top: 40px; margin-left: 102px;} .contactPlate p { margin-left: 102px; padding-bottom: 30px; font-size: 90%; } .contactPlate a:link, .contactPlate a:visited, .contactPlate a:active { color: #919194; text-decoration: none; border: none;} .longForm { margin-left: 15px;} .longForm h3 { margin: 0 0 15px 22px; padding-top: 5px;} .editForm .errorExplanation h2 { margin-top: 0;} /* Styles for listing and confirming new member information */ .memberInformation { padding: 20px; } .memberInformation h1, .memberInformation h2, .memberInformation h3, .memberInformation h4 { text-indent: 0; } .memberInformation h4 { clear: both; } .memberInformation dl dd { width: 210px; font-size:90%; float: left; } .memberInformation dl dt { font-size: 90%; float: left; clear:left; display: block; width: 200px;} .memberInformation dl dt, .memberInformation dl dd { margin-bottom: 4px;} /*.memberInformation dl dd { width: 450px; font-size: 90%; font-weight: bold;}*/ .memberInformation dl dt.bottomLine, .memberInformation dl dd.bottomLine { border-bottom: 1px solid #dedede; padding-bottom: 8px;} .memberInformation dl dt.total, .memberInformation dl dd.total { padding-top: 15px;} .memberInformation .couponList { border: 2px solid #c3cf21; background-color: #dce0a5; padding: 0 10px 10px 10px; margin: 10px 0; } /* overrides memberInformation on public side of website */ .userForm .memberInformation h4 { font-size: 100%; margin-bottom: 10px; } .userForm .memberInformation p { margin-left: 0;} .userForm .memberInformation .signupCommitSubmitButton { margin: 0;} /* end memberInformation overrides*/ .colPromo .promotions { padding: 16px 0 0 20px; width: 229px; } .colPromo #partner_widget { width: 229px; height: 150px; background: #e6e6e6 url(/images/bg_our_partners.png) no-repeat; position: relative; margin-bottom: 25px; } .colPromo #partner_widget .logos { width: 160px; height: 74px; padding: 47px 15px 0px 15px; overflow: hidden; } .colPromo #partner_widget .controls { text-align: center; width: 175px; margin: 0 auto; } .colPromo #partner_widget #partner-logo-view { margin-left: 20px; width: 150px; height: 60px; overflow: hidden; } .colPromo #partner_widget .controls a.arrowRight { padding-top: 3px; display: block; float: right; } .colPromo #partner_widget .controls a.arrowLeft { padding-top: 3px; display: block; float: left; } .colPromo #partner_widget .controls a.mode-partners { font-size: 10px; color: #919194; padding: 2px 5px 0 5px; } .colPromo #partner_widget .logos .inner a { float: left; width: 150px; height: 60px; } /* mode/partners - Partners page */ .partners img.partner-chloe { margin-right: 30px; padding: 26px 0 0 17px; float: left; } .partners img.partner-ui { margin-right: 30px; padding: 5px 0 0 17px; float: left; } .partners .block div.blk-content-col-right { width: 294px; float: left; } .partners .block div.blk-content-col-right p { font-size: 11px; line-height: 18px; margin-bottom: 9px; } /* contct/index - Contact page */ .contact-mode ul.address { line-height: 22px; margin-bottom: 22px; } .contact-mode ul.address li { display: inline; padding-left: 0; padding: 0 12px 0 0; list-style-type: none; background: none; } .contact-mode ul.address li span { color: #f0b310; } .contact-mode ul.address li a { font-size: 11px; color: #f0b310; } .section-contact div.expandable a.expandable-view-more { color: #f0b310; } .contact-mode ul.address li a.email { font-size: 12px; color: #919194; text-decoration: none; } /* mode/index - About us page */ ol.hours { font-size: 11px; } ol.hours li { line-height: auto; } ol.hours li.title { color: #e2801e; } ol.hours dl { border-top: 1px solid #e0e0df; clear: both; } ol.hours dl dd { float: left; } ol.hours dl dt { float: right; } .block-hours ol.hours { width: 260px; float: left; margin-right: 35px; margin: 0 35px 0 0; padding-bottom: 0px; } .block-hours ol.service-hours { margin-right: 0; } .section-mode ol.gym-hours, .section-mode ol.service-hours, .section-contact ol.gym-hours, .section-contact ol.service-hours, .side-hours ol.gym-hours, .side-hours ol.service-hours { width: 165px; float: left; margin-right: 25px; padding-bottom: 30px; } .side-hours ol.hours dl { border-top: 1px solid #d0d0cf; } .side-hours { width: 195px; padding: 0 15px; } .side-hours ol.gym-hours, .side-hours ol.service-hours { clear: left; width: 100%; } .side-hours h3 { font-size: 21px; } .side-hours ol.gym-hours { padding-bottom: 15px; } .section-contact .block-hours ol.hours li.title { color: #F0B310; } /* info/index - Find us page */ .section-info #map_canvas { height: 392px; border: 3px solid #4faac7; margin-top: 4px; } /* social*/ table.social-links { width: 135px; height: 76px; float: left; background: #fff url(/images/bg_home_social_links_new.png) no-repeat; border: none; } table.social-links tr { border: none; } table.social-links td { padding-top: 12px; width: 50px; vertical-align: top; text-align: center; font-size: 10px; } table.social-links a { text-decoration: none; color: #414243; } table.social-links a span { text-decoration: underline; } /* groupBox - Used for coloration of grouped elements*/ .groupBox { border: solid 1px #dcdcdd; width: 480px; clear: both; margin: 0 0 24px 16px; } .groupBox h2 { padding: 11px 11px 0 11px; font-size: 16px; color: #ffffff; } .groupBox div.groupBox-content { padding: 11px; } /* membership/options - Memberhip options page */ .membership-options .option { font-size: 14px; color: #b0bb1e; padding: 0 0 5px 0; } .membership-options h2 { font-size: 18px; } .membership-options .option em { color: #c2c2c2; font-style: italic; } /* mode/tour - Photo gallery viewer */ #photoviewer { width: 482px; height: 427px; background: #fff url(../images/photoviewer/bg_photoviewer.gif) no-repeat; padding: 9px; } #photoviewer .colorbar { width: 463px; margin: 4px 0 6px; height: 4px; background-color: #f28d1e; } #photoviewer .main-photo { width: 463px; height: 308px; } #photoviewer #loadScreen { position: absolute; width: 463px; height: 308px; background-color: #f2f2f2; opacity: 0.8; filter: alpha(opacity = 80); } #photoviewer #loadScreen #loadIcon { position: absolute; left: 225px; top: 150px; } #photoviewer a#btn-prev { float: left; text-indent: -9999px; display: block; background: #fff url(../images/photoviewer/btn_photoviewer_prev.gif) no-repeat; width: 16px; height: 62px; } #photoviewer a#btn-prev:hover { background: #fff url(../images/photoviewer/btn_photoviewer_prev_on.gif) no-repeat; } #photoviewer a#btn-next { float: left; display: block; text-indent: -9999px; background: #fff url(../images/photoviewer/btn_photoviewer_next.gif) no-repeat; width: 16px; height: 62px; } #photoviewer a#btn-next:hover { background: #fff url(../images/photoviewer/btn_photoviewer_next_on.gif) no-repeat; } #carousel-wrapper { width: 431px; height: 70px; margin-top: -2px; overflow: hidden; float: left; } #carousel-content { width: 416px; height: 70px; overflow: hidden; float: left; margin-left: 7px; } #carousel-content .slide { float: left; width: 87px; height: 66px; padding-left: 4px; } #carousel-content .first { padding-left: 0; } #carousel-content .slide img { float: left; border: 2px solid #f2f2f2; } #carousel-content .slide img.selected { border: 2px solid #f6af61; } #photoviewer #photo-caption { clear: both; font-size: 10px; margin: 0 0 0 25px; } /* contact/index - Lead submission form */ #formLead {} #formLead fieldset { border-bottom: 1px solid #e6e6e6; margin: auto 12px 15px 12px; padding-bottom: 17px; } #formLead fieldset legend { font-size: 16px; color: #919194; margin-bottom: 15px; } #formLead fieldset.info legend { padding-top: 10px; } #formLead fieldset label { font-size: 11px; } #formLead table { border: none; } #formLead fieldset.info label { width: 115px; display: block; float: left; padding-top: 4px; } #formLead fieldset.info ol li { padding-bottom: 6px; } input.tf-normal, input.tf-zip, input.tf-phone, input.tf-long, textarea { border: 1px solid #c9c9ca; padding: 3px; font-size: 11px; color: #919194; } #formLead label.errorField { font-weight: bold; color: #f0b310; } #formLead input.errorField { border: 1px solid #f0b310; } #formLead input.tf-normal { width: 294px; } #formLead fieldset.whyworkout table { width: 100%; } #formLead fieldset.interests table td, #formLead fieldset.whyworkout table td { padding: 4px 10px 4px 0; } #formLead fieldset.interests table { width: 345px; } #formLead .errorExplanation { margin: 0 12px 18px 12px; padding: 16px; border: 1px solid #f0b310; } #formLead .errorExplanation h3 { margin-bottom: 7px; font-size: 16px; font-weight: normal; color: #f0b310; } #formLead .errorExplanation ul { margin-left: 16px; font-size: 11px; } #formLead .errorExplanation ul li { list-style-type: disc; } #formLead .submitRow { padding: 0 0 12px 12px; } #formLead .submitRow input { float: left; } #formLead .submitRow em { display:block; float: right; padding-top: 10px; color: #919194; font-size: 12px; } /* contact/newsletter - Sign up page */ .formNews {} .formNews fieldset { padding: 10px 0 0px 0; margin-bottom: 25px; } .formNews fieldset h2 { margin-bottom: 10px; } .formNews fieldset label { display: block; width: 75px; font-size: 11px; float: left; color: #919194; } .formNews fieldset ol { margin-bottom: 2px; } .formNews fieldset ol li { padding-bottom: 6px; } .formNews #btnNewsSubmit { padding-left: 75px; } /* training/index */ .training ul.col1_of2 { margin-bottom: 6px; } /* mode/events - Main index page for events content */ .events-list {} .events-list .event-date { font-size: 10px; float: left; width: 100px; } .events-list .expandable .events-list .event-date span { display: block; } .events-list .expandable h2 { width: 300px; } .events-list .expandable-body { margin-left: 100px; width: 350px; } .events-list .expandable-body ul { margin-left: 20px; } .events-list .expandable-body ul li { list-style-type: disc; } /* contact/careers - Careers page */ .section-contact div.expandable-title-selected h2 a:link, .section-contact div.expandable-title-selected h2 a:visited, .section-contact div.expandable-title-selected h2 a:active { color: #f0b310; font-weight: bold; } .section-contact div.expandable h2 a:hover { color: #f0b310; } h2.section-teaser { z-index: 10; position: relative; margin-left: -30px; padding-left: 30px; background: transparent url(/images/teaser-open-blue.png) no-repeat center left; min-height: 0; cursor: pointer; } h2.revealed { background: transparent url(/images/teaser-close-blue.png) no-repeat center left; } .section-massage h2.section-teaser { background-image: url(/images/teaser-open-orange.png); } .section-massage h2.section-teaser.revealed { background-image: url(/images/teaser-close-orange.png); } #banner-button { display: block; height: 40px; width: 230px; margin-right: 20px; margin-top: 200px; float: right; color: transparent; text-decoration: none; } div.arrow-list { font-size: 10px; width: 50%; float: left; } .block div.arrow-list ul li { background-image: none; padding: 5px 0 0 0; } .section .section-massage a { color: #428da5; } .section-massage .block ul.col1_of2 { width: 230px; } div.col1_of2 { width: 240px; float: left; } div.col2_of2 { width: 220px; float: left; } .section-massage ul ul { padding-top: 10px; } .section-massage ul ul li { padding-bottom: 0; } .section-massage .block { margin-bottom: 20px; } .section-massage .groupBox a, .section-yoga .groupBox p.links a { font-size: 17px; } .section-yoga .block ul.col1_of2 { width: 230px; } .section-mode table, div.yoga table { border: none; width: 225px; margin-right: 10px; float: left; } .section-mode table th { color: #f28e20; border-bottom: 1px solid #e7e7e7; } .section-mode table td { font-size: 11px; white-space: nowrap; } .section-mode table tr td:first-child { width: 55%; font-weight: bold; } .section-mode div.reserve h2 , .section-mode div.reserve h3 { color: #f28e20; } .section-mode div.option em { font-style: normal; color: #b7b7b7; } .section-mode .block ul li { float: left; margin-right: 20px; font-weight: bold; font-size: 11px; background-image: url(/images/li-bullet-orange.gif); } .section-mode .groupBox { margin-top: 30px; } .section-mode .groupBox ul { float:left; } .section-mode #invite-friends { float: right; width: 33%; } .section-mode .groupBox ul li { padding-left: 10px; margin-bottom: 10px; background: transparent url(/images/li-bullet-orange.gif) no-repeat center left; } .section-mode .groupBox p { font-size: 14px; font-weight: bold; margin-top: 15px; } .section-mode .groupBox p em { font-size: 11px; font-style: italic; } img.rsvp { margin-top: 10px; } .section-mode div.try-free { width: 45%; float: right; text-align: center; padding: 15px 20px; background-color: #f28e20; -moz-border-radius: 10px; -webkit-border-radius: 10px; } div.try-free p, div.try-free h4 { color: #fff; margin-bottom: 10px; } .section-mode p.sign-up { margin-top: 20px; } .section-mode p.sign-up a { color: #919194; text-decoration: none; } .section-mode .bootcamp table tr td:first-child { font-weight: normal; } .section-membership div.option { color: #b0bb1e; } .section-membership div.option em { color: #b5b5b5; } .section-membership p.links { margin-top: 10px; } div.training h2, p.title strong { color: #ba4788; } div.training img { vertical-align: middle; margin-right: 40px; } div.training .callus, div.yoga .callus, div.massage .callus { font-size: 16px; } div.training span.phone { color: #ba4788; } div.massage span.phone { color: #f28e20; } div.training div.col2_of2, div.yoga div.col2_of2 { width: 175px; } div.training h3 { color: #B53A7F; font-weight: normal; } .snipe { display: none; } div.bootcamp strong, div.bootcamp .phone, div.bootcamp h2 { color: #F28E20; } div.bootcamp div.callus { padding-top: 30px; font-size: 16px; float: left; } div.what-to-bring { float: left; width: 220px; } div.submitRow input { margin-top: 8px; } div.submitRow em { float: left; width: 310px; } div.yoga p b, div.yoga th, div.yoga td strong { color: #48aec9; } div.yoga table th { border-bottom: 1px solid #e7e7e7; } div.yoga h3, div.yoga #formLead fieldset legend, .callus .phone { color: #48aec9; } div.massage h3, div.massage #formLead fieldset legend, div.massage strong { color: #f28e20; } div.bootcamp h3, div.bootcamp #formLead fieldset legend { color: #E2801E; } div.massage td { white-space: nowrap; } #formLead select#massage-style { border: 2px solid #c9c9ca; margin-top: 5px; min-width: 180px; } #formLead select { border: 1px solid #c9c9ca; margin-top: 5px; min-width: 180px; } div.massage #formLead input[type=text] { border: 1px solid #c9c9ca; } #formLead .col1_of2 { width: 210px; } #formLead .col2_of2 { width: 220px; } #formLead input.no { margin-left: 60px; } #formLead h3 { margin-bottom: 10px; } div.yoga table { margin-bottom: 10px; } #formLead #massage-schedule select { min-width: 50px; } #formLead #training-sessions { min-width: 50px; } div.yoga div.notice, div.massage div.notice, div.training div.notice, div.bootcamp div.notice { border: 2px solid #aaa; background-color: #ddd; color: #777; } #massage-overview table { border: 0; float: left; width: 210px; margin-right: 20px; } #massage-overview th { color: #f28e20; border-bottom: 1px solid #e7e7e7; } #massage-overview h2 { color: #f28e20; } #massage-overview td strong { color: #919194; } #massage-overview .callus img { vertical-align: middle; margin-right: 40px; } #formLead #massage-schedule img { vertical-align: middle; } #formLead #massage-schedule input#massage-date { width: 100px; max-width: 100px; } #formLead #massage-schedule input#date { width: 19px; max-width: 19px; background: transparent url(/images/buttons/icon-calendar.png) no-repeat center center; border: none; font-size: 0; line-height: 0; padding-top: 16px; margin: -3px 10px 0 5px; cursor: pointer; vertical-align: middle; } div.bootcamp td, div.bootcamp th { padding: 2px 8px; } #social_widget { background: transparent url(/images/bg_social_side_box.png) no-repeat center center; min-width: 215px; min-height: 37px; margin-bottom: 3px; padding-left: 15px; padding-top: 38px; } #social_widget a { margin-right: 20px; }