/* The Pure Package Stylesheet === developed by: Why Design 15.08.08 ================================== */


/* generic structure =========================================================================== */


body {
	/*the next bit is a hack for i.e. 5 and 5.5*/
	text-align:center;
	margin:0;
	padding:0;
	background:#7DB5C4;
}

#bottombar {
	margin:0;
	padding:0;
	height:3px;
	border-top:solid 3px #FFF;
}

#container, #footer, #footer-vip {
	position:relative;
	/*the next bit is a positioning hack for ie*/
	margin:0 auto;
	/*the next bit is a hack for i.e. in windows xp*/
	padding:0;
	width:960px;
	/*the next bit is a hack for i.e. 5 and 5.5*/
	text-align:left;
}

#bgcontainer {
		position:relative;
		margin:0 auto;
		padding:0;
		background:url(images/bgimage.gif) repeat-x #7DB5C4;
}

#header {
	width:960px;
	height:99px;
	background:url(images/header.gif) no-repeat;
	margin:0;
	padding:0;
}

#header_print {
	visibility:hidden;
	position:absolute;
	z-index:100;
}

#innercontainer, #innercontainer-orange {
	width:960px;
	background:url(images/white-wrap-bg.gif) repeat-y #FFF;
	margin:5px 0;
	padding:0;
	border-left:solid 2px #7DB5C4;
	border-right:solid 2px #7DB5C4;
}

#innercontainer-orange {
	background:url(images/white-wrap-bg-orange.gif) repeat-y #FFF;
}

#title, .quote {
	margin:10px 12px 0 12px;
	padding:0;
}

.quote-programmes {
	margin:10px 0 0 0;
	padding:0;
}

.quote h2, .quote-programmes h2 {
	color:#DE6020;
}

.quote-programmes p {
	margin-bottom:0px;
}

#title-image {
	height:189px;
}

#content {
	width:574px;
	float:left;
	background:#;
	border-left:solid 2px #7DB5C4;
	border-right:solid 2px #7DB5C4;
	margin:0;
	padding:0;
}

#content-orange {
	width:574px;
	float:left;
	background:#F5CFBC;
	border-left:solid 2px #7DB5C4;
	border-right:solid 2px #7DB5C4;
	margin:0;
	padding:0;
}

#leftcol {
	float:left;
	width:258px;
	padding:0;
	margin:10px 8px 10px 12px;
}

#rightcol {
	float:right;
	width:276px;
	padding:0;
	margin:10px 12px 0 0;
}

#fullcol {
	width:545px;
	padding:0;
	margin:0px 8px 0px 12px;
}

#phone_no {
	float:left;
	width:190px;
	background:#FFF;
	border-bottom:solid 1px #7DB5C4;
	padding:0;
	margin:0;
	text-align:center;
}

#phone_no a {
	color:#DE6020;
	text-decoration:none;
}

#phone_no a:hover {
	text-decoration:underline;
}

#footercontainer {
	margin:0 auto;
	padding:0;
}

#footer {
	height:20px;
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	color:#FFF;
	padding:7px 0 0 0;
}

#copyright {
	float:left;
	width:197px;
	margin:0;
	padding:0 0 0 6px;
}

#footerlinks {
	float:left;
	width:360px;
	margin:0;
	padding:0;
}

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

#footer a:hover {
	color:#DE6020;
}

#credit {
	float:left;
	margin:0;
	padding:0 0 0 10px;
}

.whiteline {
	height:1px;
	background-color:#FFF;
	margin:0 0 10px 0;
}

.clear {
	margin:0;
	padding:0;
	clear:both;
}

.divider_property {
	height:2px;
	padding:0;
	margin:0;
	background-color:#FFF;
}

.horizontal-rule {
	background:#DE6020;
	margin:10px 0;
}

/* navigation (main) =========================================================================== */


#nav-wrap {
	float:left;
	width:190px;
	padding:0;
	margin:0;
	background:#A4CBD6;
}

.nav {
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:190px;
	margin:0;
	padding:0 0 21px 0;
	border-bottom:solid 1px #7DB5C4;
}

.nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.nav li a, .nav ul ul li a, .nav ul ul ul li a {
	display:block;
	width:180px;
	height:17px;
	border-bottom:solid 1px #7DB5C4;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	padding:3px 0 0 10px;
	margin:0;
	background:#FFF;
}

.nav li a:hover, .nav li a.selected, .nav ul ul li a:hover, .nav ul ul li a.selected, .nav ul ul ul li a:hover, .nav ul ul li a.selected {
	background:#DE6020;
	color:#FFF;
}

.nav ul ul li a {
	width:170px;
	padding:3px 0 0 20px;
	background:#D8E9ED;
}

.nav ul ul ul li a {
	width:160px;
	padding:3px 0 0 30px;
	background:#ECF4F6;
}


/* navigation (related) =========================================================================== */


#rightnav {
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:192px;
	padding:0;
}

#rightnav-title {
	width:182px;
	height:20px;
	background:#FFF;
	color:#666;
	padding:1px 0 0 10px;
	border-bottom:solid 1px #7DB5C4;
	font-size:12px;
	font-weight:bold;
}

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

#rightnav li a {
	font-size:12px;
	font-weight:bold;
	display:block;
	height:19px;
	text-decoration:none;
	color:#666;
	padding:64px 0 0 10px;
	margin:0;
	border-bottom:solid 1px #7DB5C4;
}

#rightnav li a.weight-loss {
	background:url(images/hotlink-weight-loss.jpg) no-repeat;
}

#rightnav li a.weight-loss-selected {
	background:url(images/hotlink-weight-loss.jpg) no-repeat 0 -83px;
	color:#DE6020;
}

#rightnav li a.healthy-eating {
	background:url(images/hotlink-healthy-eating.jpg) no-repeat;
}

#rightnav li a.healthy-eating-selected {
	background:url(images/hotlink-healthy-eating.jpg) no-repeat 0 -83px;
	color:#DE6020;
}

#rightnav li a.training-support {
	background:url(images/hotlink-training-support.jpg) no-repeat;
}

#rightnav li a.training-support-selected {
	background:url(images/hotlink-training-support.jpg) no-repeat 0 -83px;
	color:#DE6020;
}

#rightnav li a.post-baby {
	background:url(images/hotlink-post-baby.jpg) no-repeat;
}

#rightnav li a.post-baby-selected {
	background:url(images/hotlink-post-baby.jpg) no-repeat 0 -83px;
	color:#DE6020;
}

#rightnav li a.skin {
	background:url(images/hotlink-skin.jpg) no-repeat;
}

#rightnav li a.skin-selected {
	background:url(images/hotlink-skin.jpg) no-repeat 0 -83px;
	color:#DE6020;
}

#rightnav li a.energy {
	background:url(images/hotlink-energy.jpg) no-repeat;
	/*border-bottom:solid 1px #FFF;*/
}

#rightnav li a.energy-selected {
	background:url(images/hotlink-energy.jpg) no-repeat 0 -83px;
	/*border-bottom:solid 1px #FFF;*/
	color:#DE6020;
}

#rightnav li a.detox {
	background:url(images/hotlink-detox.jpg) no-repeat;
}

#rightnav li a.detox-selected {
	background:url(images/hotlink-detox.jpg) no-repeat 0 -83px;
	color:#DE6020;
}


#rightnav li a:hover {
	background-position:0 -83px;
	color:#DE6020;
}

#content #sample-menu {
	width:220px;
	padding:0;
	height:23px;
	margin:0px 8px 0px 12px;
}

#content #sample-menu a {
	font-size:12px;
	font-weight:bold;
	display:block;
	height:19px;
	text-decoration:none;
	color:#666;
	padding:4px 0 0 20px;
	margin:0;
	background:url(images/panel_arrow.gif) no-repeat 0 0;
}

#content #sample-menu a:hover {
	/*background-position:0 -21px;*/
	color:#DE6020;
	text-decoration:none;
}
																					



/* navigation (extra) =========================================================================== */


#email, #signup {
	float:left;
	width:186px;
	height:51px;
	padding:0;
	margin:0;
}

#signup {
	margin:25px 0 0 769px;
}

#email a, #signup a {
	display:block;
	width:124px;
	font-family:"Times New Roman", Times, serif;
	height:49px;
	text-decoration:none;
	color:#FFF;
	padding:2px 0 0 66px;
	margin:0;
	border-bottom:solid 1px #7DB5C4;
}

#email a {
		background:url(images/extranav-email.gif) no-repeat;
}

#signup a {
	background:url(images/extranav-signup.gif) no-repeat;
}

#email a:hover, #signup a:hover, #signup a.selected {
	background-position:0 -51px;
}


/* text styles =========================================================================== */


h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	line-height:30px;
	color:#7DB5C4;
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
	letter-spacing:0;
}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:17px;
	font-weight:normal;
	color:#666;
	margin:10px 0 0 0;
	padding:0;
}

h3, h4 {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#666;
	margin:0 0 2px 0;
	padding:0;
}

h4 {
	font-size:12px;
}

h5 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#DE6020;
	margin:10px;
}

h6 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	color:#DE6020;
	margin:10px 0;
}

p, table td, .para {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 10px 0;
	padding:0;
}

#content ul, #content-orange ul {
	list-style:none;
	margin:0;
	padding:0;
}

#content ul li {
	background:url(images/bullet.gif) no-repeat 0 2px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

#content-orange #rightcol-programmes ul li, #content-orange #rightcol-success ul li {
	background:url(images/bullet-orange.gif) no-repeat 0 5px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#666;	
	margin:0 10px 10px 12px;
	padding:0 0 0 17px;
}


.white {
	color:#FFF;
}

.black {
	font-size:13px;
	font-weight:bold;
	color:#666;
}

.grey {
	color:#666;
}

.click {
	font-size:10px;
	color:#666;
}

.orange {
		color:#DE6020;
	}
	
	.blue {
			color:#7FB5C4;
			font-weight:bold;
			text-align:right;
	}

/* text link styles =========================================================================== */


#content a, #content-orange a {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#DE6020;
	text-decoration:none;
}

#content a:hover, #content-orange a:hover, #returning-clients a:hover {
	text-decoration:underline;
}

#returning-clients a {
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	color:#F5CFBC;
}


/* Programmes =========================================================================== */


#leftcol-programmes {
	float:left;
	width:361px;
	margin:0;
	padding:10px 8px 10px 12px;
	background:#FFF	;
}

#rightcol-programmes {
	float:right;
	width:192px;
	padding:0;
	border-top:solid 1px #FFF;
}

#leftcol-programmes .quote, #leftcol-programmes #title {
	margin:0 0 10px 0;
	padding:0;
}

#leftcol-programmes .quote {
	margin:20px 0 20px 0;
	padding:0;
	text-align:left;
}

.quote h2 {
	color:#DE6020;
}

#typical-meal {
	width:192px;
	float:right;
	height:25px;
	background:#DE6020;
	margin:0 0 5px 0;
}

#typical-meal-image {
	height:207px;
}

#typical-meal h3 {
	color:#FFF;
	margin:5px 0 0 12px;
}

#returning-clients {
	height:130px;
	background:#DE6020;
	padding:10px 0 0 0;
	border-bottom:solid 1px #7DB5C4;
}

#rightcol-signup #returning-clients h3 {
	color:#FFF;
}

#rightcol-programmes p {
	color:#DE6020;
	margin:0 5px 5px 12px;
}

#rightcol-programmes ol {
	margin:0;
	padding:0 0 0 25px;
}

#rightcol-programmes ol li {
	background-image:none;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#DE6020;	
	margin:0 0 10px 0;
	padding:0;
}


/* Success Stories =========================================================================== */


#leftcol-success {
	float:left;
	width:277px;
	margin:0;
	padding:10px 8px 10px 12px;
	background:#FFF	;
}

#rightcol-success {
	float:right;
	width:277px;
	padding:0;
}

#success-image {
	height:189;
	width:277px;
}

#title-success {
	margin:0 0 10px 0;
	padding:0;
}

#leftcol-archive {
	float:left;
	width:550px;
	margin:0;
	padding:10px 8px 10px 12px;
	background:#FFF	;
}

.success-story {
		background:#F5CFBC;
		padding:0;
		margin:0 0 12px 0;
		height:130px;
}

.success-thumbnail {
	float:left;
	width:277px;
	margin:0;
	padding:0;
}

.success-thumbnail-text {
	float:right;
	width:253px;
	padding:0;
	margin:10px;
}


/* faqs =========================================================================== */


#leftcol-faqs {
	float:left;
	width:277px;
	margin:0;
	padding:10px 8px 10px 12px;
}

#leftcol-faqs h3, #rightcol-faqs h3 {
	margin:0 0 10px;
	color:#DE6020;
}

#rightcol-faqs {
	float:right;
	width:277px;
	margin:0;
	padding:10px 0;
}

#singlecol-faqs {
	float:left;
	width:554px;
	margin:0;
	padding:10px 8px 10px 12px;
}

.fullcol-faqs {
	width:500px;
	padding:0;
	margin:0px 8px 0px 12px;
}

#title-faqs {
	width:550px;
	margin:0 0 10px 0;
	padding:0;
}

#title-faqs {
	float:left;
	margin:0;
	padding:10px;
	height:169px;
	width:277px;
	background:#FFF;
}

#faqs-image {
	float:right;
	height:189px;
	width:277px;
}

#leftcol-faqs ul, #rightcol-faqs ul {
	list-style:none;
	margin:0;
	padding:0;
}

#leftcol-faqs ul li, #rightcol-faqs ul li {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 10px 0;
	padding:0;
}

#leftcol-faqs a, #rightcol-faqs a {
	color:#666;
font-weight:bold;
}


/* Partnerships =========================================================================== */


.logocol {
	float:left;
	width:175px;
	margin:20px 12px 12px 0;
	padding:0;
}

.logocol-right {
	float:left;
	width:175px;
	margin:20px 0 12px 0;
	padding:0;
}

.logobox {
	float:left;
	width:175px;
	height:60px;
	margin:0 0 12px 0;
}


/* the food =========================================================================== */


.quote ul {
	list-style:none;
	margin:0;
	padding:0;
}

.quote ul li {
	list-style-type:disc;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 4px 15px;
	padding:0;
}



/* prices =========================================================================== */


.pricelist {
	margin:0 0 10px 0;
	padding:0;
}

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



/* legal stuff =========================================================================== */


#fullcol-legal {
	width:525px;
	height:545px;
	overflow:auto;
	padding:0 20px 0 0;
	margin:0px 8px 0px 12px;
}

#content #leftcol-sitemap {
	float:left;
	width:258px;
	padding:0;
	margin:10px 8px 10px 12px;
}

#content #rightcol-sitemap {
	float:right;
	width:276px;
	padding:0;
	margin:10px 12px 0 0;
}



/* Site map =========================================================================== */




#leftcol-sitemap {
	float:left;
	width:258px;
	padding:0;
	margin:10px 8px 10px 12px;
}

#rightcol-sitemap {
	float:right;
	width:276px;
	padding:0;
	margin:10px 12px 0 0;
}

#leftcol-sitemap ul, #rightcol-sitemap ul {
	list-style:none;
	margin:0;
	padding:0;
}

#leftcol-sitemap ul li, #rightcol-sitemap ul li {
	background-image:none;
	list-style-type:disc;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 4px 15px;
	padding:0;
}

#leftcol-sitemap a, #rightcol-sitemap a {
	color:#666;
}

#leftcol-sitemap a:hover, #rightcol-sitemap a:hover {
	color:#DE6020;
	text-decoration:none;
}




/* Tool Tips =========================================================================== */


		.tool-tip {
			color: #fff;
			width: 260px;
			z-index: 13000;
			text-align:left;
		}	
		
		.tool-tip img {
			float:right; margin:0 0 10px 10px;
		}
			 
		.tool-title {
			font-weight: normal;
			font-family:"Times New Roman", Times, serif;
			font-size: 14px;
			margin: 0;
			color:#DE6020;
			padding: 20px 20px 5px 20px;
			background: url(images/bubble.png) top left;
		}
		 
		.tool-text {
			font-size: 12px;
			padding:0 20px 20px 20px;
			margin:0;
			background: url(images/bubblefoo.png) bottom left;
	}
		
		.tool-text a {
			color:#069;
		}
		
		.tool-loading {
			background: url(images/ajax_load.gif) center center no-repeat;
			width: 30px;
			height: 30px;
			margin: 0 auto;
		}
		
		img, div, a { behavior: url(iepngfix.htc) }
		


/* angus additions =========================================================================== */



#content #leftcol-success ul li, #content-orange #leftcol-success ul li, #content #fullcol #cform ul li {
	list-style-type:disc;
	background-image:none;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;	
	margin:0 0 4px 20px;
	padding:0;
}

#content #leftcol-archive #partners {
	padding:10px 0 10px 0;
}

#content #leftcol-archive #partners img {
	margin: 3px 5px 2px 0;

}

#content #fullcol #cform input, #content #fullcol #cform select, #content #fullcol #cform textarea {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#333;	
}

#content #fullcol #cform .cs {
	width:100px;
	height:23px;
	font-size:13px;
	line-height:13px;
	margin:5px 0 10px 0;
	background:#DE6020;
	color:#FFF;
	font-weight: bold;
	border:solid 1px #666;
}

#headcol {
	float:left;
	width:500px;
	padding:0;
	margin:2px 0 2px 0px;
}

/* angus end */

/* twitter =========================================================================== */

.twitter {
	padding:25px 14px 0px 14px;
	margin:0;
	float:left;
	background:#D7E9ED;
	width:162px;
	border-top:solid 1px #7DB5C4;
}

.twitter-share {
	padding:14px;
	margin:0;
	float:left;
	background:#D7E9ED;
	width:162px;
	border-top:0px;
}

.twitter-share a {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:16px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
}