/*	HCP: colour scheme */
/*
	Main colour: #0076a6
	Accent colours: #d4e7ee   #e8f3f7
*/

/*	SPINE */
/*	Faux column	*/
#pageContainer
{
	background: transparent url(../../../SiteImages/PalaceStructure/HamptonCourtPalace/spineBackground.gif) repeat-y left top;
}

/*	SECTION NAVIGATION DEFAULTS	*/ 

#sectionNavigation #sectionTitle
{
	background: transparent url(../../../SiteImages/PalaceStructure/HamptonCourtPalace/spineTitle.gif) no-repeat left top;
}


/*	The footer links have a border colour applied rather than repeat the faux columns */ 
#siteInformationNavigation
{
	border-color: #0076A6;
}

.spineDecoration
{
    background: transparent url(../../../SiteImages/PalaceStructure/HamptonCourtPalace/spineIcon.gif) no-repeat left top;
}
 

/*    new section navigation */

ol.navigationList 
{
 background-color:#2D9ED7;	
}

ol.navigationList ol.navigationList 
{
      
background-color:#2D9ED7;
 } 
 
ol.navigationList li a, ol.navigationList li a:visited, ol li.selected span 
{
background-color:#0076A6;
 }  
 
/*  end   */

/*	END SPINE*/

/*		END SECTION NAVIGATION		*/
/*	Palace navigation is selected	*/

#palaceNavigation #flashContainerHcp div.HamptonCourtPalace a
{
	color: #fff;
}

#palaceNavigation #flashContainerHcp div.HamptonCourtPalace span
{
    background-image: none;
}

#palaceNavigation #flashContainerHcp .wipe
{
    height: 75px !important;
}

#breadcrumb
{
	background: #c2deea url(../../../SiteImages/PalaceStructure/HamptonCourtPalace/breadcrumbBackground.gif) repeat-x left bottom;
}

/*	Inner pages have a background colour */
#introductionCopy
{
	background-color: #d9ecf2;
}

#contentContainer a, #subContentContainer a
{
	color: #2D9ED7;
}

#contentContainer a:visited, #subContentContainer a:visited
{
	color: #0076A6;
}

#contentContainer a:hover, #subContentContainer a:hover, #breadcrumb li a:hover,
#siteInformationNavigation ol li a:hover, #siteInformationNavigation ol li a:active, #siteInformationNavigation ol li a:focus
{
	color: #0076A6;
}

#contentContainer a:active, #contentContainer a:focus, #subContentContainer a:active, #subContentContainer a:focus
{
	color: #0076A6;
}

/*	Over-ride the arrow links */
.arrowLink, .arrowLink span, .arrowLinkLeft, .arrowLinkLeft span,
#contentContainer .lastUnit .section .arrowLink b
{
	background: transparent url(../../../SiteImages/PalaceStructure/HamptonCourtPalace/linkBackground.gif) no-repeat right 5px;
}

/*	Homepages have Flash - this is the non-Flash version */
#nonFlashContent a#linkFindUs, #nonFlashContent a#linkFindUs span
{
	background: #000 url(../../../SiteImages/PalaceStructure/HamptonCourtPalace/findUsBackground.gif) no-repeat left top;
}

#nonFlashContent a#linkFindUs:hover, #nonFlashContent a#linkFindUs:hover span
{
	background: #000 url(../../../SiteImages/PalaceStructure/HamptonCourtPalace/findUsOverBackground.gif) no-repeat left top;
}

/* teaser panel colours for top and second row - added Stuart Johnston 27/06/07*/

#teaserPanel .teaserPanelTopRow .genericTeaser
{
	background-color: #d4e7ee;
}

#teaserPanel .teaserPanelSecondRow .genericTeaser
{
	background-color: #e8f3f7;
}

/*	RM: 14/03/08 New button for Buy tickets online. */
.ticketLink a,
.ticketLink a span
{
	background-image: url(../../../SiteImages/Buttons/buyTicketsHcp.gif);
}

/*	RM: 17/03/08	*/
/*	Search Panels	*/
.searchPanelTop
{
	background-image: url(../../../SiteImages/Intro/hcpSearchTop.gif);
}

.searchPanelTile
{
	background-image: url(../../../SiteImages/Intro/hcpSearchTile.gif);
}

.searchPanelBase
{
	background-image: url(../../../SiteImages/Intro/hcpSearchBase.gif);
}

/*	Calendar styling	*/
/*	Popup shell			*/
div.dp-popup					{background: #0076a7;}
div.dp-popup h2					{color: #fff;}
div.dp-popup a					{color: #fff;}

/*	Table within shell		*/
table.jCalendar													{border-color: #023246;	background-color: #fff;}
table.jCalendar th												{background: #023246;	color: #fff;}
/* This month */ table.jCalendar td								{background: #d9ecf2;	color: #000;}
/* Next month */ table.jCalendar td.other-month					{background: #cbccc8;	color: #000;}
table.jCalendar td:hover, table.jCalendar td.dp-hover			{background: #fff;		color: #000;}
table.jCalendar td.today										{background: #023246;	color: #fff;}
table.jCalendar td.selected										{background: #0076a6;	color: #000;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover	{background: #e8e9eb;	color: #ccc;}
/*	End calendar styling	*/

/*	Family fun pages */
#familyLanding #contentContainer,
#familyLanding #introductionContainer,
#familyLanding #introductionBase,
#familyContent #introductionContainer,
#familyContent #introductionBase
{
	background-color: #42bef2;
}

#familyLanding #contentContainer					{background-image: url(../../../SiteImages/FamilyFun/HCP/contentTile.jpg);}

#familyContent #copyContainer						{background-color: #E7F2F6;}

#familyLanding #introductionContainer,
#familyContent #introductionContainer
{
	background-image: url(../../../SiteImages/FamilyFun/HCP/introTop.gif);
}

#familyLanding #introductionCopy,
#familyContent #introductionCopy
{
	background-image: url(../../../SiteImages/FamilyFun/HCP/introTile.gif);
}

#familyLanding #introductionBase,
#familyContent #introductionBase
{
	background-image: url(../../../SiteImages/FamilyFun/HCP/introBase.gif);
}

#familyLanding .thumbnailListTitle					{background-image: url(../../../SiteImages/FamilyFun/HCP/listHeading.gif);}

#familyLanding .thumbnailListTitle a				{color: #fff;}
#familyLanding .thumbnailListTitle a:visited		{color: #acd1e3;}
#familyLanding .thumbnailListTitle a:focus			{color: #acd1e3;}
#familyLanding .thumbnailListTitle a:hover			{color: #86d2ee;}
#familyLanding .thumbnailListTitle a:active			{color: #fff;}
/*	End family fun */

/*	Non Flash for Palace Homepages - moved from structural code */
#introductionContainer #nonFlashContainer {background: #fff url(../../../SiteImages/Intro/HCPX1024.jpg) no-repeat left top;}

/*poll*/

#poll 
{
    border-top: 3px solid #0076a6;
    border-bottom: 3px solid #0076a6;
}
#poll .result
{
	background-color:#0076a6;
}
#poll li
{
    background-color:#d9ebf2;
}

#poll #pollResults
{
    border-top: 1px solid #D4D5D0;
}

#poll #pollResults li,
#poll #pollResults .field
{
    background-color:#fff;
    border-bottom: 1px solid #D4D5D0;
}


/*<snippet description="hero module contextual styles">*/

html .heroModuleWrapper .jspVerticalBar,
html .heroContentItem .openingTimesCaption .hr {
    background-color: #0076A6;
}

html .heroContentItem .buttonArrow span {
    background-position: 0 -18px;
}

html .heroContentItem .buttonArrow b {
    background-position: 100% -18px;
}

/*</snippet>*/


#palaceNavigation #hcp .palaceBuyTickets {
    color: #0076A6
}