/* color palette - LIGHT BLUE:color: rgb(1,108,160); DARKER BLUE:color: rgb(2,77,117); 006A9C;*/

@media screen {

* { margin: 0; padding: 0; xborder: 1px red solid; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }

body { color: #000000; font: normal 13px Arial; text-align: center; background:url('/images/thorpebrks/thorpe_background.jpg') repeat-x; background-color:#016CA0;}

#trackingContainer { position: absolute; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 5px; font-weight: bold; }

p, object, embed { margin: 0 0 10px 0; }

h1, h2, h3, h4, h5, h6, select, input, .lightBlue_t h3 { color: rgb(2,77,117); }

h1 { font-size: 16px; margin-bottom: 10px; }

h2, h3 { font-size: 14px; }

h4, h5, h6 { font-size: 12px; }

a, a:link { text-decoration: underline; cursor: pointer; color: rgb(1,108,160);}

a.info { position:relative; /*this is the key*/ z-index: 24; background: #fdf1ff; color: #535353; text-decoration: none; }

a.info:hover { z-index: 25; background: #ff0; }

a.info span { display: none; }

strong, b, .strong { font-weight: bold; font-style: normal; }

img { border: 0; padding: 0; }

img.fl { margin: 5px 10px 5px 0; }

img.fr { margin: 0px 25px 10px 10px; }

ul { margin: 10px 0; }

li { list-style-type: none; padding: 0; margin: 0; }

ul.square li { list-style-image: url(/images/llh/greyBullet.gif); margin-left: 40px; }

select, input { font: normal 12px  Verdana, Helvetica, sans-serif; }

select > option { padding-left: 3px; padding-right: 2px; } /* FF fix for the select after all elements set to 0 */

caption { font-weight: bold; text-align: left; margin: 0; background: #a0d8fc; }


/* Regular Classes */

.offset { position: absolute; left: -5000px; display: none; }

.fl { float: left }

.fr { float: right }

.clearFloat { clear: both; display: block; }

#outerWrapper #footer li.last { border: 0; }

.pages { margin: 10px 0; float: left;}

.pages a { border: 1px solid rgb(106,32,125); padding: 0 5px; text-decoration: none; color: #4f4f4f; text-align: left; }

.pages a:hover, .pages a.active { color: #fff; background: rgb(188,26,31); text-decoration:underline;}

body div#toolTip { background: rgb(1,108,160); border: 2px double #fff; -moz-border-radius: 5px; max-width: 300px; padding: 5px; color: #fff; z-index: 5000; }


/* Structure */

#outerWrapper {text-align: left; width: 1024px; margin:0 auto; overflow: hidden;}

* html #outerWrapper { margin-top: -10px; }

#outerWrapper #header { height: 201px; width: 1024px; float: left; position: relative; padding: 0; background: url('/images/thorpebrks/bannerSaw.jpg') no-repeat; }

#outerWrapper #header .logo { width: 280px; height: 140px; display: block; position: absolute; left: 10px; top: 15px; cursor: pointer;}

#outerWrapper #contentWrapper2 { width: 1000px; margin: 0px 0px 0px 0px; padding:20px 0px 0px 45px;float: left; position: relative; background: url('/images/thorpebrks/background-repeater.gif') repeat-y; }

*html #outerWrapper #contentWrapper2 {margin: 0 0 0 15px; width:960px; background-color: #ffffff;}

*html #contentWrapper2 {margin-left: 0px !important; padding-left: 2px !important; }


/* Nav */

ul#primaryNav { height: 20px; width: 1020px; position: relative; top: 168px; }
ul#primaryNav li { float: left; margin-left: 5px; }
ul#primaryNav li a {color: #3f3f3f; background-color: #ECECEF; font: bold 14px  Arial; text-decoration: none; border: solid 1px; padding: 2px; }
ul#primaryNav li a:hover { border: solid 1px; background-color: #F25402; color: #FFFFFF; }
a.active { background-color: #F25402!important; color: #FFFFFF!important; }
ul#primaryNav li.navRight { float: right !important; }

* html ul#primaryNav { top: 176px; }
* html ul#primaryNav li { float: left; margin-left: 5px; font: bold 14px  Arial; text-decoration: none; border: solid 1px; }
* html ul#primaryNav li a { color: #3f3f3f;  background-color: #ECECEF; padding: 2px; text-decoration: none; border: 0px; }
* html ul#primaryNav li a:hover { background-color: #F25402; color: #FFFFFF; border: 0px; }

*:first-child+html ul#primaryNav { top: 176px; }
*:first-child+html ul#primaryNav li { float: left; margin-left: 5px; font: bold 14px  Arial; text-decoration: none; border: solid 1px; }
*:first-child+html ul#primaryNav li a { color: #3f3f3f;  background-color: #ECECEF; padding: 2px; text-decoration: none; border: 0px; }
*:first-child+html ul#primaryNav li a:hover { background-color: #F25402; color: #FFFFFF; border: 0px; }


/* 2 col structure */

#outerWrapper #contentWrapper2 #leftColumn2 { float: left; width: 320px; margin-right: 20px; position: relative; }

#outerWrapper #contentWrapper2 li { margin-bottom: 5px; }

#outerWrapper #contentWrapper2 #content { float: left; }

#outerWrapper #contentWrapper2 #doit { background: url('/images/thorpebrks/text-repeater.gif') repeat-y; width: 709px; float: left; padding: 10px;}

#doit_header {background: url('/images/thorpebrks/text-header.gif') no-repeat; width: 709px; height:10px; float: left; }

#doit_footer {background: url('/images/thorpebrks/text-footer.gif') no-repeat; width: 709px; height:38px; float: left;  }

#doit p {padding-right:20px;}

#doit li {padding-right:20px;}

#outerWrapper #contentWrapper2 #rightColumn2  { float: right; margin: 0px 50px 0 0 !important; padding: 0; width: 195px; overflow: hidden; position: relative; }

* html #outerWrapper #contentWrapper2 #rightColumn2 { margin: 0px 10px 0 0 !important; }

#rightColumn2 h3 { color: #fff; }

#rightColumn2 ul, #rightColumn2 p { width: 160px; padding: 0 5px; }

form#dataCapture { width: 160px; }

form#dataCapture label { display: block; }

.dataSubmit, #rightColumn2 form .dataSubmit { background: url('/images/thorpebrks/signup-buttonUp.gif') no-repeat; width:90px; height: 30px; border: 0; margin: 10px 0px 10px 0px; cursor: pointer; outline:none;}

.dataSubmit, #rightColumn2 form .dataSubmit:hover { background: url('/images/thorpebrks/signup-buttonDown.gif') no-repeat; width:90px; height: 30px; border: 0; margin: 10px 0px 10px 0px; cursor: pointer; outline:none;}

p.emailLinks { font-size: 10px; }

#outerWrapper #footer {float: left; width: 1024px; padding: 0;}

#outerWrapper #pageBottom {float:left; position:relative; background: url('/images/thorpebrks/background-footer.gif') no-repeat; height:20px; width:1024px; padding:0px; margin:0px;}

*html #outerWrapper #pageBottom {left:30px;}

*html #pageBottom {left: 0px !important;}

#outerWrapper #footer #footerLinks ul { position:relative; top:-60px; margin-left:0px; }

#footerLinks a {cursor: pointer; color: rgb(255,255,255);}

#footerLinks a:link {cursor: pointer; color: rgb(255,255,255);}

#outerWrapper #footer #copyright {position:relative;top:-88px;left:350px;float:left;height:0px;}

#outerWrapper #footer img { margin: 0; }

#outerWrapper #footer li { display: inline; border-right: 1px solid rgb(106,32,125); padding: 0 1px 0 5px;margin-left:0px;}

html>body #outerWrapper #footer li { padding: 0 5px 0 1px; }

.blue_t,.leftCol_t { margin: 0; width: 189px; height: 152px; background-repeat: no-repeat !important; padding: 10px 10px 0; }

.blue_m,.leftCol_m { margin: -15px 0 0 0;  width: 189px; padding: 5px 10px 0; background-repeat: repeat-y  !important; }

.blue_b,.leftCol_b { margin: -10px 0 10px 0; width: 189px; height: 25px; background-repeat: no-repeat !important; }

.blue_t { background: url('/images/thorpebrks/signup.jpg'); }

.blue_m { background: url('/images/thorpebrks/signup-repeater.gif'); }

.blue_b { background: url('/images/thorpebrks/signup-footer.gif'); }

.texth { background: url('/images/thorpebrks/booking-top.gif'); margin: 0; width: 709px; height: 35px; background-repeat: no-repeat !important; }

.textr { background: url('/images/thorpebrks/text-repeater.gif'); margin: 0; width: 709px; background-repeat: repeat-y;}

.textf { background: url('/images/thorpebrks/text-footer.gif'); margin-top: -10px; width: 709px; height: 40px; background-repeat: no-repeat !important; }

.textr p {padding-left: 10px; padding-right: 10px; padding-top: 5px; font-size: 14px;}

.texth h1 {padding-left: 10px; padding-top: 6px; color: #ffffff;}

.texth a {text-decoration: none; color: #d0d0d0;}

#rightColumn2 .blue_t h3 {margin:0px 0px 0px 30px;}

#rightColumn2 .blue_m h3 {color:#000000;margin:0px 0px 10px 35px;font-size:14px;}

.blue_m img {margin:0px 0px 10px 15px;}

.blue_m p {margin:0px 0px 10px 0px;}

.blue_t form {margin:200px 0px 0px 10px;}

.ticketOnlyButton { background: url('/images/thorpebrks/button-orange.png') no-repeat; width:122px; height: 25px; border: 0; position: relative; top: 103px; left:32px; cursor: pointer; outline:none;}

.ticketOnlyButton:hover { background: url('/images/thorpebrks/button-grey.png') no-repeat; width:122px; height: 25px; border: 0; position: relative; top: 103px; left:32px; cursor: pointer; outline:none;}

#ticketOnly  { background: url('/images/thorpebrks/ticket-only.jpg') no-repeat; width: 180px; height: 134px; }

#stagHen { background: url('/images/thorpebrks/stag-hen.jpg') no-repeat; width: 175px; height: 246px; margin-bottom: 20px;}

#survey { background: url('/images/thorpebrks/survey.gif') no-repeat; width: 186px; height: 52px; margin-bottom: 15px;}


/* Engine */
 
form#hxEmbed { margin: -35px 0 0 10px; width: 680px; overflow: hidden; }

*html form#hxEmbed { margin: -35px 0 0 10px; width: 700px; overflow: hidden; }

form#hxEmbed h3 { margin-bottom: 25px; color: #fff; }

form#hxEmbed h4 { margin-bottom: 10px; }

form#hxEmbed .engineLabel, #room1CotLabel, #room2CotLabel, #room3CotLabel { float: left; clear: left; width: 195px; }

form#hxEmbed input, form#hxEmbed select { xborder: 1px solid #A667B6; margin-bottom: 5px; }

form#hxEmbed input.submit { background: url('/images/thorpebrks/search_new.gif') no-repeat; width: 140px; height: 38px; margin:10px 255px 0px 0px; border: 0; font-size: 0; float:left; cursor: pointer; outline:none; }
/*commented out below for new button style MH*/
/*form#hxEmbed input.submit:hover { background: url('/images/thorpebrks/submit-buttonDown.gif') no-repeat; width: 90px; height: 30px; margin:10px 255px 0px 0px; border: 0; font-size: 0; float: right; cursor: pointer; outline:none; }*/

#ArrivalDate, #ParkDate { width: 70px; }

form#hxEmbed #park_details, form#hxEmbed #hotel_details { float: left; width: 340px; }

*html form#hxEmbed #park_details { float: left; width: 300px; }

/* form#hxEmbed #disChild {margin-left:20px;} For some reason this selection decided to fall out of line!! */

form#hxThemeParkForm input, form#hxThemeParkForm select { xborder: 1px solid #A667B6; margin-bottom: 5px; }

form#hxThemeParkForm input.submit { background: url('/images/thorpebrks/submit-buttonUp.gif') no-repeat; width: 90px; height: 30px; margin:10px 50px 0px 0px; border: 0; font-size: 0; float: right; cursor: pointer; outline:none; }

form#hxThemeParkForm input.submit:hover { background: url('/images/thorpebrks/submit-buttonDown.gif') no-repeat; width: 90px; height: 30px; margin:10px 50px 0px 0px; border: 0; font-size: 0; float: right; cursor: pointer; outline:none; }

form#hxThemeParkForm .formLabel { float: left; clear: left; width: 195px; }

#ticketTypeList { background: #F2F9FF; border: 1px solid rgb(106,32,125); padding: 10px; z-index: 99999; position: absolute; left: 280px; top: 90px; display: none; }

#ticketTypeList .ticket { border-bottom: 1px solid #D0D5DA; padding: 5px 0 10px; color: rgb(106,32,125); font: bold 16px Arial;  margin-bottom: 3px; }

#ticketTypeList .ticketOffer { color: #d278d2; }

#ticketTypeList .ticketText { font: bold 12px Arial; color: #000; margin-bottom: 5px; }

#ticketTypeList .ticketMinNights { font: normal 12px Arial; color: #000; margin-bottom: 3px;}

.infantsFreeNote { text-transform: capitalize; font-weight: bold; }

.engineRepeater, .engineTop, .engineBottom { margin: 0; width: 709px;}

.engineRepeater { background: url('/images/thorpebrks/booking-repeater.gif') repeat-y; margin-bottom: 20px; }

.engineTop { background: url('/images/thorpebrks/booking-top.gif') no-repeat; height: 42px; font: 14px Arial;}

.engineImages {position: relative; float: right; margin-top:45px;bottom: 85px; right: 15px;}

* :first-child+html .engineImages {margin-top:-50px;}

* html .engineImages {margin-top:0px;}

.engineBottom { background: url('/images/thorpebrks/booking-bottom.gif') no-repeat;margin-top:45px; height: 50px; font: 14px Arial;}

* :first-child+html .engineBottom {margin-top:-50px;}

* html .engineBottom {margin-top:-50px;}

.engineBottom p { font-weight: bold; color: #fff; margin: 0 0 0 20px; padding-top: 8px;}

#travelAgentButton { position: absolute; top: 46px; left: 570px; color: rgb(106,32,125); text-decoration: underline; cursor: pointer; }

#travelAgent { position: absolute; top: 43px; left: 360px; color: rgb(106,32,125); }

/* === styling for date picker === */
#ui-datepicker-div, .ui-datepicker-inline { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 0; background: #ddd; width: 185px; }
#ui-datepicker-div { display: none; border: 1px solid rgb(255,123,0); z-index: 100; /*must have*/ }
.ui-datepicker-inline { float: left; display: block; border: 0; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #ddd !important; }
.ui-datepicker-disabled { position: absolute; z-index: 100; background-color: white; opacity: 0.5; }
button.ui-datepicker-trigger { width: 25px; }
img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; }
.ui-datepicker-prompt { float: left; padding: 2px; background: #ddd; color: #000; }
* html .ui-datepicker-prompt { width: 185px; }
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; color: #fff; }
.ui-datepicker-control { background: rgb(255,123,0); padding: 2px 0px; }
.ui-datepicker-links { background: #fff; padding: 2px 0px; }
.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 80%; }
.ui-datepicker-links label { /* disabled links */ padding: 2px 5px; color: #888; }
.ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; }
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; }
.ui-datepicker-current { float: left; width: 30%; text-align: center; }
.ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; }
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; }
.ui-datepicker-header { padding: 3px 0; background: rgb(255,123,0); text-align: center; font-weight: bold; height: 1.3em; }
.ui-datepicker-header select { background: #fff; color: rgb(00,42,98); border: 0px; }
.ui-datepicker { background: #ccc; text-align: center; font-size: 100%; }
.ui-datepicker a { display: block; width: 100%; }
.ui-datepicker-title-row { background: rgb(255,123,0); color: #ffffff; }
.ui-datepicker-days-row { background: #F2F9FF; color: #666; }
.ui-datepicker-week-col { background: #777; color: #fff; }
.ui-datepicker-days-cell { color: #ffffff; border: 1px solid #ddd; }
.ui-datepicker-days-cell a { display: block; }
.ui-datepicker-week-end-cell { background: #F2F9FF; }
.ui-datepicker-title-row .ui-datepicker-week-end-cell { background: rgb(255,123,0); color: #ffffff; }
.ui-datepicker-days-cell-over { background: rgb(255,123,0); border: 1px solid rgb(255,123,0); }
.ui-datepicker-unselectable { color: #ccc; }
.ui-datepicker-today { background: inherit !important; }
.ui-datepicker-current-day { background: rgb(255,123,0) !important; }
.ui-datepicker-status { background: #ddd; width: 100%; font-size: 80%; text-align: center; }

/* ===  Datepicker Links ===
** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #000; text-decoration: none; }
.ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important; }
.ui-datepicker-links a { padding: 2px 5px !important; color: rgb(00,42,98) !important; }
.ui-datepicker-control a { padding: 2px 5px !important; color: #fff !important; }
.ui-datepicker-title-row a { color: #eee !important; }
.ui-datepicker-control a:hover { background: transparent !important; color: #fff !important; }
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { background: transparent !important; color: #333 !important; }

/* ===  MULTIPLE MONTHS === */
.ui-datepicker-multi .ui-datepicker { border: 1px solid #777; }
.ui-datepicker-one-month { float: left; width: 185px; }
.ui-datepicker-new-row { clear: left; }

/* ===  IE6 IFRAME FIX === */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* --- Date picker special events --- */
.event_day { background: orange !important; }


/* --- Extra'ish styles --- */
#breadcrumb li {display:inline;}
#breadcrumb li a {color:rgb(255,255,255);text-decoration:none;}
#breadcrumb li a:hover {text-decoration:underline;}
#ads {margin:0px 0px 10px 0px;}
#payment {border-top: 1px dotted;width:920px;margin:20px; padding:10px;text-align:right;}
#doit p {font-size: 14px; margin-bottom: 20px;}
#terms { font-size: 11px!important; }
#malmap { display: block; margin: auto; margin-bottom: 10px; }
#party1, #party2 { float: left; padding: 22px; margin-top: -22px; }
#standard, #vip { margin-left: 25px }


/*--- Tooltip ---*/
#toolTip {text-decoration:none;color:#ffffff;cursor:default;}

}

@media print {

body { font: 10pt Arial, Verdana, sans-serif; color: #000; background: #fff; width: 90%; }
div#globalNavigation, #leftColumn, #footer, #dataCapture, #engine, #holdingPage, #accessList, #hxMap1 { display: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14pt; }
p { font-size: 12pt; }
img { display: none; }
#rightColumn { display: block; }

}

{*style for fright night*}

.sawbg{
	background:url('/images/thorpebrks/saw-bg.jpg') repeat-x #000!important;
}