/*
| ----------------  | --------------------------------- |
| FIELD OF FITNESS  | Specific CSS for 'Services' pages |
| ----------------  | --------------------------------- |

COLOURS:
FoF orange:					#FE7B00;
Turquoise			light	#00637D;
					dark	#004557;
Grey (broders; text)		#333333;
Off-white					#F0E6DB;
Light grey background		#EAEAEA;

*/
.maintext{ /*The main block of content*/
	display: block;
	float: left;	
	margin: 5px 10px 10px 0px;
	width: 610px;
	}
.services{ /*The menu for navigating between different service pages*/
	width: 170px;
	min-height: 600px;
	float: left;
	margin: 5px 10px 0px 0px;
	}
	.services a{
		display: block;
		width: 138px;
		height: 32px;
		background-image: url('../../images/services/bg.gif');
		background-position: 170px 0px; 
		padding-left: 34px;
		padding-top: 15px;
		text-decoration: none;
		color: #000000;
		font-size: 10px;
		}
	.services a:hover{
		background-position: 0px 0px;
		color: #FE7E00;
		}
	.services ul{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		}
	.services li{
		margin: 0px;
		padding: 0px;
		}
	.services li.active a{
		background-position: 0px 0px;
	}
/* PERSONAL TRAINING */
img.pt2{
	float: right;
	margin: 0px 0px 10px 15px;
}
p.prices{
	font-size: 16px;
}
span.emph{
	font-weight: bold;
	color: #FE7B00;
}
p.pricelink{
	text-align: center;
	background-color: #F0E6DB;
	border: 1px solid #333333;
	display: block;
	width: 345px;
}
p.pricelink a{
	color: #004557;
	display: block;
	padding: 10px;
	
}
p.gtl1{
	margin-right: 10px;
	clear: none;
	float: left;
}
p.gtl2{
	float: left;
	width: 250px;
	clear: none;
}
img.calendar{
	float: left;
	margin: 0px 0px 20px 0px;
}
img.pt3{
	float: right;
	margin: 15px 0px 0px 15px;
}
img.tomato{
	float: right;
	margin: 0px 0px 0px 15px;
	position: relative;
	top: -20px;
}
img.gt1{
	float: right;
	margin-left: 10px;
}
img.gt2{
	margin: 9px 0px 0px 0px;
	padding: 0px;
}
div.ptLeftCol{
	display: block;
	float: left;
	width: 270px;
	padding-right: 7px;
	height: 190px;
}
div.ptRightCol{
	display: block;
	float: right;
	width: 270px;
	height: 190px;
}

div.stage{
	display: block;
	clear: both;
}
div.stage div.stageFloat{
	display: block;
	float: left;
	width: 547px;
}
div.stage div:first-child{
	width: 1em;
	font-size: 48px;
	font-weight: bold;
	color: #FE7B00;
	display: block;
	float: left;
	margin-right: 15px;
}
table.ptPrices th{
	padding: 10px;
	background-color: #333333;
	color: #FFF;
}
table.ptPrices td{
	padding: 10px;
	background-color: #F0E6DB;
	border-bottom: 1px solid #333;
	vertical-align: top;
}
p.ptCentre{
	text-align: center;
}
img.pie{
	float: right;
	margin-left: 10px;
	margin-top: 10px;
}