/* Block positioning and layout */ body { color: #fff ; background: #fed106 ; text-align: center ; } #container { position: relative ; width: 770px ; margin: 0 auto ; padding: 0 10px ; color: #000 ; background: #fff ; } /* Branding */ #branding { position: absolute ; left: 10px ; top: 24px ; width: 155px ; height: 119px ; background: transparent url(../images/site/logo.gif) no-repeat left -9px ; } #branding a { display: block ; width: 155px ; height: 119px ; text-indent: -9999px ; outline: 0 ; } /* Main navigation */ #navmain { position: absolute ; left: 7px ; top: 1px ; width: 787px ; height: 24px ; z-index: 20; } #navmain h4 { position: absolute ; left: 0 ; top: 0 ; text-indent: -9999px ; } #navmain ul { list-style: none ; } #navmain li { float: left ; margin: 0 1px 0 0 ; } #navmain li a { display: block ; padding: 6px 11px 5px ; color: #fff ; background: #01509b ; font-size: 12px ; line-height: 1.0 ; text-decoration: none ; } #navmain li#navhome a:hover, #navmain li#navhome.active a { background: #ea3426 ; } #navmain li#navabout_rhythm_time a:hover, #navmain li#navhome.active a { background: #56b70e ; } #navmain li#navthree_cs a:hover, #navmain li#navthree_cs.active a { background: #8fd300 ; } #navmain li#navbabies a:hover, #navmain li#navbabies.active a { background: #FED106 ; } #navmain li#navtoddlers a:hover, #navmain li#navtoddlers.active a { background: #8FD300 ; } #navmain li#navpreschool a:hover, #navmain li#navpreschool.active a { background: #016ED7 ; } #navmain li#navparents a:hover, #navmain li#navparents.active a { background: #8fd300 ; } #navmain li#navclasses a:hover, #navmain li#navclasses.active a { background: #fed106 ; } #navmain li#navplayzone a:hover, #navmain li#navplayzone.active a { background: #EA3426 ; } #navmain li#navshop a:hover, #navmain li#navshop.active a { background: #016ED7 ; } #navmain li#navabout_my_class a:hover, #navmain li#navabout_my_class.active a { background: #016ED7 ; } #navmain li#navfaq a:hover, #navmain li#navfaq.active a { background: #8fd300 ; } #navmain li#navcontact a:hover, #navmain li#navcontact.active a { background: #fed106 ; } #navmain .navmain-supp { position: absolute; display: none; } #navmain .navmain-supp li { float: none; border-top: 1px solid #fff; } #navmain #navaboutsupp { left: 55px; top: 23px; width: 170px; } #navmain li#navabout_rhythm_time #navaboutsupp a { background: #01509B; } #navmain li#navabout_rhythm_time #navaboutsupp a:hover { background: #56b70e; } #navmain #navparentssupp { left: 183px; top: 23px; width: 170px; } #navmain li#navparents #navparentssupp a { background: #01509B; } #navmain li#navparents #navparentssupp a:hover { background: #56b70e; } #navmain #navclassessupp { left: 328px; top: 23px; width: 140px; } #navmain li#navclasses #navclassessupp a { background: #01509B; } #navmain li#navclasses #navclassessupp a:hover { background: #fed106; } #navmain #navcontactsupp { right: 4px; top: 23px; width: 140px; } #navmain li#navcontact #navcontactsupp a { background: #01509B; } #navmain li#navcontact #navcontactsupp a:hover { background: #ff7f00; } /* Supplementary navigation */ #navsupp h4 { position: absolute ; left: 0 ; top: 0 ; text-indent: -9999px ; } #navsupp ul { float: left ; width: 100% ; margin: 20px 0 10px ; border: 1px solid #000 ; border-left: none ; border-right: none ; list-style: none ; } #navsupp li { float: left ; margin: 0 5px ; } #navsupp li a { display: block ; color: #000 ; font-size: 1.1em ; line-height: 1.3 ; text-decoration: none ; } #navsupp li a:hover { color: #f43d39 ; } #navsupp li a#bookmark { padding-left: 50px ; background: transparent url(/images/site/star.gif) no-repeat 35px center ; } /* In-page link boxes */ #pagelinks { width: 138px ; margin: 0 0 10px ; padding: 10px ; background: #FE0074 url(../images/site/transbottom.gif) no-repeat left bottom ; } #pagelinks ul { margin: -10px -10px 0 ; padding: 10px 0 0 ; background: transparent url(../images/site/transtop.gif) no-repeat left top ; list-style: none ; } #content-main #pagelinks li { margin: 0 10px 10px 0 ; padding-left: 10px ; } #pagelinks a { color: #fff ; font-size: 1.1em ; font-weight: normal ; text-decoration: none ;} #pagelinks a:hover { text-decoration: underline ; } /* Site info */ #siteinfo { position: relative; clear: left ; padding: 0 0 50px 5px ; text-align: left ; } #siteinfo a { color: #000 ; text-decoration: none ; } #siteinfo #socialmedia a { position: absolute; left: 0; top: 0; display: block; width: 50px; height: 50px; background: transparent url(../images/site/sprite-socialmedia.png) no-repeat left top; text-indent: -9999px; } #siteinfo a#socialmedia-facebook { left: 660px; background-position: 0 -50px; } #siteinfo a#socialmedia-twitter { left: 720px; background-position: -50px -50px; } #siteinfo a#socialmedia-facebook:hover { background-position: 0 0; } #siteinfo a#socialmedia-twitter:hover { background-position: -50px 0; } #social { position: absolute ; left: 18px ; top: 134px ; } /* Content area */ #content { padding-top: 163px ; text-align: left ; } /* Forms */ form { margin: 1.5em 0 0 ; } label { float: left ; clear: left ; position: relative ; top: 1px ; width: 10em ; font-size: 1em ; } input.file { width: 12em ; margin: 0 0 0.5em 0 ; border: 1px solid #fff ; padding: 1px 3px ; font: normal normal 1em/1.0 Arial, Helvetica, sans-serif ; } input.txt, .text input, select { width: 12em ; margin: 0 0 0.5em 0 ; border: 1px solid #fff ; padding: 1px 3px ; color: #fff ; background-color: #fb5146 !important ; font: normal normal 1em/1.0 Arial, Helvetica, sans-serif ; } select { padding: 0 ; } textarea { width: 12.25em ; height: 8em ; margin: 0 0 0.5em 0 ; border: 1px solid #fff ; padding: 0 0 0 3px ; color: #fff ; background: #fb5146 ; font: normal normal 1em/1.3 Arial, Helvetica, sans-serif ; } input.btn { margin: 2em 0 0 ; padding: 3px 6px ; border: 2px solid #fff ; color: #fff ; background: #cb2116 ; font: normal bold 1em/1.0 Arial, Helvetica, sans-serif ; cursor: pointer ; } /* Basic layout */ #content-main { width: 275px ; margin: 0 305px 0 168px ; padding: 40px 10px ; background: #eb4136 url(../images/site/wtransbottom.gif) no-repeat left bottom ; color: #fff ; font-size: 1.2em ; line-height: 1.4 ; } #content-main a { color: #fff ; font-weight: normal ; text-decoration: underline ; } #content-main a:hover { text-decoration: none ; } #content-main blockquote { margin-left: 1em ; } #content-main h1 { font-size: 1.4em ; margin: -40px -10px 13px ; padding: 30px 10px 13px ; background: transparent url(../images/site/wtranstop.gif) no-repeat left top ; } #content-main h2 { font-size: 1.1em ; margin: 26px 0 5px ; border-top: 1px solid #fff ; padding: 26px 0 0 ; } #content-main p,ul { margin-bottom: 13px ; } #content-main ul { margin-left: 2em ; } #content-main li { margin-bottom: 0.5em ; } #content-main #picturebox { position: absolute ; left: 10px ; top: 163px ; width: 158px ; } #content-main #picturebox img { display: block ; margin-bottom: 10px ; } #content-main #quotebox { position: absolute ; right: 10px ; top: 163px ; width: 295px ; } #content-main #quotebox p { padding: 15px 15px 30px ; color: #fff ; background: #8fd300 url(../images/site/wtransbottom.gif) no-repeat left bottom ; font-size: 1.5em ; font-weight: bold ; line-height: 1.4 ; } #body-babies #content-main #quotebox p { background-color: #FED106 ; } #body-toddlers #content-main #quotebox p { background-color: #8FD300 ; } #body-preschool #content-main #quotebox p { background-color: #02509B ; } #body-parents #content-main #quotebox p { background-color: #8fd300 ; } #body-classes #content-main #quotebox p { background-color: #fed106 ; } #body-contact #content-main #quotebox p { background-color: #fed106 ; } #content-main #quotebox.franchisee a { color: #cb2116 ; } #content-main #quotebox.franchisee a#franchiseelink { display: block ; width: 152px ; height: 32px ; margin: 15px 0 0 110px ; background: transparent url(../images/site/btn-franchisee.png) no-repeat left top ; text-indent: -9999px ; } #content-main #quotebox.franchisee p img { float: left ; margin: 0 10px 0 0 ; } #content-main #quotebox.franchisee p { height: 133px ; padding: 15px ; color: #000 ; font-size: 1em ; font-weight: normal ; } /* Section specific: home */ #body-home h1 { position: absolute ; left: 185px ; top: 58px ; width: 394px ; height: 38px ; background: transparent url(../images/site/earlylearning-blue.gif) no-repeat left top ; text-indent: -9999px ; } #body-home #content-box { width: 285px ; height: 171px ; margin-left: 169px ; padding: 15px 300px 15px 15px ; background: transparent url(../images/site/bg-home.png) no-repeat left top ; /* bg-home => bg-home-xmas */ color: #004ea7 ; font-size: 1.2em ; line-height: 1.4 ; } #body-home #content-box a { color: #004ea7 ; } #body-home #content-box h2 { width: 410px ; margin-bottom: 10px ; color: #d12521 ; font-size: 19px; } /* width: 410px ; margin-bottom: 30px => 10px ; color: #02509b => #d12521 */ #body-home #content-box p { margin-bottom: 15px ; } #body-home #usefullinks { position: absolute ; left: 10px ; top: 163px ; width: 138px ; height: 142px ; padding: 10px ; -moz-opacity: 0.999 ; background: transparent url(../images/site/redback.gif) no-repeat left top ; } #body-home #usefullinks h3 { position: absolute ; left: 0 ; top: 0 ; text-indent: -9999px ; } #body-home #usefullinks ul { list-style: none ; } #body-home #usefullinks li { margin-bottom: 10px ; } #body-home #usefullinks h4 { margin-bottom: 0.4em ; color: #fff ; font-size: 1.3em ; font-weight: normal ; line-height: 1.0 ; } #body-home #usefullinks img { margin: 0 0 0.2em 2px ; border: 1px solid #fff ; } #body-home #usefullinks p { color: #fff ; font-size: 1.1em ; line-height: 1.2 ; } #body-home #usefullinks a { position: absolute ; left: 0 ; top: 0 ; width: 158px ; height: 162px ; background: transparent url(../images/site/playzone.gif) no-repeat -999px -999px ; text-decoration: none ; text-indent: -9999px ; } #body-home #navinfo { margin-top: 68px ; } #body-home #navinfo h3 { position: absolute ; left: 0 ; top: 0 ; text-indent: -9999px ; } #body-home #navinfo ul { position: relative ; height: 170px ; list-style: none ; } #body-home #navinfo li { position: absolute ; left: 0 ; top: 0 ; } #body-home #navinfo li a { display: block ; text-indent: -9999px ; } #body-home #navinfo li#info-babies { left: 169px ; width: 189px; height: 169px; border: 2px solid #fed106; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; } #body-home #navinfo li#info-babies h2 { background: #fed106; line-height: 20px; font-size: 15px; text-align: center; color: #ffffff; } #body-home #navinfo li#info-babies img { margin-top: 2px; margin-left: 2px; } #body-home #navinfo li#info-toddlers { left: 372px ; width: 189px; height: 169px; border: 2px solid #8fd300; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; } #body-home #navinfo li#info-toddlers h2 { background: #8fd300; line-height: 20px; font-size: 15px; text-align: center; color: #ffffff; } #body-home #navinfo li#info-toddlers img { margin-top: 2px; margin-left: 2px; } #body-home #navinfo li#info-preschool { left: 575px ; width: 189px; height: 169px; border: 2px solid #02509b; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; } #body-home #navinfo li#info-preschool h2 { background: #02509b; line-height: 20px; font-size: 15px; text-align: center; color: #ffffff; } #body-home #navinfo li#info-preschool img { margin-top: 2px; margin-left: 2px; } #body-home #navinfo li#info-babies a, #body-home #navinfo li#info-toddlers a, #body-home #navinfo li#info-preschool a { position: absolute; left: 0; top: 0; width: 189px; height: 169px; text-indent: -9999px; background: transparent url(../images/site/news.gif) no-repeat -9999px -9999px ; } #body-home #navinfo li#info-playzone a { width: 158px ; background: transparent url(../images/site/playzone.gif) no-repeat left top; } #body-home #navinfo li#info-promotions a { width: 158px; height: 173px; } #body-home #latestnews { position: absolute ; left: 179px ; top: 374px ; width: 568px ; height: 38px ; padding: 5px 15px ; color: #fff ; font-size: 1.1em ; line-height: 1.1 ; background: transparent url(../images/site/news.gif) no-repeat left top ; } #body-home #latestnews a { color: #fff ; font-weight: normal ; text-decoration: none ; } #body-home #latestnews a:hover { text-decoration: underline ; } #body-home #latestnews h3 { display: none; } #body-home #latestnews ul { list-style: none; width: 468px; } #body-home #latestnews ul.js { position: relative; height: 38px; overflow: hidden; } #body-home #latestnews ul.js li { position: absolute; left: 0; top: 0; height: 38px; line-height: 19px; font-size: 16px; } #body-home #latestnews ul.js li.active { left: 0; top: 0; } #body-home #latestnews ul.js li.hidden { left: 0; top: 38px; } #body-home a#newslink { position: absolute; right: 9px; top: 8px; width: 92px ; height: 32px ; background: transparent url(../images/site/btn-news.png) no-repeat left top ; text-indent: -9999px ; } #body-home #charitylink { position: absolute ; left: -169px ; top: -40px ; width: 130px ; height: 73px ; padding: 7px 14px 8px ; background: transparent url(../images/site/greenback.gif) no-repeat left top ; } /* Section specific: About Rhythm Time */ #content-main.start_a_franchise { width: 582px; margin-right: 0; background: #EB4136 url(/images/site/wtransbottom-602.gif) no-repeat left bottom; } #content-main.start_a_franchise h1 { background: transparent url(/images/site/wtranstop-602.gif) no-repeat left top; } #content-main.start_a_franchise #contactus { position: absolute; top: 170px; right: 20px; width: 125px; height: 63px; text-indent: -9999px; background: transparent url(/images/site/bg-about-contactnow.png) no-repeat left top; } /* Section specific: parents */ #body-parents #pagelinks { position: absolute ; left: 10px ; top: 163px ; background-color: #8fd300 ; } #body-parents #content-main { min-height: 359px ; } #body-parents #content-main #pagelinks a { text-decoration: none ; } #body-parents #content-main #pagelinks a:hover { text-decoration: underline ; } #body-parents #content-main #pagelinks ul { margin-left: -10px ; } #body-parents #content-main #picturebox { top: 353px ; } /* Section-specific: classes, resource centre and franchisee content block layout */ form#globalclassfinder, #body-classes form#classfinder, #body-classes #nearestfranchisees, #body-franchisee form#classfinder, #body-franchisee #content-supp, #body-support_centre #content-supp { position: absolute ; left: 10px ; top: 163px ; width: 138px ; margin: 0 0 10px ; padding: 10px ; background: #fed106 url(../images/site/transbottom.gif) no-repeat left bottom ; } form#globalclassfinder { left: 622px; top: 40px; z-index: 10; text-align: left ; } #body-franchisee #content-supp, #body-support_centre #content-supp { top: 153px ; margin-bottom: 0 ; padding: 0 10px ; background: #fed106 ; } #body-classes #nearestfranchisees, #body-franchisee #content-supp, #body-support_centre #content-supp { left: auto ; right: 11px ; } form#globalclassfinder p, #body-classes form#classfinder h2, #body-franchisee form#classfinder h2, #body-franchisee #content-supp h2, #body-classes #nearestfranchisees h2, #body-support_centre #content-supp h4 { margin: -10px -10px 10px ; padding: 10px 10px 0 ; color: #cb2116 ; background: transparent url(../images/site/transtop.gif) no-repeat left top ; font-style: normal ; } #body-franchisee #content-supp h2, #body-support_centre #content-supp h4 { margin-top: 0 ; border-top: 10px solid #fff ; } #body-support_centre #content-supp h4 { font-size: 1.32em ; } #body-franchisee form#classfinder p, #body-franchisee #content-supp p, #body-classes form#classfinder p, #body-classes #nearestfranchisees ul, #body-support_centre #content-supp ul { color: #cb2116 ; } #body-franchisee #content-supp p, #body-support_centre #content-supp ul {font-size: 1.2em ; line-height: 1.4 ; margin: 10px -10px 0 ; padding: 10px ; background: #fed106 url(../images/site/transbottom.gif) no-repeat left bottom ; } #body-support_centre #content-supp ul { padding-left: 23px ; } form#globalclassfinder p { font-size: 1.1em ; line-height: 1.3 ; } #body-classes #nearestfranchisees a, #body-franchisee #content-supp a, #body-support_centre #content-supp a { color: #cb2116 ; font-weight: normal ; text-decoration: none ; } #body-classes #nearestfranchisees a:hover, #body-franchisee #content-supp a:hover, #body-support_centre #content-supp a:hover { text-decoration: underline ; } form#globalclassfinder input.txt, #body-classes form#classfinder input.txt, #body-franchisee form#classfinder input.txt { width: 80px ; border: 1px solid #cb2116 ; padding: 2px 3px ; color: #000 ; margin-bottom: 1px ; background: #eff !important ; font-size: 1.3em ; font-weight: bold ; text-transform: uppercase ; } form#globalclassfinder input.txt { width: 80px ; } form#globalclassfinder input.btn, #body-classes form#classfinder input.btn, #body-franchisee form#classfinder input.btn { padding: 3px 3px 2px ; margin-top: 0 ; background: #cb2116 ; font-size: 1.1em ; } form#globalclassfinder input.btn { margin: 0 0 0 5px ; font-size: 1.2em ; padding: 1px 2px 1px ; line-height: 1.0 ; } form#globalclassfinder a { color: #CB2116 ; font-weight: bold ; } form#classfinder a { color: #CB2116 ; font-weight: bold ; text-decoration: none ; } form#classfinder p#byarea a { display: block ; padding: 3px 3px 2px ; margin-top: 5px ; background: #cb2116 ; border: 2px solid #fff ; color: #fff ; } #body-classes #content-main.results, #body-franchisee #content-main, #body-support_centre #content-main, #body-checkout #content-main { width: 412px ; min-height: 158px ; margin: 0 168px ; padding: 40px 10px ; background: #eb4136 url(../images/site/xwtransbottom.gif) no-repeat left bottom ; } #body-franchisee #content-main h1, #body-classes #content-main.results h1, #body-support_centre #content-main h1 { background-image: url(../images/site/xwtranstop.gif) ; } #body-franchisee #content-main h1 { padding-top: 60px ; } #body-classes .googlemapbrowser { width: 582px !important; margin-right: 0 !important; background: #EB4136 url(../images/site/wtransbottom-602.gif) no-repeat left bottom !important; } #body-classes .googlemapbrowser h1 { background: transparent url(../images/site/wtranstop-602.gif) no-repeat left top !important; } #body-classes #content-main #map_canvas { position: relative; width: 582px; height: 800px; } #body-classes #content-main #canvasLoadingOverlay { position: absolute; left: -9999px; top: -9999px; width: 582px; height: 20px; opacity: 0.7; background: #000; color: #fff; padding: 390px 0; text-align: center; } #body-classes #content-main .addresstext { height: 110px; } #body-classes #content-main .franchisetext { height: 500px; } #body-classes #content-main .maptext, #body-classes #content-main .maptext h2, #body-classes #content-main .maptext p { color: #333; } #body-classes #content-main .maptext h2 { margin: 0 0 0.3em; padding: 0; line-height: 1.0; font-size: 1.2em; } #body-classes #content-main .maptext img { float: right; margin-right: 15px; margin-left: 10px; } #body-classes #content-main .maptext p { line-height: 1.3; clear: left; } #body-classes #content-main .maptext a { font-weight: bold; color: #EB4136; } #body-classes #content-main .maptext a:hover { color: #EB4136; text-decoration: underline; } /* Section specific: classes */ #body-classes #content-main { min-height: 410px ; } #body-classes #content-main.results table { margin-bottom: 15px ; } #body-classes #content-main.results table th { text-align: center ; } #body-classes #content-main.results table th.dist { width: 45px ; } #body-classes #content-main.results table td { width: 26px ; height: 24px ; padding: 3px 0 1px ; border-bottom: 1px solid #fff ; padding: 2px 0 ; text-align: center ; } #body-classes #content-main.results table td.loc { width: 190px ; text-align: left ; } #body-classes #content-main.results table td.day { vertical-align: middle ; width: 24px ; padding: 7px 2px 7px ; background: transparent url(../images/site/bg-daycell.png) no-repeat center center ; } #body-classes #content-main.results table td.day a { display: block ; width: 24px ; height: 24px ; background: transparent url(../images/site/btn-days.png) no-repeat left top ; text-decoration: none ; text-indent: -9999px ; } #body-classes #content-main.results table td.day a.tuesday { background-position: -27px top ; } #body-classes #content-main.results table td.day a.wednesday { background-position: -54px top ; } #body-classes #content-main.results table td.day a.thursday { background-position: -81px top ; } #body-classes #content-main.results table td.day a.friday { background-position: -107px top ; } #body-classes #content-main.results table td.day a.saturday { background-position: -134px top ; } #body-classes #content-main.results table td.day a.sunday { background-position: -160px top ; } #body-classes #content-main.results table td.day a:hover { background-position: left -24px ; } #body-classes #content-main.results table td.day a.tuesday:hover { background-position: -27px -24px ; } #body-classes #content-main.results table td.day a.wednesday:hover { background-position: -54px -24px ; } #body-classes #content-main.results table td.day a.thursday:hover { background-position: -81px -24px ; } #body-classes #content-main.results table td.day a.friday:hover { background-position: -107px -24px ; } #body-classes #content-main.results table td.day a.saturday:hover { background-position: -134px -24px ; } #body-classes #content-main.results table td.day a.sunday:hover { background-position: -160px -24px ; } #body-classes #content-main h2 { font-size: 1.3em ; margin-bottom: 1em ; } #body-classes #content-main h3 { font-size: 1em ; margin: 0 0 0.5em 7px ; } /* Section specific: news */ #body-news #content-main { width: 582px ; min-height: 158px ; margin: 0 168px ; padding: 40px 10px ; background: #eb4136 url(../images/site/wtransbottom-602.gif) no-repeat left bottom ; } #body-news #content-main h1 { background-image: url(../images/site/wtranstop-602.gif) ; } #body-news #pagelinks { position: absolute ; left: 10px ; top: 163px ; background-color: #56b70e ; } #body-news #pagelinks h2 { border: none ; margin: -10px -10px 10px ; padding: 10px 10px 0 ; background: transparent url(../images/site/transtop.gif) no-repeat left top ; } #body-news #content-main h2 a { font-weight: bold; } #body-news #pagelinks ul { background: none ; margin: 10px 0 ; border-top: 1px solid #fff ; padding-top: 10px ; } #body-news #content-main #pagelinks li { margin: 0 0 5px ; padding: 0 ; } #body-news #content-main #pagelinks li.last { margin-top: 10px ; border-top: 1px solid #fff ; padding-top: 10px ; } #body-news #content-main #pagelinks a { text-decoration: none ; } #body-news #content-main #pagelinks a:hover { text-decoration: underline ; } #body-news .item { overflow: hidden; } #body-news .picbox { float: left ; width: 164px ; margin-right: 15px ; } #body-news .picbox img { border: 2px solid #ffffff; } #body-news .news-item-text { float: left; width: 397px; } /* Section specific: contact */ #body-contact select { margin: 0 0 20px 120px ; } #body-contact #content-main { min-height: 307px ; } #body-contact #content-main h3 { margin-bottom: 10px ; } /* Section specific: competitions */ #body-competition #content-main #entryformbox { position: absolute ; right: 10px ; top: 163px ; width: 265px ; padding: 0 15px 30px ; color: #fff ; background: #8fd300 url(../images/site/wtransbottom.gif) no-repeat left bottom ; line-height: 1.4 ; } #body-competition #content-main #entryformbox form { margin-top: 0 ; } #body-competition #content-main #entryformbox h3 { margin: 0 -15px 1em ; padding: 30px 0 0 15px ; background: transparent url(../images/site/wtranstop.gif) no-repeat left top ; } #body-competition #content-main #entryformbox input.txt { width: 11em ; } #body-competition #content-main #entryformbox input.txt, #body-competition #content-main #entryformbox input.btn, #body-competition #content-main #entryformbox select { background-color: #699A00 !important ; } #body-competition #content-main #entryformbox .error { margin: 0 -15px ; padding: 0 0 0 15px ; border-bottom: 10px solid #fff ; } #body-competition #content-main #entryformbox .error ul { margin: 0 -15px ; padding-bottom: 10px ; background: transparent url(../images/site/wtransbottom.gif) no-repeat left bottom ; } #body-competition #content-main #entryformbox .error ul { padding-left: 30px ; } /* Section specific: playzone */ #body-playzone h1 { position: absolute ; left: 0 ; top: 0 ; text-indent: -9999px ; } #body-playzone #sidebar { float: left ; width: 158px ; } #body-playzone #gameslist { width: 608px ; margin-left: 168px ; } #body-playzone #gameslist a { float: left ; margin: 0 10px 0 0 ; padding-bottom: 10px ;} /* Section specific: franchisee microsites */ #body-franchisee #content-main { min-height: 370px ; } #body-franchisee #content-main h2 { margin: -1em 0 1em ; border: 0 ; padding: 0 ; font-style: italic ; font-size: 1.3em ; } #body-franchisee #content-main h3 { clear: left ; margin-top: 10px ; border-top: 1px solid #fff ; padding: 10px 0 ; font-size: 1.1em ; } #body-franchisee #content-main img { float: left ; margin: 0 10px 5px 0 ; border: 1px solid #fff ; } #body-franchisee #content-main p { margin-bottom: 15px ; } #body-franchisee #content-main #picturegallery { overflow: hidden ; } #body-franchisee #content-main p.galleryitem { float: left ; height: 153px ; overflow: hidden ; margin: 0 0 5px 15px ; text-align: center ; } #body-franchisee #content-main p.galleryitem img { float: none ; margin: 0 ; } #body-franchisee #content-main p.galleryitem span.caption { margin: 5px auto 0 ; display: block ; width: 110px ; font-size: 11px ; } #body-franchisee #content-main p.testimonialitem { margin: 10px 15px ; } #body-franchisee #navfranchisee { position: absolute ; left: 210px ; top: 173px ; border-left: 1px solid #fff ; } #body-franchisee #navfranchisee li { display: inline ; } #body-franchisee #navfranchisee li a { float: left ; display: block ; padding: 0 5px ; border: 1px solid #fff ; border-left: none ; background: #EB4136 ; font: normal normal 0.915em/22px Arial, Helvetica, sans-serif ; text-decoration: none ; } #body-franchisee #navfranchisee li a:hover { color: #eb4136 ; background: #fff ; } #body-franchisee #navfranchisee li.active a {color: #eb4136 ; background: #fed106 ; } #body-franchisee label { width: 15em ; margin-left: 10px ; } #body-franchisee form h2 { margin-bottom: 10px ; } #body-franchisee input.txt { width: 190px ; } #body-franchisee ul#paymentdetails strong { float: left ; width: 12em ; } /* Section specific: support centre */ #body-support_centre #navrc { position: absolute ; left: 10px ; top: 163px ; width: 138px ; margin: 0 0 10px ; padding: 10px ; background: #fed106 url(../images/site/transbottom.gif) no-repeat left bottom ; } #body-support_centre #navrc h4 { margin: -10px -10px 10px ; padding: 10px 10px 0 ; color: #cb2116 ; background: transparent url(../images/site/transtop.gif) no-repeat left top ; list-style: none ; font-size: 1.32em ; } #body-support_centre #navrc ul { margin-left: 1em ; color: #cb2116 ; font-size: 1.2em ; line-height: 1.4 ; } #body-support_centre #navrc a { color: #cb2116 ; font-weight: normal ; text-decoration: none ; } #body-support_centre #navrc a:hover { text-decoration: underline ; } #body-support_centre #navrc li.active a { font-weight: bold ; cursor: default ; } #body-support_centre #navrc li.active a:hover { text-decoration: none ; } #body-support_centre #content-main ul#forum { color: #fed106 ; } #body-support_centre #content-main ul#forum a { text-decoration: none ; } #body-support_centre #content-main ul#forum a:hover { text-decoration: none ; } #body-support_centre #content-main ul#forum a.post:visited { color: #f2acb6 ; } #body-support_centre form#forum input.txt { width: 270px ; } #body-support_centre form#forum textarea { width: 273px ; height: 160px ; } #body-support_centre p.error { font-weight: bold ; color: #fed106 ; } #body-support_centre div.post { margin-bottom: 10px ; border-bottom: 1px solid #fff ; padding-bottom: 5px ; } #body-support_centre div.post p.franchisee { text-align: right ; } #body-support_centre div.managenewsletter { clear: left ; padding-top: 10px ; } #body-support_centre span.newitem, #body-support_centre span.upditem { color: #fed106 ; font-weight: bold ; } /* Shop */ #content-main .product { margin: 20px 0 0 ; border-top: 1px solid #fff ; padding: 10px 0 0 ; min-height: 90px ; } #content-main .product form { margin: 0 ; } #content-main .product form input.btn { margin: 0 0 -5px 0 ; } #content-main .product h2 { margin: 0 0 5px 0 ; border: 0 ; padding: 0 ; } #content-main .product img { float: left ; margin: 3px 10px 10px 0 ; border: 1px solid #fff ; width: 90px ; height: 90px ; } #content-main .product span.nopic { float: left ; width: 80px ; height: 40px ; margin: 0 10px 0 0 ; border: 1px solid #fff ; padding: 25px 5px ; background: #fB5146 ; font-size: 1em ; text-align: center ; font-weight: bold ; } /* Shop: basket */ #basket { position: absolute ; right: 11px ; top: 163px ; width: 295px ; color: #fff ; background: #02509b url(../images/site/wtransbottom.gif) no-repeat left bottom ; } #basket h3 { padding: 25px 15px 10px ; background: #02509b url(../images/site/wtranstop.gif) no-repeat left top ; font-size: 1.5em ; font-weight: bold ; line-height: 1.4 ; } #basket form { margin: 0 ; } #basket p { padding: 0 15px 10px ; } #basket table { margin: 0 10px ; width: 280px ; } #basket table tr { margin-bottom: 3px ; } #basket table td { vertical-align: middle ; } #basket .remove { width: 18px ; padding: 3px 0 1px ; } #basket item { padding: 3px 5px 1px ; font-weight: bold ; } #basket td.subtot { padding: 3px 0 1px ; font-weight: bold ; text-align: right ; } #basket input.removebtn { float: left ; width: 17px ; height: 17px ; border: 1px solid #fff ; padding: 0 0 2px ; color: #fff ; background-color: #01408B ; font-size: 11px ; font-weight: bold ; text-align: center ; cursor: pointer ; } #basket input.removebtn { float: left ; width: 17px ; height: 17px ; margin-right: 5px ; border: 1px solid #fff ; padding: 0 0 2px ; color: #fff ; background-color: #01408B ; font-size: 11px ; font-weight: bold ; text-align: center ; cursor: pointer ; } #basket select { width: 3.2em ; margin: 2px 0 1px ; border: 1px solid #fff ; color: #fff ; background-color: #EB4136 !important ; } #basket tr#totals td { padding-top: 10px ; text-align: right ; font-weight: bold ; } #basket tr#totals td.totalstext { text-align: left; } #basket tr#postageestimation td { padding-top: 10px ; text-align: right ; font-size: 0.91em; } #basket p#actions { margin-top: 15px ; height: 20px ; } #basket a#proceed, #basket input.updatebtn { float: left ; margin: 0 ; padding: 3px 6px ; border: 2px solid #fff ; color: #fff ; background: #01408B ; font: normal bold 1em/1.0 Arial, Helvetica, sans-serif ; text-decoration: none ; cursor: pointer ; } #basket a#proceed { margin-left: 20px ; height: 17px; line-height: 17px; background-color: #EB4136 ; } /* Shop: checkout */ #body-checkout #navmain { background: #01509b ; } #body-checkout #siteinfo { margin-top: 10px ; border-top: 1px solid #000 ; padding-top: 10px ; } #body-checkout #content-main { width: 412px ; min-height: 158px ; margin: 0 168px ; padding: 40px 10px 20px ; background: #eb4136 url(../images/site/xwtransbottom.gif) no-repeat left bottom ; } #body-checkout #content-main h1 { background-image:url(../images/site/xwtranstop.gif); } #body-checkout h2 { border-top: 0 ; border-bottom: 1px solid #fff ; padding: 0 0 5px ; margin: 1em 0 0.7em ; font-size: 1.2em ; } #body-checkout table { width: 412px ; } #body-checkout table td { margin: 0 ; padding: 4px 1px 2px ; } #body-checkout table td.subtotal { text-align: right ; } #body-checkout table td.total { border-top: 1px solid #fff ; text-align: right ; font-weight: bold ; } #body-checkout table td.totaltext { border-top: 1px solid #fff ; } #body-checkout table td p { margin: 0 ; color: #fff ; } #body-checkout p#leave { margin: 2em 0 0 ; } #body-checkout p.errorheader, #body-checkout p.error { font-weight: bold ; color: #FED106 ; } #body-checkout .datetime label, #body-checkout .text label, #body-checkout .select label { width: 135px ; } #body-checkout .text input.seccode, #body-checkout .text input.issueno { width: 60px ; } #body-checkout .text span { display: block ; margin: 0 0 15px 135px; font-size: 11px ; line-height: 1.2 ; font-style: italic ; } #body-checkout select.month, #body-checkout select.year { width: 75px ; } #body-checkout .checkbox { margin: 15px 0 5px ; } #body-checkout .checkbox label { float: none ; width: auto ; } #body-checkout .checkbox input { position: relative ; top: 3px ; margin-left: 10px ; } #body-checkout .button input { margin: 0 ; padding: 3px 6px ; border: 2px solid #fff ; color: #fff ; background: #01408B ; font: normal bold 1em/1.0 Arial, Helvetica, sans-serif ; text-decoration: none ; cursor: pointer ; } #body-checkout input#seccode, #body-checkout input#issueno { width: 30px ; } /* Make a Payment */ body#body-make_payment input.startagain { margin-left: 10px; } body#body-make_payment #container { min-height: 620px; } body#body-make_payment #navsupp {margin-top: 140px;} /* Miscellaneous */ abbr { border-bottom: 1px dotted ; cursor: help ; } /* Phase 2 mods */ #body-classes #content-main #geocodingform { overflow: hidden; margin: 0 0 15px; } #body-classes #content-main #geocodingform .box { float: left; margin-top: 4px; } #body-classes #content-main #geocodingform input.btn { float: left; margin: 0 0 0 15px; } #body-franchisee #navfranchisee { left: 180px; } #body-about_my_class img { margin: 10px 0;} #body-about_my_class #content-main { width: 582px; width: 582px !important; margin-right: 0 !important; background: #EB4136 url(../images/site/wtransbottom-602.gif) no-repeat left bottom !important;} #body-about_my_class #content-main h1 { background: transparent url(../images/site/wtranstop-602.gif) no-repeat left top !important; } #body-about_my_class #content-main h2 { font-size: 1.4em; } #body-about_my_class #content-supp { position: absolute; width: 158px; top: 164px; left: 10px; font-size: 1.1em; color: #CB2116; background: #FED106 url(../images/site/transbottom.gif) no-repeat scroll left bottom } #body-about_my_class #content-supp h2 { line-height: 1.2; padding: 10px 10px 0 10px; background: transparent url(/images/site/transtop.gif) no-repeat scroll left top; } #body-about_my_class #content-supp p { font-size: 1.2em; line-height: 1.4; padding: 10px; } #body-about_my_class #frmAboutMyClass label { float: none; clear: none; display: block; width: 100%; margin-bottom: 5px; } #body-about_my_class #frmAboutMyClass input.txt, #body-about_my_class #frmAboutMyClass select { width: 572px; } #body-about_my_class #location optgroup { margin-bottom: 3px; } #body-about_my_class #location option { width: 572px; padding-left: 10px; font-size: 0.91em; } #body-about_my_class #contactinfo { float: left; margin-top: 10px; } #body-about_my_class #locationinfo { float: left; margin-left: 140px; margin-top: 10px; } #body-about_my_class #locationinfo ul { margin-left: 1em;} #body-about_my_class #termdates { margin-top: 190px; } #body-about_my_class #nextclass { overflow: hidden; } #body-about_my_class #nextclassform .select { float: left; margin-right: 15px; } #body-about_my_class #nextclassform select#classlevel { width: 7em; } #body-about_my_class #nextclassform select#classterm { width: 7em; } #body-about_my_class #nextclassform select#classhall { width: 16em; } #body-about_my_class #nextclassform label { width: auto; margin-right: 10px; } #body-about_my_class #nextclassform input#findNextClass { background: #CB2116; color: #fff; border: 2px solid #fff; cursor: pointer; font-size: 1.1em; font-weight: bold; margin: -3px 0 0 5px; padding: 1px 2px; } #body-about_my_class #nextclass table { width: 582px; } #body-about_my_class #nextclass table ul { list-style: none; margin-left: 0; } #body-about_my_class #teachers { overflow: hidden; } #body-about_my_class #teachers img { float: left; border: 3px solid #fff; margin-right: 10px; margin-bottom: 10px; } #body-about_my_class #teachers p { margin: 7px 0 0 20px; } #body-about_rhythm_time #leftcol { position: absolute; left: 10px; top: 163px; width: 158px; } #body-about_rhythm_time #pagelinks { padding: 0; width: 158px; background-color: #8fd300 ; } #body-about_rhythm_time #pagelinks ul { padding: 10px 0 5px ; list-style: none ; margin: 0; background: transparent url(/images/site/transtop.gif) no-repeat left top ; } #body-about_rhythm_time #pagelinks ul li ul { background: transparent; } #body-about_rhythm_time #pagelinks a { text-decoration: none; } #body-about_rhythm_time #pagelinks a:hover { text-decoration: underline ; } #body-about_rhythm_time #pagelinks ul li.active a { color: #CB2116; } #body-about_rhythm_time #pagelinks ul li.active ul li a { color: #fff; margin-left: 10px; font-size: 1em;} #body-about_rhythm_time #pagelinks ul li.active ul li.active a { color: #CB2116; margin-left: 10px; font-size: 1em; } #body-about_rhythm_time #leftcol img { margin-bottom: 10px; }