/*
Theme Name: Ipulse
Theme URI: http://www.wordpress.com/
Description: Wordpress Theme for Ipulse
Version: 1.0
Author: Pirata London
Author URI: http://www.piratalondon.com/

*/

/*
 * Eric Meyer's Global Reset
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
	}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}

	body {
	font-size:14px;
	line-height: 1.5;
	color: black;
	background: white;
	}

	ol, ul {
		list-style: none;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	

/*	caption, th, td {
		text-align: left;
		font-weight: normal;
	}*/

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}

	blockquote, q {
		quotes: "" "";
	}


/* HTML elements */
	html,
	body {
		height:100%; /* for sticky footer */
	}

	body {
		color:#fff;
		font-family:Helvetica, Arial, sans-serif;
		/* font:62.5%/1.2 Helvetica, Arial, sans-serif; reset 1em to 10px */
	}

	/* headings */
		h1 {
	line-height: 1;
	color:#6fe7fc;
	font-weight:normal;
	font-size:32px;
			}
		h2 {
	line-height: 1.2;
	color:#6fe7fc;
	font-weight:normal;
	font-size:24px;
		}
		h3 {
	line-height: 1.2;
	color:#6fe7fc;
	font-weight:normal;
	font-size:16px;
		} 
		h4 {
			margin-bottom:0.3em;
		}

		

		

		h3 {

		}

		h4 {
			font-size:1.4em;
		}

		h5 {
			font-size:1.2em;
		}


	


		/* forms - extra classes */
			input.text,
			textarea {
				border:1px solid #c0c0c0;
				margin-bottom:0.7em;
				padding:6px 6px 6px 6px;
				font-size:1.5em;				
			}
			
			input.text {
				width:17em;
			}

			input.text.inactive,
			textarea.inactive {
				color:#666;
			}

			input.radio {

			}

			input.checkbox {

			}
			
			input.password.default.inactive {
				background:url(./images/text_bg_password_es_8.png) #fff no-repeat 5px 7px; /* fixed for IE 6 */
			}

			p.error,
			label.error {
				color:#666;
				font-weight:bold;
			}
			
			form em.required {
				font-size:1.5em;
				margin-left:0.5em;
				vertical-align:top;
			}

			.button,
			button {
				border:0px;
				color:#fff;
				background:#000;
				cursor:pointer;
				margin-bottom:1em;
				overflow:visible;
				width:auto;
				text-align:center;
				font-size:1.5em;
				padding:0 10px 0 0;
			}

			input.button {
				background:url(./images/icon_arrow_help_8.png) transparent no-repeat right 3px;
			}

			p.button {
				margin:0;
				font-size:1.1em !important;
			}

			p.button a {
				display:block;
				padding-right:5px;
				color:#fff;
			}

			p.button a span {
				display:block;
				padding:5px 0 5px 5px;
			}
			

	/* tables */
		

		thead th { 
			font-weight:bold;
		}

		td, 
		th { 
			padding:8px 12px 8px 8px; 
			vertical-align:top;
			text-align:left;
			line-height:1.3;
		}

		td a:hover {
			text-decoration:none;
		}

		th { 
			font-weight:bold; 
		}*/

		/* tables - extra classes */
		


	/* lists */
		ul,
		ol, 
		dl {
			font-size:1.1em;
			margin-bottom:1.5em;
		}

		ol {
			list-style: decimal;
			font-size:1.2em;
			margin-left: 2em;
		}

		

		ul li {
	list-style-type:disc;
		}

		/* lists - nested lists */
			li ol, 
			li ul { 
				margin:0 2em;
			}

			li li { 
				font-size:1em; 
			}

		/* lists - extra classes */


	/* text */
		p,
		address {
			/*font-size:1.5em;
			font-style:normal;
			margin-bottom:1.2em;*/
		}

		em { 
			font-style:italic;
		}

		strong {
			font-weight:bold;
		}

		blockquote {
			padding:0 25px 5px 0;
			margin:0 5px 1.5em 0;
			background:url(./images/icon_quotes_8.png) no-repeat right bottom;
		}

		blockquote p {
			padding:5px 0 0 28px;
			margin-bottom:0;
			background:url(./images/icon_quotes_8.png) no-repeat left top;
		}

		/* text:extra classes */


	/* misc */
		img {
			border:0;
		}
		
		object {

		}


	/* links */
	/*	a, 
		a:link {
			color:#fff; 
			outline:0; 
			font-style:inherit; 
			font-weight:inherit;
			text-decoration:none; 
		}

		a:hover,
		a:active,
		a:focus { 
			text-decoration:none; 
			color:#fff !important;
		}

		a:focus { 
			outline:1px dotted #000;
		}*/


	/* deprecated tags - alerting CMS users that they are using illegal tags */
/*		b, big, blink, center, font, i, layer, marquee, small, u {
			background:yellow;
			border:2px dashed green;
			color:red;
			font-size:30px;
			font-weight:bold;
		}
		b:after, big:after, blink:after, center:after,  font:after, i:after, layer:after, marquee:after, small:after, u:after { 
			content:" You are using a deprecated tag; please fix." 
		}
*/

/* Global classes */
	/* print styles */
		.printonly { 
			display:none !important; 
		}


	/* clearfix - fixes float clearing issues */
		 .clearfix:after { /* fixed for IE */
			 clear:both; 
			 content:"."; 
			 display:block; 
			 height:0; 
			 visibility:hidden;
		}

	/* clearfix - fixes float clearing issues */
		 .row_clearfix:after { /* fixed for IE */
			 clear:both; 
			 content:"."; 
			 display:block; 
			 height:0; 
			 visibility:hidden;
		}

	/* Text included for non-visual users, hide content for screen */
		.context {
			height:1px; 
			left:0px; 
			overflow:hidden;
			position:absolute; 
			top:-500px;
			width:1px; 
		}


	/* Hides contents for screen, but leaves structure in place - for transparent images where the below can't be used */
		.context-flow {
			text-indent:-20000px;
			background:transparent no-repeat left top;
		}


	/* text that is 'replaced' by an image (via a span) */
		.replaced {
			position:relative;
		}

		.replaced span {
			background:transparent no-repeat left top;
			display:block;
			height:100%;
			left:-1px;
			position:absolute;
			top:0;
			width:100%;
		}


	/* ul  change | into | horizontal | navigation | links */
		ul.horiznavlist { }

		/* float selected element and all other links */
		/*ul.horiznavlist li {
			background:none;
			border-right:1px solid #330021;
			display:block;
			float:left;
			padding:0 11px;
			list-style:none;
		}*/

		/* remove left padding from first item in a list */
		ul.horiznavlist li.first {
			padding-left:0 !important;
		}

		/* remove right padding from last item in a list */
		ul.horiznavlist li.last {
			border-right:0 !important;
			padding-right:0 !important;
		}


	/* horizontal rule (hr) - allows universal control */
		.hr {
			border:1px solid #333; /* necessary to ensure hr is only 1px high in all browsers */
			clear:both;
			color:#333; /* needed for IE */
			height:3px;
			margin:10px 0 20px 0;
			padding:0;
		}

		hr {
			display:none;
		}

	/* end of row - no right margin */
		.row-end {
			margin-right:0 !important;
		}


/* global ids / areas */
	/* wrapper - surrounds all page content */
		#wrapper {
			min-height: 100%; /* for sticky footer - Fixed for IE 6 */
		}


	/* header */
		#header {
	background:url(./images/bg_header_tile_24.png) transparent repeat-x center top; /* Fixed for IE 6 */
	min-width:1000px;
	margin-bottom:31px;
		}

		#header-inner {
	background:url(./images/bg_header_24.png) transparent no-repeat center top; /* fixed for IE */
	position:relative;
	width:1000px;
	margin:0 auto;
	height: 120px;
		}

		#header h1 {
			position:absolute;
			left:59px;
			top:29px;
		}
		
		#header h1 img#subhead {
			position:relative;
			top:-3px;
			left:10px;
		}

		#header ul {
			background-repeat:repeat-x;
			background-position:left top;
			float:left;
			margin:0;
/*			padding-top:87px;
*/		}

		#header ul li {
	float:left;
	list-style:none;
	font-size:1.3em;
	letter-spacing:0.2px;
		}

		#header ul li.last {
			margin-right:1em;
		}

		/* header - nav - how it works */
			#header ul#nav-how-it-works {
				/*background-image:url(./images/bg_header_how-it-works_tile_24.png);*/
				padding-left:60px;
			}

			#header ul#nav-how-it-works li a {
				color:#6fe7fc;
			}

		/* header - nav - help */		
			#header ul#nav-help {
				/*background-image:url(./images/bg_header_help_tile_24.png);*/
				padding-left:0px;
			}

			#header ul#nav-help li a {
				color:#f088b6;
			}

		/* header - nav - buy now */
			#header ul#nav-buy {
				float:right;
				padding-right:60px;
			}

			#header ul#nav-buy li {
				margin-right:0;
			}

			#header ul#nav-buy li a {
				background:url(./images/icon_arrow_buy_8.png) transparent no-repeat right center;
				color:#a8f088;
				padding-right:10px;
			}


		/* header - nav - selected page icon */
			#what-is-it li#nav-what-is-it,
			#does-it-work li#nav-does-it-work,
			#am-i-suitable li#nav-am-i-suitable,
			#how-to-use-it li#nav-how-to-use-it,
			#your-coach li#nav-your-coach,
			#your-coach-details li#nav-your-coach,
			#your-questions li#nav-your-questions,
			.your-questions li#nav-your-questions {
				background:url(./images/icon_nav_selected_24.png) transparent no-repeat center bottom; /* fixed for IE6 */
			}


	/* footer - sticky: http://www.cssstickyfooter.com/ */
		#footer {
	position:relative;
	left:0;
	margin-top: -58px; /* negative value of footer height */
	height: 62px;
	clear:both;
	width:100%;
	min-width:1000px;
	background:url(./images/bg_footer_tile_24.png) transparent repeat-x left bottom;
		}

		#footer-inner {
			width:880px;
			margin:0 auto;
			padding-top:25px;
		}

		#footer p {
	margin:0;
	font-size:0.8em;
	line-height: 1.2;
		}
		
		#footer p a {
			text-decoration:underline;
		}
		
		#footer p a:hover {
			text-decoration:none;
		}
		
		#footer .right {
			float:right;
			text-align:right;
		}


	/* content-area styles */
		#content {
	width:886px;
	margin:0 auto 0 auto;
	padding-bottom: 30px;
		}

		/* content row - used to surround all elements on a horizontal row */
			#content .row {
				margin-bottom:24px;
			}


		/* content sections - used for a standard two-column layout */
			#content .content-section {
				float:left;
				width:588px;
				margin-right:12px;
			}

			#content .content-section .block,
			#content .content-section .block-inner {
				background:url(./images/bg_content-section_24.png) transparent no-repeat left bottom; /* Fixed for IE 6 */
				margin:0;
			}

			#content .content-section .block {
				width:588px;
				padding:0 0 26px 0;
			}

			#content .content-section .block-inner {
				padding:20px 20px 1px 20px;
				background-position:left top;
			}
			
			#content .content-section object,
			#content .content-section img {
				margin-bottom:2em;
			}
			

		/* content asides - used for a standard two-column layout */			
			#content .content-aside {
				width:286px;
				float:left;
			}

			#content .content-aside .block {
				margin:0 0 12px 0;
			}
			
			#content .content-aside .block-inner {
				padding-top:10px;
			}
			
			#content .content-aside img {
				margin-bottom:1em;
			}


		/* content - hero styles (full-width content containers) */
			#content .hero,
			#content .hero-inner {
				background:url(./images/bg_hero_24.png) transparent no-repeat left bottom; /* Fixed for IE 6 */
			}
			
			#content .hero.black,
			#content .hero.black .hero-inner {
				background-image:url(./images/bg_hero_black_24.png); /* Fixed for IE 6 */
			}

			#content .hero {
				padding-bottom:21px;
				width:886px;
				position:relative;				
			}

			#content .hero-inner {
				background-position:left top;
				padding: 20px 0 1px 0; /* shadow */
				min-height:236px; /* Fixed for IE 6 */
			}

			#content .hero .hero-block {
				float:left;
				width:350px;
				padding:0px 20px 20px 21px;
			}
			
			#content .hero .hero-block p {
				line-height:1.5;
			}

			#content .hero .hero-image {
				float:left;
				width:490px;
			}
			
			#content .hero .hero-image.edge-top {
				margin-top:-20px;
				margin-left:15px;
				margin-right:-20px;
				display:inline;
				position:relative;
			}
			
			#content .hero .hero-image.edge-bottom {
				margin-bottom:-17px;
				margin-left:15px;
				margin-right:-20px;
				display:inline;
				position:relative;
			}

			#content .hero .hero-image.right {
				float:right;
			}
			
			#content h2 {

			}
			
			/* content - hero - buy button */
				#content .hero p.buy {
					float:left;
				}
			
				#content .hero p.buy a,
				#content .hero p.buy a strong {
					display:block;
					background:url(./images/bg_btn_buy_8.png) transparent no-repeat left top;
					text-align:center;
					padding-left:7px;
					color:#000;
				}
				
				/* move button down to avoid overlap with leg image */
				#home #content .hero p.buy a {
					margin-left: 188px;
				}
			
				#content .hero p.buy a strong {
					padding:12px 16px 12px 9px;
					background-position:right top;
				}
			
				#content .hero p.buy a span {
					background:url(./images/icon_btn_buy_8.png) transparent no-repeat right top;
					padding-right:15px;
				}
			



		/* content - block styles (one-third width content containers) */
			#content .block,
			#content .block-inner {
				background:url(./images/bg_block_24.png) transparent no-repeat left top; /* Fixed for IE 6 */
			}

			#content .block {
	float:left;
	width:288px;
	margin-right:7px;
	padding-top:10px;
	font-size: 16px;
			}

			#content .block.row-end {
				margin-right:0;
			}

			#content .block-inner {
				background-position:left bottom;
				padding-bottom:4px;
			}

			#content .block .block-image {
				position:relative;
				top:-12px;
			}

			#content .block .block-content {
				padding:0 20px;
				margin-bottom:1.1em;
			}
			
			/* for links/spans as block containers, so the whole area is a link */
			#content .block-inner,
			#content .block .block-image,
			#content .block .block-content {
				display:block; 
			}


		/* content - comments area */
			#content .content-section #comments h3 {
				margin-top:1.5em;
			}
			
			#content .content-section #comments ul {
				margin-bottom:2em;
			}
			
			#content .content-section #comments ul li {
				list-style:none;
				margin-bottom:1.5em;
			}
			
			#content .content-section #comments ul li p {
				margin:0;
			}
			
			#content .content-section #comments p.pagination {
				font-size:1.1em;
			}
			
			#content .content-section #comments p.pagination a.previous {
				margin-right:0.5em;
			}
			
			#content .content-section #comments p.pagination a.next {
				margin-left:0.5em;
			}
			

/* page/area specific styles */
	/* how it works section background */
		body.how-it-works #wrapper {
			background:url(./images/bg_corner_how-it-works.jpg) #fff no-repeat right bottom;
		}
		
		body.how-it-works #wrapper-inner {
			background:url(./images/bg_corner_top_how-it-works.jpg) transparent no-repeat left 120px;
		}

		body.how-it-works #content a,
		body.how-it-works #content h3,
		body.how-it-works #content input.button,
		body.how-it-works #content .content-section #comments p#comment-message,
		body.how-it-works #content .content-section #comments form em.required {
			color:#6fe7fc;
		}

		body.how-it-works #content input.button {
			background-image:url(./images/icon_arrow_how-it-works_8.png);
		}
		

	/* help section background */
		body #wrapper,
		body#home #wrapper,
		body.help #wrapper {
			background:url(./images/bg_corner_help.jpg) #f8f8f8 no-repeat right bottom;
		}
		
		body #wrapper-inner,
		body#home #wrapper-inner,
		body.help #wrapper-inner {
			background:url(./images/bg_corner_top_help.jpg) transparent no-repeat left 120px;
		}		

		body.help #content a,
		body.help #content h3,
		body.help #content input.button,
		body.help #content .content-section #comments p#comment-message,
		body.help #content .content-section #comments form em.required,
		body#how-to-use-it #content .block-inner p strong {
			color:#f088b6;
		}
		
		body.help #content input.button {
			background-image:url(./images/icon_arrow_help_8.png);
		}


	/* home page */
		#home .hero#hero-spend h2 {
			background-position:0 0;
			width:350px;
			height:205px;
		}
		
		#home .hero#hero-skin h2 {
			background-position:-500px 0;
			width:350px;
			height:79px;
		}
		
		#home .hero#hero-skin {
			position:relative;
		}
		
		#home .hero#hero-skin .hero-image {
			position:absolute;
			left:0;
			bottom:31px;
			z-index:1;
		}

		#home .hero#hero-skin .hero-block {
			float:right;
			position:relative;
			z-index:2;
			padding-bottom:70px;
			width: 325px;
		}
		
		

		/* home - content block link colours */
			#home #block-skintype a {
	color:#6fe7fc;
	font-size: 12px;
}
			#home #block-coach a 	{ color:#f088b6; }
			#home #block-buy a 		{ color:#a8f088; }


	/* how it works section */
		/* what is it page */
			#what-is-it .hero#hero-ipulse h2 {
				background-position:-1000px 0;
				width:400px;
				height:150px;
			}
			
			#what-is-it .hero#hero-ipulse .hero-block {
				width:430px;
			}
			
			#what-is-it .hero#hero-ipulse .hero-image {
				width:367px;
				padding-right:20px;
			}
			
			#what-is-it .hero h2 {
				background-position:-1500px 0;
				width:460px;
				height:150px;
			}
			
			#what-is-it .hero .hero-block {
				width:430px;
				padding-bottom:0;
				margin-bottom:0;
			}
			
			#what-is-it .hero .hero-block p {
				line-height:1.3;
			}
			
			#what-is-it .hero .hero-block p.buy {
				float:right;
				margin:-20px -10px 0 0;
			}
			
			#what-is-it .hero .hero-block p.buy strong {
				padding-top:14px;
				padding-bottom:14px;
			}
			
			#what-is-it .hero .hero-image {
				width:390px;
			}


		/* does it work page */
			#does-it-work .hero h2 {
				background-position:-2500px 0;
				width:340px;
				height:43px;
			}
			
			#does-it-work .hero {
				position:relative;
			}
			
			#does-it-work .hero-inner {
				min-height:303px; /* fixed for IE 6 */
			}
			
			#does-it-work .hero .hero-block {
				float:none;
				width:auto;
			}
			
			#does-it-work .hero .hero-image {
				position:absolute;
				right:16px;
				top:0px;
				z-index:1;
				width:360px;
			}
			
			#does-it-work .hero #intro {
				position:relative;
				z-index:2;
				width:40em;
				margin-bottom:6em;
			}		
			
			#does-it-work .hero #social-networking-intro {
				position:absolute;
				left:20px;
				bottom:20px;
				z-index:3;
			}
			
			#does-it-work .hero #social-networking-intro p {
				font-size:1.2em;
				margin-bottom:0.5em;
			}

			
			/* social media content */
				#does-it-work .block.twitter .block-inner,
				#does-it-work .block.youtube .block-inner {
					padding-top:7px;
				}

				#does-it-work .block.youtube .video {
					margin-bottom:1.5em;
				}
		
		
		/* Am I suitable page */
			#am-i-suitable .hero h2 {
				background-position:-2000px 0;
				width:498px;
				height:46px;
			}
						
			#am-i-suitable #content .hero .hero-block {
				width:auto;
			}
			
			#am-i-suitable #content .hero .hero-block #intro {
				width:800px;
			}
			
			#am-i-suitable #results {
				margin-bottom:3em;
				min-height:7.4em; /* Fixed for IE 6 */
				position:relative;
			}
			
			#am-i-suitable h3 {
				position:absolute;
				left:25px;
				bottom:0;
				margin:0;
				width:400px;
			}
			
			/* am i suitable - slider */
				#am-i-suitable #slider {
					position:absolute;
					bottom:0;
					left:420px;
					/*right:25px;*/
					background:url(./images/suitable_slider_bar_bg_bottom_8.png) transparent no-repeat left bottom;
					width:400px;
					min-height:5em; /* Fixed for IE 6 */
					margin:0;
				}
				
				#am-i-suitable #slider.selected-fair 		 { background-position:-400px bottom; }
				#am-i-suitable #slider.selected-medium 		 { background-position:-800px bottom; }
				#am-i-suitable #slider.selected-dark 		 { background-position:-1200px bottom; }
				#am-i-suitable #slider.selected-not-suitable { background-position:-1600px bottom; }
				
				#am-i-suitable #slider li {
					position:absolute;
					bottom:10px;
					left:0;
					float:left;
					width:100px;
					list-style:none;
					padding:0;
				}
				
				#am-i-suitable #slider li span {
					display:block;
					padding:10px 5px 0 5px;
					min-height:3.8em;	/* fixed for IE 6 */				
				}
				
				#am-i-suitable li#slider-medium 		{ left:100px;} 
				#am-i-suitable li#slider-dark 			{ left:200px;} 
				#am-i-suitable li#slider-not-suitable 	{ left:300px;}
				               
				#am-i-suitable li#slider-fair span 			{ background:url(./images/suitable_slider_bar_bg_top-left_8.png) #099 no-repeat left top; }
				#am-i-suitable li#slider-medium span 		{ background:#077; }
				#am-i-suitable li#slider-dark span 			{ background:#033; }
				#am-i-suitable li#slider-not-suitable span	{ background:url(./images/suitable_slider_bar_bg_top-right_8.png) #c33 no-repeat right top; }
				
				#am-i-suitable #slider li.selected {
					background:url(./images/suitable_slider_arrow_8.png) transparent no-repeat top center;
					padding-top:1.3em;
				}
				
				#am-i-suitable #slider li.selected span {
					background-color:#fff;
					padding-bottom:1em;
					color:#099;
				}
				
				#am-i-suitable li#slider-fair.selected span 		{ background-image:url(./images/suitable_slider_bar_bg_top-left_selected_8.png) }
				#am-i-suitable li#slider-not-suitable.selected span	{ background-image:url(./images/suitable_slider_bar_bg_top-right_selected_8.png) }
				
				/* add emphasis for non-visual browsers */
				#am-i-suitable #slider li.selected em {
					font-style:normal;
				}
				
				
			/* Am I suitable - options */	
				#am-i-suitable .hero-inner {
					position:relative;
				}
				
				#am-i-suitable .input-container { 
					margin-bottom:2em;
				}
				
				/* am i suitable - options - questions key (number) */
					#am-i-suitable .input-container .question-key { 
						background:url(./images/suitable_question_number_bg_8.png) transparent no-repeat left top;
						padding-top:10px;
						width:50px;
						display:inline;
						float:left;
						margin:0 10px 0 20px;
					}
				
					#am-i-suitable .input-container .question-key p { 
						background:url(./images/suitable_question_number_bg_8.png) transparent no-repeat left bottom;
						padding:0 10px 10px 10px;
						width:auto;
						float:none;
						margin:0;
						font-size:2em;
					}
					
					#am-i-suitable .input-container.odd .question-key,
					#am-i-suitable .input-container.odd .question-key p { 
						background-image:url(./images/suitable_question_number_bg_odd_8.png);
					}
					
				
				/* am i suitable - options - question */
					#am-i-suitable .input-container .question {
						float:left;
						background:url(./images/suitable_question_block_bg_8.png) transparent no-repeat left top;
						padding-top:10px;
						width:750px;
					}

					#am-i-suitable .input-container .question-inner {
						background:url(./images/suitable_question_block_bg_8.png) transparent no-repeat left bottom;
						padding:0 0 10px 10px;
					}
					
					#am-i-suitable .input-container.odd .question,
					#am-i-suitable .input-container.odd .question-inner {
						background-image:url(./images/suitable_question_block_bg_odd_8.png);
					}
					
					#am-i-suitable .input-container p {
						float:left;
						width:220px;
						margin-right:17px;
					}
			
					#am-i-suitable .input-container .input-block {
						float:left;
						width:85px;
						margin-right:15px;
					}
				
					#am-i-suitable .input-container .input-block label {
						cursor:pointer;
					}
				
					#am-i-suitable .input-container .input-block input {
						margin-left:0;
					}
					
					#am-i-suitable input.button {
						display:inline;
						float:right;
						margin-right:10px;
					}
				
			
			/* am i suitable - js styles */
				#am-i-suitable.js input.button {
					display:none;
				}
				
				#am-i-suitable.js .inactive input.radio {
					display:none;
				}
				
				#am-i-suitable.js .selected .question-key,
				#am-i-suitable.js .selected .question-key p { 
					background-image:url(./images/suitable_question_number_bg_selected_8.png);
				}
				
				#am-i-suitable.js .selected .question,
				#am-i-suitable.js .selected .question-inner {
					background-image:url(./images/suitable_question_block_bg_selected_8.png);
				}
				
				#am-i-suitable.js .selected.odd .question,
				#am-i-suitable.js .selected.odd .question-inner {
					background-image:url(./images/suitable_question_block_bg_selected_odd_8.png);
				}
				
				/* loading content blocks */
					#calculating-result-top,
					#calculating-result-bottom {
						padding-left:23px;
						position:absolute;
						right:50px;
						top:30px;
						background:url(./images/ajax-loader.gif) transparent no-repeat left center;
					}
					
					#calculating-result-bottom {
						bottom:-12px;
						top:auto;
					}
					
					#calculating-result-bottom.view-result {
						background:none;
					}
		
	
	/* help section */	
		/* how to use it page */
		
		
		/* your coach page */
			#your-coach h2 {
				background-position:-3000px 0;
				width:455px;
				height:46px;
			}
			
			#your-coach .block#sign-up img {
				margin:-20px 0 0 30px;
			}
			
			#your-coach fieldset#your-details {
				float:left;
				width:28em;
				margin-right:65px;
			}
			
			#your-coach fieldset#coach-select {
				float:left;
				width:15em;
			}
			
			#your-coach fieldset#coach-select input.radio {
				float:left;
				margin-right:1em;
			}
			
			#your-coach fieldset#coach-select label {
				color:#f088b6;
				padding-top:2px;
			}
			
			#your-coach fieldset#your-details em,
			#your-coach fieldset#coach-select em {
				display:block;
				font-size:1.2em;
				margin-bottom:1em;
			}
			
			#your-coach fieldset#submit-form {
				clear:both;
			}
			
		/* your coach details (video) page */
			#your-coach-details #related-videos h3 {
				margin-top:1.5em;
			}
			
			#your-coach-details p.related-video {
				float:left;
				width:110px;
				padding:0 0 10px 20px;
				font-size:1.2em;
			}
			
			#your-coach-details p.related-video img {
				margin-bottom:5px;
			}
			
			
			
/*  C Force styles - November 09 
	Author: C Force Communications Limited (Jon Oakes)
	Author URI: http://www.cforce.co.uk/
*/


#content .main {
	margin: 0 auto;
	width: 836px;
	padding: 24px 24px 8px;
	background-image:url(images/bg_hero_24.png);
	}
#content .mainbase {
	background-image:url(images/bg_hero_24.png);
	background-position:bottom;
	margin: 0 0 21px 1px;
	width: 884px;
	height:24px;
	}
#side_panel {
	float:right;
	margin:0 0 24px 24px;
	border:solid 1px #004d4d;
	padding:18px;
	width:300px;
	background-image: url(images/sidepanel_bg.jpg);
	background-repeat:no-repeat;
	text-align: center;
}
.newsitem {
	margin:0;
	border:solid 1px #004d4d;
	padding:18px 18px 28px 18px;
	width:790px;
	background-image: url(images/sidepanel_bg.jpg);
	background-repeat:no-repeat;
}
#map_panel {
	float:right;
	margin:0 0 24px 24px;
	width:425px;
}
#content .main ul li {
	margin-left:14px;
}




.img_right {
	float:right;
	padding:0 0 24px 24px;
	}
.img_fpadjust {
	margin-left:-24px;
}
.img_fpunitadjust {
	margin-right:-20px;
	float:right;
}
.img_keypeople {
	float:right;
	padding:0 0 24px 24px;
	border:solid 1px #004d4d;
	padding:4px;
	margin:0 0 24px 24px;
}
.img_presslogo {
	float:left;
	border:solid 1px #004d4d;
	padding:4px;
	margin:0 24px 24px 0;
}
.img_caption {
	float:right;
	color: #6fe7fc;
	font-size:10px;
	text-align:right;
	padding:0 0 24px 24px;
}





.clearfloat {
	float:left;
	width:100%;
	clear:both;
}

.table_troubleshooting {
	padding:12px 12px 12px 8px;
	font-size:12px;
	border-collapse:collapse;
	width: 100%;
}
.table_troubleshooting_th{
	padding:12px 12px 12px 8px;
	background-color:#009999;
	border:1px solid #000;
	border-bottom-width:2px;
	border-collapse:collapse;
	font-weight:bold;
}
.table_troubleshooting_tr{
	padding:12px 12px 12px 8px;
	background-color:#006666;
	border:1px solid #000;
	border-collapse:collapse;
}
.table_troubleshooting_altrow{
	padding:12px 12px 12px 8px;
	background-color:#004d4d;
	border:1px solid #000;
	border-collapse:collapse;
}
.table_enquiry {
	padding:12px 12px 12px 8px;
	font-size:12px;
	border-collapse:collapse;
	width: 100%;
}
.table_enquiry_th{
	border:1px solid #004d4d;
	border-bottom-width:2px;
	border-collapse:collapse;
	font-weight:bold;
}
.table_enquiry_tr{
	border:1px solid #004d4d;
	border-collapse:collapse;
}
.table_enquiry_altrow{
	border:1px solid #004d4d;
	border-collapse:collapse;
}

a:link {
	color: #6fe7fc;
	text-decoration:none;
}
a:visited {
	color: #6fe7fc;
	text-decoration:none;
}
a:active {
	color: #6fe7fc;
	text-decoration:none;
}
a:hover {
	color: #6fe7fc;
	text-decoration:underline;
}




.form {
	font-size:12px;
	/* width:200px; */
}

.menu {
	width:886px;
	height:40px;
	font-size:11px;
	z-index:100;
	background-color: none;
	margin: 0 auto;
	text-align:left;
	padding-top:90px;
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:147px;
	height:30px;
	text-align:center;
	color:#6fe7fc;
	background:none;
	line-height:30px;
	font-size:11px;
	overflow:hidden;
}
.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
}
.menu ul li {
	float:left; 
	position:relative;
}
.menu ul li ul {
	display: none;
}

/* specific to non IE browsers */


.menu ul li:hover a {
	color:#fff; 
	background: none;
}
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:30px; 
	left:0; 
	width:147px;
}
.menu ul li:hover ul li a.hide {
	background:#6fe7fc; 
	color:#FFF;
}
.menu ul li:hover ul li:hover a.hide {
	background:#6fe7fc; 
	color:#fff;
}
.menu ul li:hover ul li ul {
	display: none;
	}
.menu ul li:hover ul li a {
	display:block; 
	background:#333; 
	color:#fff;
}
.menu ul li:hover ul li a:hover {
	background:#004d4d; 
	color:#FFF;
}
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:147px; 
	top:0;
}
.menu ul li:hover ul li:hover ul.left {
	left:-125px;
}


.menu a:link {
	text-decoration:none;
}
.menu a:visited {
	text-decoration:none;
}
.menu a:active {
	text-decoration:none;
}
.menu a:hover {
	text-decoration:none;
}


/* customer feedback page styles */


#twitter_div {
	margin-left:0px;
}
#twitter_div ul{
	margin-left:-12px;
}

.twitter_panel {
	float:right;
	margin:0 0 24px 24px;
	border:solid 1px #004d4d;
	padding:18px;
	width:300px;
	background-image: url(images/sidepanel_bg.jpg);
	background-repeat:no-repeat;
	font-size:12px;
}

.twitter_panel li{
	list-style:none;
	border-top:1px solid #004d4d;
	padding: 4px 0;
}


.blog_wrapper {
	clear:both;
	border:solid 1px #004d4d;
	padding:18px;
	width:800px;
	background-image: url(images/sidepanel_bg.jpg);
	background-repeat:no-repeat;
	font-size:12px;
}
.blog_inner {
	float: left;
	padding:0 12px 0 0;
	width: 380px;
}
.blog_inner h3{
	padding:0 0 8px 0;
}
.blog_item {
	border-top:1px solid #004d4d;
	padding: 4px 0;
}