@font-face {
    font-family: 'pepmdx';
    src: url('font/pep_icon_font50-webfont.eot');
    src: url('font/pep_icon_font50-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/pep_icon_font50-webfont.woff') format('woff'),
         url('font/pep_icon_font50-webfont.ttf') format('truetype'),
         url('font/pep_icon_font50-webfont.svg#pepmedia') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mdxIcon {
    font-family: "pepmdx";
    vertical-align: top;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
.b, b, strong{font-weight:bold;}
input[type=text].readonly{
	background-color:#e3e3e3;
}
a {
    text-decoration: none;
}

a,
a:visited {
   color: #1994d7;
}

a:hover,
a:focus {
   text-decoration: underline;
}
body {
    font-size: 75%;
    line-height: 1.5;
    background-color: #1d96d7;
    font-family:'InspireTWDC', 'Helvetica Neue', Helvetica,'Microsoft Yahei', 微软雅黑,'Hiragino Sans GB', 冬青黑体简体中文,STXihei, 华文细黑,sans-serif;
    margin: 0;
    background: url("../img/backer-1x686pixels.png") repeat-x scroll center 0 #1d96d7;
    color: #253b56;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent; /** For Some Android such as Samsung Galaxy S3 in Jelly Bean **/
}
body.zh-hk, body.zh-hk button{
	font-family: 'InspireTWDC', 'Helvetica Neue', Helvetica,'Microsoft Yahei', 微软雅黑,'Hiragino Sans GB', 冬青黑体简体中文,STXihei, 华文细黑,sans-serif;
}
body.zh-cn, body.zh-cn button{
	font-family: 'InspireTWDC', 'Helvetica Neue', Helvetica,'Microsoft Yahei', 微软雅黑,'Hiragino Sans GB', 冬青黑体简体中文,STXihei, 华文细黑,sans-serif;
}
body.ja, body.ja button{
	font-family: 'InspireTWDC', 'Helvetica Neue', Helvetica,Meiryo, メイリオ,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Hiragino, ヒラギノ,sans-serif;
}
ol{
	padding-left: 1.5em;
}
:focus {
    outline: none;
}

.fixfixed .container .bookingFlowWrapper {
    position: absolute;
}
.language a:hover,
.language a:focus {
    text-decoration: none;
}
.language a:hover .languageText,
.language a:focus .languageText {
    text-decoration: underline;
}

.highlighted {
    font-weight: 600;
    margin: 0 0 5px 0;
    font-size: 13px;
}
.container {
    width: 100%;
    min-width: auto;
    margin: 0 auto;
    display: block;
    background: url("../img/background-main-stars.png") repeat-x scroll center top transparent;
	padding: 0;
}

#backgroundGlowContainer {
    margin: auto;
    max-width: 940px;
    position: relative;
    width: 100%;
}

#backgroundGlow {
    background: radial-gradient(ellipse at center center , rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(71, 218, 255, 0) 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 800px;
    z-index: -1;
    position: absolute;
    width: 100%;
    top: -450px;
}

.pageContainer {
    margin: 0 auto;
    max-width: 940px;
    min-height: 300px;
    font-size: 13px;
    line-height: 18px;
}

.base {
    margin: 40px 0 0 0;
    padding: 0 10px;
    background-color: #fff;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    height: auto;
    /* min-height: 500px; */
    /*padding: 5px 6px 4px; */
    width: auto;
}

.horizontalSeparator {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    display: block;
    filter: none;
    height: 1px;
    position: relative;
    width: 50%;
}
.horizontalSeparator.fullWidth {
    width: 100%;
}

.verticalSeparator {
    background: -moz-linear-gradient(center top , rgba(217, 217, 217, 0) 0px, rgba(217, 217, 217, 1) 10%, rgba(217, 217, 217, 1) 90%, rgba(217, 217, 217, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /* Chrome,Safari4+ */
    background: -webkit-gradient(
       linear,
       left top, left bottom,
       color-stop(0%,rgba(217,217,217,0)),
       color-stop(10%, #D9D9D9),
       color-stop(90%, #D9D9D9),
       color-stop(100%,rgba(217,217,217,0)));

    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(
       top,
       rgba(217,217,217,0) 0%,
       rgba(217,217,217,1) 10%,
       rgba(217,217,217,1) 90%,
       rgba(217,217,217,0) 100%);

    /* Opera 11.10+ */
    background: -o-linear-gradient(
       top,
       rgba(217,217,217,0) 0%,
       rgba(217,217,217,1) 10%,
       rgba(217,217,217,1) 90%,
       rgba(217,217,217,0) 100%);

    /* IE10+ */
    background: -ms-linear-gradient(
       top,
       rgba(217,217,217,0) 0%,
       rgba(217,217,217,1) 10%,
       rgba(217,217,217,1) 90%,
       rgba(217,217,217,0) 100%);

     /* W3C */
    background: linear-gradient(
       top,
       rgba(217,217,217,0) 0%,
       rgba(217,217,217,1) 10%,
       rgba(217,217,217,1) 90%,
       rgba(217,217,217,0) 100%);
    border: 0 none;
    display: block;
    height: 100px;
    margin: 0 auto;
    width: 1px;
}
.verticalSeparator.fullHeight {
    height: 100%;
}

/* START: input text */
input, select {
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px 0 #777;
    color: #253b56;
    font-size: 13px;
    margin: 4px 0;
    min-height: 17px;
    padding: 6px;
    font-family: inherit;
    -webkit-appearance: none;
}
input.placeholder {
    color: #dfdfdf;
}
select {
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 30px 5px 5px;
    border: none;
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAABBElEQVQoU2NkoBAwTlq4ZRojI2MmOeb8Z/i/gLGhYRWbkBL3dkYGBieSDPn//8Lvt9+sgPoYGPrmrBJiZeM6ycDAqEKkIR8Zfv41zE31uw82AAQmzdugxcjCegzI5CdkyP9//33yEny2gtTBDQBxJs7f6sHE/H8LUJgZlyH//v/ryI/3rYTJoxgANmTh5iImRqZebAb8Z2DYd3jzV7fVq8P+4jQA7J1FW+YzMjAmoBjy///T/3+/GeYlhb1GFsdwAUgSHDOKXHuB0WsD4gOj6xcQO+fH+R5BdxlWAyCBukqUgZnrDNAQOaC/i4H+7sPmLZwGgBT3zd+gy8LEXJoX7xuHK1ABoWpSYpkXTH4AAAAASUVORK5CYII=") no-repeat right center;
    background-position: right 8px center;
    font-size: 12px;
}

.textInput input[type=text], .textInput input[type=email]{
	width:95%;
}
/* END: input text */

/* START: select box */
.ui-selectmenu-menu {
    background-color: #fff;
}
.ui-selectmenu-button span.ui-selectmenu-text {
    font-size: 13px;
}
.ui-selectmenu-button:focus,
.ui-selectmenu-button:hover,
input:focus,
select:focus {
    box-shadow: 0 0 4px 1px #1d96d7;
    outline: none;
}

.ui-selectmenu-button {
    margin-bottom: 4px;
}

.pepSelect {
    width: 80%;
    background: #f7faff;
    background: -webkit-gradient(linear,center top,center bottom,from(#fff),to(#ebf5fc));
    background: -moz-linear-gradient(top,#fff 0,#f5fafc 100%);
    background: linear-gradient(top,#fff,#f5fafc);
    -webkit-box-shadow: 0 1px 3px 0 #777;
    -moz-box-shadow: 0 1px 3px 0 #777;
    box-shadow: 0 1px 3px 0 #777;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.selectBox {
	float: left;
	font-family: inherit;
	margin: 4px 20px 0 0;
	position: relative;
}
select[name=family_type], .family_type{
	max-width:100%;
}

.ui-menu .ui-menu-item {
    width: 90%;
}

label {
    display: block;
}
.ui-menu {
    max-height: 241px;
    background-color: white;
}
.ui-selectmenu-menu .ui-menu{
	overflow: auto;
}
.ui-selectmenu-button.menuOpened {
    border-radius: 6px 6px 0 0;
}

.ui-menu .ui-menu-item {
    font-size: 13px;
}

.ui-menu-item:hover,
.ui-menu .ui-state-focus {
    background-color: #1994d7;
    color: #fff;
}
.ui-selectmenu-text {
    font-style: italic;
    color: #78899e;
}

.menuMask {
    height: 23px;
    position: absolute;
    width: 100%;
    top: -22px;
    background-color: #fff;
    cursor: pointer;
}

.ui-selectmenu-button span.ui-icon {
    right: 8px;
    top: 8px;
    z-index: 5;
    margin-top: 0;
}

.selectButtonIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAABBElEQVQoU2NkoBAwTlq4ZRojI2MmOeb8Z/i/gLGhYRWbkBL3dkYGBieSDPn//8Lvt9+sgPoYGPrmrBJiZeM6ycDAqEKkIR8Zfv41zE31uw82AAQmzdugxcjCegzI5CdkyP9//33yEny2gtTBDQBxJs7f6sHE/H8LUJgZlyH//v/ryI/3rYTJoxgANmTh5iImRqZebAb8Z2DYd3jzV7fVq8P+4jQA7J1FW+YzMjAmoBjy///T/3+/GeYlhb1GFsdwAUgSHDOKXHuB0WsD4gOj6xcQO+fH+R5BdxlWAyCBukqUgZnrDNAQOaC/i4H+7sPmLZwGgBT3zd+gy8LEXJoX7xuHK1ABoWpSYpkXTH4AAAAASUVORK5CYII=");
    background-position: 0 0;
    height: 11px;
    width: 16px;
}

/* END: select box */

/* START: button */
button, a.linkButton {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    cursor: pointer;
    padding: 0;
    height: 31px;
}

a.linkButton {
    top: -3px;
    position: relative;
}

.button {
    transition: background 0.2s linear 0s;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 28px;
    padding: 0 5px;
    position: relative;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35);
    line-height: 26px;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

.button:active {
     transition: background 0.1s linear 0s;
}

.button.primary {
    color: #fff;
    background-color: #61941b;
}

a.linkButton:focus .button.primary,
a.linkButton:hover .button.primary,
button:focus .button.primary,
button:hover .button.primary {
    color: #fff;
    background-color: #8abf3f;
}

a.linkButton[disabled]:hover .button,
button[disabled]:hover .button,
.button.inactive {
    background-color: #becfe3;
    color: #768aa0;
}

.button.cancel {
    background-color: #becfe3;
    text-shadow: 0 0 1px #becfe3;
    color: #253b56;
}

a.linkButton:focus .button.cancel,
a.linkButton:hover .button.cancel,
button:focus .button.cancel,
button:hover .button.cancel {
    background-color: #e3ecf7;
    outline: none;
}

button:focus, a.linkButton:focus {
     outline: none;
}

.button > span {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.56) 0px, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    -moz-user-select: none;
    display: block;
    height: 17px;
    min-width: 60px;
    padding: 0 16px;
    position: relative;
    top: 1px;
    white-space: nowrap;
    width: auto;
    border-radius: 20px;
}

/* END: button*/

/* START: radio button*/
.richRadio {
    height: auto;
    clear: both;
    cursor: pointer;
}
.richRadio .radioLabel {
    display: inline-block;
    cursor: pointer;
    line-height: 28px;
}
.richRadio .radioLabel.twoLineRadioLabel {
    width: 230px;
}
.uiGlobalSprite {
    background-image: url("../img/sprite-components.png");
    background-repeat: no-repeat;
}
.radioBubble {
    background-position: 0 -1067px;
    height: 35px;
    width: 35px;
    display: inline-block;
}
.checked .radioBubble {
    background-position: 0 -1104px;
}
.radioBubble:hover,
.richRadio:focus .radioBubble{
    background-position: 0 -1141px;
}
.checked .radioBubble:hover,
.checked.richRadio:focus .radioBubble {
    background-position: 0 -1178px;
}
input[type="radio"] {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
}

/* END: radio button*/

/* START: checkbox*/
input[type="checkbox"] {
    -moz-appearance: none;
    display: none;
    height: 1px;
    padding: 0;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 1px;
    visibility: visble;
    margin: 0;
}

.checkBoxLabel {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: auto;
    text-indent: 0;
	float: none;
	margin-bottom: 0 !important;
}

input[type="checkbox"]:checked + .checkBoxLabel .icon:before {
    background: linear-gradient(to bottom, #93bc5a 0%, #6fa623 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid #62921f;
    filter: none;
}

.checkBoxLabel .icon {
    text-indent: -1px;
	margin: 0;
	width: 25px;
}
.checkBoxLabel .icon:before {
    background: linear-gradient(to bottom, #ffffff 0%, #ececec 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "\e241";
    border: 1px solid #abb0ba;
    box-shadow: 0 1px 2px 0 #999;
    border-radius: 5px;
    height: 14px;
    line-height: 15px;
    width: 14px;
    font-family: "pepmdx";
    color: transparent;
    cursor: pointer;
    margin: 0 3px;
    display: inline-block;
    font-size: 12px;
}

.richCheckBox:focus .icon:before {
    box-shadow: 0 1px 5px 0 #1d96d7;
}
/* END: checkbox*/

/* START: modal overlay*/
body .ui-widget-overlay {
    opacity: 1;
    background: none repeat scroll 0 0 transparent;
}
.ui-widget-overlay {
    left: 0;
    position: absolute;
    top: 0;
}
.modalGradientBg {
    background: linear-gradient(to bottom, rgba(29, 150, 215, 0.75) 0px, rgba(29, 150, 215, 0.67) 14%, rgba(173, 235, 255, 0.45) 50%, rgba(29, 150, 215, 0.67) 86%, rgba(29, 150, 215, 0.75) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
    position: fixed;
}

.modalOverlay {
    display: none;
}

.modalContent {
    margin-bottom: 50px;
}
.modalContent li {
    font-weight: 200;
}

.modalContent p {
    margin-bottom: 15px;
}

.modalContent div {
    text-align: center;
}
.modalContent .modalTitle {
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 5px;
}

.ui-dialog {
    z-index: 15000 !important;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    overflow: visible;
}

.ui-dialog-titlebar {
    border: none;
    color: #253b56;
    padding: 20px;
    font-size: 19px;
    line-height: 24px;
    font-weight: 100;
}

.ui-dialog-titlebar button {
    display: none;
}

.ui-dialog-content {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.ui-dialog-content p {
    font-size: 12px;
    line-height: 15px;
    font-weight: 200;
}

.ui-dialog-content p.title {
    font-weight: 600;
}

.closeButtonContainer {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 20px 0 10px 0;
    height: 80px;
    width: 100%;
    text-align: center;
    background-color: #fff;
}

.closeButtonContainer .modalCloseButton {
    margin: 15px auto;
}

.clock {
    background-image: url("../img/clock.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    height: 300px;
    width: 200px;
    margin: 10px auto 0;
}

.loading {
    background-image: url("../img/loading.gif");
    background-position: center;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    margin: 0 auto 10px;
}

/* END: modal overlay*/

/* START: form validation */
.error label,
.errorMessage {
    color: #ff4605;
}
.errorMessage {
    clear: both;
    font-size: 12px;
}

.termsAndConditions .errorMessage {
    margin: 0 0 0 25px;
}
.error input, .error .ui-selectmenu-button,
.error .ui-selectmenu-menu {
    box-shadow: 0 1px 3px 0 #ff4605;
}
/* END: form validation */

/* START: toggle block */

.checkBoxLabel .icon:before {
    background: linear-gradient(to bottom, #ffffff 0%, #ececec 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "\e241";
    border: 1px solid #abb0ba;
    box-shadow: 0 1px 2px 0 #999;
    border-radius: 5px;
    height: 14px;
    line-height: 15px;
    width: 14px;
    font-family: "pepmdx";
    color: transparent;
    cursor: pointer;
    margin: 0 3px;
    display: inline-block;
    font-size: 12px;
}

.toggleBlock {
    float: left;
    clear: left;
    width: 100%;
    padding: 20px 0 0;
}

.toggleContent > p {
    margin: 5px 0 10px 0;
    font-weight: 200;
    line-height: 20px;
    font-size: 12px;
}

.toggleBlock .toggleTitle {
    cursor: pointer;
    vertical-align: middle;
    margin: 0 0 10px 0;
}

.toggleBlock .toggleOpen:before {
    font-family: 'pepmdx';
    content: '\e316';
    font-size: 19px;
    margin-right: 15px;
    display: inline-block;
}

.toggleBlock .toggleClose:before {
    font-family: 'pepmdx';
    content: '\e30e';
    font-size: 19px;
    margin-right: 15px;
    display: inline-block;
}

.toggleBlock .toggleVal {
    display: inline-block;
    font-size: 15px;
}

.toggleBlock .hidden {
    display: none;
}

/* END: toggle block */

/*----------------------------start Cityline theme_park_tickets.html --------------*/

.container .pageContainer {
    padding: 0 0 10px;
}

.inline {
    display: inline-block;
}

.desktop {
    display: none;
}

.horizonLine {
    border-bottom: 1px solid #dfdfdf;
}

.ticketPage #ticketType.horizonLine,
.maPage #ticketType.horizonLine,
.ticketForm.horizonLine,
#calendarModule.horizonLine,
.ticketBuilderColumn {
    border: 0 none;
}

.bookingFlowTitleContainer {
    padding: 20px 0px;
	margin-bottom:20px;
}

.bookingFlowTitleContainer h1, h2.whatsNextTitle {
    color: #253b56;
    font-size: 21px;
    line-height: 25px;
    font-weight: 100;
    margin-bottom: 8px;
}

.container .pageContainer .titleDesc {
    font-size: 13px;
    line-height: 20px;
    font-weight: 200;
}

.container .pageContainer .titleDesc span {
    font-weight: 600;
}   

.container .pageContainer .guestDesc {
    width:95%;
}

.container .pageContainer .leftSection .bookingStepSection {
    padding: 30px 0px;
}

.subflowInstructions h2 {
    font-size: 18px;
    font-weight: 400;
    margin: 12px 0;
}

.subflowInstructions h2.two-rows {
    margin-top:0;
}

.subflowInstructions p {
    float: left;
    clear: left;
}

legend {
    left: 0;
    text-align: center;
    color: #78899e;
    font-size: 36px;
    font-weight: lighter;
    line-height: 1;
    display: block;
    float: left;
    position: relative;
    clear: left;
    padding-right: 15px;
}

.container .bookingFlowWrapper {
    background-color: #E6EEF7;
    position: fixed;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #dfdfdf;
    padding-bottom: 15px;
    z-index: 100;
}

.container .bookingFlowWrapper .bookingFlow {
    padding: 10px 5px 0px 5px;
    margin: -20px auto auto;
    vertical-align: middle;
}

.container .bookingFlowWrapper .bookingFlow .resetButtonWrapper {
    float: left;
}

.container .bookingFlowWrapper .bookingFlow .backButtonWrapper {
    float: right;
}

.container .bookingFlowWrapper .bookingFlow .submitButtonWrapper {
    float: right;
}

.container .bookingFlowWrapper .bookingFlow .bookingFlowSteps {
    text-align: center;
    margin-bottom: 7px;
}

.container .bookingFlowWrapper .bookingFlow .flowStepTitles {
    color: #768aa0;
}

.container .bookingFlowWrapper .bookingFlow .middleLine{
    width: 80px;
    margin: 0 -3px 8px -3px;
    size: 1px;
    align: center;
    border-color: white;
}

.container .bookingFlowWrapper .bookingFlow .numberCircle {
    border-radius: 50%;
    behavior: url(/css/PIE.htc); /* remove if you don't care about IE8 */
    width: 10px;
    height: 10px;
    padding: 0px 3px 6px 3px;
    color: #768aa0;
    text-align: top;
    font-size: 11px;
    background-color: white;
    margin-right: 10px;
}

.container .bookingFlowWrapper .bookingFlow .finishedFlow {
    background-color: #768AA0;
    color: white;
}

.bookingStepSection .ticketWarning .warningContentDesktop {
    display: none;
}

#ticketNumberError {
    color:#ff4605;
    clear:both;
    display:none;
    padding-top:20px;
}

.ticketSeparator {
    width: 100%;
}

.twoDayTicketIcon {
    width: 19px;
    height: 19px;
    vertical-align: top;
}

.importantDetailsModal .modalContent div {
    text-align: left;
}

.modalContent .mdxIcon {
    width: 8%;
    display: inline-block;
    vertical-align: top;
}

.modalContent .warningInfo {
    display: inline-block;
    width: 89%;
}

.modalContent .warningInfo .warningHead {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.termsAndConditions #checkbox-agree {
    width: 20px;
}

.parkTicketTypeContainer {
    margin: 15px 0 20px 0
}

/*----------------------------end Cityline theme_park_tickets.html --------------*/

/*----------------------------start of tours.html--------------------------------*/

.bookingStepSection .selectedDate {
    float: left;
    clear: left;
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
}

.richRadio .priceByTime {
    display: inline-block;
    width: 100px;
    margin-left: 70px;
}

#tourTicketErrorMsg {
    color:#ff4605;
    clear:both;
    padding-top:20px;
}

.richRadio.selectToursTime {
    display: block;
    margin: 0 0 10px 0;
}
/*----------------------------end of tours.html----------------------------------*/

/*----------------------------start of magic access review page -----------------*/

.container .pageContainer label {
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}

.termsAndConditions label {
    margin-bottom: 0;
    float: left;
}

.termsAndConditions {
    float: left;
}

.termsAndConditions.maTerms {
   /* margin: -10px 0 0 0;*/
	width:100%;
	margin-top:23px;
}

.termsAndConditions .termsLabel {
    color: #78899e;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    font-weight: 200;
    text-indent: 0;
    margin: 0;
    width: 88%;
}

.container .pageContainer .leftSection .bookingStepSection .termsAndConditions label {
    margin-bottom: 0;
}

.container .pageContainer .memberInfoDesc {
    width: 95%;
}


/*----------------------------end of magic access review page -------------------*/

/* ---------------------------start fo tours review page ------------------------*/

.container .pageContainer .reviewBase .verticalSpace {
    line-height: 10px;
    font-size: 10px;
}

/*-----------------------------end of tours review page -------------------------*/

/*-----------------------------start of theme park ticket review page -----------*/

.container .pageContainer .reviewBase .selectedTicketType .reviewTicketType {
    font-size: 12px;
    line-height: 20px;
    font-weight: 200;
}

/*------------------------------end of theme park ticket review page ------------*/
/*----------------------------start of confirmation pages -----------------------------*/
.confirmation .widgetInnerWrapper {
    display: none;
}
.confirmationThemeParkTicket {
    padding: 20px 0 0 0;
}
.confirmationThemeParkTicket .horizontalSeparator {
    width: 100%;
    background: #dfdfdf;
}
.confirmationThemeParkTicket, .confirmThemeParkTicketInstructions, .confirmThemeParkTicketInstructions {
    font-size: 12px;
}
.confirmationDetailsWrapper {
    font-size: 13px;
}
.confirmationThemeParkTicket .ticketOrderDetailsLeft .confirmationNumberWrapper .confirmationNumberTitle,
.confirmationThemeParkTicket .ticketOrderDetailsLeft .confirmationTotalPaymentWrapper .confirmationTotalPaymentTitle {
    color: #78899e;
}
.confirmationThemeParkTicket .ticketOrderDetailsLeft .confirmationNumberWrapper .confirmationNumberValue,
.confirmationThemeParkTicket .ticketOrderDetailsLeft .confirmationTotalPaymentWrapper .confirmationTotalPaymentValue {
    padding: 0 0 0 5px;
    font-weight: 600;
}
.confirmationUpperBarcodeContainer, .confirmationBottomBarcodeContainer, .confirmationSingleBarcodeContainer{
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #dfdfdf;
}
.confirmationBottomBarcodeContainer {
    padding: 30px 0 30px;
}
.confirmationBottomBarcodeContainer > span {
    display: block;
}
.confirmationBottomBarcodeContainer img, .confirmationSingleBarcodeContainer img {
    width: 287px;
    height: 91px;
}
.confirmationUpperBarcodeContainer img {
    width: 87px;
    height: 87px;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight {
    padding: 20px 5px 0;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .ticketOrderConfirmIcon {
    font-size: 25px;
    line-height: 25px;
    float: left;
}
.mapIcon {
    font-size: 16px;
    line-height: 16px;
    margin: 0 5px 0 0;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .ticketOrderItemsWrapper {
    overflow: auto;
    padding: 0 5px 15px;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .ticketOrderItemsWrapper .tourMeta {
    padding: 10px 0;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .ticketOrderItemsWrapper .ticketOrderItemsTitle {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 5px 0;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .ticketOrderItemsWrapper .tickerOrderItemsRemark {
    padding: 15px 0 0 0;
    color: #78899e;
    line-height: 20px;
    font-size: 13px;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .ticketOrderItemsWrapper .tickerOrderItemsRemark .importantDetailsTitle {
    font-style: italic;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .tickerOrderItems {
    font-size: 13px;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .tickerOrderItems .ticketOrderItem {
    line-height: 25px;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .tickerOrderItems .ticketOrderItem .ticketOrderitemPrice {
    color: #78899e;
}
.confirmationThemeParkTicket .ticketOrderDetailsRight .tickerOrderItems {
    list-style: none outside none;
}
.confirmThemeParkTicketInstructions .confirmThemeParkTicketInstruction {
    padding: 20px 0;
}
.confirmThemeParkTicketInstructions .confirmThemeParkTicketInstruction .subflowInstructionsTitle {
    font-size: 21px;
    line-height: 25px;
    font-weight: 200;
    margin: 0;
    padding: 0 0 10px;
}
.confirmThemeParkTicketInstructions .confirmThemeParkTicketInstruction .subflowInstructionsList {
    margin: 0 12px;
}
.confirmThemeParkTicketInstructions .parkMap {
    max-width: 640px;
    height: 257px;
    width: 285px;
    margin: 5px auto 25px auto;
    background-image: url('../img/park-map-640_v1.png');
}

.confirmThemeParkTicketInstructions .promoTile {
    margin: 5px auto 5px auto;
}

.responsiveImage img.desktopImage {
    display: none;
}

.responsiveImage img.mobileImage {
    display: block;
}

.promoSeparator {
    width: 100%;
}

.confirmation .pageContainer {
    padding: 10px;
}
.guestInfoSeparator.horizontalSeparator {
    display: none;
}
h2.whatsNextTitle {
    margin: 20px 0 5px 0; 
}
a.linkOverlay {
    color: #253b56;
    padding: 20px 0;
    display: block;
}
a.linkOverlay:focus, a.linkOverlay:hover {
    color: #1994d7;
    text-decoration: none;
    cursor: pointer;
}
.whatsNextIcon {
    font-size: 35px;
    display: inline-block;
    width: 50px;
    position: absolute;
    margin: 10px 0 0 0;
}
.whatsNextText {
    margin: 0 0 5px 0;
}
.whatsNextItemTitle {
    display: inline-block;
    margin: 0 0 0 50px;
    vertical-align: top;    
}
.whatsNextItemTitle p {
    font-size: 15px;
    line-height: 20px;
}
.nextIcon.mdxIcon {
    display: none;
}
/*----------------------------end of confirmation pages -------------------------------*/
/*----------------------------start of b2b product list page -------------------------------*/
.base.productListPage {
    padding: 0;
}
.productListPage .bookingFlowTitleContainer {
    padding: 20px 10px;
}
.productListPage .productListPageInnerWrapper .productLink {
    padding: 0 10px;
}
.productListPage .productTitleIcon {
    display: none;
}
.productListPage .bookingFlowTitleContainer h1 {
    margin: 8px 0 0 0;
}
.productListPage .productListWrapper {
    list-style: none outside none;
}
.productListPage .productListWrapper .productName {
    color: #253b56;
}
.productListPage .productListWrapper .productDetailCTA {
    color: #dfdfdf;
    float: right;
    font-size: 16px;
}
.productListPage .productListWrapper .productItem a {
    line-height: 75px;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    display: block;
}
.productListPage .productListWrapper .productItem:hover a,
.productListPage .productListWrapper .productItem:hover .productName,
.productListPage .productListWrapper .productItem:hover .productDetailCTA {
    color: #0470ab;
}
.productListPage .productListWrapper .productItem.horizonLine.last {
    border-bottom: none;
}
.signOutLink {
    float: right;
    font-size: 10px;
    margin: -25px 140px 0 0;
    display: none;
}
/*----------------------------end of b2b product list page ---------------------------------*/
/*----------------------------start of b2b login page --------------------------------------*/
.b2bLoginPage .globalNavagationBar {
	float: right;
    margin: -30px 15px;
	font-size: 14px;
}
.b2bLoginPage .siteLogo {
    text-indent: -999em;
    display: block;
    text-decoration: none;
    width: 226px;
    height: 90px;
    background-repeat: no-repeat;
    margin: 35px auto 10px;
}
.b2bLoginPage .bookingFlowTitleContainer h1 {
    font-size: 25px;
    line-height: 40px;
}
.b2bLoginPage .base {
    padding: 0 15px 20px;
    margin: 10px 0;
    min-height: 0;
}
.b2bLoginPage .loginContainer .fieldsWrapper label {
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
}
.b2bLoginPage .loginContainer .fieldsWrapper input.inputElement {
    height: 25px;
    width: 94%;
    font-size: 18px;
    color: #253b56;
    padding: 5px 6px 4px 15px;
}
.b2bLoginPage .loginContainer .buttonsWrapper {
    padding: 40px 0px 20px 0px;
}
.b2bLoginPage .loginContainer .buttonsWrapper .button {
    font-size: 16px;
    height: 40px;
    width: 115px;
    line-height: 40px;
    border-radius: 25px;
}
.b2bLoginPage .loginContainer .buttonsWrapper button.submitButton {
    float: right;
}
.b2bLoginPage .loginContainer .buttonsWrapper .button.cancel {
    color: #65778a;
}
button.disabled, button.disabled:hover, button[disabled], button[disabled]:hover{
	color: graytext;
	cursor:default;
}
button.disabled .button, button.disabled:hover .button, button[disabled] .button, button[disabled]:hover .button{
	background-color: #D2DEEC;
    color: #CCCCCC;
	box-shadow:none;
	text-shadow:none;
}
/*----------------------------end of b2b login page --------------------------------------*/

/*----------------------------start of session timeout page --------------------------------------*/
.sth-wrong-wrap {
    text-align:center;
    padding:30px 5px;
}
.sth-wrong-wrap .img img{
    height:250px;
}
.sth-wrong-wrap .content h1{
    font-size:23px;
    line-height:36px;
    padding:15px 0 10px 0;
}
.sth-wrong-wrap .content p{
    line-height:20px;
}
.sth-wrong-wrap .action {
    margin:20px 0 10px 0;
}
/*----------------------------end of session timeout page --------------------------------------*/
@media only screen and (min-width: 600px), print {
    .termsAndConditions .termsLabel {
        cursor: normal;
        float: none;
    }
}
@media only screen and (max-width: 767px), print {
	.container .pageContainer {
		padding: 0 10px 0;
	}
	.selectBox{
		width: 99%;
	}
	.selectBox select{
		width: 100%;
	}
	input[type=tel]{
		width: 95%;
	}
	.mobile{
		width: 100%;
	}
}
@media only screen and (min-width: 768px), print {
	
	.textInput input[type=text], .textInput input[type=email]{
		width:695px;
	}
    .highlighted {
        font-size: 15px;
    }
    .pageContainer {
        width: 940px;
        padding-left: 0;
        padding-bottom: 0px;
    }

    .ui-menu .ui-menu-item {
        width: 100%;
    }

    .base {
        border-radius: 12px;
        padding: 0px 20px 0 20px;
    }

    .ticketPage #ticketType.horizonLine,
    .maPage #ticketType.horizonLine,
    .ticketForm.horizonLine,
    #calendarModule.horizonLine,
    .ticketBuilderColumn {
        border-bottom: 1px solid #dfdfdf;
    }

    #contactInfo.horizonLine {
        border: 0 none;
    }

    .availabilityIndicator {
        min-width: 80px;
    }

    .radioLabel:before {
        height: 28px;
        width: 28px;
        border-radius: 15px;
        vertical-align: -10px;
    }

    .ui-dialog {
        width: 550px !important;
        position: fixed;
        top: 129px;
        left: 50%;
        border-radius: 17px;
		margin-left: -275px;
    }

    .ui-dialog-content {
		margin-top:41px;
        overflow: hidden;
        height: 100% !important;
    }

    .closeButtonContainer {
        position: relative;
        padding: 10px 0;
        text-align: right;
        background-color: transparent;
        height: 50px;
    }

    .modalContent {
        max-height: 250px;
        overflow: auto;
        margin-bottom: 0;
		padding: 0 20px 20px;
    }

    .modalContent li {
        margin-left: 12px;
        font-weight: 200;
    }

    .closeButtonContainer .modalCloseButton {
        margin: 15px 20px;
    }

    .clock {
        background-image: url("../img/clock.jpg");
        background-size: 100%;
        background-repeat: no-repeat;
        width: 200px;
        height: 300px;
        margin: 20px 0 0 20px;
        float: left;
    }

    .loading {
        background-image: url("../img/loading.gif");
        background-size: 50px 50px;
        background-repeat: no-repeat;
        height: 50px;
        width: 50px;
        margin: 50px auto 20px;
    }


    .pepSelect {
        width: auto;
    }

    /*----------------------------start of Cityline theme_park_tickets.html --------------*/

    .container .pageContainer .bookingFlowTitleContainer .themeParkTicketsIcon {
        font-size: 41px;
        line-height: 35px;
        display: inline-block !important;
        vertical-align: top;
        width: 60px;
    }

    .container .pageContainer .bookingFlowTitleContainer h1, h2.whatsNextTitle {
        font-weight: 100;
        font-size: 29px;
        margin-bottom: 10px;
        line-height: 40px;
    }

    .container .pageContainer .bookingFlowTitleContainer p {
        line-height: 24px;
        font-size: 16px;
        font-weight: 200;
    }

    .container .pageContainer .bookingFlowTitleContainer .bookingFlowTitle {
        display: inline-block;
    }

    .container .pageContainer .bookingFlowTitleContainer, .container .pageContainer .bookingStepSection{
       /* padding: 40px 0;*/
    }

    .container .pageContainer legend, .container .pageContainer .titleNum {
        font-size: 60px;
        text-align: left;
    }

    .subflowInstructionsWrapper h2 {
        font-weight: 600;
        float: none;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .subflowInstructions h2 {
        width: 520px;
        margin: 12px 0;
    }

    .subflowInstructions h2.two-rows {
        margin: 12px 0;
    }

    .subflowInstructionsWrapper p {
        float: none;
        clear: none;
     }

     .container .pageContainer .titleDesc {
        font-size: 15px; 
        line-height: 20px;
        font-weight: 200;
    }
    .container .pageContainer .whatsNextItemTitle p {
        width: 700px;
    }

     .subflowInstructionsWrapper {
        margin-top: -5px;
        padding-left: 60px;
     }

     .container .pageContainer .mainContent .leftSection .bookingStepSection {
        vertical-align: top;
    }


     .container .pageContainer .bookingStepSection .ageGroup .inlineItem {
        display: inline-block;
        clear: none;
     }

     .container .pageContainer .bookingStepSection .ageGroup {
        margin-left: 60px;
     }

     .ageGroupPart .ageDetails {
        padding-left: 15px;
        /* margin: 4px 0; */
    }

    .ageGroupPart .ageDetails .ageName, .container .pageContainer .onlyAgeScope, .ageDetails .ageScope, .ageGroupPart .ageDetails .onlyAgeName{
        line-height: 16px;
        font-weight: 200;
    }

    .ageScope .nextLine {
        margin: 0;
    }
    .ageGroupPart .ageDetails .onlyAgeName {
        margin-top: 5px;
    }

    .container .pageContainer .onlyAgeScope {
        padding-top: 14px;
    }


    .container .bookingFlowWrapper {
        text-align: center;
    }

    .container .bookingFlowWrapper:after {
        content: "";
    }

    .container .bookingFlowWrapper .bookingFlow {
        width: 930px;
        margin: -25px auto auto;
    }

    .inline {
        width: 97px;
    }
    .inline.submitButtonWrapper,
    .inline.backButtonWrapper {
        width: auto;
    }
    .container .bookingFlowWrapper .bookingFlow .backButtonWrapper {
        margin-right: 10px;
    }
    .container .bookingFlowWrapper .bookingFlow .bookingFlowSteps {
        margin-bottom: -30px;
    }

    .container .bookingFlowWrapper .bookingFlow .numberCircle {
        margin-right: 0;
    }

    .container .bookingFlowWrapper .bookingFlow .flowStepTitles {
        display: block;
        font-size: 13px;
        line-height: 30px;
    }


    /*----------------------------end of Cityline theme_park_tickets.html --------------*/

    /*----------------------------start of magic access---------------------------------*/

    .container .pageContainer .magicAccessStepSectionTitle {
        width: 100%;
        margin: 10px 0;
    }

    .container .pageContainer #ticketType .magicAccessStepSectionTitle {
        margin: 10px 0;
    }


    /*----------------------------end of magic access-----------------------------------*/

    /*----------------------------start of confirmation pages--------------*/
    .confirmation .widgetInnerWrapper  {
        float: right;
        display: inline-block;
    }
    .confirmation .widgetInnerWrapper .printWidget,
    .confirmation .widgetInnerWrapper .saveWidget {
        float: left;
        margin: 10px 20px;
    }
    .confirmation .widgetInnerWrapper .printWidget:hover,
    .confirmation .widgetInnerWrapper .saveWidget:hover {
        color: #1994d7;
        cursor: pointer;
    }
    .container .pageContainer .confirmationPage .bookingFlowTitleContainer {
        padding: 40px 0 25px;
    }
    .confirmationThemeParkTicket .horizontalSeparator {
        width: 100%;
        margin-top: 20px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(223, 223, 223, 1) 5%, rgba(223, 223, 223, 1) 95%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .confirmationThemeParkTicket .ticketOrderDetailsRight .ticketOrderItemsWrapper .ticketOrderItemsTitle {
        font-size: 17px;
        line-height: 24px;
    }
    .confirmationThemeParkTicket .ticketOrderDetailsLeft {
        float: right;
    }
    .confirmationThemeParkTicket .ticketOrderDetailsRight {
        max-width: 520px;
        padding: 0 5px;
    }
    .confirmationThemeParkTicket .ticketOrderDetailsRight .ticketOrderItemsWrapper {
        padding: 0 20px 20px;
    }
    .confirmationThemeParkTicket .confirmationTotalPaymentWrapper {
        float: right;
    }
    .confirmationUpperBarcodeContainer, .confirmationSingleBarcodeContainer  {
        padding: 0;
        border-bottom: 0;
        display: inline-block;
    }
    .confirmationUpperBarcodeContainer img {
        width: 72px;
        height: 72px;
    }
    .confirmationBottomBarcodeContainer img, .confirmationSingleBarcodeContainer img {
        width: 205px;
        height: 65px;
    }
    .confirmationSingleBarcodeContainer {
        margin: 0 0 0 10px;
        position: relative;
    }
    .confirmationDetailsWrapper {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 0 0;
    }
    .confirmationDetailsSingleBarcodeWrapper {
        display: inline-block;
        vertical-align: top;
        margin: 70px 10px 0 0;
        float: right;
        position: absolute;
    }
    .confirmThemeParkTicketInstructions .confirmThemeParkTicketInstruction {
        padding: 25px 0;
    }
    .confirmThemeParkTicketInstructions .confirmThemeParkTicketInstruction .subflowInstructionsTitle {
        font-size: 17px;
        font-weight: bold;
        line-height: 24px;
    }
    .confirmThemeParkTicketInstructions .confirmThemeParkTicketInstructionInnerWrapper {
        max-width: 650px;
    }
    .confirmThemeParkTicketInstructions .parkMap {
        max-width: 859px;
        height: 232px;
        width: 100%;
        margin: 5px auto 25px auto;
        background-image: url('../img/park-map-840_v2.png');
    }
    .confirmThemeParkTicketInstructions .promoTile {
        margin: 5px auto 25px auto;
    }
    .promoTile .promoOffer {
        display: block;
        float: left;
        margin: 0 15px 0 0;
    }
    .promoTile .promoOffer:last-child {
        margin: 0 15px 0 12px;
    }
    .promoSeparator {
        display: none;
    }
    .responsiveImage img.desktopImage {
        display: block;
    }

    .responsiveImage img.mobileImage {
        display: none;
    }
    .base.confirmationPage {
        padding: 0 40px;
    }
    .confirmThemeParkTicketInstructions .confirmThemeParkTicketInstruction.contactUsSection .subflowInstructionsTitle {
        font-weight: bold;
        font-size: 12px;
        color: #78899e;
    }
    .confirmThemeParkTicketInstructions .confirmThemeParkTicketInstruction.contactUsSection .titleDesc {
        font-weight: normal;
        color: #78899e;
        font-size: 12px;
    }
    .guestInfoSeparator.horizontalSeparator {
        display: block;
    }
    h2.whatsNextTitle {
        margin: 25px 0 20px 0;
    }
    a.linkOverlay {
        padding: 35px 0 35px 20px;
    }
    .whatsNextIcon {
        font-size: 45px;
        margin: 20px 0 0 0;
    }
    .whatsNextText {
        margin: 0;
    }
    .whatsNextItemTitle {
        margin: 0 0 0 70px;   
    }
    .whatsNextItemTitle p {
        font-size: 25px;
        line-height: 40px;
    }
    .nextIcon.mdxIcon {
        display: inline-block;
        float: right;
        font-size: 25px;
        margin: 25px 0 0;
        color: #dfdfdf;
    }
    a.linkOverlay:focus .nextIcon.mdxIcon, a.linkOverlay:hover .nextIcon.mdxIcon  {
        color: #1994d7;
    }

    /*----------------------------end of confirmation pages----------------*/
    /*----------------------------start of b2b product list page -------------------------------*/
    .signOutLink {
        display: inline-block;
    }
    /*----------------------------end of b2b product list page ---------------------------------*/
    /*----------------------------start of b2b login page ---------------------------------*/
    .b2bLoginPage .globalNavagationBar {
        display: block;
		margin: -30px 30px;
		font-size: 12px;
    }
    .b2bLoginPage .base {
        width: 940px;
        margin: 0 auto;
        padding: 0 120px 45px;
    }
    .b2bLoginPage .loginContainer .fieldsWrapper label {
        font-size: 15px;
        font-weight: 500;
        line-height: 25px;
    }
    .b2bLoginPage.container .pageContainer .bookingFlowTitleContainer {
        /*padding: 25px 0 10px 0;*/
    }
    .b2bLoginPage .loginContainer .fieldsWrapper input.inputElement {
        width: 220px;
        height: 20px;
        font-size: 15px;
    }
    .b2bLoginPage .loginContainer .textInput {
        width: 50%;
        float: left;
    }
    .b2bLoginPage .loginContainer .buttonsWrapper{
        clear: both;
        padding: 0 0 20px 0;
        display: block;
        clear: both;
        width: 100%;
        height: 30px;
    }
    .b2bLoginPage .loginContainer .buttonsInnerWrapper {
        float: right;
        width: 224px;
        padding: 20px 11px 0 0;
    }
    .b2bLoginPage .loginContainer .buttonsWrapper .button {
        height: 28px;
        width: 95px;
        line-height: 28px;
        font-size: 12px;
    }
    /*----------------------------end of b2b login page ---------------------------------*/
    .termsAndConditions {
        padding-left: 31px;
    }

    .termsAndConditions.maTerms {
        /*margin: 0;*/
        padding: 0 ;
        border-bottom: 0 none;
    }

    .toggleBlock {
        float: left;
        clear: none;
        width: 100%;
    }

    .toggleContent > p {
        font-size: 13px;
        width: 570px;
    }

    .toggleBlock .toggleContent .mobile {
        clear: left;
    }

    .title .ui-selectmenu-button {
        min-width: 80px;
    }

    .container .pageContainer .leftSection .bookingStepSection .inputElement,
    .container .pageContainer .leftSection .bookingStepSection input.inputElement {
        width: 220px;
    }

    .container .pageContainer .leftSection .bookingStepSection .ticketDate.selectBox {
        width: inherit;
    }

    .termsAndConditions .termsLabel {
        cursor: normal;
        width: 95%;
        float: none;
    }

    .container .pageContainer .ticketForm {
    }

    .container .pageContainer .leftSection .bookingStepSection .birthday .selectBox {
        width: 100px;
    }
    /*----------------------------end of magic access review page ---------------*/
}



.browserUpgradeMessageContainer {
    background-color: #fff;
    border-bottom: 1px solid #dfdfdf;
    padding: 15px 0;
}

.browserUpgradeMessageContainer .browserUpgradeMessageBox {
    margin: 0 auto;
    text-align: left;
    width: 940px;
	font-size: 1.15em;
}

.browserUpgradeMessageContainer .browserUpgradeMessageBox .closeUpgrade {
    float: right;
}
.browserUpgradeMessageContainer .browserUpgradeMessageBox .closeUpgrade a .icon {
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: -2px;
}
.iconAction.close {
    background-position: 0 -1640px;
    height: 20px;
    width: 20px;
}
#closeUpgradeMessage:hover .iconAction.close{
    background-position: 0 -1662px;
}
.iconAction {
    position: relative;
}

.browserUpgradeMessageContainer .browserUpgradeMessageBox .browserUpgradeMessageContainerLeftColumn {
    float: left;
    vertical-align: top;
}
.browserUpgradeMessageContainer .browserUpgradeMessageBox .browserUpgradeMessageIcon {
    margin: 2px 0 0 12px;
}
.mdxFont {
    display: inline-block;
    font-family: pepmdx;
    text-rendering: geometricprecision;
}
.mdxAlertIcon {
    color: #ff4605;
    font-size: 20px;
    line-height: 18px;
    margin-right: 3px;
    padding-top: 10px;
    vertical-align: top;
}

.pepGlobalHeader .accessibleAltText {
    font-size: 0;
    height: 0;
    left: -5000px;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.accessibleAltText, .accessibleText {
    display: inline-block !important;
    font-size: 0;
    height: 1px;
    left: -5000px;
    overflow: hidden;
    position: absolute;
    visibility: visible !important;
    width: 1px;
}

.browserUpgradeMessageContainer .browserUpgradeMessageBox .browserUpgradeMessageContainerRightColumn {
    padding-left: 40px;
    padding-right: 60px;
    vertical-align: top;
}

#browserUpgradeMessageMessageHeader {
    color: #ff4605;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.0195em;
}

#browserUpgradeMessageMessageCopy {
    font-size: 1.1em;
    letter-spacing: 0.0015em;
    line-height: 1.3em;
    padding-top: 6px;
}

.browserUpgradeMessageContainer .browserUpgradeMessageBox .browserUpgradeMessageContainerRightColumn #learnMoreLink {
    display: inline-block;
    font-size: 1.1em;
    letter-spacing: 0.0015em;
    padding: 20px 20px 20px 0;
}
.foo {
counter-reset: foo;
margin-left: 0;
padding-left: 0;
line-height: 1.5;
}

.foo li {
display: block;
margin-bottom: 0em;
margin-left: 2em;
line-height: 1.5;
}

.foo li:before {
display: inline-block;
content: "5." counter(foo) ". "; 
counter-increment: foo;
width: 2em;
margin-left: -2em;
line-height: 1.5;
}

.clear{
	clear:both;
}

.successMessage{
	font-size:20px;
	line-height:24px;
}
.successDate{
	font-size:14px;
}



.requiredField{
	text-align:right;
	color:#78899E;
}
.residence{
	margin-top: 15px;
}

.checkoutBigTitle{
	margin: 10px 10px;
	font-weight: 100;
}


.selectBox label{
	padding-left: 0;
}

.selectBox select{
	width: 96%;
}

#footerWrapper{
	padding-bottom: 30px;
	overflow: hidden;
}
.pillBase .buttonText{
	line-height: 25px;
}
.pepSyndicatedComponent .pepGlobalHeader .chromeContainer{margin-bottom:-20px !important;}
.leftSide, .searchBoxContainer , .accountContainer .signIn, .wdwFooter, .gde_footerLegalLinks{display:none !important;}
/*.gnbLinkContainer > span, .gnbLinkContainer > div{display:none;}*/
.gnbLinkContainer {display:none;}
.accountContainer.langSelector::before{display:none;}
#languageVerticalSeparator.verticalSeparator, .languageOptions.column-2{display:none;}

.globalNavigationBar .mobile-top .search{display:none;}
.finder .pepSyndicatedComponent .pepGlobalHeader.hkdl .gnbCategory{display:none;}
.finder .pepSyndicatedComponent .gnbCategory.mobileMenuItem:nth-last-child(2){display:block !important;}

.gnbCategory{display:none;}
.gnbCategory.mobileMenuItem{display:block;}
.syndicated-profile__container{display:none;}
.flowImage{position: absolute;left: 720px;top: -50px;}

ul.disc {list-style-type: disc;margin: 0 1.5em 0 0;padding-left: 1.5em;}
.text-center{text-align: center;}
.termsLabel{cursor: pointer;}
.fieldsWrapper{overflow:hidden;}

input[type=email]{text-align:center;}
input[type=email]::placeholder {
   text-align: center; 
}
input[type=email]::-webkit-input-placeholder {
   text-align: center;
}
input[type=email]:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}
input[type=email]::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}
input[type=email]:-ms-input-placeholder {  
   text-align: center; 
}
.clock {
  background-image: url("../img/clock.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 200px;
  height: 300px;
  margin: 20px 0 0 20px;
  float: left;
}

@media (max-width: 750px) {
	div.ui-dialog.ui-widget-content{
		border-radius: 0;
		padding-top: 75px;
	}
	.ui-dialog .clock{
		float: inherit;
		margin: 0 auto;
	}
	.ui-dialog .loading{
		height:50px;
		background-position: center;
	}
	.ui-dialog .modalContent{
		clear: both;
	}
	.ui-dialog .modalContent p {
		font-size: 18px;
		line-height: 26px;
		padding-right: 0px;
	}
	.ui-dialog .horizontalSeparator{
		width: 100%;
	}
}

.button_done[disabled] .pillBase{
	cursor:default;
	color: #979898;
	background-color: #becfe3;
}