@charset "utf-8";
/* 
= CSS Document  =============================
	
	Site: 			Parkdean Holidays Global CSS
	Author: 		Jon Park & Steven Gibbons | Union Room
	Created: 		November 18th, 2008
	Updated: 
	Copyright: (c) 2008, Parkdean Holidays
	
==========================================
*/

/* === START Park Overview === */

	/* --- Javascript Gallery --- */
	div.contentParkHome div#jGallery { width: 597px; height: 264px; margin: 0 0 10px 0; overflow: hidden; }
		div.contentParkHome div#jGallery div.galleryImages { width: 597px; height: 264px; overflow: hidden; }
			div.contentParkHome div#jGallery div.galleryImages li { list-style: none; position: absolute; display: none; }
			div.contentParkHome div#jGallery div.galleryImages li.active { display: list-item; }
		div.contentParkHome div#jGallery div.galleryOverlay { width: 100%; position: relative; top: -42px; z-index: 2; }
			div.contentParkHome div#jGallery div.galleryTitleStrip { width: 567px; padding: 10px 15px; background: url(../../img/bg/semiTrans-White.png); }
			div.contentParkHome div#jGallery div.galleryTitleStrip:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				div.contentParkHome div#jGallery div.galleryTitleStrip p { width: 75%; padding: 3px 0 0 0; font: bold 1.4em Arial, Helvetica, sans-serif; color: #333; float: left; }
				div.contentParkHome div#jGallery div.galleryTitleStrip ul { list-style: none; float: right; }
					div.contentParkHome div#jGallery div.galleryTitleStrip li { float: left; }
					div.contentParkHome div#jGallery div.galleryTitleStrip a { width: 22px; height: 18px; margin: 0 0 0 2px; padding: 4px 0 0 0; text-align: center; font-weight: bold; color: #FFF; background-image: url(../../img/iR/javascript/aRoundLink.gif); }
					div.contentParkHome div#jGallery div.galleryTitleStrip a:hover { text-decoration: none; }
					div.contentParkHome div#jGallery div.galleryTitleStrip a.active { background-position: bottom; }

	/* --- Javascript bottomGallery --- */
	div.contentParkHome div#greyGallery { width: 597px; height: 395px; margin: 5px 0 18px 0; padding: 17px 0 17px 0; overflow: hidden; border: 1px dotted #E0E0E0; font-size:12px; border-width: 0 0 1px 0; }
		div.contentParkHome div#greyGallery ul { margin: 0; padding: 0; list-style: none; }
			div.contentParkHome div#greyGallery ul li { border: none; }
		div.contentParkHome div#greyGallery div.gallery-window { width: 597px; height: 273px; background: #EFEFEF url(../../img/gallery/bgLoading.gif) no-repeat center; overflow: hidden; }
			div.contentParkHome div#greyGallery div.gallery-window p { position: absolute; }
		div.contentParkHome div#greyGallery ul.gallery-menu { padding: 5px 5px 5px 7px; background-color: #666; height: 78px; }
			div.contentParkHome div#greyGallery ul.gallery-menu li { margin: 2px 1px; padding: 0; float: left; }
			div.contentParkHome div#greyGallery ul.gallery-menu li:first { margin-left: 0; }
			div.contentParkHome div#greyGallery ul.gallery-menu li:last { margin-right: 0; }
				div.contentParkHome div#greyGallery ul.gallery-menu li a { padding: 4px; color: #FFF; background-color: #666; display: block; }
					div.contentParkHome div#greyGallery ul.gallery-menu li a img { border: 2px solid #FFF; }
				div.contentParkHome div#greyGallery ul.gallery-menu li a.active { cursor: default; }
				div.contentParkHome div#greyGallery ul.gallery-menu li a:hover, div.contentParkHome div#greyGallery ul.gallery-menu li a.active { padding: 0; }
				div.contentParkHome div#greyGallery ul.gallery-menu li a:hover img, div.contentParkHome div#greyGallery ul.gallery-menu li a.active img { border: 6px solid #FFF; }
	
		div.contentParkHome div#greyGallery div.gallery-description { height: 13px; padding: 7px 5px; background-color: #C4C4C4; border-bottom: 1px solid #FFF; }
			div.contentParkHome div#greyGallery div.gallery-description p { padding: 0; font-weight: bold; color: #333; }

/* --- InnerWrap Inner Content --- */
div.contentParkHome .innerWrap { padding: 0 15px 20px 15px; border: 1px dotted #E0E0E0; border-width: 0 0 1px 0; clear: both; }
	div.contentParkHome .innerWrap .first { padding: 0 15px 0 15px; border: none; }
	div.contentParkHome .innerWrap a { width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }
	div.contentParkHome .innerWrap h1 { font: bold 3.3em Arial, Helvetica, sans-serif; color: #0099FF; }
	div.contentParkHome .innerWrap h4.subtitle { font: bold 2.0em Arial, Helvetica, sans-serif; color: #0099FF; padding: 0 0 10px 0; }
	div.contentParkHome .innerWrap .innerInfo { float: right; width: 405px; padding: 0 0 0 20px;  }
	div.contentParkHome .innerWrap p { font: 1.2em Arial, Helvetica, sans-serif; color: #333; }
	div.contentParkHome .innerWrap h5 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #FF3399; width: 566px; border-bottom: 3px solid #999; padding: 0 0 5px 0; margin: 15px 0 20px 0; }
	div.contentParkHome h5.gallery { font: bold 2.0em Arial, Helvetica, sans-serif; color: #FF3399; width: 566px; border-bottom: 3px solid #999; padding: 0 0 5px 0; margin: 15px 18px; 20px 0; }
	
    div.contentParkHome .innerWrap ul { margin: 0 0 8px 18px; padding: 0;  list-style: none url(../../img/bg/global/bulletBlue.gif);  }
		div.contentParkHome .innerWrap ul li { font: bold 1.1em Arial, Helvetica, sans-serif; color: #0097FB; padding: 0 0 7px 0; }
			div.contentParkHome .innerWrap ul li.col1 { width: 155px; }
			div.contentParkHome .innerWrap ul li.col2 { margin: 0 0 0 200px; }
			div.contentParkHome .innerWrap ul li.colTop { margin: -63px 0 0 200px;  }
			div.contentParkHome .innerWrap ul li.colTop1 { margin: -40px 0 0 200px;  }
			div.contentParkHome .innerWrap ul li.colTop2 { margin: -105px 0 0 200px;  }
			div.contentParkHome .innerWrap ul li.colTop3 { margin: -145px 0 0 200px;  }
			div.contentParkHome .innerWrap ul li.colTop4 { margin: -125px 0 0 200px;  }
			div.contentParkHome .innerWrap ul li.colTop5 { margin: -83px 0 0 200px;  }
			
			div.contentParkHome .innerWrap #menu {position:relative; background-color:#fff; z-index:100;}
                        div.contentParkHome .innerWrap #menu a img {border:0;}
                        div.contentParkHome .innerWrap #menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
                        div.contentParkHome .innerWrap #menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
                        div.contentParkHome .innerWrap #menu a.p1:hover .large {display:block; position:absolute; top:-110px; left:-180px; width:900px; height:639px; border:10px solid #ccc;}
			

/* --- Breadcrumb Navigation --- */
div.contentParkHome ul#breadcrumb { margin: 0 0 0 15px; list-style: none; }
	div.contentParkHome ul#breadcrumb li { margin: 0 0 10px 0; float: left; font: bold 1.1em  Arial, Helvetica, sans-serif; color: #999; padding: 0 10px 0 0; }
		div.contentParkHome ul#breadcrumb li a { color: #999; text-decoration: none; font-size:12px; }
		div.contentParkHome ul#breadcrumb li a:hover { color: #0099FF; text-decoration: none; }
		div.contentParkHome ul#breadcrumb li a.active { color: #0099FF; text-decoration: none; }
	
	
/* --- Main Adverts --- */
div.contentParkHome div#adverts { margin: 0 0 25px 0; width: 597px; height: 130px; }
	div.contentParkHome div#adverts div.advert { border: 1px solid #D8D8D8; background: url('../../img/bg/global/divContentBox.gif') repeat-x top; }
	div.contentParkHome div#adverts div.inner { width: 252px; background: url('../../img/bg/adverts/touringPark.jpg') no-repeat top right; padding: 13px 20px 13px 20px; }
	div.contentParkHome div#adverts div.innerRight { width: 252px; background: url('../../img/bg/adverts/stunningLocations.jpg') no-repeat top right; padding: 13px 20px 13px 20px; }
		div.contentParkHome div#adverts div.advert h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #81993C; line-height: 1.2em;  }
		div.contentParkHome div#adverts div.fRight h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #6F3992; line-height: 1.2em;  }
		div.contentParkHome div#adverts div.advert p { font: bold 1.7em Arial, Helvetica, sans-serif; color: #999;  }
		div.contentParkHome div#adverts div.advert a { width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }


/* --- Single Advert --- */
div.contentParkHome div#advertSingle { margin: 0 0 25px 0; width: 595px; height: 129px; border: 1px solid #D8D8D8; background: url('../../img/bg/global/divContentBox.gif') repeat-x top; }
	div.contentParkHome div#advertSingle div.inner {  padding: 7px; width: 581px; height: 112px; background: url('../../img/bg/adverts/touringPark.jpg') no-repeat top right; }
		div.contentParkHome div#advertSingle div.inner h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #81993C; line-height: 1.2em;  }
		div.contentParkHome div#advertSingle div.inner p { font: bold 1.8em Arial, Helvetica, sans-serif; color: #999;  }
		div.contentParkHome div#advertSingle div.inner a { margin: 0 0 0 226px; width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }
		div.contentParkHome div#advertSingle div.inner img { float: left; margin: 0 20px 0 0; }

/* --- Single Advert sales --- */
div.contentParkHome div#advertSingle1 { margin: 0 0 25px 0; width: 595px; height: 129px; border: 1px solid #D8D8D8; background: url('../../img/bg/global/divContentBox.gif') repeat-x top; }
	div.contentParkHome div#advertSingle1 div.inner {  padding: 7px; width: 581px; height: 112px; background: url('../../img/bg/adverts/stunningLocations.jpg') no-repeat top right; }
		div.contentParkHome div#advertSingle1 div.inner h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #81993C; line-height: 1.2em;  }
		div.contentParkHome div#advertSingle1 div.inner p { font: bold 1.8em Arial, Helvetica, sans-serif; color: #999;  }
		div.contentParkHome div#advertSingle1 div.inner a { margin: 0 0 0 226px; width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }
		div.contentParkHome div#advertSingle1 div.inner img { float: left; margin: 0 20px 0 0; }
		
		/* --- InnerWrap Inner Content ents panel --- */
div.contentParkHome .innerWrap .entsPanel { margin: 15px 0 5px -2px;width: 555px; border: 1px solid #D8D8D8; background: #FFF url('../../img/bg/greyBlock.gif') repeat-x top; clear: both; padding: 5px; }
div.contentParkHome .innerWrap .entsPanel h6 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #0099FF; margin: 10px 0 10px 0; }
div.contentParkHome .innerWrap .entsPanel img { margin: 0 15px 0 0;}
div.contentParkHome .innerWrap .entsPanel a { margin: 10px 0 10px 222px; width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }

/*-- directions page --*/

div.contentParkHome form#mapDirections label { font-weight: bold; font-size: 1.1em;}
div.contentParkHome form#mapDirections td { width: 170px; text-align: left; padding-bottom: 5px;}
div.contentParkHome form#mapDirections .btnReplace { float: left; margin-top:14px; }

div.contentParkHome .innerWrap .features { padding: 0; width: 192px; float: right; margin-top:10px; }	
div.contentParkHome .innerWrap .features ul { 
	margin: 0; 
	padding: 25px 0 0 0; 
	height: 168px;
	width: 186px; 
	background: url('../../img/bg/featuresBlue.gif') no-repeat top; 
	list-style: none url('../../img/redStar.gif'); 
}
div.contentParkHome .innerWrap .features ul li { margin: 0 0 0 30px; padding: 0 0 3px 0; color: #09F; font-size: 1.1em!important; font-weight: bold; }
div.contentParkHome .innerWrap .features ul li.hdr { font: bold 2.0em Arial, Helvetica, sans-serif!important; color: #0099FF; margin: 0 0 10px 30px; padding: 0; list-style-image: none!important; }


/* === END Park Overview === */

/* --- Speech Bubble --- */
div.contentParkHome div.bubble { width: 597px; height: 122px; background: url('../../img/bg/speech/speech.gif'); }
div.contentParkHome div.bubble p { width: 520px;  padding: 20px 0 0 0; margin: 0 30px; font: bold 1.4em Arial, Helvetica, sans-serif; color: #333; }
div.contentParkHome div.bubble p.name { width: 300px;  padding: 0; margin: 10px 30px 0 40px; font: bold 1.1em Arial, Helvetica, sans-serif; color: #999; }

/* --- Kids Overview --- */
div.contentParkHome div.MeetCharacters#Maxi { background: url('../../img/bg/kids/meetMaxi.jpg') no-repeat; width: 595px; height: 204px; }
div.contentParkHome div.MeetCharacters#Maxi h5 { width: 305px; font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; color: #623674; padding: 60px 0 0 30px; margin: 0 0 -7px 0; }

div.contentParkHome div.MeetCharacters#SidLizzie { background: url('../../img/bg/kids/meetSidLizzie.jpg') no-repeat; width: 595px; height: 204px; }
div.contentParkHome div.MeetCharacters#SidLizzie h5 { width: 305px; font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; color: #623674; padding: 55px 0 0 30px; margin: 0 0 -7px 0; }

div.contentParkHome div.MeetCharacters#MaxiMilli { background: url('../../img/bg/kids/meetMaxiMilli.jpg') no-repeat; width: 595px; height: 204px; }
div.contentParkHome div.MeetCharacters#MaxiMulti { background: url('../../img/bg/kids/meetMaxiMulti.jpg') no-repeat; width: 595px; height: 204px; }
div.contentParkHome div.MeetCharacters#MaxiMilliMulti { background: url('../../img/bg/kids/meetMaxiMilliMulti.jpg') no-repeat; width: 595px; height: 204px; }
div.contentParkHome div.MeetCharacters#MaxiMilliMulti h5 { width: 305px; font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; color: #623674; padding: 55px 0 0 30px; margin: 0 0 -7px 0; }

div.contentParkHome div.MeetCharacters h5 { width: 305px; font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; color: #623674; padding: 60px 0 0 30px; margin: 0 0 -7px 0; }
div.contentParkHome div.MeetCharacters p { width: 305px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #333; padding: 10px 0 0 30px; margin:  0 0 -3px 0; }
div.contentParkHome div.MeetCharacters a.readMore { background: url('../../aReadMore.gif') no-repeat top; width: 99px; height: 22px; padding: 0 0 0 60px; margin: 10px 0 0 0; }
div.contentParkHome div.MeetCharacters a.readMore:hover { background: url('../../aReadMore.gif') no-repeat bottom; width: 99px; height: 22px; padding: 0 0 0 60px; margin: 10px 0 0 0; }