@import url(../../css/reset.css);
body {
	width: 1000px;
	font-family: Verdana, sans-serif;
	color: #003F5E;
	background-color: #A3C8DA;
	font-size: 12px;
	margin: 0px auto;
	text-align: center;
}

/* Fancy Warnings, Errors & Infos */
#warning {
	border: 1px solid;
	padding:15px 10px 15px 50px;
	margin: 10px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../../images/general/warning.jpg');
	clear:both;
}
	
#message {
	border: 1px solid;
	padding:15px 10px 15px 50px;
	margin: 10px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../../images/general/message.jpg');
	clear:both;
}
	
#error {
	border: 1px solid;
	padding:15px 10px 15px 50px;
	margin: 10px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../../images/general/error.jpg');
	clear:both;
}

#success {
	border: 1px solid;
	padding:15px 10px 15px 50px;
	margin: 10px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../../images/general/success.jpg');
	clear:both;
}

	#message ul, #error ul, #success ul, #warning ul {
		list-style: disc;
		padding-left: 40px;
		margin-top: 10px;
	}

#content {
	width: 1000px;
	background-color: #FFFFFF;
	z-index: 1;
	position: absolute;
	margin: 0px auto;
	text-align: left;
	float: left;
	clear: none;
}

#bg img {
	height: auto;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 0;
}

a {
	color: #003F5E;
}

	a:hover {
		text-decoration: none;
	}

#header {
	width: 1000px;
	height: 100px;
	float: left;
	clear: none;
}

	#headerLeft {
		width: 306px;
		height: 66px;
		padding: 17px 0px;
		float: left;
		clear: none;
	}
	
	#headerRight {
		width: 310px;
		padding-left: 384px;
		height: 71px;
		padding-top: 29px;
		float: left;
		clear: none;
	}
	
		#headerSearch {
			display: none;
		}
	
		#headerRight a {
			color: #FFFFFF;
		}
		
		#courseSearchPostCode {
			width: 165px;
			margin-right: 3px;
		}
		
		#courseSearchLocation {
			width: 169px;
			margin-right: 3px;
		}
		
		#courseSearchName {
			width: 165px;
			margin-right: 3px;
		}
		
		#courseSearchPostCodeButton {
			margin-right: 4px;
			position: relative;
			top: 3px;
		}
		
		#courseSearchLocationButton {
			margin-left: 4px;
			position: relative;
			top: 3px;
		}
		
		#courseSearchNameButton {
			margin-left: 4px;
			position: relative;
			top: 3px;
		}
	
#navigation {
	width: 1000px;
	height: 61px;
	background-image: url(navigation.png);
	float: left;
	clear: none;
}

	#navigation ul {
		width: 1000px;
		height: 24px;
		line-height: 24px;
		margin: 0px;
		padding: 0px;
		padding-top: 6px;
		list-style: none;
		float: left;
		clear: none;
	}
	
		#navigation ul li {
			line-height: 24px;
			text-align: center;
			float: left;
			clear: none;
		}
		
			#navigation ul li.home {
				width: 55px;
			}
			
			#navigation ul li.teeTimes {
				width: 83px;
			}
			
			#navigation ul li.golfCourses {
				width: 99px;
			}
			
			#navigation ul li.ratesPromos {
				width: 119px;
			}
			
			#navigation ul li.signUp {
				width: 67px;
			}
			
			#navigation ul li.help {
				width: 47px;
			}
			
			#navigation ul li.societies {
				width: 75px;
			}
		
		#navigation ul li a {
			color: #FFFFFF;
			line-height: 24px;
		}
		
	#navigationJoin {
		width: 990px;
		height: 26px;
		padding-bottom: 5px;
		color: #FFFFFF;
		line-height: 26px;
		text-align: left;
		padding-left: 10px;
		font-size: 11px;
		float: left;
		clear: none;
	}
	
		#navigationJoin select {
			width: 80px;
		}
		
		.textInput {
			width: 136px;
		}
		
		#navigationJoin input[type=image] {
			position: relative;
			top: 3px;
		}
		
	#courseDropDown {
		z-index: 2;
		background-color: #006699;
		text-align: left;
	}
	
		#courseDropDown ul li {
			color: #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			line-height: 30px;
			padding-left: 9px;
			padding-right: 30px;
		}
		
			#courseDropDown ul li a:link {
				color: #FFFFFF;
			}
			
			#courseDropDown ul li a:visited {
				color: #FFFFFF;
			}
			
	#ratesDropDown {
		z-index: 2;
		background-color: #006699;
		text-align: left;
	}
	
		#ratesDropDown ul li {
			color: #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			line-height: 30px;
			padding-left: 9px;
			padding-right: 30px;
		}
		
			#ratesDropDown ul li a:link {
				color: #FFFFFF;
			}
			
			#ratesDropDown ul li a:visited {
				color: #FFFFFF;
			}
		
#mainContent {
	width: 1000px;
	float: left;
	clear: none;
}

	#mainContentLeft {
		width: 690px;
		float: left;
		clear: none;
	}
	
		#slideWelcome {
			width: 415px;
			height: 138px;
			background-image: url(../../images/slides/4.jpg);
			background-repeat: no-repeat;
			padding: 40px 243px 10px 10px;
			line-height: 20px;
			text-align: justify;
			float: left;
			clear: none;
		}
		
			#slideWelcome p {
				margin-bottom: 10px;
			}
	
		#intro {
			width: 670px;
			padding: 10px;
			float: left;
			clear: none;
		}
		
			#intro h1 {
				margin: 0px;
				padding: 0px;
				width: 670px;
				font-size: 24px;
				color: #1b5790;
				font-weight: bold;
				text-transform: uppercase;
				float: left;
				clear: none;
			}
			
			#introLeft {
				width: 438px;
				padding-right: 10px;
				float: left;
				clear: none;
			}
			
			#introRight {
				width: 222px;
				float: left;
				clear: none;
			}
			
				#introLeft p {
					width: 438px;
					line-height: 20px;
					text-align: justify;
					margin-top: 0px;
					margin-bottom: 10px;
					float: left;
					clear: none;
				}
				
					#introLeft p a {
						color: #FF0000;
						text-decoration: underline;
					}
				
				#introRight img {
					border: 1px solid #CCCCCC;
					background-color: #FFFFFF;
					padding: 10px;
					float: left;
					clear: none;
				}
				
		#latestNews {
			width: 670px;
			margin-left: 10px;
			margin-bottom: 10px;
			float: left;
			clear: none;
		}
		
		#latestNewsHeading h2 {
			width: 670px;
			font-size: 20px;
			text-transform: uppercase;
			font-weight: bold;
			color: #1B5790;
			padding-left: 10px;
			margin-bottom: 10px;
			float: left;
			clear: none;
		}
		
			.latestNewsStory {
				width: 670px;
				margin-bottom: 20px;
				float: left;
				clear: none;
			}
			
			.latestNewsStoryContent {
				width: 650px;
				background-image: url(boxes/news-top.png);
				background-repeat: repeat-y;
				padding: 20px 20px 0px 20px;
				float: left;
				clear: none;
			}
			
				.latestNewsStoryContentPhoto {
					width: 222px;
					margin-right: 20px;
					float: left;
					clear: none;
				}
				
					.latestNewsStoryContentPhoto img {
						border: 1px solid #CCCCCC;
						background-color: #FFFFFF;
						padding: 10px;
					}
					
				.latestNewsStoryContentText {
					width: 388px;
					font-size: 12px;
					line-height: 20px;
					float: left;
					clear: none;
				}
				
					.latestNewsStoryContentText h3 {
						width: 388px;
						color: #7aa13d;
						font-weight: bold;
						font-size: 14px;
						line-height: 20px;
						margin-bottom: 5px;
						float: left;
						clear: none;
					}
					
					.latestNewsStoryContentTextDate {
						width: 388px;
						font-weight: bold;
						font-style: italic;
						font-size: 12px;
						margin-bottom: 20px;
						float: left;
						clear: none;
					}
					
					.latestNewsStoryContentText p {
						width: 388px;
						float: left;
						clear: none;
					}
					
					.latestNewsStoryContentTextButtons {
						width: 388px;
						margin-top: 20px;
						float: left;
						clear: none;
					}
			
			.latestNewsStoryBottom {
				width: 670px;
				height: 17px;
				background-image: url(boxes/news-bottom.png);
				float: left;
				clear: none;
			}
	
	#mainContentRight {
		width: 300px;
		position: relative;
		top: -54px;
		margin-bottom: -54px;
		display: none;
		float: left;
		clear: none;
	}
	
		.sideBox {
			width: 300px;
			float: left;
			clear: none;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
			.sideBoxTopTeeTimes {
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-tee-times.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
			.sideBoxTopCourses {
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-courses.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
			.sideBoxTopExtras {
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-extras.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
			.sideBoxTopExtrasV2 {
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-extras-v2.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
			.sideBoxTopByPrice {
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-by-price.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
			.sideBoxTopByDiscount {
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-by-discount.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
			.sideBoxTopLatest{
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-latest.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
			.sideBoxTopQuoteForm {
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-by-discount.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
			.sideBoxTopChooseArea {
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-choose-area.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
			.sideBoxTopGetQuotes {
				width: 280px;
				height: 72px;
				background-image: url(boxes/header-get-quotes.png);
				padding-left: 20px;
				line-height: 72px;
				float: left;
				clear: none;
			}
			
				.sideBox h2 {
					padding: 0px;
					margin: 0px;
					color: #FFFFFF;
					font-size: 20px;
					text-transform: uppercase;
					font-weight: bold;
				}
				
			.sideBoxTabs {
				width: 300px;
				height: 28px;
				background-image: url(boxes/tabs.png);
				text-align: center;
				color: #FFFFFF;
				padding-top: 5px;
				float: left;
				clear: none;
			}
			
			#teeTimeSearchTabs {
				width: 300px;
				float: left;
				clear: none;
			}
			
			.sideBoxContent {
				width: 268px;
				padding: 16px;
				background-image: url(boxes/content.png);
				background-repeat: repeat-y;
				float: left;
				clear: none;
			}
			
				.sideBoxLine {
					width: 280px;
					float: left;
					clear: none;
				}
				
					.sideBoxLineLeft {
						width: 135px;
						text-align: left;
						padding-left: 5px;
						float: left;
						clear: none;
					}
					
						.sideBoxLineLeftLink {
							width: 135px;
							text-align: left;
							padding-left: 5px;
							padding-top: 13px;
							float: left;
							clear: none;
						}
					
						.sideBoxLineLeftLink a {
							color: #FF0000;
							text-decoration: underline;
							background-image: url(../../images/tinyicons/add.png);
							background-repeat: no-repeat;
							background-position: left;
							padding-left: 20px;
							line-height: 20px;
						}
					
					.sideBoxLineRight {
						width: 130px;
						text-align: center;
						padding-left: 10px;
						float: left;
						clear: none;
					}
					
						#teeTimeSearchPostCode {
							width: 134px;
						}
						
						#teeTimeSearchDistance {
							width: 113px;
							height: 20px;
							margin-bottom: 10px
						}
						
						#teeTimeSearchCounty {
							width: 134px;
							height: 20px;
							margin-bottom: 10px;
						}
						
						#teeTimeSearchCourse {
							width: 113px;
							height: 20px;
							margin-bottom: 10px
						}
						
						#teeTimeSearchPostCodeButton {
							vertical-align: middle;
						}
						
						#teeTimeSearchCountyButton {
							vertical-align: middle;
						}
						
				.accordionContainer {
					width: 266px;
					background-color: #fafafa;
					border-top: 1px solid #cccccc;
					border-left: 1px solid #cccccc;
					border-right: 1px solid #cccccc;
					text-align: left;
					margin-left: 6px;
					float: left;
					clear: none;
				}
				
				.popup {
					width: 206px;
					z-index: 2;
					position: absolute;
					top: 0px;
					left: 0px;
					display: none;
					float: left;
					clear: none;
				}
				
					.popupCourseName {
						width: 172px;
						height: 41px;
						margin-left: 34px;
						overflow: hidden;
						display: table;
						position: static;
						background-image: url(popup/course-name.png);
						float: left;
						clear: none;
					}
					
						.popupCourseNameContainer {
							display: table-cell;
							vertical-align: middle;
							width: 100%;
						}
						
							.popupCourseNameContainerText {
								width: 132px;
								color: #FFFFFF;
								text-align: left;
								padding-left: 10px;
								padding-top: 5px;
								float: left;
								clear: none;
							}
							
							.popupCourseNameContainerClose {
								width: 20px;
								color: #FFFFFF;
								text-align: center;
								padding-top: 10px;
								cursor: pointer;
								float: left;
								clear: none;
							}
					
					.popupCourseLocation {
						width: 172px;
						height: 22px;
						padding-top: 10px;
						margin-left: 34px;
						background-image: url(popup/course-location.png);
						float: left;
						clear: none;
					}
					
						.popupCourseLocationText {
							width: 133px;
							height: 22px;
							padding-left: 10px;
							color: #FFFFFF;
							text-align: left;
							font-weight: bold;
							float: left;
							clear: none;
						}
						
						.popupCourseLocationFlag {
							width: 29px;
							height: 22px;
							text-align: left;
							float: left;
							clear: none;
						}
						
							.popupCourseLocationFlag img {
								border: 1px solid #000000;
							}
					
					.popupCoursePhoto {
						width: 165px;
						margin-left: 34px;
						padding-left: 7px;
						text-align: left;
						background-image: url(popup/course-location.png);
						background-repeat: repeat-y;
						float: left;
						clear: none;
					}
					
						.popupCoursePhoto img {
							width: 158px;
						}
					
					.popupArrow {
						width: 34px;
						height: auto;
						float: left;
						clear: none;
					}
					
					.popupRates {
						width: 172px;
						height: 58px;
						margin-left: 34px;
						float: left;
						clear: none;
					}
					
						.popupSaveUpTo {
							width: 78px;
							height: 28px;
							padding-top: 30px;
							padding-left: 7px;
							font-size: 18px;
							font-weight: bold;
							color: #FF0000;
							background-image: url(popup/save-up-to.png);
							float: left;
							clear: none;
						}
						
						.popupRatesFrom {
							width: 80px;
							height: 28px;
							padding-top: 30px;
							padding-right: 7px;
							font-size: 18px;
							font-weight: bold;
							color: #FF0000;
							background-image: url(popup/rates-from.png);
							float: left;
							clear: none;
						}
					
					.popupButtons {
						width: 172px;
						margin-left: 34px;
						background-image: url(popup/bg.png);
						background-repeat: repeat-y;
						float: left;
						clear:none;
					}
					
					.popupBottom {
						width: 172px;
						height: 21px;
						margin-left: 34px;
						background-image: url(popup/bottom.png);
						float: left;
						clear: none;
					}	
					
				.countyCourses ul.courseList {
					width: 266px;
					border: 1px solid #CCCCCC;
					margin-left: 6px;
					float: left;
					clear: none;
				}
										
				.courseList li {
					width: 216px;
					background-repeat: no-repeat;
					margin-left: 0px;
					line-height: 34px;
					padding: 5px 0px;
					float: left;
					clear: none;
				}
				
				.courseList .ui-icon {
					margin-top: 7px;
				}
				
				.countyCourses .ui-icon {
					margin-top: 9px;
					float: left;
					clear: none;
				}
				
				.courseList div.priceFrom {
					width: 50px;
					height: 34px;
					line-height: 17px;
					text-align: center;
					font-weight: bold;
					color: #FF0000;
					padding: 5px 0px;
					float: left;
					clear: none;
				}
			
			.sideBoxBottom {
				width: 300px;
				height: 20px;
				background-image: url(boxes/bottom.png);
				float: left;
				clear: none;
			}
			
	#footer {
		width: 980px;
		height: 88px;
		line-height: 88px;
		border-top: 9px solid #FF0000;
		border-bottom: 1px solid #006699;
		background-color: #cce9f7;
		margin: 0px 10px 10px 10px;
		float: left;
		clear: none;
	}
	
		#footerLeft {
			width: 480px;
			height: 88px;
			line-height: 88px;
			text-align: left;
			padding-left: 10px;
			font-size: 10px;
			float: left;
			clear: none;
		}
		
			#footerLeft img {
				vertical-align: middle;
			}
		
		#footerRight {
			width: 480px;
			height: 88px;
			line-height: 88px;
			text-align: right;
			padding-right: 10px;
			float: left;
			clear: none;
		}
		
			#footerRight a {
				margin-left: 10px;
				font-weight: bold;
			}
			
/* Rates & Promotions */
.greenFees {
	width: 366px;
	border: 1px solid #CCCCCC;
	background-color: #fafafa;
	margin-bottom: 10px;
	padding: 0px 10px;
	float: left;
	clear: none;
}

	.greenFees legend {
		padding: 5px;
		font-weight: bold;
		color: #FF0000;
	}
	
	.greenFees p {
		width: 366px;
		margin-bottom: 10px;
		padding: 0px !important;
	}
	
.promotions {
	width: 366px;
	padding: 0px 10px;
	border: 1px solid #CCCCCC;
	background-color: #fafafa;
	float: left;
	clear: none;
}

	.promotions legend {
		padding: 5px;
		font-weight: bold;
		color: #FF0000;
	}
	
	.promotions p {
		width: 366px;
		margin-bottom: 10px;
		padding: 0px !important;
	}
	
.priceItemGrey {
	width: 650px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	background-color: #efefef;
	float: left;
	clear: none;
}

.priceItemWhite {
	width: 650px;
	padding: 10px;
	background-color: #ffffff;
	float: left;
	clear: none;
}

	.priceItemNum {
		width: 20px;
	}
	
	.priceItemImage {
		width: 172px;
		text-align: center;
		float: left;
		clear: none;
	}
	
		.priceItemImage img {
			width: 50px;
			border: 1px solid #CCCCCC;
			background-color: #FFFFFF;
			padding: 10px;
			float: left;
			clear: none;
		}
		
	.priceItemText {
		width: 200px;
		background-color: #CCCCCC;
		color: #999999;
		margin-left: 10px;
		float: left;
		clear: none;
	}
	
		.priceItemCourse {
			font-size: 18px;
			font-weight: bold;
		}
		
			.priceItemCourse a:hover {
				text-decoration: underline;
			}
		
		.priceItemLink {
			background-image: url(../../images/tinyicons/information.gif);
			background-position: left;
			background-repeat: no-repeat;
			padding-left: 20px; 
			line-height: 20px;
		}
		
			.priceItemLink a:hover {
				text-decoration: underline;
			}
		
		.priceItemTeeTimes {
			background-image: url(../../images/tinyicons/magnifier.gif);
			background-position: left;
			background-repeat: no-repeat;
			padding-left: 20px; 
			line-height: 20px;
		}
		
			.priceItemTeeTimes a:hover {
				text-decoration: underline;
			}
		
		.priceItemSave {
			background-image: url(../../images/tinyicons/coins.gif);
			background-position: left;
			background-repeat: no-repeat;
			padding-left: 20px; 
			font-weight: bold;
		    line-height: 20px;
		}
		
		.priceItemCourseText {
			padding-left: 40px;
		}
		
		.priceItemFrom {
			font-weight: bold;
		}
		
		.priceItemPrice {
			font-weight: bold;
			font-size: 36px;
		}
		
	#introChoice {
		width: 670px;
		margin-left: 10px;
		margin-bottom: 10px;
		float: left;
		clear: none; 
	}
	
		#introChoiceTop {
			width: 660px;
			height: 15px;
			background-image: url(site/intro-choice-top.jpg);
			color: #FF0000;
			font-weight: bold;
			padding-left: 10px;
			padding-top: 10px;
			float: left;
			clear: none; 
		}
		
		#introChoiceMiddle {
			width: 648px;
			border-left: 1px solid #03689a;
			border-right: 1px solid #03689a;
			background-color: #FFFFFF;
			padding: 10px 10px 0px 10px;
			float: left;
			clear: none; 
		}
		
			#introChoiceMiddle ul {
				width: 648px;
				list-style: none;
				float: left;
				clear: none; 
			}
				
				#introChoiceMiddle ul li {
					width: 142px;
					margin-right: 20px;
					line-height: 20px;
					list-style: none;
					float: left;
					clear: none; 
				}
		
		#introChoiceBottom {
			width: 670px;
			height: 15px;
			background-image: url(site/intro-choice-bottom.jpg);
			float: left;
			clear: none; 
		}
		
/* Course Details */
#courseDetails #intro {
	width: 670px;
	padding: 10px;
	float: left;
	clear: none;
}

	#courseDetails #intro h1 {
		width: 670px;
		float: left;
		clear: none;
	}
	
	#courseDetails #intro #address {
		width: 670px;
		text-align: left;
		float: left;
		clear: none;
	}
	
#courseDetails .fullTitle {
	width: 650px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	float: left;
	clear: none;
}

	#courseDetails .full p {
		width: 630px;
		line-height: 20px;
		margin-bottom: 10px;
		float: left;
		clear: none;
	}
	
#courseDetails .halfBox {
	width: 650px;
	margin-top: 20px;
	float: left;
	clear: none;
}

	#courseDetails .halfBoxLeft {
		width: 315px;
		padding-right: 10px;
		float: left;
		clear: none;
	}
	
	#courseDetails .halfBoxRight {
		width: 315px;
		padding-left: 9px;
		border-left: 1px dashed #CCCCCC;
		float: left;
		clear: none;
	}
	
#courseDetails .halfTitleLeft {
	width: 315px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	float: left;
	clear: none;
}

#courseDetails .halfTitleRight {
	width: 315px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	float: left;
	clear: none;
}

#courseDetails .half {
	width: 315px;
	line-height: 20px;
	margin-bottom: 10px;
	float: left;
	clear: none;
}

	#courseDetails .half p {
		width: 315px;
		line-height: 20px;
		margin-bottom: 10px;
		float: left;
		clear: none;
	}
	
	#datepicker {
		margin-left: 29px;
		margin-bottom: 10px;
	}
	
	#courseSearchButton {
		margin-left: 77px;
	}
	
.tabPhotos img {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 11px;
}

.tabScorecard {
	width: 268px;
	margin-left: 6px;
	float: left;
	clear: none;
}

	.tabScorecard table tr td {
		height: 20px;
		line-height: 20px;
	}
	
	.tabScorecard table tr.highlight {
		color: #FFFFFF;
		background-color: #006A9F;
	}
	
	.tabScorecard table tr.total {
		color: #FFFFFF;
		background-color: #ff0000;
	}
	
	.tabScorecard table tr.even {
		background-color: #efefef;
	}
	
.tabMap {
	width: 268px;
	margin-left: 6px;
	float: left;
	clear: none;
}

	#mapContainer {
		width: 266px;
		height: 266px;
		border: 1px solid #CCCCCC;
		margin-bottom: 10px;
		float: left;
		clear: none;
	}
	
	.tabMapTitle {
		width: 268px;
		height: 20px;
		line-height: 20px;
		color: #FF0000;
		font-weight: bold;
		font-size: 14px;
		float: left;
		clear: none;
	}
	
	.tabMap p {
		width: 268px;
		margin-bottom: 10px;
		line-height: 20px;
		float: left;
		clear: none;
	}
	
/* Advanced Search */
#advancedSearch .title {
	width: 630px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
	float: left;
	clear: none;
}

	#advancedSearch .titleLeft {
		width: 315px;
		font-size: 18px;
		font-weight: bold;
		color: #FF0000;
		float: left;
		clear: none;
	}
	
	#advancedSearch .titleRight {
		width: 315px;
		text-align: right;
		float: left;
		clear: none;
	}
	
	#advancedSearch .titleFull {
		width: 630px;
		text-align: left;
		font-size: 18px;
		font-weight: bold;
		color: #FF0000;
		float: left;
		clear: none;
	}
	
	#advancedLocation {
		width: 630px;
		float: left;
		clear: none;
	}
	
		#advancedLocation table {
			width: 630px;
			float: left;
			clear: none;
		}
		
		.boldCell {
			font-weight: bold;
			text-align: center;
		}
		
		#countyTable {
			display: none;
		}
		
	#advancedDate {
		width: 630px;
		float: left;
		clear: none;
	}
	
		#advancedDate table#date {
			width: 630px;
			float: left;
			clear: none;
		}
		
		#advancedDate table#date tr td {
			vertical-align: middle;
		}
		
	#advancedPlayers {
		width: 630px;
		float: left;
		clear: none;
	}
	
		#advancedPlayers table#players {
			width: 630px;
			float: left;
			clear: none;
		}
		
	#advancedPrice {
		width: 630px;
		float: left;
		clear: none;
	}
	
		#advancedPrice table#priceTable {
			width: 630px;
			float: left;
			clear: none;
		}
		
/* Help */
#links {
	padding: 10px;
}

	#links h2 {
		color: #FF0000;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	#links ul {
		padding-left: 30px;
		list-style: disc;
		margin-bottom: 20px;
	}
	
	#links ul li {
		line-height: 20px;
	}
	
.latestNewsStoryContent .title {
	width: 630px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
	float: left;
	clear: none;
}

.latestNewsStoryContent h3 {
	margin-bottom: 5px;
	/*margin-top: 20px;*/
}

#help h3 {
	margin-top: 20px;
}

#help p {
	line-height: 20px;
	padding-right: 20px;
}

#terms h3 {
	line-height: 20px;
	padding-right: 20px;
	margin-top: 20px;
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}

#terms p {
	padding-right: 20px;
	line-height: 20px;
}

/* Contact */
table#contactTable {
	margin-top: 20px;
	margin-bottom: 20px;
}

table#contactTable tr td {
	line-height: 20px;
}

table#formTable tr td {
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 20px;
}

.securityImage {
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.pincode {
	width: 30px;
}

.message {
	width: 320px;
	height: 157px;
}

/* Sign up */
#signUp h3 {
	width: 630px;
	line-height: 20px;
	padding-right: 20px;
	margin-top: 20px;
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
	float: left;
	clear: none;
}

#signUp p {
	padding-right: 20px;
	line-height: 20px;
	float: left;
	clear: none;
}

#signUp ul {
	list-style: disc;
	padding-left: 40px;
	width: 275px;
	float: left;
	clear: none;
}

#signUp ul li {
	line-height: 20px;
}

#signUpForm {
	width: 295px;
	margin-left: 20px;
	float: left;
	clear: none;
}

#signUpTitle {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 60px;
	padding-left: 10px;
	text-transform: uppercase;
}

	#signUpTable {
		color: #FFFFFF;
		margin-left: 10px;
		margin-top: 10px;
	}
	
	#signUpTable tr td {
		line-height: 30px;
		font-weight: bold;
	}
	
	#signUpTable .input {
		width: 180px;
	}
	
/* Sitemap */
#sitemap table tr td {
	line-height: 20px;
	vertical-align: middle;
}

/* Voucher Terms */
#voucher-terms ul {
	list-style: disc;
	margin: 0px 30px 20px 30px;
}

#voucher-terms ul li {
	line-height: 20px;
}

/* Societies */
#map_canvas {
	width: 628px;
	height: 500px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-top: 10px;
	float: left;
	clear: none;
}

	.mapBubbleCourseName {
		font-size: 12px;
		font-weight: bold;
		height: 60px;
		line-height: 20px;
		width: 170px;
	}
	
	.mapBubblePhoto {
		width: 98px;
		border: 1px solid #cccccc;
		padding: 5px;
		background-color: #FFFFFF;
	}
	
	.mapBubbleDigitLeft {
		height: 50px;
		font-size: 18px;
		font-weight: bold;
		background-image: url(maps/prices-from.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.mapBubbleDigitRight {
		height: 50px;
		font-size: 18px;
		font-weight: bold;
		background-image: url(maps/save-up-to.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.mapBubblex img {
		cursor: pointer;
	}
	
	#mapCounties {
		margin-bottom: 10px;
	}
	
	#quoteCourses {
		margin-top: 5px;
		margin-bottom: 10px;
		line-height: 20px;
	}
	
	.societyFormTitle {
		font-weight: bold;
	}
	
	.societyQuoteFullText {
		width: 264px;
		margin-bottom: 20px;
		margin-top: 5px;
	}
	
	.societyQuoteHalfText {
		width: 202px;
		margin-bottom: 20px;
		margin-top: 5px;
	}
	
	.requiredField {
		font-weight: bold;
		color: #FF0000;
	}
	
	#foodRequired {
		margin-bottom: 20px;
	}
	
	.textAreaFull {
		width: 264px;
		height: 100px;
		margin-top: 5px;
		margin-bottom: 20px;
	}
	
	#societySideFormSend {
		text-align: center;
	}
	
	.ui-effects-transfer {
		border: 2px solid #000000;
	}
	
	.societyP {
		line-height: 10px;
	}
	
	.societyList {
		list-style: decimal;
		margin-left: 30px;
		margin-top: 20px;
		line-height: 20px;
	}
	
	.quoteButton {
		cursor: pointer;
	}
	
	#societyLFLeft {
		width: 630px;
		float: left;
		clear: none;
	}
		
		#societyLFLeftCourse {
			width: 630px;
			float: left;
			clear: none;
		}
		
			#societyLFLeftCourseTitle {
				font-size: 18px;
				font-weight: bold;
				border-bottom: 1px solid #CCCCCC;
				margin-bottom: 10px;
			}
			
			#societyLFLeftCourseContent {
				width: 630px;
				height: 50px;
				margin-bottom: 10px;
				float: left;
				clear: none;
			}
			
				#societyLFLeftCourseLeft {
					width: 371px;
					height: 50px;
					padding-right: 10px;
					margin-right: 10px;
					border-right: 1px dashed #CCCCCC;
					float: left;
					clear: none;
				}
				
					#societyLFLeftCourseLeftTitle {
						width: 361px;
						padding-left: 10px;
						font-weight: bold;
						float: left;
						clear: none;
					}
					
					#societyLFLeftCourseLeftContent {
						width: 341px;
						height: 40px;
						padding-left: 30px;
						overflow: hidden;
						float: left;
						clear: none;
					}
					
					#societyLFLeftCourseLeftContent ul {
						list-style: none;
					}
				
				#societyLFLeftCourseCenter {
					width: 79px;
					height: 50px;
					border-right: 1px dashed #CCCCCC;
					float: left;
					clear: none;
				}
				
					#societyLFLeftCourseCenterTitle {
						width: 79px;
						font-weight: bold;
						float: left;
						clear: none;
					}
					
					#societyLFLeftCourseCenterContent{
						width: 59px;
						padding-left: 20px;
						float: left;
						clear: none;
					}
				
				#societyLFLeftCourseRight {
					width: 153px;
					height: 42px;
					padding-top: 8px;
					float: left;
					clear: none;
				}
			
			#societyLFLeftCourseDivider{
				width: 570px;
				height: 20px;
				border-top: 1px solid #CCCCCC; 
				margin-bottom: 10px;
				background-color: #f2f2f2;
				float: left;
				clear: none;
			}
	
	#societyLFRight {
		width: 200px;
		float: left;
		clear: none;
	}
	
	#cisLeft {
	width: 310px;
	margin-right: 10px;
	margin-top: 20px;
	float: left;
	clear: none;
}

#cisRight {
	width: 310px;
	margin-top: 20px;
	float: left;
	clear: none;
}

#cisLine {
	width: 310px;
	margin-bottom: 20px;
	line-height: 20px;
	float: left;
	clear: none;
}

#cisLine ul {
	list-style: none;
	margin-left: 10px;
}

#cisLine ul li {
	background-image: url(../../images/tinyicons/bullet_go.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	line-height: 20px;
	margin-bottom: 4px;
}

#cisLeft ul li {
	background-color: #f1f1f1;
	padding: 5px 5px 5px 20px;
}

#cisTitle {
	color: #FF0000;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px dashed #d3d3d3;
	padding-bottom: 5px;
}
	#ciSociety {
		float: left;
		clear: none;
	}
	
	#ciSociety ul {
		list-style: none;
	}
	
		#ciSocietyDouble {
			width: 359px;
			height: 160px;
			margin-right: 10px;
			float: left;
			clear: none;
		}
		
			#ciSocietyDoubleTop {
				width: 349px;
				height: 20px;
				background-image: url(../../images/tinyicons/double-top.jpg);
				background-repeat: no-repeat;
				padding-left: 10px;
				float: left;
				clear: none;
			}
			
				.ciSocietyTitle {
					background-color: #FFFFFF;
					font-weight: bold;
					padding: 0px 5px 5px 5px;
					float: left;
					clear: none;
				}
			
			#ciSocietyDoubleMiddle {
				width: 337px;
				height: 120px;
				border-left: 1px solid #c0c0c0;
				border-right: 1px solid #c0c0c0;
				padding: 5px 10px 0px 10px;
				overflow: auto;
				float: left;
				clear: none;
			}
			
			#ciSocietyDoubleBottom {
				width: 359px;
				height: 10px;
				background-image: url(../../images/tinyicons/double-bottom.jpg);
				background-repeat: no-repeat;
				float: left;
				clear: none;
			}
			
		#ciSocietyDouble2 {
			width: 359px;
			height: 160px;
			float: left;
			clear: none;
		}
			
		#ciSocietySingle {
			width: 174px;
			height: 160px;
			margin-right: 10px;
			float: left;
			clear: none;
		}
		
			#ciSocietySingleTop {
				width: 164px;
				height: 20px;
				background-image: url(../../images/tinyicons/single-top.jpg);
				background-repeat: no-repeat;
				padding-left: 10px;
				float: left;
				clear: none;
			}
			
			#ciSocietySingleMiddle {
				width: 152px;
				height: 120px;
				border-left: 1px solid #c0c0c0;
				border-right: 1px solid #c0c0c0;
				padding: 5px 10px 0px 10px;
				float: left;
				clear: none;
			}
			
			#ciSocietySingleBottom {
				width: 174px;
				height: 10px;
				background-image: url(../../images/tinyicons/single-bottom.jpg);
				background-repeat: no-repeat;
				float: left;
				clear: none;
			}
			
		#ciSocietyIntro{
			width: 918px;
			float: left;
			clear: none;
		}
		
	#societyModal, #successModal, #errorModal {
		display: none;
		text-align: left;
	}
	
	#societyModal table td {
		text-align: left;
		line-height: 20px;
	}
	
	#societyModal input.societyWide {
		width: 150px;
	}
	
	#societyModal input.societyDate {
		width: 80px;
		margin-bottom: 4px;
	}
	
	#otherRequirements {
		width: 507px;
		height: 113px;
	}