@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 Homepage === */

	/* --- Javascript Gallery --- */
	div.contentHomepage div#jGallery { margin: 0 0 10px 0; width: 597px; height: 345px; overflow: hidden; }
		div.contentHomepage div#jGallery div.galleryImages { width: 597px; height: 354px; overflow: hidden; }
			div.contentHomepage div#jGallery div.galleryImages li { list-style: none; position: absolute; display: none; }
			div.contentHomepage div#jGallery div.galleryImages li.active { display: list-item; }
		div.contentHomepage div#jGallery div.galleryOverlay { width: 100%; position: relative; top: -159px; z-index: 2; }
			div.contentHomepage div#jGallery div.galleryTitleStrip { width: 567px; padding: 10px 15px; background: url(../../img/bg/semiTrans-White.png); }
			div.contentHomepage div#jGallery div.galleryTitleStrip:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				div.contentHomepage 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.contentHomepage div#jGallery div.galleryTitleStrip ul { list-style: none; float: right; }
					div.contentHomepage div#jGallery div.galleryTitleStrip li { float: left; }
					div.contentHomepage 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.contentHomepage div#jGallery div.galleryTitleStrip a:hover { text-decoration: none; }
					div.contentHomepage div#jGallery div.galleryTitleStrip a.active { background-position: bottom; }
			div.contentHomepage div#jGallery div.galleryAdvertText { width: 567px; height: 88px; padding: 10px 15px; background: url(../../img/bg/javascript/divGalleryAdvertTour.png); }
				div.contentHomepage div#jGallery div.galleryAdvertText h1 { font: 2.5em Arial, Helvetica, sans-serif; color: #FFF; }
				div.contentHomepage div#jGallery div.galleryAdvertText p { font: 1.5em Arial, Helvetica, sans-serif; color: #FFF; }
				
/* --- Main Tabs --- */ 
div.contentHomepage ul#tabs { width: 597px; height: 34px; background: url('../../img/bg/homePageTabUl.gif') repeat-x top; list-style: none; }
	div.contentHomepage ul#tabs li { width: 297px; padding: 8px 0 10px 0; list-style: none; float: left; }
	div.contentHomepage ul#tabs li#tabWrap-1 { background-image: url(../../img/bg/liTabWrap1.gif); background-repeat: no-repeat; }
	div.contentHomepage ul#tabs li#tabWrap-1.active { background-position: bottom; }
	div.contentHomepage ul#tabs li#tabWrap-2 { background-image: url(../../img/bg/liTabWrap2.gif); background-repeat: no-repeat; float: right; }
	div.contentHomepage ul#tabs li#tabWrap-2.active { background-position: bottom; }

	div.contentHomepage ul#tabs li a { margin: 0 0 0 80px!important; font: bold 1.4em Arial, Helvetica, sans-serif; color: #999; }
	div.contentHomepage ul#tabs li a.active { margin: 0 0 0 80px!important; font: bold 1.4em Arial, Helvetica, sans-serif; color: #0099FF; text-decoration: none }
	div.contentHomepage ul#tabs li a:hover { margin: 0 0 0 80px!important; font: bold 1.4em Arial, Helvetica, sans-serif; color: #0099FF; }
	div.contentHomepage div#tabContent { margin: 0 0 10px 0; border: 1px solid #D8D8D8; border-top: 0; width: 593px; padding: 0 1px 1px 1px; }
	div.contentHomepage div#tabContent div.tabInner#tab-1 { margin: 0; height: 240px; background: url('../../img/bg/homePageTabGrad.gif') repeat-x top; }
	div.contentHomepage div#tabContent div.tabInner#tab-1 img { margin: 20px 20px 0 50px; }
	div.contentHomepage div#tabContent div.tabInner#tab-1 p { font: 1.4em Arial, Helvetica, sans-serif; color: #666; padding: 40px 20px 10px 20px; }
	div.contentHomepage div#tabContent div.tabInner#tab-1 a {}
	div.contentHomepage div#tabContent div.tabInner#tab-1 a.butt { width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }
        div.contentHomepage div#tabContent div.tabInner#tab-1 h6 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #09F; padding: 10px 0 0 0; }

	div.contentHomepage div#tabContent div.tabInner#tab-2 { display: none; margin: 0; height: 210px; background: url('../../img/bg/homePageTabGrad.gif') repeat-x top; padding: 10px 20px 20px 20px; }
	div.contentHomepage div#tabContent div.tabInner#tab-2 img { margin: 20px 20px 0 50px; }
	div.contentHomepage div#tabContent div.tabInner#tab-2 p { font: 1.4em Arial, Helvetica, sans-serif; color: #666; padding: 10px 0 0 0; }
	div.contentHomepage div#tabContent div.tabInner#tab-2 a { }
	div.contentHomepage div#tabContent div.tabInner#tab-2 a.butt { margin: 10px 0 0 0; width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }

	div.contentHomepage ul#tabs li#tabWrap-1.active a { color: #09F; }
	div.contentHomepage ul#tabs li#tabWrap-2.active a { color: #09F; }

/* --- InnerWrap Inner Content --- */
div.contentHomepage .innerWrap { padding: 0 15px 20px 15px; border: 1px dotted #E0E0E0; border-width: 0 0 1px 0; clear: both; }
	div.contentHomepage .innerWrap .first { padding: 0 15px 0 15px; border: none; }
	div.contentHomepage .innerWrap.last { padding: 0 15px 20px 15px; border: none!important; }
	div.contentHomepage .innerWrap a.findOutMore { width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }
	div.contentHomepage .innerWrap h4 { font: bold 3.5em Arial, Helvetica, sans-serif; color: #0099FF; margin: 0 0 10px 0; }
	div.contentHomepage .innerWrap p { font: 1.2em Arial, Helvetica, sans-serif; color: #333; }
	div.contentHomepage .innerWrap a { font: bold 1.0em Arial, Helvetica, sans-serif; color: #09F; }
	div.contentHomepage .innerWrap h5 { font: bold 2.0em Arial, Helvetica, sans-serif; color: #09F; padding: 0; margin: 0 0 5px 0; }
	div.contentHomepage .innerWrap h5.pink { color: #F39; margin: 15px 0 15px 0; }
	div.contentHomepage .innerWrap .intro { width: 365px; float: left; padding: 0; margin: 10px 0 -10px 0; }	
	div.contentHomepage .innerWrap .intro p { font: 1.1em Arial, Helvetica, sans-serif; color: #333; }
	div.contentHomepage .innerWrap p.date { font: bold 1.1em Arial, Helvetica, sans-serif; color: #333; margin: 15px 0 -15px 0; }
	div.contentHomepage .innerWrap ul { margin: 10px 0 0 20px; padding: 0;  list-style: none url(../../img/bg/global/bulletStar.gif);  }
		div.contentHomepage .innerWrap ul li { font: bold 1.1em Arial, Helvetica, sans-serif; color: #0097FB; padding: 0 0 7px 0; }
			div.contentHomepage .innerWrap ul li.col1 { width: 155px; }
			div.contentHomepage .innerWrap ul li.col2 { margin: 0 0 0 188px; }
			div.contentHomepage .innerWrap ul li.colTop { margin: -84px 0 0 188px; }

	div.contentHomepage .innerWrap ul.bullet { margin: 10px 0 10px 20px; padding: 0;  list-style: none url(../../img/bg/global/bullet.gif);  }
		div.contentHomepage .innerWrap ul.bullet li { font: 1.1em Arial, Helvetica, sans-serif; color: #333; padding: 0 0 7px 0; }
			div.contentHomepage .innerWrap ul.bullet li.col1 { width: 155px; }
			div.contentHomepage .innerWrap ul.bullet li.col2 { margin: 0 0 0 188px; }
			div.contentHomepage .innerWrap ul.bullet li.colTop { margin: -84px 0 0 188px;  }

	div.contentHomepage .innerWrap .colLeft { margin: 5px 0; width: 90px; float: left; vertical-align: top; }
	div.contentHomepage .innerWrap .colRight { margin: 5px 0; width: 457px;  float: right; }

/* --- Breadcrumb Navigation --- */
div.contentHomepage ul#breadcrumb { margin: 15px 0 0 15px; list-style: none; }
	div.contentHomepage 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.contentHomepage ul#breadcrumb li a { color: #999; text-decoration: none; }
		div.contentHomepage ul#breadcrumb li a:hover { color: #0099FF; text-decoration: none; }
		div.contentHomepage ul#breadcrumb li a.active { color: #0099FF; text-decoration: none; }



/* --- Pitches --- */
div.contentHomepage table { background: #FFF; margin: 5px 0 0 0; }
div.contentHomepage table td p.hdr { font: bold 2.0em Arial, Helvetica, sans-serif; color: #333; }
div.contentHomepage table td { border: 1px solid #FFF; border-width: 0 1px 1px 0; background: #ACE4FF; padding: 20px 15px 15px 15px; }
div.contentHomepage table td.col1 { width: 120px; text-align: center; }
div.contentHomepage table td.light { background: #C0EAFF; }

/* --- Awards --- */
div.contentHomepage .innerWrap div.awards img {  margin: 10px 0 0 0; padding: 10px 29px; }

/* --- Main Adverts --- */
div.contentHomepage div#adverts { margin: 0 0 25px 0; width: 597px; height: 130px; }
	div.contentHomepage div#adverts div.advert { border: 1px solid #D8D8D8; background: url('../../img/bg/global/divContentBox.gif') repeat-x top; }
	div.contentHomepage div#adverts div.inner { width: 252px; padding: 13px 20px 13px 20px; }
	div.contentHomepage div#adverts div.innerRight { width: 252px; padding: 13px 20px 13px 20px; }
		div.contentHomepage div#adverts div.advert h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #81993C; line-height: 1.2em;  }
		div.contentHomepage div#adverts div.fRight h4 { font: bold 2.5em Arial, Helvetica, sans-serif; color: #6F3992; line-height: 1.2em;  }
		div.contentHomepage div#adverts div.advert p { font: bold 1.8em Arial, Helvetica, sans-serif; color: #999;  }
		div.contentHomepage div#adverts div.advert a { width: 99px; height: 22px; background-image: url('../../img/iR/aFindOutMore.png'); }


/* === END Homepage === */
