﻿/*	TOL: colour scheme */
/*
	Main colour: #94958d
	Accent colours: #d4d5d1   #eaeae8
*/

/*	SPINE */
/*	Faux column	*/
#pageContainer
{
	background: transparent url(../../../SiteImages/PalaceStructure/TowerOfLondon/spineBackground.gif) repeat-y left top;
}

/*	SECTION NAVIGATION DEFAULTS	*/ 

#sectionNavigation #sectionTitle
{
	background: transparent url(../../../SiteImages/PalaceStructure/TowerOfLondon/spineTitle.gif) no-repeat left top;
	
}

.spineDecoration
{
    background: transparent url(../../../SiteImages/PalaceStructure/TowerOfLondon/spineIcon.gif) no-repeat left top;
}


#siteInformationNavigation
{
	border-color: #94958D;
}



/*  new section navigation */

ol.navigationList 
{
 background-color:#B3B4B0;
}

ol.navigationList ol.navigationList 
{
      
background-color:#94958D;
 } 
 
ol.navigationList li a, ol.navigationList li a:visited, ol li.selected span 
{
background-color:#94958D;
 }  
 
/*  end   */

/*	END SPINE*/

/*		END SECTION NAVIGATION		*/

/*	Palace navigation is selected	*/

#palaceNavigation #flashContainerTol div.TowerOfLondon a
{
	color: #fff;
}

#palaceNavigation #flashContainerTol div.TowerOfLondon span
{
    background-image: none;
}

#palaceNavigation #flashContainerTol .wipe
{
    height: 75px !important;
}

#breadcrumb
{
	background: #d4d5d1 url(../../../SiteImages/PalaceStructure/TowerOfLondon/breadcrumbBackground.gif) repeat-x left bottom;
}

/*	Homepages have Flash - this is the non-Flash version */
#nonFlashContent a.linkFindUs
{
	background: #000 url() no-repeat left top;
}

#nonFlashContent a.linkFindUs:hover
{
	background: #000 url() no-repeat left top;
}

#introductionCopy
{
	background-color: #D4D5D0;
}

#contentContainer a, #subContentContainer a
{
	color: #991f1f;
}

#contentContainer a:visited, #subContentContainer a:visited
{
	color: #5b0303;
}

#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: #651010;
}

#contentContainer a:active, #contentContainer a:focus, #subContentContainer a:active, #subContentContainer a:focus
{
	color: #831515;
}

/*	Over-ride the arrow links */
.arrowLink, .arrowLink span, .arrowLinkLeft, .arrowLinkLeft span,
#contentContainer .lastUnit .section .arrowLink b
{
	background: transparent url(../../../SiteImages/PalaceStructure/TowerOfLondon/linkBackground.gif) no-repeat right 5px;
}

#nonFlashContent a#linkFindUs, #nonFlashContent a#linkFindUs span
{
	background: #000 url(../../../SiteImages/PalaceStructure/TowerOfLondon/findUsBackground.gif) no-repeat left top;
}

#nonFlashContent a#linkFindUs:hover, #nonFlashContent a#linkFindUs:hover span
{
	background: #000 url(../../../SiteImages/PalaceStructure/TowerOfLondon/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: #cccccc;
}

#teaserPanel .teaserPanelSecondRow .genericTeaser
{
	background-color: #e6e7e9;
}

/*	RM: 14/03/08 New button for Buy tickets online. */
.ticketLink a,
.ticketLink a span
{
	background-image: url(../../../SiteImages/Buttons/buyTicketsTol.gif);
}

/*	RM: 17/03/08	*/
/*	Search Panels	*/
.searchPanelTop
{
	background-image: url(../../../SiteImages/Intro/tolSearchTop.gif);
}

.searchPanelTile
{
	background-image: url(../../../SiteImages/Intro/tolSearchTile.gif);
}

.searchPanelBase
{
	background-image: url(../../../SiteImages/Intro/tolSearchBase.gif);
}

/*	Calendar styling	*/
/*	Popup shell			*/
div.dp-popup					{background: #71726A;}
div.dp-popup h2					{color: #fff;}
div.dp-popup a					{color: #fff;}

/*	Table within shell		*/
table.jCalendar													{border-color: #71726a;	background-color: #fff;}
table.jCalendar th												{background: #2a2a28;	color: #fff;}
/* This month */ table.jCalendar td								{background: #E1E2DD;	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: #2A2A28;	color: #fff;}
table.jCalendar td.selected										{background: #E14040;	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: #a3a5a8;
}

#familyContent #copyContainer						{background-color: #EEEEEC;}

#familyLanding #contentContainer					{background-image: url(../../../SiteImages/FamilyFun/TOL/contentTile.jpg);}

#familyLanding #introductionContainer,
#familyContent #introductionContainer
{
	background-image: url(../../../SiteImages/FamilyFun/TOL/introTop.gif);
}

#familyLanding #introductionCopy,
#familyContent #introductionCopy
{
	background-image: url(../../../SiteImages/FamilyFun/TOL/introTile.gif);
}

#familyLanding #introductionBase,
#familyContent #introductionBase
{
	background-image: url(../../../SiteImages/FamilyFun/TOL/introBase.gif);
}

#familyLanding .thumbnailListTitle					{background-image: url(../../../SiteImages/FamilyFun/TOL/listHeading.gif);}

#familyLanding .thumbnailListTitle a				{color: #fff;}
#familyLanding .thumbnailListTitle a:visited		{color: #cacbd0;}
#familyLanding .thumbnailListTitle a:focus			{color: #cacbd0;}
#familyLanding .thumbnailListTitle a:hover			{color: #bbbcc0;}
#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/TOLX1024.jpg) no-repeat left top;}

/*poll*/

#poll 
{
    border-top: 3px solid #94958d;
    border-bottom: 3px solid #94958d;
}
#poll .result
{
	background-color:#94958d;
}
#poll li
{
    background-color:#D4D5D0;
}

#poll #pollResults
{
    border-top: 1px solid #D4D5D0;
}

#poll #pollResults li,
#poll #pollResults .field
{
    background-color:#fff;
    border-bottom: 1px solid #D4D5D0;
}

/*Royal beasts styles*/

.royalBeasts #introductionCopy
{
	margin-bottom: 8px;
	background-color: transparent;
}

.royalBeasts #contentContainer
{
	background:url(../../../SiteImages/TowerOfLondon/RoyalBeasts/contentContainerBG.jpg) 0 0 no-repeat;
	margin-bottom: 0;
	padding-bottom: 235px;
}

.royalBeasts #teaserPanel
{
	margin-left: 4px;
	margin: 5px;
	overflow: hidden;
}

.royalBeasts #teaserPanel .genericTeaser
{
	background-color:#fff;
	margin: 0;
	margin-bottom: 5px;
}

* html .royalBeasts #teaserPanel
{
	position:relative;
	zoom:1;
	height: 1%;
	margin-top: 0;
}

* html .royalBeasts #teaserPanel .genericTeaser
{
	height: 210px;
}

.royalBeasts #teaserPanel .genericTeaser p
{
	
}
.royalBeasts #teaserPanel .genericTeaser h2
{
	margin-top: 5px;
	color: #910122;
}

.royalBeasts #teaserPanel .genericTeaser .listImage
{
	border-color: #910122;
}

.royalBeasts #teaserPanel .genericTeaser a
{
	color:#910122;
}

.royalBeasts #teaserPanel .genericTeaser a:hover,
.royalBeasts #teaserPanel .genericTeaser a:focus
{
	color: #94958D;
}

.royalBeasts #teaserPanel  .arrowLink, 
.royalBeasts #teaserPanel  .arrowLink span, 
.royalBeasts #teaserPanel .arrowLinkLeft, 
.royalBeasts #teaserPanel  .arrowLinkLeft span {
	background:url("../../../SiteImages/TowerOfLondon/RoyalBeasts/linkBackground.gif") no-repeat right center;
}

.royalBeasts #teaserPanel .genericTeaser p.listLink
{
	border-top: 1px dotted #c2c0c0;
}


/*<snippet description="hero module contextual styles">*/

html .heroModuleWrapper .jspVerticalBar,
html .heroContentItem .openingTimesCaption .hr {
    background-color: #94958D;
}

/*</snippet>*/

#palaceNavigation #tol .palaceBuyTickets {
    color: #94958D;
}
