/* CSS Document */

/*---------------------------*/
/* GOLF specific style sheet */
/*---------------------------*/


/* Row of 3 images on Golf landing page
--------------------------------------------------------------------*/
.golfIntroPics { /* div holder for ALL 3 courses */
	height: 180px;
	margin: 0;
	padding: 0;
	}
.gc-singlePic {  /* div holder for INDIVIDUAL images/course */
	width: 140px;
	float: left;
	margin-right: 8px; 
	}
.gc-singlePic img { /* mouse over effect for images */
	border: 1px solid #fff;
	}
.gc-singlePic:hover img {
	border: 1px solid #5b1c47;
	}
.gc-singlePic img.course-H-sm,
.gc-singlePic:hover img.course-H-sm {
	border: none;
	}

.golfIntroHolder { /* Holding DIV for Golf Course copy */
	height: 100px;
	padding: 0;
	margin: 0;
	}
#fx h2 { /* Header style within Slide box */
	color: #5b1c47;
	}


/* Divs containing text for each Golf Course
--------------------------------------------------------------------*/
#introBernardHunt {
	}	
#introLongcross {
	}
#introManor {
	}
	

/*--------------------------------------------------------------------*/
/* RIGHT HAND PANEL BOXES
----------------------------------------------------------------------*/

/* HOLDER STYLES */

#golfRegisterHolder, /* Register for Golf */
#courseSelectorHolder { /* Golf Course selector for Golf */
	padding: 3px;
	margin: 0;
	margin-bottom: 20px;
	color: #333;
	width: 254px;
	border: 1px dotted #666;
}
#courseSelectorHolder {
	margin-bottom: 20px;
}
/*
#courseSelectorHolder { /* div specifically for positioning of slide fx in IE 6 
	}
*/
.shortcutsHolderGolf { /* margin to move short cuts table down for Slide Menu */
	margin-top: 190px;
	}


/* PANEL CONTENT STYLES */

#golfRegister { /* Register for Golf panel CONTENT inside */
	margin: 0 auto;
	color: #333;
	padding: 10px;
	width: 234px;
	background: url(../images/bg-purpleStripe.gif) repeat 0 0;
}


#courseSelector { /* Golf Course selector panel CONTENT inside */
	height: 232px;
	background: url(../images/golf/course-panel-bg.jpg) no-repeat;
	}
#courseSelector h1 {
	display: block;
	background: #333;
	color: #fff;
	padding: 8px 5px 0 15px;
	margin: 0;
	height: 25px;
	font-size: 14px;
	}
#courseSelector ul {
	padding: 0;
	margin: 0;
	margin-top: 109px;
	}
#courseSelector li {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#courseSelector li a, #courseSelector li a:visited {
	display: block;
	padding: 5px 15px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	border-top: 1px dotted #fff;
	}
#courseSelector li a:hover {
	color: #333;
	background: #fff;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	text-decoration: none;
	}

/* Request brochure / booking box in packages content page */ 
.bookingBox {
	border: 1px dotted #5b1c47;
	padding: 8px;
	font-size: 12px;
	line-height: 160%
	}
.bookingBox p {
	padding: 0;
	margin: 0;
	}
.bookingBox br {
	padding: 0;
	margin: 5px 0;
	}
.bookingBox .arrowPurple {
	font-size: 21px;
	}
.bookingBox .telephone {
	font-size: 16px;
	padding: 15px 0 15px 5px;
	color: #5b1c47;
	}


/*--------------------------------------------------------------------*/
/* IFX SLIDE Styles													  */
/*--------------------------------------------------------------------*/

#fx { /* This DIV holds the content */
	position: absolute;
	margin-top: 180px;
/*	left: 10px;*/
	font-size: 12px;
}

.tabContent { /* Class and Style for sliding navigation */
	width: 415px;
	height: 200px;
	display: none;
	padding: 10px;
	}
#tabs {
	list-style: none;
	line-height: 30px;
	position: relative;
	left: 10px;
	width: 450px;
	z-index: 4000;
	}
#tabs li a {
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 6px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
#tabs li a.active {
	background-color:#B5EF59;
	}