*
	{ 
	margin: 0;
	padding: 0;
	}

/* Set all browser elements to 0 */

html, body, div, span, applet, object, iframe
	{
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	}
html, body
	{
	color: #363636;
	font: normal 12px/1.7em Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	margin: 0 auto;
	}
body {
	width: 980px;
	}
p, h1, h2, h3, h4, h5, h6, table, ul, blockquote, #breadcrumb, ul.footerLinks
	{
	margin: 0 0 10px 0;
	padding: 0;
	}
h1, h2
	{
	color: #09f;
	font-size: 15px;
	font-weight: bold;
	}
h3, h4, h5, h6
	{
	font-size: 13px;
	font-weight: bold;
	}
a, a:link 
	{
	color: #22aefe;
	text-decoration: underline;
	cursor: pointer;
	}
a:visited
	{
	color: #785FA1;
	}
a:hover
	{
	color: #f27501;
	}
br
	{
	line-height: 7px;
	}
strong, b, em, i
	{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	}
blockquote
	{
	}
cite, .cite
	{
	font: italic 11px Arial;
	display: block;
	}
img
	{
	border: 0;
	margin: 0;
	padding: 0;
	}
img.fl
	{
	margin: 10px 10px 10px 0;
	}
img.fr
	{
	margin: 10px 0 10px 10px;
	}
ul, li
	{
	list-style-type: none;
	padding: 0;
	}
label
	{
	display: block;
	margin: 5px 0 0;
	}
select, input[type=text]
	{
	font-size: normal 13px!important; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #8d8d8d;
	padding: 0;
	margin: 0 0 3px;
	}
select > option, 
form.hxEmbed select > option
	{
	padding-left: 3px;
	padding-right: 5px;
	}

/* FF fix for the select after all elements set to 0 */

table
	{
	border-collapse: collapse;
	}
caption 
	{
	font-weight: bold;
	text-align: left;
	margin: 0;
	background: #a0d8fc;
	}
#engine-noscript
	{
	position: relative;
	top: 175px;
	left: -185px;
	color: red;
	height: 60px;
	}
#engine-noscript h1
	{
	color: red;
	}
#engine-noscript p
	{
	margin-left: -205px;
	}
.column
	{
	width: 30%;
	float: left;
	padding-right: 20px;
	}
/* Sprites */
.bpg, .goBtn, .goBtn a, .left-header, .right-header, .left-tab, .right-tab, .home-icon, #breadcrumb-left, #breadcrumb-right, #header-breadcrumb li, .active-left-tab, .active-right-tab
	{
	background: url(/images/holidayextras/hxImageSpritev3_6.gif) no-repeat top left;
	}
#hp_overlay, #hp_overlay, #iframe, #footerTile, .button, #header, .center-tab, .active-center-tab, #header-breadcrumb
	{
	background: url('/images/holidayextras/repeatBg_1_4.gif') top left repeat-x;
	}
/* Regular Classes */
.offset, .offLeft
	{
	position: absolute;
	left: -5000px;
	display: none;
	}
.fl {
	float: left;
	}
.fr 
	{
	float: right;
	}
.cl, h1, h2, h3, h4, h5, h6, #contentWrapper #leftColumn2
	{
	clear: left;
	}
.cr 
	{
	clear: right;
	}
.cb 
	{
	clear: both;
	}
.center
	{
	text-align: center;
	}
.di
	{
	display: inline;
	}
.di select
	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	}
.db 
	{
	display: block;
	}
.bold, li.bold
	{
	font-weight: bold;
	}
a.noUnderline
	{
	text-decoration: none;
	}
.hide, #top
	{
	display: none;
	}
.px14
	{
	font-size: 14px;
	}
.px30
	{ 
	font-size: 30px;
	} 
.infoTitle, .infoTitleFirst
	{
	font: bold 12px/19px Verdana;
	color: #444;
        border-bottom: solid 1px;
	}
.black
	{
	color: #363636 !important;
	}
.white
	{
	color: #fff !important;
	}
.mb20
	{
	margin-bottom: 10px;
	} 
.em 
	{
	font-style: italic;
	} 
#mainContent 
	{
	float: left;
	width: 740px;
	}
#middleContent
	{
	width: 508px;
	}
*:first-child+html #mainContent
	{
	width: auto;
	}
*:first-child+html #leftColumn2
	{
	width: 738px;
	}
*:first-child+html #leftColumn2.noMenu
	{
	width: 970px;
	}
* html #mainContent
	{
	width: auto;
	}
* html #leftColumn2
	{
	width: 736px;
	}
.smallFont
	{
	font: normal 9px Verdana, Arial, sans-serif;
	color: #000;
	line-height: 4px;
	}
body .orangeText
	{
	color: #CD5806;
	}
a.agentLogin
	{
	color: #609 !important;
	}
.goBtn
	{
	float: right;
	background-position: 0 -32px;
	padding: 3px 6px 13px 4px;
	height: 7px;
	width: 37px;
	}
.goBtn a
	{
	float: left;
	font-weight: bold;
	font-size: 10px;
	background-position: -175px -36px;
	height: 8px;
	position: relative;
	top: -3px;
	width: 40px;
	color: #fff;
	text-decoration: none;
	padding: 1px 6px 14px 0;
	}
* html .goBtn
	{
	width: 20px;
	padding: 0;
	}
* html .goBtn a
	{
	padding: 3px 1px 0px 3px;
	width: 20px; top: 0;
	}
.goBtn a:hover
	{
	color: #fff;
	}
.button
	{
	background-position: 0 -35px;
	color: #fff;
	width: 173px;
	height: 20px;
	font-weight: bold;
	text-transform: capitalize;
	}
.hilite
	{
	color: #fb312d;
	}
.reviewDate
	{
	float: right;
	}
.greenTxt
	{
	color: #55972a;
	font-size: 18px;
	}
div.noCursor a
	{
	cursor: default;
	}
/* 1 column layout */
*:first-child+html #accessList
	{
	margin: 0;
	padding: 0;
	}
.left-header
	{
	background-position: -223px 0;
	width: 1px;
	height: 78px;
	float: left;
	position: relative;
	}
.right-header
	{
	background-position: -224px 0;
	width: 4px;
	height: 78px;
	float: right;
	}
#header
	{
	background-position: 0 -356px;
	width: 100%;
	height: 78px;
	float: left;
	}
#headerWrapper #header .top-right-links
	{
	float: right;
	margin: 4px 8px 0 0;
	color: #a2c6ec;
	font-size: 11px;
	}
#headerWrapper #header .top-right-links a
	{
	color: #fff;
	}
#header, #mainNav, #blueStripHeaderText, #contentWrapper, #footerWrapper
	{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
#contentWrapper
	{
	float: left;
	width: 740px;
	}
#headerWrapper
	{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
#headerWrapper #header
	{
	position: relative;
	height: 78px;
	margin: 0;
	z-index: 400 !important;
	}
html>body #headerWrapper #header .hxlogo
	{
	position: relative;
	left: -1px;
	background: url('/images/holidayextras/new-header/header.png') no-repeat;
	width: 160px;
	height: 94px;
	z-index: 500;
	float: left;
	}
* html .hxlogo
	{
	position: absolute;
	left: 5px;
	width: 160px;
	height: 94px;
	z-index: 1000;
	z-index: 500;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/holidayextras/new-header/header.png",sizingMethod="crop"); }
#headerWrapper #header span.agentInfo
	{
	position: relative;
	top: 10px;
	font-size: 11px;
	color: #6d6d6d;
	}
#headerWrapper form#searchfrm
	{
	position: relative;
	float: right;
	margin: 2px 0 0 0;
	height: 16px;
	display: inline;
	width: 230px;
	}
#headerWrapper form#searchfrm input
	{
	height: 16px;
	border: 1px solid #6eb8f4;
	color: #999;
	text-align: right;
	display: inline;
	width: 175px;
	float: left;
	padding: 5px 3px 0 0;
	}
#headerWrapper #mainNav
	{
	font-size: 11px;
	float: left;
	position: absolute;
	width: 845px;
	top: 39px;
	left: 150px;
	font-weight: bold;
	z-index: 0;
	}
*:first-child+html #headerWrapper #mainNav
	{
	top: 39px !important;
	}
#headerWrapper #mainNav ul, #header-breadcrumb ul
	{
	margin: 0;
	padding: 0;
	position: relative;
	}
#headerWrapper #mainNav li, #header-breadcrumb li
	{
	display: inline;
	padding: 0;
	margin: 0;
	}
#headerWrapper #mainNav li a:link, #headerWrapper #mainNav li a:visited
	{
	display: block;
	color: #09f !important;
	text-decoration: none;
	line-height: 12px;
	}
#headerWrapper #mainNav li a
	{
	color: #09f;
	text-decoration: none;
	}
#headerWrapper #mainNav li a:active
	{
	text-decoration: none;
	color: #609;
	}
.left-tab
	{
	top: 2px;
	background-position: -155px 0;
	width: 8px;
	height: 30px;
	float: left;
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	}
.right-tab
	{
	top: 2px;
	background-position: -163px 0;
	width: 8px;
	height: 30px;
	float: left;
	display: inline;
	position: relative;
	margin: 0 2px 0 0;
	padding: 0;
	}
.center-tab
	{
	top: 2px;
	margin: 0;
	padding: 4px 3px 0;
	height: 26px;
	float: left;
	position: relative;
	background-position: 0 -436px;
	text-align: center;
	}
.active-left-tab
	{
	top: -2px;
	background-position: -171px 0;
	width: 8px;
	height: 34px;
	float: left;
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	}
.active-right-tab
	{
	top: -2px;
	background-position: -179px 0;
	width: 8px;
	height: 34px;
	float: left;
	display: inline;
	position: relative;
	margin: 0 2px 0 0;
	padding: 0;
	}
.active-center-tab
	{
	top: -2px;
	margin: 0;
	padding: 4px 3px 0;
	height: 30px;
	float: left;
	position: relative;
	background-position: 0 -469px;
	text-align: center;
	}
.tab-split
	{
	margin-left: 20px;
	}
* html .tab-split
	{
	margin-left: 0;
	}
*:first-child+html .tab-split
	{
	margin-left: 0;
	}
#breadcrumb-left
	{
	background-position: -190px -1px;
	top: 1px;
	width: 7px;
	height: 30px;
	float: left;
	position: relative;
	}
.home-icon
	{
	background-position: -159px -33px;
	width: 15px;
	height: 15px;
	display: inline;
	float: left;
	margin: 7px 16px 0 5px;
	}
#breadcrumb-right
	{
	background-position: -195px 0;
	background-color: #fff;
	width: 10px;
	height: 31px;
	float: right;
	position: relative;
	}
#header-breadcrumb
	{
	background-position: 0 -503px;
	height: 32px;
	float: left;
	position: relative;
	text-align: left;
	color: #3db6ff;
	z-index: 0 !important;
	width: 100%;
	}
#header-breadcrumb li
	{
	float: left;
	height: 24px;
	margin: 0 10px 0 0;
	padding: 4px 0 0 18px;
	background-position: 0 -155px;
	}
#header-breadcrumb li a:link, #header-breadcrumb li a:visited
	{
	text-decoration: none;
	color: #09f;
	z-index: 1000;
	}
#header-breadcrumb li a:hover
	{
	text-decoration: underline;
	color: #09f;
	z-index: 1000;
	}
#header-breadcrumb li a:active
	{
	color: #609;
	z-index: 1000;
	}
.last-breadcrumb
	{
	background: none !important;
	}
li.last
	{
	border-right: 0 !important;
	font-weight: bold;
	}
li.shaded
	{
	color: #bbb;
	}
#blueStripHeader
	{
	clear: left;
	color: #ccc;
	height: 65px;
	margin: 0;
	z-index: 10000;
	}
* html #blueStripHeader
	{
	height: 100px;
	}
#blueStripHeader #blueStripHeaderText
	{
	width: auto;
	text-align: left;
	padding: 20px 20px 0;
	font: normal 18px/20px Verdana;
	z-index: 10000;
	}
/*
* html #blueStripHeader #blueStripHeaderText
	{
	height: 65px;
	}
*:first-child+html #blueStripHeader #blueStripHeaderText
	{
	height: 65px;
	}
*/
#blueStripHeader #blueStripHeaderText h1.blueLevelOne
	{
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #09f;
	line-height: 30px;
	}
#blueStripHeader #blueStripHeaderText .blueLevelTwo
	{
	color: #7f7f7f;
	}
	
.blueLevelTwo .showPageTitle 
	{
	font-size: 21px; 
	color: #363636; 
	font-weight: normal; 
	position: relative; 
	left: 284px; 
	bottom: 21px;
	width: 350px;
	}	
	
/*
*:first-child+html #blueStripHeader #blueStripHeaderText .blueLevelTwo
	{
	line-height: 22px;
	}
*/
#blueStripHeader #blueStripHeaderText .bpg
	{
	float: right;
	margin: -44px 20px 0 0;
	width: 91px;
	height: 44px;
	background-position: 0 -150px;
	}
#contentWrapper, #footerWrapper-long
	{
	text-align: left;
	margin: 37px auto 10px;
	padding: 0 10px; 
	}
* html #contentWrapper
	{
	margin-top: 0;
	}
#contentWrapper .leftColGlobal
	{
	padding: 0;
	z-index: -1;
	margin: 0;
	}
#contentWrapper .leftColGlobal h1, #contentWrapper .leftColGlobal h2
	{
	margin: 10px 0;
	}
#tertiaryContent
	{
	float: right;
	margin: -58px 0 0 0;
	width: 214px;
	padding: 0;
	text-align: left;
	}
* html #tertiaryContent
	{
	margin: -96px 0 0 0;
	}
#colEngineWhite
	{
	color: #fff;
	}
#colEngineBlack
	{
	color: #363636;
	}
#colEngineWhite, #colEngineBlack, #hotelContainer, #newEngine,
	{
	width: 740px;
	margin: 0 0 20px 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	}
#hotelContainer
	{
	border: 1px #363636 solid;
	height: 370px;
	}
#contentWrapper .clearFloat
	{
	clear: both;
	display: block;
	}
.clearFloat
	{
	clear: both;
	display: block;
	}
#footerWrapper
	{
	font-size: 11px;
	padding: 0 20px;
	margin: 0 0 25px 0;
	}
#footerWrapper p
	{
	margin: 0;
	}
.licol, .col
	{
	float: left;
	width: 210px;
	}
#footerWrapper-long
	{
	font-size: 11px;
	background: #fcfcfc;
	overflow: hidden;
	}
#footerWrapper-long h6
	{
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
#footerWrapper-long p:first-child
	{
	font-weight: bold;
	}
#footerWrapper-long li
	{
	margin: 0;
	padding: 0;
	}
#footerWrapper-long .licol
	{
	float: left;
	width: 180px;
	}
#footerTile
	{
	clear: left;
	background-position: 0 -321px;
	height: 9px;
	width: 100%;
	margin: 0;
	}
#breadcrumb, .resultbar
	{
	margin: 0 0 10px 0;
	background: #f6f6f6;
	border: 1px #8d8d8d solid;
	padding: 0 10px;
	text-align: left;
	}
.resultbar
	{
	height: 20px;
	width: 715px;
	top: 5px;
	position: relative;
	margin-bottom: 15px;
	}
#breadcrumb strong
	{
	font-size: 11px;
	}
ul.footerLinks
	{
	width: 100%;
	margin: -5px 0 0;
	padding: 0;
	}
ul.footerLinks li
	{
	display: inline;
	padding: 2px 8px;
	border-right: 1px solid #c5c5c5;
	}
ul.footerLinks li.last
	{
	font-weight: normal;
	}
.vcard div
	{
	display: inline;
	}
/* Searching, please wait 
#holdingPage
	{
	position: fixed;
	z-index: 1000;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #fff;
	}
#hp_overlay, #iframe
	{
	width: 100%;
	height: 90px;
	background-position: 0 -226px;
	padding: 0;
	margin: 0px auto;
	position: fixed;
	top: 35%; right: 0;
	left: 0;
	z-index: 1110;
	}
* html #hp_overlay, * html #iframe
	{
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
* html #holdingPage, * html #iframe
	{
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
#holdingPage #holdingImage
	{
	text-align: center;
	margin: 20px auto;
	color: #fff;
	width: 100%;
	height: 100px;
	z-index: 100000;
	}
#holdingPage span.searching
	{
	display: block;
	height: 50px;
	font: bold 22px Verdana;
	color: #fff;
	
*/


/* Holding Page */

#holdingBanner
	{
	width:100%;
	height:114px;
	background-color:#0099ff;
	border:1px #9c9c9c solid;
	padding:0;
	margin:0px auto;
	position:fixed;
	top:35%;
	right:0;
	left:0;
	z-index:111
	}
#holdingPage
	{
	position:fixed;
	z-index:100;top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:#fff;
	display: none
	}
* html #holdingPage
	{
	/* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')
	}
* html #hp_overlay, * html #iframe
	{
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
#holdingPage #holdingImage
	{
	text-align:center;
	margin:0 auto;
	color:#fff;
	width:100%;
	height:100px;
	z-index:100000;
	}
#holdingPage span.searching
	{
	display: block;
	height: 50px;
	font: bold 22px Verdana;
	color: #fff;
	}
#holdingPage #logo
	{
	position:absolute;
	top:5px;
	left:-30px;
	padding:1px;
	height:100px;
	width:232px;
	}
#holdingPage h2
	{
	font:bold 14px Arial;
	color:#fff !important;
	margin:30px auto 0;
	width:50%;
	border:none !important;
	text-align:center;
	}
#holdingPage img
	{
	margin:10px 0 0 10px;
	}
#iframe 
	{
	z-index: 1100;
	}
* html #searchfrm input#searchSite
	{
	width: 170px;
	}

/* New Radio Button Form */
p#engineTitle
	{
	font: bold 14px Verdana;
	margin: 0 45px 0 0;
	padding: 6px 0;
	float: right;
	}
* html p#engineTitle
	{
	margin: 0 25px 0 0;
	padding: 4px 0;
	}
.hcp
	{
	display: none
	}
.hxError
	{
	color: red;
	font-weight: bold;
	}
form.hxEmbed *
	{
	margin: 0;
	padding: 0;
	}
form.hxEmbed
	{
	padding: 0px 5px 4px;
	width: 300px;
	min-height: 333px;
	}
html>body form.hxEmbed
	{
	min-height: 332px;
	}

form.hxEmbed select, form.hxEmbed input.lookupStation
	{
	font: normal 13px Verdana;
	float: left;
	margin: 0;
	border: 1px solid #8d8d8d;
	padding: 0;
	}
form.hxEmbed input
	{
	border: 0;
	}
form.hxEmbed .submit
	{
	border: 2px #f1f9ff solid;
	background: #09f;
	color: #fff;
	width: 132px;
	height: 32px;
	font-weight: bold;
	margin: 10px 0 0 0;
	font-size: 20px;
	cursor: pointer;
	}
form.hxEmbed .submit
	{ 
	//margin:5px 0;
	}
optgroup option
	{
	padding-left: 20px;
	}
	
	div.railReturning {
	display:none;
	}
	
	input#stationSearch {
	width: 223px;
	}


/* Rail Results */
.ac_results
	{
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	text-align: left;
	}

.ac_results ul
	{
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	}

.ac_results li
	{
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading { background: white url('indicator.gif') right center no-repeat; }

.ac_odd
	{
	background-color: #eee;
	}

.ac_over
	{
	background-color: #0099FF;
	color: white;
	}
/* Rail Results End*/



* html form.hxEmbed .submit, *:first-child+html form.hxEmbed .submit
	{
	margin: 5px 0 0;
	}
form.hxEmbed .submit:hover
	{
	border: 2px #09f solid;
	background: #f1f9ff;
	color: #09f;
	}
form.hxEmbed input.search
	{
	border: 1px solid #8D8D8D;
	margin-bottom: 2px;
	}
#RailRetDate
	{
	margin-right: 50px;
	}
select#Room1
	{
	width: 294px;
	}
select#Show
	{
	width: 274px;
	}
select.DeptStation
	{
	width: 300px;
	}
form.hxEmbed .ui-datepicker-wrap #ShowDate, .ui-datepicker-wrap #ArrivalDate 
	{ 
	border: 1px solid #8d8d8d; 
	padding-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px!important;
	width: 170px; 
	text-align:left;
	
	}	
form.hxEmbed .input select#People, #performanceType 
	{
	margin-right: 5px; 
    width: 45px;
    float: left;
	}


/* Theatre - JO */
#pastShows li
	{
	margin-bottom: 10px;
	}
#pastShows a
	{
	display: block;
	}
#hxshows li
	{
	display: inline;
	float: left;
	border: 1px #0099ff solid;
	background: #0099ff url(/images/theatre-breaks/hxshows_bg.png) top left no-repeat;
	margin: 0 10px 10px 0;
	height: 191px;
	}
#hxshows .fhoLogo
	{
	display: inline;
	float: left;
	border: 1px #0099ff solid;
	background: #0099ff url(/images/theatre-breaks/hxshows_fho_bg.png) top left no-repeat;
	margin: 0 10px 10px 0;
	height: 191px;
	}	
#hxshows li a
	{
	width: 117px;
	height: 160px;
	padding: 8px;
	display: block;
	text-decoration: none;
	color: #fff;
	}
#hxshows li a:hover
	{
	background: #660099;
	text-decoration: underline;
	color: #fff;
	height: 175px;
	}
#hxshows img
	{
	display: block;
	margin: 10px 20px 15px;
	}

#hxshows img
	{
	display: block;
	margin: 17px 20px 15px\9;
	}
	
#homePageShows
	{
	margin-bottom: 30px;
	}
#homePageShows #lyrNavShows
	{
	font-size: 11px;
	width: 740px;
	height: 400px;
	z-index: 1;
	display: block !important;
	}
#homePageShows a:link, #homePageShows a:visited, #homePageShows a:link
	{
	text-decoration: none;
	}
#lyrNavShows
	{
	width: 740px;
	height: 410px;
	z-index: 1;
	display: none;
	}
/*Not on Landing Pages*/
#lyrNavShows a
	{
	display: block;
	float: left;
	width: 74px;
	height: 130px; 
	font-size: 12px;
	color: #0099ff;
	text-decoration: none;
	}
#lyrNavShows a:hover
	{
	display: block;
	float: left;
	width: 74px;
	height: 130px;
	font-size: 12px;
	color: #f93;
	text-decoration: none;
	}
#lyrNavShows a div
	{
	width: 74px;
	margin: 0px;
	padding: 0px;
	text-align: center; 
	}
#lyrNavShows ul
	{
	width: 745px;
	z-index: 999;
	}
#lyrNavShows ul li, #lyrNavShows ul li a
	{
	width: 74px;
	}
#lyrNavShows li span *
	{
	display: block;
	text-align: left;
	}
#lyrNavShows li span sub
	{
	text-align: right;
	margin-top: -7px;
	}
#lyrNavShows li span strong
	{
	text-align: center;
	}
#lyrNavShows ul, #lyrNavShows ul li
	{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: bottom;
	}
#mainContent div.hotelCol
	{
	float: left;
	margin: 0 0 20px 0;
	}
#mainContent div.hotelCol li
	{
	width: 240px;
	display: inline;
	float: left;
	}
.feedList li a
	{
	display:block;
	}
.feedList li
	{
	margin: 10px;
	}

#maskList li 
	{
	background: url(/images/theatre-breaks/masks.gif) no-repeat;
	padding: 0 0 0 78px;
	margin-bottom: 15px;
	min-height: 48px;
	}

.theatre-breaks 
	{
	/*background: #c9e7ff url(/images/theatre-breaks/posters/theatre-breaks.jpg) no-repeat;*/
	width: 740px;
	height: 370px;
	}
	
#mainStrap
	{
	background: #0099ff url(/images/theatre-breaks/theatre-breaks-title.gif) no-repeat top right;
	color: #fff;
	margin: 0!important;;
	padding: 15px;
	font-size: 20px;
	}

.rail
	{
	background: url(/images/theatre-breaks/posters/rail-and-theatre2.jpg) no-repeat;
	width: 740px;
	height: 370px;
	}

#leEngine 
	{
	padding-bottom: 4px;
	margin: 0;
	width: 350px;
	padding: 0;
	float: right;
	clear: right;
	background: #fdfdfd url(/images/theatre-breaks/curve-grad-bg.jpg) no-repeat bottom right;
	border-left: 1px solid #0099FF;
	}
	


div.itemDisplay
	{
	border-width: 0 0 1px 0;
	overflow: hidden;
	clear: left;
	margin: 0 0 10px 0;
	padding: 0;
	}
* html div.itemDisplay h2
	{
	padding-top: 15px;
	}
div.itemDisplay img
	{
	margin: 0 10px 0 -5px;
	cursor: pointer; 
	}
div.itemDisplay h2
	{
	xbackground: #f1f9ff;
	margin: 0 !important;
	padding: 5px 0 0 0;
	border-bottom: 1px #09f solid;
	}
div.itemDisplay h2 a
	{
	color: #09f;
	display: block;
	text-decoration: none;
	}
div.itemDisplay p
	{
	padding: 0 5px;
	}
ul#theatreNav li
	{
	background: url(/images/theatre-breaks/theatreNavigationNew.png) no-repeat top left;
	height: 100px;
	margin: 0 0 10px 0;
	padding: 0;
	width: 220px;
	}
ul#theatreNav
	{
	margin-bottom: 20px;
	}
ul#theatreNav li#shows
	{
	background-position: 0 -510px;
	padding-top: 5px!important; /*dch*/
	}
ul#theatreNav li#hotels
	{
	background-position: 0 -188px;
	}
ul#theatreNav li#offers
	{
	background-position: 0 -295px;
	}
ul#theatreNav li#rail
	{
	background-position: 0 -79px;
	}
ul#theatreNav li#attractions
	{
	background-position: 0 -404px;
	}
ul#theatreNav li#callUs
	{
	background-position: 0 25px;
	}
	
ul#theatreNav li#callUs p { padding: 30px 0pt 0pt 60px; font-size: 14px; }
ul#theatreNav li#callUs p span { color: #23abff; font-size: 16px; font-weight: bold; text-transform: uppercase; }

ul#theatreNav li#brochures
	{
	background-position: 0 -403px;
	}
ul#theatreNav li a
	{
	display: block;
	height: 80px;
	color: #09f;
	font: bold 16px Verdana;
	padding: 5px 0 0 5px;
	text-decoration: none;
	}
ul#showDetails
	{
	margin: 13px 0 0 0;
	}
ul#hotelList
	{
	margin: 15px 0 0 435px;
	}
#theatrePerks
	{
	float: left;
	}
#contentAreaText
	{
	float: left;
	width: 415px;
	margin: 0 20px 0 0;
	padding: 0;
	}
#contentAreaPoints
	{
	float: left;
	width: 300px;
	padding: 0;
	margin: 0;
	}
li.infoTitle
	{
	margin: 15px 0 0 0;
	}
#mapContainer
	{
	margin: 25px 0 0 0;
	}
.starRating img
	{
	cursor: default !important;
	margin: 0;
	}
* html .starRating
	{
	margin-top: -20px;
	}
#teaserInfo ul li
	{
	list-style: url(/images/theatre-breaks/hx-theatre-li-tick.gif);
	list-style-position: inside;	
	}
.showListDetails
	{
	text-align: center;
	display: block;
	height: 60px;
	padding: 10px 0;
	}
ul#bensList
	{
	height: 150px;
	margin:15px 0 0 15px;
	}
ul#bensList li
	{
	font-size:15px;
	color: #0099ff;
	}
ul#bensList li strong
	{
	font-size:15px;
	}
ul#bensList li span
	{
	padding-bottom: 3px;
	}
ul#bensList li.footnote
	{
	margin-top: 5px;
	list-style: none;
	font-size: 10px;
	color: #000;
	height:20px
	}
#showBox {
	background-color: #F5F5F5;
	height: 100%; /* height added - dch */
	
	
	}
#bookingEngine 
	{
	float: right;
	margin: 10px 60px 0 0;
	}
	
* html #bookingEngine 
	{
	margin: 0px;
	}

* html #showBox #bookingEngine {
	margin-right: 30px;
}	
.fhoOfferLogo{
position:absolute;
margin-left:158px;
}	
#showPicture 
	{
	margin-bottom: 34px;
	float: left;
	}
#showBoxFooter 
	{
	float:left;
	background: url(/images/theatre-breaks/theatre-breaks-show-footer.png) transparent;
	height: 58px;
	width: 740px;
	position:relative;
	margin-top:-50px;
	z-index:-1;
	}
* html #showBoxFooter
	{
	background-image: url(/images/theatre-breaks/theatre-breaks-show-footer.png);
	z-index:100;	
	float:left;
	background-color: #F5F5F5;
	height: 58px;
	width: 740px;
	position:relative;
	margin-top:-20px;
	
	}
	*+ html #showBoxFooter
	{
	background-image: url(/images/theatre-breaks/theatre-breaks-show-footer.png);	
	z-index:100;	
	float:left;
	background-color:#F5F5F5;
	height: 58px;
	width: 740px;
	position:relative;
	margin-top:-20px;
	
	}	
	
#showBoxFooter .fromPrice 
	{
	display: block;
	float: left;
	width: 225px;
	text-align: center;
	padding: 5px 0;
	color:#FFF;
	font-size: 12px;
	margin: 
	}

#showBoxFooter .fromPrice strong 
	{
	font-weight: bold;
	font-size: 1.8em;
	}

#showBoxFooter .teaserInfo 
	{
	float: left;
	margin: 12px 0 0 10px;
	font-style: italic;
	}	
	
#showBoxFooter blockquote 
	{
	float: left;
	margin: 10px 0 0 10px;
	font-style: italic;
	padding: 0px;
	}		
	
#breakIncludes 
	{ 
	float: left; 
	}	
	
	
/* Shortbreaks page AL */

#shortbreaksHead 
	{
	width: 700px; 
	height: 150px;
	}

#shortbreaksHead p 
	{
	width: 400px; 
	float: left; 
	margin: 0px 40px 10px 10px;
	}
	
#shortbreaksHead img 
	{ 
	margin-top: -90px;
	margin-right: 30px;
	float: right;
	}
	
#shortbreaks 
	{
	width: 730px; 
	height: 700px;
	}
	
#shortbreaks li 
	{
	width:230px;
	display: inline;
	float: left;
	margin: 0px 10px 30px 0px;
	height: 200px;
	}

#shortbreaks li.line 
	{
	border-right: 1px #0099ff solid;
	}

#shortbreaks li.offer 
	{
	width: 430px;
	height: 220px!important;
	}

#shortbreaks li.offer img 
	{
	margin-left: 50px;
	}

#shortbreaks img 
	{
	margin-left: 30px;
	margin-top: 5px;	
	}

#shortbreaks p 
	{
	margin-left: 15px;
	}

#shortbreaks p.red 
	{
	color: #EE0000;
	margin-bottom: 0px;
	height: 31px;
	}

#shortbreaks p.offer 
	{
	color: #0099FF;
	font-size: 20px;
	}

#shortbreaks .shortbreaksLink 
	{
	margin-left: 15px;
	color: #0099FF;
	font-size: 14px;
	}

#shortbreaksTerms 
	{  
	clear: both; 
	}
	
/* New Form */

body#product form.hxEmbed fieldset{border:0; }
body#product form.hxEmbed * { margin: 0; padding: 0; }
html > body#product form.hxEmbed { padding: 0px 15px 0px 10px; width: 350px;height:auto; }
body#product form.hxEmbed { padding: 0px 0px 0px 8px; width: 338px;height:auto; }
html>body#product form.hxEmbed { min-height: auto; }

body#product form.hxEmbed .input { float:left;width:100%;padding:0 0 7px 0; }
body#product form.hxEmbed .input .standardRoom,
body#product form.hxEmbed .input .railAvailable,
body#product form.hxEmbed .input #railSection,
body#product form.hxEmbed .input .railDeparting,
body#product form.hxEmbed .input .includeRail,
body#product form.hxEmbed .input .alerted { float:left;padding:0 0 0px 0;width:100%;border:0;}
body#product form.hxEmbed .input .extraRoom #Room2 { margin: 7px 0 7px 0; }
body#product form.hxEmbed .input .railDeparting #stationSearch {border: 1px solid #8D8D8D; margin-top: 2px; font-size: 13px;}
body#product form.hxEmbed .input .ui-datepicker-wrap #ArrivalDate {border: 1px solid #8D8D8D; padding-left: 2px; width: 170px; text-align:left;}
body#product form.hxEmbed .input .ui-datepicker-wrap .ui-datepicker-trigger {cursor: pointer;}

body#product form.hxEmbed .input .railForm .railDeparting.input p {float:left;width:215px;}
body#product form.hxEmbed .input .railForm .railDeparting.input p input.search {border:1px solid #363636;background:#fff;padding:3px 0 3px 0;width:100%;margin-bottom:3px;}

body#product form.hxEmbed label { margin: 0; text-align: left; display: block; clear: left; width: 95px;float:left;}
body#product form.hxEmbed .input .railForm .railDeparting.input label.engineLabel { margin: 0; text-align: left; display: block; width: 135px;float:left;}
body#product form.hxEmbed .railForm .input.alerted label#railLbl { float: left;margin: 0;width:225px;font-weight:bold; clear:none;}

body#product .theatre-breaks-show form.hxEmbed label, body#product .theatre-breaks-show form.hxEmbed .input .railForm .railDeparting.input label.engineLabel {width: 225px;}

body#product form.hxEmbed select, 
body#product form.hxEmbed input.lookupStation, 
body#product form.hxEmbed .alerted .RailRet.alerted,
body#product form.hxEmbed .input.alerted select{ font: normal 13px Verdana, Arial, Helvetica, sans-serif; float: left; margin: 0; border: 1px solid #8d8d8d; padding: 0;width:225px; }
body#product form.hxEmbed select.Nights{width:45px;;float:left;}

body#product form.hxEmbed input { border: 0; }
body#product form.hxEmbed .submit {border:0 none; color:transparent; font-size:0.1px; background: #f1f7fd url(/images/theatre-breaks/btn-search.jpg) no-repeat;  width: 236px; height: 44px; margin:10px 5px 10px 50px;}
body#product form.hxEmbed #moreRooms, 
body#product form.hxEmbed #group,
body#product form.hxEmbed #groupInfo { margin-left:12px; float: left; width: 230px;}
* html body#product form.hxEmbed #groupInfo span {position: relative; left:30px;}
body#product form.hxEmbed .information { float:left; margin-right:-10px; }
* html body#product form.hxEmbed .information { float:left; margin-right:-10px; }
body#product form.hxEmbed h3 {font: normal 21px Verdana; margin: 0 0 0 0; color:#363636;padding:10px 0 15px 0;}
body#product #mainContent #showBox form.hxEmbed h3 {font-size: 14px; font-weight: normal; padding: 0px; margin: 0px 0 7px 0;}
body#product form.hxEmbed .input #moreRooms {margin-left: 135px;}

/* Remove When Live - Preview styles */
#leEngine b {display:none;}
#bookingEngine b {display:none;}

/* Amended styles */

/* --------- CODE FROM KAMPYLE BUTTON --------- */
.k_float { z-index: 9999999; position: fixed !important; position: absolute; cursor: hand; cursor: pointer; }
#kampylink img { border: 0; }
.k_top { top: 20px; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop : document.body.scrollTop); }
.k_bottom { bottom: 0px; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1); }
.k_right { right: 0px; }
.k_left { left: 0px; }
/*close button*/
#k_close_button { color: gray; border: 1px solid gray; display: none; width: 11px; height: 16px; font-size: 12px; text-align: center; }
.kc_top { top: 80px; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + 80 : document.body.scrollTop + 80); }
.kc_bottom { bottom: 80px; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) - 80 : document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 80); }
.kc_right { right: 10px; }
.kc_left { left: 10px; }
/*end close button*/
}

/* Survey Iframe */
#survey { height:250px; left:0; margin:0 auto; padding:0; position:fixed; right:100px; top:35%; width:250px; display: none; background-color:#fff; z-index:111; }
* html #survey { background-color:transparent; }
#surveyiframe { width:250px; height:250px; background-color:transparent; border:1px #9c9c9c solid; padding:0;  margin:0px auto; position:fixed; top:35%; right:100px; left:0; z-index:111;}
* html #surveyiframe { width:250px; height:250px; background-color:transparent; border:1px #9c9c9c solid; padding:0;  margin:0px auto; position:absolute; top:150px; right:0px; left:270px; z-index:111;}
#surveyClose { cursor:pointer; left:190px; color: #000; text-decoration:underline; top:0px; z-index: 1111; position: relative; top: 225px; }
* html #surveyClose { cursor:pointer; left:440px; color: #000; text-decoration:underline; top:-650px; z-index: 1111; position: relative; }

/** html #surveyiframe {background:url(https://www.show-and-stay.co.uk/images/theatre-breaks/surveybg.gif); position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }*/


/* ------ Survey Monkey -------  */
.s_top { top: 200px; }


/*--- tabbed engines ---*/
#teaserInfo {
	background:#F1F7FD url(/images/theatre-breaks/polaroids.jpg) no-repeat scroll left bottom;
	border-color:#0099FF #0099FF -moz-use-text-color;
	border-style:solid solid none;
	border-width:1px 1px medium;
	float:left;
	height:400px;
	margin:0;
	padding:0;
	width:367px;
} 
#engineLeft {
	position:relative;
	float:left;
	width:369px;
}
#engineRight {
	position:relative;
	float:left;
	width:360px;
	margin-left:0px;
}

#tabs {
	height:50px;
	margin-left:8px;
	background: #71D2FF;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	text-align:center;
	font-size:18px;
	font-weight:bolder;
	text-decoration:none;
}
#engineRightSP #tabs {
	margin-left:9px;
}

#tabs a.theatreBreakTab {
	height:70%;
	width:59%;
	position:relative;
	float:left;
	text-decoration:none;
	padding:15px 5px 0px 5px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	border-left:1px solid #0099FF;
	border-right:1px solid #0099FF;
	border-top:1px solid #0099FF;
}
#tabs a.ticketOnlyTab {
	height:100%; 
	width:122px;
	position:relative;
	float:left;
	text-decoration:none;
	padding:0px 5px 0px 5px;
	background:#71D2FF;
	color:#FFFFFF;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	border-bottom:1px solid #0099FF;
}

#tabs a.current {
	background:#FCFBFC;
	color:#0099FF;
}

#ticketOnlyEngine {
	display:none;
}

#ticketOnlyEngine .eolts_quick {
	padding:15px;
	overflow:auto;
	height:180px;
}

#ticketOnlyEngine .eolts_quick a.eolts_more {
	background:transparent url(/images/theatre-breaks/btn-search.jpg) no-repeat scroll 0 0;
	border:0 none;
	color:transparent;
	font-size:0.1px;
	height:50px;
	margin:10px 5px 20px 50px;
	width:236px;
	position:relative;
	float:left;
}

#ticketOnlyEngine #showid {
	width: 180px;
	position: relative;
	float: left; 
}

#showLeft {
	float:left;
	width:220px;
	position:realtive;
	border:none;
	overflow:hidden;
}

/* show page engine specifics*/
#engineRightSP {
	width:510px;
	margin-left:10px;
	position:relative;
	float:left;
	background:none;
}

#engineRightSP #ticketOnlyEngine, #engineRightSP #leEngine {
	background:#FDFDFD;
	width:499px;
}

#engineRightSP #leEngine {
	background: none;
	height: 382px;
	padding-top:20px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-right:1px solid #0099FF;
}
#engineRightSP #tabs a.theatreBreakTab {
	width:357px;
}

body#porduct #engineRightSP form.hxEmbed .submit {border:0 none; color:transparent; font-size:0.1px; background: #FDFDFD url(/images/theatre-breaks/btn-search.jpg) no-repeat;  width: 236px; height: 44px; margin:10px 5px 10px 50px;}

#engineRightSP #leEngine blockquote {
	text-align:center;
}

#engineRight #leEngine {
	padding-top:10px;
	height:390px;
	background:none;
	background-color:#FDFDFD;
	border-right:1px solid #0099FF;
	border-bottom:1px solid #0099FF;
}

.chatButton {
	top:250px;
	cursor: pointer;
	right: 0px;
	position: absolute !important;
	z-index: 10000;
}