/*PART 1 - 
- GENERIC NON-DISPLAY ITEMS ACROSS ALL SITES
- GENERIC DISPLAY ITEMS ACROSS ALL SITES
- STYLING & TYPOGRAHPY
- LISTS & TABLES
- PLACEHOLDER LAYOUT
- USER CONTENT
- HEADER
- NAVIGATION
	 
	 
- PAGE TITLE
- PRODUCT LIST - GENERIC STYLING
- SITE SEARCH RESULTS
- GUIDED PRODUCT SEARCH
- PRODUCT DETAIL - GENERIC STYLING  
- PRODUCT DETAIL - TABBED VERSION



- DYNAMIC MAPPING  
- ITINERARY PLANNER
- CUSTOMER HOME PAGE
- BOOKING
				
- FORMS
- FEATURED PRODUCTS
- FEATURED PAGES

- FEATURED ARTICLES
- ARTICLES (News)
- HIGHLIGHTED EVENTS
- SPECIAL OFFERS
- HELP DESK
- FORUM

- BANNER ADS
- DATE
- TEXT SIZE SWITCHER
- WEATHER


- FOOTER
*/

		 
/***************************************************************************************** 
PART 1 - GENERIC STYLES FOR ALL CONTROL TYPES - USING DEFAULT CSS CLASSES
******************************************************************************************/






/* =====================================================================
    GENERIC NON-DISPLAY ITEMS ACROSS ALL SITES
===================================================================== */

/* This generically turns off all normal and isntance content controls are removed. 
All other content controls that are needed should be turned on using the 'print'
CSS XHTML class in the ecms */
.ctl_Content
{ 
    display: none; 
}


/* These items can logically sit anywhere on the site, so they are grouped here */
.ctl_ProductSearch, 
.breadCrumb,
.ctl_Media,
.siteSearch, 
.ctl_LanguageSelector,
.ctl_SiteSearchForm, 
.ctl_WeatherSummary,
.ctl_BannerAd
{ 
    display: none; 
}

/* Turn off buttons not required on print outs */
.tfa, input.submit 
{
	display: none;
}

/* =====================================================================
    GENERIC DISPLAY ITEMS ACROSS ALL SITES
===================================================================== */
.print, .printable 
{ 
    /* All controls with the CSS Class printable will appear on the print page */
	display: block;
}



/* =====================================================================
    STYLING & TYPOGRAHPY
===================================================================== */

/* Points are used for sizing */

body 
{ 
    font-family: Verdana, Arial; 
    background: none; 
}

body 
{ 
    background: white; 
    font-size: 8pt;
}

h1, h2, h3, h4, h5, h6, p 
{ 
    margin: 0; 
    padding: 0;
}

h1 
{ 
    font-size: 11pt; 
    font-weight: bold; 
    margin-bottom: 8pt;
}

h2 
{ 
    font-size: 10pt; 
    font-weight: bold; 
    margin-bottom: 6pt;
}

h3, h4 
{ 
    font-size: 8pt; 
    font-weight: bold; 
    margin-bottom: 4pt;
}

h5, h6 
{ 
    font-size: 8pt; 
    font-weight: bold; 
    margin-bottom: 4pt;
}

h2
{
	border-bottom: 1pt dotted #c0c0c0;
	padding-bottom: 4pt;
}

p 
{ 
    font-size: 8pt; 
    margin-bottom: 10pt; 
    line-height: 15pt; 
}

p.link 
{ 
    display: none; 
} /* JW - WHATS THIS? */

a 
{ 
    color: black; 
    text-decoration: underline; 
}

a img 
{ 
    border: 0; 
}


/* =====================================================================
    LISTS & TABLES
===================================================================== */

ol, ul, dl
{
	margin: 0;
	margin-bottom: 10pt;
	padding: 0;
	list-style-type: none;
}

dl dd, dl dt, ul li
{
	margin: 0;
	margin-bottom: 4pt;
	padding: 0;
	list-style: disc;
	list-style-position: inside;
	font-size: 8pt;
}


table 
{
	clear:both;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #c0c0c0;
	font-size: 8pt;
	margin: 0 0 10pt 0;
}

table th, table td 
{
	border-collapse: collapse;	
	font-size: 8pt; 
	border: 1px solid #c0c0c0; 
	padding: 3pt; 
	font-weight: bold;
}

table tr th
{
	 text-align: left;
}

table td 
{
	border: 1px solid #c0c0c0; 
	font-weight: normal;
}


/* =====================================================================
    PLACEHOLDER LAYOUT
===================================================================== */

#wrapper 
{ 
	width: auto;
	border: 0;
	margin: 0 2%;
	padding: 0;
	float: none !important;
	color: black; 

}

#leftCol 
{ 
    width: 100%;
}

#leftWrapper 
{ 
    width: 100%;
    clear: both;
}


#topCol 
{ 
    width: 100% 
}

/* DR - Without this line, on Product Detail pages Firefox will print out a blank page
 between the header and content area. Don't know why. This solves it. */
#mainCol 
{ 
    width: 100%;
    clear: both;
}

#middleCol 
{ 
    width: 100%;
    clear: both;
}

#rightCol 
{
    width: 100%;
    clear: both;
}



/* =====================================================================
    USER CONTENT
===================================================================== */

#mainColWide .content,
#mainCol .ctl_Content 
{
	display: block;
	margin-bottom: 20pt;
	width: 100%;
	clear: both;
}

.HeaderLogo 
{
	display: block;
}

/* Image Alignments */
.imageRight 
{
	float: right;
	margin: 0.2em 0 0.2em 0.8em;
}

.imageLeft 
{
	float: left;
	margin: 0.2em 0.8em 0.2em 0;
}

/* =====================================================================
    HEADER
===================================================================== */

/*all other header items are turned off by default through the ctl_Content items being displayed none */
#header 
{ 
	display: block; 
	margin-bottom: 10pt;
	border-bottom: 3pt solid #c0c0c0;
}

/* except for print-only logo */
#header .HeaderImageLogo 
{ 
	display: block;
}

#header .HeaderImageLogo img.LogoNonClickable 
{
    display: none;
}

#header .HeaderImageLogo a.LogoClickable 
{
    display: none;
}

#header .HeaderImageLogo img.LogoPrint 
{ 
	margin-bottom: 10pt;
	display: block;
}



/* =====================================================================
    NAVIGATION
===================================================================== */
.SiteMap p.navDesc 
{ 
    font-style: italic; 
    padding-left: 5pt; 
}

/* Don't want ANY navs in print content */
.ctl_Navigation,
.ctl_BreadCrumb,
.ctl_FooterNav 
{ 
    display: none; 
}

.SiteMap 
{ 
    display: block; 
}

.SiteMap ul.sub 
{ 
	margin-left: 15pt; 
}

.SiteMap li 
{ 
	line-height: 1.8em; 
}

.SiteMap ul li 
{ 
	font-weight: bold;	
	margin: 0;
	padding: 0;
	padding: 5pt 0;	
	font-size: 12pt;
}

.SiteMap ul ul li 
{ 
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

.SiteMap ul li p.navDesc 
{ 
	display: none;
}

.SiteMap ul ul li p.navDesc 
{ 
	display: block;
}



/* =====================================================================
    PAGE TITLE
===================================================================== */

.ctl_PageTitle 
{
	display: block;
	width: 100%;
	clear: both;
}

/* =====================================================================
    PRODUCT LIST - GENERIC STYLING
===================================================================== */

.ctl_ProductList ul.paging,
.ctl_ProductList ul.azList 
{ 
    display: none; 
}

.ctl_ProductList ol.ProductList,
.ctl_ProductList ol.searchResults,
.ctl_ProductList ol.ProductList *,
.ctl_ProductList ol.searchResults * { margin: 0; padding: 0; }

.ctl_ProductList ol.ProductList,
.ctl_ProductList ol.searchResults,
.ctl_ProductList ol.ProductList li,
.ctl_ProductList ol.searchResults li { list-style-type: none; }

.ctl_ProductList ol.ProductList,
.ctl_ProductList ol.searchResults { margin-bottom: 10pt; }


.ctl_ProductList ol.ProductList li,
.ctl_ProductList ol.searchResults li {
	padding: 5pt 0;
	margin-bottom: 5pt;
	clear: both;
	overflow: auto;
}

.ctl_ProductList ol.ProductList h2,
.ctl_ProductList ol.searchResults h2 { padding-bottom: 5pt; margin-bottom: 5pt; }

.ctl_ProductList ol.ProductList p,
.ctl_ProductList ol.searchResults p,
.ctl_ProductList ol.ProductList h3,
.ctl_ProductList ol.searchResults h3,
.ctl_ProductList ol.ProductList div.price,
.ctl_ProductList ol.searchResults div.price { font-size: 8pt; margin-right: 5pt; }


/* This gives everything a little spacing */
.ctl_ProductList h2.ProductName { }

.ctl_ProductList ol.ProductList .enjoyengland,
.ctl_ProductList ol.searchResults .enjoyengland { 
	padding: 5pt 0; 
	margin-bottom: 5pt; 
	display: block;
	border-bottom: 1pt dotted #c0c0c0;
	width: 100%;
}

.ctl_ProductList .enjoyengland .gradingDesignator,
.ctl_ProductList .enjoyengland .awardLogo
{
    font-size:8pt;
}

.ctl_ProductList .price { 
	padding: 5pt 0; 
}


/* This floats all items with an h3, eg price, location, properly */
.ctl_ProductList ol.ProductList h3,
.ctl_ProductList ol.searchResults h3,
.ctl_ProductList ol.ProductList .loc p,
.ctl_ProductList ol.searchResults .loc p
{ float: left; line-height: 15pt; }


/* Float the thumbnail image left */
.ctl_ProductList ol.ProductList div.thumbnail,
.ctl_ProductList ol.searchResults div.thumbnail { float: left; margin: 0 10px 5px 0; }

.ctl_ProductList ol.ProductList img.thumbnail,
.ctl_ProductList ol.searchResults img.thumbnail { width: 180px; }




/* Align the description to the left of the description */
.ctl_ProductList ol.ProductList .wrapper,
.ctl_ProductList ol.searchResults .wrapper 
{ margin: 0 0 0 200px; }


.ctl_ProductList ol.ProductList div.desc,
.ctl_ProductList ol.searchResults div.desc,
.ctl_ProductList ol.ProductList div.dates,
.ctl_ProductList ol.searchResults div.dates { padding: 5pt 0; float: left; width: 100%; }

.ctl_ProductList ol.searchResults div.dates dl dd,
.ctl_ProductList ol.searchResults div.dates dl dt 
{ float: left; line-height: 15pt; }

.ctl_ProductList ol.ProductList p.ex_AddButton,
.ctl_ProductList ol.searchResults p.ex_AddButton,
.ctl_ProductList ol.ProductList p.bookonline,
.ctl_ProductList ol.searchResults p.bookonline,
.ProductList ol.ProductList li .BookPrice div.thumbnail { display: none; }



/* If a more info button is used - generated by a thumbnail image - hide it - or 2 thumbnails will be shown */

.RatingsBar div.thumbnail {
	display: none;
}



.ctl_ProductList ol.ProductList li .locationdata {
	/* hidden: this contains the coords for when a link is added to the prod thumb that locates the product in dmapping */
	display: none;
}

.ctl_ProductList ol.searchResults .bookingLinks,
.ctl_ProductList ol.ProductList .bookingLinks
{
	float: right;
}

.ctl_ProductList ol.searchResults .ProductLink,
.ctl_ProductList ol.ProductList .ProductLink
{
	display: none;
}

.ctl_ProductList ol.searchResults .attraction,
.ctl_ProductList ol.ProductList .attraction
{
	display: none;
}

.ctl_ProductList ol.searchResults .loc,
.ctl_ProductList ol.ProductList .loc
{
	width: 100%;
	float: left;
}

.enjoyengland
{
    margin-bottom: 0.625em;
    float: left;
    width: 33.8em;
}

.enjoyengland img.gradingLogoImg
{
    margin-right: 0.3125em;
    height: 1.25em;
    width: 1.25em;
}

.enjoyengland img.gradingStarImg
{
    position: relative;
    bottom: 0.25em;
    height: 0.875em;
    width: 0.875em;
}

.enjoyengland span.awardLogo
{
    margin-left: 0.625em;
    position: relative;
    bottom: 0.5em;
    font-size: 0.9em;
}

.enjoyengland span.awardLogo img
{
    position: relative;
    top: 0.5em;
}

.enjoyengland span.gradingDesignator
{
    margin-right: 0.3125em;
    position: relative;
    bottom: 0.5em;
    font-size: 0.9em;
}

/* =====================================================================
    SITE SEARCH RESULTS
===================================================================== */
.SiteSearchResults table {
	width: 100%;
	margin-bottom: 10pt;
	border-collapse: collapse;
}

.SiteSearchResults table td {
	border-top: 1pt solid #c0c0c0;;
}

.SiteSearchResults table td.product { width: 60%; }
.SiteSearchResults table td.location { width: 60%; }

.SiteSearchResults table td.seemore,
.SiteSearchResults table td.showall { display: none; }


/* =====================================================================
    PRODUCT DETAIL - GENERIC STYLING
===================================================================== */

.ctl_ProductDetail {
	margin-bottom: 10pt;
	clear: both;
}



.ctl_ProductDetail address,
.ctl_ProductDetail div.node li { font-size: 8pt; }

.ctl_ProductDetail dt,
.ctl_ProductDetail dd { display: inline; }

.ctl_ProductDetail .ButtonsWrapper,
.ctl_ProductDetail .bookonline,
.ctl_ProductDetail .ex_AddButton,
.ctl_ProductDetail div.website,
.ctl_ProductDetail div.email,
#productExtraImages { display: none; }




.ctl_ProductDetail .node {
	margin-bottom: 20pt;
	display: block;
	clear: both;
}

.ctl_ProductDetail #productImage {
	margin: 0;
	padding: 0;
	width: 280px;
	height: 180px;
}


.mapView {
	display: block;
}


.ctl_ProductDetail div.ContactInfoMain, .ctl_ProductDetail div.DetailsWrapper  {
	float: left;
	margin-left: 0;
}



.ctl_ProductDetail div.ContactInfoMain {

	width: 100%;
}

.ctl_ProductDetail div.ContactInfoMain .node  {
	margin-bottom: 5pt;
}






.category {
	clear: both;
	padding-top: 0.3em;
}




/* == ROOM INFO == */
.roomInfo dl dd {
	font-weight: bold; margin-left: 5pt;
}

/* == OPENING TIMES == */
.openingTimes h3 { font-size: 10pt; }


/* == FACILITIES == */
#rightCol .ProductDetailSideBar .facilities,
#rightCol .ProductDetailSideBar .facilities * { display: block !important; }

.ctl_ProductDetail div.facilities  {
	margin-bottom: 40pt;
	display: block;
}

.ctl_ProductDetail div.facilities h3 {
	clear: both;
}

.ctl_ProductDetail div.facilities ul {
	clear: both;
}

.ctl_ProductDetail div.facilities ul li {
	width: auto;
}

/* == GRADING == */
.ctl_ProductDetail .gradings ul, .ctl_ProductDetail .gradings img {
	float: left;
	margin-right: 10pt;
}

/* == AWARDS == */
.ctl_ProductDetail .awards ul li {
	clear: both;
}

.ctl_ProductDetail ul.awards span {
	margin: 0 5pt 0 0;
}

.ctl_ProductDetail span.awardimage {
	margin: 5pt 0;
	float: right;
}


/* == RELATED SPECIAL OFFERS == */
.ctl_ProductDetail ul.relatedOffers, .ctl_ProductDetail ul.relatedOffers li {
	list-style-type: none;
}

/* == CONTACT INFO LINKS == */
.ctl_ProductDetail .ContactInfoLinks {
	display: none;
}








/* =====================================================================
    PRODUCT DETAIL - TABBED VERSION
===================================================================== */

.ctl_ProductDetail .tabNavigation, span.scrollButtons, div.tabNavigation, #tabGallery {
	display: none;
}


#tabContainer, div.productTabs{
	width: 100% !important;
	height: auto !important;
	background: none;
	border: none;
}

div.tab{
	display: block;
	float: none;
}

#tabContainer div.tab {
	float: none !important; 
	background: none;
	height: auto !important;
	min-height: 0;	
	height: auto;
	
	height: 200px;
	
}


div#tabOverview {
	position: relative;
	clear: none;
}

.OverViewLeft {
	float: left;
	width: 65%;
	margin-right: 10pt;
	clear: none;
}

.OverViewRight {
	width: 28%;
	margin-bottom: 10pt;
	float: right;
	clear: none;
}

#tabAvailability, #tabLocation, #tabOffersandEvents, #tabDatesandPrices {
	float: none;
	clear: none;
	width: 65%;		
}

#tabVideo {
	display: none;
}

#tabAvailability .node, #tabLocation .node, #tabOffersandEvents .node, #tabDatesandPrices .node {
	clear: none;
}

div.roomInfo, div.ctl_Booking_AvailSearch, div.ctl_Forms, div.dynMapContainer, 
div.roadDirections, div.publicdirections, div.relatedSpecialOffers, div.relatedEvents {
	float: left;
	width: 100%;
}

div#availabilityCalendar div.form {
	overflow: hidden;
	width: 100%;
}


div.dynMapContainer{
	height: 350px !important;
}


#AvCalControl{
	display: none;
}

div.MMzoom{
	display: none;
}

#formProvider { /* Removes the availability enquiry form */
	display: none;
}

/* =====================================================================
    FORMS
===================================================================== */

.ctl_Forms { width: 100%; }

.ctl_Forms div.row { margin-top: 5pt; }

.ctl_Forms div.row span { display: block; }

.ctl_Forms div.row span label {
	width: 150pt;
	float: left;
}

.ctl_Forms div.row span.field { 
	margin-left: 170pt;
	width: 150pt;
}

.ctl_Forms div.row span.field input { 
	width: 180pt;
}

.ctl_Forms div.personaldetails, .ctl_Forms div.disclaimer {
	margin-bottom: 20pt;
}


.ctl_Forms div.row span.optional,
.ctl_Forms div.row span.mandatory { display: none; }

.ctl_Forms p,
.ctl_Forms div.row span.field,
.ctl_Forms div.row span label { font-size: 10pt; }

.ctl_Forms ul,
.ctl_Forms li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Some lists are contained in span.field, some aren't. We want their
 text elements to end up with 80% font size, but we need to make sure
 we don't up end doubling these declarations. */
.ctl_Forms ul { font-size: 80%; }
.ctl_Forms span.field ul { font-size: 125%; }



/* =====================================================================
    FEATURED PAGES
===================================================================== */

.ctl_FeaturedPages {
	width: 100%;
	clear: both;
	display: block;
	margin-bottom: 20pt;

	display: none;
}

.ctl_FeaturedPages ul {
	list-style: none;
	margin: 0 0 5pt 0;
	padding: 0;
}

.ctl_FeaturedPages ul,
.ctl_FeaturedPages li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ctl_FeaturedPages ul {
	padding: 0;
	clear: both;
	overflow: auto;
}

.ctl_FeaturedPages li {
	margin: 0 0 10pt 0;
	padding: 0;
	clear: both;
	overflow: auto;
}

.ctl_FeaturedPages li h3, .ctl_FeaturedPages li p { 
	margin: 0;
	margin-left: 200px;
	padding: 0;
 }

 
.ctl_FeaturedPages li p.image {
	padding: 0;
	margin: 0;
	margin-top: -20pt;
	float: left;
}

.ctl_FeaturedPages li p.image a img {
	width: 180px;
}




/* =====================================================================
    FEATURED ARTICLES
===================================================================== */


.ctl_FeaturedArticles {
	width: 100%;
	clear: both;
	margin-bottom: 20pt;
}

.ctl_FeaturedArticles {
	width: 100%;
	clear: both;
}

.ctl_FeaturedArticles ul,
.ctl_FeaturedArticles li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ctl_FeaturedArticles ul {
	padding: 0;
	clear: both;
	overflow: auto;
}

.ctl_FeaturedArticles li {
	margin: 0 0 5pt 0;
	padding: 0;
	clear: both;
	overflow: auto;
}

.ctl_FeaturedArticles .linksNotHlt {
	clear: both;
	margin: 0 0 20pt 0;
}

.ctl_FeaturedArticles li h3,
.ctl_FeaturedArticles li h4,
.ctl_FeaturedArticles li p.summary { margin-left: 0; }



/* This for first highlighted products */
.ctl_FeaturedArticles div.blockLeftImg {
	padding: 0;
	margin: 0 0 20pt 0;
	clear: both;
	display: block;
}

.ctl_FeaturedArticles div.blockLeftImg p.thumbnail {
	padding: 0;
	margin: 0;
	float: left;	
	width: 180px;
}

.ctl_FeaturedArticles div.blockLeftImg p.thumbnail img {
	width: 180px;
}

.ctl_FeaturedArticles div.blockLeftImg h3, .ctl_FeaturedArticles div.blockLeftImg h4, .ctl_FeaturedArticles div.blockLeftImg p.summary 
{ margin-left: 200px }

/* END highlighted products */





/* =====================================================================
    ARTICLES (News)
===================================================================== */

.ctl_ArticleList {
	width: 100%;
	clear: both;
	margin-bottom: 20pt;
}

.ctl_ArticleList ul.articles {
	width: 100%;
	clear: both;
}

.ctl_ArticleList ul,
.ctl_ArticleList li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ctl_ArticleList ul {
	padding: 0;
	clear: both;
	overflow: auto;
}

.ctl_ArticleList li {
	margin: 0 0 5pt 0;
	padding: 0;
	clear: both;
	overflow: auto;
}

.ctl_ArticleList li h4, .ctl_ArticleList li p.summary { margin-left: 200px; }

.ctl_ArticleList li p.thumbnail {
	padding: 0;
	margin: 0;
	float: left;	
	width: 180px;
}

.rss {
	display: none;
}



/* =====================================================================
    DATE
===================================================================== */

.ctl_Date { /* If a date is present on the site - we night as well show it by default */
	display: block;
	width: 100%;
	clear: both;
}


/* =====================================================================
    TEXT SIZE SWITCHER
===================================================================== */

.ctl_TextSizeSwitcher { 
	display: none;
}


/* =====================================================================
    FOOTER
===================================================================== */
#footer {
	padding-top: 5pt;
	margin-top: 20pt;
	clear: both;
	display: block;
	width: 100%;
}



/***************************************************************************************** 
PART 2 - SPECIFIC STYLES PER EACH SITE - 
CERTAIN CUSTOM CONTROLS MAY NEED TO BE TURNED OFF, ON, OR STYLED DIFFERENTLY
******************************************************************************************/

/* This should be contained in each sites own print.css file- imported into here */


/* =====================================================================
    NON-DISPLAY ITEMS FOR EACH SPECIFIC SITE
===================================================================== */


/* Turn off View Video button */
.ctl_Content a.viewVideo,
.videoText
{ 
    display: none !important; 
}

/* =====================================================================
    DISPLAY & STYLING ITEMS FOR EACH SPECIFIC SITE
===================================================================== */

.FooterExternalLinks
{
    display: none;
}

#footer .footerCopyright {
	float: left;
	margin: 36pt 0 0 10pt;
}