/************************************** Mobile Styles **************************************/ /***************************************/ /************ <= 480 PX ****************/ /***************************************/ @media screen and (max-width: 480px), (max-device-width: 480px){ /* moved to below */ } /* // 480px */ /***************************************/ /********* max-width 1152 PX ************/ /***************************************/ @media only screen and (max-width:1152px) { /* GLOBAL */ #main_content, body.authentication #main_content {width:85%;} } /***************************************/ /********* max-width 1024 PX ************/ /***************************************/ @media only screen and (max-width:1024px) { /* GLOBAL */ #main_content, body.authentication #main_content {width:90%;} #main_content #CheckoutReview fieldset.your-info section.payment-details { font-size:1em;} .flexRow { display: block; } .flexRow .imagesFlex { width: 100%; margin: 12px 0; text-align: center; } .flexRow .packageDetailsFlex { width: 100% } .flexRow .packageDetailsFlex .event-summary { float: none !important; text-align: left !important; margin: 0 !important; width: 100% !important; } .flexRow .packageDetailsFlex .event-summary p { display: block !important; } .flexRow .descriptionFlex { width: 100%; min-height: auto !important; } .flexRow .descriptionFlex:after { content: ""; clear: both; display: table; } .different-package { clear: both; margin: 8px 0; position: relative !important; } #CheckoutReview .your-order { margin: 0 0 12px 0 !important; width: 100% !important; display: block; } #CheckoutReview .your-info { width: 100%; display: block; } /*#main_content ul.package-horizontal li.package p.price-point { width:40%; }*/ } /***************************************/ /********* max-width 960 PX ************/ /***************************************/ @media only screen and (max-width:960px) { /* GLOBAL */ /* nav.breadcrumbs {background-color:tan;}*/ #main_content, body.authentication #main_content { width:90%; } .no960 { display:none !important; } /* SelectDateTime */ #main_content div#datepicker { margin-right:1.5em; } #main_content fieldset.time-picker input[type='radio']+label { width:50px; } #main_content fieldset.time-picker fieldset.minute-picker { width:52px; } #main_content fieldset.time-picker fieldset.hour-picker { margin-right: 0.5em; width: 170px; } #main_content form#guest_form fieldset fieldset.hour-picker { margin-right: 0.5em; } /* PackageResults */ #main_content #featured_packages.PackageResults ul.package-horizontal li.package div.images {} #main_content #featured_packages.PackageResults ul.package-horizontal li.package p.price-point {} #main_content #featured_packages.PackageResults ul.package-horizontal li.package h1 {} #main_content #featured_packages.PackageResults ul.package-horizontal li.package div.description {} /* DoneOrderConfirmation */ #doneOrderConfirmationWrapper table.order-items {} #doneOrderConfirmationWrapper table.order-items td.items { width:100%; } #doneOrderConfirmationWrapper table.order-items td.qty, #doneOrderConfirmationWrapper table.order-items td.price, #doneOrderConfirmationWrapper table.order-items td.total { text-align:right; white-space:nowrap;} #doneOrderConfirmationWrapper table.order-items td.notes { width:1px !important; height:1px !important; font-size:1px !important; padding:0 !important; margin:0 !important; line-height:1px !important; text-indent:-9999px; min-width:0px !important; } #doneOrderConfirmationWrapper table.order-items tr.ProductDescription { display:none; } #doneOrderConfirmationWrapper table.order-items tr.grand-total { font-weight:bold; } #doneOrderConfirmationWrapper table.order-items tr.payments { } #doneOrderConfirmationWrapper table.order-items tr.payments td.payments { padding:0; } /* WAIVERS: CUSTOMER FORM */ #main_content .emailWrapper .email_Consumer, #main_content .addressWrapper .countrysel, #main_content .phoneWrapper .phonenum, #main_content .addressWrapper .addressline1Wrapper .addressline, #main_content .addressWrapper .addressline2Wrapper .addressline, #main_content .addressWrapper .addressline3Wrapper .addressline, #main_content .addressWrapper .addressline4Wrapper .addressline, #main_content .addressWrapper .cityWrapper .cityline, #main_content .addressWrapper .stateWrapper .stateline, #main_content .addressWrapper .zipcodeWrapper .zipcodeline, #main_content #formCustomer .firstnameline, #main_content #formCustomer .lastnameline, #main_content #formCustomer .password1line, #main_content #formCustomer .password2line, #main_content #formCustomer .passwordnotes, #main_content #formCustomer .optoutcheck, #main_content #formCustomer .birthdayline, #main_content #formCustomer .birthdatline td.birthdayerror, #main_content #formCustomer .genderline, #main_content #formCustomer .referredbyline, #main_content #formCustomer .referredbyotherline, #main_content #formCustomer #Addresses td, #main_content #formChildren #Addresses td, #main_content .addressWrapper .trMoreAddr { padding-left:18px; } #main_content .modeView .emailWrapper .email_Consumer, #main_content .modeView .addressWrapper .countrysel, #main_content .modeView .phoneWrapper .phonenum, #main_content .modeView .addressWrapper .addressline1Wrapper .addressline, #main_content .modeView .addressWrapper .addressline2Wrapper .addressline, #main_content .modeView .addressWrapper .addressline3Wrapper .addressline, #main_content .modeView .addressWrapper .addressline4Wrapper .addressline, #main_content .modeView .addressWrapper .cityWrapper .cityline, #main_content .modeView .addressWrapper .stateWrapper .stateline, #main_content .modeView .addressWrapper .zipcodeWrapper .zipcodeline, #main_content #formCustomer.modeView .firstnameline, #main_content #formCustomer.modeView .lastnameline, #main_content #formCustomer.modeView .password1line, #main_content #formCustomer.modeView .password2line, #main_content #formCustomer.modeView .passwordnotes, #main_content #formCustomer.modeView .optoutcheck, #main_content #formCustomer.modeView .birthdayline, #main_content #formCustomer.modeView .birthdatline td.birthdayerror, #main_content #formCustomer.modeView .genderline, #main_content #formCustomer.modeView .referredbyline, #main_content #formCustomer.modeView .referredbyotherline, #main_content #formCustomer.modeView #Addresses td, #main_content .modeView #formChildren #Addresses td, #main_content #formCustomer td.WriteAddressLine, #main_content .modeView .addressWrapper .trMoreAddr { padding-left:0px !important; } #main_content #formCustomer td.noPad, #main_content #formCustomer td.WriteAddressLine { padding:0; } #main_content #formCustomer td.aligntopLabel { vertical-align:top !important; padding-top:5px !important;} #main_content #formCustomer td.aligntopME { vertical-align:top !important; padding-top:5px !important;} #main_content #formCustomer tr.mobileseparator { border-top:1px solid #bbb;} #main_content #formCustomer label.error, #main_content #formCustomer label#dob_error, #main_content #formCustomer .emailWrapper .email_err em { padding-left:0; font-size:0.8em; font-weight:normal; font-style:normal; } /* control the flow and sizing of the page and fonts */ #main_content #formCustomer .ObmRequiredBullet {} #main_content #formCustomer .ObmPrimaryBullet {} #main_content #formCustomer .ObmPrimaryLabel {} #main_content #formCustomer .ObmLabel {} #main_content #formCustomer .ObmSeparator {} #main_content #formCustomer .ObmField {} #main_content #formCustomer .ObmFieldGroup {} #main_content #formCustomer .ObmMessage {} #main_content .ui-tabs .ui-tabs-nav li a { padding:0.25em 0.5em; } #main_content .ObmRequiredBullet, #main_content .ObmPrimaryBullet, #main_content .ObmPrimaryLabel, #main_content .ObmLabel, #main_content .ObmSeparator, #main_content .ObmField, #main_content .ObmFieldGroup, #main_content .ObmMessage { font-size:0.9em; } /* make everything auto width */ .emailWrapper .email_Consumer ,#main_content #formCustomer .addressWrapper .addrD { width:auto; } /* modify the ME dots and input alignment */ #main_content .addressWrapper .address { padding-top:0 !important; } #main_content .addressWrapper .addrD > div { padding-bottom:0 !important; } #main_content .addressWrapper .addrsel, #main_content .addressWrapper .addrME { padding-top:5px !important; } /* email adjustments */ #main_content .emailWrapper .emailDConsumer2 { padding:0; } #main_content .emailWrapper .email_Consumer { display:block; clear:left; padding-top:5px; } #main_content .emailWrapper .emailprime { width:auto !important; padding-left: 18px; clear: left; display: block !important; } #main_content .emailWrapper .emailprimed {} #main_content #formCustomer.modeView .emaildis { float:left; clear:both; } /* birthday adjustments */ #main_content #formCustomer .birthdayline table { width:auto; margin-bottom:0; display:table; } #main_content #formCustomer .birthdayline table tr { display:table-row; } #main_content #formCustomer .birthdayline table td { vertical-align:middle; display:table-cell; } #main_content #formCustomer .birthdayline select {width:auto !important; text-indent:0; } #main_content #formCustomer .birthdayline .birthdayerror { display:block; } #main_content #formCustomer .birthdayline .birthdayerror label { width:auto; } /* gender adjustments */ #main_content #formCustomer .genderline {} #main_content #formCustomer .genderline label.error { display:block; float: left; clear: left; padding: 0; margin: 0; width: 100%; } /* address adjustments */ #main_content .addressWrapperWrapper { padding:0;} #main_content table#Addresses { margin-bottom:0; } #main_content .addressWrapper .addrsel { width:auto !important; margin-right: 10px; } #main_content .addressWrapper .addressprimarylabel { float:left; } #main_content .addressWrapper .addressprimarylabel label { width: auto; margin: 0; } #main_content .addressWrapper .countryWrapper .countrysel, #main_content .addressWrapper .addressline1Wrapper .addressline, #main_content .addressWrapper .addressline2Wrapper .addressline, #main_content .addressWrapper .addressline3Wrapper .addressline, #main_content .addressWrapper .addressline4Wrapper .addressline, #main_content .addressWrapper .cityWrapper .cityline, #main_content .addressWrapper .stateWrapper .stateline, #main_content .addressWrapper .zipcodeWrapper .zipcodeline { display:block; clear:left; } #main_content .addressWrapper .trMoreAddr { padding-top:5px; padding-bottom:5px; float: left; margin-bottom: 0; } #main_content .addressWrapper .trMoreAddr label { display:none; } #main_content #formCustomer.modeView table#Addresses td { padding:0; } /* phone adjustments */ #main_content .phoneWrapper .phonenum { display:block; clear:both; padding-top:5px; } #main_content .phoneWrapper .phoneprime { width: 25px; padding-left: 18px; clear: left; display: block !important; } #main_content .emailWrapper .emailprimed { font-size: 0.8em; } /* END WAIVERS: CUSTOMER FORM */ /* FOOTER */ } /***************************************/ /********* max-width 768 PX ************/ /***************************************/ @media only screen and (max-width:768px) { /* GLOBAL */ /* nav.breadcrumbs {background-color:orange;} */ #main_content , body.authentication #main_content {width:90%;} .notmobile, .nomobile { display:none !important;} .no768 { display:none !important;} #main_content h1 { font-size:1.6em; } /* SelectDateTime */ #main_content div#datepicker { width:400px; margin-left:0; float:none; } #main_content div#datepicker .ui-datepicker { width:100%; } #main_content fieldset.time-picker fieldset.hour-picker { margin-left:1em;} /* WAIVERS: CUSTOMER FORM */ /* control the flow and sizing of the page and fonts */ #main_content #formCustomer .ObmRequiredBullet {} #main_content #formCustomer .ObmPrimaryBullet {} #main_content #formCustomer .ObmPrimaryLabel {} #main_content #formCustomer .ObmLabel { font-size:0.9em;} #main_content #formCustomer .ObmSeparator {} #main_content #formCustomer .ObmField { font-size:0.9em;} #main_content #formCustomer .ObmFieldGroup {} #main_content #formCustomer .ObmMessage {} #main_content #formCustomer .birthdayline select {font-size: 0.75em;} /* FOOTER */ } /***************************************/ /********* 481 PX to 768 PX ************/ /***************************************/ @media only screen and (min-width: 481px) and (max-width: 768px) { /* ConfirmUpsell */ #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package { } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package > div.images { } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package > div.images.empty { } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package > div.images > img { max-width:250px; } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package h1 {} #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package p.price-point {} #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package p.price-point span.price-sub-line span.perPersonPrice { } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package div.description { margin:0; } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package section.event-summary { font-size: 0.8em; min-height:140px; padding-top: 0.5em; width: 180px; margin-left: 1em; } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package section.event-summary p {display: block; } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package section.event-summary p b { font-size:1.2em;} .packingInfoWrapper { flex-direction: column; } .packingDescriptionWrapper { margin: 6px 0; } #featured_packages.PackageResults ul.package-horizontal li.package p.price-point { width: 100% !important; background: #eee; order: 0; color: #000; margin: 0; padding: 6px; } #main_content ul.package-horizontal li.package div.images { width: 100%; overflow:hidden; text-align: center; background-color: #000; padding: 4px; margin: -12px -25px 0 0; } .packageWrapper2 .price-point { float: none !important; text-align: left !important; margin: 6px 0 !important; width: 100% !important; } .packageWrapper2 .productWrapper { float: none !important; width: 100% !important; } } /***************************************/ /********* max-width 640 PX ************/ /***************************************/ @media only screen and (max-width:640px) { /* GLOBAL */ #main_content {width:95%;margin-bottom: 9em;} /* nav.breadcrumbs {background-color:blue;} */ .no640 { display:none !important;} /** SHARED: HEADER **/ header#page_header {background: rgba(0,0,0,0.6) !important;} header#page_header #header_bg {background:transparent none; background-color:transparent; background-image:none; display:none;} header#page_header nav#user_nav {width:100%; height:auto; background:transparent none; background-color:transparent; background-image:none; text-align:center;margin-bottom:15px;} header#page_header nav#user_nav p {display:inline; padding-right:1em; } header#page_header nav#user_nav ul {display:inline;} header#page_header #facilityNameLogoLink { text-align:center; padding:0.25em 0 0.5em 0;} header#page_header #facilityNameLogoLink a#logo {position:relative;} /** SHARED: MAIN CONTENT **/ #main_content { margin-top:0.5em; width:96%; margin-left:auto; margin-right:auto; border-radius: 0; padding: 0em 0.5em; } nav.breadcrumbs { margin-top:0; font-size: 0.9em; padding-top: 0.75em; } nav.breadcrumbs p #breadcrumbsLabel { display:block; } /* PackageResults */ #featured_packages.PackageResults ul.package-horizontal li.package div.description.empty { display:none; } /* AddOns */ #main_content section#addons.AddOns > h1 {font-size:1.75em;} #main_content section#addons.AddOns li.package { width:46%; } #main_content section#addons.AddOns li.package p.price-point, #main_content section#addons.AddOns li.package h1 { font-size:1em; display:block; float:none; text-align:center; background-color:#333; color:white; width:100%; padding:0.5em 0; margin:0; } #main_content section#addons.AddOns li.package p.price-point { padding-bottom:0.25em; } #main_content section#addons.AddOns li.package h1 { padding-top:0.25em; } #main_content section#addons.AddOns li.package p.alert.alert-success{ font-size: 0.8em; } .packageWrapper2 .price-point { float: left; text-align: left; margin: 6px 0; } /* SelectGuests */ #SelectGuests.GohWrapper fieldset.container { margin-right:1% !important; } /* CheckoutReview */ #CheckoutReview fieldset.your-order, #CheckoutReview fieldset.your-info { width:100%; float:none; display:block; margin-right:0 !important; height:auto !important; margin-bottom: 1em; padding:0.5em; } #CheckoutReview fieldset h2 { margin-top:0em !important;} #CheckoutReview fieldset.your-order .order-details, #CheckoutReview fieldset.your-order #deposit_banner { margin-top:0.5em !important; margin-bottom:0.5em !important; } #CheckoutReview .order-summary #shoppingCartWrapper table.shopping_cart tr.item_row td.icon_delete { display:table-cell; width:1px !important; font-size:1px !important; line-height:1px !important; padding:0 !important; } #CheckoutReview .order-summary #shoppingCartWrapper table.shopping_cart tr.item_row td.icon_delete a { position:absolute; width:1px; height:1px; left:-9999px;} #CheckoutReview .cancellation { font-size:0.8em;} #CheckoutReview fieldset.your-info .payment-details { padding:0; background-color:white; } #CheckoutReview fieldset.your-info .payment-details { display:block;} #CheckoutReview fieldset.your-info .payment-details form.payment_form {} #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form {} #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr {} #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td {font-size: 0.8em; line-height: 1.25em; padding: 0.5em 0.25em 0 0; vertical-align:middle;} #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td.empty { display:none;} #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td b {font-weight: normal;} #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td span.Annotation { display:none;} #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td input {width: 95% !important;} #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td select {width: 95% !important;} #CheckoutReview fieldset.your-info .widget_tab_holder { border:0 none; } /* payment form styles (global) */ form.payment_form table.form tr td { border:0 none;} form.payment_form select.payments_card_type {font-size:1em;} form.payment_form input.payments_card_number {font-size:1em;} form.payment_form div.payments_card_mo_wrapper {float: left; margin-left:0; display: inline-block; width: auto; clear: none; } form.payment_form table.form tr td select.payments_card_exp_mo { width: 70px !important; overflow: hidden; font-size:1em;} form.payment_form div.payments_card_yr_wrapper {float: left; margin-left: 3px; display: inline-block; width: auto; clear: none; } form.payment_form table.form tr td select.payments_card_exp_yr { overflow: hidden; width: 70px !important; font-size:1em;} form.payment_form input.payments_card_ccv { font-size:1em;} form.payment_form input.payments_card_billing_fname {font-size:1em;} form.payment_form input.payments_card_billing_lname {font-size:1em;} form.payment_form input.payments_card_billing_addr {font-size:1em;} form.payment_form input.payments_card_billing_city {font-size:1em;} form.payment_form div.payments_card_billing_state_wrapper {float: left; margin-left:0; display: inline-block; width: auto; clear: none;} form.payment_form input.payments_card_billing_state {width: 50px !important; float: left; font-size:1em;} form.payment_form div.payments_card_billing_zip_wrapper {float: left; margin-left: 3px; display: inline-block; width: auto; clear: none;} form.payment_form input.payments_card_billing_zip {width: 100px !important; float: left; font-size:1em;} /* payment form styles (OBM CheckoutReview only) */ #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td { border:0 none;} #CheckoutReview fieldset.your-info .payment-details form.payment_form select.payments_card_type {font-size:1em;} #CheckoutReview fieldset.your-info .payment-details form.payment_form input.payments_card_number {font-size:1em;} #CheckoutReview fieldset.your-info .payment-details form.payment_form div.payments_card_mo_wrapper {float: left; margin-left:0; display: inline-block; width: auto; clear: none; } #CheckoutReview fieldset.your-info .payment-details form.payment_form select.payments_card_exp_mo, #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td select.payments_card_exp_mo { width: 100px !important; overflow: hidden; font-size:1em;} #CheckoutReview fieldset.your-info .payment-details form.payment_form div.payments_card_yr_wrapper {float: left; margin-left: 3px; display: inline-block; width: auto; clear: none; } #CheckoutReview fieldset.your-info .payment-details form.payment_form select.payments_card_exp_yr, #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td select.payments_card_exp_yr { overflow: hidden; width: 65px !important; font-size:1em;} #CheckoutReview fieldset.your-info .payment-details form.payment_form table.form tr td input.payments_card_ccv, #CheckoutReview fieldset.your-info .payment-details form.payment_form input.payments_card_ccv { font-size:1em; width:45px !important;} #CheckoutReview fieldset.your-info .payment-details form.payment_form input.payments_card_billing_fname {font-size:1em;} #CheckoutReview fieldset.your-info .payment-details form.payment_form input.payments_card_billing_lname {font-size:1em;} #CheckoutReview fieldset.your-info .payment-details form.payment_form input.payments_card_billing_addr {font-size:1em;} #CheckoutReview fieldset.your-info .payment-details form.payment_form input.payments_card_billing_city {font-size:1em;} #CheckoutReview fieldset.your-info .payment-details form.payment_form div.payments_card_billing_state_wrapper {float: left; margin-left:0; display: inline-block; width: auto; clear: none;} #CheckoutReview fieldset.your-info .payment-details form.payment_form input.payments_card_billing_state {width: 50px !important; float: left; font-size:1em;} #CheckoutReview fieldset.your-info .payment-details form.payment_form div.payments_card_billing_zip_wrapper {float: left; margin-left: 3px; display: inline-block; width: auto; clear: none;} #CheckoutReview fieldset.your-info .payment-details form.payment_form input.payments_card_billing_zip {width: 100px !important; float: left; font-size:1em;} /* shopping cart */ #shoppingCartWrapper {} #shoppingCartWrapper table.shopping_cart { width:100%; border-top:1px solid #ddd !important;} #shoppingCartWrapper table.shopping_cart tr {} #shoppingCartWrapper table.shopping_cart tr td .Copy {display:none !important;} /* hide product description */ #shoppingCartWrapper table.shopping_cart th, #CheckoutReview .order-summary #shoppingCartWrapper table.shopping_cart tr.headers th { padding:0 2px; text-transform:capitalize; font-weight:normal !important; font-size:0.8em; background-color:#333; color:white; } #shoppingCartWrapper table.shopping_cart th b { font-weight:normal !important; } #shoppingCartWrapper table.shopping_cart th span.name { display:none !important; } #shoppingCartWrapper table.shopping_cart th.product_name { } #shoppingCartWrapper table.shopping_cart th.price { } #shoppingCartWrapper table.shopping_cart th.qty { } #shoppingCartWrapper table.shopping_cart th.total { } #shoppingCartWrapper table.shopping_cart th.icon_delete { } /* table rows */ #shoppingCartWrapper table.shopping_cart td { padding:0 2px; font-size:0.8em; font-weight:normal; line-height:1.75em;} #shoppingCartWrapper table.shopping_cart td b { font-weight:normal; } #shoppingCartWrapper table.shopping_cart td.product_name { } #shoppingCartWrapper table.shopping_cart td.price { } #shoppingCartWrapper table.shopping_cart td.qty { } #shoppingCartWrapper table.shopping_cart td.total { } #shoppingCartWrapper table.shopping_cart td.icon_delete { padding-left:4px !important; width:23px; } #shoppingCartWrapper table.shopping_cart td.icon_delete a { display:block !important;} /* default party row */ #shoppingCartWrapper table.shopping_cart tr.default_party { } #shoppingCartWrapper table.shopping_cart tr.default_party td { background-color:#d0f2d0; color:darkgreen; } #shoppingCartWrapper table.shopping_cart tr.default_party td b { font-weight:normal; } #shoppingCartWrapper table.shopping_cart tr.default_party td.product_name { font-weight:normal; } /* total & tax rows */ #shoppingCartWrapper table.shopping_cart tr.tax { } #shoppingCartWrapper table.shopping_cart tr.totals { } #shoppingCartWrapper table.shopping_cart tr.tax td { } #shoppingCartWrapper table.shopping_cart tr.totals td { } #shoppingCartWrapper table.shopping_cart tr.totals td b { font-weight:bold !important; } #shoppingCartWrapper table.shopping_cart tr.tax td, #shoppingCartWrapper table.shopping_cart tr.totals td { padding-right:0 !important;} /* empty columns must be very small but still present or the colspan for the tax and total will be messed up */ #shoppingCartWrapper table.shopping_cart th.empty, #shoppingCartWrapper table.shopping_cart th.bggrey, #shoppingCartWrapper table.shopping_cart td.empty, #shoppingCartWrapper table.shopping_cart td.bggrey {width:1px !important; font-size:1px !important; line-height:1px !important; padding:0 !important;} /* DoneOrderConfirmation */ #doneOrderConfirmationWrapper table.widget .empty { display:none !important; } #doneOrderConfirmationWrapper tr.info-headers { background-color:#333; color:#fff; } #doneOrderConfirmationWrapper tr.info-headers td, #doneOrderConfirmationWrapper tr.info-headers th { background-color:#333; color:#fff; padding: 2px 4px !important; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; font-size: 0.9em !important; font-family: Helvetica, Arial, Verdana, sans-serif !important; text-transform:capitalize; } #doneOrderConfirmationWrapper tr.info-headers b {font-size: 1em !important; font-weight:normal !important; font-family: Helvetica, Arial, Verdana, sans-serif !important;} #doneOrderConfirmationWrapper table.order-invoice {} #doneOrderConfirmationWrapper table.order-invoice td { display:block; padding:0; } #doneOrderConfirmationWrapper table.order-invoice td.blank { width:1px !important; height:1px !important; font-size:1px !important; padding:0 !important; margin:0 !important; line-height:1px !important;} #doneOrderConfirmationWrapper table.order-invoice td.blank img { display:none; } #doneOrderConfirmationWrapper table.order-invoice td.logo {text-align:center; display:none; } #doneOrderConfirmationWrapper table.header-text {} #doneOrderConfirmationWrapper table.copy-cancellation {} #doneOrderConfirmationWrapper table.header-text, #doneOrderConfirmationWrapper table.copy-cancellation, #doneOrderConfirmationWrapper div.copy-invoice-footer { margin-bottom:0; } #doneOrderConfirmationWrapper table.header-text td, #doneOrderConfirmationWrapper table.copy-cancellation td, #doneOrderConfirmationWrapper div.copy-invoice-footer { display:block; padding:0.25em 0.5em; } #doneOrderConfirmationWrapper table.header-text td.blank, #doneOrderConfirmationWrapper table.copy-cancellation td.blank { width:1px !important; height:1px !important; font-size:1px !important; padding:0 !important; margin:0 !important; line-height:1px !important;} #doneOrderConfirmationWrapper table.header-text td.blank img, #doneOrderConfirmationWrapper table.copy-cancellation td.blank img { display:none; } #doneOrderConfirmationWrapper td.info-panel, #doneOrderConfirmationWrapper td.info-panel { width:100%; } #doneOrderConfirmationWrapper table.customer-event-details { } #doneOrderConfirmationWrapper table.customer-event-details td { display:block; padding:0; } #doneOrderConfirmationWrapper table.customer-event-details table.phone-list td { display:inline-block; vertical-align:top; padding-top:0; } #doneOrderConfirmationWrapper table.pricing-detail td.textdata {padding-bottom: 0; border-top:1px solid #ccc; vertical-align:bottom; } #doneOrderConfirmationWrapper table.pricing-detail td.textdata b { font-weight:normal; } #doneOrderConfirmationWrapper table.pricing-detail td.calculated-price { border-top:1px solid #aaa !important;} #doneOrderConfirmationWrapper table.goh-host-list {} #doneOrderConfirmationWrapper table.goh-host-list td.info-panel { padding:0; display:block; } #doneOrderConfirmationWrapper table.goh-host-list td.info-panel.goh { margin-bottom:0.75em; } #doneOrderConfirmationWrapper table.order-items td.qty, #doneOrderConfirmationWrapper table.order-items td.price, #doneOrderConfirmationWrapper table.order-items td.total { white-space:normal !important;} #doneOrderConfirmationWrapper table.order-items tr.payments div.paymentsWrapper h3 { font-size:0.9em; } /* WAIVERS: CUSTOMER FORM */ /* control the flow and sizing of the page and fonts */ #main_content .emailWrapper .email_Consumer, #main_content .addressWrapper .countrysel, #main_content .phoneWrapper .phonenum, #main_content .addressWrapper .addressline1Wrapper .addressline, #main_content .addressWrapper .addressline2Wrapper .addressline, #main_content .addressWrapper .addressline3Wrapper .addressline, #main_content .addressWrapper .addressline4Wrapper .addressline, #main_content .addressWrapper .cityWrapper .cityline, #main_content .addressWrapper .stateWrapper .stateline, #main_content .addressWrapper .zipcodeWrapper .zipcodeline, #main_content #formCustomer .firstnameline, #main_content #formCustomer .lastnameline, #main_content #formCustomer .password1line, #main_content #formCustomer .password2line, #main_content #formCustomer .passwordnotes, #main_content #formCustomer .optoutcheck, #main_content #formCustomer .birthdayline, #main_content #formCustomer .birthdatline td.birthdayerror, #main_content #formCustomer .genderline, #main_content #formCustomer .referredbyline, #main_content #formCustomer .referredbyotherline, #main_content .addressWrapper .trMoreAddr { padding-left:18px; } #main_content #formCustomer td { display:block; } #main_content #formCustomer .ObmRequiredBullet { float: left; width: 15px; height: 10px; position: relative; top: 7px; left: 0; background-position: 0 0;} #main_content #formCustomer .ObmPrimaryBullet {} #main_content #formCustomer .ObmPrimaryLabel {} #main_content #formCustomer .ObmLabel { font-size: 0.75em; padding: 0; float: left; width: auto; max-width: 90%; } #main_content #formCustomer .ObmSeparator {display:none;} #main_content #formCustomer .ObmField { font-size:0.75em; } #main_content #formCustomer .ObmFieldGroup { float: left; width: 100%; padding-top:0 !important; } #main_content #formCustomer .ObmMessage { width: 100%; } #main_content #formCustomer .birthdayline select {font-size: 1em;} #main_content .consumer_actions {margin-top:0.25em;} #main_content .consumer_actions .btn, #widget_tab_holder .ui-tabs-nav span, #main_content #formCustomer .trMoreAddr .btn { font-size:0.75em; } #main_content #customer_basic_info {padding:0;} .emailWrapper .email_Consumer, #main_content #formCustomer .addressWrapper .addrD, #main_content #formCustomer .phoneWrapper, #main_content #formCustomer .phoneWrapper .phoneD, #main_content #formCustomer td.WriteAddressLine, #main_content #formCustomer .ObmFieldGroup .addressWrapper .ObmField, #main_content #formCustomer .ObmFieldGroup .phoneWrapper .ObmField, #main_content #formCustomer .phonenums .ObmFieldGroup, #main_content #formCustomer .phonenums .ObmFieldGroup #phone_numbers { width:100%; } #main_content #formCustomer .ObmFieldGroup .addressWrapper .addressprimarybtn.ObmField, #main_content #formCustomer .ObmFieldGroup .addressWrapper .addressprimarylabel.ObmField, #main_content #formCustomer .ObmFieldGroup .phoneWrapper .phoneprime { width:auto; } #main_content #formCustomer .ObmFieldGroup .phoneWrapper .phonesel.ObmField { padding-left:18px; } #main_content #formCustomer .optoutcheck.ObmField { float:left; padding-bottom:0;} #main_content #formCustomer.modeView table.modeView { margin-bottom:0; } #main_content #formCustomer.modeView table.modeView td.ObmLabel, #main_content #formCustomer.modeView table.modeView td.ObmField, #main_content #formCustomer.modeView table.modeView td.ObmFieldGroup { display:table-cell; float:none; clear:none; font-size:0.75em;} #main_content #formCustomer.modeView td.ObmMessage { float:left; width:100%; clear:both; font-size:0.75em; } /* WAIVERS: CHILDREN FORM */ #main_content #formChildren { margin-bottom:0; } #main_content #formChildren #childBirthday { } #main_content #formChildren td { display:block; } #main_content #formChildren .ObmRequiredBullet { float: left; width: 15px; height: 10px; position: relative; top: 7px; left: 0; background-position: 0 0;} #main_content #formChildren .ObmPrimaryBullet {} #main_content #formChildren .ObmPrimaryLabel {} #main_content #formChildren .ObmLabel { font-size: 0.75em; padding: 0; float: left; width: auto; max-width: 90%; } #main_content #formChildren .ObmSeparator {display:none;} #main_content #formChildren .ObmField { font-size:0.75em; min-width:50px !important; } #main_content #formChildren .ObmFieldGroup { float: left; width: 100%; padding-top:0 !important; } #main_content #formChildren .ObmMessage { width: 100%; } #main_content #formChildren input[type="text"] { font-size:1em; } #main_content #formChildren tr.ObmChildGender td.ObmField label { display:inline; margin-right:5px; clear:none; font-size:1em; } #main_content #formChildren tr.ObmChildGender td.ObmField { clear:both; } #main_content #formChildren select { font-size:0.75em; } #main_content #formChildren tr.ObmChildBirthday {} #main_content #formChildren tr.ObmChildBirthday td.ObmFieldGroup {} #main_content #formChildren tr.ObmChildBirthday td.ObmFieldGroup #childBirthday { margin-bottom:0;} #main_content #formChildren tr.ObmChildBirthday td.ObmFieldGroup #childBirthday td.ObmBirthdayMonth, #main_content #formChildren tr.ObmChildBirthday td.ObmFieldGroup #childBirthday td.ObmBirthdayDay, #main_content #formChildren tr.ObmChildBirthday td.ObmFieldGroup #childBirthday td.ObmBirthdayYear { width:auto !important; float:left; } #main_content #formChildren tr.ObmChildBirthday td.ObmFieldGroup #childBirthday td.ObmBirthdayMonth select, #main_content #formChildren tr.ObmChildBirthday td.ObmFieldGroup #childBirthday td.ObmBirthdayDay select, #main_content #formChildren tr.ObmChildBirthday td.ObmFieldGroup #childBirthday td.ObmBirthdayYear select { width:auto !important; } #main_content #formChildren > tbody > tr > td.ObmField, #main_content #formChildren > tbody > tr > td.ObmFieldGroup { padding-left:15px;} #main_content #formChildren #childBirthday td { padding-left:0;} #main_content #formChildren #childBirthday td select { text-indent:0; } #main_content #formChildren.modeView {width:auto !important;} #main_content #formChildren.modeView td {float:none; clear:none; display:table-cell; width:auto !important;} #main_content #formChildren.modeView td.ObmLabel { white-space:nowrap; } /* #main_content #formChildren .birthdayline select {font-size: 1em;} #main_content .consumer_actions {margin-top:0.25em;} #main_content .consumer_actions .btn, #widget_tab_holder .ui-tabs-nav span, #main_content #formChildren .trMoreAddr .btn { font-size:0.75em; } #main_content #customer_basic_info {padding:0;} .emailWrapper .email_Consumer, #main_content #formChildren .addressWrapper .addrD, #main_content #formChildren .phoneWrapper, #main_content #formChildren .phoneWrapper .phoneD, #main_content #formChildren td.WriteAddressLine, #main_content #formChildren .ObmFieldGroup .addressWrapper .ObmField, #main_content #formChildren .ObmFieldGroup .phoneWrapper .ObmField, #main_content #formChildren .phonenums .ObmFieldGroup, #main_content #formChildren .phonenums .ObmFieldGroup #phone_numbers { width:100%; } #main_content #formChildren .ObmFieldGroup .addressWrapper .addressprimarybtn.ObmField, #main_content #formChildren .ObmFieldGroup .addressWrapper .addressprimarylabel.ObmField, #main_content #formChildren .ObmFieldGroup .phoneWrapper .phoneprime { width:auto; } #main_content #formChildren .ObmFieldGroup .phoneWrapper .phonesel.ObmField { padding-left:18px; } #main_content #formChildren .optoutcheck.ObmField { float:left; padding-bottom:0;} */ /* FOOTER */ #main_content footer.main-actions p.float-actions { width:95%; margin-left:auto; margin-right:auto; float:none; text-align:center !important; } #main_content footer.main-actions p.float-actions a.btn, #main_content footer.main-actions p.float-actions input.btn { width:100%; margin-left:auto; margin-right:auto; float:none !important; } #cta_build_package { float:none !important; } #ConfirmUpsell_footnote { display:block; float:none !important; text-align:center; margin:1em auto 0; } /* STORE */ #store_top { margin-bottom: 0;} #store_top td { font-size: 0.8em;line-height: 1.25em;} #store_top label.clear_cart { display: block;} #store_top td.breadcrumbs {} #store_top td.shopping_cart {} .store_main {border-top:2px solid #ddd; margin-top:5px; width: 100%;} .store_main td { display: block;padding: 0;} .store_main #doneOrderConfirmationWrapper td { display: table-cell; font-size: 0.8em;} .store_main #doneOrderConfirmationWrapper td.one_em { font-size: 1em;} .store_main #doneOrderConfirmationWrapper td.facility-info { line-height: 0.8em;} .store_main td.empty { display: none !important;} .store_main #featured_product {} .store_main #featured_product td {display: block;} .store_main #store_products {} .store_main #store_products td { display: block;} #store_cta_continue_wrapper { text-align: center; } #store_cta_continue_wrapper .cta_btncontinue a { width: 85%;} .store_cust_info_wrapper { padding: 0 !important; } .width100p { width: 100% !important;} .store_email_address span { overflow: hidden;max-width: 98%;float: left; } .store_customer_form td { padding: 0;} .store_cta { text-align: center;} .store_cta #store_cta_btn_wrapper { float: none; } /* .store_cta #store_cta_btn_wrapper input { width: 85%; } */ .store_main #shoppingCartWrapper table.shopping_cart td { display: table-cell !important;} .divModalDialog { left: 0 !important;} .cta_store_back_to_website td { text-align: center;} .cta_store_back_to_website td input.btn { width: 85%;} /** WAIVERS: GLOBAL FOR #formCustomerWaiver **/ #formCustomerWaiver #content.waiversign { padding: 8px !important; border: 1px solid #ddd !important; display: block !important; width: 98% !important; background-color: white !important; } #formCustomerWaiver #content.waiversign .wlistD { width: auto; padding-top: 1px; padding-bottom: 1px; padding-left: 0; } #formCustomerWaiver #content.waiversign .wlistD > div { float: none; display: block; width: auto; } #formCustomerWaiver #content.waiversign .wlistD .wlistQ { } #formCustomerWaiver #content.waiversign .wlistD .wlistQpad { padding-top: 0; } #formCustomerWaiver #content.waiversign .wlistD .wlistAns { padding:0; } #formCustomerWaiver #content.waiversign .wlistD .wlistAns span { display: inline-block; } #formCustomerWaiver #content.waiversign .wlistD .wlistAns span label { margin: 0.15em 0 0 0; } #formCustomerWaiver #content.waiversign .wlistD .wlistAns input[type="radio"], #formCustomerWaiver #content.waiversign .wlistD .wlistAns input[type="checkbox"], #formCustomerWaiver #content.waiversign span.wkidD span.wkidReq input[type="checkbox"] { margin: 0.25em; } #formCustomerWaiver #content.waiversign .wlistD .wlistAns input[type="text"], #formCustomerWaiver #content.waiversign .wlistD .wlistAns select { margin: 0; } /** WAIVERS: SELECT PARTICIPANTS **/ #formCustomerWaiver.selectParticipants {} #formCustomerWaiver.selectParticipants ul.participantList {} #formCustomerWaiver.selectParticipants ul.participantList li { float: left; margin: 0; width: auto; max-width: 100%;} #formCustomerWaiver.selectParticipants ul.participantList li span.wkidD { width: auto; max-width: 100%; } #formCustomerWaiver.selectParticipants ul.participantList li span.wkidD span.wkidReq { width: auto; padding-top: 4px; } #formCustomerWaiver.selectParticipants ul.participantList li span.wkidD span.wkidName {} #formCustomerWaiver.selectParticipants ul.participantList li span.wkidD span.wkidGen { clear: both; margin-left: 26px; padding-top: 0; } #formCustomerWaiver.selectParticipants ul.participantList li span.wkidD span.wkidDOB { padding-top: 0; margin-left: 10px; } #formCustomerWaiver.selectParticipants ul.participantList li.headers { display: none; } #formCustomerWaiver.selectParticipants ul.participantList li.headers span.wkidD {} #formCustomerWaiver.selectParticipants ul.participantList li.headers span.wkidD span.wkidReq {} #formCustomerWaiver.selectParticipants ul.participantList li.headers span.wkidD span.wkidName {} #formCustomerWaiver.selectParticipants ul.participantList li.headers span.wkidD span.wkidGen {} #formCustomerWaiver.selectParticipants ul.participantList li.headers span.wkidD span.wkidDOB {} #formCustomerWaiver.selectParticipants #need_people { width: auto; max-width: 100%; } /** WAIVERS: WAIVERS TAB ON CUSTOMER PROFILE PAGE **/ #customer_waivers { padding: 0; } #customer_waivers table td { padding: 0; } #customer_waivers #formCustomerW {} #customer_waivers #formCustomerW li { float: left; clear: both; width: 100%; max-width: 100%; } #customer_waivers #formCustomerW li.headers { display: none; } #customer_waivers #formCustomerW .wlistD { width: 100%; max-width: 100%; } #customer_waivers #formCustomerW .wlistD .wlistDS { padding-bottom: 0; width: 100%; } #customer_waivers #formCustomerW .wlistD .wlistVal { padding-bottom: 0; padding-top: 0; display: none; } #customer_waivers #formCustomerW .wlistD .wlistInc { padding-bottom: 0; padding-top: 0; width: 100%; max-width: 100%; } #customer_waivers #formCustomerW .wlistD .wlistSV {} #customer_waivers .empty { display:none !important; } /** WAIVERS: VIEW COMPLETED WAIVER (with signature) **/ #formCustomerWaiver.viewWaiver #waiverWrapper { display: block !important; width: 100%; max-width: 100%; margin: 0 !important; padding: 0 !important; border: 0 none !important; background-color: transparent !important; } #formCustomerWaiver.viewWaiver #waiverWrapper .waiver_main { width: 100%; max-width: 100%; } #formCustomerWaiver.viewWaiver #waiverWrapper .svgSigWrap {} /** WAIVERS: PREVIEW WAIVER, FILL IN QUESTION ANSWERS (without signature) **/ #formCustomerWaiver.previewWaiverText #svgdiv { display: none; } } /***************************************/ /********* 481 PX to 640 PX ************/ /***************************************/ @media only screen and (min-width: 481px) and (max-width: 640px) { /* nav.breadcrumbs {background-color:purple;} */ #searchResultsDateDisplay { white-space: nowrap; display: block; } /* PackageResults */ #main_content #featured_packages.PackageResults ul.package-horizontal li.package div.images { margin-right:0.5em; padding-bottom: 0.75em;} #main_content #featured_packages.PackageResults ul.package-horizontal li.package div.images.empty { display:none;} #main_content #featured_packages.PackageResults li.package > div.images > img { width:200px; margin:0; } /*#main_content #featured_packages.PackageResults ul.package-horizontal li.package p.price-point {font-size: 1.2em; max-width: 200px; margin-left:0.5em; } */ #main_content #featured_packages.PackageResults ul.package-horizontal li.package p.price-point span.price-sub-line { font-size:0.5em; } #main_content #featured_packages.PackageResults ul.package-horizontal li.package h1 {clear: right;} /* not required if no image is displayed */ #main_content #featured_packages.PackageResults ul.package-horizontal li.package.noimage h1 {clear: none;} #main_content #featured_packages.PackageResults ul.package-horizontal li.package div.description {margin-left: 0;} /* ConfirmUpsell */ #main_content #featured_packages.ConfirmUpsell > h1 {font-size:1.75em;} #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package { } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package > div.images { margin-right: 0; margin-top: -1em; } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package > div.images.empty { } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package > div.images > img { } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package h1 {} #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package p.price-point {} #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package p.price-point span.price-sub-line span.perPersonPrice { } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package div.description { margin:0; clear: both; padding-top: 1em; min-height:75px !important; padding-bottom: 3em; } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package section.event-summary { font-size: 0.75em; min-height: 130px; padding-top: 0.5em; width: 166px; margin-left: 0; margin-top: -1.25em; } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package section.event-summary p {display: block; } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package section.event-summary p b { font-size:1.2em;} /* AddOns */ #addons.AddOns div.addon_item p.btn_add {float: none; width: 80%; margin: 0 auto 0.5em auto; display: block; clear: left;} #addons.AddOns div.addon_item { text-align:center;} #addons.AddOns div.addon_item p.lbl_qty, #addons.AddOns div.addon_item p.fld_qty { float:none; display:inline-block;} } /***************************************/ /********* max-width 480 PX ************/ /***************************************/ @media only screen and (max-width:480px) { .packingInfoWrapper { flex-direction: column; } .packingDescriptionWrapper { margin: 6px 0; } #featured_packages.PackageResults ul.package-horizontal li.package p.price-point { width: 100% !important; background: #eee; order: 0; color: #000; margin: 0; padding: 6px; } #main_content ul.package-horizontal li.package div.images { width: 100%; overflow:hidden; text-align: center; background-color: #000; padding: 4px; margin: -12px -25px 0 0; } .packageWrapper2 .price-point { float: none !important; text-align: left !important; margin: 6px 0 !important; width: 100% !important; } .packageWrapper2 .productWrapper { float: none !important; width: 100% !important; } /* GLOBAL */ /* nav.breadcrumbs {background-color:purple;} */ #main_content {width:96%;} .no480 { display:none !important;} #main_content h1 { font-size:1.4em; } .packageWrapper2 .productWrapper { float: none !important; width: 100% !important; } /** GLOBAL **/ body { -webkit-text-size-adjust:none; font-family:Helvetica, Arial, Verdana, sans-serif; } /* div { clear:both; display:block; width:100%; height:auto; float:none; margin:0; padding:0; } */ img { max-width:100%; height:auto; } /** SHARED: MAIN CONTENT **/ #main_content { margin-top:0.5em; width:96%; margin-left:auto; margin-right:auto; } /* nav.breadcrumbs { margin-top:-1em; } */ nav.breadcrumbs p #breadcrumbsLabel { display:block; } span.gendericon, span.organizationicon { margin-right:0.25em;} /** SHARED: MODAL **/ .modalOverlay { } .modalOverlay .modalOverlay_border { margin-top: 2em; margin-left: auto; margin-right: auto; top: 0; left: 0; position: relative; width: 94%; overflow: hidden; height:auto; /* will scale to content */ padding: 0.25em; /* the size of the border */ /* background-color: transparent; */ } .modalOverlay .modalOverlay_border .modalOverlay_content_wrapper { height: 100%; width: 100%; top: 0; left: 0; position: relative; padding: 0.9em; } .modalOverlay .modalOverlay_border .modalOverlay_content_wrapper .modalOverlay_loadingError { margin-top: 1.5em; padding: 1.25em 1em; } .modalOverlay .modalOverlay_border .modalOverlay_content_wrapper .modalOverlay_loadingError a { margin-top:1em; } .modalOverlay .modalOverlay_border .modalOverlay_content_wrapper .modalOverlay_loadingError a img { } /* SelectDateTime */ #package_select form select#all_packages {width:90% !important;} #main_content #date_time_select fieldset.time-picker fieldset.meridiem-picker label { } #main_content div#datepicker { width:100%; } #main_content #preferred_time_wrap { white-space:nowrap;} #main_content #timepicker {float:none;} #main_content #datepicker .ui-datepicker .ui-datepicker-title { margin:0 auto 0 auto;} #main_content fieldset.time-picker fieldset.meridiem-picker label { display:block; } #main_content fieldset.time-picker input[type='radio']+label { width:45px; } #main_content fieldset.time-picker fieldset.hour-picker { width:160px; margin-left: 1.25em; } #searchResultsDateDisplay {white-space:normal; display:block;} /** PackageResults **/ #main_content #featured_packages ul.package-horizontal li.package { max-width: 380px; margin-left:auto; margin-right:auto;} #main_content #featured_packages ul.package-horizontal li.package > div.images { display:block; float:none; width:112%; margin: -1em -1em 0 -1em; } #main_content #featured_packages ul.package-horizontal li.package > div.images.empty { width:50%; margin-top:-0.5em; margin-left:auto; margin-right:auto; } #main_content #featured_packages ul.package-horizontal li.package > div.images > img { width: 100%; margin:0; } #main_content #featured_packages ul.package-horizontal li.package h1 {font-size: 1.5em; text-align: center; margin: 0.25em 0;} #main_content #featured_packages ul.package-horizontal li.package p.price-point {float: none; position: relative; top: 0; right: 0; background-color: #333; text-align: center; width: 115%; color: #fff; padding: 0.4em 0; margin: 0 -1em;} #main_content #featured_packages.PackageResults ul.package-horizontal li.package p.price-point span.price-sub-line span.perPersonPrice { color:#fff; } #main_content #featured_packages.PackageResults ul.package-horizontal li.package div.description { margin:0; padding-bottom:0.5em; } #link_select_different_package { display:block !important; text-align:center; float:none; padding-top:1em; } #link_select_different_package a { } /** TimeSlots **/ #main_content ul.package-horizontal li.package.selected form#choose_time_slot ol li { display:block; float:none !important; } #main_content ul.package-horizontal li.package.selected form#choose_time_slot fieldset fieldset label { width: 85%; white-space: nowrap; display: block; font-size: 1.75em; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; padding-top: 0.25em; padding-bottom: 0.25em; height: auto; } /** ConfirmUpsell **/ /** ConfirmUpsell / AddOns **/ #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package.selected header.active-package, #main_content #featured_packages.AddOns ul.package-horizontal li.package.selected header.active-package {margin-top: -1em; background: #333; background-image: none; -webkit-box-shadow: none;} #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package.selected header.active-package p, #main_content #featured_packages.AddOns ul.package-horizontal li.package.selected header.active-package p { text-align:center; } #main_content #featured_packages.ConfirmUpsell ul.package-horizontal li.package.selected div.images img, #main_content #featured_packages.AddOns ul.package-horizontal li.package.selected div.images img { width: 100%; height: auto; max-width: 100%; max-height: none; margin-left: auto; margin-right: auto; display: block; } #main_content ul.package-horizontal li.package section.event-summary, #main_content #featured_packages.AddOns ul.package-horizontal li.package .event-summary { height: auto; background-color: #e3e3e3; width: 110%; font-size:1em; } #main_content ul.package-horizontal li.package section.event-summary p, #main_content #featured_packages.AddOns ul.package-horizontal li.package .event-summary p { display:block; padding-left:1em; } #main_content ul.package-horizontal li.package section.event-summary p b, #main_content #featured_packages.AddOns ul.package-horizontal li.package .event-summary p b {} #main_content ul.package-horizontal li.package section.event-summary p em, #main_content #featured_packages.AddOns ul.package-horizontal li.package .event-summary p em { font-size:medium; } #main_content ul.package-horizontal li.package div.description { min-height: 0 !important; padding-bottom: 3em; margin: 0; } /** AddOns **/ #main_content #featured_packages.AddOns ul.package-horizontal li.package.selected header.active-package p.price-point, #main_content #featured_packages.AddOns ul.package-horizontal li.package.selected header.active-package p.package_selected, #main_content #featured_packages.AddOns ul.package-horizontal li.package.selected div.description { display:none; } #main_content section#addons.AddOns li.package { width:90%; margin-left:auto; margin-right:auto; } /* SelectGuests */ #SelectGuests.GohWrapper fieldset.container { height: auto; margin: 0 0 1em 0; float: none; display: block; width: 100%;} #SelectGuests.GohWrapper fieldset.container ul li label span { font-size:0.9em; } /* WAIVERS: CUSTOMER FORM */ /* control the flow and sizing of the page and fonts */ #main_content #formCustomer td { } #main_content #formCustomer .ObmRequiredBullet { clear:none; } #main_content #formCustomer .ObmPrimaryBullet { clear:none; } #main_content #formCustomer .ObmPrimaryLabel { clear:none; } #main_content #formCustomer .ObmLabel { clear:none; } #main_content #formCustomer .ObmSeparator {} #main_content #formCustomer .ObmField { clear:none; } #main_content #formCustomer .ObmFieldGroup { } #main_content #formCustomer .ObmMessage { } #main_content #formCustomer .birthdayline select {} #main_content .consumer_actions {} #main_content #customer_basic_info {} #main_content #formCustomer.modeView table.modeView { } #main_content #formCustomer.modeView table.modeView td.ObmLabel, #main_content #formCustomer.modeView table.modeView td.ObmField, #main_content #formCustomer.modeView table.modeView td.ObmFieldGroup { display:block; float:left; clear:left; line-height:normal;} #main_content #formCustomer.modeView table.modeView table#Addresses td { line-height:normal; } #main_content #formCustomer.modeView table.modeView .phonenum {padding-top:0;} #main_content #formCustomer.modeView table.modeView > tbody > tr > td.ObmField, #main_content #formCustomer.modeView table.modeView > tbody > tr > td.ObmFieldGroup { padding-bottom:10px;} #main_content #formCustomer.modeView table.modeView td.ObmField { padding-top:0; } #main_content #formCustomer.modeView table.modeView .emaildis > div { float: left; width: auto !important; display: block; } #main_content #formCustomer.modeView table.modeView .emaildis > img { padding-left: 6px; } #main_content #formCustomer.modeView td.ObmMessage { } #main_content #child_info, #main_content #organization_info { padding:0; } #main_content #child_info #peopleList, #main_content #organization_info #orgList { width:100%; margin-bottom:0; border-bottom: 1px solid #ddd; } #main_content #child_info #peopleList tr, #main_content #organization_info #orgList tr { border-top: 1px solid #ddd; } #main_content #child_info #peopleList td , #main_content #organization_info #orgList td { font-size:0.8em; } #main_content #child_info #peopleList { } #main_content #organization_info #orgList { } #main_content #child_info #peopleList td.rowDel, #main_content #organization_info #orgList td.rowDel { padding: 2px 0px; float: left; width: 18px; border-radius: 0; line-height: normal; text-align: center; } #main_content #child_info #peopleList td.rowName, #main_content #organization_info #orgList td.rowName { padding: 2px 5px; float: left; width: auto; border-radius: 0; line-height: normal; } #main_content #child_info #peopleList td.rowBd { padding: 2px 5px; float: left; width: auto; border-radius: 0; line-height: normal; clear: both; padding-left: 23px; } #main_content #organization_info #orgList td.empty { display:none; } #main_content #child_info #peopleList td.rowIcon, #main_content #organization_info #orgList td.rowIcon { padding: 2px 5px; float: left; width: auto; border-radius: 0; line-height: normal; } #main_content #organization_info #orgList td.rowIcon { display:none; } #main_content .action_items .btn_left, #main_content .action_items .btn_right { width:100%; clear:both; margin:0; } #main_content .action_items .btn_left { margin-bottom: 10px;} #main_content .action_items .btn_right { } #main_content .ui-tabs .ui-tabs-nav li a { padding:0 0.25em; } } /***************************************/ /********* max-width 320 PX ************/ /***************************************/ @media only screen and (max-width:320px) { /* GLOBAL */ #main_content {width:100%;} /* nav.breadcrumbs {background-color:black;} */ .no320 { display:none !important;} footer#page_footer { font-size:0.8em;height: 135px; } #main_content h1 { font-size:1.2em; } /* SelectDateTime */ #main_content fieldset.time-picker legend { } #main_content fieldset.time-picker input[type='radio']+label { width:45px; } #main_content fieldset.time-picker fieldset.hour-picker { width:150px; margin-left:10px; margin-right:5px; } #main_content fieldset.time-picker fieldset.minute-picker { width:52px; margin-right:5px;} #main_content fieldset.time-picker fieldset.meridiem-picker { width:52px; margin-right:0;} /* PackageResults */ #main_content section#addons.AddOns li.package p.price-point, #main_content section#addons.AddOns li.package h1 {width: 118%;} #main_content section#addons.AddOns li.package p.price-point {padding: 0.5em 1em 0.25em 1em;} #main_content section#addons.AddOns li.package h1 {padding: 0.25em 1em 0.5em 1em;} /* SelectGuests */ #SelectGuests.GohWrapper fieldset.container { } #SelectGuests.GohWrapper fieldset.container ul li label > span { font-size:0.8em; padding-top:0;} #SelectGuests.GohWrapper fieldset.container ul li span.gendericon {width: 16px; height: 16px; background: 0 0 no-repeat url('/Assets/images/People-Icons-PCS-Sprite-16_f.png'); } #SelectGuests.GohWrapper fieldset.container ul li span.organizationicon {width: 16px; height: 16px; background-position: 0 0; } #SelectGuests.GohWrapper input[type='checkbox'], #SelectGuests.GohWrapper input[type='checkbox']:checked, #SelectGuests.GohWrapper input[type='radio']:checked { background-color:#fff; background-image:none; border-color:#333; width: 20px; height: 19px; -webkit-appearance:checkbox !important; -moz-appearance:checkbox !important; } #SelectGuests.GohWrapper fieldset.container ul li:hover { } #SelectGuests.GohWrapper fieldset.container ul li label span.editGOH { margin:0; } /* CheckoutReview */ /* Done */ /* WAIVERS: CUSTOMER FORM */ /* control the flow and sizing of the page and fonts */ #main_content #formCustomer td { } #main_content #formCustomer .ObmRequiredBullet { } #main_content #formCustomer .ObmPrimaryBullet {} #main_content #formCustomer .ObmPrimaryLabel {} #main_content #formCustomer .ObmLabel { } #main_content #formCustomer .ObmSeparator {} #main_content #formCustomer .ObmField { } #main_content #formCustomer .ObmFieldGroup { } #main_content #formCustomer .ObmMessage { } #main_content #formCustomer .birthdayline {clear:both;} #main_content #formCustomer .birthdayline select {} #main_content .consumer_actions {} #main_content #customer_basic_info {} #main_content #formCustomer .genderline { clear:both; } }