﻿/*	Ken: colour scheme */
/*
	Main colour: #db0050
	Accent colours: #fad9e5   #fce7ef
*/

/*	SPINE */
/*	Faux column	*/
#pageContainer
{
	background: transparent url(../../../SiteImages/PalaceStructure/KensingtonPalace/spineBackground.gif) repeat-y left top;
}

/*	SECTION NAVIGATION DEFAULTS	*/

#sectionNavigation #sectionTitle
{
	background: transparent url(../../../SiteImages/PalaceStructure/KensingtonPalace/spineTitle.gif) no-repeat left top;
	
}

/*	The footer links have a border colour applied rather than repeat the faux columns */  
#siteInformationNavigation
{
	border-color: #DB0050;
}

.spineDecoration
{
    background: transparent url(../../../SiteImages/PalaceStructure/KensingtonPalace/spineIcon.gif) no-repeat left top;
}

/*	END SPINE*/

/*    new section navigation */

ol.navigationList 
{
 background-color:#FF4F77;	
}

ol.navigationList ol.navigationList 
{
      
background-color:#FF4F77;
 } 
 
ol.navigationList li a, ol.navigationList li a:visited, ol li.selected span 
{
background-color:#DB0050;
 }  
 
/*  end   */


/*		END SECTION NAVIGATION		*/
/*	Palace navigation is selected	*/

#palaceNavigation #flashContainerKen div.KensingtonPalace a
{
	color: #fff;
}

#palaceNavigation #flashContainerKen div.KensingtonPalace span
{
    background-image: none;
}

#palaceNavigation #flashContainerKen .wipe
{
    height: 75px !important;
}

#breadcrumb
{
	background: #f6e4eb url(../../../SiteImages/PalaceStructure/KensingtonPalace/breadcrumbBackground.gif) repeat-x left bottom;
}

/*	Homepages have Flash - this is the non-Flash version 
#flashContent
{
	background: transparent url(../../../SiteImages/dummy/nonFlashTest.gif) no-repeat right bottom;
}
*/

/*	Inner pages have a background colour */
#introductionCopy
{
	background-color: #FFCCCC;
}

#contentContainer a, #subContentContainer a
{
	color: #F64F75;
}

#contentContainer a:visited, #subContentContainer a:visited
{
	color: #DD3159;
}

#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: #db0050;
}

#contentContainer a:active, #contentContainer a:focus, #subContentContainer a:active, #subContentContainer a:focus
{
	color: #ff4f77;
}

/*	Over-ride the arrow links */
.arrowLink, .arrowLink span, .arrowLinkLeft, .arrowLinkLeft span,
#contentContainer .lastUnit .section .arrowLink b
{
	background: transparent url(../../../SiteImages/PalaceStructure/KensingtonPalace/linkBackground.gif) no-repeat right 5px;
}

#nonFlashContent a#linkFindUs, #nonFlashContent a#linkFindUs span
{
	background: #000 url(../../../SiteImages/PalaceStructure/KensingtonPalace/findUsBackground.gif) no-repeat left top;
}

#nonFlashContent a#linkFindUs:hover, #nonFlashContent a#linkFindUs:hover span
{
	background: #000 url(../../../SiteImages/PalaceStructure/KensingtonPalace/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: #fad9e5;
}

#teaserPanel .teaserPanelSecondRow .genericTeaser
{
	background-color: #fce7ef;
}

/*	RM: 14/03/08 New button for Buy tickets online. */
.ticketLink a,
.ticketLink a span
{
	background-image: url(../../../SiteImages/Buttons/buyTicketsKp.gif);
}

/*	RM: 17/03/08	*/
/*	Search Panels	*/
.searchPanelTop
{
	background-image: url(../../../SiteImages/Intro/kpSearchTop.gif);
}

.searchPanelTile
{
	background-image: url(../../../SiteImages/Intro/kpSearchTile.gif);
}

.searchPanelBase
{
	background-image: url(../../../SiteImages/Intro/kpSearchBase.gif);
}

/*	Calendar styling	*/
/*	Popup shell			*/
div.dp-popup					{background: #c9024b;}
div.dp-popup h2					{color: #fff;}
div.dp-popup a					{color: #fff;}

/*	Table within shell		*/
table.jCalendar													{border-color: #98043a;	background-color: #fff;}
table.jCalendar th												{background: #98043a;	color: #fff;}
/* This month */ table.jCalendar td								{background: #ffcccb;	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: #98043a;	color: #fff;}
table.jCalendar td.selected										{background: #db0050;	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: #c41230;
}

#familyContent #copyContainer						{background-color: #FAEFF3;}

#familyLanding #contentContainer					{background-image: url(../../../SiteImages/FamilyFun/KEN/contentTile.jpg);}

#familyLanding #introductionContainer,
#familyContent #introductionContainer
{
	background-image: url(../../../SiteImages/FamilyFun/KEN/introTop.gif);
}

#familyLanding #introductionCopy,
#familyContent #introductionCopy
{
	background-image: url(../../../SiteImages/FamilyFun/KEN/introTile.gif);
}

#familyLanding #introductionBase,
#familyContent #introductionBase
{
	background-image: url(../../../SiteImages/FamilyFun/KEN/introBase.gif);
}

#familyLanding .thumbnailListTitle					{background-image: url(../../../SiteImages/FamilyFun/KEN/listHeading.gif);}

#familyLanding .thumbnailListTitle a				{color: #fff;}
#familyLanding .thumbnailListTitle a:visited		{color: #f7e4ea;}
#familyLanding .thumbnailListTitle a:focus			{color: #f7e4ea;}
#familyLanding .thumbnailListTitle a:hover			{color: #fac8c7;}
#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/KP-1024.jpg) no-repeat left top;}

/*poll*/

#poll 
{
    border-top: 3px solid #db0050;
    border-bottom: 3px solid #db0050;
}
#poll .result
{
	background-color:#db0050;
}
#poll li
{
    background-color:#ffcccc;
}

#poll #pollResults
{
    border-top: 1px solid #D4D5D0;
}

#poll #pollResults li,
#poll #pollResults .field
{
    background-color:#fff;
    border-bottom: 1px solid #D4D5D0;
}


/*Enchanted Palace styles*/

.enchantedPalace #introductionCopy
{
	margin-bottom: 8px;
}

.enchantedPalace #contentContainer
{
	background:url(../../../SiteImages/KensingtonPalace/EnchantedPalace/contentContainerBG.jpg) 0 0 no-repeat;
	margin-bottom: 0;
	padding-bottom: 235px;
}

.enchantedPalace #teaserPanel
{
	margin-left: 4px;
	display: inline;
}

.enchantedPalace #teaserPanel .genericTeaser
{
	background: url(../../../SiteImages/KensingtonPalace/EnchantedPalace/transparentBG.png) 0 0 repeat;
	margin: 0;
	margin-bottom: 5px;
}

* html .enchantedPalace #teaserPanel
{
	position:relative;
	zoom:1;
	height: 1%;
	margin-top: 0;
}

* html .enchantedPalace #teaserPanel .genericTeaser
{
	height: 210px;
	background-image: none;
	background-color: #211010;
}

.enchantedPalace #teaserPanel .genericTeaser h2,
.enchantedPalace #teaserPanel .genericTeaser p
{
	color:#fff;
}
.enchantedPalace #teaserPanel .genericTeaser h2
{
	margin-top: 5px;
}

.enchantedPalace #teaserPanel .genericTeaser .listImage
{
	border-color: #d5ccc7;
}

.enchantedPalace #teaserPanel .genericTeaser a
{
	color:#db0050;
}

.enchantedPalace #teaserPanel .genericTeaser a:hover,
.enchantedPalace #teaserPanel .genericTeaser a:focus
{
	color: #ff4f76;
}

.enchantedPalace #teaserPanel  .arrowLink, 
.enchantedPalace #teaserPanel  .arrowLink span, 
.enchantedPalace #teaserPanel .arrowLinkLeft, 
.enchantedPalace #teaserPanel  .arrowLinkLeft span {
	background:url("../../../SiteImages/KensingtonPalace/EnchantedPalace/linkBackground.gif") no-repeat right center;
}

.enchantedPalace #teaserPanel .genericTeaser p.listLink
{
	border-top: 1px dotted #c2c0c0;
}

/*enchanted palace content page*/

.pageEnchantedPalaceContent #contentContainer
{
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 50px;
}

.pageEnchantedPalaceContent #introSupplement
{
	display: inline;
}

.pageEnchantedPalaceContent #introTeaser
{
	min-height: 0;
	height: 165px;
}



.pageEnchantedPalaceContent #introductionCopy
{
	background:url(../../../SiteImages/KensingtonPalace/EnchantedPalace/contentContainerBG.jpg) -3px -1px no-repeat;
}

.pageEnchantedPalaceContent #introductionCopy
{
	height: 205px;
}

.pageEnchantedPalaceContent #introductionCopy #introTeaser
{
	background: url(../../../SiteImages/KensingtonPalace/EnchantedPalace/transparentBG.png) 0 0 repeat;	
	margin-left: 10px;
	width: 275px;
	margin-bottom: 10px;
	padding: 10px;
	color: #fff;
}

/* ie 6 hacks*/

* html .pageEnchantedPalaceContent #introductionCopy
{
}

* html .pageEnchantedPalaceContent #introSupplement
{
	margin: 0;
	padding: 0; 
	line-height: 0;
}

* html .pageEnchantedPalaceContent #introSupplement *
{
	margin: 0;
	padding: 0;
	float: right;
}

* html .pageEnchantedPalaceContent #introductionCopy #introTeaser
{
	background-color: #211010;
	background-image: none;
	display: inline;
}

* html .pageEnchantedPalaceContent #introTeaser
{
	height: 165px;
	
}

.pageEnchantedPalaceContent #introductionCopy #introTeaser *
{
	margin-left: 0;
}


/*<snippet description="hero module contextual styles">*/

html .heroModuleWrapper .jspVerticalBar,
html .heroContentItem .openingTimesCaption .hr {
    background-color: #DB0050;
}

html .heroContentItem .buttonArrow span {
    background-position: 0 -54px;
}

html .heroContentItem .buttonArrow b {
    background-position: 100% -54px;
}

/*</snippet>*/


#palaceNavigation #kenp .palaceBuyTickets {
    color: #db0050
}
