body{ font-family:Arial, Verdana, Helvetica, sans-serif; } p{ line-height: 1.5em; } .btn:hover{ -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; } .lowercase{ text-transform:lowercase; } .inline{ display:inline !important; } .auto_width{ width:auto !important; } .spaced{ margin: 25px 0; } .call_to_action{ font-weight: bold; } em{ font-style:italic; } .align_label{ float:left; padding-top: 5px; } .align_select{ float:left; margin-left: 8px; margin-right: 22px; } .optin{ float: left; } #Optin_holder{ margin-left: 0px; margin-top: 5px; margin-bottom: 18px; overflow:hidden; } #mbo_account_form #Optin_holder{ margin-top: 0px; } #Optin_holder input{ margin-right: 5px; } #Optin_holder label.optin{ padding-top: 4px; } #create_account .form label.error{ clear:both; } #register_me .form label.error{ clear:both; } /*** WYSIWYG COLORS ***/ #home #middle .black, #content .black{ color: #000 !important; } #home #middle .grey, #content .grey{ color: #555555 !important; } #home #middle .light_grey, #content .light_grey{ color: #D3D3D3 !important; } #home #middle .purple, #content .purple{ color: #5e3190 !important; } #home #middle .mauve, #content .mauve{ color: #797DBB !important; } #home #middle .orange, #content .orange{ color: #f45c0b !important; } #home #middle .gold, #content .gold{ color: #FF9900 !important; } #home #middle .yellow, #content .yellow{ color: #FFCC00 !important; } #home #middle .red, #content .red{ color: #FF0000 !important; } #home #middle .magenta, #content .magenta{ color: #E2007A !important; } #home #middle .infrared, #content .infrared{ color: #E64448 !important; } #home #middle .light_pink, #content .light_pink{ color: #FF9ECE !important; } #home #middle .blue2, #content .blue2{ color: #1B8EE3 !important; } #home #middle .light_blue2, #content .light_blue2{ color: #25baf8 !important; } #home #middle .light_blue, #content .light_blue{ color: #77DAFD !important; } #home #middle .dark_blue, #content .dark_blue{ color: #000099 !important; } #home #middle .light_green, #content .light_green{ color: #21AEA5 !important; } #home #middle .light_green2, #content .light_green2{ color: #95bc64 !important; } #home #middle .lime, #content .lime{ color: #78b713 !important; } #home #middle .dark_green, #content .dark_green{ color: #006600 !important; } /*** LAYOUT ***/ #container{ /* ODL WIDTH width: 820px; */ width: 980px; margin: 0 auto; margin-top: 17px; } #header{ position:relative; } #logo_triyoga{ display:block; float:right; width: 57px; height: 61px;margin-top:2px; margin-bottom: 17px; text-indent: -999em; background:url(../images/logo_triyoga.gif) no-repeat; } #logo_everyone{ display:none; float:right; width: 49px; height: 10px; margin-top: 29px; text-indent: -999em; background:url(../images/logo_everyone.png) no-repeat; } #top_nav{ width: 850px; float:left; font-size: 1.1em; color: #555555; } #top_nav li{ float:left; margin-right: 43px; } #top_nav li a{ color: #555555; } #top_nav li a:hover, #home #top_nav a.btn_home, #login #top_nav a.btn_login, #signup #top_nav a.btn_register, #account #top_nav a.btn_register, #about_triyoga #top_nav a.btn_about_triyoga, #locations #top_nav a.btn_locations, #contact_us #top_nav a.btn_contact_us, #search #top_nav a.btn_search, #blog #top_nav a.btn_blog, #faqs #top_nav a.l_faqs, #top_nav a.active{ color: #5e3190; } #search_panel{ /**/display:none; position:absolute; overflow:hidden; left: 281px; top: 47px; z-index: 2; width: 490px; padding: 0px 20px; background:#fff; } #close_search{ display:block; width: 18px; height: 18px; float:right; margin-left: 2px; background:url(../images/icon_close3.png) no-repeat; text-align:right; color: #5e3190; } #search_panel form{ clear:both; } #search_panel label{ font-size: 11px; color: #6d6f72; margin-right: 12px; } #search_panel #search_field{ width: 277px; padding: 2px 2px 1px 2px; height: 13px; margin-right: 0px; border: 1px solid #c0bec3; color: #555555; } #search_panel #search_submit{ border: 1px solid #c0bec3; float:right; width: 47px; height: 18px; margin-top: 0px; color: #5e3190; background: #f6f3fa; cursor: pointer; font-size: 11px; text-align:center; } #breadcrumb{ float:left; width: 700px; margin-bottom: 5px; font-size: 1em; color: #636363; } #breadcrumb .label{ color: #555555; } #breadcrumb a{ color: #555555; } #breadcrumb a:hover{ color: #5e3190; } #breadcrumb .divider{ margin: 0 5px; color: #555555; } #breadcrumb .current{ color: #636363; } #main_nav{ width: 870px; font-size: 17px; font-weight: normal; color: #9ea0a2; line-height: 42px; clear:left; } #main_nav li{ float:left; /*margin-right: 44px;*/ margin-right: 34px; } #main_nav li.last_item{ margin-right: 0px; } #main_nav li a{ color: #6f6f6f; } #main_nav li a:hover{ color: #5e3190; } /*, #shop #main_nav a.btn_shop, #holidays #main_nav a.btn_holidays, .teacher_training #main_nav a.btn_teacher_training #main_nav li a:hover, #what_we_offer #main_nav a.btn_what_we_offer, #class_schedules #main_nav a.btn_class_schedules, #new_to_yoga #main_nav a.btn_new_to_yoga, #pregnancy #main_nav a.btn_pregnancy, #blog #main_nav a.btn_blog, #courses #main_nav a.btn_courses{ color: #5e3190; }*/ #main_nav li a:hover, #main_nav a.active{ color: #5e3190; } #main_nav a.blue2{ color: #1B8EE3 !important; } #main_nav a.light_blue2{ color: #25baf8 !important; } #main_nav a.magenta{ color: #D62B7C !important; } #main_nav a.light_green{ color: #21AEA5 !important; } #main_nav a.light_green2{ color: #a5d073 !important; } #main_nav a.purple{ color: #5e3190 !important; } #main_nav a.orange{ color: #f45c0b !important; } #main_nav a.infrared{ color: #ef4f53 !important; } #main_nav a.red{ color: #ed2229 !important; } #main_nav a.lime{ color: #78b713 !important; } #main_nav a.gold{ color: #efab3d !important; } #main_nav a.mauve{ color: #797DBB !important; } #home_banners{ /* ODL WIDTH width: 820px; */ height: 300px; clear:both; overflow:hidden; visibility:hidden; } #middle{ padding-top: 17px; clear:both; position:relative; } #side_panel{ width: 212px; float:left; } #side_nav{ font-size: 1.8em; } #side_nav li{ margin-bottom: 10px; } #blog #side_nav a{ color: #555555; } #side_nav ul.closed{ display: none; } #what_we_offer.what_we_offer #side_nav a{ color: #555555; } #what_we_offer.what_we_offer #side_nav a.yoga, .yoga #side_nav a.yoga, #side_nav .active a.yoga{ color: #D62B7C !important; } #what_we_offer.what_we_offer #side_nav a.pilates, .pilates #side_nav a.pilates, #side_nav .active a.pilates{ color: #f45c0b !important; } #what_we_offer.what_we_offer #side_nav a.treatments, .treatments #side_nav a.treatments, #side_nav .active a.treatments{ color: #56a592 !important; } /*#what_we_offer.what_we_offer #side_nav a.teacher_training, .teacher_training #side_nav a.teacher_training, #side_nav .active a.teacher_training{ color: #ed2229 !important; }*/ .primrose_hill #side_nav a.primrose_hill{ color: #337be6 !important; } .soho #side_nav a.soho{ color: #D62B7C !important; } .covent_garden #side_nav a.covent_garden{ color: #a5d073 !important; } #side_panel #side_nav a{ color: #818181; } #side_panel #side_nav a.active{ color: #555555; } #side_panel #side_nav li.active a{ color: #555555; } #side_panel #side_nav li.active li a{ color: #818181; } #side_panel #side_nav li a:hover{ color: #555555 !important; } /* #side_nav li.active li.active li a{ color: #9c9e9d !important; } #side_nav li.active li.active li a:hover{ color: #6d6f72 !important; } #side_nav li.active li.active li.active a{ color: #6d6f72 !important; } #side_nav li.active li.active li.active li a{ color: #9c9e9d !important; } #side_nav li.active li.active li.active li a:hover{ color: #6d6f72 !important; } #side_nav li.active li.active li.active li.active a{ color: #6d6f72 !important; } */ #side_nav li ul{ margin-top: 6px; } #side_nav li li{ margin-bottom: 4px; padding-left: 17px; } #side_nav li li a{ font-size: 13px; } #side_nav a.blue2{ color: #1B8EE3 !important; } #side_nav a.light_blue2{ color: #25baf8 !important; } #side_nav a.magenta{ color: #D62B7C !important; } #side_nav a.light_green{ color: #21AEA5 !important; } #side_nav a.light_green2{ color: #a5d073 !important; } #side_nav a.purple{ color: #5e3190 !important; } #side_nav a.orange{ color: #f45c0b !important; } #side_nav a.infrared{ color: #ef4f53 !important; } #side_nav a.red{ color: #ed2229 !important; } #side_nav a.lime{ color: #78b713 !important; } #side_nav a.gold{ color: #efab3d !important; } #side_nav a.mauve{ color: #797DBB !important; } /* old style side nav */ /* #side_nav a{ color: #9fa0a0; } #side_nav li.active a{ color: #6d6f72 !important; } #side_nav li.active li a{ color: #555555 !important; } #side_nav li.active li a:hover{ color: #5E3190 !important; } #side_nav li.active li.active li a{ color: #555555 !important; } #side_nav li.active li.active li a:hover{ color: #5E3190 !important; } #side_nav li.active li.active li.active a{ color: #4f5153 !important; } #side_nav li ul{ margin-top: 6px; } #side_nav li li{ margin-bottom: 4px; padding-left: 7px; } #side_nav li li a{ color: #555555 !important; font-size: 14px; } #side_nav li li.active a.active{ color: #5E3190 !important; } .blue2 #side_nav a.blue2, #what_we_offer.what_we_offer #side_nav a.blue2{ color: #1B8EE3 !important; } .light_blue2 #side_nav a.light_blue2, #what_we_offer.what_we_offer #side_nav a.light_blue2{ color: #25baf8 !important; } .magenta #side_nav a.magenta, #what_we_offer.what_we_offer #side_nav a.magenta{ color: #D62B7C !important; } .light_green #side_nav a.light_green, #what_we_offer.what_we_offer #side_nav a.light_green{ color: #21AEA5 !important; } .light_green2 #side_nav a.light_green2, #what_we_offer.what_we_offer #side_nav a.light_green2{ color: #a5d073 !important; } .purple #side_nav a.purple, #what_we_offer.what_we_offer #side_nav a.purple{ color: #5e3190 !important; } .orange #side_nav a.orange, #what_we_offer.what_we_offer #side_nav a.orange{ color: #f45c0b !important; } .infrared #side_nav a.infrared, #what_we_offer.what_we_offer #side_nav a.infrared{ color: #ef4f53 !important; } .red #side_nav a.red, #what_we_offer.what_we_offer #side_nav a.red{ color: #ed2229 !important; } .lime #side_nav a.lime, #what_we_offer.what_we_offer #side_nav a.lime{ color: #78b713 !important; } .gold #side_nav a.gold, #what_we_offer.what_we_offer #side_nav a.gold{ color: #efab3d !important; } .mauve #side_nav a.mauve, #what_we_offer.what_we_offer #side_nav a.mauve{ color: #797DBB !important; } #side_nav a.blue2:hover{ color: #1B8EE3 !important; } #side_nav a.light_blue2:hover{ color: #25baf8 !important; } #side_nav a.magenta:hover{ color: #D62B7C !important; } #side_nav a.light_green:hover{ color: #21AEA5 !important; } #side_nav a.light_green2:hover{ color: #a5d073 !important; } #side_nav a.purple:hover{ color: #5e3190 !important; } #side_nav a.orange:hover{ color: #f45c0b !important; } #side_nav a.infrared:hover{ color: #ef4f53 !important; } #side_nav a.red:hover{ color: #ed2229 !important; } #side_nav a.lime:hover{ color: #78b713 !important; } #side_nav a.gold:hover{ color: #efab3d !important; } #side_nav a.mauve:hover{ color: #797DBB !important; } */ #home #middle .lime, #content .lime{ color: #78b713 !important; } #home #middle .gold, #content .gold{ color: #efab3d !important; } #home #middle .mauve, #content .mauve{ color: #797DBB !important; } #side_nav a:hover{ color: #6D6F72 !important; } #side_phone_no{ margin: 30px 0; margin-left: -7px; } #content{ float:right; width: 729px; position:relative; margin-bottom: 15px; } #content.narrow{ width: 578px; } #content.gallery_wrapper{ width: 562px; padding-right: 167px; } #content.popup{ float: none; padding: 25px; width: 550px; } .wide_content #content{ width: 833px; } .wide_content #side_panel{ width: 144px; } .static{ position:static !important; } #content h1{ font-size: 2.4em; color: #5e3190; margin-bottom: 25px; font-weight: normal; } #content h2{ font-size: 2em; color: #555555; margin-bottom: 5px; font-weight: normal; } #content h3{ font-size: 1.6em; color: #555555; margin-bottom: 5px; font-weight: normal; } #content h4{ font-size: 1.4em; color: #555555; margin-bottom: 5px; font-weight: normal; } #content a{ color: #5e3190; } #content a.blue2, #content .blue2 a{ color: #1B8EE3; } #content a.light_blue2, #content .light_blue2 a{ color: #25baf8; } #content a.magenta, #content .magenta a{ color: #D62B7C; } #content a.light_green, #content .light_green a{ color: #21AEA5; } #content a.light_green2, #content .light_green2 a{ color: #a5d073; } #content a.purple, #content .purple a{ color: #5e3190; } #content a.orange, #content .orange a{ color: #f45c0b; } #content a.infrared, #content .infrared a{ color: #ef4f53; } #content a.red, #content .red a{ color: #ed2229; } #content a.lime, #content .lime a{ color: #78b713; } #content a.gold, #content .gold a{ color: #efab3d; } #content a.mauve, #content .mauve a{ color: #797DBB; } #content a:hover{ color: #363636 !important; } .yoga #content h1{ color: #D62B7C; } .pilates #content h1{ color: #f45c0b; } .treatments #content h1{ color: #56a592; } .teacher_training #content h1{ color: #ed2229; } .primrose_hill #content h1{ color: #337be6; } .soho #content h1{ color: #D62B7C; } .covent_garden #content h1{ color: #a5d073; } /* heading colours matching section colour .blue2 #content h1, .blue2 #content h2, .blue2 #content h3, .blue2 #content h4, .blue2 #content h1 a, .blue2 #content h2 a, .blue2 #content h3 a, .blue2 #content h4 a{ color: #1B8EE3; } .light_blue2 #content h1, .light_blue2 #content h2, .light_blue2 #content h3, .light_blue2 #content h4, .light_blue2 #content h1 a, .light_blue2 #content h2 a, .light_blue2 #content h3 a, .light_blue2 #content h4 a{ color: #25baf8; } .magenta #content h1, .magenta #content h2, .magenta #content h3, .magenta #content h4, .magenta #content h1 a, .magenta #content h2 a, .magenta #content h3 a, .magenta #content h4 a{ color: #D62B7C; } .light_green #content h1, .light_green #content h2, .light_green #content h3, .light_green #content h4, .light_green #content h1 a, .light_green #content h2 a, .light_green #content h3 a, .light_green #content h4 a{ color: #21AEA5; } .light_green2 #content h1, .light_green2 #content h2, .light_green2 #content h3, .light_green2 #content h4, .light_green2 #content h1 a, .light_green2 #content h2 a, .light_green2 #content h3 a, .light_green2 #content h4 a{ color: #a5d073; } .purple #content h1, .purple #content h2, .purple #content h3, .purple #content h4, .purple #content h1 a, .purple #content h2 a, .purple #content h3 a, .purple #content h4 a{ color: #5e3190; } .orange #content h1, .orange #content h2, .orange #content h3, .orange #content h4, .orange #content h1 a, .orange #content h2 a, .orange #content h3 a, .orange #content h4 a{ color: #f45c0b; } .infrared #content h1, .infrared #content h2, .infrared #content h3, .infrared #content h4, .infrared #content h1 a, .infrared #content h2 a, .infrared #content h3 a, .infrared #content h4 a{ color: #ef4f53; } .red #content h1, .red #content h2, .red #content h3, .red #content h4, .red #content h1 a, .red #content h2 a, .red #content h3 a, .red #content h4 a{ color: #ed2229; } */ .blue2 #content h1{ color: #1B8EE3; } .light_blue2 #content h1{ color: #25baf8; } .magenta #content h1{ color: #D62B7C; } .light_green #content h1{ color: #21AEA5; } .light_green2 #content h1{ color: #a5d073; } .purple #content h1{ color: #5e3190; } .orange #content h1{ color: #f45c0b; } .infrared #content h1{ color: #ef4f53; } .red #content h1{ color: #ed2229; } .lime #content h1{ color: #8CC541; } .gold #content h1{ color: #FDBE57; } .mauve #content h1{ color: #7A7DBB; } #content .cm { font-size: 12px; color: #555555; line-height: 1.5em; } #content p{ font-size: 12px; color: #555555; margin-bottom: 1.6em; } #content ul{ font-size: 12px; color: #555555; margin-bottom: 1.6em; line-height: 1.5em; } #content ul li{ margin-bottom: 5px; } #content ul ul{ margin-bottom: 5px; margin-top: 5px; } .desc_short, .desc_long{ font-size: 12px; color: #555555; margin-bottom: 1.6em; line-height: 1.5em; } #side_link{ position:absolute; top: 22px; right: 0px; z-index: 2; text-align:right; width: 150px; } #side_link a{ color: #5e3190; font-size: 12px; margin-left: 9px; } #side_link a:hover{ color: #6d6f72; } #side_link .btn_send_to_friend{ color: #5e3190; font-size: 12px; padding: 0; background: 0; border: 0; cursor:pointer; } #side_link .btn_send_to_friend:hover{ color: #000; } #side_content{ float:right; width: 120px; margin-top: 40px; margin-left: 30px; } #side_content .vert_images li{ margin-bottom: 21px; } #side_content #related_links{ border: 1px solid #cecece; padding: 10px; } #side_content #related_links p{ color: #818181; font-size: 14px; margin-bottom: 10px; } #side_content #related_links ul{ font-size: 12px; } #side_content #related_links ul li{ margin-bottom: 6px; } #side_content #related_links ul a{ color: #5e3190; } #side_content #related_links ul a.blue2{ color: #1B8EE3; } #side_content #related_links ul a.light_blue2{ color: #25baf8; } #side_content #related_links ul a.magenta{ color: #D62B7C; } #side_content #related_links ul a.light_green{ color: #21AEA5; } #side_content #related_links ul a.light_green2{ color: #a5d073; } #side_content #related_links ul a.purple{ color: #5e3190; } #side_content #related_links ul a.orange{ color: #f45c0b; } #side_content #related_links ul a.infrared{ color: #ef4f53; } #side_content #related_links ul a.red{ color: #ed2229; } #side_content #related_links ul a:hover{ color: #6d6f72 !important; } #contact_us #side_content{ width: 170px; margin-top: 0; margin-left: 30px; } #side_content h3{ font-size: 18px; margin-bottom: 10px; font-weight: normal; } #side_content h3.light_green2{ color: #a5d073; } #side_content h3.magenta{ color: #D62B7C; } #side_content h3.blue2{ color: #1B8EE3; } #side_content h3.lime{ color: #78b713; } #contact_us #side_content a{ color: #5e3190; } #contact_us #side_content a:hover{ color: #363636; } #contact_us #side_content .address{ margin-bottom: 25px; } /*** FOOTER ***/ #footer{ clear:both; height: 30px; font-size: 10px; line-height: 29px; margin-top: 120px; margin-bottom: 50px;} #footer .copyright{ color: #555555; } #footer .copyright em{ color: #5e3190; font-style:normal; } #footer_nav{ float:left; width: 980px; } #footer_nav li{ float:left; margin-right: 44px; } #footer_nav li.first{ margin-right: 47px; } #footer_nav li.even{ margin-right: 45px; } #footer_nav li.last_item{ margin-right: 0; } #footer_nav li a{ color: #555555; } #footer_nav li a:hover, #newsletter #footer a.l_newsletter, #faqs #footer a.l_faqs, #press #footer a.l_press, #careers #footer a.l_careers, #links #footer a.l_links, #copyright #footer a.l_copyright, #legal #footer a.l_legal, #accessibility #footer a.l_accessibility, #sitemap #footer a.l_sitemap, #resources #footer a.l_resources{ color: #5e3190; } #footer .logo_teddy_foundation{ float:left; display:block; width: 86px; height: 29px; margin-right: 0px; } #footer .logo_triyoga_red{ float:left; display:block; width: 58px; height: 29px; } #website_design{ width: 300px; height: 30px; clear:both; font-size: 10px; line-height: 29px; color: #a8a8a8; margin-bottom: 80px; } #website_design a{ color: #a8a8a8; } #website_design a:hover{ color: #5e3190; } /*** LISTING STYLES ***/ #listing{ margin-left: 0 !important; } #listing li{ overflow:hidden; margin-bottom: 50px; } #listing.teachers li{ margin-bottom: 40px; } #listing .img{ float:left; width: 119px; } #listing .about{ float:right; width: 566px; font-size: 11px; } .narrow #listing .about{ width: 251px; } #listing .about h2{ font-size: 18px; color:#555555; margin-bottom: 8px; font-weight: normal; } #listing .about h2 a{ color:#555555; } #listing .about h2 a:hover{ color:#5e3190; } #listing .about h3{ font-size: 14px; color:#555555; margin-bottom: 8px; font-weight: normal; } #listing .about p{ font-size: 12px; color:#555555; margin-bottom: 4px; } #listing .about.close_link { margin-bottom: 20px; } .btn_desc{ display:block; margin-top: 5px; color: #5e3190; font-size: 12px; } .btn_desc:hover{ color: #6d6f72; } #listing .about h3.date{ color: #636363; font-size: 12px; margin-bottom: 6px; } #listing .about .desc_long, #listing .about .desc_short{ margin-bottom: 15px; } #listing .about .btn_toggle{ font-size: 12px; margin-right: 12px; } #listing.people p{ margin-bottom: 15px; } #listing.people h4{ font-size: 12px; color: #555555; margin-bottom: 5px; font-weight: normal; } #listing.people h5{ font-size: 12px; color: #555555; margin-bottom: 5px; font-weight: normal; } #listing.people .services_listing{ margin-bottom: 15px; font-size: 12px; } #listing.people .services_listing li{ margin-bottom: 0; border-bottom: 1px solid #f5f5f5; line-height: 20px; color: #5e3190; } #listing.people .btn_desc{ display: inline; margin-right: 15px; } /*** HOLIDAYS ***/ .horiz_images{ margin-bottom: 30px; overflow:hidden; } .horiz_images li{ float:left; width: 127px; } #content h2.date, #content h3.date{ color: #636363; font-size: 12px; margin-bottom: 6px; font-weight: normal; text-transform:lowercase; } #content .cm h2.small{ color: #636363; font-size: 12px; margin-bottom: 15px; font-weight: normal; } .cm h3{ color: #636363; font-size: 12px; margin-bottom: 15px; font-weight: normal; } .cm ul{ color: #555555; font-size: 12px; margin-bottom: 15px; list-style: none; line-height: 1.5em; } .cm ul li{ background:url(../images/bullet.png) no-repeat 0 5px; padding-left: 12px; margin-bottom: 9px; } table.holidays{ font-size: 12px; line-height: 22px; border-top: 1px solid #f1f1f1; width: 100%; margin-bottom: 23px; } table.holidays td{ border-bottom: 1px solid #f1f1f1; color: #555555; } table.holidays td.dates{ width: 52px; } table.holidays td.month{ width: 80px; } table.holidays td.holiday_name{ width: 110px; } table.holidays td.name{ width: 130px; } table.holidays td.length{ width: 85px; } table.holidays td.price{ width: 70px; } table.holidays td.holiday_price{ width: 170px; } table.holidays td.teacher{ width: 118px; } table.holidays td.checkbox{ width: 22px; } .prices table{ font-size: 12px; line-height: 22px; border-top: 0px solid #f1f1f1; width: 100%; margin-bottom: 23px; } .prices table td{ border-bottom: 1px solid #f1f1f1; color: #555555; } .prices table td.lbl{ color: #808285; } table.dates{ font-size: 12px; line-height: 22px; border-top: 1px solid #f1f1f1; width: 100%; margin-bottom: 23px; } table.dates td{ border-bottom: 1px solid #f1f1f1; color: #555555; } /**/table.dates td.dates{ width: 52px; } table.dates td.name{ width: 130px; } table.dates td.length{ width: 60px; } table.dates td.price{ width: 60px; } table.dates td.teacher{ width: 112px; } .form_list li{ margin-bottom: 17px; } .form_list li li{ margin-bottom: 5px; } .form_list p{ margin-bottom: 9px !important; width: 450px; } .form_list select, .form_list input{ margin-right: 8px; } .form_list .textfield, .form_list .textarea{ border: 1px solid #eaeaea; padding: 2px; width: 286px; margin-right: 8px; color: #555555; } .form_list .textfield.short{ width: 20px; } .form_list label{ margin-right: 8px; font-size: 12px; color: #555555; line-height: 16px; } .form_list label span, span.required, label span{ color: #eb6276; } .form_list label.block{ display:block; margin-bottom: 5px; width: 450px; } form .btn{ display:block; padding: 4px 15px; background: #f6f6f6; border: none; color: #808285; font-size: 20px; cursor:pointer; } form .btn_submit{ margin-top: 20px; } legend{ font-size: 16px; color: #5e3190; padding-bottom: 25px;} /*** HOME PAGE ***/ h1#home_side_nav{ font-weight: normal; } #home_side_nav a{ margin-bottom: 7px; display:block; } #home_side_nav li.active a{ color: #6d6f72; } #home_side_nav a{ color: #e4e4e4; } #home_side_nav a.yoga{ color: #5e3190; } #home_side_nav a.pilates{ color: #f45c0b; } #home_side_nav a.treatments{ color: #21AEA5; } #home_side_nav a:hover{ color: #6D6F72 !important; } #static_panel{ height: 87px; margin-bottom: 23px; } #static_panel .panel{ float: left; height: 87px; width: 240px; margin-right: 5px; display:block; cursor:pointer; } #panel3{ margin-right: 0px !important; } #static_panel .panel .img{ width: 117px; display:block; float:left; } #static_panel .panel:hover .img{ -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; } #static_panel .panel .info{ width: 115px; height: 63px; display:block; float:right; font-size: 13px; color: #6d6f72; } #static_panel .panel .time{ width: 115px; display:block; float:right; font-size: 11px; color: #555555; } #static_panel .panel .branch{ width: 115px; display:block; float:right; font-size: 9px; color: #555555; } #static_panel .panel .branch .triyoga{ color: #25baf8; } .panel .info p{ font-size: 13px; line-height: 15px; } #dynamic_panel{ height: 98px; width: 980px; margin-bottom: 15px; overflow:auto; clear:both; } #dynamic_panel .panel_holder{ float: left; height: 87px; width: 240px; margin-right: 5px; overflow:hidden; } #dynamic_panel #scroll_list{ } #dynamic_panel .last_item{ margin-right: 0;} #dynamic_panel .panel{ height: 87px; width: 240px; display:block; cursor:pointer; position:relative; } #dynamic_panel .panel .img{ width: 117px; display:block; float:left; } #dynamic_panel .panel:hover .img{ -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; } #dynamic_panel .panel .info{ width: 115px; height: 63px; display:block; float:right; font-size: 13px; color: #6d6f72; } #dynamic_panel .panel .time{ width: 115px; display:block; float:right; font-size: 11px; color: #555555; } #dynamic_panel .panel .branch{ width: 115px; display:block; float:right; font-size: 9px; color: #555555; } #dynamic_panel .panel .branch .triyoga{ color: #25baf8; } #scroll_content{ width: auto; } #home #footer{ margin-top: 0; } #scroll_btn_trigger_left{ position:absolute; top: 190px; left: 50px; width: 22px; height: 12px; display:block; background:url(../images/btn_scroll_left) no-repeat; z-index: 999; } /*** GALLERY ***/ #gal_scroll_panel{ height: 150px; width: 571px; position:relative; overflow:auto; clear:both; } #content ul#gal_scroll_list{ width: 2800px; margin-left: 0; list-style: none; overflow:hidden; } #gal_scroll_panel li{ float: left; height: 127px; width: 95px; } #gal_scroll_panel li a.thumb{ display:block; width: 88px; height: 60px; margin-bottom: 8px; } #gal_scroll_panel li a.active{ -moz-opacity:.40; filter:alpha(opacity=40); opacity:.40; } #main_img_wrp{ width:563px; height: 382px; margin-bottom: 15px; } #main_img{ } #gal_btn_prev{ float:left; width: 9px; height: 8px; background: url(../images/gal_scroll_left.png) no-repeat; } #gal_btn_next{ float:right; width: 9px; height: 8px; background: url(../images/gal_scroll_right.png) no-repeat; } p#img_desc{ width: 543px; float:left; text-align:center; margin-top: -5px; } /*** BLOG ***/ #content .pagination{ text-align:right; font-size: 11px; line-height: 23px; color: #636363; margin-bottom: 15px; text-transform:none; } #content .top_pagination{ margin-top: -20px; } #content .pagination a{ color: #636363; } #content .pagination .active{ color: #5e3190; font-weight: bold; } #content .pagination a:hover{ color: #5e3190; } #content .pagination span.div{ color: #636363; margin: 0 6px; } #content .pagination a.btn_prev{ padding-left: 15px; background:url(../images/pag_prev.png) no-repeat 0 2px; margin-right: 10px; } #content .pagination a.btn_next{ padding-right: 15px; background:url(../images/pag_next.png) no-repeat 100% 2px; margin: 0 0px 0 10px; } #content .pagination a.view_all{ margin-left: 12px; } #blog_list li{ margin-bottom: 30px; } #blog_list h2{ font-size: 18px; color: #000000; margin-bottom: 8px; font-weight: normal; } #blog_list p{ width: 500px; } #blog_list p.date{ color: #555555; font-size: 12px; margin-bottom: 15px; } #blog_list .img{ margin-bottom: 15px; } #blog_list .posted_bar{ padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; overflow:hidden; line-height: 15px !important; } #blog_list p.posted_by{ color: #555555; font-size: 11px; width: 400px; float:left; margin-bottom: 0; } #blog_list a.btn_comments{ display:block; width: 150px; float:right; text-align:right; font-size: 11px; color: #5e3190; } #blog_list a.btn_comments:hover{ color:#000000; } #blog_list .comments{ padding-bottom: 12px; border-bottom: 1px solid #e1e1e1; clear:both; } #blog_list h3{ font-size: 12px; margin-bottom: 10px; color: #555555; font-weight: normal; } #blog_list .comment_list{ margin-bottom: 25px; } #blog_list .comment_list li { margin-bottom: 8px; padding-right: 88px; border-bottom: 1px solid #e1e1e1; } #blog_list .comment_list p{ margin-bottom: 5px; } #blog_list .comment_list p.author{ font-size: 10px; } /*** FORMS ***/ .form .textarea, .form .textfield, .form select{ border: 1px solid #d6d6d6; width: 343px; padding: 2px; font-size: 11px; margin-bottom: 15px; color: #555555; } .form select{ width: 348px; } .form label{ display:block; margin-bottom: 6px; color: #555555; font-size: 12px; } .form label.error{ color: #ff0000; font-size: 10px; margin-bottom: -4px; margin-bottom: 17px; } .form label.para{ margin-bottom: 15px; } .form .field_info{ margin-bottom: 15px; } .form .btn_post{ display:block; width: 150px; margin: 15px 0; background: none; border: none; text-align: left; color: #5e3190; font-size: 14px; margin-left: -8px; cursor:pointer; } .form .btn_post:hover{ color: #9EA0A2; } .form .send_with_reset{ float:left; margin-right: 71px; } .form .btn_reset{ float:left; text-align:right; } form .inline{ margin-right: 5px; font-size: 12px; } form .checkboxes{ margin-bottom: 30px !important; line-height: 12px; } form .checkboxes input{ } form .error.hidden{ margin: -8px 0 10px 0; display:none; } .checkbox_list{ margin-bottom: 30px; overflow:hidden; } .checkbox_list li{ width: 130px; float:left; } #contact_us .form .btn_post{ font-size: 18px; } #blog_list .btn_post{ float:left; } .comments .close_comments{ float:right; text-align:right; width: 200px; margin-top: -35px; display:block; color: #5e3190; font-size: 14px; } .comments .close_comments:hover{ color: #9EA0A2; } .ernie_form input.text, .ernie_form textarea{ border: 1px solid #d6d6d6; width: 343px; padding: 2px; font-size: 11px; margin-bottom: 10px; color: #555555; } .ernie_form .message.required, .ernie_form .message.validation{ margin-bottom: 12px; margin-top: -4px; color:#FF0000; } .ernie_form textarea.required{ color: #555555; } .ernie_form label{ display:block; margin-bottom: 6px; color: #555555; font-size: 12px; } .ernie_form h3{ font-size: 14px; margin: 15px 0; text-transform:lowercase; color: #9EA0A2; } .ernie_form label.error{ color: #ff0000; font-size: 10px; margin-bottom: -4px; margin-bottom: 17px; } .ernie_form .field_info{ margin-bottom: 15px; } .ernie_form .action{ display:block; width: 250px; margin: 15px 0; background: none; border: none; text-align: left; color: #5e3190; font-size: 14px; margin-left: -8px; cursor:pointer; } .ernie_form .action:hover{ color: #9EA0A2; } .ernie_form #Comments label{ display:none; } #content form .message { color: red; } /* classes for a bug on login page */ #MemberLoginForm_LoginForm input.text, #MemberLoginForm_LoginForm textarea{ border: 1px solid #d6d6d6; width: 343px; padding: 2px; font-size: 11px; margin-bottom: 10px; color: #555555; } #MemberLoginForm_LoginForm .message.required, #MemberLoginForm_LoginForm .message.validation{ margin-bottom: 12px; margin-top: -4px; color:#FF0000; } #MemberLoginForm_LoginForm textarea.required{ color: #555555; } #MemberLoginForm_LoginForm label{ display:block; margin-bottom: 6px; color: #555555; font-size: 12px; } #MemberLoginForm_LoginForm label.right { display:inline } #MemberLoginForm_LoginForm h3{ font-size: 14px; margin: 15px 0; text-transform:lowercase; color: #9EA0A2; } #MemberLoginForm_LoginForm label.error{ color: #ff0000; font-size: 10px; margin-bottom: -4px; margin-bottom: 17px; } #MemberLoginForm_LoginForm .field_info{ margin-bottom: 15px; } #MemberLoginForm_LoginForm .action{ display:block; width: 250px; margin: 15px 0; background: none; border: none; text-align: left; color: #5e3190; font-size: 14px; margin-left: -8px; cursor:pointer; } #MemberLoginForm_LoginForm .action:hover{ color: #9EA0A2; } #MemberLoginForm_LoginForm #Comments label{ display:none; } #MemberLoginForm_LostPasswordForm .action{ margin-left: -4px; } /*** CLASS SCHEDULES ***/ #side_links{ width: 200px; text-align:right; float:right; margin-top: -40px; } .btn_prev_week{ width: 100px; float:left; clear:both; padding-left: 15px; background:url(../images/arrow_left_violet.png) 0 1px no-repeat; font-size: 12px; } .btn_next_week{ width: 100px; float:right; clear:right; padding-right: 15px; background:url(../images/arrow_right_violet.png) 100% 1px no-repeat; font-size: 12px; text-align:right; } .sorting_panel{ clear:both; color: #555555; font-size: 12px; padding-top: 15px; margin-bottom: 20px; } .sorting_panel p{ color: #555555; display:inline; font-size:12px; } .sorting_panel .dropdown{ width: 145px; margin-left: 7px; color: #636363; } .sorting_panel.narrow .dropdown { width: 120px; } h2.day{ color: #5e3190; font-size: 24px; margin-bottom: 10px; font-weight: normal; } h2.day span.date{ color: #555555; font-size: 14px; } table.generic{ font-size: 12px; line-height: 22px; border-top: 0px solid #f1f1f1; width: 100%; margin-bottom: 23px; } table.generic th, table.generic td{ border-bottom: 1px solid #f1f1f1; color: #555555; } table.generic th{ padding-bottom: 3px; } table.generic { border-collapse: collapse; margin-bottom: 25px; } table.generic td { padding: 0px; font-size: 12px; color: #555; } .cafe_menu #content h3{ margin-bottom: 10px; } .cafe_menu table.generic, .creche table.generic{ border-top: 1px solid #f1f1f1; } .cafe_menu table.generic td, .creche table.generic td{ padding: 5px; } .bottom{ vertical-align:bottom; } .cafe_menu table.generic td{ padding-right: 10px; } table.generic td p { width: auto; margin-bottom: 0 !important; } table.schedule{ font-size: 12px; line-height: 22px; border-top: 0px solid #f1f1f1; width: 100%; margin-bottom: 23px; } table.schedule th, table.schedule td{ border-bottom: 1px solid #f1f1f1; color: #555555; } table.schedule th{ padding-bottom: 3px; } table.schedule .times{ width: 109px !important; } table.schedule .name{ width: 327px; } table.schedule .teacher{ width: 185px; } table.schedule .location{ width: auto; } table.schedule .room{ width: 62px; } #content a.primrose_hill{ color: #1B8EE3; } #content a.primrose_hill:hover{ color: #363636; } #content a.soho{ color: #D62B7C; } #content a.soho:hover{ color: #363636; } #content a.covent_garden{ color: #a5d073; } #content a.covent_garden:hover{ color: #363636; } .rel{ position:relative; } table.schedule td.panels{ border: none; } table.schedule .panel{ width: 729px; background: #e6e6e6; padding: 0px; border: 1px solid #d6d6d6; border-top: 0px; color: #9ea0a2; font-size: 12px; overflow:hidden; } table.schedule .panel .content_wrapper{ padding: 21px; overflow:hidden; } table.schedule .panel p{ color: #9ea0a2 !important; font-size: 12px !important; margin-bottom: 0 !important; } table.schedule .panel h3{ font-weight: normal; font-size: 14px; color: #6d6f72; margin-bottom: 11px; } table.schedule .panel .btn_close_panel{ float:right; display:block; width: 17px; height: 17px; margin-top: -36px; background:url(../images/icon_close2.png) no-repeat; font-size: 11px; } table.schedule .panel .content_left{ float:left; width: 550px; } table.schedule .panel .content_right{ float:right; width: 120px; line-height: 20px; } table.schedule .panel .content_right .img{ margin-bottom: 10px; } table.schedule .panel .related_links{ border: 1px solid #cecece; padding: 10px 10px 2px 10px; } table.schedule .panel .related_links p{ color: #c4c4c4; font-size: 14px; margin-bottom: 10px !important; } table.schedule .panel .related_links ul{ font-size: 12px; } table.schedule .panel .related_links ul li{ margin-bottom: 0px; } table.schedule .panel .related_links ul a{ color: #5e3190; } table.schedule .panel .related_links ul a:hover{ color: #6d6f72; } table.schedule .panel td{ border-bottom: 0px solid #f1f1f1; color: #555555; } table.schedule .panel td.label{ width: 105px; } /*** COURSES SCHEDULES ***/ #course_sorting_panel { margin-bottom: 30px; } #course_sorting_panel #dropdown_visit_types { width: 170px; } #course_listing li{ border-bottom: 1px solid #ececec; padding-bottom: 20px; margin-bottom: 23px !important; position: relative; } #course_listing li .content{ width: 664px; margin-bottom: 2px; font-size: 12px; } #course_listing li .content h2{ color: #111; font-size: 16px; margin-bottom: 2px; line-height: 19px; } #course_listing li .content p{ color: #555555; font-size: 12px; margin-bottom: 14px; } #course_listing li .content .info{ margin-bottom: 15px; } #course_listing li .content .right_image { float: right; margin: 0 0 20px 20px; position:relative; width: 200px; height: 144px; } #course_listing li .content .triyoga_education_logo { background: url(../images/triyoga_education_logo.jpg) no-repeat scroll right top; width: 117px; height: 32px; position: absolute; z-index: 10; right: 64px; bottom: 18px; margin: -8px 0 0px 20px; clear: right; } #course_listing li .content .time, #course_listing li .content .price .extra { padding-left: 4em; } #course_listing li .content .level, #course_listing li .content .price .extra, #course_listing li .content .name span, #course_listing li .content .time { color: #888; } #course_listing li .content .workshop_items { margin-top: 15px; } #course_listing li .content .workshop_items item { margin-bottom: 15px; } #course_listing li .content .workshop_items h3 { margin-top: 15px; color: #111; font-size: 14px; margin-bottom: 2px; line-height: 16px; } #course_listing li .btn_book_now{ float:left; font-size: 16px; width: 75px; height: 21px; display: block; text-indent: -999em; background: url(../images/book_now.jpg) no-repeat scroll left top; margin-left: -10px; margin-top: 2px; } #course_listing li .btn_book_now:hover, #course_listing li .btn_book_now:active { background: url(../images/book_now_on.jpg) no-repeat scroll left top; } #course_listing li .btn_sold_out{ float:left; font-size: 16px; width: 75px; height: 21px; display: block; text-indent: -999em; background: url(../images/sold_out.jpg) no-repeat scroll left top; margin-left: -10px; margin-top: 2px; } #course_listing li .btn_sold_out:hover, #course_listing li .btn_sold_out:active { background: url(../images/sold_out_on.jpg) no-repeat scroll left top; } #course_listing li .back_to_top{ float:right; font-size: 12px; padding-top: 4px; } /*** TREATMENTS ***/ #listing h2.type{ color: #21AEA5; } .treatments h4{ font-size: 12px; color: #555555; margin-bottom: 5px; font-weight: normal; } .treatments li{ margin-bottom: 15px; } .treatments .btn_desc { display: inline; padding-right: 16px; } table.treatments{ font-size: 12px; line-height: 22px; border-top: 0px solid #f1f1f1; width: 100%; margin-bottom: 13px; } table.treatments td{ border-bottom: 1px solid #f1f1f1; color: #555555; } table.treatments td.times{ width: 120px; } table.treatments td.day{ width: 70px; } table.treatments td.treatment{ width: auto; } table.treatments td.therapist{ width: auto; } table.treatments td.location{ width: 100px; } table.treatments td.request{ width: 115px; } /*** FAQS ***/ .btn_close{ background:url(../images/icon_close2.png) no-repeat; font-size: 11px; color: #5e3190; margin-bottom: 15px; display:block; width: 17px; height: 17px; text-indent: -999em; } .btn_close:hover{ color: #555555; } #search_form .textfield{ background: none; border:1px solid #C0BEC3; color: #555555; width: 576px; margin-right: 2px; float:left; padding: 3px 5px; font-size: 12px; } #search_form .btn_search{ border:1px solid #C0BEC3; color:#5E3190; height: 22px; display: block; float: left; text-align:center; font-size: 12px; cursor: pointer; padding: 0 5px; } p#contact_info{ clear:both; margin-bottom: 30px; } #contact_form_wrapper{ margin-bottom: 60px; } #contact_form_wrapper .btn_close{ float:right; width: 130px; margin-top: -32px; } #content #faqs_list{ width: 645px; list-style: none; margin-left: 0; } #faqs_list li{ border-bottom: 1px solid #e6e6e6; margin-bottom: 11px; } #faqs_list li h2{ font-size: 14px; font-weight: normal; color: #555555; margin-bottom: 11px; } #faqs_list li h2.open{ font-size: 18px; } #faqs_list li h2 a{ color: #555555; } #faqs_list li h2 a:hover{ color: #5e3190; } /*** LOCATIONS ***/ /*** GOOGLE MAPS ***/ div#map_wrapper{ margin-bottom: 1.5em; } div#map{ display: block; margin: 2px; width: 500px; height: 289px; } #map_address{ color:#555555; font-size:12px; line-height:1.6em; } .address{ color:#555555; font-size:12px; line-height:1.4em; } p#map_links{ margin-bottom: 5px; } #sitemap_list{ font-size: 12px; line-height: 19px; } #sitemap_list li{ padding-left: 12px; background:transparent url(../images/bullet.png) no-repeat scroll 0 6px; } #sitemap_list ul ul{ margin-left: 15px; } /* home scroll */ #scroll_panel .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 2px; left: 0; z-index: 999;} /* force fleXcroll to always display the vertical scrollbase */ #scroll_panel .vscrollerbase { visibility: visible !important; } /* fleXcroll adapts to this CSS setting and sets positions correctly */ /* And style your scrollbar like you normally do */ #scroll_panel .vscrollerbase { width: 0px; background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y; } #scroll_panel .vscrollerbar { width: 0px; background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y; } #scroll_panel .hscrollerbase { height: 17px; background: url(../images/scrollbar-back.png) 13px 0 no-repeat; } #scroll_panel .hscrollerbar { height: 15px; background:url(../images/scroll_moving_bar.png) no-repeat; top:0px; width:190px !important; } #scroll_panel .vscrollerbar, #scroll_panel .hscrollerbar { padding: 0 13px;/**/ z-index: 2; } #scroll_panel .vscrollerbarbeg { background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat; width: 0px; height: 0px !important; } #scroll_panel .vscrollerbarend { background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat; width: 0px; height: 0px; } #scroll_panel .hscrollerbarbeg { background: url(../images/flexcroll/scrollbar.png) -47px 0px no-repeat; height: 0px; width: 0px !important; } #scroll_panel .hscrollerbarend { background: url(../images/flexcroll/scrollbar.png) -25px 0px no-repeat; height: 0px; width: 0px; } #scroll_panel .scrollerjogbox { width: 0px; height: 0px; top: auto; left: auto; bottom: 0px; right: 0px; background:none; } #scroll_panel .vscrollerbasebeg { width:0px; height: 0px !important; } #scroll_panel .vscrollerbaseend { height: 0px; width: 0px; } #scroll_panel .hscrollerbasebeg { background: url(../images/scroll_arrow_left.png) 0 2px no-repeat; height: 12px; width: 8px !important; cursor:pointer; } #scroll_panel .hscrollerbaseend { height: 12px; width: 8px; background: url(../images/scroll_arrow_right.png) 0px 2px no-repeat; cursor:pointer; } /* gallery scroll */ #gal_scroll_panel .scrollgeneric { line-height: 1px;font-size: 1px; position: absolute;top: 0px; left: 0; z-index: 999;} /* force fleXcroll to always display the vertical scrollbase */ #gal_scroll_panel .vscrollerbase { visibility: visible !important; } /* fleXcroll adapts to this CSS setting and sets positions correctly */ /* And style your scrollbar like you normally do */ #gal_scroll_panel .vscrollerbase { width: 0px; background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y; } #gal_scroll_panel .vscrollerbar { width: 0px; background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y; } #gal_scroll_panel .hscrollerbase { height: 8px; background: url(../images/gal_scroll_back.png) 14px 0 no-repeat; } #gal_scroll_panel .hscrollerbar { height: 8px; background:url(../images/gal_scroll_handle.png) no-repeat; top:0px; width:206px !important; } #gal_scroll_panel .vscrollerbar, #gal_scroll_panel .hscrollerbar { padding: 0 14px; z-index: 2; } #gal_scroll_panel .vscrollerbarbeg { background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat; width: 0px; height: 0px !important; } #gal_scroll_panel .vscrollerbarend { background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat; width: 0px; height: 0px; } #gal_scroll_panel .hscrollerbarbeg { background: url(../images/flexcroll/scrollbar.png) -47px 0px no-repeat; height: 0px; width: 0px !important; } #gal_scroll_panel .hscrollerbarend { background: url(../images/flexcroll/scrollbar.png) -25px 0px no-repeat; height: 0px; width: 0px; } #gal_scroll_panel .scrollerjogbox { width: 0px; height: 0px; top: auto; left: auto; bottom: 0px; right: 0px; background:none; } #gal_scroll_panel .vscrollerbasebeg { width:0px; height: 0px !important; } #gal_scroll_panel .vscrollerbaseend { height: 0px; width: 0px; } #gal_scroll_panel .hscrollerbasebeg { background: url(../images/gal_scroll_left.png) no-repeat; height: 8px; width: 9px !important; } #gal_scroll_panel .hscrollerbaseend { height: 8px; width: 9px; background: url(../images/gal_scroll_right.png) no-repeat; } /*.scrollerjogbox:hover { background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px; }*/ /* Scroll Bar Master Styling Ends Here */ /*** SEARCH RESULTS ***/ #content .search_results li{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E6E6E6; } #content .search_results p.result_title{ font-size: 18px; margin-bottom: 10px; } #content .search_results p.result_title a{ color: #555555; } #content .search_results p.result_content{ font-size: 12px; margin-bottom: 10px; } #content .search_results p.more{ margin-bottom: 0 !important; font-size: 12px; } .subtrainer:link, .subtrainer:visited, .subtrainer:active, .subtrainer:hover { color: red !important; } .ajax_loader { float: right; margin-right: 205px; } .form_reset { } #class_finder_questionnaire_form label.error, #treatment_appointment_form label.error, #pilates_equipment_form label.error { /* display: block !important; */ margin: -21px 0 16px 0; } .studio_opening_times { padding-left: 15px; } pre { background: #F4E499 !important; font-size: 11px !important; width: 930px; padding: 10px; margin: 0 auto; border: 1px solid #000; } pre.session_debug { margin-top: 450px; } .location { text-transform: lowercase; } #WelcomePackHolder label { display: inline; } .trainer_img { margin-bottom: 40px; }