@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.contentYourStories div#jGallery { width: 597px; height: 345px; margin: 0 0 10px 0; overflow: hidden; }
		div.contentYourStories div#jGallery div.galleryImages { width: 597px; height: 345px; overflow: hidden; }
			div.contentYourStories div#jGallery div.galleryImages li { list-style: none; position: absolute; display: none; }
			div.contentYourStories div#jGallery div.galleryImages li.active { display: list-item; }
		div.contentYourStories div#jGallery div.galleryOverlay { width: 100%; position: relative; top: -42px; z-index: 2; }
			div.contentYourStories div#jGallery div.galleryTitleStrip { width: 567px; padding: 10px 15px; background: url(../../img/bg/semiTrans-White.png); }
			div.contentYourStories div#jGallery div.galleryTitleStrip:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				div.contentYourStories 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.contentYourStories div#jGallery div.galleryTitleStrip ul { list-style: none; float: right; }
					div.contentYourStories div#jGallery div.galleryTitleStrip li { float: left; }
					div.contentYourStories 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.contentYourStories div#jGallery div.galleryTitleStrip a:hover { text-decoration: none; }
					div.contentYourStories div#jGallery div.galleryTitleStrip a.active { background-position: bottom; }

	/* --- Javascript bottomGallery --- */
	div.contentYourStories div#greyGallery { width: 597px; height: 395px; margin: 5px 0 18px 0; padding: 17px 0 17px 0; overflow: hidden; border: 1px dotted #E0E0E0; border-width: 0 0 1px 0; }
		div.contentYourStories div#greyGallery ul { margin: 0; padding: 0; list-style: none; }
			div.contentYourStories div#greyGallery ul li { border: none; }
		div.contentYourStories div#greyGallery div.gallery-window { width: 597px; height: 273px; background: #EFEFEF url(../../img/gallery/bgLoading.gif) no-repeat center; overflow: hidden; }
			div.contentYourStories div#greyGallery div.gallery-window p { position: absolute; }
		div.contentYourStories div#greyGallery ul.gallery-menu { padding: 5px 5px 5px 7px; background-color: #666; height: 78px; }
			div.contentYourStories div#greyGallery ul.gallery-menu li { margin: 2px 1px; padding: 0; float: left; }
			div.contentYourStories div#greyGallery ul.gallery-menu li:first { margin-left: 0; }
			div.contentYourStories div#greyGallery ul.gallery-menu li:last { margin-right: 0; }
				div.contentYourStories div#greyGallery ul.gallery-menu li a { padding: 4px; color: #FFF; background-color: #666; display: block; }
					div.contentYourStories div#greyGallery ul.gallery-menu li a img { border: 2px solid #FFF; }
				div.contentYourStories div#greyGallery ul.gallery-menu li a.active { cursor: default; }
				div.contentYourStories div#greyGallery ul.gallery-menu li a:hover, div.contentYourStories div#greyGallery ul.gallery-menu li a.active { padding: 0; }
				div.contentYourStories div#greyGallery ul.gallery-menu li a:hover img, div.contentYourStories div#greyGallery ul.gallery-menu li a.active img { border: 6px solid #FFF; }
	
		div.contentYourStories div#greyGallery div.gallery-description { height: 13px; padding: 7px 5px; background-color: #C4C4C4; border-bottom: 1px solid #FFF; }
			div.contentYourStories div#greyGallery div.gallery-description p { padding: 0; font-size: 1.2em; font-weight: bold; color: #333; }

/* --- InnerWrap Inner Content --- */
div.contentYourStories .innerWrap { padding: 0 15px 20px 15px; border: 1px dotted #E0E0E0; border-width: 0 0 1px 0; clear: both; }
div.contentYourStories .innerWrap .left { width: 335px; float: left; padding: 0; }
div.contentYourStories .innerWrap .right { padding: 15px 0 0 0; width: 222px; float: right; text-align: right; }
	div.contentYourStories .innerWrap .left a { width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }
	
div.contentYourStories .innerWrap .intro { width: 365px; float: left; padding: 0; margin: 0 0 -20px 0; }	
	div.contentYourStories .innerWrap .intro h1 { font: bold 3.5em Arial, Helvetica, sans-serif; color: #0099FF; margin: 0 0 10px 0; }
	div.contentYourStories .innerWrap .intro p { font: 1.2em Arial, Helvetica, sans-serif; color: #333; }
div.contentYourStories .innerWrap .features { padding: 0; width: 192px; float: right; margin: 0 0 -20px 0; }	
div.contentYourStories .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.contentYourStories .innerWrap .features ul li { margin: 0 0 0 60px; padding: 0 0 3px 0; color: #09F; font-size: 1.1em!important; font-weight: bold; }
div.contentYourStories .innerWrap .features ul li.hdr { font: bold 2.0em Arial, Helvetica, sans-serif!important; color: #0099FF; margin: 0 0 15px 40px; padding: 0; list-style-image: none!important; }
	div.contentYourStories .innerWrap .left .innerInfo { float: right; width: 405px; padding: 0 0 0 20px;  }
	div.contentYourStories .innerWrap .left p { font: 1.2em Arial, Helvetica, sans-serif; color: #333; }
	div.contentYourStories .innerWrap .left p.grey { color: #999; line-height: 1.5; }
	div.contentYourStories .innerWrap .left h5 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #0099FF; padding: 0 0 5px 0; margin: 15px 0 0 0; }
	div.contentYourStories .innerWrap .left ul { margin: 0 0 8px 18px; padding: 0;  list-style: none url(../../img/bg/global/bulletStar.gif);  }
		div.contentYourStories .innerWrap .left ul li { font: bold 1.1em Arial, Helvetica, sans-serif; color: #0097FB; padding: 0 0 7px 0; }
			div.contentYourStories .innerWrap .left ul li.col1 { width: 155px; }
			div.contentYourStories .innerWrap .left ul li.col2 { margin: 0 0 0 155px; }
			div.contentYourStories .innerWrap .left ul li.colTop { margin: -63px 0 0 155px; }

div.contentYourStories div.yellowBlock { width: 575px; padding: 5px 10px; margin: 15px 0 0 0; border: 1px solid #FFDA2D; background: #FFF8D7; }
div.contentYourStories div.yellowBlock h4 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #09F; padding-bottom: 5px; margin: 10px 0; }
div.contentYourStories div.yellowBlock p { font: 1.1em Arial, Helvetica, sans-serif; color: #333; }
div.contentYourStories div.selectPark { width: 575px; padding: 10px 10px 0 10px; margin: 3px 0 15px 0; border: 1px solid #FFDA2D; background: #FFF2B7; }
div.contentYourStories div.selectPark h4 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #09F; padding-bottom: 5px; margin: 10px 0; }
div.contentYourStories div.selectPark p { font: 1.1em Arial, Helvetica, sans-serif; color: #333; }
div.contentYourStories div.selectPark select.selectParkDrop { margin: 0; width: 160px; padding: 1px; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }


/* --- Iframe Container --- */
div.contentYourStories div.yellowBlock.iframe { width: 595px; padding: 0; margin: 15px 0 0 0; border: 1px solid #FFDA2D; background: #FFF8D7; }


/* --- Iframe Content --- */
div.iframeInner { padding: 15px; margin: 0; border: none!important; background: #FFF8D7!important; }
div.iframeInner h5 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #09F; border-bottom: 3px solid #999; padding: 0 0 5px 0; margin: 0 0 20px 0; }
div.iframeInner p { font: 1.1em Arial, Helvetica, sans-serif; color: #333; }
div.iframeInner a.btnReplace   { width: 64px; height: 22px; background-image: url('../../img/iR/global/aSubmit.gif'); }
div.iframeInner label { padding: 0 0 5px 5px; font: bold 1.0em Arial, Helvetica, sans-serif; color: #333;  }
div.iframeInner input.surname { width: 140px; padding: 1px; margin: 0 5px 0 10px; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }
div.iframeInner input.initial { width: 60px; padding: 1px; margin: 0 5px 0 0; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }
div.iframeInner select.title { width: 75px; padding: 1px; margin: 0 5px 0 0; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }
div.iframeInner select.parkVisited { width: 160px; padding: 1px; margin: 0 5px 0 0; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }
div.iframeInner input.booking { width: 104px; padding: 1px; margin: 0 5px 0 0; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }
div.iframeInner input.email { width: 210px; padding: 1px; margin: 0 5px 0 0; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }
div.iframeInner input.storyTitle { width: 278px; padding: 1px; margin: 0 5px 0 0; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }
div.iframeInner textarea.story { width: 278px; height: 192px; margin: 0 5px 0 0; padding: 1px; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }
div.iframeInner .checkEmail { margin: 0 5px 0 0!important; }
div.iframeInner table { margin: 10px 0 0 0; padding: 0; }
	div.iframeInner table td { margin: 0; padding: 3px 0; vertical-align: top; }
		div.iframeInner table td label { padding: 0; font: bold 1.1em Arial, Helvetica, sans-serif; color: #333; }
		div.iframeInner table td a { padding: 0; font: 1.1em Arial, Helvetica, sans-serif; text-decoration: underline; color: #09F; }
		div.iframeInner table td a:hover { text-decoration: none; }
div.iframeInner input.upload { width: 133px!important; padding: 1px; margin: 0 58px 0 0; font: 1.1em Arial, Helvetica, sans-serif; color: #666; }		
		
/* --- Breadcrumb Navigation --- */
div.contentYourStories ul#breadcrumb { margin: 0 0 0 15px; list-style: none; }
	div.contentYourStories 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.contentYourStories ul#breadcrumb li a { color: #999; text-decoration: none; }
		div.contentYourStories ul#breadcrumb li a:hover { color: #0099FF; text-decoration: none; }
		div.contentYourStories ul#breadcrumb li a.active { color: #0099FF; text-decoration: none; }
	
	
/* --- Main Adverts --- */
div.contentYourStories div#adverts { margin: 0 0 25px 0; width: 597px; height: 130px; }
	div.contentYourStories div#adverts div.advert { border: 1px solid #D8D8D8; background: url('../../img/bg/global/divContentBox.gif') repeat-x top; }
	div.contentYourStories div#adverts div.inner { width: 252px; background: url('../../img/bg/adverts/touringPark.jpg') no-repeat top right; padding: 13px 20px 13px 20px; }
	div.contentYourStories div#adverts div.innerRight { width: 252px; background: url('../../img/bg/adverts/stunningLocations.jpg') no-repeat top right; padding: 13px 20px 13px 20px; }
		div.contentYourStories div#adverts div.advert h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #81993C; line-height: 1.2em;  }
		div.contentYourStories div#adverts div.fRight h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #6F3992; line-height: 1.2em;  }
		div.contentYourStories div#adverts div.advert p { font: bold 1.8em Arial, Helvetica, sans-serif; color: #999;  }
		div.contentYourStories div#adverts div.advert a { width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }

/* --- Single Advert --- */
div.contentYourStories 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.contentYourStories div#advertSingle div.inner {  padding: 7px; width: 581px; height: 112px; background: url('../../img/bg/adverts/touringPark.jpg') no-repeat top right; }
		div.contentYourStories div#advertSingle div.inner h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #81993C; line-height: 1.2em;  }
		div.contentYourStories div#advertSingle div.inner p { font: bold 1.8em Arial, Helvetica, sans-serif; color: #999;  }
		div.contentYourStories div#advertSingle div.inner a { margin: 0 0 0 226px; width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }
		div.contentYourStories div#advertSingle div.inner img { float: left; margin: 0 20px 0 0; }


/* - Page Results - */
div.contentYourStories div.pageResults { width: 597px; height: 21px; padding: 7px 0 0 0; margin: 0 0 10px 0; border: 1px dotted #E0E0E0; border-width: 1px 0; }
	div.contentYourStories div.pageResults p { font: bold 1.1em Arial, Helvetica, sans-serif; color: #333; padding: 0 15px 0 15px; }
	div.contentYourStories div.pageResults a { font: 1.0em Arial, Helvetica, sans-serif; color: #09F; text-decoration: underline; padding: 0 0; }	
	div.contentYourStories div.pageResults a:hover { text-decoration: none; }
	
/* === END Park Overview === */