/*
	Alasdair McLeay & Toby Brancer @ Aislondon.com
*/


/* Reset */

* {border: 0; padding: 0; margin: 0; cursor: default;}
a, input {cursor: pointer;}

:focus
{
	outline: none;
}

/* Standards */

body {
	font: normal 0.625em Arial;
	background: #fff;}

h2 {
	font-size: 1.5em;}
h3 {
	font-size: 1.2em;}
ol {
	margin: 0 0 0 27px;	
}
ol li {
	margin: 0 0 9px;
}

/* Wrappers */

#position {
	position:			relative;
	width:				950px;
	height:				437px;
	min-height:			437px;
	margin:				43px auto 30px;}

#wrapper {
	position:			relative;
	overflow:			hidden; /* for IE6 */
	width:				950px;
	height:				437px;
	min-height:			437px;
	background:			#413935 url(../Images/Backgrounds/default.jpg);
	color:				#fff;}

#wrapper a {color:#fff;}

#main-header {
	/*font-family: Trajan Pro, Georgia; */
	position:			absolute;
	left:				35px;
	top:				37px;
	width:				233px;
	height:				46px;
	font:				normal 1em arial;
	color:				#fff;
	background:			url(../Images/logo.png) no-repeat;
	text-align:			center;}
#main-header span {
	display:			none;}

/* Backgrounds */

#background {
	/*display:			none;*/
	position:			absolute;
	right:				0;
	top:				0;
	width:				465px;
	height:				437px;
	background-repeat:	no-repeat;}
.background-arm{
	background-image:	url(../Images/Backgrounds/arm.jpg);}
.background-bum{
	background-image:	url(../Images/Backgrounds/bum.jpg);}
.background-legs{
	background-image:	url(../Images/Backgrounds/legs.jpg);}
.background-pecs{
	background-image:	url(../Images/Backgrounds/pecs.jpg);}
.background-tummy{
	background-image:	url(../Images/Backgrounds/tummy.jpg);}

/* Menu */

#main-menu {
	position:			absolute;
	top:				76px;
	right:				22px;
	color:				#fff;
	}
#main-menu li {
	display:			block;
	float:				left;
	margin:				0 1px 0 0;}
#main-menu a {
	display:			block;
	outline:			none;
	height:				25px;}
#main-menu a,

#main-menu a * 
{
	cursor: pointer;
}

#main-menu .selected,
#main-menu .selected *
{
	cursor: default;
}
	
/* Menu image replacement */

#main-menu a span {
	display:			none;}
	
#main-menu #main-menu-training a {
	width:				104px;
	background:			url(../Images/Navigation/training.png) no-repeat;}
#main-menu #main-menu-training a:hover{
	background-image:	url(../Images/Navigation/training_h.png);}
#main-menu #main-menu-training.selected a {
	background-image:	url(../Images/Navigation/training_o.png);}

#main-menu #main-menu-quickfix a {
	width:				216px;
	background:			url(../Images/Navigation/quick_fix_programme.png) no-repeat;}
#main-menu #main-menu-quickfix a:hover{
	background-image:	url(../Images/Navigation/quick_fix_programme_h.png);}
#main-menu #main-menu-quickfix.selected a {
	background-image:	url(../Images/Navigation/quick_fix_programme_o.png);}

#main-menu #main-menu-products a {
	width:				108px;
	background:			url(../Images/Navigation/products.png) no-repeat;}
#main-menu #main-menu-products a:hover{
	background-image:	url(../Images/Navigation/products_h.png);}
#main-menu #main-menu-products.selected a {
	background-image:	url(../Images/Navigation/products_o.png);}

#main-menu #main-menu-press a {
	width:				69px;
	background:			url(../Images/Navigation/press.png) no-repeat;}
#main-menu #main-menu-press a:hover{
	background-image:	url(../Images/Navigation/press_h.png);}
#main-menu #main-menu-press.selected a {
	background-image:	url(../Images/Navigation/press_o.png);}

#main-menu #main-menu-resigym a {
	width:				92px;
	background:			url(../Images/Navigation/resigym.png) no-repeat;}	
#main-menu #main-menu-resigym a:hover{
	background-image:	url(../Images/Navigation/resigym_h.png);}
#main-menu #main-menu-resigym.selected a {
	background-image:	url(../Images/Navigation/resigym_o.png);}



/* Content + Layout */

#main-content-bg {
	position:			absolute;
	top:				138px;
	left:				32px;
	width:				648px;
	height:				268px;}
#main-content {
	position:			static;
	overflow:			hidden;
	width:				593px;
	height:				228px;
	padding:			40px 15px 0px 40px;
	background:			url(../Images/TransparentPanel/mid.png) no-repeat;}

.sub-menu {
	position:			absolute;
	top:				1px;
	left:				35px;}

#main-content .fragments {
	width:				591px;
	height:				215px;
	overflow:			auto; /*background-color: #bbb;*/
	color:				#fff;}
#main-content .fragment {
	position:			relative;
	overflow:			hidden;
	margin:				30px 0 0;}

#main-content .fragment#fragment-trainers {
	margin:				0px;}
	
.fragment img
{
	float: left;
	clear: left;
	margin: 3px 1.2em 0.4em 0;
}
.fragment img.border
{
	border: 1px solid #9b9693;
}


.costs
{
	clear:			left;
	width:			260px;
}
.costs div
{
	float: left;
}
.costs h3
{
	display: inline;
	margin-right: 0.3em;
}
.costs p
{
	display: inline;
}
.costs a
{
	float: right;
	text-decoration: none;
}
#main-content .costs a span
{
	text-decoration:  underline;
}
#main-content .costs a span.paypal
{
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
	text-decoration: none;
}
#main-content .costs a span sup
{
	font-size: 0.7em;
	margin-left: 2px;
	text-decoration: none;
	
	
	vertical-align: top;
	background: transparent;
}
	
/* Content Styling */

#main-content .fragment
{
	font-size: 1.1em;
}

#main-content .fragment p,
#main-content .fragment address
{
	font:			normal Arial;
	line-height:	1.5em;
	margin-bottom:	1.7em;}
#main-content .fragment a {
	color:			#fff;}
	
#main-content .fragment ul {
	margin:				4px 0 8px;
	list-style: 		inside;}
#main-content .fragment ul li {
	margin:				0 0 2px;}
#main-content .fragment ul ul
{
	margin-left: 20px;
	list-style-type: circle;
}
#main-content .fragment ul ul li
{
	margin-right: 3px;
}
	
#main-content .fragment ul.pdf_links {
	list-style:			none;
	margin:				8px 0 14px;}	
#main-content .fragment ul.pdf_links li {
	background:			url(../Images/Generic/pdf_icon.gif) no-repeat;
	padding:			0 0 8px 20px;}
	
#main-content .fragment ul li.pdf_link {
	list-style:			none;
	background:			url(../Images/Generic/pdf_icon.gif) no-repeat;
	padding:			0 0 8px 20px;}
	
/* Sub Menu */

.sub-menu {
	overflow:			hidden;
	padding:			0 0 0 4px;
	list-style:			none;}
.sub-menu li {
	float:				left;
	margin:				0 0 0 1px;}	
.sub-menu a, .sub-menu a span {
	display:			block;
	position:			relative;}
.sub-menu a {
	padding:			1px 10px;
	color:				#fff;
	background:			transparent url(../Images/Backgrounds/sub_nav.png) repeat-x;
	margin:				0; /* position: relative makes opacity fail for disabled tab in IE */
	font-size:			1.1em;
	line-height:		1.2;
	text-align:			center;
	text-decoration:	none;
	white-space:		nowrap; /* required in IE 6 */
	outline:			0; /* prevent dotted border in Firefox */}
.sub-menu .ui-tabs-selected a,
.sub-menu a:hover {
	/*background:		#4f4a48;*/
	background:			transparent url(../Images/Backgrounds/sub_nav-selected.png) repeat-x;}
.sub-menu .ui-tabs-selected a {}
.sub-menu a span {
	width:				auto;
	height:				auto;
	min-height:			18px;
	padding-top:		6px;
	padding-right:		0;
	cursor:				pointer;}

/* Tertiary */

#main-content .fragment ul.tertiary-menu {
	overflow:			hidden;
	list-style:			none;
	margin:				0 0 20px;}
#main-content .fragment ul.tertiary-menu li {
	float:				left;
	margin:				0 17px 0 0;}
#main-content .fragment ul.tertiary-menu li a {
	color:				#fff;
	text-decoration:	none;}
	
	
/*Forms*/

.row
{
	clear: left;
	width: 500px;
	vertical-align: top;
}
.row .standard-label
{
	float: left;
	text-align: right;
	width: 100px;
	line-height: 20px;
	cursor: pointer;
}
.row .standard-textbox
{
	float: left;
	width: 250px;
	height: 14px;
	border: 1px solid #666;
	padding: 2px;
	margin: 0 0 4px 4px;
	font-size: 11px;
	cursor: text;
}
.row .standard-validator
{
	float: left;
	clear: left;
	width: 100px;
	height: 20px;
	background-color: #0f0;
}
.row textarea.standard-textbox
{
	height: 54px;
	width: 350px;
	font-family: Arial;
	cursor: text;
}

.standard-button
{
	float: left;
	margin-left: 100px;
	border: 2px solid black;
	font-weight: bold;
	background-color: #0f0;
	color: #f00;
}
.standard-button:hover
{
	text-decoration: blink;
	background-color: #0d0;
	color: #00f;
}

.standard-button-holder
{
	padding-left: 104px;
}

.optin
{
	padding: 0.7em 110px 1.2em 105px;
}
.optin input
{
	margin-right: 0.5em;
	cursor: pointer;
}
.optin label 
{
	cursor: pointer;
}

/* Scrollbars */

#scrollWindow1 {
	overflow:			auto;
	width:				606px;
	height:				175px;
	background:			#ccc;}

.swWindow {
	overflow:			hidden;
	position:			relative;
	width:				591px;
	height:				172px;}
.swArrowUp, .swArrowDown {
	position:			absolute;
	right:				0;
	width:				13px;
	height:				15px;
	background-position: center center;
	background-repeat:	no-repeat;
	cursor:				pointer;}

.noScrollBar .swArrowUp,
.noScrollBar .swArrowDown
{
	background-image:	none;
}

.swArrowUp {
	background-image:	url(../Images/Scroll/arrow-up.gif);}
.swArrowDown {
	background-image:	url(../Images/Scroll/arrow-down.gif);}

.swArrowUp {top: 0;}
.swArrowDown {bottom: 0;}
.swTrack {
	position:			absolute;
	top:				15px;
	right:				0;
	width:				13px;
	height:				140px;}
.swSlider {
	position:			absolute;
	top:				0;
	right:				1px;
	width:				11px;
	background:			url(../Images/Scroll/grey50pc2x2.png);
	cursor:				pointer;}
.swContent {
	position:			absolute;
	top:				0px;
	padding:			0 35px 0px 0;}

.swArrowDown-over, .swArrowUp-over {}
.swArrowDown-active, .swArrowUp-active {}

.swSlider-over {}
.swSlider-active {
	background-image: url(../Images/Scroll/white50pc2x2.png);}

/* Footer */

#footer {
	position:			relative;
	width:				952px;
	margin:				0 auto 13px;
	text-align:			center;
	color:				#666;
	letter-spacing:		5px;
	font:				normal 0.9em verdana;
	/*
	font:				normal 1em arial;
	font-variant:		small-caps;
	*/}


#footer a {
	color:				#666666;}

#footer a.tel {
	text-decoration:	none;
	cursor: default;}
#footer address{
	font-style:			normal;}
	
#footer #additional-links {
	margin: 10px 0 0;
	letter-spacing: 3px;
}