/* ============================================================================================================================ 
Styling for Festival pages.
To create a new festival page copy the css for Festival 1 styles and change: 
	all references of ".festival1" class to ".festival[NUM]"
	all instances of the "color: #c2281e;" property,
	the 4 instances of background images for these styles - .festival1 #content-bg, #container.festival1 #content, .festival1 .book-here-button span, .festival-img .festival-overlay1
	** in the file ie6.css the following style must be copied and changed .festival-img .festival-overlay1
============================================================================================================================ */


/* ============================================================================================================================ 
Styles for Festival 1 */


.festival1 #content-holder {
	background: none;
}

.festival1 #content-bg {
	background: #fff url(../images/css-images/festival1.jpg) no-repeat center top;
}

#container.festival1 #content {
	padding: 0px 24px 125px;
	background: #fff url(../images/place-holders/festivals-footer.jpg) no-repeat center bottom;
}

/* GP:MB:28-04-10 Issue WS100419 */
#listings.festival-head .image p {
	padding-left: 260px;
}
/* End Update */

.festival1 .festival-head {
	border-top: 9px solid #c2281e;
}

.festival1 #content #listings h2 a{
	color: #c2281e;
}

.festival1 #content #listings h2 a:active, .festival1 #content #listings h2 a:focus{
	background-color: #c2281e;
	color: #fff;
}

.festival1 #content #listings .hr {
	margin-bottom: 7px;
}

.festival1 #content #listings p {
	padding-right: 10px;
}

.festival1 #content #listings img {
	margin: 3px 22px 7px 0;
}

.festival1 .book-here-button {
	position: relative;
	display: block;
	float: left;
	height: 19px;
	width: 81px;
}
.festival1 .book-here-button span{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #ccc url(../images/css-images/content/book-here.gif) no-repeat left top;
}
.festival1 .book-here-button:focus, .book-here-button:active {
	outline: dotted #ccc;
}

.festival1-link  {
	margin: 0 0 0.25em;
}

.festival1-link a {
	color: #c2281e;
}

.festival-img {
	position:relative;
	float: left;
}

.festival-img .festival-overlay1 {
	position: absolute;
	top: 0px; 
	left: 0px; 
	width: 42px;
	height: 42px;
}

.festival-img.thumb .festival-overlay1 {
	top: 5px; 
}

#listings .festival-img.thumb .festival-overlay1 {
	top: 3px; 
}

.festival-img .festival-overlay1 {
	background: url(../images/place-holders/festival1-overlay.png) no-repeat left top;
}


/* End styles for Festival 1
============================================================================================================================ */


/* ============================================================================================================================ 
Styles for Festival 2 */


.festival2 #content-holder {
	background: none;
}

.festival2 #content-bg {
	background: #fff url(../images/css-images/festival1.jpg) no-repeat center top;
}

#container.festival2 #content {
	padding: 0px 24px 125px;
	background: #fff url(../images/place-holders/festivals-footer.jpg) no-repeat center bottom;
}

.festival2 .festival-head {
	border-top: 9px solid #c2281e;
}

.festival2 #content #listings h2 a{
	color: #c2281e;
}

.festival2 #content #listings h2 a:active, .festival2 #content #listings h2 a:focus{
	background-color: #c2281e;
	color: #fff;
}

.festival2 #content #listings .hr {
	margin-bottom: 7px;
}

.festival2 #content #listings p {
	padding-right: 10px;
}

.festival2 #content #listings img {
	margin: 3px 22px 7px 0;
}

.festival2 .book-here-button {
	position: relative;
	display: block;
	float: left;
	height: 19px;
	width: 81px;
}
.festival2 .book-here-button span{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #ccc url(../images/css-images/content/book-here.gif) no-repeat left top;
}
.festival2 .book-here-button:focus, .book-here-button:active {
	outline: dotted #ccc;
}

.festival2-link  {
	margin: 0 0 0.25em;
}

.festival2-link a {
	color: #e09c0d;
}

.festival-img {
	position:relative;
	float: left;
}

.festival-img .festival-overlay2 {
	position: absolute;
	top: 0px; 
	left: 0px; 
	width: 42px;
	height: 42px;
}

.festival-img.thumb .festival-overlay2 {
	top: 5px; 
}

#listings .festival-img.thumb .festival-overlay2 {
	top: 3px; 
}

.festival-img .festival-overlay2 {
	background: url(../images/place-holders/festival2-overlay.png) no-repeat left top;
}

/* End styles for Festival 2
============================================================================================================================ */

.festival-button span {
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}