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

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


.hide
{
    position: absolute;
    left: -9999em;
}

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

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

u
{
    text-decoration: none;
}

fieldset
{
    border : none;
}

fieldset.visible
{
    border: 1px solid #E0E2E5;
    padding: 1em;
    margin-bottom: 1em;
    margin-right: 1em;
    width: 44%;
    float: left;
    display: block;
}

fieldset.visible h3
{
    margin-bottom: 1em;
}


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: 8px 0 0 20px;
    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: 690px;
    margin-bottom: 20px;
    font-family:Georgia, Arial, Helvetica, Sans-Serif;
}

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

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

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

#searchPanel label
{
    position: absolute;
    left: -9999em;
}

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

/*google smackdown*/

#uiGoogle
{
    position:relative;
    width: 250px;
    height: 24px;
    float: right;
}

#uiGoogle .uiGoogleText
{
    background-image: none !important;
    border: 1px solid #a8acad !important;
    height: 22px;
    padding: 0 !important;
    margin: 0;
    display: inline;
    width: 157px;
    position:absolute;
    top: 0;
    left: 0;
    text-indent: 5px;
    line-height: 22px;
}

#uiGoogle .mainSearchSubmit
{
	background: url(../../SiteImages/graphic_search.png) 100% 0;
    border: 0 none;
    cursor: pointer;
    height: 24px;
    padding: 4px 18px 20px 4px;
    margin: 0;
    display: inline;
    position: absolute;
    top: 0;
    right: 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    font-family:Georgia, Arial, Helvetica, Sans-Serif;
    width: 91px;
}

#siteNavigation
{
    clear: both;
    width: 940px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c8c9c9));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #ffffff, #c8c9c9);
    /* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff, endColorstr=#FFc8c9c9);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff, endColorstr=#FFc8c9c9)";
}

#siteNavigation ol
{
    margin: 0;
    overflow: hidden;
    *overflow: visible;
}

#siteNavigation li, #siteInformationNavigation li
{
    border-right: 1px solid #e0e2e5;
    line-height:1.4;

}

#siteNavigation li
{
	float: left;
	border-right: 1px solid #94958d;
	height: 10px;
	margin: 7px 0;
}


#siteNavigation li.last, #siteInformationNavigation li.last
{
    border: none;
}

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

#siteNavigation li a
{
    display: block;
    font-weight: bold;
    padding: 5px 10px 4px;
    margin: -7px 0 0;
}

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

#siteNavigation li.selected a {
    background: #dedede;
}

/*	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;
    margin-top: 2px;
}

#palaceNavigation .palace
{
    position:relative;
    zoom:1;
    height: 75px;
}

#palaceNavigation .palace a
{
    position:relative;
    z-index:100;
   display:block;
   padding: 20px 10px 10px;
   outline:0 none;
    -moz-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

#palaceNavigation .palace .wipe
{
    position:absolute;
    top: 0;
    left: 2px;
    width: 153px;
    height: 5px;
    z-index:1;
    padding: 0;
}

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


#palaceNavigation div.palaceRollContainer .invisible
{
    display: block;
    margin-top: 10px;
    font-size: 0.69em;
}

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


#palaceNavigation .icon
{
    display: inline-block;
    background: transparent url(../../SiteImages/Common/pNavBuyHoverBg.gif) no-repeat 0 10px;
    width: 17px;
    height: 18px;
    margin-left: 8px;
}

#palaceNavigation .hasAnimation .icon
{
    background-image: none;
}
    

.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 72% 13px;
    padding-top: 10px;
}

#palaceNavigation div.hasAnimation .palace a
{
    color: #fff;
}

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

#palaceNavigation div.palaceRollContainer .palaceBuyTickets
{
    -moz-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

#palaceNavigation #tol div.hasAnimation   .palaceBuyTickets
{
    color: #94958D;
}

#palaceNavigation #hcp div.hasAnimation   .palaceBuyTickets
{
    color: #0076A6;
}

#palaceNavigation #bh div.hasAnimation   .palaceBuyTickets
{
    color: #ECB131;
}

#palaceNavigation #kenp div.hasAnimation   .palaceBuyTickets
{
    color: #DB0050;
}

#palaceNavigation #kewp div.hasAnimation   .palaceBuyTickets
{
    color: #61BDB8;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#palaceNavigation div.palaceRollContainer div.KewPalace .wipe
{
    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: 100%;
    height: 240px;
}

#sectionNavigation #sectionTitle
{
    width: 100%;
    height: 243px;
    margin-bottom: 20px;
}

.spineDecoration
{
    display: block;
    height: 125px;
    left: -152px;
    position: absolute;
    bottom: 0;
    width: 143px;
}

#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: 17px;
}

#sectionNavigation #pageOptions *
{
    border: none;
}

#sectionNavigation #pageOptions li {
    margin-top: 5px;
    font-weight: normal;
}

#sectionNavigation #pageOptions a:hover {
    text-decoration: underline;
}

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

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

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

#sectionNavigation #pageOptions li#newsletterSpine 
{
    line-height: 1;
}

#sectionNavigation #pageOptions li#newsletterSpine span
{
    background: transparent url(../../SiteImages/common/iconMail.png) no-repeat left 4px;
}

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

#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: 50px;
}

#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-bottom: 30px;
    margin-top: 2px;
    position:relative;
}

#nonFlashContainer
{
    min-height: 300px;
    
}

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

.nonFlash_All
{
    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 h4.membership {
	font-size: 1.18em;
}

.genericForm label
{
    display: block;
    padding: 0;
    font-weight: bold;
    margin-bottom: 3px;
}

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

.genericForm .selectWrapperSmall select {
	margin-right: 4px;
	width: 67px;
}

.genericForm select.short
{
    width: auto;
}

.genericForm .noPadding
{
    padding: 0;
}

.genericForm input:focus,
.genericForm textarea:focus,
.genericForm select:focus,
.genericForm input:hover,
.genericForm textarea:hover,
.genericForm select: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;
}
.genericForm .horizontal
{
    overflow: hidden;
}

.genericForm .horizontal li
{
    float: left;
    margin-right: 0.3em;
    overflow: hidden;
}

.genericForm .horizontal select
{
    width: auto;
    margin-bottom: 0;
}

.genericForm .checkbox input
{
    display: inline;
    width: auto;
    margin-right: 0.3em;
    border: 0 none;
    margin-bottom: 0;
}

.genericForm .checkbox label
{
    display: inline;
}

.genericForm #buttons input
{
    padding: 0;
}

/* 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 .hiveAVenueCta h2			{background-image: url(../../SiteImages/Icons/hireAVenue.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
{
    overflow: hidden;
    float: left;
    height: 24px;
}

#selectLanguage ul
{
    
   
   
}

#selectLanguage li
{
    float:left;
    margin-left:3px;
    margin-right: 3px;
    height: 24px;
    
}

#selectLanguage li.first
{
    padding-top: 4px;
}

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

#selectLanguage li a img
{
   vertical-align: middle;
   float: left;
   margin-top: 6px;
}

#selectLanguage li.last a img
{
    margin-top: 2px;
}

#newsLetterLink
{
    background: url(../../SiteImages/Icons/Social/socialDivider.jpg) no-repeat 100% 50%;
    float:left;
    line-height: 24px;
    display: inline-block;
    margin-right: 13px;
    padding-right: 13px;
    padding-top: 1px;
}

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





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

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

/*social*/
#social
{
    background-color: #eff0f2;
    overflow: hidden;
    font-family: Georgia, Arial, Sans-Serif;
    margin-bottom: 20px;
}

#social .gutter
{
    padding: 6px 19px;
}

#social h3
{
    display: inline;
    background-color:Lime;
    
}

#social li
{
    float:left;
    border: 0 none;
    line-height: 28px;
    margin-right: 11px;
}

#social li img
{
    vertical-align:middle;
}

#social li#youtube
{
    background: url(../../SiteImages/Icons/Social/socialDivider.jpg) 100% center no-repeat;
    margin-right: 0;
    padding-right: 12px;
}

#social li#palaceConnections {
    background: url(../../SiteImages/arrow_right_black.gif) 100% 50% no-repeat;
    padding-left: 11px;
}

#social li#palaceConnections a
{
    background: url(../../SiteImages/Icons/Social/palaceConnections.jpg) 0 center  no-repeat;
    padding-left: 17px;
    padding-right: 11px;
}

#social li#palaceConnections a:hover,
#newsLetterLink:hover {
    text-decoration: underline;
}

/*these are highly configured due to 3rd paty code - Stuart Johnston*/

#bookmark
{
    overflow: hidden;
    margin-bottom: 20px;
}

#bookmark h3
{
    font-size: 1em;
    margin-bottom: 10px;
}

#bookmark h3 span
{
    font-weight: normal;
    text-decoration: underline;
}

#bookmark .gutter
{
    padding: 0 19px;
}


/* <snippet description="IE8 & 9 bugfix"> */

#aspnetForm {
    width: 100%;
}

/* </snippet> */


/* <snippet description="OOCSS grid layout rules"> */

.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

/* </snippet> */


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

/*<snippet description="jScrollPane styles" filename="jquery.jscrollpane.css" reference="http://jscrollpane.kelvinluck.com/">*/

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*</snippet>*/

/*<snippet description="jScrollPane customisation">*/

.heroModuleWrapper .jspPane {
    width: 243px !important;
    *width: 634px !important;
}

.heroModuleWrapper .jspScrollable {
    outline: none;
}

.heroModuleWrapper .jspVerticalBar {
    background: #000;
    border-left: 1px solid #555;
    width: 17px;
}

.heroModuleWrapper .jspVerticalBar * {
    background-color: transparent;
}

.heroModuleWrapper .jspDrag {
    margin: auto;
    background-color: #fff;
    *filter: alpha(opacity=75);
    opacity: .75;
    width: 7px; 
}

.heroModuleWrapper .jspArrow {
    background: 50% 50% no-repeat;
}

.heroModuleWrapper .jspArrowUp {
    background-image: url(../../SiteImages/heroModule/arrow_up_white.gif);
    filter: alpha(opacity=75);
    opacity: .75;
}

.heroModuleWrapper .jspArrowDown {
    background-image: url(../../SiteImages/heroModule/arrow_down_white.gif);
    filter: alpha(opacity=75);
    opacity: .75;
}

/*</snippet>*/

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

.section {
    margin: 0 15px;
}

.section h2 {
    margin: 9px 0;
}

.menu,
.heroContentItemWrapper {
    list-style-position: outside !important;
}

.menu li {
    font-size: 12px;
    line-height: 1.25;
    margin: 3px 0 0;
}

.menu a {
    font-weight: normal;
}

.hr {
    background: #c9cac6;
    font-size: 0;
    display: block;
    height: 1px;
    line-height: 0;
    margin: 12px 10px 0;
}

.hr hr {
    display: none;
}

.bordered {
	border: 1px solid #e0e2e5;
	margin: 0 0 30px;
}

.heroModuleWrapper {
	background: #000;
	height: 298px;
	position: relative;
	width: 634px;
}

.heroMenuWrapper {
	height: 298px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.heroMenu {
	margin: -1px 0;
	*zoom: 1;
}

.heroMenuItem {
    clear: both;
	*filter:progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://10.1.5.82/HRPWeb/SiteImages/heroModule/background_heroMenuWrapper.png', sizingMethod='crop');
	float: right;
    width: 243px;
}

.heroMenuLink {
	background: #000;
	*background: url(../../SiteImages/heroModule/background_heroMenuItem.png);
	border: 1px solid #555;
	border-width: 1px 0 1px 1px;
	border-top-left-radius: 6px;
	    -moz-border-radius-topleft: 6px;
	    -ms-border-top-left-radius: 6px;
	    -o-border-top-left-radius: 6px;
	    -webkit-border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	    -moz-border-radius-bottomleft: 6px;
	    -ms-border-bottom-left-radius: 6px;
	    -o-border-bottom-left-radius: 6px;
	    -webkit-border-bottom-left-radius: 6px;
	box-shadow: 0 0 12px rgba(0,0,0,.5);
	    -moz-box-shadow: 0 0 12px rgba(0,0,0,.5);
	    -ms-box-shadow: 0 0 12px rgba(0,0,0,.5);
	    -o-box-shadow: 0 0 12px rgba(0,0,0,.5);
	    -webkit-box-shadow: 0 0 12px rgba(0,0,0,.5);
	*border: none;
	clear: both;
	color: #fff;
	cursor: pointer;
	display: block;
	float: right;
	height: 56px;
	*height: 58px;
	margin: -1px 0 0;
	overflow: hidden;
	padding: 9px 33px 9px 15px;
    transition: width 0.1s ease-in-out;  
        -moz-transition: width 0.1s ease-in-out;
        -ms-transition: width 0.1s ease-in-out;
        -o-transition: width 0.1s ease-in-out;
        -webkit-transition: width 0.1s ease-in-out;
	width: 172px;
	*zoom: 1;
}


#heroModuleWrapper .heroMenuLink:link,
#heroModuleWrapper .heroMenuLink:hover,
#heroModuleWrapper .heroMenuLink:focus,
#heroModuleWrapper .heroMenuLink:active,
#heroModuleWrapper .heroMenuLink:visited {
    color: #fff;
}

.heroMenuLink:hover,
.heroMenuLink:focus, 
.heroModuleWrapper .activeItem0 .item0 .heroMenuLink, 
.heroModuleWrapper .activeItem1 .item1 .heroMenuLink, 
.heroModuleWrapper .activeItem2 .item2 .heroMenuLink, 
.heroModuleWrapper .activeItem3 .item3 .heroMenuLink, 
.heroModuleWrapper .activeItem4 .item4 .heroMenuLink, 
.heroModuleWrapper .activeItem5 .item5 .heroMenuLink, 
.heroModuleWrapper .activeItem6 .item6 .heroMenuLink, 
.heroModuleWrapper .activeItem7 .item7 .heroMenuLink {
	width: 182px;
}

.heroMenuLink img {
    border: 1px solid #808080;
    display: block;
    float: left;
    margin-right: 10px;
}

.heroMenuLink span {
    display: table-cell;
    *float: left;
    height: 56px;
    position: relative;
    vertical-align: middle !important;
    width: 106px;
    *zoom: 1;
}

.heroMenuLink strong {
    font-weight: bold;
}

.heroModule .arrowLink,
.sideLinks .arrowLink {
    background: none;
    padding-right: 0;
}

.heroModule .arrowLink b,
.sideLinks .arrowLink b {
    background: url(../../SiteImages/heroModule/arrow_right_whiteOnBlack.gif) no-repeat 100% 66%;
    padding-right: 6px;
}

.heroContentListWrapper {
    height: 298px;
    float: left;
    overflow: hidden;
    width: 416px;
    z-index: 0;
}

.heroContentItemWrapper {
    float: left;
    height: 0;
    position: relative;
    z-index: 0;
}

.heroModuleWrapper .activeItem0 .heroContentList .item0,
.heroModuleWrapper .activeItem1 .heroContentList .item1,
.heroModuleWrapper .activeItem2 .heroContentList .item2,
.heroModuleWrapper .activeItem3 .heroContentList .item3,
.heroModuleWrapper .activeItem4 .heroContentList .item4,
.heroModuleWrapper .activeItem5 .heroContentList .item5,
.heroModuleWrapper .activeItem6 .heroContentList .item6,
.heroModuleWrapper .activeItem7 .heroContentList .item7 {
    height: auto;
    z-index: 1;
}

.heroContentItem {
    height: 298px;
    opacity: 0;
        filter: alpha(opacity=0);
    overflow: hidden;
    position: absolute;
    transition: opacity 0.3s ease-in-out;  
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -webkit-transition: opacity 0.3s ease-in-out;
	width: 634px;
	*zoom: 1;
}

.heroModuleWrapper .activeItem0 .item0 .heroContentItem,
.heroModuleWrapper .activeItem1 .item1 .heroContentItem,
.heroModuleWrapper .activeItem2 .item2 .heroContentItem,
.heroModuleWrapper .activeItem3 .item3 .heroContentItem,
.heroModuleWrapper .activeItem4 .item4 .heroContentItem,
.heroModuleWrapper .activeItem5 .item5 .heroContentItem,
.heroModuleWrapper .activeItem6 .item6 .heroContentItem,
.heroModuleWrapper .activeItem7 .item7 .heroContentItem {
    display: block;
    opacity: 1;
        filter: -;
    z-index: 1;
}

.heroContentItem img {
    display: block;
}

.heroContentItem .captionWrapper {
    bottom: 0;
    position: absolute;
}

.heroContentItem .caption,
.heroContentItem .openingTimesCaption {
    background: #000;
    background: rgba(0,0,0,.75);
    background: url(../../SiteImages/heroModule/background_black_75pc.png)\9;
    _background: #000;
	box-shadow: 0 0 12px rgba(0,0,0,.5);
	    -moz-box-shadow: 0 0 12px rgba(0,0,0,.5);
	    -ms-box-shadow: 0 0 12px rgba(0,0,0,.5);
	    -o-box-shadow: 0 0 12px rgba(0,0,0,.5);
	    -webkit-box-shadow: 0 0 12px rgba(0,0,0,.5);
	color: #fff;
	/*
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='SiteImages/heroModule/background_black_70pc.png',sizingMethod='crop');
    */
	zoom: 1;
}

.heroContentItem .caption {
    bottom: -150px;
    padding: 10px 20px;
	position: relative;
	width: 358px;
}

.heroContentItem .openingTimesCaption {
    padding: 11px 20px;
	position: absolute;
    top: 20px;
    width: 257px;
}

.heroModuleWrapper .activeItem0 .item0 .caption,
.heroModuleWrapper .activeItem1 .item1 .caption,
.heroModuleWrapper .activeItem2 .item2 .caption,
.heroModuleWrapper .activeItem3 .item3 .caption,
.heroModuleWrapper .activeItem4 .item4 .caption,
.heroModuleWrapper .activeItem5 .item5 .caption,
.heroModuleWrapper .activeItem6 .item6 .caption,
.heroModuleWrapper .activeItem7 .item7 .caption {
    bottom: 0;
    transition: bottom 0.3s ease-in-out;  
        -moz-transition: bottom 0.3s ease-in-out;
        -ms-transition: bottom 0.3s ease-in-out;
        -o-transition: bottom 0.3s ease-in-out;
        -webkit-transition: bottom 0.3s ease-in-out;
}

#heroModuleWrapper .heroContentItem .caption h2, 
#heroModuleWrapper .heroContentItem .openingTimesCaption h2, 
#heroModuleWrapper .heroContentItem .caption p, 
#heroModuleWrapper .heroContentItem .openingTimesCaption p, 
#heroModuleWrapper .heroContentItem .caption a, 
#heroModuleWrapper .heroContentItem .openingTimesCaption a {
	color: #fff;
}

#heroModuleWrapper .heroContentItem .caption h2 {
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14px;
}

#heroModuleWrapper .heroContentItem .caption p {
    line-height: 1.25;
    margin: 5px 0 0;
}

.heroContentItem .openingTimesCaption h2 {
    font-size: 23px;
}

.heroContentItem .openingTimesCaption h2 span, 
.heroContentItem .openingTimesCaption h3 {
    font-family: Georgia, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
}

#contentContainer .openingTimesCaption .strapLine {
    margin-top: 0;
}

.heroContentItem .openingTimesCaption h3 {
    margin: 5px 0;
}

.heroContentItem .openingTimesCaption .hr {
    background: #94958D;
    *filter: alpha(opacity=70);
    opacity: .7;
    margin-left: -10px;
    margin-right: -10px;
}

.heroContentItem .buttonList {
    margin: 10px 0;
    *zoom: 1;
}

.heroContentItem .buttonListItem {
    float: left;
    margin: 0 44px 0 0;
    *margin: 0 22px 0 0;
}

.heroContentItem .buttonArrow {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    *zoom: 1;
}

.heroContentItem .buttonArrow span,
.heroContentItem .buttonArrow b {
    background-image: url(../../SiteImages/heroModule/background_buttons_palaceColours.png);
    display: block; 
    *display: inline;
    float: left; 
    font-family: Georgia, Arial, Helvetica, Sans-Serif;
    height: 18px; 
    line-height: 18px;
}

.heroContentItem .buttonArrow span {
    padding-left: 10px;
}

.heroContentItem .buttonArrow b {
    background-position: 100% 0;
    margin-right: -20px;
    *margin-right: 0;
    padding-right: 20px;
}

.sideLinks {
    display: block;
    height: 298px;
    overflow: hidden;
}