/*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
{ 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: 12pt;}

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

h1 { font-size: 16pt; font-weight: bold; margin-bottom: 8pt;}
h2 { font-size: 13pt; font-weight: bold; margin-bottom: 6pt;}
h3, h4 { font-size: 11pt; font-weight: bold; margin-bottom: 4pt;}

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

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

p { font-size: 10pt; 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: 10pt;
}

/*.printable ul
{
	padding: 0;
	margin: 0;
}*/

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

table th, table td {
	border-collapse: collapse;	font-size: 10pt; 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%;
}

#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
===================================================================== */

#mainCol .ctl_MainContent {
	display: block;
	margin-bottom: 20pt;
	width: 100%;
	clear: both;
}

#middleCol .ctl_MiddleContent {
	display: block;
	margin-bottom: 20pt;
	margin-top: 10pt;
	width: 100%;
	clear: both;
}


/* 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: 20pt;
	border-bottom: 5pt solid #c0c0c0;
}

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

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

.ctl_HeaderImage {
	display: none;
}



/* =====================================================================
    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: 20pt; }


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

.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: 10pt; margin-right: 5pt; }


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

.ctl_ProductList .enjoyenglandratings { 
	padding: 5pt 0; 
	margin: 0; 
	display: block;
	border-bottom: 1pt dotted #c0c0c0;
	width: 100%;
}

.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 { float: left; }


/* 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; }


.ctl_ProductList ol.ProductList div.desc,
.ctl_ProductList ol.searchResults div.desc { padding: 5pt 0; }

.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; }

.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;
}



/* =====================================================================
    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; }


/* =====================================================================
    GUIDED PRODUCT SEARCH
===================================================================== */

.SearchAdvanced {display: block;}

.SearchAdvanced dl,
.SearchAdvanced dd,
.SearchAdvanced dt { margin: 0; padding: 0; }

.SearchAdvanced dd { margin: 5pt 0 10pt 0; }

.SearchAdvanced dd div.row { line-height: 1.8em; }

.SearchAdvanced dd .fieldwide { display: block; }

.SearchAdvanced dd ul,
.SearchAdvanced dd li {
	display: inline;
	margin: 0;
	padding: 0;
}

.SearchAdvanced .hidden,
.SearchAdvanced .calendar,
.SearchAdvanced dt input.checkbox,
.SearchAdvanced dd .AddAnotherUnit,
.SearchAdvanced img.GuidedSearchArrow { display: none; }


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

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

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

.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 div.ImageWrapper, .ctl_ProductDetail div.ImagesWrapper { /* two different class names used on sites here for some reason */
	/* created a new container to ensure images are in a separate column */
	margin: 0;	/* Needs slightly different spacing in IE6 (see hacks) */
	padding: 0;
	overflow: auto;
	padding: 0.3125em;
	border: 5pt solid #e4e4e4;
	float: left;
	margin-bottom: 10pt;
}

.ctl_ProductDetail div.ImageWrapper .image, .ctl_ProductDetail div.ImagesWrapper .image {
	margin: 0;
	padding: 0;
}

.ctl_ProductDetail div.ImageWrapper img, .ctl_ProductDetail div.ImagesWrapper img {
	margin: 0;
	padding: 0;
	display: block;
}

.mapView {
	display: block;
}


.ctl_ProductDetail div.ContactInfoMain, .ctl_ProductDetail div.DetailsWrapper  {
	float: left;
	/*margin-left: 10pt;*/
}

.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 == */
.ctl_ProductDetail div.facilities h3 {
	font-size: 11pt;
}

/* == FACILITIES - Force display of facilites (ignores show/hide js functionality) == */
.facilities *
{
	display: block !important;
}

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


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






/* =====================================================================
    DYNAMIC MAPPING
===================================================================== */

#mapZoom,
.mapWidgetContainer,
.loadingMessage,
.mapFilters,
body.mapShow a#mapShowHideLink { display: none; }


a#mapShowHideLink {
	display: none;
}

/* For maps on product detail pages */
div.dynMapContainer, .dynMapContainer {
	display: block;
}


body div.dynMapContainer { display: none; }
body.mapShow div.dynMapContainer { display: block; }

.dynMapContainer {
	width: 45.9375em;
	height: 380px;
	background: #eef;
	margin-bottom: 20pt;
}



/* =====================================================================
    ITINERARY PLANNER
===================================================================== */

/* This not required to show the basket on print pages */
.ctl_ItineraryBasket { display: none; }


.ctl_ItineraryDetail .ItnryIntro h2 { font-size: 16pt; }

/* Hide "Max 512 Chars */
.ctl_ItineraryDetail .ItnryNotes p { display: none; }

/* Hide icons alongside (for example) "Your Itinerary name" */
.ctl_ItineraryDetail .ItnryName img,
.ctl_ItineraryDetail .ItnryNotes img { display: none; }

/* Make text area look like standard text content */
.ctl_ItineraryDetail textarea { border: 0; overflow: hidden; }

/* Hide controls that have no effect in print layout */
.ctl_ItineraryDetail .ItnryEmail,
.ctl_ItineraryDetail .ItnryPrint,
.ctl_ItineraryDetail .ItnryMapCtrls { display: none; }


.ctl_ItineraryDetail .ItnryItems h3 {
	font-size: 12pt; border-bottom: 1pt dotted #c0c0c0; padding-bottom: 4pt;
}

/* Only display names of items in list, don't show "change order", "delete"
 columns (this also means there's no need to the header row) */
.ctl_ItineraryDetail .ItnryItems .ItnryTbl,
.ctl_ItineraryDetail .ItnryItems .ItnryTbl th,
.ctl_ItineraryDetail .ItnryItems .ItnryTbl .order,
.ctl_ItineraryDetail .ItnryItems .ItnryTbl .delete { display: none; }

/* Only show numeric value for items in table (no fancy graphics) */
.ctl_ItineraryDetail .ItnryTbl a.point img { display: none; }


.ctl_ItineraryDetail .ctl_ProductList h2 { display: none; }

.ctl_ItineraryDetail .ctl_ProductList ol.searchResults li h2 { display: block; }


.ctl_ItineraryDetail .ItnryMap {
	margin-top: 10pt;
	/* Need to set position:relative for position:absolute-located itin points on map */
	position: relative;
	overflow: hidden;
	
	/* Need to specify height so that IE6 can locate the points on the map correctly,
	 but CAN'T specify width or the map won't render in the right place in Firefox */
	height: 460px;
}

.ctl_ItineraryDetail .ItnryMap a.point span,
.ctl_ItineraryDetail .ItnryMap a.pointgroup span {
	display: block;
	padding: 0.20pt 5pt;
	font-weight: bold;
	background: #f1f1f1;
	border: 1px solid #c0c0c0;
}

.ctl_ItineraryDetail .ItnryMap a.point img,
.ctl_ItineraryDetail .ItnryMap a.pointgroup img { display: none; }


.ctl_ItineraryDetail .ctl_ProductList { margin-bottom: 10pt; display: block; }

.ctl_ItineraryDetail .ctl_ProductList ol.ProductList li { border-top: 0; }


.ctl_ItineraryDetail .ItnryDists { clear: both; }
.ctl_ItineraryDetail .ItnryDists h3 { 
	font-size: 13pt; 
	border-bottom: 1px dotted #c0c0c0;	
	padding-bottom: 4pt; 
	margin-bottom: 4pt;
}


/* Hide the "Sort by shortest distance" link */
.ctl_ItineraryDetail .ItnryDists p.sortLink { display: none; }

/* Hide the "metric / imperial" alternating links */
.ctl_ItineraryDetail .ItnryDists th.dist span { display: none; }

.ctl_ItineraryDetail .ItnryDists p { font-size: 80%; }

.ctl_ItineraryDetail .ItnryDists .ItnryTbl th,
.ctl_ItineraryDetail .ItnryDists .ItnryTbl td {
	font-weight: normal;
}

/* =====================================================================
    CUSTOMER HOME PAGE
===================================================================== */
/* Hide the "Load Itinerary" button */
.ctl_CustomerHome p, .ctl_CustomerHome hr { display: none; }


/* =====================================================================
    BOOKING
===================================================================== */

#rightCol .ctl_Booking_AvailSearch, #middleCol .ctl_Booking_AvailSearch {
	display: none;
}

#mainCol .ctl_Booking_AvailSearch .availabilitySearchImg, 
#mainCol .ctl_Booking_AvailSearch .searchform {
	display: none;
}


#calendarControl {
	display: none;
}

#availabilityCalendar caption {
	display: none;
}


/* == AVAILABILITY KEY  ===== */
#AvCalKey dt {
	margin: 0;
	padding: 0;
	float: left;
	width: 4em;
}
		
#AvCalKey dd {
	margin: 0 0 10pt 5em;
	display: block;
}
		
/* == ONLINE BOOKING HELP == */

.ctl_BookingHelp {
	margin: 0 0 10pt 0;
	padding: 0;
}

.ctl_BookingHelp h2 span {
	display: none;
}

.ctl_BookingHelp h2#ir_bookonlineguaranteed {
	background: none;
	background: url(/images/availability_guaranteed.gif) no-repeat left 20pt;
	margin: 0 0 10pt 0;
	padding: 0 0 20pt 0;
	font-size: 10pt;
}

.ctl_BookingHelp h2#ir_bookonlineindicative {
	background: none;
	background: url(/images/availability_unconfirmed.gif) no-repeat left 20pt;
	margin: 0 0 10pt 0;
	padding: 0 0 20pt 0;
	font-size: 10pt;
}

/* ==== PRODUCT DETAIL - product details below instruction box ===== */

.BookOnlineProductDetail {
	margin: 0;
	padding: 0;
	width: 100%;
}

.BookOnlineProductDetail h1 {
	font-size: 13pt;
	font-weight: bold;
	margin: 0;
	margin-bottom: 5pt;
	width: 100%;
	border-bottom: 1pt dotted #c0c0c0;
	padding-bottom: 4pt;
}

.BookOnlineProductDetail .image {
	margin: 0;
	margin-bottom: 20pt;
	padding: 0;
	width: 180px;
	clear: both;
}

.BookOnlineProductDetail div.DetailsWrapper {
	margin-left: 0;
	margin: 0;
	margin-bottom: 10pt;
	padding: 0;
	clear: both;
	width: 100%;
}


/* == REQUIREMENT SUMMARY - this replaces the search above ===== */

.ctl_RequirementSummary {
	margin: 0;
	margin-bottom: 20pt;
	padding: 0;
	clear: both;
	width: 100%;
}

#book_reqdetails {
	padding: 0;
}


#book_reqdetails h3 {
	margin: 0;
	margin-bottom: 5pt;
	width: 100%;
	border-bottom: 1pt dotted #c0c0c0;
	padding-bottom: 4pt;
}

#book_reqdetails dl {
	font-size: 80%;
}

#book_reqdetails dl, #book_bookingdetails dl {
	margin: 0;
	padding: 0;
}

#book_reqdetails dt, #book_bookingdetails dt {
	margin: 0;
	padding: 0.3em 0;
	width: 12em;
	float: left;
}

#book_reqdetails dd, #book_bookingdetails dd {
	margin: 0;
	padding: 0.3em 0;
	font-weight: bold;
}


/* === UNIT SELECTION === */

.ctl_Booking_UnitSelection {
	width: 100%;
	margin: 0;
	margin-bottom: 20pt;
	padding: 0;
	clear: both;
}

.ctl_Booking_UnitSelection form {
	margin: 0;
	padding: 0;
}

.ctl_Booking_UnitSelection #pnTeleBook_PromptCall, .pnNoAvail {
	margin: 0;
	padding: 0;
	padding-bottom: 5pt;
	font-weight: bold;
}


div.pnStayReqmntTtl {
	font-weight: bold;
	margin: 0;
	margin-bottom: 5pt;
	width: 100%;
	border-bottom: 1pt dotted #c0c0c0;
	padding-bottom: 4pt;
	font-size: 11pt;
}


/* Turn off buttons */
div.pnStayButtons {
	display: none;
}


/* items in list */
div.StayCandidateItem div.pnUnitOption, div.StayCandidateItem1 div.pnUnitOption {
	font-weight: bold;
	margin: 0 0 5pt 0;
	padding: 5pt 0 0 0;
	font-size: 11pt;
}

div.StayCandidateItem div.pnPriceBase, div.StayCandidateItem1 div.pnPriceBase {
	margin: 0 0 10pt 0;
	padding: 0 0 0 10pt;
}


div.StayCandidateItem div.pnUnitOption input, div.StayCandidateItem1 div.pnUnitOption input {
	margin: 0;
	padding: 5pt;
}

div.pnUnitOption label, div.pnPriceBase {
	font-size: 10pt;
}

/* === AVAILABILITY KEY  ===== */

#pnAvailClassKey h3 {
	margin: 0;
	margin-bottom: 5pt;
	width: 100%;
	border-bottom: 1pt dotted #c0c0c0;
	padding-bottom: 4pt;
}






/* =====================================================================
    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 PRODUCTS
===================================================================== */

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

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

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

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

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


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

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

.ctl_FeaturedProducts li h3, .ctl_FeaturedProducts li p { 
	margin: 0;
	margin-left: 260px;
	padding: 0;
 }
 
.ctl_FeaturedProducts .blockLeftImg,
.ctl_FeaturedProducts .blockRightImg
{
	padding: 0;
	margin: 0;
	width: 100%; /***/
	float: left;
}

.ctl_FeaturedProducts .blockImg {
	padding: 0;
	margin: 0;
	float: left;	
	width: 180px;
}

.ctl_FeaturedProducts .blockImg a img {
	width: 180px;
}


.ctl_FeaturedProducts .blockText {
 	margin-left: 200px;
}

.ctl_FeaturedProducts .blockText h2 {
 	font-size: 12pt;
	border: none;
}


/* Mulitple Image Items - all turn off */

.galNPnav, ul.galNPnav, ul.galTBnav {
	display: none;
}





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

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

.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;
}


/* =====================================================================
    HIGHLIGHTED EVENTS
===================================================================== */

/* No CSS required - as all elements are covered: h2's, list items */



/* =====================================================================
    SPECIAL OFFERS
===================================================================== */

/****** Offer List ******/

.ctl_OfferList {
	width: 100%;
	margin: 0;
	padding: 0;
}

.ctl_OfferList ol,
.ctl_OfferList li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ctl_OfferList ol { 
	padding: 0; 
}

.ctl_OfferList li {
	width: 100%;
	float: left;
}

.ctl_OfferList h2 { 
	font-size: 11pt;
	border-bottom: none;
}

.ctl_OfferList p {
	margin-left: 200px;
}

.ctl_OfferList p.image {
	display: block;
	float: left;
	margin-left: 0;
}

.ctl_OfferList p a img {
	border: 0;
	display: block;
	width: 180px;
}






/****** Offer Detail List ******/

.ctl_OfferDetail ol {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	margin-bottom: 20pt;
	/* need to clear both and auto overflow for alignment */
	clear: both;
	display: block;
}

.ctl_OfferDetail ol.offersList li {
	/* need to clear both and auto overflow for alignment */
	margin: 0 0 5pt 0;
	width: 100%;
	float: left;
}

.ctl_OfferDetail ol.offersList li.odd { }
div.ctl_OfferDetail ol.offersList li h3 { }
.ctl_OfferDetail h2 { }
.ctl_OfferDetail p { }

.ctl_OfferDetail ol.offersList p {
	font-size: 80%;
	padding: 0;
	margin: 0 0 0 15.5em;
}

.ctl_OfferDetail ol.offersList p.image {
	padding: 0 0 0 5pt;
	margin: 0;
	float: left;
}

.ctl_OfferDetail ol.offersList img {
	border: 0;
}



/* =====================================================================
    HELP DESK
===================================================================== */
.ctl_HelpDeskFAQList h2 {
	display: none;
}

.ctl_HelpDeskFAQList li {
	margin-bottom: 8pt;
}


/* =====================================================================
    FORUM
===================================================================== */
.Forum ul { list-style-type: none; }

.Forum ul, .ForumThreadList ol { line-height: 20pt; }

.Forum_BreadcrumbNav { display: none; }

.ForumThreadList table,
.ForumThread table {
	border: 1px solid #c9c9c9;
	border-left: 0;
	border-top: 0;
}

.ForumThreadList table th,
.ForumThreadList table td,
.ForumThread table th,
.ForumThread table td {
	text-align: left;
	border: 1px solid #c9c9c9;
	border-right: 0;
	border-bottom: 0;
}

.ForumThread div.row span.label,
.ForumThread div.row span.field { display: block; }
.ForumThread div.row span.field { margin-bottom: 5pt; }

.ForumThread table.forum {
	border: 1px solid #c9c9c9;
	border-left: 0;
	border-top: 0;
	margin-bottom: 20pt;
}

.ForumThread table.forum td {
	border: 1px solid #c9c9c9;
	border-right: 0;
	border-bottom: 0;
	vertical-align: top;
}

.ForumThread table.forum td p { margin: 0; padding: 0; }
.ForumThread table.forum td div.forumtime { font-weight: bold; margin-bottom: 20pt; }

/* Hide the "first message", "message 2", "last message" links in print view */
.ForumThread table.forum td ul { display: none; }




/* =====================================================================
    BANNER ADS
===================================================================== */
.ctl_BannerAd {
	margin-bottom: 10pt;
	display: block;
	clear: both;
	width: 100%;
}

.ctl_BannerAd a {
	margin: 0 5pt 5pt 0;
}


/* =====================================================================
    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;
}


/* =====================================================================
    WEATHER
===================================================================== */

/* Weather Summary */
.ctl_WeatherSummary {
	width: 100%;
	clear: both;
	margin-bottom: 10pt;
}

.ctl_WeatherSummary a.regSumLink {
	display: none;
}

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

.ctl_WeatherSummary ul.weatherSummary li a {
	float: left;
	margin: 0;
	padding: 0.7em 0 0 0;
}


/* Weather Detail */
.ctl_Weather {
	width: 100%;
	clear: both;
	margin-bottom: 10pt;
}

.weathertowns {
	display: none;
}


.ctl_Weather table {
	width: 50%;
}

.ctl_Weather thead th {
	font-weight: bold;
}

.ctl_Weather tbody th {
	font-weight: normal;
	white-space: nowrap;
}

.ctl_Weather th.day {
	text-align: left;
	font-weight: bold;
}

.ctl_Weather td {
	text-align: center;
}

.ctl_Weather td.desc {
	text-align: left;
}

.ctl_Weather td.temp {
	font-style: italic;
	font-weight: bold;
}





/* =====================================================================
    FOOTER
===================================================================== */
#footer {
	border-top: 1pt solid #c0c0c0;
	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
===================================================================== */

/* For Brighton */

/* Turn off loading at top of site */
#thumbBox, #thumbLoading   /* JW WHAT's THIS? */
 { display: none; }
 
/* Turn off normal logos */
.HeaderImageLogoCont, .HeaderImageLogoLink
 { display: none; }

/* Turn off footer brighton logo */
.ctl_FooterLogoBrighton img {
	display: none;
}
 
.titleWeather p {
	display: none;
}
 
 

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

/* For Brighton */
#footer .ctl_Content {
	display: block;
}

#footer .ctl_FooterLogoBrighton {
	float: none;

}
#footer .ctl_FooterLogoCouncil {
	float: left;
	margin-right: 20pt;
}

#footer .ctl_logoNewMind {
	float: right;
}

.contactUs {
	display: block;
}

/* Import this so the Brighton slide show works */

.MediaGalleryFullWidth {
	display: block;
}

.MediaGalleryFullWidth .galControls {
	display: none;
}

/* For Visitor Guide G Demo */
.TopLineWrapper .thumbnail {
display: none;
}

/* --- visit surrey --- */

	.VSUSiteLogo 
	{
		background-color:#008B8B;
	}

	/* --- logo media items in ul --- */
	.siteLogoMedia ul.mediaBanners li
	{
		list-style-type: none;
	}
	
		.siteLogoMedia ul.mediaBanners li img
		{
			padding-left: 5pt;
		}
		
	/* --- product list fixes --- */
	.RatingsBar .thumbnail
	{
		display: none;
	}
	
	/* --- product detail fixes --- */
	.stage3 #colsWrapper
	{
		
	}
	
	.stage3 #mainCol
	{
		clear: both;
		float: left;
		width: 65%;
	}

	.stage3 #rightCol 
	{
		clear: none;
		float: right;
		width: 33%;
		padding-left: 9pt;
	}

	.ProductDetailMain p.showHideLink
	{
		display: none;
	}
	
	#mapimage
	{
		clear: none;
		float: left;
		padding-left: 9pt;
		width: 50%;
	}
	
	#mapimage img
	{
		width: 346px;
		height: 221px;
	}
	
	/* --- footer --- */
	#footer
	{
		background-color: #F9F8F6;
		float: left;
		padding:10pt;
		width: 98%;
	}

		#footer	.footerLogos
		{
			display: none;
		}

	.footerSponsors div
	{
		width: 125pt;
		float:left;
	}

/* --- misc title --- */

.titleEvents,
.titleSpecialOffersRight
{
	display: block;
}

.titleSpecialOffersRight h3
{
	border-top:1.5pt dotted #C0C0C0;
	width: 100%;
	padding-top: 10pt;
}