/*
Theme Name: I-am-Superchick
Theme URI: http://www.iamsuperchick.com
Description: IamSuperchick wordpress theme
Version: 1.13
Author: Sharry Stowell
Author URI: http://www.propeller.uk.com

*/

@import url("reset.css");
@import url("shop.css");
@import url("calendar.css");
@import url("campaigns.css");
@import url("signup.css");

body, html {
	margin:0;	
	padding:0;
	text-align:center;
	background: #F6F6F6 url(images/header.gif) left top repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#949494;
}

a {
	color:#e2007b;
	text-decoration:none;
}

#page-width {
	width:960px;
	margin:0 auto;
}

	#page-width #header {
		width:960px;
		height:85px;
		float:left;
		display:inline;
	}
	
			#page-width #header #logo {
				width:464px;
				height:75px;
				float:left;
				display:inline;
				padding-top:10px;
			}
			
			#page-width #header #login-form {
				float:right;
				display:inline;
				width:370px;
				height:85px;
				text-align:right;
			}
			
				#page-width #header #login-form #social-top {
					margin-bottom:3px;
				}
				
				#page-width #header #login-form .login-row {
					height:20px;
				}
			
				#page-width #header #login-form .login-label {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#3d3d3d;
					margin-right:6px;
				}
				
				#page-width #header #login-form .login-input {
					width:155px;
					background:transparent;
					border:1px solid #d5d5d5;
					height:13px;
				}
				
				#page-width #header #login-form p, #page-width #header #login-form p a {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#c2c2c2;
					text-decoration:none;
					line-height: 19px;
					float: right; 
					display: inline;
					margin-left:5px;
				}
				
					#page-width #header #login-form p a:hover {
						text-decoration:underline;
					}
	
	#page-width #navigation {
		width:960px;
		height:50px;
		float:left;
		display:inline;
		list-style:none none;
	}
	
		#page-width #navigation li {
			float:left;
			display:inline;
			list-style:none none;
			padding-top:16px;
			padding-right:41px;
		}
		
			#page-width #navigation li.last {
				padding-right:0 !important;
			}
			
		
			#page-width #navigation li.current_page_item a {
				color:#3d3d3d;
			}
		
			#page-width #navigation li a {
				text-transform:uppercase;
				text-decoration:none;
				color:#8d7d74;
				font-size:14px;				
			}
			
				#page-width #navigation li a:hover {
					color:#3d3d3d;
				}
			
			/* HACK FOR FAR RIGHT LINK ON NAVIGATION */
			#page-width #navigation  .page-item-61 {
				padding-right: 0px !important;
			}
	
	#page-width #content-holder {
		width:960px;
		float:left;
		display:inline;
		overflow:visible;
		position:relative;
		z-index:100;
	}
	
		#page-width #content-holder #content-left {
			width:760px;
			float:left;
			display:inline;
			position:relative;
		}
		
			#page-width #content-holder #content-left #news-feed-holder {
				width:760px;
				height:319px;
				float:left;
				display:inline;
				text-align:right;
				position:relative;
				margin-bottom:8px;
				overflow:hidden;			
			}
			
				#page-width #content-holder #content-left #news-feed-holder ul {					
					position:absolute;
					top:0;
					left:0;
					width:206px;
					list-style:none none;
					clear:both;
					z-index:50;				
				}
				
					#page-width #content-holder #content-left #news-feed-holder ul li {
						float:left;
						display:inline;
						width:206px;
						height:80px;
						cursor:pointer;
					}
					
						#page-width #content-holder #content-left #news-feed-holder a:hover {
							background-image:url(images/news-feed-active.gif);
							background-position:left top;
							background-repeat:no-repeat;
						}
					
						#page-width #content-holder #content-left #news-feed-holder ul li.bottom {
							border-bottom:none;
						}
					
						
					
						#page-width #content-holder #content-left #news-feed-holder ul li a {
							float:left;
							display:inline;
							width:206px;
							height:80px;
							background-image:url(images/news-feed.gif);
							background-position:left top;
							background-repeat:no-repeat;
							text-decoration:none;
							color:white;
							cursor:pointer;
						}
						
							#page-width #content-holder #content-left #news-feed-holder ul li a.active {
								background-image:url(images/news-feed-active.gif);
								background-position:left top;
								background-repeat:no-repeat;
							}
							
						#page-width #content-holder #content-left #news-feed-holder ul li span {
							float:left;
							display:inline;
							width:90px;
							color:#fff;
							font-size:14px;
							text-align:left;
							margin-left:6px;
							padding-top:42px;
						}
						
						#page-width #content-holder #content-left #news-feed-holder ul li img {
							float:left;
							display:inline;
							border:2px solid white;
							width:86px;
							height:63px;
							margin-top:6px;
						}
			
				#news-feed-title {
					clear:both;
					position:absolute;
					top: 216px;
					left:194px;					
					color:#3b3938;
					font-size:33px;
					width: 569px;
					height:104px;
					text-align:left;
					z-index:25;
					letter-spacing:1.1px;
					background-image:url(images/news-feed-title-bg-lighter.png);
					background-position:left bottom;
					background-repeat:no-repeat;
					padding-left:15px;
				}
					
					#news-feed-title a {
						text-decoration:none;
						background:none !important;
						color:#3B3938;
						font-weight:bold;
					}					
				
				#news-feed-title span {	
					color:#e2007b;
					font-size:57px;
					display:block;
				}
				
					#news-feed-title a span {
						text-decoration:none;
						background:none;
						font-weight:normal;						
					}
			
			/* MAIN CONTENT START */
			#content-left #main-content {
				text-align:left;
			
			
			}
			
		
				
					
		/* MAIN CONTENT END */
	
		#page-width #content-holder #content-right {
			width:190px;
			float:left;
			display:inline;
			list-style:none none;
			padding-left:10px;
		}
		
			#page-width #content-holder #content-right #sidebar {
				width:188px;
				float:left;
				display:inline;
				list-style:none none;
			}
			
				#page-width #content-holder #content-right #sidebar li {
					width:188px;
					min-height:70px;
				  	height:auto !important;
				   	height:70px;
					float:left;
					display:inline;
					list-style:none none;
					margin-bottom:10px;
					background-color:#E4E4E4;
					position:relative;
				}
			
					#page-width #content-holder #content-right #sidebar li a {
						width:188px;
						height:70px;
						float:left;
						display:inline;
						color:#3d3d3d;
						text-decoration:none;
						text-transform:uppercase;
						text-align:left;
					}
					
						#page-width #content-holder #content-right #sidebar li a span:hover {
							color:#E2007B;
						}
					
						#page-width #content-holder #content-right #sidebar li span {
							/*width:160px;*/
							width:144px;
							font-size:14px;
							position:absolute;
							bottom:4px;
							left:10px;	
							line-height:14px;	
							cursor:pointer;					
						}
				
		
			#sidebar .page_item {
				float:left;
				display:inline;
				width:188px;
				height:70px;
				border:1px solid #cbcbcb;
				/*background-image:url(images/campaign-btn.jpg);*/
				background-image:url(images/campaign-butterfly-btn.jpg);
				background-position:left top;
				background-repeat:no-repeat;		
			}
			
			#sidebar .page-item-1405 {
				background-image:url(images/campaign-butterfly-btn-bupa.jpg) !important;
			}
			
			
			
				#sidebar li.current_page_item a span{
					color:#E2007B;
				}

#sidebar-updates img {
	padding-top:10px;
}

#sidebar-updates p {
	color: #3D3D3D;
	font-size:10px;
	text-align:left;
	padding:0px;
	padding:5px 0px;
	line-height:14px;
}

#sidebar-updates p.sidebar-form-row {
	background-color:#d5d5d5;
	padding-bottom:0;
	padding-left:3px;
	margin-bottom:10px;
	color:#3d3d3d;
	height:19px;
}



#sidebar-updates p.sidebar-form-row label {
	float:left;
	display:inline;
	width:36px;
	margin-top:1px;
	font-size:11px;
}

#sidebar-updates p.sidebar-form-row input {
	float:left;
	display:inline;
	background-color:transparent;
	border:0;
	margin:2px 0 2px 10px;
	width:137px;
	color: #3d3d3d;
	font-size:10px;
}

#sidebar-updates p.sidebar-form-row .dropdown {
	float:left;
	display:inline;
	background-color:transparent;
	border:0;
	color: #3d3d3d;
	font-size:10px;
}


			
		
	#page-width #footer {
		width:960px;
		height:255px;
		float:left;
		display:inline;
		/*background:#717171 url(images/footer-bg.png) right bottom no-repeat;*/
		background:#717171 url(images/footer-butterfly-bg.png) right bottom no-repeat;
		margin-top:5px;	
		position:relative;
		z-index:1;
	}
	
		#page-width #footer #footer-content {
			width:960px;
			height:255px;
			float:left;
			display:inline;
			position:relative;
			color:#b5b5b5;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
		}
		
			#page-width #footer #footer-content #footer-sitemap {
				float:left;
				display:inline;
				width: 212px;
				background-image:url(images/footer-sitemap.jpg);
				background-position:left top;
				background-repeat:no-repeat;
				margin:10px 0 0 20px;
			}
			
				#page-width #footer #footer-content #footer-sitemap ul {
					float:left;
					display:inline;
					width: 105px;
					list-style:none none;
					padding:0 !important;
					margin:70px 0 0 0 !important;
				}
							
					#page-width #footer #footer-content #footer-sitemap ul li {
						float:left;
						display:inline;
						width:105px;
						list-style:none none;
						text-align:left;
						height:14px;
					}
					
						#page-width #footer #footer-content #footer-sitemap ul li a {
							color:#b5b5b5;
							text-decoration:none;
						}
			
			#page-width #footer #footer-content #footer-updates {			
				float:left;
				display:inline;
				width: 212px;
				background-image:url(images/footer-updates.gif);
				background-position:left top;
				background-repeat:no-repeat;
				margin:10px 0 0 45px;				
				text-align:left;
				padding-top:70px;
				position:relative;
				z-index:1;
				
			}
			
				#page-width #footer #footer-content #footer-updates .login-row {
					height:10px;
					background-color:green;
				}
			
				#page-width #footer #footer-content #footer-updates p {
					float:left;
					display:inline;
					color:#b5b5b5;
					line-height:10px;
					padding-bottom:10px;
				}
				
				#page-width #footer #footer-content #footer-updates .footer-input {
					float:left;
					display:inline;
					color:#b5b5b5;
					background:transparent;
					border:1px solid #515151;
					height:14px;
					width:154px;					
				}
				
				#page-width #footer #footer-content #footer-updates .footer-label {
					float:left;
					display:inline;
					color:#b5b5b5;
					width: 43px;
				}
				
				#page-width #footer #footer-content #footer-updates .footer-submit {
					margin-top:8px;
					margin-right:12px;
				}
				
				#page-width #footer #footer-content #footer-updates .footer-checkbox {}
				
				
				
			
			#page-width #footer #footer-content #footer-friends {
				float:left;
				display:inline;
				width: 212px;
				background-image:url(images/footer-friends.jpg);
				background-position:left top;
				background-repeat:no-repeat;
				margin:10px 0 0 45px;
				text-align:left;
				padding-top:70px;
			}
			
				#page-width #footer #footer-content #footer-friends #footer-blog {
					float:left;
					display:inline;
					line-height:27px;
					background:url(images/footer-blog.jpg) left top no-repeat;
					width: 172px;
					padding-left:40px;
					padding-bottom:8px;
				}
				
				#page-width #footer #footer-content #footer-friends #footer-facebook{
					float:left;
					display:inline;
					line-height:27px;
					background:url(images/footer-facebook.jpg) left top no-repeat;
					width: 172px;
					padding-left:40px;
					padding-bottom:8px;
				}
				
				#page-width #footer #footer-content #footer-friends #footer-twitter{
					float:left;
					display:inline;
					line-height:27px;
					background:url(images/footer-twitter.jpg) left top no-repeat;
					width: 172px;
					padding-left:40px;
				}
					
					#page-width #footer #footer-content #footer-friends a {
						display:block;
						width: 172px;
						height:27px;
						cursor:pointer;
						color:#b5b5b5;
						text-decoration:none;
					}
					
				
			
			#page-width #footer #footer-content #site-by {
				position:absolute;
				right:40px;
				top:195px;
				width:109px;
				height:23px;
			}
			
			
/********************** Static Pages *****************************************/

#static-container {
	width:100%;
}

	#static-container h1 {
		color:#e2007b;
		font-size:50px;
		font-weight:normal;
		padding:0 0 20px 0;
	}
	
	#static-container h2 {
		font-size:24px;
		font-weight:normal;
		color:#3d3d3d;
		padding:10px 0;
	}
	
	.signup-heading {
		color:#e2007b;
		font-size:33px;
		font-weight:normal;
		padding-bottom:5px;
	}
	
	.signup-sub-heading {
		font-weight:normal;
		font-size:16px;
		color:#8d7d74;
	}
	
	
	.signup-col {
		width:376px;
		border:#cbcbcb solid 1px;
		padding-bottom:20px;
		float:left;
		margin-left:1px;
	}
	
		.signup-header {
			background-color:#e4e4e4;
			padding:17px 10px;
			text-align:left;
			height:40px;
		}
		
			.signup-header h3 {
				font-size:20px;
				color:#e2007b;
				font-weight:normal;
				background-image:url(images/square-icon.png);
				background-repeat:no-repeat;
				background-position:left top;
				padding:0px;
				padding:0 0 3px 30px;
				line-height:22px;
			}
			
			.signup-header h4 {
				font-size:14px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-weight:normal;
				padding-left:30px;
				line-height:16px;
			}
		
		#col-left-text {
			text-align:left;
			padding:20px 10px;
		}
		
			#col-left-text h5 {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:normal;
				color:#e2007b;
				line-height:22px;
				padding-bottom:10px;
				height:90px;
			}

		#col-right-text {
			text-align:left;
			padding:20px 10px;
		}
		
			#col-right-text h5 {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:normal;
				color:#e2007b;
				line-height:22px;
				padding-bottom:10px;
				height:90px;
			}
			
		.continue-btn {
			float:right;
			padding-top:20px;
		}
			
		
	.col-text {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-style:italic;
		font-size:12px;
		color:#919191;
	}
	
	#membership-left-col {
		width:580px;
		float:left;
		text-align:left;
		padding:30px 0 20px 20px;
	}
	
	#membership-right-col {
		width:160px;
		float:left;
		text-align:right;
		padding-top:40px;
	}
	
		#membership-left-col h2 {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#8d7d74;
			font-size:16px;
			font-weight:normal;
			}
		
		#membership-left-col ul {
			
		}
			
			#membership-left-col li {
				background-image:url(images/static/butterfly-icon-gray.png);
				background-repeat:no-repeat;
				background-position:0px 3px;
				padding-left:25px;
				padding-bottom:10px;
				line-height:22px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}

	
	#container-760 {
		text-align:left;
		width:760px;
		float:left;
		padding:20px 0;
	}
	
		.terms-text {
			font-size:10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#8d7d74;
		}
		
		#col-3-container {
			float:left;
			width:760px;
			padding-bottom:30px;
		}
			
		#col-1 {
			float:left;
			margin-right:2px;
		}
		
		#col-2 {
			float:left;
			margin-right:2px;
			position:relative;
		}
			
		#col-3 {
			float:left;
			margin-right:1px;
		}
		
		#pink-ticket {
			position:absolute;
			top:100px;
			left:35px;
			z-index:200;
		}
		#pink-ticket a{
			width:173px;
			height:108px;
			display:block;
		}
	
	/* About us page */
	#left-static-container {
		width:258px;
		background-color:#f6f6f6;
		border-right:1px solid #c9c9c9;
		float:left;
		position:relative;
	}

	/* used on group training too */
	#right-static-container {
		width:470px;
		float:left;
		text-align:left;
		background-color:#f6f6f6;
		padding:0 0 0 15px;
		/*border-left:solid 1px #C9C9C9;*/
	}
	
		.bio-image {
			padding-top:50px;
			padding-bottom:60px;
		}
		
		#bio-holder1 {
			width:440px;
			background-color:#FFFFFF;
			padding:15px 15px 40px 15px;	
		}
		
		#bio-holder2 {
			width:440px;
			background-color:#FFFFFF;
			padding:15px 15px 40px 15px;	
		}
		
	#more-super-chicks-holder {
		width:760px;
		text-align:left;
		padding:20px 0;
	}

	#get-fit-btn {
		width:760px;
		float:left;
		display:inline;
		padding-top:20px;
	}
	
	.pinktext {
		color:#e2007b;
		font-weight:bold;
	}
		 a.pinktext {
		 	text-decoration:none;
		}
	
	
	
	
	
/****************************** Training *********************************************/
#filmstrip-container {
	padding-bottom:20px;
}

	#check-out-the-action {
		position:absolute;
		z-index:200;
		top:122px;
		left:50px;
	}
	
	#my-home-and-training-diary {
		position:absolute;
		z-index:200;
		top:122px;
		left:50px;
	}
	
	#filmstrip-outer {
		float:left;
		display:inline;
		width:730px;
		height:123px;
		background-image:url(images/static/filmstrip/bg.jpg);
		padding:10px 16px 13px 14px;
	}

	#slider {
		position: relative; 
		overflow: hidden;
		height:122px;
	}
	
		#slider a {
			position:absolute;	
			margin:0; 
			height:122px;
			display:none; 
			border:0;
		}
	
			#slider a img {
				border:0;
			}

	#imageloader {
		position:relative; 
		display:block; 
		width: 100%; 
		margin: 0px auto; 
		text-align: center;
	}
	
		#imageloader img {
			position:relative; 
			top:70px; 
			z-index:100; 
			width:128px; 
			height:15px; 
			display:inline;
		}
		
		
	#left-static-container-online {
		width:258px;
		background-color:#f6f6f6;
		float:left;
		position:relative;
		min-height: 425px;
		height: auto !important;
		height: 425px;
	}
				
		#online-training-left-image {
			padding-top:60px;
			position:absolute;
		}
		
				
				#training-holder {
					width:455px;
					background-color:#FFFFFF;
					padding:15px 15px 40px 15px;	
				}
						
					#training-holder h1 {
						font-size:30px;
						color:#e2007b;
						padding-left:0px;
					}
					
					.jenkins {
						font-size:26px;
						color:#776b64;
					}
					
					#video-holder {
						padding-bottom:10px;
					}
					
		#data-cols {
			float:left;
			width:760px;
			padding-top:10px;
		}

		.col-1-data {
			border-top:1px solid #d5d5d5;
			background-color:#f6f6f6;
			padding:20px;
			font-size:14px;
			color:#e2007b;
			}
		
		.col-2-data {
			border-top:1px solid #d5d5d5;
			background-color:#e4e4e4;
			padding:20px;
			font-size:11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#a5a5a5;
			}
			
		.col-3-data {
			border-top:1px solid #d5d5d5;
			background-color:#cacaca;
			padding:20px;
			font-size:11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#ffffff;
		}
		
		.col-butterfly {
			text-align:right;
		}
		
		.col-border-top {
			height:2px;
			background-color:#d5d5d5;
			font-size:0px;
		}
		
		.col-border-middle {
			height:1px;
			background-color:#d5d5d5;
			font-size:0px;
		}
		
		.col-heading {
			padding-left:20px;
			font-size:22px;
			color:#e2007b;
			}


/****************************** Campaign *************************************/

#static-campaign-container {
	width:100%;
	}
	
	#static-campaign-container h1 {
		color:#e2007b;
		font-size:50px;
		font-weight:normal;
		padding:0 0 20px 0;
		}
	
	#static-campaign-container h2 {
		font-size:24px;
		font-weight:normal;
		color:#3d3d3d;
		padding:10px 0;
		}
	
	#static-campaign-container h3 {
		font-size:24px;
		line-height:22px;
		font-weight:normal;
		color:#e2007b;
		padding:10px 0;
		}
	#static-campaign-container h4 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#8d7d74;
		font-weight:normal;
		}
	
.campaign-col {
	width:376px;
	border:#cbcbcb solid 1px;
	padding-bottom:20px;
	float:left;
	margin-left:1px;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	margin-bottom:20px;
	background-color:#FFFFFF;
	}
	
.clear {
	clear:both;
}
	
.campaign-header {
	background-color:#e4e4e4;
	padding:10px;
	text-align:left;
	height:auto;
	}

.campaign-col-text {
	text-align:left;
	padding:20px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#919191;
	line-height:16px;
	height:auto;
	}
		
		.campaign-col-text a {
			color:#e2007b;
			text-decoration:none;
			}
		
		.campaign-col-text p {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:normal;
			color:#919191;
			line-height:16px;
			padding-bottom:10px;
			}
			
			.campaign-col-text p strong {
				font-weight:bold;
			}
		
		.campaign-col-text h5 {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:normal;
			color:#919191;
			line-height:22px;
			padding-bottom:10px;
			}
	


	
/*************************** Cancellation ************************************/

#cancellation-container-760 {
	text-align:left;
	width:720px;
	float:left;
	padding:20px;
	background-color:#FFFFFF;
	min-height: 440px;
	height: auto !important;
	height: 440px;
}
	
	#cancellation-container-760 h1 {
		font-size:33px;
		color:#e2007b;
	}
	
	#cancellation-container-760 h2 {
		font-size:16px;
		color:#8d7d74;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#cancellation-container-760 h3 {
		font-size:16px;
		color:#e2007b;
	}
		
		#cancellation-container-760 h3 a {
			font-size:16px;
			color:#e2007b;
			text-decoration:none;
		}
	
	#cancellation-container-760 h4 {
		font-size:14px;
		color:#8d7d74;
		line-height:16px;
		padding-bottom:10px;
		}
	
	#cancellation-container-760 ul {
		width:720px;
	}
		
		#cancellation-container-760 li {
			background-image:url(images/static/butterfly-icon.png);
			background-repeat:no-repeat;
			background-position:left top;
			padding-left:35px;
			padding-bottom:10px;
			line-height:22px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		}
			
			#cancellation-container-760 li.bullet-pink {
				background-image:url(images/static/crown-bullet-pink.png);
				background-repeat:no-repeat;
				background-position:left top;
				padding-left:35px;
				padding-bottom:10px;
				line-height:22px;
				color:#e2007b;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			
			
#comments {
	background: #ffffff;
	border: 1px solid #d5d5d5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #919191;
	width: 716px;
	height:110px;
}

.submit-and-cancel-btn {
	float:right;
	padding-top:20px;
}
	
	
/************************************ Press **********************************/

.pressouterdivs {
	display:inherit;
	float:left;
	height:250px;
	margin-top:2px;
	padding-right:28px;
	width:152px;
}

.presstop {
	border:1px solid #E2007B;
	display:inline;
	float:left;
	height:200px;
	margin-bottom:3px;
	width:150px;
}

.pressbottom {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	float:left;
	height:45px;
	text-align:center;
	width:150px;
}

	
/******************************* Testimonials ********************************/

.proof-text-container {
	float:left;
	width:100%;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	}
	
.proof-textcolumnleft {
	background:url(images/static/dotttedline.jpg) repeat-y scroll right center;
	display:inline;
	float:left;
	margin-bottom:20px;
	margin-top:15px;
	padding-right:20px;
	text-align:left;
	width:310px;
}

.proof-textcolumnright {
	display:inline;
	float:left;
	margin-bottom:20px;
	margin-top:15px;
	padding-left:20px;
	text-align:left;
	width:310px;
}



/******** category ********************/

	#static-container #left-category-container #archive_title {
		float:left;
		display:inline;
		color:#3d3d3d;
		font-size:18px;
		padding-bottom:5px;
		border-bottom: 3px solid #cdcdcd;
		width:172px;
		margin-bottom:3px;
	}

	#static-container #left-category-container #archives {
		float:left;
		display:inline;
		width:172px;
	}
	
		#static-container #left-category-container #archives li {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#919191;
			text-transform:uppercase;
			padding-bottom:10px;
		}
		
			#static-container #left-category-container #archives li a {
				color:#919191;
				text-decoration:none;
				background-image:url(images/archives-closed.gif);
				background-position:right center;
				background-repeat:no-repeat;
				padding-right:18px;
				padding-bottom:3px;
			}
			
			#static-container #left-category-container #archives li a.open {
				color:#e2007b;
				background-image:url(images/archives-open.gif);
				background-position:right top;
				background-repeat:no-repeat;
				padding-right:20px;
				
			}
			
			#static-container #left-category-container #archives li ul li {
				margin:0px;;
				padding:5px 0 0;
				line-height:15px;
				margin-left:20px;
				text-transform:none !important;
			}
			
				#static-container #left-category-container #archives li ul li .date. {
					display:block;
				}
				
				#static-container #left-category-container #archives li ul li .date.active {
					color:#e2007b;
				}
				
				#static-container #left-category-container #archives li ul li .archive-link a {
					display:block;
					color:#3d3d3d;
				}
			
				#static-container #left-category-container #archives li ul li a {
					text-transform:none;
					background:none !important;
				}
				
					#static-container #left-category-container #archives li ul li a.active  {
						background:none !important;
						color:#e2007b;
					}
			
			
			
h1 {
	color:#e2007b;
	font-size:32px;
	padding-bottom:10px;
	padding-left:10px;
	font-weight:normal;
	}

h2 {
	color:#e2007b;
	font-size:26px;
	padding-bottom:20px;
	font-weight:normal;
	}

h3 {
	color:#776b64;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	padding-bottom:20px;
	font-weight:normal;
	}
	
p {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#919191;
	font-weight:normal;
	padding-bottom:10px;
}			
		
.quotebox {
	background-color:#EAEAEA;
	display:inline;
	float:left;
	padding:15px;
	width:680px;
	margin-bottom:20px;
	clear:both;
}

.quotepinklarge {
	color:#E2007B;
	font-size:22px;
	letter-spacing:1px;
	line-height:normal;
}

.quoteleft {
	margin-left:-11px;
}
	
.quotebelow {
	font-size:23px;
	margin-top:10px;
}
	
	
/* CATEGORY PAGE  */ 				

#left-category-container {
	width:186px;
	background-color:#f6f6f6;
	float:left;
}

	

#right-category-container {
	border-left:1px solid #c9c9c9;
	width:542px;
	float:left;
	text-align:left;
	background-color:#f6f6f6;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:25px;
}

	#right-category-container h1 {
		color:#e2007b;
		font-size:32px;
		padding:0px;
		padding-bottom:10px;
		font-weight:normal
	}
	
	#right-category-container #post-image {
		width:556px;
		height:314px;
		position:relative;
	}

	#right-category-container #post-image .video {
		position:absolute;
		top:0px;
		left:0px;
		/*background-image:url(images/video.png);*/
		background-image:url(images/video_darker.png);		
		background-position:center center;
		background-repeat:no-repeat;
		width:556px;
		height:314px;
		z-index:201;
		cursor:pointer;
	}
	
	
	#right-category-container .blockquote {
		line-height:15px;
		color:#776b64;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:17px;
	}
	
	#right-category-container .blockquote img.quote-open {
		padding-right:5px;
	}
	
	#right-category-container .blockquote img.quote-close {
		padding-left:5px;
	}
	

			#right-category-container .category #category-content {
				float:left;
				display:inline;
				text-align:left;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#919191;
				font-weight:normal;
				margin-left:15px;
				width:360px;
				margin-top:15px;
				line-height:15px;
				
			}
			
				#right-category-container .category #category-content h2 {
					font-weight:normal;
				}
				
				#right-category-container .category #category-content h3 {
					margin-top:15px;
					margin-bottom:4px;
					color:#3d3d3d;
					font-size:24px;
					font-weight:normal;
					padding:0;
				}
				
				#right-category-container .category #category-content h4 {
					font-weight:normal;
					font-size:18px;
					color:#3d3d3d;
					margin-top:15px;
					margin-bottom:4px;
					display:inline;
					font-style:italic;
				}
				
			#right-category-container .category #category-date {
				float:left;
				display:inline;
				text-align:left;
				width:158px;
				height:60px;
				background-image:url(images/category-date.gif);
				background-position:left 14px;
				background-repeat:no-repeat;
				margin-left:7px;
				margin-top:15px;
			}
			
				#right-category-container .category #category-date span {
					color:#3d3d3d;
					font-size:14px;
					display:block;
					width:160px;
				}
		








#campaign-banner {
	background-position:center;
	background-repeat:no-repeat;
	width:760px;
	height:238px;
	text-align:left;
	}

#campaign-ttl-container {
	width:760px;
	padding-top:168px;
	background-image:url(images/campaign-feed-title-bg.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#main-campaign-container {
	text-align:left;
	width:720px;
	padding:20px;
	background-color:#FFFFFF;
}

#campaign-left-col {
	width:377px;
	border:#cbcbcb solid 1px;
	height:300px;
	float:left;
	margin-right:1px;
	}

#col-left-text {
	text-align:left;
	padding:20px 10px;
	}
	
	#col-left-text h5 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#e2007b;
		line-height:22px;
		padding-bottom:10px;
		height:90px;
		}

#col-right-text {
	text-align:left;
	padding:20px 10px;
	}
		
		#col-right-text h5 {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:normal;
			color:#e2007b;
			line-height:22px;
			padding-bottom:10px;
			height:90px;
			}

#campaign-left-header {
	background-color:#e4e4e4;
	padding:17px 10px;
	}
	
.campaign-header-text {	
	font-size:20px;
	color:#e2007b;
	font-weight:normal;
	}




/*************************** Homepage ************************************/

#homepage-container-760 {
	text-align:left;
	width:720px;
	float:left;
	padding:20px;
	background-color:#FFFFFF;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
	
	#homepage-container-760 h1 {
		font-size:21px;
		color:#e2007b;
		font-weight:normal;
		padding:0px;
		padding-top:15px;
	}
	
	#homepage-container-760 h2 {
		font-size:26px;
		color:#e2007b;
		font-weight:normal;
		padding:0px;
	}
	
	#homepage-container-760 h3 {
		font-size:16px;
		color:#e2007b;
		font-weight:normal;
	}
	
	
	#tagline {
		width:720px;
		height:40px;
		color:#e2007b;
		font-size:16px;
		margin:25px 0 10px 0;
	}		
		#tagline .butterfly {
			padding:0 10px;
			vertical-align:middle;
		}
		
		#homepage-container-760 h3 {
			font-size:25px;
			color:#e2007b;
			text-decoration:none;
			font-weight:normal; 
			padding:0px;
		}
		
		#homepage-container-760 #firstblock {
			margin-bottom:20px;
		}
		
			#homepage-container-760 #firstblock h3 {
				font-size:23px;
				color:#8d7d74;
				text-decoration:none;
				font-weight:normal; 
				padding:0px;
			}
		
		#homepage-container-760 p {
			font-size:11px;
			padding-bottom:10px;
			padding-top:4px;
			line-height:21px;
		
		}
		
			#homepage-container-760 a {
				color:#e2007b;
				text-decoration:none;
			}
			
				#homepage-container-760 a:hover {
					text-decoration:underline;
				}
				
		#homepage-container-760 .blocks {
			margin-bottom:20px;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:11px;
		}
				
					
		

	
	#homepage-container-760 h4 {
		font-size:14px;
		color:#8d7d74;
		line-height:16px;
		padding-bottom:10px;
		font-weight:normal;
	}
	
	#homepage-container-760 ul {
		list-style:none none;
		margin-top:18px;
	}
		
		#homepage-container-760 li {
			background-image:url(images/butterfly-icon.png);
			background-repeat:no-repeat;
			background-position:left 5px;
			padding-left:20px;
			line-height:20px;
			padding-bottom:6px;
			vertical-align:middle;
		}


/***************************** City Workout **********************************/

.city-workout-col1 {
	width:100px;
	padding:5px 20px 5px 35px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.city-workout-col2 {
	width:525px;
	padding:5px 20px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	
/**************************************** CSS forms *****************************************/

.button 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #e30078;
	padding:5px 10px;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
}

.link {
	font-weight: bold;
	color: #3b3b3b;
	text-decoration: none;
}

.errorText {
	color:red;
}
.errors {
	font-weight:bold;
	color:red;
}

.pink-label {
	width: 230px;
	float: left;
	display: inline;
}

.weeklyupdates-label {
	width: 360px;
	float: left;
	display: inline;
}

.recruitment-label {
	width: 230px;
	float: left;
	display: inline;
}

#forename {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#surname {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#address-address1 {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#address-address2 {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#address-town {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#address-postcode {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#email {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#phone {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#comments {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width: 250px;
}

#experience {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width: 250px;
}

.formdropdown {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
}

#emergency-contact-name {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#emergency-contact-tel {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#chosen-location-for-trial {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-name {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-address1 {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-address2 {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-address-town {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-address-town {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-postcode {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-phone {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-email {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-emergency-contact-name {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-emergency-contact-tel {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

#friend-chosen-location-for-trial {
	background: #ffffff;
	border: 1px solid #888888;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #625c50;
	width:250px;
}

.form {
	padding:5px 0;
		}





/*****************************************************************************/


			
#comments {
	background: #ffffff;
	border: 1px solid #d5d5d5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #919191;
	width: 716px;
	height:110px;
}

.submit-and-cancel-btn {
	float:right;
	padding-top:20px;
}


/*****************************************************************************/

.pink {
	color:#e2007b;
}	

.hidden {
	display:none;
}

.clear {
	clear:both;
}

.absolute {
	left:0;
	position:absolute;
	top:0;
}

.right {
	float:right !important;
}	

		#apps-holder1 {
			width:440px;
			background-color:#FFFFFF;
			padding:10px 15px 10px 15px;	
			margin-bottom:5px;
		}
			#apps-holder1 h3 {
				padding-bottom:0 !important;
			}
		
		#apps-holder2 {
			width:440px;
			background-color:#FFFFFF;
			padding:10px 15px 10px 15px;	
			margin-bottom:5px;		}
			#apps-holder2 p a {
				color:#919191 !important;
			}
		#apps-holder3 {
			width:440px;
			background-color:#FFFFFF;
			padding:10px 15px 10px 15px;	
		}
		
			#apps-holder1 h1, #apps-holder1 h2, #apps-holder2 h1, #apps-holder2 h2, #apps-holder3 h1, #apps-holder3 h2 {
				color:#E2007B !important;
			}
			#apps-holder1 h2, #apps-holder2 h2,#apps-holder3 h2 {
				margin-bottom:0;
				padding-bottom:0;
			}