/* SECTION 1 */

/* SIZES TEMPLATE */

#loginouter {
	min-width: 772px;
}

#mbanner, #outer, #pageouter, #sbanner, #ftrcontainer {
	min-width: 991px;
}

/* LOGIN PAGE */

#loginpage {
	width: 772px; /* actual width should be 771px but 1px buffer added to prevent wrapping on browser zoom */
}

#loginimg {
	width: 760px;
  height: 300px;
  margin: 30px 6px 0 5px;
}

#loginpanelswrapper {
width: 760px;  margin: 5px 6px 0 5px;
}

.loginpanel, .loginpanell, .loginpanelr, .loginpanelfull, .loginpanelfull .panelcontentl, .loginpanelfull .panelcontentr  {
  display: inline;
}

.loginpanel {
  padding: 15px 10px 15px 10px;
}

.loginpanell, .loginpanelr, .loginpanelfull .panelcontentl, .loginpanelfull .panelcontentr , .loginpanel h1 img {
  width: 354px;
}

.loginpanelfull {
  width: 739px;
}

.loginpanell {
  margin-right: 10px;
}

.loginpanelfull .panelcontentl {
  margin-right: 20px;
}

.loginfrmrow label {
	width: 110px;
	margin: 2px 15px 0 0;
}

.loginfrmbts {
  padding-left/**/: 125px; /* hide from IE6 */
}

#loginstatusbar {
  width: 760px;
  margin: 5px 6px 5px 5px;
}

/* MBANNER */

#mbanner {
	height: 80px;
}

/* STANDARD PAGE SETUP/WRAPPERS */

#page {
  width: 991px; /* actual width should be 990px but 1px buffer added to prevent wrapping on browser zoom */
}

#pagewrapper {
  min-height: 400px;
  padding-bottom: 5px;
}

/* NEWSTICKER */

.newstickercontent, .newstickercontent .ticker-wrapper.has-js {
	width: 979px;
}

.newstickercontent {
	margin: 5px 6px 0 5px;
}

.newstickercontent .ticker-wrapper.has-js {
	height: 19px; /* ticker-content height plus top/bottom-margin of ticker and ticker-swipe */
	padding: 5px 10px 5px 10px;
}

.newstickercontent .ticker, .newstickercontent .ticker-swipe {
	width: 889px; /* allow 60px for newsticker controls */
	margin: 2px 10px 1px 0;
}

.newstickercontent .ticker-content, .newstickercontent .ticker, .newstickercontent .ticker-swipe {
	height: 16px; /* ticker-content line-height x number of rows to display */
}

.newstickercontent .ticker-content {
	line-height: 16px;
}

/* PAGEBANNER */

img.pagebanner {
	width: 979px;
	height: 120px;
}

/* PANELS */

.panelwrapper.wrapperlarge, .panelwrapper.dashlarge {
	max-width: 991px;
}

.panelwrapper.wrappermedium, .panelwrapper.dashmedium {
	max-width: 661px;
}

.panelwrapper.wrappersmall, .panelwrapper.dashsmall, .panelwrapper.wrapperdash {
	max-width: 330px;
}

.wrapperdash.col1, .dashlarge .wrapperdash.col2, .dashmedium .wrapperdash.col3, .dashsmall .wrapperdash.col2, .dashsmall .wrapperdash.col3 {
	float: left;
}

.dashlarge .wrapperdash.col3, .dashmedium .wrapperdash.col2 {
	float: right;
}

.panellarge {
  width: 979px;
}

.panelmedium {
  width: 649px;
}

.panelsmall {
  width: 319px;
}

.panellarge, .panelmedium, .panelsmall {
margin: 15px 6px 0 5px;_margin: 15px 1px 0 5px;}

.panellarge h1, .panellarge .panelcontent, .panelcontentlarge {
  width: 944px;
}

.panelmedium h1, .panelmedium .panelcontent, .panelcontentmedium {
  width: 614px;
}

.panelsmall h1, .panelsmall .panelcontent, .panelcontentsmall {
  width: 284px;
}

.panellarge .panelcontentl, .panellarge .panelcontentr {
  width: 462px;
}

.panellarge div.h2container .panelcontentl, .panellarge div.h2container .panelcontentr, .panellarge div.acccontent .panelcontentl, .panellarge div.acccontent .panelcontentr {
  width: 451px;
}

.panelmedium .panelcontentl, .panelmedium .panelcontentr {
  width: 297px;
}

.panelmedium div.h2container .panelcontentl, .panelmedium div.h2container .panelcontentr, .panelmedium div.acccontent .panelcontentl, .panelmedium div.acccontent .panelcontentr {
  width: 286px;
}

.panellarge .panelcontent h2 {
  width: 934px;
}

.panelmedium .panelcontent h2 {
  width: 604px;
}

.panelsmall .panelcontent h2 {
  width: 274px;
}

.panellarge .panelcontent div.h2container, .panellarge div.h2container .panelcontentlarge {
  width: 922px;
}

.panelmedium .panelcontent div.h2container, .panelmedium div.h2container .panelcontentmedium {
  width: 592px;
}

.panelsmall .panelcontent div.h2container, .panelsmall div.h2container .panelcontentsmall {
  width: 262px;
}

.panellinks a {
  padding-right: 15px;
}

.panelcontent ul li {
	padding: 0 0 2px 30px;
}

.panelcontent ol li {
	margin: 0 0 5px 27px;
	*margin: 0 0 5px 30px; /* IE7 and below only */
}

/* ACCORDION */

.panellarge .panelcontent div.acccontainer, .panellarge .panelcontent #accordion.acc div.ui-accordion-content, .panellarge .panelcontent .jqacc.acc div.ui-accordion-content, .panellarge .panelcontent div.acctogcontainer {
  width: 942px
}

.panelmedium .panelcontent div.acccontainer, .panelmedium .panelcontent #accordion.acc div.ui-accordion-content, .panelmedium .panelcontent .jqacc.acc div.ui-accordion-content, .panelmedium .panelcontent div.acctogcontainer {
  width: 612px
}

.panelsmall .panelcontent div.acccontainer, .panelsmall .panelcontent #accordion.acc div.ui-accordion-content, .panelsmall .panelcontent .jqacc.acc div.ui-accordion-content, .panelsmall .panelcontent div.acctogcontainer {
  width: 282px
}

.acccontent, .acctogcontent, .h2togcontainer .togcontent {
  padding: 5px 10px 5px 10px;
}

.panellarge div.acccontent, .panellarge div.acccontent .panelcontentlarge, .panellarge div.acctogcontent, .panellarge .h2togcontainer .togcontent {
	width: 922px;
}

.panelmedium div.acccontent, .panelmedium div.acccontent .panelcontentmedium, .panelmedium div.acctogcontent, .panelmedium .h2togcontainer .togcontent  {
	width: 592px;
}

.panelsmall div.acccontent, .panelsmall div.acccontent .panelcontentsmall, .panelsmall div.acctogcontent, .panelsmall .h2togcontainer .togcontent {
	width: 262px;
}

.panellarge .paneltab {
  width: 979px;
}

.panelmedium .paneltab {
  width: 649px;
}

.panelsmall .paneltab {
  width: 319px;
}

/* ACCORDION - changes for content when it appears inside acccontent */

.panelcontent .acccontent > h2 {
	width:100%;
}

/* FORMS */

.labelxlarge {
  width: 250px !important;
}

.labelxxlarge {
  width: 300px !important;
}

.frmelement.mediumonly, .frmelement.smallonly, .frmelement.mediumsmallonly {
	display: inline;
}

.frmelement.largeonly, .frmelement.largemediumonly, .frmelement.largesmallonly {
	width: 100%;
	padding: 3px 0 3px 0;
	float: left;
	clear: left;
	display: block;
}

.frmrow label {
	width: 180px;
	margin: 2px 15px 0 0;
}

.frmradioitem.inlineradio {
	padding-right: 15px;
}

.frmradio input {
	margin: 0 15px 0 0;
}

.frmradiorow .frmradioitem input {
	margin: 2px 15px 0 0;
}

.panelmedium .frmradiorow .frmradioitem label, .panellarge .frmradiorow .frmradioitem label {
	width: 500px;
}

.panellarge .frmresult.frmlimitwidth { /*add frmlimitwidth class to prevent frmresult dropping onto a line below the label */
	max-width: 726px;
}

.panelmedium .frmresult.frmlimitwidth { /*add frmlimitwidth class to prevent frmresult dropping onto a line below the label */
	max-width: 396px;
}

.frmindentsmall {
  margin-left: 95px !important;
}

.frmindentmedium {
  margin-left: 125px !important;
}

.frmindentlarge {
  margin-left: 195px !important;
}

/* TABLES - RESULTS TABLE */

.panellarge .resultstbl th.clmlast, .panellarge .resultstbl td.clmlast, .panelmedium .resultstbl th.clmlast, .panelmedium .resultstbl td.clmlast {
	padding-right: 15px;
}

.panelsmall .resultstbl th.clmlast, .panelsmall .resultstbl td.clmlast {
	padding-right: 10px;
}

/* PAGINATION */

.panelmedium .pagbar, .panellarge .pagbar {
	width: 60%;
	margin: 0 5% 0 0;
	padding: 10px 0 10px 0;
	display: inline;
}

.panelsmall .pagbar {
	width: 100%;
	margin: 0;
	padding: 5px 0 5px 0;
	display: block;
}

.resultsbar {
	text-align: right;
}

.panelmedium .resultsbar, .panellarge .resultsbar {
	width: 34%;
  margin: 0 1% 0 0;
	padding: 10px 0 10px 0;
	float: right;
	display: inline;
}

.panelsmall .resultsbar {
	width: 100%;
  margin: 0;
	padding: 5px 0 5px 0;
	float: left;
	display: block;
}

/* CATALOGUE - IMAGE */

.catimgresult, .catimgdetail, a.catimgdetail {
	margin: 0 15px 5px 5px;
}

.catimggallery img {
	height: 398px;
	width: 398px;
}

/* CATALOGUE - CATSELECT */

.panelmedium #catselect {
  padding: 5px 14px 5px 10px; /* padding-right should be 15px but 1px buffer allowed for to prevent wrapping on browser zoom */
}

.panelmedium .catselectprizes a.catimgselect {
width: 197px;margin: 8px 5px 8px 5px;	 height: 167px;
}

.panelmedium .catselectprizes a.catimgselect:hover, .catselectprizes a.catimgselect:active {
	background-position: 0 -167px;
}

.panelmedium .catselectprizes a.catimgselect.catimgselection {width:613px;}
.panelmedium .catselectbenefits a.catimgselect {
width: 297px;margin: 8px 7px 8px 7px;	height: 167px;
}

.panelmedium .catselectbenefits a.catimgselect:hover, .catselectbenefits a.catimgselect:active {
	background-position: 0 -187px;
}

/* CATALOGUE - CATRESULT (CATROW) */

.catrow .catrowcontent {
  padding: 0 10px 0 0;
}

.panelmedium .catrowcontent {
  width: 414px;
}

.panelsmall .catrowcontent {
  width: 209px;
}

.catrow .catrowcontent a {
	min-height: 55px;
	padding: 5px 5px 5px 5px;
}

.panelmedium .catrowcontent a {
  width: 404px;
}

.panelsmall .catrowcontent a {
  width: 199px;
}

.panelmedium .benefits_results .catrowcontent {
  width: 538px; /* catrowvalue not used for benefits so can add this to the width of catrowcontent */
}

.panelmedium .benefits_results .catrowcontent a {
  width: 528px;
}

.panelmedium .catrowvalue {
  width: 115px;
  margin: 5px 4px 0 0; /* actual margin-right should be 5px but 1px buffer added to prevent wrapping on browser zoom */
}

.panelsmall .catrowvalue {
  width: 199px;
  margin: 5px 4px 0 70px; /* actual margin-right should be 5px but 1px buffer added to prevent wrapping on browser zoom */
}

/* CATALOGUE - CATDETAIL */

.panelmedium .catdetailheaderblock {
  width: 413px;
}

.panelmedium .catdetailheaderrow {
  width: 399px;
}

.panelmedium .catdetailtitle {
  width: 259px;
  padding: 0 15px 0 0;
}

.panelmedium .catdetail .catvalue {
	width: 135px;
}


/* CATALOGUE - CATDETAIL - SELECTION */

.catselectionitem {
	width:17.98%;
	width:calc((99.9% / 5) - 2%);
}

/* CATALOGUE PROMO */

.catselectprizes a.catimgpromo img.smallonly {
	display:none;
}
.catselectprizes a.catimgpromo.catpromo_christmas {
	background-image: url(/images/background/odeonbookit/catpromo_christmas.jpg?upd=20201012102750);
}
#catselect.catselectprizes a.catimgpromo.catpromo_christmas {
margin-left:7px; margin-right:7px;}
.pagebanner_wrapper.catpromo img.pagebanner {
	height:auto;
	width:100%;
}
.pagebanner_wrapper.catpromo .pagebanner_caption_bg .pagebanner_caption {
	font-size:175%;
	padding:0 25px 0 15px;
}

/* DASHBUTTON */

.dashbutton.dashbutton167, .dashbutton.dashbutton167 a {
	height: 167px;
}

.dashbutton.dashbutton167 a:hover {
	background-position: 0 -167px;
}

/* FOOTER */

#ftr {
  width: 991px; /* actual width should be 990px but 1px buffer added to prevent wrapping on browser zoom */
}

#ftrwrapper {
	width: 980px;
  padding: 0 6px 5px 5px;
}


#snav, #notice {
  margin: 15px 10px 0 10px;
}

#snav a {
	padding-right: 15px;
}

/* RECOGNITION - using nivo.slider */

.panelmedium .recognitioneotmwin, .panelmedium .recognitionlsawin {
	width: 614px;
	height: 125px;
}

.panelmedium .acccontent .recognitioneotmwin, .panelmedium .acccontent .recognitionlsawin {
	width: 592px;
}

.slider-wrapper.sliderrecognitioneotm, .slider-wrapper.sliderrecognitionlsa {
	width: 572px;
	height: 115px;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .nivoSlider, .panelmedium .slider-wrapper.sliderrecognitionlsa .nivoSlider {
	top: 0;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .sliderrecognitioneotmtitle, .panelmedium .slider-wrapper.sliderrecognitioneotm .nivo-caption-slidereotm, .panelmedium .slider-wrapper.sliderrecognitioneotm form.recognitioneotmfilter,
.panelmedium .slider-wrapper.sliderrecognitionlsa .sliderrecognitionlsatitle, .panelmedium .slider-wrapper.sliderrecognitionlsa .nivo-caption-sliderlsa, .panelmedium .slider-wrapper.sliderrecognitionlsa form.recognitionlsafilter {
	left: 190px;
	width: 390px;
}

.panelmedium .slider-wrapper.sliderrecognitioneotm .nivo-caption-slidereotm, .panelmedium .slider-wrapper.sliderrecognitionlsa .nivo-caption-sliderlsa {
	top: 60px;
}

.panelmedium .acccontent .slider-wrapper.sliderrecognitioneotm .sliderrecognitioneotmtitle, .panelmedium .acccontent .slider-wrapper.sliderrecognitioneotm .nivo-caption-slidereotm,  .panelmedium .acccontent .slider-wrapper.sliderrecognitioneotm  form.recognitioneotmfilter,
.panelmedium .acccontent .slider-wrapper.sliderrecognitionlsa .sliderrecognitionlsatitle, .panelmedium .acccontent .slider-wrapper.sliderrecognitionlsa .nivo-caption-sliderlsa,  .panelmedium .acccontent .slider-wrapper.sliderrecognitionlsa  form.recognitionlsafilter {
	left: 179px;
}




/* LIGHTBOX */

.lightboxwrapper {
	width: 758px;
}

.lightboxcontent, #lightbox .panellarge, #lightbox .panelmedium, #lightbox .panelsmall {
	width: 738px;
}

.lightboxcontent {
	margin: 10px 0;
}

#lightbox .panellarge, #lightbox .panelmedium, #lightbox .panelsmall {
	margin: 0;
}

#lightbox h1 {
  width: 703px;
}

#lightbox .panelcontent {
  width: 701px;
}

#lightbox .panelcontent div.acccontainer, #lightbox .panelcontent #accordion.acc div.ui-accordion-content, #lightbox .panelcontent .jqacc.acc div.ui-accordion-content, #lightbox .panelcontent div.acctogcontainer {
	width: 699px;
}

#lightbox .panelcontent h2 {
  width: 691px
}

#lightbox .panelcontent div.h2container {
  width: 679px
}

#lightbox .panelcontent .panelcontentl, #lightbox .panelcontent .panelcontentr {
  width: 340px;
}

#lightbox .panelcontent div.h2container .panelcontentl, #lightbox .panelcontent div.h2container .panelcontentr, #lightbox .panelcontent div.acccontent .panelcontentl, #lightbox .panelcontent div.h2container .panelcontentr {
  width: 329px;
}

#lightbox .panelcontent img {
	max-width: 701px;
}

/* SECTION 2 */

/* IMAGES TEMPLATE */

body {background-image: url(/images/background/odeonbookit/loginbody.jpg?upd=20201012102750); }#loginimg {background-image: url(/images/background/odeonbookit/loginimg.jpg?upd=20201012102750); }#loginouter {background-image: none; }#outer {background-image: none; }#pageouter {background-image: url(/images/background/odeonbookit/pageouter.jpg?upd=20201012102750); }#mbanner {background-image: url(/images/background/odeonbookit/mbanner.jpg?upd=20201012102750); }.mbannerwrapper {background-image: none; }#sbanner {background-image: none; } #sbanner_overlay {background-image: none; }#ftrwrapper {background-image: none; }.panelmedium .recognitioneotmwin, .panelmedium .recognitionlsawin {background-image: none; }#catselect.catselectprizes {background-image: url(/images/background/odeonbookit/catselect_bg.png?upd=20201012102750); }#catselect.catselectbenefits {background-image: none; }.catselectprizes a.catimgselect.catimgactivity {background-image: url(/images/background/odeonbookit/catselect_p_activity.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimgelectronics {background-image: url(/images/background/odeonbookit/catselect_p_electronics.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimgentertainment {background-image: url(/images/background/odeonbookit/catselect_p_entertainment.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimgfood {background-image: url(/images/background/odeonbookit/catselect_p_food.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimggifts {background-image: url(/images/background/odeonbookit/catselect_p_gifts.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimghealth {background-image: url(/images/background/odeonbookit/catselect_p_health.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimgholidays {background-image: url(/images/background/odeonbookit/catselect_p_holidays.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimgjewellery {background-image: url(/images/background/odeonbookit/catselect_p_jewellery.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimglifestyle {background-image: url(/images/background/odeonbookit/catselect_p_lifestyle.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimgactivitychild {background-image: url(/images/background/odeonbookit/catselect_p_activitychild.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimgelectronicschild {background-image: url(/images/background/odeonbookit/catselect_p_electronicschild.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimgentertainmentchild {background-image: url(/images/background/odeonbookit/catselect_p_entertainmentchild.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimggiftschild {background-image: url(/images/background/odeonbookit/catselect_p_giftschild.jpg?upd=20201012102750;)}.catselectprizes a.catimgselect.catimghealthchild {background-image: url(/images/background/odeonbookit/catselect_p_healthchild.jpg?upd=20201012102750;)}.catselectbenefits a.catimgselect.catimghighstreet {background-image: url(/images/background/odeonbookit/catselect_b_highst.jpg?upd=20201012102750;)}.catselectbenefits a.catimgselect.catimghealthandwellness {background-image: url(/images/background/odeonbookit/catselect_b_health.jpg?upd=20201012102750;)}.catselectbenefits a.catimgselect.catimgentertainmentanddining {background-image: url(/images/background/odeonbookit/catselect_b_dining.jpg?upd=20201012102750;)}.catselectbenefits a.catimgselect.catimggolf {background-image: url(/images/background/odeonbookit/catselect_b_golf.jpg?upd=20201012102750;)}.catrow.catfeatured .catrowcontent a {background-image: url(/images/background/odeonbookit/catresultfeatured.png?upd=20201012102750); }
/* PAGINATION */

.pagbar ul li {
	padding: 1px 8px 1px 8px;
}

.pagbar li:first-child, .pagbar ul li.first {
	padding-left: 4px;
}

.pagbar li:last-child, .pagbar ul li.last {
	padding-right: 4px;
}


.show.mediumonly, .show.smallonly, .show.mediumsmallonly {
	display: none !important;
}

/* WACKY RACES */
.odeonrace .leaderboard .myProgress {
	width:calc(87% - 100px);
}
.odeonrace .leaderboard .myTrack {
	background-image: url(/images/inline/odeonbookit/race_game/dragstrip.png?upd=20250801100000);
	padding-left:90px;
	width:100%;
	padding-right:100px;
}
.odeonrace .leaderboard .myTag {
	height:100px;
	line-height:100px;
	top:5px;
	width:90px;
	padding-left:10px;
	color:#ffffff;
	font-family:"Open Sans Condensed","Impact";
}
.odeonrace .leaderboard .myBar {
	height:5px;
	line-height:5px;
	margin-bottom:100px;
	padding-left:100px;
}
.odeonrace .leaderboard .myBar img {
	height:100px;
	width:100px;
}