/*
-----------------------------------------------
Client: Optimal Life Fitness Group
Author: Copious Ltd - www.copious.co.uk
Copyright: 2005-2007 Copious Ltd
Version:  17 Jan 2007
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */

@import url("/css/ccv4.css");

body {
 	background: #EAEAE1;
	color: #6A6A6A;
	margin: 0;
	padding: 0 0 25px 0;
	font-family: Verdana, sans-serif;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	text-align: center;
	}
	
html>body { /* be nice to Opera */
	font-size: small;
	}
	
	
	
/* Postioning
----------------------------------------------- */

#wrapper {
	background: #EAEAE1 url(../images/pgbk.gif) repeat;
	position: relative;
	margin: 0 auto;
	padding: 0;
	line-height: 120%;
	text-align: left;
	width: 755px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 755px;
	}
	
html> #wrapper { /* be nice to Opera */
  	width: 755px;
	} 


	
/* Common Typography
----------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	font-family: Arial, helvetica, sans-serif;
	}

h1 { 
	color: #3662C0;
	border-bottom: 1px solid #C1C1B1;
	margin: 20px 0 8px 0;
	padding: 0 0 2px 0;
	font-size: 125%; 
	font-weight: bold; 
	}
	
h1 span	{
	color: #ED5D1D;
	text-transform: uppercase;
	}
	
h2 {
	color: #3662C0;
	border-bottom: 1px dotted #C1C1B1;
	margin: 10px 0 14px 0;
	padding: 0 0 2px 0;
	font-size: 115%; 
	font-weight: bold;
	}
	
h3 {
	color: #6A6A6A;
	border-bottom: 1px dotted #C1C1B1;
	margin: 10px 0 4px 0;
	padding: 0 0 2px 0;
	font-size: 100%; 
	font-weight: bold;
	}
	
h4 {
	color: #6A6A6A;
	margin: 2px 0 2px 0;
	padding: 0;
	font-size: 95%; 
	font-weight: bold;
	text-decoration: underline;
	}
	
h4.subsect,
h3.subsect { 
	color: #3662C0;
	border-bottom: 1px dotted #C1C1B1;
	margin: 10px 0 14px 0;
	padding: 0 0 2px 0;
	font-size: 115%; 
	font-weight: bold;
	text-decoration: none;
	}
	
h5 {
	color: #6A6A6A;
	border-bottom: 1px dotted #C1C1B1;
	margin: 10px 0 14px 0;
	padding: 0 0 2px 0;
	font-size: 105%; 
	font-weight: bold;
	}
	
h5 span {
	color: #B22222;
	font-style: italic;
	}
	
p {
	margin: 0;
	padding: 0 0 12px 0;
	line-height: 160%;
	font-size: 85%;
	}

	
	

/* Main Column
----------------------------------------------- */

#contentblock {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	width: 526px;
	}
	
#content {
	margin: 0;
	padding: 0 30px 0 30px;
	float: left;
	width: 530px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 470px;
	}
	
ul.bullets, ul.kettlebell-bullets {
	background-color: #F4F4EE;
	margin: 0 0 20px 0;
	padding: 6px;
	list-style: none;
	font-size: 85%;
	}
	
ul.bullets li, ul.kettlebell-bullets li {
	background: url(../images/bullet.gif) no-repeat 0 7px;
	margin: 0 0 4px 0;
	padding: 2px 0 0 12px;
	line-height: 1.2em;
	}
	
ul.bullets li, ul.kettlebell-bullets li {
	margin: 0 0 4px 22px;
	padding: 2px 0 0 12px;

	}
	
ul.bullets li.title, ul.kettlebell-bullets li.title {
	background: none;
	margin: 0 0 4px 0;
	padding: 2px 0 0 0;
	line-height: 1.2em;
	font-weight: bold;
	}

	
div.answeryes {
	background: none;
	color: #ED5D1D;
	margin: 0;
	padding: 0 0 0 52px;
	font-weight: bold;
	font-size: 110%;
	}
	
p.intro {
	margin: 0;
	padding: 0 0 14px 0;
	font-size: 90%;
	line-height: 180%;
	}
	
#subcols{
	color: #878873;
	}

p.end {
	margin: 0;
	padding: 0 0 14px 0 ;
	}
	
div.profile {
	float: right;
	width: 180px;
}

ul.quick-details {
	margin: 4px 0 12px 30px;
	padding: 0;
	list-style: none;
	font-size: 80%;
	text-align: right;
	}
	
ul.quick-details li {
	margin: 0;
	padding: 0 0 2px 0;
	background-image: none;
	line-height: 1em;
	}
	
ul.quick-details li.title {
	font-weight: bold;
	}
	
p.says { 
	background-color: #F4F4EE;
	border-top: 1px dotted #C1C1B1;
	border-bottom: 1px dotted #C1C1B1;
	margin: 0 0 14px 0;
	padding: 10px 20px;
	}

#address {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	width: 40%;
	}
	
#telephone {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	width: 60%;
	}
	
p.testimonial {
	margin: 0;
	padding: 0 0 2px 0;
	font-style: italic;
}

p.testimonial span {
	border-top: 1px dotted #C1C1B1;
	border-bottom: 1px dotted #C1C1B1;
	margin: 6px 0 12px 0;
	padding: 4px 4px 4px 20px;
	font-weight: bold;
	display: block;
}


ul.locations {
	background-color: #F4F4EE;
	border: 1px solid #C1C1B1;
	margin: 6px 0 6px 10px;
	padding: 6px;
	float: right;
	list-style: none;
	width: 165px;
	}
	
ul.locations li { background: url(../images/bullet.gif) no-repeat 0 7px;
	margin: 0 0 4px 0;
	padding: 2px 0 0 8px;
	font-size: 85%;
	line-height: 1.3em;
	}
	
ul.locations li.title {
	background: none;
	color: #EF5D18;
	margin: 0 0 4px 0;
	padding: 2px 0 0 0;
	font-size: 95%;
	font-weight: bold;
	
	}
	
ul.locations li.banner,
ul.locations li.soon  {
	background: none;
	margin: 10px 0 4px 0;
	padding: 4px 0 0 0;
	line-height: 1.2em;
	}
	
p.highlite {
background-color: #F4F4EE;
	color: #666;
	margin: 0 0 12px 0;
	padding: 8px;
	line-height: 160%;
	font-size: 95%;
	}
	
p.ets {
	margin: 0;
	padding: 0 0 4px 0;
	line-height: 160%;
	font-size: 85%;
	}
	
p.premier {
	background-color: #F4F4EE;
	margin: 0 0 12px 0;
	padding: 8px;
	line-height: 160%;
	}
	
p.premierCost {
	background-color: #F4F4EE;
	color: #3662C0;
	margin: 0 0 12px 0;
	padding: 8px;
	line-height: 160%;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	}
	
p.premierCode {
	background-color: #F4F4EE;
	color: #3662C0;
	margin: 0 0 12px 0;
	padding: 8px;
	line-height: 160%;
	font-size: 105%;
	}
	
ul.ets-bullets {
	background-color: #F4F4EE;
	margin: 0 0 30px 0;
	padding: 6px;
	list-style: none;
	font-size: 85%;
	}
	
ul.ets-bullets li {
	background: url(../images/bullet.gif) no-repeat 0 7px;
	margin: 0 0 4px 0;
	padding: 2px 0 0 12px;
	line-height: 1.2em;
	}
	
ul.ets-bullets li.title {
	background: none;
	margin: 0 0 4px 0;
	padding: 2px 0 0 0;
	font-style: italic;
	}
	
ul.oe-innerlinks { 
	background-color: #F4F4EE;
	border: 1px solid #EAEAE1;
	margin: 10px 0 20px 0;
	padding: 10px 20px;
	list-style: none;
	font-size: 100%;
	}
	
ul.oe-innerlinks li {
	background: url(../images/main_link_bullet.gif) no-repeat 0 7px;
	margin: 0 0 4px 0;
	padding: 2px 0 0 14px;
	line-height: 1.2em;
	}
	
ul.questions  {
	margin: 22px 0 30px 0;
	padding: 0;
	font-size: 85%;
	}
	
ul.questions li {
	background: url(../images/icons/question.gif) no-repeat 0 5px;
	margin: 0 0 10px 0;
	padding: 2px 0 0 14px;
	list-style: none;
	line-height: 1.1em;
	}
	
ul.solutions  {
color: #3662C0;
	margin: 0 0 22px 0;
	padding: 0;
	font-size: 85%;
	}
	
ul.solutions li {
	background: url(../images/icons/tick.gif) no-repeat 0 4px;
	margin: 0 0 10px 0;
	padding: 2px 0 0 14px;
	list-style: none;
	line-height: 1.1em;
	font-weight: bold;
	}
	
#franchiseSelector {
	background-color: #F0F4FB;
	border: 1px solid #73ADDB;
	margin: 0 0 22px 0;
	padding: 4px;
	text-align: center;
}

#franchiseSelector form {
	margin: 0;
	padding: 4px;
}

#franchiseSelector p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}


/* Main Column
----------------------------------------------- */

#banners {	
	clear: left;
	margin: 0 0 0 20px;
	width: 190px;
	}


/* Imagery / Photography
----------------------------------------------- */

img {
	border: none;
}

#seller {
	margin: 0;
	padding: 0;
	width: 526px;
	}
	
#sellerflash {
	margin: 0;
	padding: 0;
	width: 526px;
	}
	
.imageframe {
	border: 1px solid #C1C1B1;
	margin: 10px 0;
	padding: 6px;
	}
	
.imageframe_l {
	float: left;
	border: 1px solid #C1C1B1;
	margin: 6px 10px 6px 0;
	padding: 6px;
	}
	
.imageframe_r {
	float: right;
	border: 1px solid #C1C1B1;
	margin: 6px 0 6px 10px;
	padding: 6px;
	}
	
#block-img {
	margin: 0 0 0 21px;
	clear: left;
	}
	
.portrait {
	border: 1px solid #C1C1B1;
	margin: 2px 0 0 15px;
	padding: 2px;
	}
	
.book-now {
	border: 1px solid #C1C1B1;
	margin: 0;
	padding: 0;
	}
	
.ad-banner,
.profile-banner {
	border-top: 1px solid White;
	margin: 0;
	padding: 0;
	display: block;
	}
	
.fia-logo {
	margin: 12px 0;
	padding: 0;
	display: block;
	}
	
.kettlebell-range {
	margin: 0 0 12px 0;
	padding: 0;
	}
	
.headAd {
	margin: 0;
	padding: 0 18px 0 0;
	float: right;
	}
	
.oeBannerRibbon {
	margin: 0;
	padding: 0;
}
	

	
	/* General linkology
----------------------------------------------- */

a:link, 
a:visited {
	color: #2C54B4;
	font-weight : normal; 
	text-decoration: underline;
	}

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

a:active {
	color: #2C54B4;
	text-decoration : underline;
	}
	


/* Main Block navigation
----------------------------------------------- */

#navblock {
	float: left;
	margin: 0px;
	}
	
ul#navlist {
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	list-style-type: none;
	width: 190px;
	}

/* ul#navlist li {
	float: left;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	}
*/

ul#navlist li a {
	background: #3965C6 url(../images/buttonblu.gif) repeat top left;
	color: #FFFFFF;
	padding: 6px 0 6px 8px;
	display: block;
	font: 90% Arial, Helvetica, sans-serif;
	text-decoration : none;
	width: 181px;
	}

ul#navlist li a:visited {
	}

ul#navlist li a:hover {
	background: #7391D4 url(none);
	color: #FFFFFF;
	}

#navlist li.home a {
	background: #2C4E9A url(none);
	font-size: 100%;
	font-weight: bold;
	}
	
#navlist li.commerce a {
	background: #5A7806 url(../images/buttongrn.gif) top left repeat;
	}

#navlist li.commerce a:hover {
	background: #97C325 url(none);
	}

	
/* Header
----------------------------------------------- */



#header,
#header-olf,
#header-oe	{
	border: 0;
	margin: 0;
	padding: 0;
	height: 100px;
	}
	
#header	{
	background: transparent url(../images/header-grey.gif) top left no-repeat;
	}
	
#header-olf	{
	background: transparent url(../images/olf-header.gif) top left no-repeat;
	}
	
#header-oe	{
	background: transparent url(../images/oe-header.gif) top left no-repeat;
	}
	
#header h1,
#header-olf h1,
#header-oe h1 {
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
#header h1 span,
#header-olf h1 span,
#header-oe h1 span 	{
	display: none;
	}


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

#footer {
	position: relative;
	background: transparent url(../images/footer.jpg) top left no-repeat;
	color: #666; 
	clear: both;
	margin: 0;
	padding: 0;
	text-align: right;
	height: 73px;
	}

#footer p {
	margin: 0;
	padding: 10px 94px 0 0;
	font-size: 70%;
	}

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */

#footer a {
	font-size: 100%; 
	}
	
#footer img {
	float: left;
	padding: 9px 0 0 40px;
}


/* Hide Elements
----------------------------------------------- */
		
div.topper {
	margin: 12px 0 4px 0;
	padding: 4px 0 4px 0;
	clear: both;
	}

div.topper p {
	margin: 0;
	text-align: right;
	}

div.topper a {
	color: #ED5D1D;
	font-size: 90%;
	}



/* Misc Elements
----------------------------------------------- */
	
.skiplink {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
	
.oldbrowsers, 
.hide {
	display: none;
	}

.clear {
	clear: both; 
	display: block; 
	margin: 0;
	font-size: 1px; 
	line-height: 1px; 
	height: 1px; /* used for clearing elements */
	} 
	
.specname {
	color: #ED5D1D;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 95%;
	}
	
/* Form Elements
----------------------------------------------- */

#form { 
		background-color: #F4F4EE;
		border: 1px dotted #C1C1B1;
		margin: 0;
		padding: 10px 20px;
	}
	
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	}

legend {
	display: none;
	}

#form p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 85%;
	}

.formLabel, 
.radiocheck, 
.formcheck, 
.formchecklast {
	font-size: 85%;
	}
	
.formMessage {
	font-size: 100%;
	}

.rowtop {
	clear: both;
	padding-top: 24px;
	}
	
.row {
	clear: both;
	padding-top: 6px;
	}

.spacer {
	clear: both;
	height: 10px;
	}

.inputfield { 
	border: 1px solid #C5C5BB;
	margin: 0;
	width: 280px;
	}

.inputarea { 
	border: solid 1px #C5C5BB;
	margin: 0;
	width: 280px 
	}
	
.inputcheck { 
	border: 1px solid #C5C5BB;
	margin: 0;
	padding: 0;
	}

.inputdrop { 
	width: 270px 
	}

.inputsend {
	margin: 0 0 0 0;
	font-size: 100%;
	}
	
.thanks {
	color: #ED5D1D;
	margin: 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 120%;
	}
	
.sorry {
	color: #B22222;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 120%;
	}

	
/* Table Elements
----------------------------------------------- */

.tableframe {
	clear: both; 
	float: left;
	width: 100%;
	}
	
table {
	background: White;
	clear: both; 
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin: 2px 0 20px 0;
	padding: 0;
	width: 100%;
	}

table {
	border-top: 1px solid #AFAF9F;
	border-left: 1px solid #AFAF9F;
	}

caption {
	color: #3662C0;
	border: 1px solid #C9C9BC;
	margin: 0;
	padding: 4px 0 4px 8px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 120%; 
	font-weight: bold;
	text-align: left;
	}

th {
	background: #DEDED6;
	text-align: left;
	padding: 2px 5px;
	font-weight: bold;
	text-align: center;
	}

th, td, tr {
	border-right: 1px solid #AFAF9F;
	border-bottom: 1px solid #AFAF9F;
	font-size: 90%;
	text-align: center;
	}

tfoot {
	background: #EAEAE1;
	color: #6A6A6A;
	font-size: 90%;
	}
	
tr.stripe {
   background-color: #EAEAE1;
	}
		
		
td.foot {
	padding: 2px 10px 2px 10px;
	text-align: right;
	}
	
td.boxing {
	background: #D7DFF2;
	}
	
	
/* Booking System
----------------------------------------------- */

#booking {
	color: #6A6A6A;
	}
	
#personal-info {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 250px;
}
	
ul.booking_errors {
	color: #B22222;
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
	}
	
ul.booking_errors li {
	background: url(../images/bullet.gif) no-repeat 0 7px;
	margin: 0 0 4px 0;
	padding: 2px 0 0 12px;
	line-height: 1.2em;
	}
	
#booking h2 {
	color: #3662C0;
	border-bottom: 1px solid #C1C1B1;
	margin: 20px 0 8px 0;
	padding: 0 0 2px 0;
	font-size: 110%; 
	font-weight: bold;
	}
	
#booking h3 {
	color: #3662C0;
	border-bottom: 1px solid #C1C1B1;
	margin: 30px 0 8px 0;
	padding: 0 0 2px 0;
	font-size: 110%; 
	font-weight: bold;
	}
	
p.important {
	color: #B22222;
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
	}
	
p.step {
	color: #3662C0;
	margin: 0;
	padding: 0;
	font-size: 95%; 
	font-weight: bold;
}
	
span.compulsory {
	color: #3662C0;
	font-size: 110%;
	font-weight: bold;
	}
	
#booking .row {
	clear: both;
	padding-top: 8px;
	}
	
#booking .inputfield,
#booking .inputarea,
#booking .inputcheck { 
	border: 1px solid #C5C5BB;
	margin: 0;
	padding: 0;
	width: 240px;
	}

#booking .inputdrop { 
	margin: 0;
	padding: 0;
	width: 280px 
	}
	
#booking p {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 85%;
	line-height: 120%;
	}

#booking .formLabel,
#booking .radiocheck, 
#booking .formcheck {
	font-size: 85%;
	}
	
#booking .inputsend { 
	margin: 20px 0 0 0;
	padding: 0;
	}
	
.formMessage {
	font-size: 100%;
	}
	
ul.contact_list {
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
	}
	
ul.contact_list li {
	background: url(../images/bullet.gif) no-repeat 0 7px;
	margin: 0 0 4px 0;
	padding: 2px 0 0 12px;
	line-height: 1.2em;
	}
	
#form-info {
	color: #7C7A7C;
	margin: 0;
	padding: 0 0 14px 0;
	font-style: normal;
	}
	
#form-info h4 {
	color: #7C7A7C;
	margin: 0;
	padding: 12px 0 6px 0;
	font-weight: Bold;
	font-size: 90%;
	text-decoration: underline;
	}
	
#form-info p {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 85%;
	}
	
hr {
	height: 1px;
	background-color: #C1C1B1;
	color: #C1C1B1;
	border: none;
	padding: 0;
	margin: 14px 0 10px 0;
	}

	
/* Sign-up Newsletter form
----------------------------------------------- */
	
#sign-up { 
	background-color: #5A7806;
	margin: 0;
	padding: 8px;
	width: 173px;
	text-align: left;
	}
	
#sign-up p {
	color: #DBEDAD;
	margin: 0;
	padding: 4px 0;
	font-size: 95%;
	font-weight: bold; 
	text-decoration: underline;
	}
	
.name, .email  {
	clear: left;
	padding: 3px 0 0 0;
	}
	
#sign-up .formLabel {
	color: #DBEDAD;
	}
	
#sign-up .inputfield { 
	color: #6A6A6A;
	border: 1px solid #DBEDAD;
	margin: 0;
	padding: 2px;
	width: 95%; 
	font-size: 70%;
	text-align: left;
	}
	
#sign-up .inputsend { 
	margin: 4px 0 0 0;
	padding: 0;
	font-size: 70%;
	text-align: center;
	}
	
#sign-up p#thanksSignUp {
	color: #DBEDAD;
	margin: 0;
	padding: 4px 0;
	font-size: 95%;
	font-weight: bold; 
	text-decoration: underline;
	}
	
#sign-up p#sorrySignUp { 
	background: #DBEDAD;
	color: #B22222;
	margin: 0;
	padding: 4px;
	font-size: 75%;
	font-weight: normal; 
	text-decoration: none;
	}