@charset "utf-8";
/* CSS Document */

body {
	padding:0px;
	margin:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	
	background:#373737 url(../images/website/bg.jpg) repeat;
}

p {
	padding:10px 0px;
	margin:0px;
}

a:link,
a:active,
a:visited {
	color:#CCC;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#FFF;
	text-decoration:none;
}

.clear {
	clear:both;
}

#topbar {
	padding:0px;
	margin:0px;
	
	background:url(../images/website/topbar-bg.jpg) 0px 0px repeat-x;
}

#topbar-inner {
	width:950px;
	height:59px;
	
	padding:0px;
	margin:0px auto;
	
	position:relative;
}

#topbar-inner ul {
	padding:24px 0px 0px 0px;
	margin:0px;
	
	float:right;
	
	list-style:none;
}

#topbar-inner ul li {
	padding:0px 10px;
	margin:0px;
	
	float:left;
}

#topbar-inner ul li.last {
padding:0px 0px 0px 10px;
}

#topbar-inner ul li a {
	padding:0px;
	margin:0px;
	
	float:left;
	
	display:block;
	
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-align:center;
	text-decoration:none;
}

#topbar-inner ul li a span {
	height:25px;
	
	padding:10px 10px 0px 10px;
	margin:0px;
	
	float:left;
	
	cursor:pointer;
	display:block;
}

#topbar-inner ul li.active a,
#topbar-inner ul li a:hover,
#topbar-inner ul li.active.last a,
#topbar-inner ul li.last a:hover {
	background:url(../images/website/topbar-nav-bg-active-left.jpg) 0px 0px no-repeat;
	color:#FFF;
	text-decoration:none;
}

#topbar-inner ul li.active a span,
#topbar-inner ul li a:hover span,
#topbar-inner ul li.active.last a span,
#topbar-inner ul li.last a:hover span {
	background:url(../images/website/topbar-nav-bg-active-right.jpg) top right no-repeat;
}

#topbar-inner a#logo {
	width:176px;
	height:170px;
	
	padding:0px;
	margin:0px;
	
	display:block;
	
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	position:absolute;
	top:5px;
	left:0px;
}

#wrapper {
	width:950px;
	
	padding:0px;
	margin:0px auto;
}

#nav {
	height:85px;
	
	padding:0px;
	margin:0px;
	
	background:url(../images/website/mainnav-bg.jpg) 150px 65px no-repeat;
}

#nav ul {
	padding:16px 0px 0px 0px;
	margin:0px;
	
	list-style:none;
	
	float:right;
}

#nav ul li {
	padding:0px 15px;
	margin:0px;
	
	float:left;
	
	background:url(../images/website/mainnav-spacer.jpg) right no-repeat;
}

#nav ul li a {
	padding:15px;
	margin:0px;
	
	float:left;
	
	display:block;

	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}

#nav ul li a:hover,
#nav ul li a.active {
	text-decoration:none;
	cursor:pointer;
}

#nav ul li a:hover {
	color:#999;
}

#bnr {
	width:950px;
	height:277px;
	
	padding:0px;
	margin:0px;
	
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#bnr #bnr-content {
	width:287px;
	
	padding:30px 0px 0px 20px;
	margin:0px;
	
	float:left;
}

#bnr #bnr-content h1,
#bnr #bnr-content h2,
#bnr #bnr-content h3 {
	padding:0px 0px 10px 0px;
	margin:0px;
	
	font-size:18px;
	font-weight:normal;
}

#bnr #bnr-content p {
	padding:0px;
	margin:0px;
	
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	line-height:20px;
}

#bnr #bnr-content img {
	padding:0px;
	margin:10px 0px 0px 0px;
}

#bnr #bnr-content .phone {
	padding:20px 0px 0px 0px;
	margin:0px;
}

#bnr #bnr-content .phone p {
	font-size:14px;
	font-weight:normal;
	color:#FFF;
}

#bnr #bnr-content .phone p.pink {
	color:#c3abbf;
}

#bnr #bnr-images {
	width:623px;
	height:271px;
	
	padding:3px 4px 0px 0px;
	margin:0px;
	
	float:right;
	
	position:relative;
}

#bnr #bnr-images #bnr-arrows {
	width:54px;
	height:27px;
	
	padding:0px;
	margin:0px;
	
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:999;
	
	overflow:hidden;
}

#bnr #bnr-images #bnr-images-inner {
	padding:0px;
	margin:0px;
}

.spacer {
	height:30px;
	
	padding:0px;
	margin:0px;
	
	background:url(../images/website/hoz-line.jpg) 0px 15px no-repeat;
}

#box-container {
	padding:0px;
	margin:0px;
}

.box {
	width:315px;
	height:348px;
	
	padding:0px;
	margin:15px 1px 15px 0px;
	
	float:left;
	
	background-position: top center;
	background-repeat:no-repeat;
}

.box img.box-img {
	padding:0px;
	margin:5px 0px 0px 16px;
	
	display:block;
}

.box h1 {
	padding:9px 0px 0px 17px;
	margin:0px;
	
	display:block;
	
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}

.box h1 a {
	color:#FFF;
	text-decoration:none;
}

.box .mid-content {
	width:260px;
	height:130px;
	
	padding:20px 0px 0px 35px;
	margin:0px;
}

.box .mid-content p {
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	line-height:18px;
}

.box img.box-cta {
	padding:0px;
	margin:0px 0px 0px 30px;
}

/*#############################################################
########## SET DIFFERENT BOX BACKGROUNDS AND COLOURS ##########
#############################################################*/

.box1 {
	background-image:url(../images/website/panel-bg-fitness.jpg);
}

.box1 h1 span,
.box1 h1 a span {
	color:#dbab79;
}

.box2 {
	background-image:url(../images/website/panel-bg-spa.jpg);
}

.box2 h1 span,
.box2 h1 a span {
	color:#aa4e93;
}

.box3 {
	background-image:url(../images/website/panel-bg-pool.jpg);
}

.box3 h1 span,
.box3 h1 a span {
	color:#577887;
}

.box4 {
	background-image:url(../images/website/panel-bg-tennis.jpg);
}

.box4 h1 span,
.box4 h1 a span {
	color:#4cb76c;
}

.box5 {
	background-image:url(../images/website/panel-bg-childcare.jpg);
}

.box5 h1 span,
.box5 h1 a span {
	color:#ff6600;
}

.box6 {
	background-image:url(../images/website/panel-bg-pt.jpg);
}

.box6 h1 span,
.box6 h1 a span {
	color:#b2281e;
}

/*########## END ##########*/

#footer {
	width:950px;
	height:45px;
	
	padding:0px;
	margin:0px auto;
	
	background:url(../images/website/hoz-line.jpg) 0px 43px no-repeat;
}

#footer ul {
	padding:0px;
	margin:0px;
	
	list-style:none;
}

#footer ul li {
	padding:0px 4px 0px 5px;
	margin:0px;
	
	float:left;
	
	background:url(../images/website/vert-dots.jpg) right no-repeat;
}

#footer ul li a {
	padding:7px;
	margin:0px;
	
	display:block;
	
	font-size:12px;
	color:#FFF;
	text-align:center;
}

#ec {
	padding:10px 0px 40px 0px;
	margin:0px;
	
	font-size:11px;
	color:#999;
	
	position:relative;
}

#ec a {
	font-size:11px;
	color:#999;
}

#ec .fb-iframe {
	position:absolute;
	top:19px;
	right:370px;
}

#ec .waitrose {
	position:absolute;
	top:35px;
	right:268px;
}

#ec .neom {
	position:absolute;
	top:5px;
	right:268px;
}

#ec .chek {
	position:absolute;
	top:3px;
	right:210px;
}

#ec .privilege {
	position:absolute;
	top:3px;
	right:155px;
}

#ec .twitter {
	position:absolute;
	top:3px;
	right:100px;
}



/*##################################
########## INTERNAL PAGES ##########
##################################*/


#maincontent-container {
	width:634px;
	
	padding:0px;
	margin:0px;
	
	float:left;
}

#maincontent-top {
	width:634px;
	height:45px;
	
	padding:10px 0px 0px 0px;
	margin:0px;
	
	background:url(../images/website/main-content-top.jpg) 0px 0px no-repeat;
}

#maincontent-top h2 {
	width:300px;
	height:28px;
	
	padding:5px 0px 0px 15px;
	margin:0px 0px 0px -5px;
	
	display:block;
	
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#maincontent-mid {
	width:604px;
	
	padding:0px 15px 5px 15px;
	margin:0px;
	
	background:url(../images/website/main-content-mid.jpg) 0px 0px repeat-y;
}
#maincontent-mid h1,
#maincontent-mid h2,
#maincontent-mid h3 {
	padding:8px 0px 0px 0px;
	margin:0px;
	
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

#maincontent-mid ul {
	margin:0px;
}

#maincontent-mid ul li {
	font-size:13px;
	color:#BBB;
	line-height:18px;
}

#maincontent-mid p {
	font-size:13px;
	color:#BBB;
	line-height:18px;
}

#maincontent-mid strong,
#maincontent-mid p b {
	color:#ECECEC;
}

#maincontent-mid #left-column {
	width:290px;
	
	padding:0px;
	margin:0px;
	
	float:left;
}

#maincontent-mid #right-column {
	width:290px;
	
	padding:0px;
	margin:0px;
	
	float:right;
}

#maincontent-bot {
	width:634px;
	height:12px;
	
	padding:0px;
	margin:0px;
	
	background:url(../images/website/main-content-bottom.jpg) 0px 0px no-repeat;
}

#side-section {
	width:315px;
	
	padding:0px;
	margin:0px -5px 0px 0px;
	
	float:right;
}

#side-section h3.links-title {
padding:5px;
margin:0px 0px 10px 0px;

font-size:16px;
font-weight:bold;
color:#FFFFFF;

background:url(../images/website/subnav-bg.jpg) left no-repeat;
}

#side-section ul#subnav-links {
padding:0px 5px 20px 5px;
margin:0px;

list-style:none;
}

#side-section ul#subnav-links li {
padding:0px;
margin:0px;
}

#side-section ul#subnav-links li a {
padding:5px;
margin:0px;

display:block;

font-size:14px;
font-weight:normal;
color:#CCC;
text-decoration:none;
}

#side-section ul#subnav-links li.active a,
#side-section ul#subnav-links li a:hover {
	color:#999;
	background:url(../images/website/subnav-bg-link.jpg) right no-repeat;
}

#side-section #block-360 {
	width:315px;
	height:276px;
	
	padding:0px 0px 20px 0px;
	margin:0px;
	
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#side-section #block-360 h4 {
	height:35px;
	
	padding:14px 0px 0px 15px;
	margin:0px;
	
	display:block;
	
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}

#side-section #block-360 img.side-img {
	padding:0px;
	margin:0px auto 0px auto;
	
	display:block;
}

#side-section #block-360 p {
	padding:0px;
	margin:10px 20px 0px 20px;
	
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	line-height:18px;
}

#side-section #block-360 img.side-cta {
	padding:0px;
	margin:15px 0px 0px 20px;
	
	display:block;
}
	
#side-section #subnav {
	width:315px;
	height:371px;
	
	padding:0px;
	margin:0px;
	
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#side-section #subnav h4 {
	padding:13px 0px 0px 15px;
	margin:0px;
	
	display:block;
	
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}

#side-section #subnav p {
	padding:0px;
	margin:20px 15px 21px 20px;
	
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}

#side-section #subnav img {
	padding:0px;
	margin:0px 0px 9px 20px;
	
	display:block;
}

table {
	padding:0px;
	margin:20px 0px 0px 0px;
	
	color:#BBBBBB;
	font-size:13px;
	line-height:18px;
}

table,
table tr,
table tr td {
	border:#333 1px solid;
}

#maincontent-mid .news-item {
padding:10px;
margin:0px 0px 20px 0px;

border-bottom:#333 1px solid;
background:#272727;
}

#maincontent-mid .news-item h2 {
padding:0px;
margin:0px;

font-size:18px;
font-weight:normal;
color:#CCCCCC;
}

#maincontent-mid .news-item h2 a {
text-decoration:none;
}

.news-item a.readmore {
font-size:13px;
font-weight:bold;
}

#maincontent-mid img.news-img {
padding:0px;
margin:0px 0px 10px 10px;

float:right;

border:#CCC 1px solid;
}

.ditto_paging {
    padding: 10px;
    font-size: 13px;
    color: CCC;
}
#ditto_pages .ditto_currentpage {
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #000;
	font-size: 13px;
	background:#CCC;
}
#ditto_pages .ditto_off {
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #CCC;
	font-size: 13px;
}
#ditto_pages a,
#ditto_pages a:link,
#ditto_pages a:visited {
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #CCC;
	font-size: 13px;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #333;
}

#maincontent-mid .vt {
padding:0px;
margin:0px 0px 20px 0px;

border-bottom:#333 1px solid;
background:#272727;
}

#maincontent-mid .vt .vt-left {
width:350px;
height:130px;

padding:0px;
margin:0px;

float:left;
}

#maincontent-mid .vt .vt-left a img:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#maincontent-mid .vt .vt-right {
width:244px;

padding:0px;
margin:0px;

float:right;

overflow:hidden;
}

#maincontent-mid .vt .vt-right h2 {
font-size:13px;
font-weight:bold;
}

#maincontent-mid .vt .vt-right h2 a {
color:#FFFFFF;
text-decoration:none;
}

.field {
padding:0px 0px 10px 0px;
margin:0px;

font-size:13px;
color:#CCCCCC;
}

.field input,
.field textarea,
.field select {
width:260px;

padding:5px;
margin:3px 0px 0px 0px;

background:#333;
border:#666 1px solid;
color:#FFF;
}

.field select {
	width:272px;
}

.field textarea {
height:80px;
}

.field input.submit {
width:272px;
cursor:pointer;
}

.field input.submit:hover {
	background:#000;
}

.field .field-validation {
color:#FF0000;
}

#googlemap {
width:623px;
height:271px;

padding:0px;
margin:0px;
}

#maincontent-mid .privilege-box {
	width:170px;
	height:280px;
		
	padding:10px 10px 0px 10px;
	margin:10px 5px 10px 4px;
	
	float:left;
	
	border:1px solid #333333;
	overflow:hidden;
}

#maincontent-mid .fitness-box.odd,
#maincontent-mid .privilege-box.odd {
background:#272727;
}

#maincontent-mid .fitness-box.even,
#maincontent-mid .privilege-box.even {
background:#1B1B1B;
}

#maincontent-mid .fitness-box h3,
#maincontent-mid .privilege-box h3 {
	height:40px;
	
	padding:0px 0px 5px 0px;
	margin:0px;
	
	display:block;
	
	font-size:14px;
	font-weight:bold;
	color:#EEE;
}

#maincontent-mid .fitness-box h3 a,
#maincontent-mid .privilege-box h3 a {
	font-size:14px;
	font-weight:bold;
	color:#EEE;
	text-decoration:none;
}

#maincontent-mid .fitness-box h3 a:hover,
#maincontent-mid .privilege-box h3 a:hover {
	text-decoration:underline;
}

#maincontent-mid .fitness-box img,
#maincontent-mid .privilege-box img {
	padding:0px;
	margin:3px 0px;
}

#maincontent-mid .privilege-box p {
padding:0px;
line-height:20px;
}


#maincontent-mid .fitness-box {
	width:170px;
	height:230px;
		
	padding:10px 10px 0px 10px;
	margin:10px 5px 10px 4px;
	
	float:left;
	
	border:1px solid #333333;
	overflow:hidden;
}






/*##################################################################
########## SET DIFFERENT BANNER BACKGROUNDS & COLOURS ETC ##########
##################################################################*/



/* Home */

	body.home #topbar-inner a#logo {
		background:url(../images/website/logo.png);
	}

	body.home #bnr {
		background-image:url(../images/website/bnr-bg-home2.jpg);
	}
	
	body.home #bnr #bnr-content h3 {
		color:#c3abbf;
	}
	
	
	
	
	
/* DEFAULT */

	body.default #topbar-inner a#logo {
		background:url(../images/website/logo.png);
	}
	
	body.default #bnr {
		background-image:url(../images/website/bnr-bg-home.jpg);
	}
	
	body.default #bnr #bnr-content h3 {
		color:#c3abbf;
	}

	body.default #maincontent-top h2 {
		background-image:url(../images/website/title-bg-default.jpg);
	}
	
	body.default #maincontent-top h2 span {
		color:#6C4A65;
	}

	body.default #side-section #block-360 {
		background-image:url(../images/website/360-bg-default.jpg);
	}
	
	body.default #side-section #block-360 h4 span {
		color:#6C4A65;
	}

	body.default #side-section #subnav {
		background-image:url(../images/website/subnav-bg-default.jpg);
	}
	
	body.default #side-section #subnav h4 span {
		color:#6C4A65;
	}
	
	
	
	

/* Pool */

	body.pool #topbar-inner a#logo {
		background:url(../images/website/logo-pool.png);
	}

	body.pool #nav ul li.active a {
		color:#577887;
	}
	
	body.pool #bnr {
		background-image:url(../images/website/bnr-bg-pool.jpg);
	}
	
	body.pool #bnr #bnr-content h3 {
		color:#c3abbf;
	}
	
	body.pool #maincontent-top h2 {
		background-image:url(../images/website/title-bg-pool.jpg);
	}
	
	body.pool #maincontent-top h2 span {
		color:#577887;
	}
	
	body.pool #side-section #block-360 {
		background-image:url(../images/website/360-bg-pool.jpg);
	}
	
	body.pool #side-section #block-360 h4 span {
		color:#577887;
	}
	
	body.pool #side-section #subnav {
		background-image:url(../images/website/subnav-bg-pool.jpg);
	}
	
	body.pool #side-section #subnav h4 span {
		color:#577887;
	}
	
	
	
	

/* Tennis */

	body.tennis #topbar-inner a#logo {
		background:url(../images/website/logo-tennis.png);
	}

	body.tennis #nav ul li.active a {
		color:#4cb76c;
	}
	
	body.tennis #bnr {
		background-image:url(../images/website/bnr-bg-tennis.jpg);
	}
	
	body.tennis #bnr #bnr-content h3 {
		color:#d0f3f4;
	}

	body.tennis #maincontent-top h2 {
		background-image:url(../images/website/title-bg-tennis.jpg);
	}
	
	body.tennis #maincontent-top h2 span {
		color:#4cb76c;
	}

	body.tennis #side-section #block-360 {
		background-image:url(../images/website/360-bg-tennis.jpg);
	}
	
	body.tennis #side-section #block-360 h4 span {
		color:#4cb76c;
	}

	body.tennis #side-section #subnav {
		background-image:url(../images/website/subnav-bg-tennis.jpg);
	}
	
	body.tennis #side-section #subnav h4 span {
		color:#4cb76c;
	}
	
	
	
	
	
/* Fitness */

	body.fitness #topbar-inner a#logo {
		background:url(../images/website/logo-fitness.png);
	}

	body.membership #nav ul li.active a,
	body.fitness #nav ul li.active a {
		color:#8a7385;
	}
	
	body.fitness #bnr {
		background-image:url(../images/website/bnr-bg-fitness.jpg);
	}
	
	body.fitness #bnr #bnr-content h3 {
		color:#d0f3f4;
	}

	body.fitness #maincontent-top h2 {
		background-image:url(../images/website/title-bg-fitness.jpg);
	}
	
	body.fitness #maincontent-top h2 span {
		color:#8a7385;
	}

	body.fitness #side-section #block-360 {
		background-image:url(../images/website/360-bg-fitness.jpg);
	}
	
	body.fitness #side-section #block-360 h4 span {
		color:#8a7385;
	}

	body.fitness #side-section #subnav {
		background-image:url(../images/website/subnav-bg-fitness.jpg);
	}
	
	body.fitness #side-section #subnav h4 span {
		color:#8a7385;
	}
	
	
	
	
	
/* Spa */

	body.spa #topbar-inner a#logo {
		background:url(../images/website/logo-spa.png);
	}

	body.spa #nav ul li.active a {
		color:#aa4e93;
	}
	
	body.spa #bnr {
		background-image:url(../images/website/bnr-bg-spa.jpg);
	}
	
	body.spa #bnr #bnr-content h3 {
		color:#d0f3f4;
	}

	body.spa #maincontent-top h2 {
		background-image:url(../images/website/title-bg-spa.jpg);
	}
	
	body.spa #maincontent-top h2 span {
		color:#aa4e93;
	}

	body.spa #side-section #block-360 {
		background-image:url(../images/website/360-bg-spa.jpg);
	}
	
	body.spa #side-section #block-360 h4 span {
		color:#aa4e93;
	}

	body.spa #side-section #subnav {
		background-image:url(../images/website/subnav-bg-spa.jpg);
	}
	
	body.spa #side-section #subnav h4 span {
		color:#aa4e93;
	}
	
	
	
	
	
/* Childcare */

	body.childcare #topbar-inner a#logo {
		background:url(../images/website/logo-childcare.png);
	}

	body.childcare #nav ul li.active a {
		color:#ff6600;
	}
	
	body.childcare #bnr {
		background-image:url(../images/website/bnr-bg-childcare.jpg);
	}
	
	body.childcare #bnr #bnr-content h3 {
		color:#d0f3f4;
	}

	body.childcare #maincontent-top h2 {
		background-image:url(../images/website/title-bg-childcare.jpg);
	}
	
	body.childcare #maincontent-top h2 span {
		color:#ff6600;
	}

	body.childcare #side-section #block-360 {
		background-image:url(../images/website/360-bg-childcare.jpg);
	}
	
	body.childcare #side-section #block-360 h4 span {
		color:#ff6600;
	}

	body.childcare #side-section #subnav {
		background-image:url(../images/website/subnav-bg-childcare.jpg);
	}
	
	body.childcare #side-section #subnav h4 span {
		color:#ff6600;
	}
	
	
	
	
	
/* PT */

	body.pt #topbar-inner a#logo {
		background:url(../images/website/logo-pt.png);
	}

	body.pt #nav ul li.active a {
		color:#b2281e;
	}
	
	body.pt #bnr {
		background-image:url(../images/website/bnr-bg-pt.jpg);
	}
	
	body.pt #bnr #bnr-content h3 {
		color:#d0f3f4;
	}

	body.pt #maincontent-top h2 {
		background-image:url(../images/website/title-bg-pt.jpg);
	}
	
	body.pt #maincontent-top h2 span {
		color:#b2281e;
	}

	body.pt #side-section #block-360 {
		background-image:url(../images/website/360-bg-pt.jpg);
	}
	
	body.pt #side-section #block-360 h4 span {
		color:#b2281e;
	}

	body.pt #side-section #subnav {
		background-image:url(../images/website/subnav-bg-pt.jpg);
	}
	
	body.pt #side-section #subnav h4 span {
		color:#b2281e;
	}

/*########## END ##########*/