/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */


body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/mainBg.jpg) top repeat-x #fff;
	margin-top: 0px;
}

a:link, a:visited, a:focus {
	text-decoration: none;
	white-space: nowrap;
	outline: none;
}

a:hover, a:active {
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 2.6em;
	color: #017989;
	background: url(../../images/h1bg.jpg) bottom repeat-x;
	padding-bottom: 5px;
	width: 450px;
}

.h1index {
	width: 180px;
}

h2 {
	font-size: 1.7em;
}

.h2h1 {
	font-size: 2.6em;
	color: #017989;
	background: url(../../images/h1bg.jpg) bottom repeat-x;
	padding-bottom: 5px;
}

h3 {
	color: #017989;
}

table td {
	padding: 4px;
}

ol {
	font-size: 1.3em;
}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#header {
	width: 740px;
	height: 145px;
	background: url(../../images/headerBg.gif) right no-repeat;
}

#flashTop {
	width: 426px;
	height: 112px;
	float: right;
	margin-top: 12px;
}

	#header-freephone {
		color: #fff;
		font-size: 2.6em;
		position: absolute;
		top: 72px;
		right: 5px;
		z-index: 10;
	}

#navHolder {
	width: 222px;
	background: #000 url(../../images/contentContainerBgTop.gif) repeat-x;
}

#flashSlideshow {
	float: left;
}

#contentContainer {
	width: 740px;
	background: #54991c url(../../images/contentContainerBgTop.gif) repeat-x;
}

#leftHolder {
	float: left;
	width: 235px;
}

#contentLeft {
	float: left;
	width: 222px;
	padding-left: 13px;
	/*background: url(../../images/contentLeftBg.gif) 0px -40px repeat-y #fff;*/
}

#contentLeftBottom {
	width: 235px;
	height: 3px;
	background: url(../../images/greyBox.gif) left no-repeat #017989;
	float: left;
	font-size: 1px;
}

#contentLeft-rowingMachines a {
	font-size: 1.1em;
	width: 147px;
	display: block;
	height: 52px;
	float: left;
	padding: 240px 10px 0px 65px;
	background: url(../../images/index-view-rowing-machines.jpg);
}

#contentRight {
	float: right;
	width: 505px;
	margin-top: 20px;
	background: url(../../images/contentRight-text-bg.gif) #fff;
}

#contentRight-top {
	float: left;
	height: 30px;
	width: 505px;
	background: url(../../images/contentRightBg.gif) #fff;
}

#contentRight-text {
	float: left;
	padding: 0px 43px 0px 10px;
	background: url(../../images/contentRight-text-bg.gif) #fff;
}

#contentRight-text p {
	padding: 5px 10px 5px 10px;
	font-size: 1.2em;
}

#view-treadmills a {
	float: right; 
	width: 178px;
	padding: 10px 0px 0px 50px;
	height: 30px;
	display: block;
	font-size: 1.1em;
	background: url(../../images/index-view-treadmills.jpg);
}

#treadmillHolder {
	float: right;
	width: 270px;
}

/* Vertical Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 222px;
	background: #fff;
}

#navigation ul {
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px;
}

#navigation li {
	display: inline;
	margin: 0px;
}
	  
#navigation a {
	float:left;
	width: 166px;
    background: url(../../images/navBg.gif) 0px 3px no-repeat #fff;
	color: #666;
    text-decoration:none;
	padding: 5px 10px 5px 40px;
	font-weight: bold;
	border-left: #017989 solid 3px;
	border-right: #017989 solid 3px;
	font-size: 1.2em;
}

#navigation .nav-home {
	background: url(../../images/navBg-home.gif);
	border: none;
	width: 170px;
	padding: 15px 10px 5px 42px;
}

#navigation a:hover.nav-home {
	background: url(../../images/navBg-home-hover.gif) top;
	border: none;
	width: 170px;
	padding: 15px 10px 5px 42px;
}

#navigation .nav-bottom {
	background: url(../../images/navBg-bottom.gif) bottom;
	border: none;
	width: 170px;
	padding: 5px 10px 15px 42px;
}

#navigation a:hover.nav-bottom {
	background: url(../../images/navBg-bottom-hover.gif) bottom;
	border: none;
	width: 170px;
	padding: 5px 10px 15px 42px;
}

#navigation a:hover {
	color: #eee;
	background: #666666 url(../../images/navBg-hover.gif) 0px 3px no-repeat;
}

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	float: left;
	width: 720px;
	padding: 10px;
	color: #fff;
	background: #017989;
	font-size: 1.1em;
}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover {
		color: #fff;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	width: 540px;
	list-style: none;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 720px;
}
	ul#footerDetails li {
		display:block;
	}
	
ul#footerW3C {
	float: right;
	margin: 0px;
	padding: 0px;
}
	ul#footerW3C li {
		display: inline;
	}



/* Class Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.img-left {
	border: 1px solid #fff;
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	border: 1px solid #fff;
	float: right;
	list-style:none;
	text-align:right;
	margin: 0px 0px 10px 10px;
}

.img-leftNB {
	border: none;
	float: left;
	margin: 0px 10px 10px 0px;
}


.img-rightNB {
	border: none;
	float: right;
	margin: 0px 0px 10px 10px;
}

.img-rightNBM {
	border: none;
	float: right;
	margin: 0px;
}

#logo {
	width: 281px;
	height: 135px;
	float: left;
}

.strong {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.spacer {
	float: left;
}

.indexList {
	margin: 0px;
	padding: 0px;
}

.indexList li {
	display: inline;
	padding: 0px;
	margin: 0px;
	float: left;
}

.indexList a {
	text-align: center;
	font-size: 1.75em;
	padding: 25px 0px 0px 0px;
	color: #54991c;
	background: url(../../images/indexListBg.gif);
	height: 62px;
	margin-bottom:30px;
	margin-left: 20px;
	letter-spacing: -1px;
	width: 195px;
	display: block;
}

.alignCentre {
	text-align: center;
}

#localNos {
	background: url(../../images/contentLeftBg.gif) left repeat-y #fff;
	float: left;
	padding-left: 35px;
	width: 200px;
	font-size: 1.2em;
}

.grey {
	background: #ccc;
}

#consultDoctor {
	width: 740px;
	float: left;
	height: 38px;
	font-size: 1px;
}

.link {
	font-weight: bold;
	color: #017989;
}

a:hover.link {
	color: #000;
}

.list {
	font-size: 1.2em;
}

.center {
	text-align: center;
}

.larger {
	font-size: 1.2em;
}

.contactTable input, .contactTable textarea, .contactTable select {
	border: 1px solid #ccc;
	background: #f8f8f8;
	color: #006699;
}

#contactTable {
	font-size: 1.2em;
}

/* Contact Table Styles
--------------------------------------------------------------- */

	#contactTable #botBuster {
		display: none;
	}

/* SEO
--------------------------------------------------------------- */

.font1 {
font-size:36px;
color: #017989;
}

.font2 {
font-weight:normal;
}

.font3 {
font-size:1.3em;
color:#000000;
}

.font4 {
padding-left:10px;
color: #999999;
font-size:1.25em;
}

.font5 {
padding-left:10px;
font-size:1.2em;
font-weight:normal;
}

