/*
* This stylesheet applies to the Club Website community site
* Designed and developed by Saddam Azad. http://azadcreative.com
* 
* This is a legal intellectual property of Club Website.
* May be modified by developers under future provisions
* May not be redistributed or resold
* 
* The stylesheet is divided into sections:
* 
*  1. Positioning
*  2. Typography
*  3. Layout Styles
*  4. Forms
* 
*/

/**  =POSITIONING  **/

body {
	background: #e9e9e8 url(../images/background.png) top left repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	}
#global {
	margin: 0 auto; 
	overflow: hidden;
	display: block;
	width: 1073px;
	position: relative;
	}
	
	#header {
		background: url(../images/header.png) top center no-repeat;
		overflow: hidden;
		height: 189px;
		margin: 0 auto;
		position: relative;
		}
		#branding {
			position: absolute;
			top: 32px;
			left: 75px;
			}
		
		ul#navigation {
			position: absolute;
			bottom: 6px;
			left: 85px;
			}
			ul#navigation li {
				float: left;
				margin: 0 20px 0 0;
				}
				ul#navigation li a {
					text-decoration: none;
					}
					
			ul#navigation li.facebook {
				margin: -8px 0 0 190px;
				}
			ul#navigation li.twitter {
				margin: -8px 0 0 10px;
				}
			
		ul#social {
			position: absolute;
			bottom: 5px;
			right: 60px;
			}
			ul#social li {
				float: left;
				margin: 0 10px 0 0;
				}
				ul#social li a {
					text-decoration: none;
					}
		
		/*			
		#social {
			position: absolute;
			bottom: 5px;
			right: 60px;
			}
			#social .facebook,
			#social .twitter {
				float: left;
				margin: 0 10px 0 0;
				}
				
			#social a {
				text-decoration: none;
				}
		*/
			
#footerWrap {
	display: block;
	width: 100%;
	background: url(../images/footer.png) bottom left repeat-x;
	}
	#footer {
		background: url(../images/footer_art.png) bottom left no-repeat;
		
		padding: 20px 0 80px 0;
		font-size: 1.2em;
		color: #2c3978;
		overflow: hidden;
		
		width: 1073px;
		margin: 0 auto; 
		display: block;
		}


/**  =TYPOGRAPHY  **/

/* The Navigation shows up as white 15px Georgia. Uses Cufon for advanced styling */
ul#navigation li a {
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	}
	
	.contentBox { 
		font-size: 1.3em;
		line-height: 1.4em;
		}
		
	#slides ul.carousel li h2 {
		color: white;
		font-size: 20px;
		text-transform: uppercase;
		}
	#slides ul.carousel li h3 {
		color: white;
		font-size: 14px;
		}

	#copy {color: #2f2f30}
	#copy h2 {
		font-size: 19px;
		color: #1a6f80;
		text-transform: uppercase;
		margin: 0 0 15px 0;
		}
		
		#copy a:link,
		#copy a:visited {
			color: #2f2f30;
			text-decoration: underline;
			}
		#copy a:hover {
			color: #2f2f30;
			text-decoration: underline;
			}
		
		#copy ul li a:link,
		#copy ul li a:visited {
			color: #2f2f30;
			text-decoration: none;
			}
		#copy ul li a:hover {
			color: #2f2f30;
			text-decoration: underline;
			}
			
		#copy .grid_6 h3 {
			color: #2c3978;
			font-size: 18px;
			margin: 0 0 10px 0;
			}
			#copy .grid_6 h3.areYouReady {
				color: #2c7a8a;
				font-size: 18px;
				margin: 10px 0;
				}
		#copy p span.heading {
			color: #2c3978;
			font-size: 18px;
			}
			#copy p span.heading a {
				text-decoration: none;
				}
		#copy .grid_5 a,
		#copy .grid_6 a,
		#copy .grid_7 a,
		#copy .grid_8 a {
			color: #D07500;
			}
			
			
#footer h3 {
	color: #2c3978;
	font-size: 18px;
	margin: 0 0 10px 0;
	}
	#footer p {
		margin: 5px 0;
		}
	#footer ul li {
		padding: 0 0 8px 0;
		}
		#footer ul li a {
			background: url(../images/footer_links.png) top left no-repeat;
			padding: 0 0 0 15px;
			}
	#footer a:link,
	#footer a:visited {
		color: #2c3978;
		text-decoration: none;
		}
	#footer a:hover {
		color: #2c3978;
		text-decoration: underline;
		}
	
/**  =LAYOUT STYLES  **/

	/* The frame that holds the content*/
	.contentBox {
		background: url(../images/contentBox_middle.png) top center repeat-y;
		overflow: hidden;
		position:relative;
		}
	.contentBoxDeux {
		background: url(../images/contentBox_bottom.png) bottom center no-repeat;
		padding: 0 0 35px 0;
		min-height: 505px;
		}
	.contentBoxTres {
		background: url(../images/contentBox_top.png) top center no-repeat;
		padding: 14px 0 0 0;
		}
	
	/* Generic styling for Buttons, reused everywhere */
	#buttons ul {
		float: left;
		}
	#buttons ul li {
		float: left;
		margin: 0 0 0 10px;
		}
	#buttons ul li a {
		color: white;
		display: block;
		width: 106px;
		height: 30px;
		position: relative;
		}
		#buttons ul li a span {display: none;}
		#buttons li.tour a {						
			background: url(../images/buttons/takeATour.png) top left no-repeat !important;
			background: url(../images/buttons/takeATour_IE6.png) top left no-repeat;
			}
		#buttons li.signup a {						
			background: url(../images/buttons/signUpNow.png) top left no-repeat !important;
			background: url(../images/buttons/signUpNow_IE6.png) top left no-repeat;
			}
		#buttons li.league a {
			width: 202px;
			background: url(../images/buttons/signUp_league.png) top left no-repeat;
			}
		#buttons li.club a {
			width: 202px;
			background: url(../images/buttons/signUp_club.png) top left no-repeat;
			}
		#buttons li.getInTouch a {
			width: 106px;
			background: url(../images/buttons/getInTouch.png) top left no-repeat;
			}
		#buttons li.findOutMore a {
			width: 106px;
			background: url(../images/buttons/findOutMore.png) top left no-repeat;
			}
		#buttons li.allfeatures a {
			width: 134px;
			background: url(../images/tour/allfeatures.png) top left no-repeat;
			}
		#buttons li.viewDemo a {
			width: 114px;
			background: url(../images/tour/viewDemo.png) top left no-repeat;
			}
		#buttons li.rss a {
			width: 152px;
			background: url(../images/buttons/RSS.png) top left no-repeat;
			}
			
	.grid_4 #buttons ul {
		margin: 15px 0 0 0;
		float: right;
		}
		
	.grid_4 img.sponsor {
		float: right;
		padding: 0 0 5px 10px;
		}
	#static .grid_4 {
		text-align: center;
		}
		.grid_4	.tourMessage {
			text-align: left;
			}
		#static #footer .grid_4 {
			text-align: left;
			}
	
	/* The Slides on the Homepage */
	#slides {
		background: url(../images/slide_shadow.png) bottom left no-repeat;
		padding: 0 0 14px 0;
		
		height: 299px;
		width: 942px;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 65px;
		}
		#slides ul.carousel {
			width: 944px;
			}
		
		#slides ul.carousel li {
			margin: 0;
			padding: 0;
			overflow: hidden;
			height: 299px;
			position: relative;
			float: left;
			}
			#slides ul.carousel li h2 {
				position: absolute;
				top: 245px;
				left: 15px;
				}
			#slides ul.carousel li h3 {
				position: absolute;
				top: 268px;
				left: 15px;
				}
		#slides ul.controls {display: none;}
		#slides #sliderLeft {
			display: inline;
			position: absolute;
			top: 100px;
			left: 10px;
			}
			#slides #sliderLeft a {
				display: block;
				width: 31px;
				height: 33px;
				background: url(../images/sliderLeft.png) top left no-repeat !important;
				background: url(../images/sliderLeft_IE6.png) top left no-repeat;
				}
		#slides #sliderRight {
			display: inline;
			position: absolute;
			top: 100px;
			right: 10px;
			}
			#slides #sliderRight a {
				display: block;
				width: 31px;
				height: 33px;
				background: url(../images/sliderRight.png) top right no-repeat !important;
				background: url(../images/sliderRight_IE6.png) top right no-repeat;
				}
			#slides #sliderLeft a span,
			#slides #sliderRight a span {
				display: none;
				}

		#slides #buttons {
			position: absolute;
			right: 15px;
			bottom: 32px;
			overflow: hidden;
			z-index: 101;
			}
			
	/* The Page Headers */
	#pageHeader {
		background: url(../images/pageHeader.png) top left no-repeat;
		
		height: 69px;
		width: 942px;
		overflow: hidden;
		position: relative;
		top: 0;

		left: 65px;
		}
		#pageHeader h1 {
			font-size: 24px;
			text-transform: uppercase;
			margin: 15px 0 0 20px;
			}
		#pageHeader h2 {
			font-size: 14px;
			color: #2d7b8a;
			margin: 0 0 0 20px;
			}
		/* See Previous section for the styling of the buttons */
		#pageHeader #buttons {
			position: absolute;
			top: 20px;
			right: 25px;
			}

	/* Our Story page */
	#copy .founders {
		display: block;
		position: absolute;
		bottom: 24px;
		right: 66px;
		z-index: 100;
		}
		
	/* Become a friend / Want to talk business page */
	#copy .sidenote {
		display: block;
		position: absolute;
		bottom: 23px;
		right: 85px;
		z-index: 100;
		
		font-style: italic;
		font-size: 12px;
		}
		
	/* Clicking good value */
	#copy .goodvalue {
		display: block;
		position: absolute;
		bottom: 23px;
		right: 65px;
		z-index: 100;
		
		font-style: italic;
		font-size: 12px;
		}
		
		
	/* Copy is what holds the content grid */
	#copy {
		padding: 20px 0;
		}
	#copy .grid_4 {
		margin: 0 30px;
		width: 250px;
		}
	#copy .tour .grid_4 {
		margin: 0;
		width: 285px;
		}
	#static #copy .grid_4 {
		margin: 0;
		width: 300px;
		}
	#copy .grid_4.news {
		margin: 0;
		width: 300px;
		}
		#copy .grid_4.latest_update ul li {
			padding: 5px 0;
		}
		#copy .latest_update ul li a {
			display: block;
			}
		#copy .latest_update ul li span {
			display: block;
			color: #555;
			font-size: 11px;
			}
	
	#copy .grid_5 {
		padding: 0;
		width: 320px;
		margin: 0 30px;
		}
	#copy .grid_6 {
		padding: 0;
		width: 420px;
		margin: 0 30px;
		}
		#copy .grid_6 table {
			margin: 0 0 30px 0;
			}
	#copy .grid_7 {
		padding: 0;
		margin: 0 30px;
		width: 480px;
		}
	#copy .grid_8 {
		padding: 0;
		margin: 0 30px;
		width: 560px;
		}
	#copy .tour .grid_8 {
		margin: 0 20px;
		width: 560px;
		}
	#copy p {
		padding: 0 0 15px 0;
		}
	#copy blockquote {
		float: right;
		font-size: 22px;
		line-height: 28px;
		padding: 0 20px 15px 15px;
		width: 210px;
		color: #2c3978;
		}
	#copy ul li {
		padding: 0 0 10px 0;
		}
		
	/* The breadcumbs on the Sign Up pages */
	ul#breadcrumbs {
		display: block;
		background: url(../images/breadcrumbs/breadcrumbs.png) top left no-repeat;
		width: 881px;
		height: 34px;
		margin: 0 auto;
		overflow: hidden;
		}
		ul#breadcrumbs li {
			float: left;
			margin: 0 10px 0 10px;
			height: 34px;
			background: url(../images/breadcrumbs/separator.png) top right no-repeat;
			padding: 0 30px 0 0;
			line-height: 13px;
			color: #777;
			
			font-size: 11px;
			text-transform: uppercase;
			}
			ul#breadcrumbs li.current {color: #3b8492;}
			ul#breadcrumbs li span {
				display: block;
				margin: 10px 0 0 0;
				padding: 0 0 0 23px;
				}
			ul#breadcrumbs li span.one {background: url(../images/breadcrumbs/one.png) bottom left no-repeat;}
			ul#breadcrumbs li.current span.one {background: url(../images/breadcrumbs/one.png) top left no-repeat;}
			
			ul#breadcrumbs li span.two {background: url(../images/breadcrumbs/two.png) bottom left no-repeat;}
			ul#breadcrumbs li.current span.two {background: url(../images/breadcrumbs/two.png) top left no-repeat;}
			
			ul#breadcrumbs li span.three {background: url(../images/breadcrumbs/three.png) bottom left no-repeat;}
			ul#breadcrumbs li.current span.three {background: url(../images/breadcrumbs/three.png) top left no-repeat;}


/**  =FORMS  **/

form {
	margin: 30px 30px 0 30px;
	overflow: hidden;
	position: relative;
	}
	.grid_7 form {
		margin: 0;
		}
	form .row {
		padding: 10px;
		border-bottom: 1px solid #eee;
		position: relative;
		}
	form .row.flat {
		overflow: hidden;
		}
	form label {
		width: 195px;
		float: left;
		padding: 5px 0 0 0;
		}
		form .flat label {
			float: none;
			}
		form .flat label.error {
			float: left;
			display: block;
			}
		.grid_7 label {
			width: 130px;
			}
		form label span {
			padding: 5px 0 0 5px;
			}
		form label.error {
			float: none;
			display: block;
			padding: 5px 0;
			margin: 0 0 0 195px;
			width: auto;
			color: #F00;
			}
			.grid_7 form label.error {
				margin: 0 0 0 135px;
				}
	form input {
		padding: 5px;
		width: 325px;
		background: url(../images/form_textField.png) top left no-repeat;
		border: 1px solid #e1e1e1;
		}
		.grid_7 form input {
			width: 315px;
			}
		form textarea {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			}
		.grid_7 form textarea {
			width: 315px;
			height: 140px;
			padding: 5px;
			background: url(../images/form_textarea.png) top left no-repeat;
			border: 1px solid #e1e1e1;
			}
		
	form input[type="checkbox"] {
		width: auto;
		margin: 0 0 0 195px;
		padding: 0;
		border: thin;
		}
	
	form .row .caption {
		color: #666;
		font-size: 11px;
		padding: 5px 0 0 195px;
		}
		
	form .row .tooltip {
		position: absolute;
		top: 10px;
		left: 560px;
		display: none;
		background: url(../images/tooltip.png) top left no-repeat;
		padding: 0 0 0 11px;
		z-index: 100;
		width: 290px;
		overflow: hidden;
		}
		#copy form .row .tooltip p {
			background: #2e7c8b;
			padding: 5px 5px 5px 10px;
			width: 254px;
			display: block;
			float: left;
			
			border: 1px solid #276d7a;
			border-left: none;
			color: #fff;
			font-size: 11px;
			}
	#copy form .button {
		background: none;
		width: auto;
		padding: none;
		border: none;
		margin: 10px 0 0 433px;
		}
		#copy .grid_7 form .button {
			margin: 0 0 0 360px;
			}
			
	#copy form p.smalltext {
		font-size: 11px;
		padding: 5px 10px;
		}
	
	/* Confirm the data the user just entered using the forms */
	#dataconfirm {
		margin: 30px 0;
		color: #2F2F30;
		}
		#dataconfirm h2 {
			margin: 0 40px 20px 40px;
			}
		#dataconfirm .grid_6 {
			width: 400px;
			margin: 0 40px;
			}
		#dataconfirm .grid_6 table {width: 100%;}
		#dataconfirm .grid_6 table td {
			padding: 5px 0;
			border-bottom: 1px solid #eee;
			}
			#dataconfirm .grid_6 h3 {
				float: left;
				padding: 0 10px 0 0;
				}
			
		#dataconfirm .grid_12 {
			width: 880px;
			margin: 20px 40px;
			font-size: 12px;
			}
		#dataconfirm .grid_12 form,
		#dataconfirm .grid_12 form * {
			margin: auto
			}
			
		#dataconfirm .grid_12.confirm {
			border: 1px solid #eee;
			margin: 0 40px;
			width: 860px;
			padding: 10px;
			}
			
	#copy #confirmation {
		padding: 5px 5px 5px 70px;
		color: #2c4931;
		background: #c0ffb4 url(../images/confirmation.png) top left no-repeat;
		border: 2px solid #8dc87f;
		}
		#copy #confirmation p {
			padding: 0 0 5px 0;
			}
			
			
	#copy #errorMessage {
		padding: 5px 5px 5px 70px;
		color: #c50808;
		background: #f2f2f2 url(../images/error.png) center left no-repeat;
		border: 1px solid #aeaeae;
		margin: 0 0 10px 0;
		}
		#copy #errorMessage p {
			padding: 0 0 5px 0;
			}
			
	/* Add Teams */
	#teams {
		float: left;
		}
		#teams .team {
			margin: 5px 0;
			border: 1px solid #eee;
			padding: 10px;
			}
		#teams .hide {display: none;}
	#teams .addteam {
		display: block;
		padding: 5px 0;
		}
	#teams .team .grid_4 {
		margin: auto;
		width: 300px;
		}
		#teams .team .grid_4 label {width: auto}
		#teams .team .grid_4 select {
			margin: 3px 0 0 10px;
			}
			
			
/* TOUR PAGES */

#tourPage {}

	#copy #tourPage .grid_8 {
		margin: 0 25px 0 30px;
		}
	#copy #tourPage .grid_4 {
		width: 315px;
		margin: 0;
		}

#Tabs {}
	#Tabs .tabHeader {
		display: block;
		height: 44px;
		overflow: hidden;
		}
		#Tabs .tabHeader ul#tabList li {
			float: left;
			width: 112px;
			}
			ul#tabList li a {
				width: 110px;
				height: 44px;
				display: block;
				
				background: #fff url(../images/tour/deselected_right.png) top right no-repeat;
				padding: 0 2px 0 0;
				color: #111;
				text-decoration: none;
				
				font-size: 14px;
				}
				ul#tabList li a:hover {
					text-decoration: none;
					}
				ul#tabList li a.selected {
					background: #fff url(../images/tour/selected_right.png) top right no-repeat;
					}
				ul#tabList li a > span {
					display: block;
					
					padding: 3px 20px 7px 15px;
					background: url(../images/tour/deselected_left.png) top left no-repeat;
					}
					ul#tabList li a.selected > span {
						background: url(../images/tour/selected_left.png) top left no-repeat;
						}
					
	#Tabs .tabContent {
		background: url(../images/tour/tabContent.png) bottom left repeat-x;
		border: 1px solid #dedec1;
		border-top: none;
		
		padding: 25px 15px;
		overflow: hidden;
		}
		#Tabs .tabContent .tabCopy {
			height: 162px;
			}
		
		#Tabs .tabContent #screens li {
			float: left;
			margin: 0 8px;
			padding: 0;
			border: 2px solid #dbdbdb;
			position: relative;
			}
				#Tabs .tabContent #screens li:hover {
					border: 2px solid #a0ace2;
					}
				
		#Tabs .tabContent #screens {
			width: 500px;
			overflow: hidden;
			}
			#Tabs .tabContent #screens .left,
			#Tabs .tabContent #screens .right {
				float: left;
				}
				
		#Tabs .tabContent #buttons {
			margin: 20px 0 0 120px;
			float: left;
			position: relative;
			}
			
	#screens {
		margin: 15px 0 0 0;
		position: relative;
		}
		#screens a.prev {
			background:transparent url(../images/tour/prev.png) top right no-repeat;
			display:block;
			height:148px;
			left:0;
			position:absolute;
			top:0px;
			width:158px;
			z-index:10;
			cursor: default;
			}
		#screens a.next {
			background:transparent url(../images/tour/next.png) no-repeat;
			display:block;
			height:148px;
			position:absolute;
			right:0;
			top:0px;
			width:165px;
			z-index:10;
			cursor: default;
			}
		
		#screens ul li a {
			float: left;
			display: block;
			position: relative;
			}
			#screens ul li a span {
				float: left;
				display: block;
				height: 140px;
				}
		
		#screens ul li.selected {}
			#screens ul li.selected img.fade {display:none;}
		
	.testimonial {
		height: 144px;
		width: 315px;
		position: relative;
		float: left;
		overflow: hidden;
		}
		.testimonial img {
			float: left;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			}

	/* The modal window on Tour pages */
	#fancy_wrap div#fancy_div {
		background: #FFF;
		background-color: #EFEEED;
		color: #333;
		font-size: 12px;
		line-height: 18px;
		overflow: auto;
		}
		#fancy_wrap div#fancy_div #splashInner{
		line-height: 8px;
		}
		#fancy_div p {
			padding: 5px 0;
			}
		#fancy_div h1 {
			font-size: 20px;
			color: #2c3978;
			margin: 5px 0;
			}
		#fancy_div .featuresList {
			width: 480px;
			}
			#fancy_div .featuresList ul {
				width: 225px;
				float: left;
				margin: 10px 10px 0 0;
				display: inline;
				}
				#fancy_div .featuresList ul li {
					background: url(../images/tour/featuresList.png) center left no-repeat;
					padding: 0 0 0 20px;
					margin: 0 0 5px 0;
					}
				#fancy_div #closeModalWindow {
					clear: both;
					display: block;
					margin: 10px 0 0 0;
					text-align: right;
					}

/* COMPETITION PAGE */

#copy .grid_12 {
	width: 900px;
	margin: 0 30px;
	}
	#copy h1 {
		margin: 0 0 30px 0;
		font-size: 20px;
		color: #D07500;
		}
	
	.competitions_image {
		float: right;
		}
		
	#competition_entry {
		position: relative;
		}	
		#competition_entry .competition_header {
			background: #FEFEFE url(../images/competition_header.png) bottom left no-repeat;
			display: block;
			border: 1px solid #dad1d1;
			}
			#competition_entry .competition_header p {
				color: #9f782c;
				padding: 7px 15px;
				}
		#competition_entry form {
			margin: 0;
			}
			#competition_entry form input {
				margin: 0;
				width: auto;
				}
				#competition_entry form input[type="text"] {
					width: 260px;
					}
				#competition_entry form input[type="radio"] {
					float: left;
					padding: 0;
					background: none;
					border: none;
					}
			#competition_entry form label {
				width: 145px;
				}
				#competition_entry form .option label {
					width: 125px;
					}
				#competition_entry form label.error {
					margin: 0 0 0 125px;
					padding: 5px 0 0 0;
					width: auto;
					}
				#competition_entry form label.error[for="answer"] {
					margin: 0;
					}
			#competition_entry p.mandatory {
				position: absolute;
				left: 0;
				bottom: 0;
				}
			#competition_entry form .row {
				float: left;
				padding: 10px 0;
				}
			#competition_entry form .row .options {
				position: relative;
				float:left;
				padding: 10px 0;
				}
			#competition_entry form .row .option {
				width: 150px;
				float: left;
				padding: 0 10px 10px 0;
				}
				#competition_entry form .row .option label {
					padding: 0 0 0 5px;
					}
					#competition_entry form .row .option label.error {
						position: absolute;
						bottom: 0;
						left: 0;
						}
			#competition_entry form textarea {
				display: block;
				width: 405px;
				padding: 5px;
				height: 80px;
				background: url(../images/form_textarea.png) top left no-repeat;
				border: 1px solid #e1e1e1;
				}
				#competition_entry form input.button {
					margin: 10px 0 0 305px;
					}
			
			.terms_conditions {
				display: none;
				}
				
		.competition_winner {
			margin: 30px 0 0 0;
			}
			.competition_winner span.clubname {
				color: #000;
				}
			#copy .competition_winner span.cluburl a {
				color: #bd6404;
				}
			.competition_winner p.delta {
				clear: both;
				}
				
			.competition_club_logo {
				float: left;
				border: 1px solid #dbdbcc;
				margin: 0 20px 10px 0;
				}
			
			
/* Greybox */
.greybox {
	background: url(../images/greybox.png) top left repeat-x;
	border: 1px solid #d8d8d8;
	padding: 15px;
	}
	#copy .greybox a {color: #BA7A2F; }

#fancy_wrap {
	z-index: 1000;
	}
	
/* NEWSLETTER page */
.subscribe {
	margin: 0;
	}
	#copy #archives ul li {
		background: url(../images/newsletter_archives.png) center left no-repeat;
		padding: 10px 0 10px 25px;
		margin: 0 15px 0 10px;
		border-bottom: 1px solid #e9e9e9;
		}
	.controls {
		width: 300px;
		height: 29px;
		display: block;
		background: url(../images/newsletter_controls.png) top left no-repeat;
		margin: 15px 0 0 10px;
		position: relative;
		}
		#copy .controls ul li {
			float: left;
			margin: 0 65px;
			}
		#copy .controls a {
			color: #2F2F30;
			text-decoration: none;
			}
			
	form#newsletter img.captcha {
		position: absolute;
		top: 10px;
		left: 260px;
		}
	
			
/* LSPL page */

#copy .grid_4 .lsplFeatures {
	text-align: left;
	margin: 0 0 20px 0;
	}
	#copy .grid_4 .lsplFeatures li {
		overflow: hidden;
		border-bottom: 1px solid #e9e9e9;
		padding: 10px 0;
		}
	.lsplFeatures img {
		float: left;
		width: 50px;
		}
	#copy .grid_4 .lsplFeatures p {
		margin: 0 0 0 60px;
		padding: 0;
		}
		#copy .grid_4 .lsplFeatures p a:hover {
			text-decoration: none;
			color: #111;
			}
	.lsplFeatures h3 {
		font-size: 14px;
		margin: 0 0 5px 60px;
		}

.training,
.lsplwork {
	overflow: hidden;
	}

.lsplwork img {
	float: right;
	}
#copy .lsplwork p {
	text-align: left;
	}
	
#static #copy .container_12.lsplFooter {}
	#static #copy .container_12.lsplFooter .grid_4 {
		text-align: left;
		margin: 20px 0 0 30px;
		width: 280px;
		}
	
.lspl_table {
	float: right;
	width: 254px;
	margin: 0 0 10px 10px;
	padding: 0 0 12px 0;
	background: #02102b url(../images/lspl_table_bottom.png) bottom left no-repeat;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	}
	.lspl_table_body {
		width: 234px;
		margin: 0 10px;
		}
		.lspl_table_body table {
			width: 100%;
			}
			.lspl_table_body table th {
				padding: 3px;
				}
			.lspl_table_body table td {
				text-align: left;
				padding: 3px;
				font-size:11px;
				}
			.lspl_table_body table tr.alt td {
				background: #0c172f;
				}
			
			.lspl_table_body table thead {
				text-transform: uppercase;
				}
			.lspl_table_body table tbody tr {
				border-bottom: 1px solid #132852;
				}
				
	.lspl_table_bottom {
		text-align: center;
		}
		#copy .lspl_table_bottom p {
			padding: 10px 0 0 0;
			text-transform: uppercase;
			font-size: 11px;
			}
			#copy .lspl_table a:link,
			#copy .lspl_table a:visited {
				color: #FFF;
				text-decoration: none
				}
			#copy .lspl_table a:hover {
				color: #FFF;
				text-decoration: underline;
				}
				
/* MPU Ads */
				
#copy .adSpace {
		margin: 0 0 20px 0;
		background: url(../images/news_adspace.png) bottom right no-repeat;
		padding: 0 0 20px 0;
		border-top: 5px solid #ececec;
		border-right: 5px solid #ececec;
		border-left: 5px solid #ececec;
		display: block;
		width: 300px;
		overflow: hidden;
		}
		#copy .adSpace > div {
			float: left;
			}
			
/* Mums the word */
#mumstheword {}

	#mumstheword .grid_5 {
		width: 350px;
		margin: 0 0 0 30px;
		}
		#mumstheword .grid_5 #buttons ul li {
			margin: 0 10px 0 0;
			}
	#mumstheword .grid_7 {
		width: 530px;
		margin: 0 0 0 30px;
		}
		
		#mumstheword .grid_7 .pictureFrame {
			display: block;
			padding: 9px 10px 9px 10px;
			background: url(../images/mumstheword/frame.png) top left no-repeat;
			position: relative;
			}
			#mumstheword .grid_7 .pictureFrame_inner {
				display: block;
				width: 510px;
				height: 445px;
				overflow: hidden;
				position: relative;
				}
				
				#mumstheword .grid_7 .pictureFrame ul li {
					padding: 0;
					position: relative;
					}
					#mumstheword .grid_7 .pictureFrame ul li h3 {
						position: absolute;
						top: 390px;
						left: 85px;
						z-index: 500;
						color: #FFF;
						
						display: block;
						width: 350px;
						text-align: center;
						}
						
					#mumstheword .grid_7 .pictureFrame ul li img.hover {
						position: absolute;
						top: 140px;
						left: 135px;
						z-index: 100;
						display:none;
						}
			/*#mumstheword .grid_7 .pictureFrame .pictureframeControls {
				display: block;
				width: 510px;
				height: 70px;
				background: #000;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
				filter: alpha(opacity=85);
				opacity: .85;
				position: absolute;
				bottom: 9px;
				left: 10px;
				z-index: 100;
				}
				*/
			#mumstheword .grid_7 .pictureFrame a.prev {
				position: absolute;
				z-index: 100;
				left: 10px;
				bottom: 9px;
				
				display: block;
				width: 80px;
				height: 68px;
				}
				#mumstheword .grid_7 .pictureFrame a.prev img {
					padding: 15px 0 0 30px;
					}
			#mumstheword .grid_7 .pictureFrame a.next {
				position: absolute;
				z-index: 100;
				right: 10px;
				bottom: 9px;
				
				display: block;
				width: 80px;
				height: 68px;
				}
				#mumstheword .grid_7 .pictureFrame a.next img {
					padding: 15px 0 0 30px;
					}
					
		#mumstheword .grid_7 .pictureFrame #onHover {
			display: none
			}
.next.disabled, .prev.disabled {visibility: hidden}

.rotate
{
	visibility: visible!important;
	overflow: hidden!important;
	position: relative!important;
	z-index: 2!important;
	left: 0px!important;
	width: 504px!important;
	height: 148px!important;
	}


	.rotate ul 
	{
		margin: 0px!important;
		padding: 0px!important;
		position: relative!important;
		list-style-type: none!important;
		z-index: 1!important;
		width: 2016px!important;
		height: 150px!important;
		}


		.rotate ul li 
		{
			overflow: hidden!important;
			float: left!important;
			width: 144px!important;
			height: 148px!important;
			}