@import "flashOverlay.css";
@import "commonie6win.css";
@import "commonie7win.css";
@import "poll.css";

/* IE 5.5 */
@media tty {
i{content:"";/*" "*/}}@m;
@import 'commonie5win.css'; /*";} 
}/* */


/* -- Generic Initiation items not covered in "undothml.css" -- */

/*	Clearfix method for floated elements	*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*	IE7 hack */
.clearfix {display:inline-block;}
.clearfix {display:block;}

h1, h2, h3, h4, h5, h6, p
{
    position: relative;
    /*background: #c88;*/
}

u
{
    text-decoration: none;
}

fieldset
{
    border : none;
}

legend
{
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.show
{
    position: relative;
}

.invisible
{
    display: none;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.theBreaker
{
    height: 0.005em;
    clear: both;
    overflow: hidden;
}

.clearBoth
{
    clear: both;
}

.accessibleObject
{
    position: absolute;
    top:-9999em;
}

/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */

.replace
{ 
    position:relative; 
    margin: 0; 
    padding: 0; 
    /* hide overflow:hidden from IE5/Mac */ 
    /* \*/ overflow: hidden; /* */ 
} 

.replace span
{
    display:block; 
    position:absolute; 
    top: 0; 
    left: 0; 
    z-index:1; /*for Opera 5 and 6*/ 
}

/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span
{ 
    height:100px; 
    width:300px; 
    background-image: url(head.png); 
} 
*/

/* begin normal CCS for Tier 1 browser: Firefox*/

/*	Basic site styling	*/
body
{
    background: #e6e7e9 url(../../SiteImages/Common/bgBody.gif) repeat-x left top;
    text-align: left;
    font-family: Arial, Verdana, sans-serif;
    font-size: 69%;
    color: #000;
    line-height: 1.6;
}

.hide
{
    position: absolute;
    left: -9999px;
    top: -9999px;
}

ol, ul
{
    list-style-position: outside;
}

h1
{
    font: bold 1.91em/1.2 Georgia, Arial, Helvetica, Sans-Serif;
}

h2
{
    font: bold 1.45em/1.2 Georgia, Arial, Helvetica, Sans-Serif;
}

h3
{
    font: bold 1.36em/1.2 Arial, Helvetica, Sans-Serif;
}

.boldText
{
    font-weight: bold;
}

input, select, textarea
{
    font-family: arial,helvetica,sans-serif;
    font-size: 1em;
    color: #000;
    padding-left: 1px;
}

#fullWrapper
{
    margin: auto;
    padding-top: 5px;
    background: #fff url(../../SiteImages/Common/bgFullWrapper.gif) repeat-x left top;
}

#HRPMainLogo
{
    margin: 2px 0 0 9px;
    float: left;
}

#pageContainerBorder
{
    padding: 0 10px 10px 10px;
    color: #000;
}

#pageInnerBorder
{
    padding: 2px; 
    border: 1px solid #e0e2e5;
    border-bottom: none;
}

/*	END basic styling */

/*	Upper panels	*/
#searchPanel,
#loginPanel
{
    float: right;
    margin: 2px 10px 0.3em 0;
}
#searchPanel {width:60em;}

#searchPanel label, #searchPanel input,
#loginPanel label, #loginPanel input
{
    float: left;
}

#searchPanel label,
#loginPanel label
{
    line-height: 20px;
}

#searchPanel input,
#loginPanel input
{
    margin-left: 5px;
}

#searchPanel input.mainSearchSubmit,
#loginPanel input.mainSearchSubmit
{
    font: bold 0.9em/1.2 Georgia, Arial, Helvetica, Sans-Serif;
    padding: 1px 6px 2px 6px;
    margin-top: -1px;
}

#searchPanel a,
#loginPanel a
{
    color: #000;
}

#siteNavigation
{
    clear: both;
    margin: 0.3em 0 0.5em 0;
}

#siteNavigation li, #siteInformationNavigation li
{
    float: left;
    border-right: 1px solid #e0e2e5;
    line-height: 0.5em;
}

#siteNavigation li.last, #siteInformationNavigation li.last
{
    border: none;
    margin-right: 0;
    padding-right: 0;
}

/*	Site navigation links - colour doesn't change */
#siteNavigation li a, #siteInformationNavigation li a, #siteInformationNavigation li.selected, #siteInformationNavigation h2
{
    line-height: 1em;
    color: #000;
}

#siteNavigation li a:hover, #siteNavigation li a:active, #siteNavigation li a:focus
{
    text-decoration: underline;
}

/*	END upper panels	*/

/*	PAGE NAVIGATION	*/

/*	Palace nav	*/
#palaceNavigation
{
    min-height: 126px;
    
}

#palaceNavigation ol
{
    /*	Must be equal and opposite to the padding in #pageContainerBorder, #pageInnerBorder */
    margin: -2px 0 0 0;
    font: bold 1.45em Georgia, Arial, Verdana, sans-serif;
}

#palaceNavigation li
{
    /*	Same border color for all pages */
    float: left;
    border-left: 1px solid #e0e2e5;
    margin-bottom: 5px;
}

#palaceNavigation div.palaceRollContainer
{
/*	Margin and padding to sort out the borders */
    margin: 2px 2px 0 2px;
    z-index: 0;
}

#palaceNavigation div.palaceRollContainer .invisible
{
    display: block;
    visibility: hidden;
    font: normal 0.69em Arial, Verdana, sans-serif;
    margin-top: 10px;
}

#palaceNavigation div.palaceRollContainer:hover .invisible
{
    visibility: visible;
}

.palaceEnterText
{
    background: transparent url(../../SiteImages/Common/pNavEnterHoverBg.gif) no-repeat right 3px;
    padding-bottom: 3px;
}

/*	This does not wrap to 2 lines at 1024 res so a bit of padding top is added to line it up nicely */
.KewPalace .palaceEnterText
{
    background: transparent url(../../SiteImages/Common/pNavEnterHoverBg.gif) no-repeat right 18px;
    padding-top: 15px;
}

.palaceBuyTickets
{
    background: transparent url(../../SiteImages/Common/pNavBuyHoverBg.gif) no-repeat right 13px;
    padding-top: 10px;
}

#palaceNavigation div.palaceRollContainer:hover .palace a, #palaceNavigation div.palaceRollContainer:hover .palace span
{
    color: #fff;
}

#palaceNavigation div.palaceRollContainer .palaceBuyTickets
{
    margin: 0 10px;
}

#palaceNavigation div.palaceRollContainer:hover .palaceBuyTickets
{
    color: #000;
}

#palaceNavigation div.palaceRollContainer div.palace
{
    border-top: 5px solid;
    padding: 10px 10px 0 10px;
    background: transparent url(../../SiteImages/Common/pNavBg.gif) no-repeat 10px bottom;
}

/*	Palace identities	*/
#palaceNavigation div.palaceRollContainer div.TowerOfLondon  /* color: #94958d */
{
    border-color: #94958d;
}

#palaceNavigation div.TowerOfLondon a
{
    color: #94958d;
}

#palaceNavigation div.palaceRollContainer:hover div.TowerOfLondon
{
    background: #94958d;
}

#palaceNavigation div.palaceRollContainer div.HamptonCourtPalace /* color: #0076a6 */
{
    border-color: #0076a6;
}

#palaceNavigation div.HamptonCourtPalace a
{
    color: #0076a6;
}

#palaceNavigation div.palaceRollContainer:hover div.HamptonCourtPalace
{
    background: #0076a6;
}

#palaceNavigation div.palaceRollContainer div.BanquetingHouse /* color: #ecb131 */
{
    border-color: #ecb131;
}

#palaceNavigation div.BanquetingHouse a
{
    color: #ecb131;
}

#palaceNavigation div.palaceRollContainer:hover div.BanquetingHouse
{
    background: #ecb131;
}

#palaceNavigation div.palaceRollContainer div.KensingtonPalace /* color: #db0050 */
{
    border-color: #db0050;
}

#palaceNavigation div.KensingtonPalace a
{
    color: #db0050;
}

#palaceNavigation div.palaceRollContainer:hover div.KensingtonPalace
{
    background: #db0050;
}

#palaceNavigation div.palaceRollContainer div.KewPalace /* color: #61bdb8 */
{
    border-color: #61bdb8;
    margin-right: 0;
}

#palaceNavigation div.KewPalace a
{
    color: #61bdb8;
}

#palaceNavigation div.palaceRollContainer:hover div.KewPalace
{
    background: #61bdb8;
}

/*	END palace nav	*/

/*	Section navigation - old part modified	AA 5-jun-07*/

#sectionNavigation
{
    float:left;
    width: 143px;
    color: #fff;
}

#hrpHome #sectionNavigation #sectionTitle
{
    width: 82px;
    height: 255px;
}

#sectionNavigation #sectionTitle
{
    width: 52px;
    height: 241px;
    margin-bottom: 20px;
}

#sectionNavigation li, #sectionNavigation ol ol, #sectionNavigation li.last
{
    border-color: #fff;
}

#sectionNavigation a
{
    color: #fff;
}

#sectionNavigation li
{
    font-weight: bold;
    border-top: 1px dotted;
}

#sectionNavigation li.last
{
    border-bottom: 1px dotted;
}

#sectionNavigation ol a, #sectionNavigation ol ol a, #sectionNavigation ol ol ol a
{
    padding: 3px 0;
    margin:0;
    display:block;

}

#sectionNavigation ol ol
{
    border-top: 1px dotted;
}

#sectionNavigation ol ol ol
{
    border: none;

}

#sectionNavigation ol ol li, ol ol ol li
{
    border: none;
    font-weight: normal;
}

 
/*	Pad the selected item (esp. important when it starts with a W) but remove the padding from nested children */

#sectionNavigation ol.navigationList li.selected, #sectionNavigation ol.navigationList ol.navigationList li.selected 
{
    padding-top: 2px;
    padding-right:0px;
}

#sectionNavigation ol.navigationList li.selected span, #sectionNavigation ol.navigationList ol.navigationList li.selected span {
    display:block;
    background-color:transparent;
    height:100%;
}


#sectionNavigation ol.navigationList li.selected span {
    padding-left:5px;
} 

#sectionNavigation ol.navigationList ol.navigationList li.selected span {
    padding-left:18px;
} 


#sectionNavigation ol.navigationList ol.navigationList ol.navigationList li.selected span {
    padding-left:35px;
} 


/*	Separate the page options from the navigation*/
#sectionNavigation #pageOptions
{
    margin: 40px 0 0 0 ;

}

#sectionNavigation #pageOptions li
{
    margin-left: 20px;
}

#sectionNavigation #pageOptions *
{
    border: none;
}

#sectionNavigation #pageOptions li span
{
    padding-left: 20px;
    margin-left: 0;
}

#sectionNavigation #pageOptions li#printPage span
{
    background: transparent url(../../SiteImages/common/iconPrinter.gif) no-repeat left 1px;
    margin: 0;
}

#sectionNavigation #pageOptions li#emailPage span
{
    background: transparent url(../../SiteImages/common/iconEnvelope.gif) no-repeat left 2px;
    margin: 0;
}

/*	END old section nav	*/


  /*   New section navigation hover to transparency AA 5-jun-07  */

#sectionNavigation li {
  margin:0;
} 


ol.navigationList, ol.navigationList ol.navigationList , ol.navigationList ol.navigationList ol.navigationList { 
   width:143px;
 }
 
 /*  links 3 levels  */

#sectionNavigation ol.navigationList a {
  padding-left:5px;
}


 #sectionNavigation ol.navigationList ol.navigationList a {
  padding-left:18px;
}

#sectionNavigation ol.navigationList ol.navigationList ol.navigationList a {
  padding-left:35px;
  
}

/*  hover   */

#sectionNavigation a:hover {
  background:transparent;
  }
  
 /*   arrow   */    
  
#sectionNavigation ol.navigationList ol.navigationList li {
  background: transparent url(../../SiteImages/Common/selectedSectionNavItem.gif) no-repeat 7px  9px;
   }
   
  #sectionNavigation ol.navigationList ol.navigationList ol.navigationList li {
  background: transparent url(../../SiteImages/Common/selectedSectionNavItem.gif) no-repeat 18px 9px;
   }
  
 
   /*  end   */ 

/*	Breadcrumb		*/
#hrpHome #breadcrumb
{
    display: none;
}

#breadcrumb
{
    clear: both;
    padding: 3px 0 3px 6px;
    font-weight: bold;
    min-height: 18px;
}

#breadcrumb .locationText
{
    float: left;
    margin-right: 5px;
}

#breadcrumb li
{
    float: left;
    margin-right: 10px;
    display: block;
}

#breadcrumb li a
{
    text-decoration: underline;
    font-weight: normal;
    background: transparent url(../../SiteImages/Common/breadcrumbDivider.gif) no-repeat right 4px;
    padding-right: 10px;
    color: #000;
}

/*	END breadcrumb		*/

/*	Footer navigation	*/
#siteInformationNavigation
{
    padding-left: 0.3em;
    border-left: 143px solid;
    padding-top: 10px;
}

#siteInformationNavigation ol
{
    margin-left: 6px;
}

#siteInformationNavigation ol li
{
    float: left;
    margin-right: 2em;
    margin: 5px 10px 0 0;
    padding-right: 10px;
}

#siteInformationNavigation #styleChange
{
    clear: both;
    float: none;
    margin: 20px 0 0 4px;
}

#siteInformationNavigation #styleChange h2.sectionHeading
{
    font: normal 1em/2em Arial, Verdana, sans-serif;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

#siteInformationNavigation #styleChange li
{
    padding-left: 2px;
}

#siteInformationNavigation ol li a
{
    text-decoration: underline;
    color: #000;
}

#siteInformationNavigation ol li a:visited
{
    color: #666;
}

#siteInformationNavigation p
{
    clear: both;
    margin-left: 6px;
    padding-top: 20px;
    display: inline-block;
}

/*	END footer navigation	*/

/*	END PAGE NAVIGATION		*/

/*	CONTENT AREA			*/
#sectionContainer
{
    margin-left: 2px; /* Makes a 2px gap between the left nav and the palace nav */
    float: left;
 }

#contentContainer
{
    float: left;
    border-right: 1px solid #e0e2e5;
}

#contentContainer p
{
    line-height: 1.5em;
    margin-top: 1em;
}

#introductionContainer
{
    float: left;
    margin-top: 2px;
    position:relative;
}

#nonFlashContainer
{
    min-height: 300px;
    
}

#nonFlashContent
{
    width: 230px;
    float: right;
    display: inline;
}

.nonFlash_All
{
    background-color: Aqua;
    height: 0;
    overflow: hidden;
    width: 0;
}

#nonFlashContent h1
{
    margin-top: 20px;
}

#nonFlashContent h1 .welcomeText
{
    font-size: 0.77em;
    display: block;
}

#nonFlashContent h1 .palaceName
{
    font-size: 1em;
    display: block;
}

#nonFlashContent h1 .introHrpText
{
    font-size: 0.5em;
    display: block;
}

#nonFlashContent table, #nonFlashContent h1, #nonFlashContent caption
{
    margin-left: 10px;
}

#nonFlashContent caption
{
    text-align: left;
    font: bold 1.36em/1.2 Georgia, Arial, Helvetica, Sans-Serif;
}

#nonFlashContent a
{
    margin: 10px 0;
}

#nonFlashContent a.linkBuyTickets, #nonFlashContent a.linkBuyTickets:visited, #nonFlashContent a.linkBuyTickets:hover, #nonFlashContent a.linkBuyTickets:active,
#nonFlashContent a.linkFindUs, #nonFlashContent a.linkFindUs:visited, #nonFlashContent a.linkFindUs:hover, #nonFlashContent a.linkFindUs:active
{
    color: #fff;
}

#nonFlashContent a#linkBuyTickets, #nonFlashContent a#linkBuyTickets span
{
    width: 184px;
    height: 21px;
    background: #000 url(../../SiteImages/PalaceStructure/noPalace/buyTicketsBackground.gif) no-repeat left top;
    display: block;
}

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

#nonFlashContent a#linkFindUs, #nonFlashContent a#linkFindUs span
{
    width: 184px;
    height: 21px;
    color: #fff;
    display: block;
}

/*	Only used on inner pages - see structural files for details */
#introductionCopy
{
    min-height: 200px;
    margin-right: 2px;
}


.noIntro
{
    margin: 2px 2px 0 0;
    padding: 10px 0 0 0;
}

#subContentContainer
{
    
    float: left;
    display: inline;
}

/*	SJ added this for the introduction copy	*/

/*	Width changed for both teaser and supplement because the images have been cut to the wrong size.*/
/*	If this causes problems then change the width back to 310px and ask for image recuts			*/
/*	Also make sure to reset the calendar height properly or this will overhang, too					*/
#introTeaser
{
    margin: 10px 0 0 0;
    width: 305px;
    float: left;
    min-height: 190px;
}

#introSupplement
{
    float: right;
    min-height: 200px;
    width: 314px;
}


#introSupplement h2
{
    margin: 10px 0;
}

/*	RM: 14/03/08 alterations as requested. */
#introTeaser p.teaser
{
    font-weight: bold;
    line-height: 1.2;
    font-size: 1.36em;
    margin-top: 5px;
}

#introTeaser p
{
    margin-bottom: 10px;
}

#introTeaser *
{
    margin: 0 15px 0 15px;
}

#introTeaser * *
{
    margin:0;
}

/*	Sort out the overhanging images	*/

/*	END SJ additions */

/*  home page */
#copyContainer .home
{
    background-color: #ebebeb;
}

#copyContainer .home h2
{
    margin-top: 10px;
}

#copyContainer .home .genericLeadPanelTwo
{
    background: #ebebeb url(../../SiteImages/PalaceStructure/PalaceConnections/PC-home-book.jpg) no-repeat bottom right;
    padding-bottom: 60px;
}

.genericLeadPanelOne .leadParagraph {
float:left;
margin:0px;
width:70%;
}

.genericLeadPanelOne #journey-connection-main {
width:95%;
margin-top:10px;
padding:5px 0 20px 5px;
}

.grey-bg 
{
background: #EBEBEB;
}

 h4.trail, h2.trail 
{
margin-bottom: 20px;
}

h2#TrailSofar, 
h2#TrailSofar span 
{
height:81px;
width:154px;
background:url(../../SiteImages/PalaceStructure/PalaceConnections/PC-trail-so-far.gif);

} 

h2#TrailSofar
{
    margin-left:1px;
}
.thumbnailList li.pc

{ padding-top:15px;
}

.thumbnailTitle
{
    line-height: 16px;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 3px 0;
    
}

/* palace connections - journey connection lists*/

#connectionList, #connectionListSofar {
width:100%;
}

#connectionList p, #connectionListSofar p {
position:relative;
display:inline;
left:15px;
line-height:1.1em;
margin-bottom:15px;
padding-right:8px;
}

#connectionList h4,  #connectionListSofar h4 {
padding:0 0 0 25px;
margin:0 ;
min-height:20px;
}

#connectionList div, #connectionListSofar div {
margin:-1px 0 0 9px;
padding-right:8px;
}

#connectionList h4.HamptonCourtPalace, #connectionListSofar h4.HamptonCourtPalace {
background: transparent url(../../SiteImages/PalaceStructure/PalaceConnections/plusHamptonCourtPalace.gif) top left no-repeat;

}

#connectionList h4.HamptonCourtPalace a, #connectionListSofar h4.HamptonCourtPalace a
{
color:#1882AD;
}

#connectionList h4.KensingtonPalace, #connectionListSofar h4.KensingtonPalace {
background: transparent url(../../SiteImages/PalaceStructure/PalaceConnections/plusKensingtonPalace.gif) top left no-repeat;
}

#connectionList h4.KensingtonPalace a, #connectionListSofar h4.KensingtonPalace a
{
color:#DB0050;
}

#connectionList h4.BanquetingHouse, #connectionListSofar h4.BanquetingHouse {
background: transparent url(../../SiteImages/PalaceStructure/PalaceConnections/plusBanquetingHouse.gif) top left no-repeat;
}

#connectionList h4.BanquetingHouse a, #connectionListSofar h4.BanquetingHouse a
{
color:#ECB131;
}

#connectionList h4.KewPalace, #connectionListSofar h4.KewPalace {
background: transparent url(../../SiteImages/PalaceStructure/PalaceConnections/plusKewPalace.gif) top left no-repeat;
}
#connectionList h4.KewPalace a, #connectionListSofar h4.KewPalace a

{
color:#61BDB8;	
}

#connectionList h4.TowerOfLondon, #connectionListSofar h4.TowerOfLondon {
background: transparent url(../../SiteImages/PalaceStructure/PalaceConnections/plusTowerOfLondon.gif) top left no-repeat;
}
#connectionList h4.TowerOfLondon a,  #connectionListSofar h4.TowerOfLondon a
{
color:#94958D;
} 

#connectionList h4.All, #connectionListSofar h4.All {
background: transparent url(../../SiteImages/PalaceStructure/PalaceConnections/plusAll.gif) top left no-repeat;
}
#connectionList h4.All a, #connectionListSofar h4.All a
{
color:#000;	
}

#connectionList div.HamptonCourtPalace, #connectionListSofar div.HamptonCourtPalace {
border-left:1px solid #1882AD;
}

#connectionList div.KensingtonPalace, #connectionListSofar div.KensingtonPalace {
border-left:1px solid #DB0050;
}

#connectionList div.BanquetingHouse, #connectionListSofar div.BanquetingHouse {
border-left:1px solid #ECB131;
}

#connectionList div.KewPalace, #connectionListSofar div.KewPalace {
border-left:1px solid #61BDB8;
}

#connectionList div.TowerOfLondon, #connectionListSofar div.TowerOfLondon{
border-left:1px solid #94958D;
}

#connectionList div.All, #connectionListSofar div.All{
border-left:1px solid #000;
}

#connectionList div.last, #connectionListSofar div.last {
border-left:0px;
}

/*Palace connection HTML Alternative - added 18/05/07 Stuart Johnston*/

#palaceConectionsHTMLAlternative
{
    background-color: #fff;
    padding-top: 15px;
}

/*Palace connections headings using Gilder-Levin method*/

#palaceConectionsHTMLAlternative #h2BanquetingHouse, 
#palaceConectionsHTMLAlternative #h2BanquetingHouse span
{ 
    width:184px;
    height:18px; 	 
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/Headings/h2BanquetingHouse.gif); 
}

#palaceConectionsHTMLAlternative #h2TowerOfLondon, 
#palaceConectionsHTMLAlternative #h2TowerOfLondon span
{ 
    width:169px;
    height:15px; 	 
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/Headings/h2TowerOfLondon.gif); 
}

#palaceConectionsHTMLAlternative #h2KensingtonPalace, 
#palaceConectionsHTMLAlternative #h2KensingtonPalace span
{ 
    width:185px;
    height:18px; 	 
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/Headings/h2KensingtonPalace.gif); 
}

#palaceConectionsHTMLAlternative #h2HamptonCourtPalace, 
#palaceConectionsHTMLAlternative #h2HamptonCourtPalace span
{ 
    width:226px;
    height:18px; 	 
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/Headings/h2HamptonCourtPalace.gif); 
}

#palaceConectionsHTMLAlternative #h2KewPalace, 
#palaceConectionsHTMLAlternative #h2KewPalace span
{ 
    width:112px;
    height:15px; 	 
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/Headings/h2KewPalace.gif); 
}
/*specific link properties*/

/*Banqueting House specific*/
#palaceConectionsHTMLAlternative #listItemBanquetingHouse
{
    background-image:url(../../SiteImages/PalaceConnections/HTMLAlternative/bh-img.jpg);
    background-position: right;
    background-repeat: no-repeat;
}
#palaceConectionsHTMLAlternative .linkBanquetingHouse
{
    background-image:url(../../SiteImages/PalaceStructure/PalaceConnections/plusBanquetingHouse.gif);	
}
#palaceConectionsHTMLAlternative .linkBanquetingHouse a
{
    color: #ECB131;
}

/*Tower of London specific*/
#palaceConectionsHTMLAlternative #listItemTowerOfLondon
{
    background-image:url(../../SiteImages/PalaceConnections/HTMLAlternative/tol-img.jpg);
    background-position: right;
    background-repeat: no-repeat;
}

#palaceConectionsHTMLAlternative .linkTowerOfLondon
{
    background-image:url(../../SiteImages/PalaceStructure/PalaceConnections/plusTowerOfLondon.gif);
}

#palaceConectionsHTMLAlternative .linkTowerOfLondon a
{
    color: #94958D;
}

/*Kensington Palace specific*/
#palaceConectionsHTMLAlternative #listItemKensingtonPalace
{
    background-image:url(../../SiteImages/PalaceConnections/HTMLAlternative/kp-img.jpg);
    background-position: right;
    background-repeat: no-repeat;
}
#palaceConectionsHTMLAlternative .linkKensingtonPalace
{
    background-image:url(../../SiteImages/PalaceStructure/PalaceConnections/plusKensingtonPalace.gif);
}

#palaceConectionsHTMLAlternative .linkKensingtonPalace a
{
    color: #DB0050;
}

/*Hampton Court specific*/
#palaceConectionsHTMLAlternative #listItemHamptonCourtPalace
{
    background-image:url(../../SiteImages/PalaceConnections/HTMLAlternative/hcp-img.jpg);
    background-position: right;
    background-repeat: no-repeat;
}
#palaceConectionsHTMLAlternative .linkHamptonCourtPalace
{
    background-image:url(../../SiteImages/PalaceStructure/PalaceConnections/plusHamptonCourtPalace.gif);
}

#palaceConectionsHTMLAlternative .linkHamptonCourtPalace a
{
    color: #0076A6;
}

/*Kew Palace specific*/
#palaceConectionsHTMLAlternative #listItemKewPalace
{
    background-image:url(../../SiteImages/PalaceConnections/HTMLAlternative/kew-img.jpg);
    background-position: right;
    background-repeat: no-repeat;
}
#palaceConectionsHTMLAlternative .linkKewPalace
{
    background-image:url(../../SiteImages/PalaceStructure/PalaceConnections/plusKewPalace.gif);
}

#palaceConectionsHTMLAlternative .linkKewPalace a
{
    color: #61BDB8;
}

/*Non-Palace specific*/
#palaceConectionsHTMLAlternative .linkAll
{
    background-image:url(../../SiteImages/PalaceStructure/PalaceConnections/plusAll.gif);
}

#palaceConectionsHTMLAlternative .linkAll a
{
    color: #000;
}

/*shared properties of these "+" links*/
#palaceConectionsHTMLAlternative ul li
{
    padding-left: 23px;
    background-position:left;
    background-repeat: no-repeat;
    line-height: 2em;
}

#palaceConectionsHTMLAlternative ul li a
{
    font-weight: bold;
}

#palaceConectionsHTMLAlternative ul
{
    width: 40%;
    border-bottom: 1px dotted #E7E8EA;
    padding-bottom: 1em;
    margin-top: 1em;
}

#palaceConectionsHTMLAlternative .palace
{
    margin-bottom: 1em;
    margin-left: 1em;
}

#palaceConectionsHTMLAlternative .last
{
    margin-bottom: 0;
}

#palaceConectionsHTMLAlternativeBlurb
{
    padding: 1em;
    background-image: url(../../SiteImages/PalaceConnections/HTMLAlternative/headImage.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

#palaceConectionsHTMLAlternativeBlurb *
{
    width: 50%;
}

/*  end */


/*  Diana memories  - added AA 31-05-07  */
 span.normal 
 {
 display:inline;	
 font-style:normal;	
 }
 
 p.entryTop 
 {
 color:	#707070;
 }
 
  div.entryBottom 
 {
  width:270px;
  padding-bottom:10px;
  border-bottom: 1px dotted #707070;	
 }
 
 p.first 
 {
    border-top: 1px dotted #707070;	
    padding-top:10px;
 }
 
 
 div.entryBottom em 
 {
    font-style:normal;
    font-weight:bold;
    
 }
 
 
 span.right
 {
 margin-left:20px;
 margin-right:0;
 
 }
 
 
.genericLeadPanelTwo fieldset.genericForm label#Message span

{
 font-weight:400;
}


/*  end */

/*	Content panels	*/
.cGenericPanel
{
    float: left;
}

.cGenericPanel *
{
    margin-left: 5px;
}

.cGenericPanel div,
.cGenericPanel a
{
    margin-left: 0;
}

.arrowLinkContainer
{
    padding-top: 10px;
}

p.arrowLinkContainerDiana 
{
padding-top: 10px;
margin-left:15px;
margin-right:0;
}

.arrowLink
{
    font-weight: bold;
    padding-right: 5px;
}

.AllPCLink
{
    font-weight: bold;
    padding-left: 5px;
}

.arrowLinkRight,
.pcOptions li a
{
    text-align:right;
    font-weight: bold;
    padding-right: 5px;
}
.arrowLinkNormal
{   
    font-weight: 400;
    padding-right: 5px;
}

.arrowLinkLeft
{
    font-weight: bold;
    padding-left: 5px;
}

.twoLineHeading /* Change back to height if this starts causing problems and remove hacks */
{
    min-height: 45px;
    margin-right: 5px;
    /*padding-top: 10px;*/
}

#subContentContainer .twoLineHeading
{
    margin: 10px 0;
    padding-top: 0;
    min-height: 15px;
}

.contentHeight
{
    margin-left: 5px;
    display: block;
    min-height: 115px;
}

#subContentContainer .contentHeight
{
    margin-left: 0;
}

.borderEffect
{
    border-left: 1px solid #e0e2e5;
    display: block;
    margin-bottom: 10px;
}

.whatson img, .thumbnailListImage img, .featuredProduct img
{
    padding: 1px;
    border: 1px solid #e0e2e5;
}

.palaceConnections img, .didYouKnow img
{
    padding: 1px;
    border: none;
}

/*Whats On panels*/
.genericLeadPanelContainer
{
    position: relative;
    margin-bottom: 10px;
}

.genericLeadPanelFullWidth
{
    padding-left: 15px;
    float: left;
    display: inline;
}

.genericLeadPanelOne
{
    width: 309px;
    float: left;
    display: inline;
    
}

.genericLeadPanelOne *, .genericLeadPanelOversize *
{
    margin: 0 15px 0 15px;
}

.genericLeadPanelOne ul,
.genericLeadPanelOversize ul,
.genericLeadPanelTwo ul
{
    margin: 0 0 0 25px;
    list-style-type: square;
}

.genericLeadPanelOne ul.noliststyle,
.genericLeadPanelOversize ul.noliststyle,
.genericLeadPanelTwo ul.noliststyle
{
    margin: 0;
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    text-indent: 0;
}

.genericLeadPanelOne ul.noliststyle li,
.genericLeadPanelOversize ul.noliststyle li,
.genericLeadPanelTwo ul.noliststyle li
{
    padding: 0;
    
}


.genericLeadPanelOne * *, .genericLeadPanelOversize * *
{
    margin: 0;
}

.genericLeadPanelTwo
{
    width: 310px;
    float: left;
    display: inline;
    margin-left: 11px;
}

.genericLeadPanelTwo *
{
    margin: 0 15px 0 15px;
}

.genericLeadPanelTwo * *
{
    margin: 0;
}

.genericLeadPanelContainer h2
{
    margin-bottom: 5px;
}

.genericLeadPanelContainer h1
{
    margin-bottom: 15px;
}

.genericLeadPanelContainer p,
.genericLeadPanelContainer ul,
.genericLeadPanelContainer ol
{
    margin-bottom: 10px;
}

.genericLeadPanelContainer .leadText
{
    font-family: Georgia, Arial, Sans-Serif;
    font-size: 1.2em;
    margin-bottom: 10px;
    font-weight: bold;
}

/*generic content table*/

.genericContentTable
{
    width: 630px;
    border-collapse:separate;
}

/*PB 16/3/07 Inserted start */
.genericContentTable span
{
    display: block;
    font-weight: normal;
    font-size: 0.8em;
}

.genericContentTable td
{
    text-align:center;
}

.genericContentTable th
{
    text-align: left;
}

.genericContentTable tr.topRow td,
.genericContentTable tr.topRow th
{
    vertical-align: top;
}

/*PB 16/3/07 Inserted finish */

/*	RM 19/03/2007 Added	Start */
hr
{
    height: 1px;
    border-top: 1px dotted #BDBEC2;
    border-bottom: 0 none;
    display: block;
    clear: both;
    margin: 5px 0 5px 0;
}

#sectionListing li
{
    width: 260px;
    float: left;
    margin-right: 9px;
    padding-left: 17px;
}

.thumbnailList
{
    position: relative;
}

.thumbnailList li
{
    padding-bottom: 10px;
}

.thumbnailListImage
{
    position:relative;
    top:0;
    left: 0;
    float: left;
}

.thumbnailListImage img
{
    position:relative;
    top:0;
    left: 0;
    padding: 3px;
    border: 1px solid #C6C7C9;
}

.thumbnailListTitle
{
    line-height: 16px;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 3px 65px;
}

.thumbnailListTitle a:hover
{
    text-decoration: underline;
}

.thumbnailListLocation
{
    margin-left: 65px;
}

.thumbnailListDate
{
    margin-left: 65px;
    color: #BE0225;
}

.thumbnailListDescription
{
    margin-left: 65px;
    color: #2F4687;
}

.thumbnailListLink
{
    margin-left: 65px;
    color: #2F4687;
    position:relative;
}

/*	RM: 14/03/08					*/
/*	"New" icon and additional info	*/
.iconIsNew
{
    padding-left: 65px;
}

#contentContainer .iconIsNew p
{
    margin: 0;
}

.iconIsNew p,
.iconIsNew p span
{
    width: 38px;
    height: 19px;
}

.iconIsNew p span
{
    background: transparent url(../../SiteImages/Icons/new.gif) no-repeat left top;
}

#contentContainer .cbar p
{
    position: relative;
}

.thumbnailListAdditionalInformation
{
    margin-left: 65px;
    color: #BE0225;
}

.theBreakerHr
{
    clear: both;
    overflow: hidden;
}
.relatedList
{
    margin-top: 10px;
}

/*	RM added 19/03/2007 added - finish */
/*	RM START SITE MAP	*/
#siteMap
{
    margin-top: 10px;
}

#siteMap li li
{
    margin-left: 15px;
}

/*	Sort font sizes for nesting	*/
#siteMap li
{
    font-size: 1.8em;
    font-weight: bold;
}

#siteMap li li
{
    font-size: 0.8em;
    font-weight: normal;
}

#siteMap li li li
{
    font-size: 0.8em;
}

#siteMap li li li li
{
    font-size: 1em;
}

#siteMap li a:hover
{
    background: #C6C7C9 none;
}

/*	FORM STYLING	*/
.genericForm label
{
    display: block;
    padding: 0;
    font-weight: bold;
}

.genericForm input,
.genericForm textarea
{
    margin-bottom: 10px;
    border: 1px solid #A4A59E;
    width: 200px;
    padding: 0.3em;
    font-family: Arial, Sans-Serif;
}

.genericForm select
{
    margin-bottom: 10px;
    border: 1px solid #A4A59E;
    width: 208px;
    padding: 0.3em;
    font-family: Arial, Sans-Serif;
}

.genericForm .noPadding
{
    padding: 0;
}

.genericForm input:focus,
.genericForm textarea:focus,
.genericForm input:hover,
.genericForm textarea:hover
{
    border: 1px solid #B0613E;
}

.genericForm textarea
{
    font-size: 1.0em;
    height: 100px;
}

.genericForm .checkBoxInput
{
    display: block;
    margin-bottom: 10px;
}

.genericForm .checkBoxInput input
{
    float:left;
    width:auto;
    border: 0 none;
    padding: 0;
}

.genericForm .checkBoxInput label
{
    display: block;
    margin-left: 15px;	
}

.formMessage
{
    color: #B0613E;
}

.formMessage ul,
.infoMessage ul
{
    list-style-type:square;
    margin:  0 0 10px 25px;
}

/* palace connections - forms*/

#registrationForm 
{
min-height:600px;
height:auto !important;
height:600px;
    
}

.dotline 
{
border-top:	1px dotted gray;
margin-top:10px; 
}

 fieldset.palaceconnections
{
 border-top: 1px dotted gray;
 padding-top:10px;
}

.palaceconnections legend
{
display:none;
visibility:hidden;
}

.palaceconnections h4
{
font-size:1.1em;
margin-bottom:15px;
}

.palaceconnections label.checkBox
{
margin:0;
display:inline;
}

.palaceconnections label.checkBoxLogin
{

float:left;
}

.palaceconnections input.checkBoxLogin
{
float:left;
display:inline;
margin: 0 0 0 0;
width: 20px;

}

.palaceconnections input, select {
background:#EBEBEB;
}

.palaceconnections input.checkBox
{
margin:0 40px 0 0;
width: 20px;
border:0;
padding:0;

}

.palaceconnections input.SendBtn  {
float:right;
margin-right:10em;
}

.palaceconnections input.NextBtn
{
clear:both;
float:left;
margin:10px 0 0 115px ;
}

.palaceconnections input.LoginBtn
{
clear:both;
float:left;
margin:10px 0 0 0px ;
}
/*  end  */ 

/*	palace connections - RM 13/08/07 */

/*	Non-standard heading used	*/
h2#pcHeadingJourneySoFar, h2#pcHeadingJourneySoFar span
{
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/PC-trail-so-far.gif); 	
    height: 81px; 
    width: 154px;
    margin-left: 0;
}


/*important - this is a fix for just this instance of Gilder/Levin for IE6 - position absolute "off"*/
h2#pcHeadingJourneySoFar.replace
{ 
    position:relative; 
    margin: 0; 
    padding: 0; 
    /* hide overflow:hidden from IE5/Mac */ 
    /* \*/ overflow: hidden; /* */ 
} 

h2#pcHeadingJourneySoFar.replace span
{
    display:block; 
    /*position:absolute;*/ 
    top: 0; 
    left: 0; 
    z-index:1; /*for Opera 5 and 6*/ 
}

/*palace connections rewrite of visually connect palaces - Stuart Johnston 24/05/07*/

.visuallyConnectedPalaces
{
    margin: 0 1px 0 1px;
}

.visuallyConnectedPalaces li h3
{
    min-height: 20px;
    background-repeat: no-repeat;
    background-position: 2px 0;
    font-size: 1.2em;
    margin-left: 0;
}

.visuallyConnectedPalaces li
{
    background-repeat: repeat-y;
    background-position: 10px 0;
    padding-bottom: 5px;
    padding-top: 5px;
    /* PS Added, 20050530 */
    list-style-type: none;
    margin-right: 5px;
    border-bottom: 1px dotted #b2b2b2;
}

#noConnectionLine li
{
    background-image: none;
}

#noConnectionLine
{
    margin-bottom: 4px;
    background-color: #fff;
}

.contentHeight .indentLink
{
    margin-left: 5px;
}

/*tower of london specific*/
#aspnetForm .visuallyConnectedPalaces li.TowerOfLondon h3 a
{
    color:#94958D;
}

.visuallyConnectedPalaces li.TowerOfLondon h3
{
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/plusTowerOfLondon.gif);
}

/*hamptonCourtPalace specific*/
#aspnetForm .visuallyConnectedPalaces li.HamptonCourtPalace h3 a
{
    color:#0076A6;
}

.visuallyConnectedPalaces li.HamptonCourtPalace h3
{
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/plusHamptonCourtPalace.gif);
}

/*banquetingHouse specific*/
#aspnetForm .visuallyConnectedPalaces li.BanquetingHouse h3 a
{
    color:#ECB131;
}

.visuallyConnectedPalaces li.BanquetingHouse h3
{
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/plusBanquetingHouse.gif);
}

/*kensingtonPalace specific*/
#aspnetForm .visuallyConnectedPalaces li.KensingtonPalace h3 a
{
    color:#DB0050;
}

.visuallyConnectedPalaces li.KensingtonPalace h3
{
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/plusKensingtonPalace.gif);
}

/*kewPalace specific*/
#aspnetForm .visuallyConnectedPalaces li.KewPalace h3 a
{
    color:#61BDB8;
}

.visuallyConnectedPalaces li.KewPalace h3
{
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/plusKewPalace.gif);
}

/*no-palace specific*/
#aspnetForm .visuallyConnectedPalaces li.All h3 a
{
    color:#000;
}

.visuallyConnectedPalaces li.All h3
{
    background-image: url(../../SiteImages/PalaceStructure/PalaceConnections/plusAll.gif);
}

.visuallyConnectedPalaces li p
{
    margin-left: 25px;
}

.visuallyConnectedPalaces li h3 a
{
    display:block;
    margin-left: 25px;
}

/*	Two column lists	*/
.genericLeadPanelFullWidth #twoColumn
{
    padding: 0;
    margin: 0;
}

.genericLeadPanelFullWidth #twoColumn li
{
    float: left;
    display: inline;
    margin-left: 10px;
}

.genericLeadPanelFullWidth #twoColumn li.clearList
{
    clear: both;
    float: left;
    width: 310px;
    display: inline;
    margin-left: 0;
}



.genericLeadPanelOne #oneColumn
{
    padding: 0;
    margin: 0;
    background-color:pink;
}

.genericLeadPanelOne #oneColumn li
{
    float: left;
    display: inline;
    margin-left: 10px;
}

.genericLeadPanelOne #oneColumn li.clearList
{
    clear: both;
    float: left;

    display: inline;
    margin-left: 0;
}

.legalDocument ul,
#cmsContent ul
{
    list-style: outside square;
}

.legalDocument ol,
#cmsContent ol
{
    list-style: outside decimal;
}

.legalDocument ul li, .legalDocument ol li,
#cmsContent ul li, #cmsContent ol li
{
    margin-left: 15px;
}

/*	END CONTENT PANELS	*/

/*	END CONTENT AREA	*/


/*added Palace Connections Saved Journeys and Recommended Journeys - Stuart Johnston 23/05/07*/

body form#aspnetForm .genericLeadPanelTwo .genericListing li a
{
    color: #000;
}

.genericListing
{
    border-bottom: 1px dotted #B2B2B2;
    margin-bottom: 10px;
}

.genericListing img
{
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px;
    border: 1px solid #C6C7C9;
}

.genericListing ul
{
    list-style: none;
    float: left;
    clear: none;
    margin-left: 0;
    width: 210px;
}

.genericListing ul li
{
    float: left;
    clear: left;
}

.genericListing ul li.removeLink
{
    color: #000;
    float: right;
    clear: none;
}

/*GenericTeaser Panels in section landing pages - added Stuart Johnston 27/06/07*/

#teaserPanel
{
    /*background-color: Lime;*/
    margin: 0;
}

/*this is a IE 7 fix*/
#teaserPanel li
{
    
}

#teaserPanel .genericTeaser
{
    /*background-color: pink;*/
    width: 49.5%;
    float: left;
    margin-right: 2px;
    min-height: 200px;
    position: relative;
}

#teaserPanel .genericTeaser *
{
    margin: 3%;
}

#teaserPanel .genericTeaser * *
{
    margin: 0;
}


#teaserPanel .genericTeaser ul
{
    list-style-type: none;
    /*background-color:Olive;*/
    margin: 3%;
    margin-top: 10px;
}

#teaserPanel .genericTeaser .listImage
{
    float:left;
    margin: 0 5px 0 0;
    border: 1px solid #AEBBC2;
    padding: 2px;
}

#teaserPanel .genericTeaser .listTitle
{
    font-weight: bold;
    font-size: 1.0em;
    /*background-color:Maroon;*/
    position: relative;
    margin: 0 0 4px 65px;
    padding: 0;
}

#teaserPanel .genericTeaser .listDescription
{
    /*background-color: Red;*/
    margin: 5px 0 0 65px;
    line-height: 1em;
}

#teaserPanel .genericTeaser p.listLink
{
    position:absolute;
    bottom: 0;
    left: 0;
    /*background-color: olive;*/
    width: 90%;
    margin: 0;
    padding: 5px 5% 5px 5%;
    border-top: 1px dotted #0076A6;
}

#teaserPanel .genericTeaser ul li
{
    margin-bottom: 10px;
    /*background-color:Orange;*/
    display:block;
    clear:both;
    width:auto;
}

#teaserPanel .teaserPanelTopRow .genericTeaser
{
    margin-bottom: 5px;
}

#teaserPanel .teaserPanelSecondRow .genericTeaser
{
    margin-bottom: 5px;
}


#teaserPanel .last
{
    /*background-color: Red;*/
    float: right;
}

ul.noBullet
{
    list-style-type: none;
    margin-left: 15px;
}

/*	RM: 14/03/08 New button for Buy tickets online. Default is noPalace style */
.ticketLink
{
    position: absolute;
    bottom: 24px;
}

.ticketLink a,
.ticketLink a span
{
    background: transparent url(../../SiteImages/Buttons/buyTicketsNoPalace.gif) no-repeat left top;
    width: 125px;
    height: 30px;
}

/*	RM: 14/03/08 New Search panel styling for events */
.searchPanel
{
    width: 300px;
    margin-top: 13px;
}

.searchPanelTop
{
    background: transparent url(../../SiteImages/Intro/hrpSearchTop.gif) no-repeat left top;
    height: 9px;
}

.searchPanelTile
{
    background: transparent url(../../SiteImages/Intro/hrpSearchTile.gif) repeat-y left top;
    padding: 0 18px;
}

.searchPanelBase
{
    background: transparent url(../../SiteImages/Intro/hrpSearchBase.gif) no-repeat left top;
    height: 10px;
}

#introSupplement .searchPanel h2
{
    margin-top: 0;
}

.searchPanel .dateBlock
{
    float: left;
}

#contentContainer .searchPanel .dateBlock p
{
    clear: left;
    margin: 0 0 7px 20px;
}

.searchPanel label
{
    float: left;
    margin-top: 2px;
    margin-right: 4px;
}

.searchPanel label.fromLabel
{
    width: 52px;
}

.searchPanel label.toLabel
{
    margin-left: 5px;
}

.searchPanel input.textInput
{
    width: 59px;
}

.searchPanel select
{
    width: 200px;
}

.searchPanel .showEventsButton
{
    margin: 13px 0 10px 55px;
}
/*	End search styling */

/*	=================================== */
/*	Calendar styling - comments pasted from previous file */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date
{
    float: left;
    width: 21px;
    height: 17px;
    padding: 0;
    margin: 3px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../../SiteImages/Icons/iconCalendar.gif) no-repeat; 
}

a.dp-choose-date.dp-disabled
{
    background-position: 0 -20px;
    cursor: default;
}

#pageTicketsAndFares a.dp-choose-date
{
    margin: 0 0 0 3px;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon)
 */
input.dp-applied
{
    width: 80px;
    float: left;
    margin-top: 3px;
}

/*basic style of calendar - updated for default "No Palace styling"	*/
table.jCalendar
{
    border: 1px solid #2a2a28;
    background: #fff;
    border-collapse: separate;
    border-spacing: 2px;
}

table.jCalendar th
{
    background: #2a2a28;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
}

table.jCalendar td
{
    background: #d5d6da;
    color: #000;
    padding: 3px 5px;
    text-align: center;
    font-family: Arial, Verdana, sans-serif;
}

table.jCalendar td.other-month
{
    background: #cbccc8;
    /*color: #fff;*/
}

table.jCalendar td.today
{
    background: #000;
    color: #fff;
}

table.jCalendar td.selected
{
    background: #666;
    color: #fff;
}

table.jCalendar td.selected:hover
{
    background: #fff;
    color: #000;
}

table.jCalendar td:hover, table.jCalendar td.dp-hover {
    background: #fff;
    color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    background: #e8e9eb;
    color: #ccc;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup
{
    position: relative;
    background: #000;
    font-family: Georgia, Arial, Helvetica, Sans-Serif;
    padding: 2px;
    width: 173px;
    line-height: 1.2em;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 1.1em;
    text-align: center;
    margin: 2px 0;
    padding: 0;
    color: #fff;
}
a#dp-close {
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #fff;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #666;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}
/*	=================================== */
/*	End calendar styling				*/

/*extra space requested at bottom of Henery Flash in  VideoHenry.aspx*/
#HenryFlashContainer
{
    margin-bottom: 100px;
}

/*test for bug - 11/10/07 Stuart Johnston*/

/*	RM: 18/03/08	New template for Family pages. This is significantly different to the rest of the site so many classes are overridden */
/*	RM: 26/06/08	Now includes a content page	*/
/*	Intro			*/
#familyLanding #contentContainer
{
    background: #cfd1d4 url(../../SiteImages/FamilyFun/TOL/contentTile.jpg) left top;
    margin-top: 2px;
}

#familyLanding #introductionContainer,
#familyContent #introductionContainer
{
    background: #a3a5a8 url(../../SiteImages/FamilyFun/introTop.gif) no-repeat left top;
    margin-top: 0;
}

#familyLanding #introductionCopy,
#familyContent #introductionCopy
{
    background: #fff url(../../SiteImages/FamilyFun/introTile.gif) repeat-y left top;
    margin-top: 48px;
    min-height: 152px;
}

#familyLanding #introductionBase,
#familyContent #introductionBase
{
    background: #a3a5a8 url(../../SiteImages/FamilyFun/introBase.gif) no-repeat left top;
    height: 18px;
    margin-top: -12px;
}

#familyLanding #introSupplement,
#familyContent #introSupplement
{
    position: relative;
    margin-top: -24px;
    width: 322px;
}

#familyLanding #introTeaser,
#familyContent #introTeaser
{
    width: 297px;
    min-height: 171px;
}

#familyContent #copyContainer
{
    padding-top: 10px;
    border-top: 1px solid #fff;
}

#familyContent h2
{
    font-family: Arial,Helvetica,Sans-Serif;
}

/*	Main content area - list */
#familyLanding .genericLeadPanelFullWidth
{
    padding-left: 5px;
    width: 627px;
}

#familyLanding #twoColumn
{
    width: 627px;
}

#familyLanding .genericLeadPanelFullWidth #twoColumn li
{
    clear:both;	
    width: 311px;
    margin-left: 0;
}

#familyLanding .genericLeadPanelFullWidth #twoColumn li.even
{
    clear:none;
}

/*	Main content area - contained within the list */
#familyLanding .thumbnailListTitle
{
    margin: 0;
    background: transparent url(../../SiteImages/FamilyFun/listHeading.gif) no-repeat left top;
    height: 37px;
    font-size: 1.5em;
    line-height: 1.5em;
}

#familyLanding .thumbnailListTitle a
{
    margin-left: 10px;
    position: relative;
    top: 5px;
    color: #fff;
}

#familyLanding .thumbnailListFamilyTextContainer
{
    background: transparent url(../../SiteImages/FamilyFun/listTile.gif) repeat-y left top;
}

#familyLanding .thumbnailListImage,
#familyLanding .thumbnailListImage img
{
    padding: 0;
    border: none;
    margin: 0 5px 0 7px;
}

#familyLanding .thumbnailListDescription
{
    margin-left: 156px;
    padding-top: 5px;
    width: 141px;
}

#familyLanding .thumbnailListFamilyBase
{
    background: transparent url(../../SiteImages/FamilyFun/listBase.gif) no-repeat left top;
    height: 19px;
}

label i
{
    font-size: 1.2em;	
}

ol.annotated li
{
    list-style-type: decimal;
    margin-left: 20px;
}

.bulletList
{
    list-style-type:disc;
    margin-left:20px
}

.chkbox label,
.chkbox input
{
    display: inline;
}

.chkbox input
{
    width: auto;
    border: none;
    margin: 0;
}

.chkbox { margin-bottom: 10px; }

/*	RM: 15/04/08 SubContent recode */
#subContentContainer .cGenericPanel p.arrowLinkContainer,
#subContentContainer .cGenericPanel p.infoMessage
{
    border-bottom: 1px solid #e0e2e5; /* Add border - added to the p because adding this to the container won't allow the design specified */
    margin-right: 3px; /*	To even up left and right visually or the border will look lopsided */
    padding-bottom: 5px; /*	Spacing per design */
}

#subContentContainer .visuallyConnectedPalaces li.arrowLinkContainer
{
    padding-top: 5px;
}

#subContentContainer .cGenericPanel
{
    float: none; /*	Override line 1350 */
}

#subContentContainer .arrowLinkContainer /*	Override line 1366 */
{
    padding-top: 0;
}

#contentContainer #subContentContainer p /*	Override line 738 */
{
    margin-top: 0;
}

#subContentContainer .twoLineHeading /*	Override line 1409 */
{
    margin: 10px 0 5px 0;
}

#subContentContainer .borderEffect /* Override line 1428 */
{
    margin-bottom: 0;
}

#subContentContainer h2
{
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 17px;
}

#subContentContainer .whatson h2			{background-image: url(../../SiteImages/Icons/whatsOn.gif);}
#subContentContainer .palaceconnections h2	{background-image: url(../../SiteImages/Icons/palaceConx.gif);}
#subContentContainer .featuredProduct h2	{background-image: url(../../SiteImages/Icons/featuredProduct.gif);}
#subContentContainer .didYouKnow h2			{background-image: url(../../SiteImages/Icons/DidYouKnow.gif);}

#subContentContainer .palaceconnections h2.selectedTrail
{
    background-image: none;
    padding-left: 0;
}

/*	Amend line 1808 */
/*	New code for new design */
.infoMessage
{
    font-weight: bold;
}

/*	RM: More on 22 Apr 08 */
.cGenericPanel .trailSoFar
{
    background: #e7e8ea none;
    margin-left: 2px;
    margin-top: 5px;
}

.pcOptions
{
    margin: 0 1px;
}

/*
    media gallery styles;
*/

.mediaGallery li 
{ 
    width: 197px;
    float: left;
    border-bottom: dotted 1px #ccc;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 10px;
    min-height: 165px;
}

.av li,
.slideshow li 
{ 
    border-bottom: dotted 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.mediaGallery li h4,
.mediaGallery li h5,
.mediaGallery li p,
.av li .desc
{ margin-left: 67px; }

.slideshow li h2,
.slideshow li p
{ margin-left: 334px; }

.mediaGallery li h4 { font-size: 1.2em; }

.av .img,
.slideshow .img,
.mediaGallery .img
{ 
    float: left;
    border: solid 1px #ccc;
    padding: 5px;
    width: 50px;
    height: 50px;
}

.slideshow .img
{ 
    width: auto;
    height: auto;
    min-height: 205px;
    min-width: 205px;
    max-height: 314px;
    max-width: 314px;
}

.av .img a,
.slideshow .img a,
.mediaGallery .img a 
{ display: block; }

.av .img a,
.av .slideshow a,
.mediaGallery img 
{ font-size: 0.8em; }

#contentContainer .mediaGallery li p,
#contentContainer .slideshow li p,
#contentContainer .av li p
{ 
    margin-top: 0; 
    margin-bottom: 5px;
}

#contentContainer .mediaGallery li .iconIsNew p
{
    margin-bottom: 0;
}

.alternate,
.genericLeadPanelContainer fieldset h2
{
    margin-top: 15px;
}

#contentContainer p.inputDesc 
{ margin-top: -5px; }

.submit { margin-top: 5px; }

h3.paymentInfo { font-size: 1.1em; }


/*language selector added 03/06/08 - Stuart Johnston*/
#selectLanguage
{
    float: left;
    margin: 0 30px;
    line-height: 20px;
}

#selectLanguage li
{
    display: inline;
    border-right: 1px solid #666;
}

#selectLanguage li.last
{
    border-right: 0 none;
}

#selectLanguage li a
{
    margin: 0 4px 0 5px;
}

/*	No sifr for family content page h2 - need to override the sifr positioning for IE or it takes ages to show up */
#familyContent #copyContainer h2
{
    position: static;
}

.SiteBookmarks {
    border-bottom:10px solid #EBEBEB;
    margin:0 0 3em;
    padding:0 0 0.3em;
    width: 633px;}

.bookmarkTitle {
    background: #ebebeb;
    clear:both;
    margin:0 5px 1em;
    padding-left:15px;
    width: 613px;
    overflow: hidden;
    position: relative;
    }
    
.bookmarkTitle h3 { display:inline; font-size:1.06em; line-height:3em;}

#siteInformationNavigation .bookmarkTitle li { 
    line-height:3.2em; 
    padding-right:1.8em;
    font-size:1em;
    border:none;}
    
#siteInformationNavigation .bookmarkItem { 
    margin:5px 15px;
    background: transparent url(../../SiteImages/Common/bookmarksBorder.gif) repeat-x left bottom;
    width: 618px;}
    
#siteInformationNavigation .bookmarkItem li {
    clear:both;
    border:none;
    padding:5px;
    width:608px;
    background: transparent url(../../SiteImages/Common/bookmarksBorder.gif) repeat-x left top;}
    
#siteInformationNavigation .bookmarkItem li a {
    display:block;
    float:left;
    padding:0 37px 0 21px;
    background-position:left;
    background-repeat:no-repeat;
    width:5.7em;
    line-height:2em;}
    
.Facebook		{background-image: url(../../SiteImages/SocialNetworks/facebook.gif);}
.Twitter		{background-image: url(../../SiteImages/SocialNetworks/Twitter.gif);}
.Delicious		{background-image: url(../../SiteImages/SocialNetworks/Delicious.gif);}
.Digg			{background-image: url(../../SiteImages/SocialNetworks/Digg.gif);}
.Bebo			{background-image: url(../../SiteImages/SocialNetworks/Bebo.gif);}
.Google			{background-image: url(../../SiteImages/SocialNetworks/Google.gif);}
.Reddit			{background-image: url(../../SiteImages/SocialNetworks/Reddit.gif);}
.StumbleUpon	{background-image: url(../../SiteImages/SocialNetworks/StumbleUpon.gif);}
.Mixx			{background-image: url(../../SiteImages/SocialNetworks/Mixx.gif);}
.Newsvine		{background-image: url(../../SiteImages/SocialNetworks/Newsvine.gif);} 

#contentContainer {margin-bottom:50px;}



.whatsOn .thumbnailListTitle,
.whatsOn .thumbnailListLocation,
.whatsOn .thumbnailListDate,
.whatsOn .thumbnailListDescription,
.whatsOn .thumbnailListLink,
.whatsOn .thumbnailListAdditionalInformation { 
    margin-left:70px;}

.whatsOn .thumbnailList .theBreakerHr 
{
    padding-top: 10px;
    
}

.skip 
{
    position: absolute;
    top: -999em;
}



/* SH - changes for newsletter signup page */

.newsletterInterests
{
    margin-bottom: 8px;
}

.newsletterInterests label
{
    float: left;
    font-weight: normal;
    width: 200px;
}

.newsletterInterests input
{
    float:left;
    width: 25px;
    margin-bottom: 2px;
    border: none;
}

.newsletterInterests input:hover
{
    border: none;
}

.newsletterPrivacy input
{
    width: 20px;
    float: left;
    border: none;
}

.newsletterPrivacy input:hover
{
    border: none;
}

.newsletterPrivacy label
{
    float: left;
    font-weight: normal;
}