/*Lightbox*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(imagesSEO/body/trainers/lightboximagesSEO/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(imagesSEO/body/trainers/lightboximagesSEO/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*Rest of pages*/ span.accessibilty{position:absolute; top:-1000px; left:-1000px;} body{background:url(imagesSEO/personal-training-background.jpg) left 0 repeat-x; background-color:#333;} body *{text-align:left;} #banner{width:468px; height:60px; background-color:#333; margin:auto; text-align:center;} #outerContainer{margin:0 auto; width:1018px;} #outerContainer .containerTop{behavior: url(iepngfix.htc); width:1018px; height:21px; background:url(imagesSEO/home-training-whiteBoxTop.png) left 0 no-repeat; text-align:center; margin:auto;} .container{behavior: url(iepngfix.htc); width:1018px; text-align:center; margin:auto; background:url(imagesSEO/hertfordshire-training-whiteBoxMiddle.png) left 0 repeat-y; float:left;} #outerContainer .container *{padding:0; margin:0; } #outerContainer .container .topNav{height:68px;} #outerContainer .container .topNav ul {height:42px; width:950px; padding:0px 0 0 47px; text-transform:uppercase; float:left; display:block; list-style:none; background:url(imagesSEO/nav/personal-trainer-tabsBlack.jpg) 22px 0px no-repeat;} #outerContainer .container .topNav li{float:left; padding:17px 0 00; font-family:arial; font-weight:bold; font-size:12px; color:white; background:url(imagesSEO/exercises-at-home-lineBreak.jpg) right 11px no-repeat;} #outerContainer .container .topNav li a{float:left; padding:0 12px 0 13px; font-family:arial; font-weight:bold; font-size:12px; color:white; background:url(imagesSEO/exercises-at-home-lineBreak.jpg) right 11px no-repeat; text-decoration:none;} #outerContainer .container .topNav li a:hover{float:left; font-family:arial; font-weight:bold; font-size:12px; color:#6abc3c; background:url(imagesSEO/exercises-at-home-lineBreak.jpg) right 11px no-repeat; text-decoration:none; } #outerContainer .container .topNav .secondNav {background:url(imagesSEO/nav/personal-trainer-tabsGrey.jpg) 22px 0 no-repeat; height:26px; width:1000px; font-family:arial; font-weight:normal; font-size:10px; color:black; float:left; text-transform: uppercase; float:left;} #outerContainer .container .topNav .secondNav .youAre{width:190px;float:left; padding:7px 0 0 40px;} #outerContainer .container .topNav .secondNav .login{width:560px;float:left; padding:7px 0 0 0; } #outerContainer .container .topNav .secondNav .login a{text-decoration:underline; color:black; } #outerContainer .container .topNav .secondNav .login a:hover{text-decoration:none; } #outerContainer .container .topNav .secondNav .trainerSearch{width:130px; float:left; padding:7px 0 0 60px; } #outerContainer .container .topNav .secondNav .trainerSearch a{text-decoration:underline; color:black;} #outerContainer .container .topNav .secondNav .trainerSearch a:hover {text-decoration:none;} #outerContainer .container .whiteBody{float:left;} #outerContainer .container .whiteBody .logo a{text-decoration:none;} #outerContainer .container .whiteBody .left{float:left; width:200px; padding:0 0 0 20px;} #outerContainer .container .whiteBody .left img{border:0px; padding:0px 0 0 0px;} #outerContainer .container .whiteBody .reasons{background-color:black; width:194px; height:65px;} #outerContainer .container .whiteBody .left .ad{width:160px; padding:20px 0 5px 30px;} #outerContainer .container .whiteBody .left .ad p{font-family:arial; font-size:9px; padding:0px 0 0px 40px;} #outerContainer .container .whiteBody .left .widget{float:left; padding:10px 0 0 8px;} #outerContainer .container .whiteBody .left .googleAd{float:left; padding:10px 0 0 8px;} #outerContainer .container .whiteBody .right{float:left; width:771px;} #outerContainer .container .whiteBody .right{float:left; width:771px;} #outerContainer .container .whiteBody .right .topBody{float:left; width:771px; background:url(imagesSEO/body/personal-trainer-catMainTop.jpg) left 0 no-repeat; height:15px; padding:0px; margin:0px;} #outerContainer .container .whiteBody .right .mainBody{float:left; width:771px; background:url(imagesSEO/body/personal-training-bodyBoxMiddle.gif) left 0 repeat-y; min-height:712px; font-family:arial; font-size:13px; color:black;} #outerContainer .container .whiteBody .right .bottomBody{float:left; width:771px; background:url(imagesSEO/body/exercise-bodyBoxBottom.gif) left 0 no-repeat; height:22px; padding:0;} #outerContainer .container .whiteBody .right .mainBody .adBanner{margin:auto; text-align:center; padding:10px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textWide{width:710px; margin:10px 0 0 20px; float:left; display:inline;} #outerContainer .container .whiteBody .right .mainBody .textWide .question{color:#6bbb3c; font-weight:bold;} #outerContainer .container .whiteBody .right .mainBody .textWide .voucher{background:url(imagesSEO/body/training-voucher.jpg) left 0 no-repeat; width:361px; height:177px; margin:auto; text-align:center;} #outerContainer .container .whiteBody .right .mainBody .textWide h2{margin:0 0 10px 0px;} #outerContainer .container .whiteBody .right .mainBody .textWide p{width:710px; margin:10px 0 0px 20px;} #outerContainer .container .whiteBody .right .mainBody .textWide table{width:710px; margin:10px 0 20px 10px;} #outerContainer .container .whiteBody .right .mainBody .textWide table td{margin:30px 0 10px 0;} #outerContainer .container .whiteBody .right .mainBody .textWide .center{text-align:center;} #outerContainer .container .whiteBody .right .mainBody .textWide .boldWithin{font-weight:bold;} #outerContainer .container .whiteBody .right .mainBody .textWide .textHeading{font-weight:bold; font-size:17px; color:#6bbb3c; text-transform:uppercase; margin:10px 0 10px 20px;} #outerContainer .container .whiteBody .right .mainBody .textWide a{font-weight:bold; color:#6bbb3c; text-decoration:underlined;} #outerContainer .container .whiteBody .right .mainBody .textWide a:hover{font-weight:bold; color:#6bbb3c; text-decoration:none;} #outerContainer .container .whiteBody .right .mainBody .textWide ul{list-style:none; margin:5px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textWide li {margin:0 0 5px 0;} #outerContainer .container .whiteBody .right .mainBody .textWide li a{text-decoration:underline; color:black;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage{width:720px; margin:10px 0 0 20px; float:left; display:inline;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .introSection {width:710px; height:130px; float:left; margin:0px; padding:10px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .introSection .introleft{width:470px; float:left;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .introSection .introleft .textHeading{width:300px; float:left; height:15px;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .introleft .trainerTop{height:107px; width:200px;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .introleft .trainerImg{float:left; padding:0 10px 0 0;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .introleft .introTextP{width:300px; float:left; padding:0 0 0 10px;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .introSection .introright {width:240px; height:130px; float:left;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .introright .trainerBook{float:right;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .textTrainersHeading{width:550px; font-weight:bold; font-size:17px; color:#6bbb3c; text-transform:uppercase; margin:10px 0 5px 10px;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage h2{margin:0 0 10px 0px;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage p{width:550px; margin:10px 0 10px 10px; float:left; display:inline;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .center{text-align:center;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .boldWithin{font-weight:bold;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .textHeading{padding:10px 0 10px 10px; width:550px; font-weight:bold; font-size:17px; color:#6bbb3c; text-transform:uppercase; float:left:} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage a{font-weight:bold; color:#6bbb3c; text-decoration:underlined;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage a:hover{font-weight:bold; color:#6bbb3c; text-decoration:none;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage ul{float:left; margin:0 0 0 20px;width:450px;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage li {float:left; width:450px;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage li a{font-weight:normal; color:#666; text-decoration:none;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage li a:hover{font-weight:bold; color:#6bbb3c; text-decoration:underline;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .line{height:2px; width:700px; background:url(imagesSEO/body/line.gif) left 0 repeat-x;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .circles{width:95px; float:right; margin:4px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .circles p{width:95px; float:right;} #outerContainer .container .whiteBody .right .mainBody .textTrainersPage .callBanner{float:left;} #outerContainer .container .whiteBody .right .mainBody .textTrainers{width:710px; margin:10px 0 0 20px; float:left; display:inline;} #outerContainer .container .whiteBody .right .mainBody .textTrainers p{margin:0 0 10px 10px; display:inline;} #outerContainer .container .whiteBody .right .mainBody .textTrainers .boldWithin{font-weight:bold;} #outerContainer .container .whiteBody .right .mainBody .textTrainers h2{margin:0 0 10px 0px;} #outerContainer .container .whiteBody .right .mainBody .textTrainers ul{margin:10px 0 0 0px;} #outerContainer .container .whiteBody .right .mainBody .textTrainers li{height:120px; list-style:none;} #outerContainer .container .whiteBody .right .mainBody .textTrainers li p{margin:0px 0 0px 0px;} #outerContainer .container .whiteBody .right .mainBody .textTrainers li .textHeading{font-weight:bold; font-size:17px; color:#6bbb3c; text-transform:uppercase; margin:0 0 10px 10px;} #outerContainer .container .whiteBody .right .mainBody .textTrainers a{font-weight:bold; color:#6bbb3c; text-decoration:underlined;} #outerContainer .container .whiteBody .right .mainBody .textTrainers a:hover{font-weight:bold; color:#6bbb3c; text-decoration:none;} #outerContainer .container .whiteBody .right .mainBody .textTrainers .image{width:107px; float:left; margin:0 10px 0px 0; border:0px;} /*Form*/ #outerContainer .container .whiteBody .right .mainBody .textForm{width:710px; margin:10px 0 0 20px; float:left; display:inline;} #outerContainer .container .whiteBody .right .mainBody .textForm h2{margin:0 0 10px 0px;} #outerContainer .container .whiteBody .right .mainBody .textForm p{width:710px; margin:10px 0 0px 20px;} #outerContainer .container .whiteBody .right .mainBody .textForm .voucher{background:url(imagesSEO/body/training-voucher.jpg) left 0 no-repeat; width:361px; height:177px; margin:auto; text-align:center;} #outerContainer .container .whiteBody .right .mainBody .textForm .left{float:left; width:300px; height:30px; color:#333; margin:10px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textForm .right{float:right; width:390px;height:30px; color:#333; margin:10px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textForm .leftMed{float:left; width:730px; height:30px; color:#333; margin:0px 0 10px 20px;} #outerContainer .container .whiteBody .right .mainBody .textForm .rightMed{float:right; width:45px;height:30px; color:#333; margin:0px 0 10px 0;} #outerContainer .container .whiteBody .right .mainBody .textForm .line{height:2px; width:100%; background:url(imagesSEO/body/line.gif) left 0 repeat-x; margin:5px 0 5px 0;} #outerContainer .container .whiteBody .right .mainBody .textForm .textCenter{width:710px; margin:0 0 20px 20px;} #outerContainer .container .whiteBody .right .mainBody .textForm .submit{text-align:center; margin:auto; margin:0 0 20px 0;} #outerContainer .container .whiteBody .right .mainBody .textForm .boldWithin{font-weight:bold;} #outerContainer .container .whiteBody .right .mainBody .textForm .textHeading{width:710px; font-weight:bold; font-size:17px; color:#6bbb3c; text-transform:uppercase; float:left; margin:0 0 10px 20px; display:inline;} #outerContainer .container .whiteBody .right .mainBody .textForm a{font-weight:bold; color:#6bbb3c; text-decoration:underlined;} #outerContainer .container .whiteBody .right .mainBody .textForm a:hover{font-weight:bold; color:#6bbb3c; text-decoration:none;} #outerContainer .container .whiteBody .right .mainBody .textForm ul{list-style:none; margin:5px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textForm li {margin:0 0 5px 0;} #outerContainer .container .whiteBody .right .mainBody .textForm li a{text-decoration:underline; color:black;} /*Gift certificate Form*/ #outerContainer .container .whiteBody .right .mainBody .textFormGift{width:710px; margin:10px 0 0 20px; float:left;} #outerContainer .container .whiteBody .right .mainBody .textFormGift h2{margin:0 0 10px 0px;} #outerContainer .container .whiteBody .right .mainBody .textFormGift p{width:710px; margin:10px 0 0px 20px;} #outerContainer .container .whiteBody .right .mainBody .textFormGift .errortext{color:#ff0000;} #outerContainer .container .whiteBody .right .mainBody .textFormGift .voucher{background:url(imagesSEO/body/training-voucher.jpg) left 0 no-repeat; width:361px; height:177px; margin:auto; text-align:center;} #outerContainer .container .whiteBody .right .mainBody .textFormGift table{margin:0 0 0 20px;} #outerContainer .container .whiteBody .right .mainBody .textFormGift .left{float:left; width:320px; height:30px; color:#333; margin:10px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textFormGift .error{color:red; margin:0 0 10px 20px; float:left; list-style:none; width:700px;} #outerContainer .container .whiteBody .right .mainBody .textFormGift a{font-weight:bold; color:#6bbb3c; text-decoration:underlined;} #outerContainer .container .whiteBody .right .mainBody .textFormGift a:hover{font-weight:bold; color:#6bbb3c; text-decoration:none;} #outerContainer .container .whiteBody .right .mainBody .textFormGift .right{float:right; width:350px;height:30px; color:#333; margin:10px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textFormGift .submit{text-align:center; margin:auto; margin:0 0 20px 0;} #outerContainer .container .whiteBody .right .mainBody .textFormGift .boldWithin{font-weight:bold;} #outerContainer .container .whiteBody .right .mainBody .textFormGift .textHeading{width:710px; font-weight:bold; font-size:17px; color:#6bbb3c; text-transform:uppercase; float:left; margin:10px 0 10px 20px;} /*Booking Form*/ #outerContainer .container .whiteBody .right .mainBody .textFormBook{width:710px; margin:10px 0 0 20px; float:left;} #outerContainer .container .whiteBody .right .mainBody .textFormBook h2{margin:0 0 10px 0px;} #outerContainer .container .whiteBody .right .mainBody .textFormBook p{width:710px; margin:10px 0 0px 20px;} #outerContainer .container .whiteBody .right .mainBody .textFormBook .error{color:red; margin:0 0 10px 20px; float:left; list-style:none; width:700px;} #outerContainer .container .whiteBody .right .mainBody .textFormBook .left{float:left; width:500px; height:30px; color:#333; margin:10px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textFormBook .right{float:right; width:190px;height:30px; color:#333; margin:10px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textFormBook .rightMed{float:right; width:95px;height:30px; color:#333; margin:10px 0 0 0;} #outerContainer .container .whiteBody .right .mainBody .textFormBook .submit{text-align:center; margin:auto; margin:0 0 20px 0;} #outerContainer .container .whiteBody .right .mainBody .textFormBook .boldWithin{font-weight:bold;} #outerContainer .container .whiteBody .right .mainBody .textFormBook .textHeading{width:710px; font-weight:bold; font-size:17px; color:#6bbb3c; text-transform:uppercase; float:left; margin:0 0 10px 20px;} #outerContainer .container .whiteBody .right .mainBody .textFormBook a{font-weight:bold; color:#6bbb3c; text-decoration:underlined;} #outerContainer .container .whiteBody .right .mainBody .textFormBook a:hover{font-weight:bold; color:#6bbb3c; text-decoration:none;} #outerContainer .container .whiteBody .right .mainBody .textWide .circle{width:107px; height:107px; float:right;} #outerContainer .container .whiteBody .right .mainBody .circles{width:107px; float:right; padding:10px 10px 0 0px;} #outerContainer .container .whiteBody .right .mainBody .widget{float:right; margin:0px 10px 0 0px; width:184px; height:322px;} #outerContainer .container .whiteBody .right .bottomBody{background:url(imagesSEO/body/exercise-bodyBoxBottom.gif) left 0 no-repeat; height:22px; padding:0 0 0px 0;} #outerContainer .container .whiteBody .right .contactBar{background:url(imagesSEO/contact-mobile-training-bar.jpg) left 0 no-repeat; height:57px; width:771px; padding:10px 0 0px 0; float:left;} #outerContainer .container .whiteBody .right .contactBar p {float:left; font-family:arial; font-size:12px; color:white; padding:13px 0 0 10px; width:525px;} #outerContainer .container .whiteBody .right .contactBar p a{font-family:arial; font-weight:bold; font-size:12px; color:#6abc3c;} #outerContainer .container .whiteBody .right .contactBar .greyBox{font-family:arial; font-size:9px; color:black; width:228px; height:45px; float:left; border:0px;} #outerContainer .container .whiteBody .right .contactBar .greyBox .linkImg{padding:3px 0 0 10px; float:left; border:0px; width:50px; height:35px;} #outerContainer .container .whiteBody .right .contactBar .greyBox .linkImg a{border:0px; float:left; text-decoration:none; width:50px; height:35px;} #outerContainer .container .whiteBody .right .contactBar .greyBox .smallText{padding:15px 0 0 13px; float:left;} #outerContainer .container .whiteBody .footer{margin:0 20px 0 0;; width:780px; height:40px; font-family:arial; font-size:11px; color:#666; text-decoration:none; float:right;} #outerContainer .container .whiteBody .footer ul{list-style:none; margin:0 0 30px 0; } #outerContainer .container .whiteBody .footer li{font-family:arial; font-size:11px; color:#666; float:left; padding:0 7px 0 7px; background:url(imagesSEO/home-training-footerSep.gif) right 2px no-repeat;} #outerContainer .container .whiteBody .footer li a{display:block; font-family:arial; font-size:11px; color:#666; text-decoration:none;} #outerContainer .container .whiteBody .footer li a:hover{display:block; font-family:arial; font-size:11px; color:#666666; text-decoration:underline;} #outerContainer .container .whiteBody .footer .signoff {text-align:center; font-size:10px; color:#333; font-weight:bold;} #outerContainer .bottom {behavior: url(iepngfix.htc); height:80px; width:1018px; float:left; background:url(imagesSEO/hertfordshire-training-whiteBoxBottom.png) left 0 no-repeat; float:left;}