body, html {text-align: center; top: 0px; left: 0px; padding: 0px; margin: 0px; border: 0px; font-size: 11px; font-family: Verdana, Arial, sans-serif, monospace; background-image:url('/images/paultonsbreaks/bggrad.jpg'); background-repeat:no-repeat; background-color:#22244D; background-position: center 0;}
#all { text-align: center; width:795px; margin:0px auto; }
#page { width: 795px; margin: 0px auto; text-align: left; position: relative; top: 0px;}

#email-signup {width:763px; height:115px; display:inline; position:absolute; top:542px; left:210px;color:red;font-size:12px;}
#email-signup td {font-size:12px;color:red;}

p {font-size: 12px;}
h1, h2, h3, h4, h5, h6 {color:#d00000;}
h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 12px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}
p {font-size:11px;}
select, input {font-size:12px;}
a:link {text-decoration:underline;}
a:visited {}
a:hover {}
a:active {}
img {border:0;}
table.paultons_engine h2, table.paultons_engine h3 {margin:0;padding:0;color:#fff;font-weight:bold;}
table.paultons_engine td.messages {font-size:12px;}
table.paultons_engine td.heightmessages {font-size:10px; color:#444;}

#retrieve_button {display:inline;margin:0;padding:0;border:#ffe600 1px solid;background:#ffe600;font-size:12px;}
#retrieve_button a {text-decoration:none;color:#d00000;font-weight:bold;}
#retrieve_button a:hover {background:#d00000;color:#ffe600;}

/* #content top is 730px when booking engine/quote is back */
#content {margin:0;padding:5px;position:absolute;top:702px;left:0;width:785px;background-color:#FFFFFF}
#content img {margin:10px;}
#content h1 {margin:0;}
#ipod_copy {position:absolute;color:#ffffff;font-size:14px;margin:5px 0 0 0px; width:145px;}
#ipod_copy a {color:navy;font-size:11px;}
#ipod_signup {position:absolute;margin-top:70px;padding:5px;font-size:11px; width:300px;color:red;font-size:14px;display:inline;}
#ipod_signup input, #ipod_signup select {font-size:11px;padding:0;margin:0;}
#ipod_signup a {color:navy;font-size:11px;}
#ipod_signup p {margin-top:10px; margin-bottom:-10px;}

/* #left-col height is 602px when booking engine/quote is back */
#left-col {float:left;position:relative;width:190px;height:430px;background:url('/images/paultonsbreaks/logo-corner.png') no-repeat #09c;}
/* Left Navigation */
/* div#leftNav height is 422px when booking engine/quote is back */
div#leftNav {z-index:100;font-style: italic; font-weight:bold;width:150px;height:250px;font-family:Trebuchet MS, Verdana, Arial;font-size:14px;background:#069;margin:180px 0 0 0;}
div#leftNav a {margin:0;padding:2px 0 0 20px;border-bottom:#0077b4 2px solid;background:#006699;color:#ffffff;height:18px;display:block;text-decoration:none;}
div#leftNav a:hover {margin:0;padding:2px 0 0 20px;border-bottom:#ffffff 2px solid;background:#0077b4;color:#ffffff;height:18px;}
#container {background:url('/images/paultonsbreaks/container-bg.gif') repeat-y;width:795px;position:absolute;}

#comingSoonBanner {margin-left:47px;}

#right-col {float:left;position:relative;width:605px;background:#09c;}

#top-nav {float:left;position:relative;width:580px;height:37px;}
#pic-section {float:left;position:relative;width:230px;height:350px;}
#cal-section {float:left;position:relative;width:340px;height:350px;}

#cal-section a:link {color:#FE0;font-weight:bold;font-size:11px;text-decoration:none;}

#cal-section a:visited {color:#FE0;font-weight:bold;font-size:11px;text-decoration:none;}

#cal-section a:hover {color:#FE0;font-weight:bold;font-size:11px;text-decoration:underline;}

#cal-section a:active {color:#fff;font-weight:bold;font-size:11px;}

#lower-section {float:left;position:relative;width:600px;margin:40px 0 0 0;}

#engine-left {float:left;position:relative;width:300px;padding:0;margin:0;}

#engine-right {float:left;position:relative;width:300px;padding:0;margin:0;}

#quotage {float:left;position:relative;width:605px;margin-top:10px;}
#footer {position:relative;float:left;width:795px;height:38px;}
#footer-text {position:relative;float:left;width:605px;}

/* Basic Navigation for Cross Browser Compatibility - Change the widths and colors*/
#mainNav, #mainNav ul { z-index:2; float: left; list-style: none; background-color:#0099cc; padding: 0px; margin: 0px 0px 0px 0px;width:770px;font-size:12px;}

#mainNav a { display: block; width: 148px; height:16px; border-left:0px solid #ffffff; border-right:0px solid #ffffff; border-bottom:1px solid #0099cc; border-top:0px solid #ffffff; color: #ffffff; text-decoration: none; padding:2px 0px 0px 2px; }

#mainNav li { float: left; width: 150px;}

#mainNav li ul { position: absolute; left: -999em; height: auto; width: 150px; font-weight: normal; border-width: 1px; margin: 0;}

#mainNav li li { width: 150px; }

#mainNav li ul a { width: 150px; }

#mainNav li ul ul { margin: -1.75em 0 0 100px; }

#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul { left: -999em; }

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { left: auto; }

#mainNav li:hover, #mainNav li.sfhover { background: #006599; }

#ads {float:left;position:relative;width:230px;height:300px;padding:20px 0 0 0;}
#ads #adverttext {position:absolute;left:15px;top:10px;}
#ads_text {width:220px; height:200px;color:#ffe600;margin:0; }
#ads_text p.uptext {font-size:16px;text-transform: uppercase; }
#ads_text p.downtext {font-size:18px;}

.imprint {margin:0;padding:0;}
.imprint p {font-size:10px;}
.ruler {background:#ffe600;}
.searchBtn {width:200px; color:#d00000; font-weight:bold; font-size: 14px;}

/* Styles for calender control */
.cal_header {
	background-color: #ffff94;
	color: #ffffff;
	font: 10pt sans-serif;
	text-align: left;
	padding-left:10px;
}


.month, .nav {
	background-color: #ffe600;
	color: #000;
	font: 10pt sans-serif;
	text-align: center;
}

.nav {
	cursor: pointer;
}

.dayHeader {
	color: #000;
	font: 10pt sans-serif;
	border-bottom: 1px black solid;
	font-weight: bold;
	width: 30px;
	background-color: #ffff94;
	text-align:center;
}

.empty {
	background-color: #666;
	border-bottom: 1px black solid;
	height: 22px;
}

.days {
	color: #000;
	background-color: #ffe600;
	font-size:10px;
	text-align: center;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	cursor: pointer;
	height: 22px;
	font-weight:bold;
}

.daySelected {
	color: #ffffff;
	background-color: blue;
	font-size:10px;
	text-align: center;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	cursor: pointer;
	height: 22px;
	font-weight:bold;
}

.days_mod {
	color: #ffffff;
	background-color: #660099;
	font-size:10px;
	text-align: center;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	cursor: pointer;
	height: 22px;
	font-weight:bold;
}

.days:hover {
	color: #000;
	background-color: orange;
	font-size:10px;;
	text-align: center;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	cursor: pointer;
	height: 22px;
	font-weight:bold;
}

.offDays {
	color: #fff;
	font-weight:bold;
	background-color:#D3D3D3;
	font-size:10px;
	text-align: center;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	height: 22px;
}

.blockDays {
	background-image: url(/images/legoland-hotels/x.gif);
	background-position:center center;
	font-size:10px;
	text-align: center;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	height: 22px;
	color:#000000;
}

.date {
	color: red;
	background-color: white;
	font-size:10px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px black solid;
	border-left: 1px black solid;
	border-right: 1px black solid;
	cursor: pointer;
}
#calContainer1 {width:250px;
}
#calContainer2 {width:250px;
}



/*

Table elements

-------------------------

*/



#calendarTableArea {

	display: block;

	position: relative;

	width: 530px;

}

#calendarTableArea table {

	display: block;

	margin: 0px 0px 20px 0px;

	background-color: #fff4b2;

	border: none;

}

#calendarTableArea #keyTable {

	display: block;

	position: absolute;

	top: 50px;

	right: 0px;

}

#calendarTableArea table caption {

	margin: 0px 0px 0px 0px;

	padding: 3px 3px 3px 5px;

	margin-bottom: 0px;

	background-color: #005bb6;

	background-image: url("/images/playandstay/table_title_bg.gif");

	background-position: top left;

	background-repeat: no-repeat;

	color: #ffffff;

	font-weight: bold;

	font-size: 13px;

	line-height: 15px;

	text-align: left;

}

#keyTable caption {

	background-image: url("/images/playandstay/h2_bg.gif") !important;

}

#calendarTableHeadings th {

	margin: 1px;

	padding: 1px 4px 1px 4px;

	background-color: #ffffff;

	color: #005bb6;

	font-weight: normal;

	font-size: 10px;

	line-height: 12px;

	text-align: center;

	background-image: none;

	border: none;

}

#calendarTableArea table td {

	margin: 1px;

	padding: 6px 4px 6px 4px;

	color: #000000;

	font-weight: normal;

	font-size: 11px;

	line-height: 13px;

	text-align: left;

	background-image: none;

	border: none;

	text-align: center;

}

#calendarTableArea table input {

	float: left;

	padding: 0px 0px 0px 0px;

	margin: 2px 10px 10px 5px;

}


.calClass0 {

	background-color: transparent;

}

.calClass1 {

	background-color: #777256;

	color: #FFFFFF !important;

}

.calClass2 {

	background-color: #cc99ff;

}

.calClass3 {

	background-color:#99cccc;

}

.calClass4 {

	background-color: #99cc00;

}

.calClass5 {

	background-color: #ff9900;

}

.calClass6 {

	background-color: #ffcc00;

}

.calClass7 {

	background-color: #669966;

}

.calClass8 {

	background-color: #cc9966;

}

.calClass9 {

	background-color: #f86b70;

}



.saverKey {

	background-color:transparent;

}



#calendarTableArea table td.saver {

	background-image: url("/images/calendar/saver_day.gif") !important;

	background-position: top left !important;

	background-repeat: no-repeat !important;

}

#center-image {position:absolute;top:50px;left:100px;z-index:1000;}

/* Welcome page engine styles */
.infantsFreeNote {font-weight: bold; }
form#hxEmbed {width: 570px; overflow: hidden; margin-top:-38px;}
form#hxEmbed h3 {color: rgb(255,0,0);}
form#hxEmbed h4 { margin-bottom: 10px; }
form#hxEmbed .engineLabel, #room1CotLabel, #room2CotLabel, #room3CotLabel { float: left; clear: left; width: 170px; }
form#hxEmbed input, form#hxEmbed select { border: 1px solid #A667B6; margin-bottom: 5px; }
form#hxEmbed input.submit { background: url(/images/paultonsbreaks/search.gif) no-repeat; width: 117px; height: 46px; border: 0; font-size: 0; float: right; cursor: pointer; }
#ArrivalDate, #ParkDate { width: 70px; }
form#hxEmbed #park_details, form#hxEmbed #hotel_details {  float: left; width: 285px; margin-top:-18px;}
#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;}
#ticketTypeList input.selectBtn { background: url(/images/llh/buttonBlankSelect.gif) no-repeat; width: 111px; height: 29px; border: 0; display: block; font: bold 14px Arial; }
.engineRepeater, .engineTop, .engineBottom { margin: 0; width: 700px; }
.engineRepeater { background: url(/images/llh/engineRepeater.gif) repeat-y; margin-bottom: 15px; }
.engineTop { background: url(/images/llh/engineHeader.gif) no-repeat; height: 43px; }
.engineBottom { background: url(/images/llh/engineFooterSection.gif) no-repeat; height: 43px; }
.engineBottom p { font-weight: bold; color: #fff; margin: 0 0 0 10px; padding-top: 15px;}

/* Date Picker styling */
#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(106,32,125); 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(106,32,125); 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(106,32,125); text-align: center; font-weight: bold; height: 1.3em; }
.ui-datepicker-header select { background: #fff; color: rgb(106,32,125); 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,243,20); color: rgb(106,32,125); }
.ui-datepicker-days-row { background: #F2F9FF; color: #666; }
.ui-datepicker-week-col { background: #777; color: #fff; }
.ui-datepicker-days-cell { color: #000; 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,243,20); color: rgb(106,32,125); }
.ui-datepicker-days-cell-over { background: rgb(255,243,20); border: 1px solid rgb(106,32,125); }
.ui-datepicker-unselectable { color: #ccc; }
.ui-datepicker-today { background: inherit !important; }
.ui-datepicker-current-day { background: rgb(255,243,20) !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(106,32,125) !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*/
}

#welcomeContent {
margin-top: 60px;
margin-bottom: 40px;
}