* {margin:0; padding:0;} body {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:0.75em;} a, object, embed {outline:none;} .clear {clear:both;} img {border:0;} /* Structure */ #wrapper {width:975px; margin:0 auto 0 auto;} #content {float:left; width:775px; position:relative;} #textarea {padding-left:10px;} #textareaLeft {float:left; width:455px;} #textareaRight {float:left; width:310px; position:relative;} #textareaRight .bubbleSpace {margin-top:330px;} #textareaRight .contentSpace {padding-left:40px;} #textareaRight .contentSpaceCenter {text-align:center;} #textareaLeftDiary {float:left; width:560px;} #textareaRightDiary {float:left; width:189px; position:relative; color:#004DA9; padding:0 0 0 16px;} #textareaRightDiary h4 {font-size:1.583em; color:#004DA9;} #textareaRightDiary p {font-size:1.1em;} #textareaRightDiary a {color:#F2438D;} #logo {margin:7px 0 0 0;} #bubble {width:400px; height:350px; position:absolute; top:-20px; right:-70px; z-index:2;} #footer {clear:both; padding:25px 0 0 0; text-align:center;} #footer img {display:block;} #footer p {font-size:1.5em; font-weight:bold; color:#004DA9;} #footer p a {color:#004DA9;} /* Nav */ #nav {float:left; width:200px; margin:18px 0 0 0;} #nav ul {list-style-type:none;} #links {margin:20px 33px 0 15px; text-align:right;} #links ul {padding-bottom:10px;} #links li {font-size:1.2em; font-weight:bold; line-height:1.2em;} #links li a {text-decoration:underline; } #links li a:hover {text-decoration:none;} #logos {margin:10px auto 10px auto; width:171px;} #logos a {text-decoration:underline; color:#53205c;} #logos a:hover {text-decoration:none; color:#53205c;} #copyright {font-size:0.9em; margin:10px 33px 5px 15px; text-align:right;} #network {} #network ul {list-style-type:none; padding:0 0 5px 2px;} #network li {display:inline;} #network li a {text-decoration:underline; } #network li a:hover {text-decoration:none;} #main ul li {margin:0 0 0 0;} #main ul li a {display:block; width:188px; height:0; padding-top:50px; overflow:hidden; background-image:url(../images/nav.png); background-repeat:no-repeat;} #main ul li ul {margin-bottom:3px;} #main ul li ul li a {display:block; margin:2px 0 0 42px; width:144px; height:0; padding-top:32px; overflow:hidden; background-image:url(../images/subnav2.png); background-repeat:no-repeat;} #nav-home a {background-position:0px 2px;} #nav-home a:hover {background-position:-220px 2px;} #nav-fitness a {background-position:0px -52px;} #nav-fitness a:hover {background-position:-220px -52px;} #nav-exercise a {background-position:0px -102px;} #nav-exercise a:hover {background-position:-220px -102px;} #nav-training a {background-position:0px -152px;} #nav-training a:hover {background-position:-220px -152px;} #nav-faqs a {background-position:0px -202px;} #nav-faqs a:hover {background-position:-220px -202px;} #nav-blog a {background-position:0px -252px;} #nav-blog a:hover {background-position:-220px -252px;} #nav-about a {background-position:0px -302px;} #nav-about a:hover {background-position:-220px -302px;} #nav-diary a {background-position:0px -352px;} #nav-diary a:hover {background-position:-220px -352px;} #nav-home-on a {background-position:-220px top;} #nav-fitness-on a {background-position:-220px -50px;} #nav-exercise-on a {background-position:-220px -100px;} #nav-training-on a {background-position:-220px -150px;} #nav-faqs-on a {background-position:-220px -200px;} #nav-blog-on a {background-position:-220px -250px;} #nav-about-on a {background-position:-220px -300px;} #nav-diary-on a {background-position:-220px -352px;} #nav-women a {background-position:0px top;} #nav-women a:hover {background-position:-147px top;} #nav-men a {background-position:0px -33px;} #nav-men a:hover {background-position:-147px -33px;} #nav-family a {background-position:0px -66px;} #nav-family a:hover {background-position:-147px -66px;} #nav-kids a {background-position:0px -99px;} #nav-kids a:hover {background-position:-147px -99px;} #nav-teens a {background-position:0px -131px;} #nav-teens a:hover {background-position:-147px -131px;} #nav-senior a {background-position:0px -163px;} #nav-senior a:hover {background-position:-147px -163px;} #nav-bespoke a {background-position:0px -195px;} #nav-bespoke a:hover {background-position:-147px -195px;} #nav-fitcamp a {background-position:0px -227px;} #nav-fitcamp a:hover {background-position:-147px -227px;} #nav-workshops a {background-position:0px -259px;} #nav-workshops a:hover {background-position:-147px -259px;} #nav-life-coaching a {background-position:0px -291px;} #nav-life-coaching a:hover {background-position:-147px -291px;} #nav-fit-weekends a {background-position:0px -323px;} #nav-fit-weekends a:hover {background-position:-147px -323px;} #nav-group-fitness a {background-position:0px -355px;} #nav-group-fitness a:hover {background-position:-147px -355px;} #nav-women-on a {background-position:-147px top;} #nav-men-on a {background-position:-147px -33px;} #nav-family-on a {background-position:-147px -66px;} #nav-kids-on a {background-position:-147px -99px;} #nav-teens-on a {background-position:-147px -131px;} #nav-senior-on a {background-position:-147px -163px;} #nav-bespoke-on a {background-position:-147px -195px;} #nav-fitcamp-on a {background-position:-147px -227px;} #nav-workshops-on a {background-position:-147px -259px;} #nav-life-coaching-on a {background-position:-147px -291px;} #nav-fit-weekends-on a {background-position:-147px -323px;} #nav-group-fitness-on a {background-position:-147px -355px;} /* text */ #content h1 {font-size:2.3em; padding:0 0 0.4em 0;} #content h2 {} #content h2 a {cursor:pointer;} #content h3 {} #content p {padding:0 0 1.3em 0; } #content ul, #textarea ol {padding:0 0 1.3em 0; margin-left:15px;} #content li {padding:0 0 0.2em 0;} #content a:hover {text-decoration:none;} .pink {color:#ee237c;} .pink a {color:#ee237c;} .purple {color:#53205c;} .purple a {color:#53205c;} .lpurple {color:#CB65FF;} .lpurple a {color:#CB65FF;} .blue {color:#2D358F;} .blue a {color:#2D358F;} .orange {color:#E38826;} .orange a {color:#E38826;} .lblue {color:#90B8C8;} .lblue a {color:#90B8C8;} .bblue {color:#004DA9;} .bblue a {color:#004DA9;} .green {color:#B3D064;} .green a {color:#B3D064;} .cyan {color:#2488C9;} .cyan a {color:#2488C9;} .darkgreen {color:#009337;} .darkgreen a {color:#009337;} .quote {font-size:2.2em; line-height:1.2em;} .quoteSmall {font-size:1.6em; line-height:1em; padding-right:20px;} .quoteName {line-height:2em;} /* #quotePanel {position:absolute; width:215px; right:10px; top:520px;} #quotePanelWomen {position:absolute; width:240px; right:10px; top:520px;} #quotePanelWomen p {padding-bottom:1em;} #sidePanel {position:absolute; width:280px; right:10px; top:520px;} */ /* Accordion */ #accordion h3 {line-height:1.2em; font-size:1em; padding-top:0.3em; border-top:1px dashed #ccc; margin-top:4px; padding-bottom:0.2em;} #accordion h3 a {color:#ee237c; text-decoration:none; } #accordion h3 a:hover {color:#53205c; text-decoration:none;} #accordion {border-bottom:1px dashed #ccc; margin-bottom:1.3em; padding-bottom:0.3em;} /* Floats */ .imgFloatRight {float:right; margin-left:5px;} .imgFloatLeft {float:left; margin-right:5px;} /* Footers */ .footer-main {background:url(../images/footer-main.jpg) no-repeat 5px bottom; padding-bottom:70px;} .footer-main-blue {background:url(../images/footer-main-blue.jpg) no-repeat 5px bottom; padding-bottom:70px;} .footer-main-orange {background:url(../images/footer-main-orange.jpg) no-repeat 5px bottom; padding-bottom:70px;} .footer-about {background:url(../images/footer-about.jpg) no-repeat 5px bottom; padding-bottom:40px;} .footer-senior {background:url(../images/footer-senior.jpg) no-repeat 5px bottom; padding-bottom:80px;} .footer-family {background:url(../images/footer-family.jpg) no-repeat 5px bottom; padding-bottom:80px;} .footer-kids {background:url(../images/footer-kids.jpg) no-repeat 5px bottom; padding-bottom:80px;} .footer-kids2 {background:url(../images/footer-kids2.jpg) no-repeat 5px bottom; padding-bottom:80px;} .footer-men {background:url(../images/footer-men.jpg) no-repeat 5px bottom; padding-bottom:80px;} .footer-faqs {background:url(../images/footer-faqs.jpg) no-repeat 5px bottom; padding-bottom:80px;} .footer-teens {background:url(../images/footer-teens.jpg) no-repeat 5px bottom; padding-bottom:80px;} .footer-exercise {background:url(../images/footer-exercise.jpg) no-repeat 5px bottom; padding-bottom:150px;} .footer-women {background:url(../images/footer-women.jpg) no-repeat 5px bottom; padding-bottom:90px;} .footer-fitcamp {background:url(../images/footer-fitcamp.jpg) no-repeat 5px bottom; padding-bottom:70px;} .footer-workshops {background:url(../images/footer-workshops.jpg) no-repeat 5px bottom; padding-bottom:70px;} .footer-you {background:url(../images/footer-you.jpg) no-repeat 5px bottom; padding-bottom:100px;} .footer-life-coaching {background:url(../images/footer-life-coaching.jpg) no-repeat 5px bottom; padding-bottom:70px;} .footer-home {background:url(../images/footer-main.jpg) no-repeat 5px bottom;} .footer-home #footer {margin-bottom:-10px;} .footer-home #footer p {padding-top:50px; color:#004DA9; font-size:18px; padding-left:9px;} .footer-home #footer a {color:#004DA9; text-decoration:none;} .footer-home #footer a:hover {color:#ee237c; text-decoration:none;} /* Home */ .homeTitle {font-size:0.85em; padding-left:15px;} .homeIntro {color:#004DA9; font-size:17px;} .homeIntro a {color:#004DA9; text-decoration:none; font-weight:bold;} .homeIntro a:hover {color:#ee237c; text-decoration:underline; font-weight:bold;} #homeContact {position:absolute; bottom:0; left:0; padding:0 55px 0 15px;} #homeContact p {color:#fff; font-size:1.2em; padding-bottom:10px;} #homeContact a {color:#fff; } #homeContact a:hover {color:#fff; } #homeLinks {padding-top:20px;} #homeLinks p { font-size:1.5em; padding-bottom:10px;} #homeLinks ul { font-size:1.15em; list-style-type:disc; float:left; width:auto; margin-right:30px; } #homeLinks ul li a {font-weight:bold; text-decoration:none;} #homeLinks ul li a:hover {font-weight:bold; text-decoration:underline;} #soniaQuote {} #soniaQuote p {text-align:right; color:#ee237c; padding:0 4px 0 0; font-size:1.1em; line-height:1.35em;} /* Contact */ #contactForm {color:#53205c;} #contactForm table {padding-bottom:3px;} #contactForm div {margin-bottom:10px;} #contactForm .fieldName {float:left; width:100px; padding:0 0 10px 0;} #errorMessage {color:#ee237c;} .form-pad {padding:0 0 0 100px;} .form-field {width:300px;} #contact-address {padding:0 0 0 100px;} /* life coaching */ #content p.quizText {font-size:1.4em;} #content div.quizRow table {border:0;} #content div.quizRow table td {color:#004DA9; padding:5px 0 5px 0; border-bottom:1px dotted #ccc;} #content div.quizRow table td span.wideTextButton {float:left; width:17px;} #content div.quizRow table td span.wideText {margin-left: 17px; display: block;} #content div.quizRow table span.radioRequiredMsg {color:#fff;} #content div.quizRow h2 {font-size:2em;} #content div.quizRow.divider {border-top:3px solid #CB65FF; padding-top:15px; margin-top:15px;} #content input.submitButton {background-color:#004DA9; padding:10px; font-size:28px; border:0; margin:20px 0 0 0; color:#fff; cursor:pointer;} #content input.submitButton:hover {background-color:#ee237c;} #content div.quizRow div.quizColour {float:left; width:140px;} #content div.quizRow div.quizResult {float:left; width:500px; font-size:1.1em;} /*Workshops */ #textareaLeftWorkshops {float:left; width:455px; font-size:1.2em;} #textareaRight .winOnWellness {font-size:1.7em; padding-right:10px;} #workshopWords {height:218px; overflow:hidden; margin-bottom:20px;} #workshopWords ul {list-style-type:none; margin-left:0; padding-left:0;} #workshopLinks p { font-size:1.5em;} #workshopLinks ul {list-style-type:none; float:left; width:auto; margin-left:0; } #workshopLinks ul li a {font-weight:bold; text-decoration:none;} #workshopLinks ul li a:hover {font-weight:bold; text-decoration:underline;} /* Fit Camp */ #textareaLeftFitCamp {float:left; width:200px;} #textareaRightFitCamp {float:left; width:565px; position:relative; font-size:1.2em;} #textareaRightFitCamp .fitCampIntro {width:250px;} #textareaRightFitCamp .phone {font-size:1.6em;} #textareaRightFitCamp ul.fitCampLinks {list-style-type:none; float:left; width:auto; margin-left:0;} #textareaRightFitCamp .fitCampInfo {font-size:1.4em;} #textareaRightFitCamp .fitCampInfo a {color:#ee237c;} #textareaRightFitCamp ul.fitCampLinks li a {font-weight:bold; text-decoration:none;} #textareaRightFitCamp ul.fitCampLinks li a:hover {font-weight:bold; text-decoration:underline;} /* Wow Columns */ .wowCol1w {float:left; width:145px; background:url(../images/w.gif) no-repeat; padding:20px 0 0 49px;} .wowCol1o {float:left; width:145px; background:url(../images/o.gif) no-repeat; padding:20px 0 0 49px;} .wowCol2 {float:left; width:260px; padding:20px 0 0 0;} .letter {display:none;} .wowCol1w h2, .wowCol1o h2 {padding-bottom:1.3em;} dl { margin-bottom:1.3em; } dl dt { background:#2488C9; color:#fff; float:left; font-weight:bold; margin-right:10px; padding:5px; width:100px; } dl dd { margin:2px 0; padding:5px 0; } /* Group Fitness */ #groupFitness {background:url(../images/group-fitness-background.jpg) no-repeat top left #F7ECF8; padding:457px 0 0 20px;} #groupFitnessLeft {float:left; width:350px; margin-right:20px;} #groupFitnessRight {float:left; width:350px; padding-top:15px;} #groupFitnessLeft p {padding:0 0 10px 0; font-size:14px;} #groupFitnessLeft p.new {font-size:60px; line-height:1em; font-family:"Arial Black", Gadget, sans-serif;} #groupFitnessLeft p.price {font-size:66px; font-family:"Arial Black", Gadget, sans-serif; line-height:1em;} #groupFitnessLeft p.gpt {font-size:21px; font-family:"Arial Black", Gadget, sans-serif; line-height:1em;} #groupFitnessLeft p.book {font-size:15px; font-family:"Arial Black", Gadget, sans-serif; line-height:1em;} #groupFitnessRight .title {font-size:15px;}