html { min-height: 100%; height: auto;}
* { margin:0; padding:0;}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 78%;
text-align:center;
background:#FFF url('../images/layout/bkgd.jpg') no-repeat center bottom;
}
img { border:none;}
/*p, .list, td, th{ color:#6a6a6a; line-height:1.5em; font-size:.9em;}*/
.list, td, th { color:#6a6a6a; line-height:1.5em; font-size:.9em;}
p { margin-bottom:1.1em; font-size: 12px !important; color:#6a6a6a; line-height:1.5em; }
blockquote { font-size:1.5em; margin-left:60px; border-left:1px solid #666; padding-left:15px;}
blockquote p { color:#545454}
.list { margin:0 0 1.2em 1.5em; }
.list li { padding:.2em 0;}
.list ul,
.list ol { margin-left:2em;}
a,
a:visited { color:#a0b729;}
a:hover { text-decoration:none; }
h1 { width:173px; height:93px; display:block; text-indent:-999em; margin:0; background:url('../images/layout/logo.png') no-repeat 0 0; margin-left:35px;}
h1 span { width:173px; height:93px; display:block; text-indent:-999em; cursor:pointer; }
h2 { display:block; height:250px; background-position:0 0; background-repeat:no-repeat; position:relative; text-indent:-999em; }
h2.home { background-image:url('../images/header/home.jpg'); position:absolute; width:963px; left:-7px; }
h2.about { background-image:url('../images/header/about.jpg'); }
h2.recruitment { background-image:url('../images/header/recruitment.jpg'); }
h2.application { background-image:url('../images/header/application.jpg'); }
h2.pcsorecruitment { background-image:url('../images/header/pcso-recruitment.jpg'); }
h2.faqs { background-image:url('../images/header/faqs.jpg'); }
h2.contact { background-image:url('../images/header/contact.jpg'); }
h2.one-day-course { background-image:url('../images/header/one-day-course.jpg'); }
h2.one-to-one-coaching { background-image:url('../images/header/one-to-one.jpg'); }
h2.practise-book { background-image:url('../images/header/practise-book.jpg'); }
h2.fitness-training { background-image:url('../images/header/fitness.jpg'); }
h2.role-play { background-image:url('../images/header/role-play.jpg'); }
h3 { font-size:1.6em; color:#a0b729; margin:0 0 .4em 0; font-weight:bold; }
/* JONS STUFF */
div.buy-now { margin: 0 0 12px auto; clear: both; }
div.buy-now img { display: block; margin: 0 0 0 auto; }
.force11 p { font-size: 11px !important; }
/* ---------------------------- */
/* Minor Classes */
/* ---------------------------- */
/*.txt-small { font-size:0.8em;}*/
.txt-small { font-size: 10px !important; }
.txt-medium { font-size:1.2em; }
.txt-large { font-size:1.4em; }
.txt-xlarge { font-size:1.9em; }
.txt-uppercase { text-transform:uppercase; }
.txt-darkGrey { color: #666; }
.txt-black { color: #000; }
.txt-green { color: #a0b729; }
.txt-darkBlue { color: #050a3c; }
td .style1 { color: #ff0000; }
/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container { margin:0 auto; width:1000px; position:relative; text-align:left; padding-bottom:15px; }
#header { height:106px}
#top { height:250px; margin-bottom:20px; position:relative; }
#content { background:url('../images/layout/bkgd-contentTop.png') no-repeat 0 0; padding-top:21px; margin-top:-6px; }
#content-top { background:url('../images/layout/bkgd-contentBottom.png') no-repeat left bottom; padding-bottom:21px }
#content-bottom { padding:0 22px; position:relative; background:url('../images/layout/bkgd-content.png') repeat-y 0 0;}
#col-left { float:left; width:200px; margin-right:25px; padding-bottom:10px; position:relative}
#col-right { float:left; width:731px; background:url('../images/layout/dot-black.png') repeat-x left top; padding-top:15px; position:relative; }
body.home #col-right { background-image:none; padding:0;}
#cnt-left { float:left; width:475px; margin-right:20px; }
#cnt-left .cnt-center { color: #6a6a6a; line-height: 1.6em; font-size: 12px !important; margin-bottom: 12px; }
#cnt-left .cnt-center p { font-size: 12px !important; }
#cnt-left .cnt-center li { font-size: 12px !important; padding-bottom:10px; }
#cnt-left .cnt-center ul { margin-left: 30px; }
#cnt-right { float:left; width:236px; text-align:right; }
#bottom { clear:both; padding-top:5px; position:relative; background:url('../images/layout/dot-black.png') repeat-x left top; margin-top:5px; height:12px;}#bottom p { position:absolute; right:0; color:#000; }
#footer { position:relative; }
/* Header information */
/* ---------------------------- */
#header-content { position: absolute; top: 80px; left: 250px; }
#header-content p { color: #222; }
#top .text-only { width: 550px; }
ul.stages { float:left; margin-right:54px;}
ul.stages li { list-style:none; margin-bottom:10px; }
ul.stages li a,
ul.stages li a:visited { font-weight:bold; color:#a0b729; text-decoration:none; font-size:.9em; }
ul.stages li a:hover { text-decoration:underline; }
#white-panel { float:left; background:#FFF url('../images/layout/bkgd-whitePanel-bottom.png') no-repeat left bottom; }
#white-panel div { background:url('../images/layout/bkgd-whitePanel-top.png') no-repeat 0 0; padding:15px; width:421px;}
#white-panel p { margin:0;}
a.btn-invisible { display: block; width: 229px; height: 250px; position: absolute; left: 0; top: 0; text-indent: -999em; }
a.btn-application:hover { background:url('../images/layout/btn-applicationBuyNow-over.jpg') no-repeat 0 0; }
/*a.btn-onedaycourse:hover { background:url('../images/layout/btn-onedaycourseFullAmount-over.jpg') no-repeat 0 0; }*/
/*a.btn-onetoonecoaching:hover { background:url('../images/layout/btn-onetooneFullAmount-over.jpg') no-repeat 0 0; }*/
.header-loz { position: absolute; left: 91px; }
.header-loz a { text-align: center; display: block; width: 98px; height: 56px;/*width: 138px; height: 73px;*/ font-family: 'Arial', 'Helvetica', sans-serif; letter-spacing: 1px; font-size: 16px; color: #fff; text-decoration: none; }
.header-loz a span.pad { display: block; padding-top: 12px; }
.header-loz a span.pad span.now { text-transform: uppercase; display: block; font-size: 0.6em; text-align: center; }
.btn-top-121,.btn-top-coach { bottom: 95px; }
.btn-bottom-121,.btn-bottom-coach { bottom: 8px; }
.btn-left-coach,.btn-left-121 { bottom: 10px; left: 12px; }
.btn-left-coach a { background: url(/assets/images/layout/onedaycourse_priceleft.gif); }
.btn-left-coach a:hover { background: url(/assets/images/layout/onedaycourse_priceleft_blue.gif); }
.btn-left-121 a { background: url(/assets/images/layout/onetoone_priceleft.gif); }
.btn-left-121 a:hover { background: url(/assets/images/layout/onetoone_priceleft_blue.gif); }
.btn-right-coach,.btn-right-121 { bottom: 10px; left: 120px; }
.btn-right-coach a { background: url(/assets/images/layout/onedaycourse_priceright.gif); }
.btn-right-coach a:hover { background: url(/assets/images/layout/onedaycourse_priceright_blue.gif); }
.btn-right-121 a { background: url(/assets/images/layout/onetoone_priceright.gif); }
.btn-right-121 a:hover { background: url(/assets/images/layout/onetoone_priceright_blue.gif); }
.btn-top-121 a { background: url(/assets/images/layout/onetoone_pricetop_green.gif); }
.btn-top-121 a:hover { background: url(/assets/images/layout/onetoone_pricetop_blue.gif); }
.btn-bottom-121 a { background: url(/assets/images/layout/onetoone_pricebottom_green.gif); }
.btn-bottom-121 a:hover { background: url(/assets/images/layout/onetoone_pricebottom_blue.gif); }
a.btn-practisebook:hover { background:url('../images/layout/btn-practisebookBuyNow-over.jpg') no-repeat 0 0; }
a.btn-fitnesstraining:hover { background:url('../images/layout/btn-fitnessBuyNow-over.jpg') no-repeat 0 0; }
a.btn-roleplaycd:hover { background:url('../images/layout/btn-roleplayBuyNow-over.jpg') no-repeat 0 0; }
/*
/* GOOGLE FIX URL */
/* ---------------------------- */
#goog-fixurl { margin: 20px 0 0 0; }
#goog-fixurl h3 { font-size: 0.9em; text-transform: uppercase; margin: 0 0 12px 0; }
#goog-fixurl li { list-style: none; }
#goog-fixurl li input { margin: 4px 8px 0 0; }
/* Home */
/* ---------------------------- */
body.home #col-left ul { list-style:none; }
body.home #col-left ul li { padding-bottom:2px; margin-bottom:2px; padding-left:20px; background:url('../images/layout/list-square.png') no-repeat left 3px; position:relative }
body.home #col-left ul li a,
body.home #col-left ul li a:visited { text-decoration:none; color:#6a6a6a; font-size:.9em; background:url('../images/layout/dot-green.png') repeat-x left bottom; padding-bottom:3px; display:block;}
body.home #col-left ul li a:hover { background-color:transparent; color:#a0b729;}
#speech-bubble { background: url('../images/layout/speech-bubble.png') repeat left top; height: 171px; margin-bottom: 10px; }
#speech-bubble p { font-size: 16px !important; font-weight: bold; color: #fff; text-align: center; line-height: 1.6em; }
#speech-bubble p a { color: #fff; text-decoration: none; display: block; padding: 17px 25px 28px 25px; }
/* Contact Us box */
/* ---------------------------- */
#contactUs-box { margin-top:20px; background:url('../images/layout/bkgd-contact.png') no-repeat 0 0; height:290px; position:relative; }
#contactUs-box p { color:#000; position:absolute; bottom:12px; left:17px; font-size:.8em; margin-bottom:0;}
#contactUs-box a,
#contactUs-box a:visited { color:#000;}
#contactUs-box .contact-masque { display: block; height: 217px; text-decoration: none; }
/* Review box */
/* ---------------------------- */
#review-box { float: left; background: #FFF url('../images/layout/bkgd-reviewBox-bottom.png') no-repeat left bottom; text-align:left; margin-bottom:1.5em }
#review-box div { background: #A0B72A url('../images/layout/bkgd-reviewBox-top.png') no-repeat 0 0; padding:15px 15px 0 15px; color: #eee !important; font-size: 12px; line-height: 1.4em;}
#review-box font { color: #eee !important; }
#review-box p { color:#FFF; font-size:1.1em; line-height:1.5em; }
#review-box a { color:#FFF; text-decoration:none; font-weight:bold; display:block;text-align:right }
#review-box a:hover { text-decoration: underline; }
/* Key Actions */
/* ---------------------------- */
/* Home: Header */
ul.header-actions, .about-div { clear:both; position:absolute; left:355px; top:130px; }
ul.header-actions li { list-style:none; float:left; background:url('../images/layout/header-actions-vertLine.png') no-repeat right bottom; }
ul.header-actions li.icon-rolePlay { background-image:none; }
ul.header-actions li a,
ul.header-actions li a:visited { text-decoration:none; color:#6a6a6a; display:block; width:80px; background-position:center 0; background-repeat:no-repeat; font-size:.8em; text-align:center; padding:65px 5px 0 5px; }
ul.header-actions li.icon-application a { background-image:url('../images/icons/medium/application.png'); }
ul.header-actions li.icon-dayCourse a { background-image:url('../images/icons/medium/dayCourse.png'); }
ul.header-actions li.icon-coaching a { background-image:url('../images/icons/medium/coaching.png'); }
ul.header-actions li.icon-practiseBook a { background-image:url('../images/icons/medium/practiseBook.png'); }
ul.header-actions li.icon-training a { background-image:url('../images/icons/medium/training.png'); }
ul.header-actions li.icon-rolePlay a { background-image:url('../images/icons/medium/rolePlay.png'); }
ul.header-actions li a:hover,
ul.header-actions li a:visited:hover { background-color:transparent;
opacity: 0.6; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 4-7 */
zoom: 1; /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ }
/* Home: Main */
ul.home-actions { clear:both; position:relative; background:url('../images/layout/dot-black.png') repeat-x left top; padding-top:10px;}
ul.home-actions li { list-style:none; float:left; margin-right:20px; }
ul.home-actions li.icon-rolePlay { margin-right:0;}
ul.home-actions li a,
ul.home-actions li a:visited { text-decoration:none; color:#6a6a6a; display:block; width:105px; background-position:center 23px; background-repeat:no-repeat; }
ul.home-actions li.icon-application a { background-image:url('../images/icons/large/application.png'); }
ul.home-actions li.icon-dayCourse a { background-image:url('../images/icons/large/dayCourse.png'); }
ul.home-actions li.icon-coaching a { background-image:url('../images/icons/large/coaching.png'); }
ul.home-actions li.icon-practiseBook a { background-image:url('../images/icons/large/practiseBook.png'); }
ul.home-actions li.icon-training a { background-image:url('../images/icons/large/training.png'); }
ul.home-actions li.icon-rolePlay a { background-image:url('../images/icons/large/rolePlay.png'); }
ul.home-actions li a span.title { display:block; font-weight:bold; font-size:.9em;}
ul.home-actions li a span.excerpt { display:block; font-size:.8em; text-align:left; margin-top:95px}
ul.home-actions li a:hover,
ul.home-actions li a:visited:hover { background-color:transparent; color:#a0b729 }
/* General: Left Col */
ul.leftCol-actions { margin-top: -10px;}
ul.leftCol-actions li { list-style: none; float: left; background-image: none; margin-top: 10px; }
ul.leftCol-actions li a,
ul.leftCol-actions li a:visited { text-decoration: none; color: #a0b729; display: block; width: 66px; background-position: center 0; background-repeat: no-repeat; font-size: .8em; text-align: center; line-height: 1.1em; padding-top: 55px; min-height: 28px; height: auto !important; height: 28px; }
ul.leftCol-actions li a:hover,ul.leftCol-actions li.selected a { color: #050a3c; }
ul.leftCol-actions li.icon-application a { background-image:url('../images/icons/small/application.png'); }
ul.leftCol-actions li.icon-application a:hover,
ul.leftCol-actions li.icon-application.selected a { background-image:url('../images/icons/small/application-over.png'); }
ul.leftCol-actions li.icon-dayCourse a { background-image:url('../images/icons/small/dayCourse.png'); }
ul.leftCol-actions li.icon-dayCourse a:hover,
ul.leftCol-actions li.icon-dayCourse.selected a { background-image:url('../images/icons/small/dayCourse-over.png'); }
ul.leftCol-actions li.icon-coaching a { background-image:url('../images/icons/small/coaching.png'); }
ul.leftCol-actions li.icon-coaching a:hover,
ul.leftCol-actions li.icon-coaching.selected a { background-image:url('../images/icons/small/coaching-over.png'); }
ul.leftCol-actions li.icon-practiseBook a { background-image:url('../images/icons/small/practiseBook.png'); }
ul.leftCol-actions li.icon-practiseBook a:hover,
ul.leftCol-actions li.icon-practiseBook.selected a { background-image:url('../images/icons/small/practiseBook-over.png'); }
ul.leftCol-actions li.icon-training a { background-image:url('../images/icons/small/training.png'); }
ul.leftCol-actions li.icon-training a:hover,
ul.leftCol-actions li.icon-training.selected a { background-image:url('../images/icons/small/training-over.png'); }
ul.leftCol-actions li.icon-rolePlay a { background-image:url('../images/icons/small/rolePlay.png'); border: none; }
ul.leftCol-actions li.icon-rolePlay a:hover,
ul.leftCol-actions li.icon-rolePlay.selected a { background-image:url('../images/icons/small/rolePlay-over.png'); border: none; }
ul.leftCol-actions-notused li a:hover,
ul.leftCol-actions-notused li a:visited:hover { background-color: transparent;
opacity: 0.6; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
filter: alpha(opacity=60); /* IE 4-7 */
zoom: 1; /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
}
/* Reviews */
#reviews { list-style: none; margin-top: 24px; }
#reviews li { margin-bottom: 4px; font-size: 12px; }
#reviews li div.number { display: block; float: left; width: 24px; text-align: center; font-weight: bold; background: #eee; margin-right: 8px; padding: 3px 0; }
#reviews li div.link { line-height: 24px; }
/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form.header-login,div.header-login { background: #a8c6e0 url('../images/layout/bkgd-headerForm.png') no-repeat 0 8px; /*background:#a8c6e0 url('../images/layout/bkgd-headerForm.png') no-repeat 0 -10px;*/ margin:0; padding:5px 0px 25px 12px; position: absolute; top:0; right:6px; width: 288px; }
div.header-login.logged-in,
div.header-login.logged-in a { color: #fff; line-height: 20px; }
form.header-login fieldset { margin:0; border:none;}
form.header-login label.overview { margin: 0 10px 0 0; float: left; }
form.header-login label { display: block; margin-right:7px; font-size:.9em; color:#FFF; padding-top:3px; font-weight:bold;}
form.header-login input { float:left; width:100px; font-size:.9em; margin-right:7px; margin-top:1px; border:1px solid #FFF; padding:0 2px; }
form.header-login input.submit { width:50px; height:auto; cursor:pointer; border:none; margin-top: 17px; }
form.header-login div.loginrow { float: left; }
#header #login-error { position:absolute; left:694px; top:38px;}
#header #login-error p { color:red; line-height:1.25em;}
/* CONTACT FORM */
form#contactform { margin-bottom: 20px; }
form#contactform fieldset { border: 0; }
form#contactform .row { margin: 0 0 6px 0; }
form#contactform label { display: block; float: left; width: 120px; font-size: 12px; padding-left: 8px; }
form#contactform label span.required { color: red; padding-left: 6px; }
form#contactform input { width: 200px; background: #f1f1f1; border-color: #bebebe #eeeeee #eeeeee #bebebe; border-style: solid; border-width: 1px; font-size: 11px; height: 16px; padding: 2px 0 0 1px; }
form#contactform textarea { background: #f1f1f1; border-color: #bebebe #eeeeee #eeeeee #bebebe; border-style: solid; border-width: 1px; font-size: 11px; }
form#contactform input.submit { width: 80px; height: 22px; margin-left: 128px; }
h4.provide { background: #f6f6f6; display: block; font-weight: bold; padding: 6px; margin-bottom: 12px; border: solid 1px #bebebe; }
/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary */
/* ---------------------------- */
#header ul { position:absolute; right:22px; top:77px;}
#header ul li { list-style:none; float:left; position:relative; padding-right:7px; background:url('../images/navigation/bkgd-nav.png') repeat-x 0 0; }
#header ul li a,
#header ul li a:visited { display:block; background:url('../images/navigation/tab-left.png') no-repeat left -32px; text-decoration:none; font-weight:bold; font-size:.9em; color:#000; cursor:pointer; }
#header ul li a span { display:block; background:url('../images/navigation/tab-right.png') no-repeat right -32px; padding:9px 5px 6px 5px; }
#header ul li a:hover,
#header ul li.active a,
#header ul li.active a:visited { color:#FFF; background-position:left 0; }
#header ul li a:hover span,
#header ul li.active a span { background-position:right 0; }
#header ul li.first a,
#header ul li.first a:visited { background-image:url('../images/navigation/tab-left-first.png'); }
#header ul li.first a span,
#header ul li.first a span:visited { padding-left:10px;}
#header ul li.last { padding-right:0;}
#header ul li.last a span,
#header ul li.last a:visited span { background-image:url('../images/navigation/tab-left-last.png'); padding-right:10px; }
#header ul li.home { margin-right:10px; padding:0}
#header ul li.home a,
#header ul li.home a:visited { background-image:url('../images/navigation/tab-left-home.png'); }
#header ul li.home a span,
#header ul li.home a:visited span { background-image:url('../images/navigation/tab-right-home.png'); padding-right:12px; padding-left:12px; }
/* Footer */
/* ---------------------------- */
ul.footer { margin:3px 0; position:relative;}
ul.footer { font-size:.8em; color:#000; }
ul.footer li { list-style:none; float:left; padding-right:5px; border-right:1px solid #a0b729; padding-left:5px;}
ul.footer li.first { padding-left:0; border-right:none;}
ul.footer li.last { padding-right:0; border-right:none; }
ul.footer li a { text-decoration:none; color:#a0b729}
ul.footer li a:hover { text-decoration:underline;}
/* --------------------- */
.clearfix:after {
content: "."; /* the period is placed on the page as the last thing before the div closes */
display: block; /* inline elements don't respond to the clear property */
height: 0; /* ensure the period is not visible */
clear: both; /* make the container clear the period */
visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
/*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */