/* @override http://0.0.0.0:3000/stylesheets/style.css?1323452167 http://0.0.0.0:3000/stylesheets/style.css?1323697997 http://0.0.0.0:3000/stylesheets/style.css?1323698418 http://o2fitnessclubs.com/stylesheets/style.css?1324898146 */ /* Site: O2 Author: Caleb Wright of FabrikAgency.com */ /*--------- GLOBAL ---------*/ * { margin:0; padding:0; border:0; } /* @group SLIDESHOW */ #photos { position: relative; } #gallery { width: 421px; height: 300px; text-align: center; overflow: hidden; } #gallery .single_slide { width: 421px; height: 300px; display: table-cell; vertical-align: middle; } #gallery img { margin: auto; } .nav { position: absolute; top: 172px; z-index: 100; width: 421px; } #prev2 { background-image: url(../images/lightbox/lightbox-previous.png); width: 40px; height: 43px; display: block; text-indent: -9999px; float: left; } #next2 { width: 40px; height: 43px; display: block; text-indent: -9999px; float: right; background: url(../images/lightbox/lightbox-next.png) -3px 0; } .image_item { float: left; margin-right: 10px; margin-bottom: 10px; } .slide_caption { position: absolute; z-index: 90; bottom: 0; text-align: center; width: 421px; color: #fff; font-size: 20px; font-weight: bold; line-height: 30px; background: transparent url(../images/black-28.png) 0 0; left: 0; } /* @end */ html, body { height:100%; } body { text-align:center; font: 62.5% Verdana, Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: Verdana, Arial, sans-serif; } h1 { font-size:3.6em; } .smaller_header { font-size: 20px; font-weight: bold; margin-bottom: 20px; } h2 { font-size:2.4em; } h3 { font-size:1.8em; } h3.bold{ margin-bottom: 12px; } h4 { font-size:1.6em; } h5 { font-size:1.3em; } h6 { font-size:1em; } h1#home_title { font-weight: bold; font-size: 1.75em; } #welcomeText h2{ font-weight: bold; font-size: 1.75em; } p, select, li, input, textarea { font:1.2em/1.3em Verdana, Arial; } p { margin-bottom:0.8em; } .header { font-size: 16px; font-weight: bold; color: #72afb6; } input, textarea, select { font-size:1em; outline:none; border:1px solid #cbcfd3; padding:0.3em; } ol{ margin-bottom: 20px; } li { list-style:square inside url("../images/bullet.gif"); margin-top:1em; } a:link, a:visited { text-decoration:none; outline: none; } a:hover, a:active { text-decoration:underline; outline: none; } a:active { outline: none; } .bold{ font-weight: bold; } #read_more_link:link { background-color: #e1f3f5; padding: 3px 5px; border: 1px solid #7bb7ba; color: #7bb7ba; } #read_more_link:hover { background-color: #7bb7ba; color: #fff; text-decoration: none; } .small_left { width: 138px; float: left; } .small_right { float: left; width: 138px; margin-left: 40px; } #contact_info_box { margin-top: 20px; } /*------------ ALIGNMENT -------------*/ .center { text-align:center; } .center-inner { margin-left:auto; margin-right:auto; text-align:left; } .left { text-align:left; } .right { text-align:right; } .no-margin { margin:0; } table.center td { text-align:center; } table tr.center td { text-align:center; } /*---------------- MISCELLANEOUS ----------------*/ .clear { clear: both; display: block; height: 0; overflow: hidden; } .alt { display: none; height:1%; overflow:hidden; } .clear-after:after { content:'.'; display:block; visibility:hidden; height:0; clear:both; } .no-cursor { cursor:default !important; } .hidden { display:none; } .with-text { text-indent:-8000px; overflow:hidden; } /*-------------- SITE COLORS --------------*/ body { background:#e2f3f5 url("../images/background-pattern.gif") top left repeat; color:#454b50; } h1, h2, h3, h4, h5, h6 { color: #72afb6; } a:link, a:visited { color:#73afb6; } a:hover, a:active { color:#73afb6; } input:focus, textarea:focus, select:focus { } .submit { background: url(../images/buttons/SUMBIT.jpg) no-repeat 0 0; width: 152px; height: 24px; text-indent: -9999px; display: block; float: right; margin: 0; padding: 0; cursor: pointer; } .submit:hover { background-position: 0 -24px; } .submit.gray, .submit.gray:hover { background-position: 0 -48px; } .left_button { float: left; } hr { display:block; border:0; height:2px; background:#d1d4d6; } /*----------- FORM LIST ------------*/ ul.form-list { float: left; } .form-list li { padding:4px; width:350px; float:left; list-style:none outside none; } .form-list li span { padding:4px; float: right; } .form-list li.checkbox label { margin-left:5px; float:none; } .form-list li.checkbox span { float:left; padding-top:0; } .form-list label { text-align:right; float:left; width:110px; clear:both; padding-top:6px; padding-right:4px; } .form-list .new-line { clear:left; } /*--------- COLUMNS ----------*/ .form-list-4-column li { width:300px; } .form-list-4-column label { width:130px; } .form-list-6-column li { width:215px; } .form-list-6-column label { width:70px; } .form-list-7-column li { width:130px; } .form-list-7-column label { width:80px; } /*-------- LAYOUT --------*/ #frameTop, #frameBottom, #frameCredits, #wrapper { width:941px; margin:0 auto; } #frameTop { height:25px; background:transparent url("../images/frame-border.png") top left repeat-y; } #frameBottom { height:32px; background:transparent url("../images/frame-bottom.png") left bottom no-repeat; text-align:right; } #frameBottom p { font-size:0.9em; color:#bcbcbc; margin:0 3em 0 0; } #wrapper { text-align:left; background:transparent url("../images/frame-border.png") top left repeat-y; padding-top:12px; } #wrapper #header { height:73px; margin-left:34px; } #header #o2FitnessLogo { display:block; float:left; width:148px; height:59px; background:transparent url("../images/o2-fitness.gif") left 10px no-repeat; text-indent:-999px; margin-top:3px; } #header #memberLogin { display:block; height: 24px; line-height:10px; color:#929191; font-size:11px; margin:0 60px 0 0; text-align: right; } #wrapper #content, #upper_footer { margin:0 27px 0 37px; position:relative; } #upper_footer { padding-top: 10px; } #frameCredits { height:32px; text-align:right; } #frameCredits p { font-size:0.9em; color:#fff; margin:0 3em 0 0; } #frameCredits p a { color:#fff; } /*------------ NAVIGATION ------------*/ ul#navigation { display:block; height:32px; } ul#navigation li { float:left; height:32px; margin:0; list-style:none outside none; border-right:1px solid #fff; overflow:hidden; position:relative; } #navigation li a { display:block; height:32px; text-indent:-2000px; overflow:hidden; position:absolute; top:0; background:transparent url("../images/navigation-background.gif") 0 0 no-repeat; } /*------------------------ HIGHLIGHTED NAVIGATION ------------------------*/ #navigation #joinO2Nav, #navigation #joinO2Nav a { width: 76px; } #navigation #joinO2Nav a { background-position:0 0; } #navigation #joinO2Nav a:hover, #navigation #joinO2Nav a:active, #pageWhyO2 #navigation #joinO2Nav a:link, #pageWhyO2 #navigation #joinO2Nav a:visited, #pageMembership #navigation #joinO2Nav a:link, #pageMembership #navigation #joinO2Nav a:visited, #pageFreeGuestPass #navigation #joinO2Nav a:link, #pageFreeGuestPass #navigation #joinO2Nav a:visited, #pageWeWantYouBack #navigation #joinO2Nav a:link, #pageFreeGuestPass #navigation #joinO2Nav a:visited, #pageFreeClassPass #navigation #joinO2Nav a:link, #pageFreeClassPass #navigation #joinO2Nav a:visited { background-position: 0 -32px; } #navigation #ourClubsNav, #navigation #ourClubsNav a { width: 118px; } #navigation #ourClubsNav a { background-position: -77px 0; } #navigation #ourClubsNav a:hover, #navigation #ourClubsNav a:active, #pageOurClubs #navigation #ourClubsNav a:link, #pageOurClubs #navigation #ourClubsNav a:visited { background-position: -77px -32px; } #navigation #classesAndProgramsNav, #navigation #classesAndProgramsNav a { width: 78px; } #navigation #classesAndProgramsNav a { background-position: -194px 0; } #navigation #classesAndProgramsNav a:hover, #navigation #classesAndProgramsNav a:active, #pageClassesandPrograms #navigation #classesAndProgramsNav a:link, #pageClassesandPrograms #navigation #classesAndProgramsNav a:visited { background-position: -194px -32px; } #navigation #personalTrainingNav, #navigation #personalTrainingNav a { width: 148px; } #navigation #personalTrainingNav a { background-position: -272px 0; } #navigation #personalTrainingNav a:hover, #navigation #personalTrainingNav a:active, #pagePersonaltrainer #navigation #personalTrainingNav a:link, #pagePersonaltrainer #navigation #personalTrainingNav a:visited { background-position: -272px -32px; } #navigation #corporateWellnessNav, #navigation #corporateWellnessNav a { width: 161px; } #navigation #corporateWellnessNav a{ background-position: -418px 0; } #navigation #corporateWellnessNav a:hover, #navigation #corporateWellnessNav a:active, #pageCorporateWellness #navigation #corporateWellnessNav a:link, #pageCorporateWellness #navigation #corporateWellnessNav a:visited { background-position: -418px -32px; } #navigation #aboutO2FitnessNav, #navigation #aboutO2FitnessNav a { width: 140px; } #navigation #aboutO2FitnessNav a { background-position: -580px 0; } #navigation #aboutO2FitnessNav a:hover, #navigation #aboutO2FitnessNav a:active, #pageAboutO2Fitness #navigation #aboutO2FitnessNav a:link, #pageAboutO2Fitness #navigation #aboutO2FitnessNav a:visited { background-position: -580px -32px; } #navigation #contactNav, #navigation #contactNav a { width: 89px; } #navigation #contactNav a { background-position: -723px 0; } #navigation #contactNav a:hover, #navigation #contactNav a:active, #pageContactUs #navigation #contactNav a:link, #pageContactUs #navigation #contactNav a:visited { background-position: -723px -32px; } #navigation #blogNav, #navigation #blogNav a { width: 59px; } #navigation #blogNav a { background-position: -811px 0; } #navigation #blogNav a:hover, #navigation #blogNav a:active, #blog #navigation #blogNav a:link, #blog #navigation #blogNav a:visited { background-position: -811px -32px; } /*------------------ NAVIGATION ARROW -------------------*/ #navigationArrow { position:absolute; top:0; left:-12px; z-index:500; width:12px; height:7px; background:transparent url("../images/navigation-arrow.png") top left no-repeat; } #pageWhyO2 #navigationArrow, #pageMembership #navigationArrow, #pageFreeGuestPass #navigationArrow, #pageWeWantYouBack #navigationArrow, #pageFreeClassPass #navigationArrow { left: 292px; } #pageOurClubs #navigationArrow { left: 194px; } #pageClassesandPrograms #navigationArrow { left: 370px; } #pagePersonaltrainer #navigationArrow { left: 484px; } #pageCorporateWellness #navigationArrow { left: 640px; } #pageAboutO2Fitness #navigationArrow { left:66px; } #pageContactUs #navigationArrow { left: 765px; } #blog #navigationArrow { left: 839px; } /*-------- TITLES ---------*/ .title { display:block; width:100px; height:40px; text-indent:-4000px; overflow:hidden; } .title-welcome { background:transparent url("../images/titles/welcome.png") left top no-repeat; width:120px; margin-top:0.8em; } .title-about { background:transparent url("../images/titles/about-o2-fitness.png") left top no-repeat; width:216px; } .title-our-clubs { background:transparent url("../images/titles/our-clubs.png") left top no-repeat; width: 200px; } .title-why-o2 { background:transparent url("../images/titles/why-o2.png") left top no-repeat; width:137px; } .title-membership { background:transparent url("../images/titles/membership.png") left top no-repeat; width:155px; } .title-free-guest-pass { background:transparent url("../images/titles/free-guest-pass.png") left top no-repeat; width:285px; } .title-free-class-pass { background:transparent url("../images/titles/free-class-pass.png") left top no-repeat; width:199px; } .title-classes-and-programs { background:transparent url("../images/titles/classes-and-programs.png") left top no-repeat; width:292px; } .title-personal-trainer { background:transparent url("../images/titles/personal-training.png") left top no-repeat; width:292px; } .title-corporate-wellness { background:transparent url("../images/titles/corporate-wellness.png") left top no-repeat; width:259px; } .title-contact-us { background:transparent url("../images/titles/contact-us.png") left top no-repeat; width:144px; } .title-o2-express { background:transparent url("../images/titles/o2-express.png") left top no-repeat; width:292px; } .title-o2-fitness-clubs { background:transparent url("../images/titles/o2-fitness-clubs.png") left top no-repeat; width:292px; } .title-signup { background:transparent url("../images/titles/signup.png") left top no-repeat; width:600px; } .title-regular_offer { background:transparent url("../images/titles/special_pricing.png") left top no-repeat; width:600px; } .title-thank_you { background:transparent url("../images/titles/thank_you.png") left top no-repeat; width:600px; } .title-weightloss_offer{ background:transparent url("../images/titles/weightloss.png") left top no-repeat; width:600px; } /*---------------- SUB NAVIGATION -----------------*/ #subnavigation { display:block; height:19px; } #subnavigation li { margin:0.3em 1em 0 0; list-style:none outside none; float:left; font-size:1.1em; border-left:1px solid #72AFB6; padding-left:1em; } #subnavigation li a { color:#72AFB6; text-decoration:none; } #subnavigation li.active a { color:#6A737B; } #subnavigation li.first { border-left:0; padding-left:0; } /*----------- HOME TABS ------------*/ #login_tab_area { float: right; height: 73px; width: 196px; } #headerTabs { height:49px; margin-right:40px; float: right; } #header a.home-tab { display:block; float:right; width:100px; height:49px; text-indent:-2000px; overflow:hidden; background:transparent url("../images/home-tabs.png") left top no-repeat; } #header a#tryUsOut { width:156px; } #header a#tryUsOut:link, #header a#tryUsOut:visited { background-position:-6px top; } #header a#tryUsOut:hover, #header a#tryUsOut:active { background-position:-169px top; } #header a#announcement { width:152px; } #header a#announcement:link, #header a#announcement:visited { background-position:-333px top; } #header a#announcement:hover, #header a#announcement:active { background-position:-498px top; } #header a#fitnessTip { width:174px; } #header a#fitnessTip:link, #header a#fitnessTip:visited { background-position: -664px top; } #header a#fitnessTip:hover, #header a#fitnessTip:active { background-position:-852px top; } #header a#brandNewClub { width:173px; } #header a#brandNewClub:link, #header a#brandNewClub:visited { background-position: -1040px top; } #header a#brandNewClub:hover, #header a#brandNewClub:active { background-position:-1226px top; } #header a#o2SpeakBlog { width:152px; } #header a#o2SpeakBlog:link, #header a#o2SpeakBlog:visited { background-position: -1406px top; } #header a#o2SpeakBlog:hover, #header a#o2SpeakBlog:active { background-position:-1566px top; } #vote_for_us_area { margin: 0; float: right; width: 178px; } #vote_for_us_link { background: url(../images/vote_for_us_resize.jpg) no-repeat 0 0; width: 178px; height: 73px; text-indent: -9999px; display: block; float: right; } /*------------- LIGHTBOX -------------*/ .lightbox-background { width:100%; height:100%; position:fixed; top:0; left:0; background:transparent url("../images/black-28.png") top left repeat; } #lightbox { z-index:999; } #lightboxInside { width:509px; height:332px; position:absolute; top:150px; left:50%; text-align:left; } #lightboxContent { background:#E2F3F5 url("../images/background-pattern.gif") repeat left top; position:absolute; left:-255px; } #lightboxContentInside { margin:10px; margin-top:10px; background:#fff; height:312px; width:489px; overflow:hidden; position:relative; } #lightboxPanels { width:15000px; display:block; } #lightboxPanels li, .lightbox-panel { width:489px; height:312px; display:block; float:left; position:relative; } #lightboxPanels li .inner { margin:2em; } .lightbox-panel .inner { margin:2.9em 1.8em 1em 1.8em; } .lightbox-panel .title { display:block; width:450px; height:53px; overflow:hidden; text-indent:-9999px; background:transparent url("../images/lightbox-header-text.gif") left top no-repeat; border-bottom:1px solid #6A737B; margin-bottom:2.3em; } #lightboxAnnouncement.lightbox-panel .title { background-position:0 0; } #lightboxFitnessTip.lightbox-panel .title { background-position:0 -61px; } .lightbox-panel .date { color:#6D6D6D; font-size:1.1em; text-transform:uppercase; } .lightbox-panel .body { margin-top:1.8em; } #lightboxButtons { position:absolute; left:110px; z-index:100; } #lightboxPrevious, #lightboxClose, #lightboxNext { display:block; width:43px; height:43px; position:relative; top:-21px; float:right; cursor:pointer; } #lightboxPrevious { background:transparent url("../images/lightbox/lightbox-previous.png") top left no-repeat; } #lightboxClose { background:transparent url("../images/lightbox/lightbox-close.png") top left no-repeat; } #lightboxNext { background:transparent url("../images/lightbox/lightbox-next.png") top left no-repeat; } #lightboxPrevious.disabled, #lightboxNext.disabled { opacity:0.3; } /*------------------- NEW CLUB LIGHTBOX --------------------*/ #newClubLightbox { z-index:998; } #newClubLightboxInner { width:646px; height:487px; background:transparent url("../images/lightbox/new-o2-express.png") left top no-repeat; position:fixed; z-index:100; top:0; left:0; } a#newClubLightboxCloseButton { display:block; width:130px; height:50px; float:right; cursor:pointer; } a#newClubLightboxContinueButton { display:block; width:646px; height:430px; float:right; clear:right; cursor:pointer; } /*--------------------------- PRINT GUEST PASS LIGHTBOX ----------------------------*/ #printGuestPassLightbox { z-index:997; } #printGuestPassLightboxInner { width:646px; height:487px; background:transparent url("../images/lightbox/print-guest-pass.png") left top no-repeat; position:fixed; z-index:100; top:0; left:0; } a#printGuestPassLightboxCloseButton { display:block; width:130px; height:50px; float:right; cursor:pointer; } a#printGuestPassLightboxButton { display:block; width:185px; height:77px; position:absolute; left:36px; top:377px; cursor:pointer; background:transparent url("../images/lightbox/print-guest-pass.png") -36px -377px no-repeat; } a#printGuestPassLightboxNoThanksButton { display:block; width:67px; height:17px; position:absolute; left:525px; top:434px; cursor:pointer; background:transparent url("../images/lightbox/print-guest-pass.png") -525px -434px no-repeat; } /*-------------- SOCIAL MEDIA ---------------*/ .social, .social span { display:block; background:transparent url("../images/social-media-elements.png") left top no-repeat; } a.facebook-sm { width:100px; height:85px; } a.facebook-sm:link, a.facebook-sm:visited { background-position:0 0; } a.facebook-sm:hover, a.facebook-sm:active { background-position:-100px 0; } a.facebook { width:220px; height:83px; } a.facebook:link, a.facebook:visited { background-position:-1px -91px; } a.facebook:hover, a.facebook:active { background-position:-221px -91px; } a.facebook-icon { width:135px; height:18px; background:transparent; line-height:18px; } a.facebook-icon span { width:18px; height:18px; display:block; float:left; margin-right:4px; } a.facebook-icon:link span, a.facebook-icon:visited span { background-position:-220px -20px; } a.facebook-icon:hover span, a.facebook-icon:active span { background-position:-240px -20px; } a.twitter-sm { width:100px; height:85px; } a.twitter-sm:link, a.twitter-sm:visited { background-position:0 -175px; } a.twitter-sm:hover, a.twitter-sm:active { background-position:-100px -175px; } a.twitter { width:220px; height:83px; } a.twitter:link, a.twitter:visited { background-position:-1px -263px; } a.twitter:hover, a.twitter:active { background-position:-221px -263px; } a.twitter-icon { width:120px; height:18px; background:transparent; line-height:18px; } a.twitter-icon span { width:18px; height:18px; display:block; float:left; margin-right:4px; } a.twitter-icon:link span, a.twitter-icon:visited span { background-position:-220px 0; } a.twitter-icon:hover span, a.twitter-icon:active span { background-position:-240px 0; } a.speak-button { width:220px; height:85px; } a.speak-button:link, a.speak-button:visited { background-position:0 -348px; } a.speak-button:hover, a.speak-button:active { background-position:-220px -348px; } /*------ BLOG -------*/ .blog-header { margin:22px 0 0.5em 7px; margin-right:320px; } .blog-header a { display:block; background:transparent url("../images/social-media-elements.png") -3px -442px no-repeat !important; height:87px; border-bottom:1px solid #dadcde; } #blog #sidebar { float:right; width:300px; position:relative; left:-6px;} #blog #sidebar .inner { margin-top:26px; } #blog #sidebar .box { background:transparent url("../images/social-media-elements.png") 0 -586px no-repeat; margin-bottom:10px; } #blog #sidebar .box.box-topics h2 { height:55px; background:transparent url("../images/social-media-elements.png") 0 -530px no-repeat; } #blog #sidebar .box.box-fan-box h2 { height:10px; } #blog #sidebar .box.box-fan-box .box-inner { padding:0 0 1em 8px; } #blog #sidebar .box .box-inner { padding:1.5em 1em 2em 1em; } #blog #sidebar .box .box-end { height:7px; background:transparent url("../images/social-media-elements.png") 0 bottom no-repeat; } #blog #sidebar .social { margin-bottom:10px; } #blog .post { margin-right:320px; } #blog .post .date { margin-left:5px; margin-bottom:13px; } #blog .post .day { color:#ababab; } #blog .post .date .stamp { color:#6b6b6b; } #blog .post h2 { font-size:2.3em; margin:0 0 0.5em 5px; } #blog .post h2 a { color:#454545; } #blog h3 { color:#454545; } #blog .post .entry { margin:0 0 2em 5px; } #blog .post .postmetadata { font-size:1em; clear:left; display:block; height:25px; margin:0 0 0 5px; } #blog .post .postmetadata span { color:#4e9fa8; text-transform:uppercase; } #blog .post .postmetadata a { color:#333; } #blog .post .postmetadata .social { float:left; margin-right:4px; } #blog ul li { list-style:none; } #blog .entry ul { margin-bottom:1em; } #blog .entry ul li { list-style:square inside url("/images/bullet.gif"); } #blog .entry ol li { list-style:decimal inside; } #blog .aligncenter, #blog dl.aligncenter { display: block; margin-left: auto; margin-right: auto; } #blog .alignleft { float:left; } #blog .alignright { float:right; } /*------------- COMPONENTS -------------*/ p.head { font-size:1em; color:#414243; margin-bottom:0; } p.color { color:#73afb6; } .treatment { border-bottom: 10px solid #cae249; } .new { color:#73afb6; font-size:0.8em; font-weight:bold; } #freeGuestPass { margin-top:1em; display:block; } .flash-notice { background:#E2F3F5 url("../images/background-pattern.gif") repeat scroll left top; color:#666; font-size:1.2em; padding:1em; margin-bottom:1em; } p.source { font-size:0.9em; font-style:italic; } #footer_text { color: #72afb6; } #partner_area { margin-bottom: 10px; } .partner_text { color: #72afb7; font-weight: bold; margin-bottom: 3px; font-size: 1.5em; } /*---------- ACTION BUTTONS ----------*/ .action_button { text-indent: -9999px; width: 214px; height: 51px; display: block; margin-bottom: 5px; margin-top: 5px; } #membership_ab { background: url(../images/buttons/green_buttons.gif) no-repeat -214px 0; } #membership_ab:hover { background-position: -214px -51px; } #guest_pass_ab { background: url(../images/buttons/green_buttons.gif) no-repeat 0 0; } #guest_pass_ab:hover { background-position: 0 -51px; } #classes_ab { background: url(../images/buttons/green_buttons.gif) no-repeat -428px 0; } #classes_ab:hover { background-position: -428px -51px; } #get_pass_ab { background: url(../images/buttons/green_buttons.gif) no-repeat -642px 0; } #get_pass_ab:hover { background-position: -642px -51px; } /*---------- MODULES ----------*/ #twoColumn #left { margin-right:505px; } #twoColumn #right { float:right; width:495px; } #twoColumn #left.wide { float: left; margin-right: 20px; width: 461px; } #twoColumn #right.wide { float:right; width: 396px; } #right_content { background: url(../images/Sidebar_Top_v2.jpg) no-repeat 0 0; padding-top: 18px; } #right_inner_content { background: url(../images/Sidebar_Middle_Repeating_v2.jpg) repeat-y 0 0; padding: 12px 40px; } #right_content_bottom { background: url(../images/Sidebar_Bottom_v2.jpg) no-repeat 0 bottom; height: 18px; width: 396px; display: block; } .action_button_large { background: url(../images/buttons/FreeGuestPass_withHover_v2.jpg) no-repeat 0 0; width: 378px; display: block; height: 60px; text-indent: -9999px; margin-left: 10px; margin-bottom: 20px; } .action_button_large:hover { background-position: 0 -60px; } .centered_text { text-align: center; } #grey_area { color: #959595!important; font: bold 13px verdana, arial, helvetica; } .larger { font-size: 27px; line-height: 41px; } #right_content hr { background: transparent url(../images/Sidebar_Horiziontal_Line.jpg) no-repeat center 0; margin-top: 10px; margin-bottom: 10px; } .simple-accordion {} .simple-accordion .item { padding-top:1em; } .simple-accordion a { /*display:block;*/ } .simple-accordion .item h5 { background:transparent url("../images/accordian-arrow-closed.gif") center left no-repeat; cursor:pointer; padding-left:15px; color:#454B50; } .simple-accordion .item h5.open { background:transparent url("../images/accordian-arrow-open.gif") center left no-repeat; } .simple-accordion .item .inner { margin-left:1em; padding-top:1em; overflow:hidden !important; } /*------ SIFR -------*/ .sIFR-dummy { width: 0px; height: 0px; margin-left: 42px !important; z-index: 0; } .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } /*------ ADMIN --------*/ #adminNavigation { height:40px; } #adminNavigation li { list-style-type:none; list-style-image:none; float:left; margin-right:2em; } /* @group Specials */ h3.small_h3{ font-size: 14px; } h4.january_special{ text-indent: -9999px; width: 370px; height: 90px; background: url(/images/JanuarySpecial.jpg) no-repeat 0; margin-top: 16px; } #left ol.numbered li{ list-style-type: decimal; font-size: 13px; list-style-image: none; color: #71afb6; list-style-position: outside; margin-left: 26px; } span.blacktext{ color: #000; } /* @end */ /* @group MAP */ #map { height: 250px; } #map_inputs { margin-top: 20px; } input#start { float: left; width: 213px; color: #a9a9a9; } #directions_submit { float: right; border-style: none; width: 85px; height: 20px; text-indent: -9999px; background: transparent url(../images/buttons/Get_Directions_v2.jpg) no-repeat 0 0; cursor: pointer; margin-top: 1px; margin-bottom: 10px; } #directions_submit:hover { background-position: 0 -20px; } /* @end */ /* @group Club Ready Offers */ #cluboffer{ width: 500px; padding-bottom: 90px; padding-top: 24px; } #cluboffer h3{ font-weight: bold; font-size: 24px; color: #6a747c; } #cluboffer h4{ font-weight: bold; font-size: 18px; margin-bottom: 25px; margin-top: 12px; } #cluboffer p{ font-size: 16px; padding-left: 36px; margin-bottom: 0; margin-top: 8px; } #cluboffer ul{ margin-left: 75px; } #cluboffer li{ font-size: 16px; list-style-position: outside; margin-bottom: 0; margin-top: 0; list-style-type: square; list-style-image: none; } .secondary_item.floating_checkbox{ margin-right: 5px; } input#regular_offer.floating_checkbox{ margin-right: 5px; } #cluboffer .submit{ margin-left: 300px; } #cluboffer p.offer_notice{ clear: both; padding-top: 12px; font-size: 10px; color: #8a8a8a; } /* @end */ /* @group CLASSES */ .description_text { font-size: 12px; padding: 10px; } .box_link:link, .box_link:visited { display: block; text-align: center; line-height: 20px; margin-bottom: 10px; background-color: #e3f0f0; font-weight: bold; border: 2px solid #72afb6; color: #72afb6; float: left; margin-right: 30px; font-size: 13px; padding: 2px 5px; } .box_link:hover { background-color: #72afb6; color: #fff; } #new_item_area { background-color: #eee; padding: 10px; margin: 10px 0; } #new_item_area .new_item_area_heading { font-size: 14px; margin-bottom: 5px; font-weight: bold; } .borderless { border: none; } #images_gallery { margin: 10px 0; } .classes_item { margin: 0 10px 10px 0; padding: 10px; } .classes_item .checkbox_area { margin-right: 5px; padding-top: 3px; display: table-cell; vertical-align: middle; float: left; } .classes_text_area { } .classes_item.active { background-color: #e3f0f0; } .classes_item strong { font-size: 14px; } /* @end */ /* @group UI */ .ui-widget-content { border-style: none!important; } /* @end */