/* @override http://planetsport2007.mark.dsukcore.co.uk/css/style.css */

/* @override http://planetsport2007.mark.dsukcore.co.uk/css/style.css */

/* @override http://planetsport2007.dan.dsukcore.co.uk/css/style.css */

/* @group Base Styles */

/* Reset the default browser style sheet,
   Margin and padding's to zero */

html, body, form, ul, li, img {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

p {
	margin: 8px 0;
	padding: 0;
	line-height: 16px;
}

html, body {
	border: none;
	height: 100%;
/*  background: url(/images/bg02.gif) top left repeat-x #fff;*/
/*  background: #1A1274;*/
	font: 12px/16px Lucida, Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}

html {
  background: #fff url(/images/header-background.gif) repeat-x top left;
}

body {
  background: transparent url(/images/header-clouds.gif) no-repeat top center;
}

#pageWrapper {
	display: inline;
	width: 100%;
/*  height: 585px;*/
	clear: both;
	overflow: hidden;
}

#footerImage {
	
	background: url(/images/bg_grass.jpg) bottom left repeat-x;
	clear: both;
	width: 100%;
	height: 165px;
}

#page {
	width: 775px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	clear: both;
}


/* @end */

/* @group Page Styles */

a {
	border: none;
	text-decoration: none;
	color: #0000bb;
}

a:hover {
	color: #0000ff;
	text-decoration: underline;
}

a[href^="http://"] {
	background: url(/images/externalLink.gif) no-repeat top right;
	padding-right: 10px;
}

a.clean {
	background: none;
	padding-right: 0;
}

a img {
	border: none;
}

h1 {
	color: #101b75;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 5px;
	font-size:  18px;
	font-weight: bold;
}

h2 {
	color: #101b75;
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 22px;
	font-size:  18px;
}

h3 {
	color: #fff;
	margin: 15px 0 0 0;
	padding: 3px 3px 3px 5px;
	font-size: 14px;
	font-weight: normal;
	background: url(/images/headerBackground.gif) top left repeat-x #053dae;
	border-right: 1px solid #053dae;
	border-left: 1px solid #053dae;
	border-bottom: 1px solid #053dae;
	/*background-color: #101b75;*/
	line-height: 22px;
}

h3.clean {
	background: none;
	color: #101b75;
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
}

h3.lines {
	background: none;
	color: #101b75;
	margin: 0px 0 10px 0;
	padding: 10px 0;
	font-size: 16px;
	font-weight: normal;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

h4 {
	margin: 0;
	padding: 5px 0;
}

h4.blue {
  color: #101B75;
}

div.starred {
  background: transparent url(/images/icons/star.png) no-repeat 2px 10px;
  padding: 5px 5px 5px 25px;
}

div.starred h4 {
  color: #8D1A8E;
}

p.lightgrey {
  color: #aaa !important;
}

div.image {
  padding: 5px 0 10px;
}

div.bluebox {
  background: #372A92;
  margin: 30px 0 0 0;
  padding: 15px;
  border: 2px solid #F8CB22;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

div.bluebox p {
  color: #fff !important;
}

div.bluebox p.yellow,
div.bluebox p strong {
  color: #F8CC24 !important;
}

div.bluebox p.top {
  margin: 0;
  padding: 0;
}

div.bluebox div.banner {
  padding: 1px 0 0 135px;
  background: transparent url(/images/ppa/team-elite-part-of-planet-sport.gif) no-repeat top left;
  margin-top: 40px;
}

div.bluebox div.banner a {
  background: none !important;
  padding: 0 !important;
}

p.frontpageQuote {
	color: #000099 !important;
	font-size: 16px;
	font-style: italic;
	margin: 3px 0;
}

p.bb {
	color: #000099 !important;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
}

#home #rightCol p {
	line-height: 16px;
}

span.highlight {
	color: #000099;
}

.center {
	text-align: center;
}

.text-right {
  text-align: right;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.overflow {
  overflow: hidden;
}

ul.normal li {
	list-style: disc;
	margin: 0px 20px;
	line-height:  20px;
}

/* @end */

/* @group Header */
div#header {
  overflow: hidden;
  margin: 0 0 15px 0;
}

div#header div.left {
  overflow: hidden;
  float: left;
  width: 475px;
}

div#header div.left div.left-top {
  overflow: hidden;
}

div#header div.left div.logo {
  float: left;
  margin: 62px 0 0 0;
}

div#header div.left div.logo a#logo {
  background: transparent url(/images/header-logo.gif) no-repeat center center;
  display: block;
  width: 267px;
  height: 65px;
}

div#header div.left div.ball {
  background: transparent url(/images/header-ball-1.gif) no-repeat center center;
  float: left;
  width: 83px;
  height: 79px;
  margin: 90px 0 0 0;
}

div#header div.left ul#topNav {
  float: left;
  width: auto;
	clear: both;
	margin: 11px 0 0 0;
	padding: 7px 5px;
	background: #332B93;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
	border-radius: 10px 10px 0 0;
}

div#header div.left #topNav li {
	display: inline;
	font-size: 11px;
	padding: 0 6px 0 4px;
	border-right: 1px solid #fc0;
	font-weight: normal;
}

div#header div.left #topNav li.last {
  border: none;
}

div#header div.left #topNav li a {
	color: #fc0;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

div#header div.left #topNav li a:hover {
	color: #f90;
	text-decoration: underline;
}

div#header div.right {
  float: right;
  width: 300px;
}

#loginStatus {
	float: right;
	margin-top: 18px;
	margin-right: 20px;
}

/* @end */

/* @group Login */
div.scoreboard {
  float: right;
  background: transparent url(/images/header-scoreboard.gif) no-repeat top center;
  width: 286px;
  height: 165px;
  margin: 30px 0 0 0;
}

div.scoreboard div.content {
  padding: 50px 82px 50px 10px;
}

div.scoreboard form p,
div.scoreboard form label {
  display: block;
  clear: both;
  overflow: hidden;
  text-align: right;
  color: #fff;
  line-height: 24px;
}

div.scoreboard form label input.text {
  margin-left: 2px;
  width: 105px;
}

div.scoreboard div.content div.buttons div.links {
  float: left;
  width: 123px;
  padding: 2px 0 0 7px;
}

div.scoreboard div.content div.buttons div.links p {
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 12px;
}

div.scoreboard div.content div.buttons div.links p a {
  color: #FCFF2B;
  font-size: 10px;
}

div.scoreboard div.content div.buttons div.login-button {
  float: right;
  width: 60px;
}

div.scoreboard div.content div.buttons div.login-button a {
  float: right;
  display: block;
  padding: 5px 8px;
  background: #000;
  color: #fff;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#logout p {
	margin: 0;
	padding: 2px 10px 0 0;
	color: #666;
}

#logoutLeft {
	float: left;
}

#logoutRight {
	float: right;
	margin-right: 20px;
}

#logout p #logoutRight a {
	color: #666;
}

#login span,
#logout span {
	height:  18px !important;
	line-height: 10px;
}

/* @end */

/* WORLD CUP TSHIRTS */
div.world-cup-tshirts h2 {
  text-align: center;
  border: none;
  padding-bottom: 0;
  margin-bottom: 5px;
}
div.world-cup-tshirts p {
  text-align: center;
  font-size: 16px;
  margin-bottom: 15px;
}
div.world-cup-tshirts h2 a {
  color:#ff3000;
}
div.world-cup-tshirts h2 a span {
  font-size: 25px;
}
/* @group Nav Side */

/* @group Basket */

#basketBg {
	height: 70px;
	padding: 0;
	margin: 0;
	display: block;
/*  background: url(/images/basket_bg.gif) top center no-repeat;*/
/*  background: #fff;*/
}

#basket {
	width: 181px;
	margin-left: 6px;
	clear: both;
	float: left;
/*  background: #fff;*/
	
}

#basket p.selectedCourses {
	margin-left: 15px;
	margin-top: 0;
	padding-top: 0;
	color: #666;
}

#basket p.courses {
	margin-top: 5px;
	color: #999;
	text-align: center;
}

#basket p.courses a {
	color: #999;
	text-decoration: none;
	border: 0;
}

#basket p.courses a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Links */

#navTop {
	height: 13px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: none;
	background: url(/images/nav_top.gif) top center no-repeat;
}

#navBg {
	background: #fff;
	border: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 0 0 0;
}

#navBg p.courses {
  margin: 10px;
  padding: 0 10px 10px;
  border-bottom: 1px solid #ccc;
}

#navLinks {
	list-style: none;
	margin: 0 10px 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

#navLinks li {
	background: url(/images/star.gif) left center no-repeat;
	padding: 4px 0 4px 25px;
}

#navLinks a.navLink {
	color: #101b75;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	border: 0;
}

#navLinks a.navLink:hover {
	color: #ff9900;
	border: 0;
}

/* @end */

/* @group Telephone */

p.tel {
	color: #101b75;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 15px 10px;
	margin: 10px;
	border-bottom: solid 1px #ccc;
}

p.tel span {
	background: url(/images/tel.gif) left center no-repeat;
	padding-left: 20px;
}

/* @end */

/* @group Quote */

#leftQuotation {
	width: 150px;
	margin: 0 auto;
	background: url(/images/quote_start.gif) top left no-repeat;
}

#leftQuote {
	text-align: center;
	color: #999;
	padding-top: 18px;
}

#leftAuthor {
	text-align: right;
	color: #567ac2;
	background: url(/images/quote_end.gif) top right no-repeat;
	padding-top: 20px;
	margin-top: 7px;
}

#box {
	width: 1px;
	height: 250px;
	float: left;
}

#boxClear {
	clear: both;
}

/* @end */

/* @end */

/* @group Content */

/* @group Loading */

#loginFeedback,
#loading {
	height: 42px;
	height: 28px;
	height: 40px;
	width: 544px;
	width: 524px;
	width: 540px;
	clear: both;
	text-align: left;
	padding: 8px 0px;
	background: none no-repeat center;
	color: #444;
	display: none;	
}

#loginFeedback p {
  background: url(/images/icons/info.png) 6px 50% no-repeat #A4D3FF;
	padding: 8px 6px 6px 30px;
	display: block;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0px;
}

#loginFeedback.error p,
#loading.error {
	background: url(/images/icons/exclamation.png) 8px 50% no-repeat #FFC3C6;
}

.spinner {
	height: 110px;
	background: url(/images/ajax-loader.gif) 50% 50% no-repeat;
}

/* @end */

#rightCol {
	float: right;
	clear: right;
	width: 560px;
	position: relative;
	overflow: hidden;
}

#contentTop {
  display: none;
	background: url(/images/content_top.png) top center no-repeat !important;
	background: url(/images/content_top.gif) top center no-repeat;
	width: 544px;
	height: 10px;
	font-size: 1px;
}

#contentMid {
  border: 2px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
	width: 514px;
	padding: 10px 15px 10px 15px;
	position: relative;
	overflow: hidden;
}

#contentBottom {
  display: none;
	background: url(/images/content_bottom.png) top center no-repeat !important;
	background: url(/images/content_bottom.gif) top center no-repeat;
	width: 544px;
	height: 10px;
	overflow: hidden;
	clear: both;
}

#contentMid p {
	color: #444;
}

#contentMid p.frontPage {
	padding-bottom: 10px;
	border-bottom: solid 2px #ccc;
}

.infoLinks {
	position: relative;
	width: 100%;
}

.infoLinks a {
	border: 0;
}

/* @group Newsletter Sign Up */

#newsletter {
	width: 245px;
	height: 130px;
	background: url(/images/newsletter_bg.gif) top center no-repeat;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
}

#newsletter p {
	color: #634f01;
	font-size: 16px;
	margin: 10px 10px 0 10px;
	border-bottom: solid 2px #d9ae00;
	padding-bottom: 5px;
	font-weight: normal;
}

#newsletterForm ul {
	list-style: none;
	margin: 8px 0 0 12px;
	padding: 0;
}

#newsletterForm ul li input {
	margin: 0 0 3px 0;
	border: none;
	color: #666;
	width: 166px;
	height: 16px;
	font-size: 12px;
	padding: 4px;
	float: left;
	margin-bottom: 3px;
	background: url(/images/newsletter_input_bg.gif) center center no-repeat;
}

#newsletterForm ul li label {
	float: left;
	width: 40px;
	margin-right: 5px;
	color: #634f01;
	font-size: 13px;
	padding: 4px 0;
	clear: left;
	margin-bottom: 3px;
	font-weight: normal;
}

#newsletterForm a.go {
	width: 34px;
	height: 24px;
	display: block;
	float: right;
	margin: 2px 15px 0 0;
	overflow: hidden;
	position: relative;
}

#newsletterForm a.go:hover {
	text-decoration: none;
}

#newsletterForm a.go:hover span {
	background-position: bottom;
}

#newsletterForm a.go span {
	background: url(/images/newsletter_go_2.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;	
}

/* @end */

/* @end */

/* @group Footer */

#footerWrapper {
  margin-top: 20px;
  background: url(/images/bg_footer.gif) top left repeat-x #fff;
/*  background: url(/images/footer-background.gif) top left repeat-x #332B93;*/
	height: 200px;
	clear: both;
}

#footer {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	color: #666;
}

p.address {
	font-size:  11px;
	line-height: 16px;
	padding-top: 12px;
	float: left;
}

/* @group Newsletter Sign Up */

#footerNewsletter {
	float: right;
	border-left: solid #999 1px;
	width: 210px;
	height: 100px;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}

#footerNewsletter p {
	padding-bottom: 3px;
	margin: 2px 0px 10px 0px;
	border-bottom: solid 2px #999;
}

#footerNewsletterForm ul {
	list-style: none;
}

#footerNewsletterForm ul li input {
	margin: 0 0 5px 0;
	border: solid 2px #ccc;
	border-top: solid 2px #999;
	border-left: solid 2px #999;
	color: #666;
	width: 150px;
	font-size: 11px;
}

#footerNewsletterForm ul li label {
	float: left;
	width: 40px;
	margin-right: 5px;
}

#footerNewsletterForm a.go {
	width: 29px;
	height: 20px;
	display: block;
	float: right;
	position: relative;
	margin-right: 10px;
	overflow: hidden;
	border: 0;
}

#footerNewsletterForm a.go:hover {
	text-decoration: none;
}

#footerNewsletterForm a.go:hover span {
	background-position: bottom;
}

#footerNewsletterForm a.go span {
  background: url(/images/newsletter_go.gif) top left no-repeat;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
}

/* @end */

/* @group Copyright */

span.ds {
  float: right;
	color: #333;
	font-size: 11px;
	padding: 0;
}

span.ds a {
  display: block;
  background: transparent url(/images/datasouth.gif) no-repeat right center;
  padding: 6px 55px 6px 5px;
	color: #333;
	text-decoration: none;
}

span.ds a:hover {
	text-decoration: underline;
}

span.ds a span {
	color: #ff9900;
}

p.copyright {
	color: #999;
	font-size: 11px;
	clear: both;
	float: left;
	margin-top: 20px;
	width: 100%;
}

#smallBus {
	/*border: solid 2px #fff;*/
	padding: 12px 0 13px 25px;
	border-left: solid 1px #999;
	float: right;
	margin:  10px 25px 0 0;
}

/* @end */

/* @end */

/* @group Contact Form + Coaching Form */

ul.errors {
/*	margin: 0 0 10px 10px;*/
}

li.error {
	list-style: none;
	color: #990000;
	margin: 0;
}

#contactForm h2,
#coachingForm h2 {
/*	margin-top: 20px;*/
}

#contactForm ul,
#coachingForm ul,
#checkout ul {
	margin: 0 0 20px 10px;
	padding: 0;
	list-style: none;
}

#contactForm ul li label,
#coachingForm ul li label,
#checkout ul li label {
	float: left;
	text-align: right;
	padding-right: 10px;
	width: 100px;
}

#contactForm ul li,
#coachingForm ul li,
#checkout ul li {
	margin: 5px 0;
}

#checkout textarea {
	width: 400px;
			height: 150px;
	margin-left: 5px;
	padding: 2px;
	color: #333;
}

#contactForm ul li input,
#coachingForm ul li input,
#checkout ul li input {
	color: #333;
}

#contactForm p input#submit,
#coachingForm p input#submit,
#checkout p input#submit {
	border: none;
	float: right;
	margin-right: 5px;
}

#checkout ul label {
	line-height: 22px;
}

/* @end */

/* @group Courses */

/* @group Map */

#countys, #locations {
	position: relative;
	display: table;
}

#locations {
	margin: 0 auto;
}

#map_1, #map_2 {
	position: relative;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
}

.mapRegion {
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
}

#map_2 {
margin-left: 40px;
}

#map_d16, #map_d17, #map_d18, #map_d19, #map_d20, #map_d21, #map_d22, #map_d23, #map_d24, #map_d25, #map_d26, #map_d27, #map_d28,
#map_r16, #map_r17, #map_r18, #map_r19, #map_r20, #map_r21, #map_r22, #map_r23, #map_r24, #map_r25, #map_r26, #map_r27, #map_r28 {
  margin-left: 40px;
}

/* @end */

#courseBack {
	position: absolute; 
	display: block; 
	height: 98px; 
	width: 122px; 
	z-index: 100000;
}

#chooseLoc {
	position: absolute;
	top: -10px;
	left: 430px;
}

#courseSearch {
	background: url(/images/search_bg.gif) top center no-repeat;
	width: 191px;
	height: 59px;
	float: right;
}

#courseSearch02 {
	background: url(/images/search_bg02.gif) top center no-repeat;
	width: 191px;
	height: 59px;
	margin: 20px 20px 50px 0;
}

#courseSearch p,
#courseSearch02 p {
	color: #634f01;
	font-size: 12px;
	margin: 6px 10px 0 8px;
	border-bottom: solid 2px #d9ae00;
	padding-bottom: 1px;
	font-weight: normal !important;
	font-weight: bold;
}

#courseSearch02 p {
	padding-top: 6px;
}

#courseSearchForm input {
	width: 133px;
	height: 14px;
	background: url(/images/search_input_bg.gif) top center no-repeat;
	border: none;
	margin: 6px 5px 0 8px;
	float: left;
	padding: 3px;
	font-size: 12px;
	color: #666;
}

#courseSearch a.go,
#courseSearch02 a.go {
	width: 27px;
	height: 20px;
	display: block;
	background: url(/images/search_go.gif) top center no-repeat;
	overflow: hidden;
	float: left;
	margin-top: 6px;
	border: 0;
}

#courseSearch a.go:hover,
#courseSearch02 a.go:hover {
	background-position: bottom;
}

#courseSearch a.go span,
#courseSearch02 a.go span {
	display: none;
}

#courseSearchNote {
/*  position:absolute;*/
	left:70px;
	top:252px;
	width:280px;
	height:40px;
}
#courseSearchNote p {
	font-size:0.9em;
	font-weight:bold;
}

/* @group Tips */

.custom-tip {
	color: #000;
	width: 210px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 4px 8px 4px 8px;
	background: #101b75;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #e0f0fe;
	border-bottom: 1px solid #101b75;
	border-left: 1px solid #101b75;
	border-right: 1px solid #101b75;
}



/* @end */



/* @end */

/* @group Course details */

#bookCourse {
/*	clear: both;*/
/*	margin-top: 50px;*/
	margin-bottom: 20px;
}

#warning {
	background: url(/images/warning_top.gif) top left no-repeat;
	width: 510px;
	clear: both;
	padding: 0;
}

#warningBottom {
	background: url(/images/warning_bottom.gif) bottom left no-repeat;
	height: 10px;
}

#warning p {
	padding: 10px 15px;
	margin: 0;
}

span.school {
	padding-left: 25px;
	background: url(/images/icons/school.gif) 0px 0px no-repeat;
	color:  red;
}

/* @end */

/* @group News */

#headlines,
#headlines li {
	list-style: none;
}

li.headline {
	background: url(/images/star.gif) left center no-repeat #fff;
	padding: 5px 0 5px 25px;
}

li.headline a {
	border: 0;
}

p.date {
	font-style: italic;
	color: #999 !important;
}

#rightColNews img {
	background-color: #fff;
	padding: 8px;
	margin: 0 0 10px 10px;
	border: solid 1px #ccc;
	float: right;
}

/* @end */

/* @group About Us */

ul.aboutList {
	padding-left: 10px;
	padding-bottom: 10px;
}

ul.sportstar {
	padding-left: 10px;
	padding-bottom: 10px;
}

ul.topList,
p.top {
	padding-top: 8px;
}

ul.sportstar li {
	list-style-type: none;
	background: url(/images/icons/star.png) no-repeat;
	padding-left: 20px;
}
ul.aboutList li {
	list-style-type: none;
	background: url(/images/icons/bullet.png) no-repeat;
	padding-left: 20px;
}

ol li {
	list-style-type: decimal;
}

img.mugshot {
	border: solid 1px #ccc;
	background-color: #fff;
	padding: 5px;
}

/* @end */

/* @group Register page */

.star {
	color: red;
}

/*#registration ul {
	list-style:  none;
	padding: 0;
	margin: 0 0 25px 20px;
}

#registration ul li {
	margin: 5px 0;
}

#registration ul li label {
	width: 150px;
	float: left;
	padding-right: 10px;
	text-align: right;
	line-height: 24px;
	color: #333;
}*/

#registration #submitter {
	float: right;
}

/*.errors li a {
	color: #990000;
	border-bottom: dotted #990000 1px;
}

.errors li a:hover {
	color: red;
	border-bottom: solid red 1px;
}
*/

/* @end */

/* @group Faqs page */

ul.faqs {
	margin: 0 0 20px 0;
}

/* @end */

/* @group Sports Results */

#sports {
	width: 540px;
	margin: 0;
	padding: 0 !important;
	height: 1%;
	display: table;
}

#sports ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
/*  padding-bottom: 10px;*/
	height: 1%;
	display: table;
}

#sports ul li {
/*  background: url(/images/tab_right02.gif) top right no-repeat;*/
display: block;
float: left;
padding-right: 10px;
margin-bottom: 10px;
/*float: left;*/
}

#sports ul li a {

/*    background: url(/images/tab_left02.gif) top left no-repeat;*/
/*float: left;*/
    color: #000099;
    padding: 0 2em;
    border: 0;
    font-weight: bold;
    
    
    line-height: 1.2em;
    
	font-family: lucida grande, verdana;
	font-weight: bold;
	color: #3B5799;
	text-shadow: #CCC 2px 2px 2px;
	background: #efefef no-repeat 5px 4px;
	padding: 5px 8px 4px 8px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #666 3px 1px 2px;
	
	background-image: url(/images/icons/mag_go.png);
	padding-left: 24px;
	display: inline-block;
    
    
}

#sports ul li a:hover,
#sports ul li.selected a {
    color: #293F73;
    text-decoration: none;
}

#sports ul li.selected a {
    background-color: #DDD;
}

#key {
	float: right;
	position: relative;
}

#key ul li {
	display: block;
	height: 18px;
	float: left;
}

#results p {
	margin: 0;
	padding: 10px 0 0 0;
}

#results p.resultsVenue {
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	clear: both;
}

#results table,
#searchResults table {
	margin: 0 0 20px 0;
	padding: 0;
}

#results table tr:hover,
#searchResults table tr:hover {
	background-color: #ffeda6;
}

/* @end */

/* @group Basket */

#basket
{
	width: 181px;
	margin-left: 6px;
	clear: left;
	float: left;
}

#basket p.selectedCourses a
{
	margin: 0px;
	padding-top: 0;
	color: #666;
}

#basket p.courses
{
	margin-top: 5px;
	color: #999;
	text-align: center;
}

#basket p.courses a
{
	color: #999;
	text-decoration: none;
}

#basket p.courses a:hover
{
	text-decoration: underline;
}

#basketBg
{
	height: 70px;
	padding: 0;
	margin: 0;
	display: block;
	background: url(/images/basket_bg.gif) top center no-repeat;
}

table.basket
{
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.basket th,
table.basket td
{
	border: solid 1px #ccc;
	padding: 3px;
	color: #333;
}

table.basket tr:hover td {
	background: #F9EB96;
	cursor: pointer;
}

table.basket tr.active td {
	cursor: default;
	background: #c1d4a3;
	border-color: #aabc8e;
}

table.basket tr.disabled:hover td {
		cursor: default;
		background: inherit;
}

table.basket tr.dark { background-color: #e0f0fe; }
table.basket tr.light { background-color: #fff; }

table.basket tr.total td { background-color: #BEE0FD; }

table.basket th
{
    background: url(/images/headerBackground.gif) 50% 50% repeat-x;
    background-color: #101b75;
text-shadow: 0px 1px 1px #000;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
font-family: lucida sans, arial;
border-color: #556F9C;
}

table.basket td
{
    padding: 4px;
    border-left: solid 1px #ccc;
}

table.basket td.center { text-align: center; }

table.basket img { border: none; }

/* icons :: parents, kids, membership sports */

table.basket span
{
    padding-left: 24px;
    height: 16px;
    display: block;
}

span.member { background: url(/images/icons/membership.png) left center no-repeat; }
span.parent { background: url(/images/icons/parent.png) left center no-repeat; }
span.kid { background: url(/images/icons/kid02.png) left center no-repeat; }
span.course { background: url(/images/icons/course.png) left center no-repeat; }

/* @end */

/* @group Membership page */

ol.member {
	list-style: decimal; 
	padding: 0 10px;
	margin: 0 10px 0 20px;
}

ol.member li {
	list-style: decimal;
	padding:  2px 0;
}

/* @end */

/* @group Bio pages */

#bioImg {
	float: right;
	padding: 8px;
	margin: 10px 0 10px 10px;
	background-color: #fff;
	border: solid 1px #ccc;
}

/* @end */

/* @group quotes */

#contentMid .quotation {
	margin: 18px auto;
	width: 500px;
	background: url(/images/quote_start.gif) top left no-repeat;
}

#contentMid .sport {
	background: url(/images/sports/sport_quote_start.gif) top left no-repeat;
}

#contentMid p.quote {
	text-align: center;
/*  color: #999; */
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	background: url(/images/quote_end.gif) bottom right no-repeat;
}

#contentMid div.sport p.quote {
  background: url(/images/sports/sport_quote_end.gif) bottom right no-repeat;
}

#contentMid p.author {
	text-align: right;
/*  color: #567ac2; */
	color: #999;
}

/* @end */

/* @group Parties page */

#contentMid ul {
	marddgin-left: 20px;
}

/* @end */

/* @group Coach list */

div.coach {
	display: table;
	width: 100%;
	clear: both;
/*	border-bottom: 1px solid #ccc;*/
/*	padding: 10px 0px;*/
	padding-bottom: 5px;
}

div.coach img {
	margin: 0px 10px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}

div.coach h4 {
	margin: 0px;
	padding: 0px;
}

/* @group Buttons */

/* @group Button Base */

.button {
	font-family: lucida grande, verdana;
	font-weight: bold;
	font-size: 12px;
	color: #3B5799;
	text-shadow: #CCC 2px 2px 2px;
	background: #efefef no-repeat 5px 4px;
	padding: 5px 8px 4px 8px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #666 3px 1px 2px;
	cursor: pointer;
}

.button:hover {
		color: #293F73;
		border-color: #AAA;
		background-color: #e5e5e5;
		text-decoration: none;
		-webkit-box-shadow: #333 3px 1px 2px;
}

/* @end */

.addButton {
	background-image: url(/images/icons/add.png);
	padding-left: 24px;
}

.viewButton {
	background-image: url(/images/icons/view.png);
	padding-left: 24px;
}


.backButton {
	background-image: url(/images/icons/back.png);
	padding-left: 24px;
}


.saveButton {
	background-image: url(/images/icons/save.png);
	padding-left: 24px;
}

.discountButton {
	background-image: url(/images/icons/save.png);
	padding-left: 24px;
	position: relative;
	top: 3px;
}

.protxButton {
	background-image: url(/images/icons/protx.png);
	padding-left: 24px;
}

.cashButton {
	background-image: url(/images/icons/cash.png);
	padding-left: 24px;
}

/* @end */

/* @end */

h2 {
	border-bottom: 1px dotted #7378B0;
	font-family: lucida grande, trebuchet ms, tahoma;
	margin-bottom: 13px;
}

h3 {
	font-family: lucida grande, trebuchet ms, tahoma;
	padding: 5px 5px 3px 5px;
	margin: 0px;
    font-size: 13px;
	color: #101b75;
	font-weight: bold;
	border: none;
	border-top: 1px dotted #7378B0;
	background: none;
}

h3.first {
	border: none;
}

div.formBlock {
	padding: 10px 20px;
	background: url(/images/fadeToGray.gif) repeat-x bottom 0px #efefef;
	margin-bottom: 5px;
}

div.formBlock p {
  clear: left;
}

div.formBlock label {
	float: left;
	width: 80px;
	height: 15px;
	padding: 3px;
	margin-right: 10px;
	font-weight: bold;
	text-align: right;
	overflow: hidden;
}

.discountForm{
	display: inline;
	height: 25px;
}

.discountForm .discountButton {
	right: 25px;
	padding-bottom: 2px;
}

div.formBlock .static {
	float: left;
	width: 140px;
	background: #E5E5E5;
	background: #C3E0FC;
	padding: 3px 10px;
	margin-right: 10px;
	overflow: hidden;
	font-weight: bold;
	color: #555;
	border: none;
}

div.formBlock .yours {
	background: #C3E0FC;
	padding: 3px 4px;
	font-weight: bold;
	color: #555;
}


div.formBlock label.text {
    display: block;
	width: auto;
	padding-bottom: 1px;
	text-align: left;
	float: none;
}

.required, 
.errors li a {
	background: url(/images/icons/exclamation.png) 2px 2px no-repeat #FFC3C6;
	padding: 4px;
	padding-left: 20px;
	font-weight: bold;
	color: #333;
}

.errors li {
	padding: 0px;
	margin: 0px;
}

.errors ul {
	margin: 0px;
	padding: 0px;
}

.errors li a
{
	display: block;
	background-position: 2px 4px;
	margin-bottom: 2px;
	padding-top: 5px;
	background-color: #efefef;
}

.errors li em a
{
	background: none;
	display: inline;
	padding: 0px;
}

.errors li em
{
	display: block;
	padding: 3px;
	margin-bottom: 2px;
}

.errors li a:hover {
	text-decoration: none;
	background-color: #e5e5e5;
}

p.undertext {
	margin-top: 15px;
}

label.required {
	background-image: none;
}

div.formBlock input {
	height: 11px;
	/*width: 53px;*/
	padding: 1px;
	margin-top: 2px;
	font-size: 11px;
	/*text-align: center;*/
}

div.formBlock .discountCode {
	width: 53px;
}

#discountCodeSubmit {
	height: 22px;
	text-align: top;
	margin-bottom: 0px;
	font-size: 11px;
}

.discountSpan{
	height: 11px;
}

div.formBlock input.check {
	height: auto;
	padding: auto;
	float: none;
}

div.formBlockLong label {
/*	width: 140px;*/
}

#infoBox, #moreInfo {
	background: url(/images/icons/info.png) 6px 50% no-repeat #C8E9FF;
	padding: 8px 6px 6px 30px;
	display: block;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#moreInfo {
  background: url(/images/icons/save.png) 6px 50% no-repeat #c1d4a3;
	
}

#infoBox .highlight,
.allDay .highlight,
#danger .highlight,
span.feehighlight
 {
	color: #992633;
}

span.feehighlight {
  float: left;
  margin-left: 10px;
}

.coach h3 {
	padding-left: 0px;
}

.coach h3 a {
	color: #3B5799;
	background: url(/images/icons/profile.png) 2px left no-repeat;
	padding-left: 20px;
	display: block;
}

.coachImage {
	float: left;
	margin-top: 9px;
}

.coachImage:hover img {
	border-color: #999;
}

.coachEmail {
	display: inline;
	padding: 3px 3px 3px 22px;
	background-position: 3px 2px;
	background-image: url(/images/icons/email.png);
	background: url(/images/icons/email.png) 3px 2px no-repeat #EFEFEF;
	font-weight: bold;
	color: #3B5799;
	margin-top: 1px;
}

.coachEmail:hover {
	color: #3B5799;
	border-color: #AAA;
	background-color: #e5e5e5;
	text-decoration: none;
	border-bottom: 1px solid #3B5799;
}

#infoBox a {
	color: #2E579E;
}

#infoBox .attention {
	float: right;
	margin-right: 6px;
	font-size: 1.6em;
	margin-top: 6px;
}

#danger, #bookCourseBad {
	background: url(/images/icons/exclamation.png) 8px 50% no-repeat #FFC3C6;
	padding: 8px 6px 6px 30px;
	display: block;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#danger a {
	color: #2E579E;
}

textarea {
  width: 100%;
  height: 80px;
  max-width: 100%;
  border: 1px solid #777;
  outline: none;
  padding: 3px;
}

div.formBlock input.uploader
{
	width: 100%;
	height: auto;
}

a.tab {
	background: url(/images/tab.gif) repeat-x #d1d2cf;
	border: 1px solid #777;
/*	border-bottom: none;*/
	padding: 3px 7px;
	color: #333;
	font-weight: bold;
	margin-top: 0px;
	font-size: 10px;
	display: block;
	float: right;
	width: 55px;
	text-align: center;
	cursor: pointer;
	margin-top: 1px;
/*	safari goodness*/
	font-family: lucida grande;
	text-shadow: 0px 1px 1px #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #666 1px 1px 2px;
}

a.tab span {
	background: url(/images/icons/down.png) top right no-repeat;
	display: block;
	float: right;
	width: 11px;
}

.faq a {
	color: #2E579E;
	font-weight: bold;
}

a.tab:hover {
	text-decoration: none;
	background-image: url(/images/tab_over.gif);
}

.morePaddingInList li {
	padding-bottom: 5px;
}

a.simple {
		color: #2E579E;
		font-weight: bold;
		padding: 3px;
		background: #efefef;
}

a.simple:hover {
	background-color: #e5e5e5;
	text-decoration: none;
	color: #3B5799;
	border-color: #AAA;
	background-color: #e5e5e5;
	text-decoration: none;
	border-bottom: 1px solid #3B5799;
}

#bookingForm {
	display: block;
	clear: left;
}

.greyedOut * {
  color: #9a9a9a !important;
  text-decoration: line-through;
}

.greyedOut .static {
  background: #d9e8f6 !important;
}

div.formBlock label.allDay {
	background: #EDBC4B;
	padding: 15px;
	display: block;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
	width: auto;
	height: auto;
	margin-top: 15px;
	text-align: left;
}

div.formBlock label.allDay input {
	margin-top: 3px;
	height: auto;
}

.allDay span {
	font-size: 1.1em;
}

.filler {
float: left;
margin-top: 2px;
font-weight: bold;
}

.filler strong {
	color: red;
}

a.map {
  background: url(/images/icons/map.png) top right no-repeat;
  padding-right: 20px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-top: 1px;
  float: right;
/*  display: block;*/
}

.strikeOne {
  margin-right: 10px;
  text-decoration: line-through;
  padding: 0px;
  opacity: 0.6;
}

.serviceIcon
{
  float: left;
  margin: 10px 10px 10px 0px;
}

.adminInputBox {
  background: #E3F6FF;
  border: none;
  height: auto !important;
  padding: 6px;
  margin: 0px;
  width: 100%;
  font-size: 12px;
  text-align: right;
  font-weight: bold;
  -webkit-box-shadow: 2px 2px 3px #999;
}

h3.venueLink a {
	color: #3B5799;
	background: url(/images/icons/view.png) 2px left no-repeat;
	padding-left: 20px;
	display: block;
}

#scroller {
    height: 150px;
    border: 1px solid #CCC;
    overflow: scroll;
    margin: 5px 0px;
    background: #FFF;
    -webkit-box-shadow: 1px 1px 10px #666;
    overflow-x: hidden;
}

@media print {
  #topNav,
  #logout,
  #basket,
  #footerNewsletter,
  #address,
  #footer img,
  #copyright
   {
    display: none;
  }
  
  #header {
    width: 100%;
  }
}

div.grid {
  width: 100%;
  overflow: hidden;
}

div.grid div.col-50 {
  width: 46%;
  margin: 0 2%;
  overflow: hidden;
}

div.sport {
  padding: 10px;
  border: 2px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

a.by-area {
  background: url(/images/buttons/by-location.jpg) center center no-repeat;
}

a.by-sport {
  background: url(/images/buttons/by-sport.jpg) center center no-repeat;
}

a.by-venue {
  background: url(/images/buttons/by-venue.jpg) center center no-repeat;
}

a.by-date {
  background: url(/images/buttons/by-date.jpg) center center no-repeat;
}

a.by-area,
a.by-sport,
a.by-venue,
a.by-date {
  text-align: center;
  display: block;
  padding: 120px 10px 10px;
  border: 2px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
}

a.by-area span,
a.by-sport span,
a.by-venue span,
a.by-date span {
  border: 2px solid #ccc;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 3px 6px;
  text-decoration: none;
}

a.by-area:hover,
a.by-sport:hover,
a.by-venue:hover,
a.by-date:hover,
a.by-area:hover span,
a.by-sport:hover span,
a.by-venue:hover span,
a.by-date:hover span {
  border-color: #332B93;
}

div.filter {
  margin: 10px 0;
  background: #ffc;
  border: 1px solid #993;
  padding: 10px;
}

div.filter a.highlight {
  font-weight: bold;
  background: #ffe;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  margin: 0 5px;
  padding: 2px 3px;
}