body {background-color:rgb(0, 20, 55);font-family:OpenSan, Arial, Helvetica, sans-serif;font-size:16px;margin:0;padding:0} #progressBar,header,main {background:#fff} a,a:hover {text-decoration:none} header {background:#fff;padding-bottom:1em;} header a {display:inline-block} header>div {padding:1em 0;display:table;border-bottom:1px solid #000;width:100%} header>div>div {display:table-cell;vertical-align:middle;width:33%;text-align:center} header img {width:100%;max-width:246px} @media (max-width:1024px){ #spacer {display:none} #logo {width:66%;text-align:left;padding-left:7px} #logo img {max-width:200px} } #navCont {text-align:right;padding:0 7px} #navCont table,#navCont tr,#navCont td {display:inline} #navCont a,#navCont a:hover {color:#000;font-size:17px;white-space:nowrap;display:inline;font-family: OpenSans-Regular,sans-serif;margin-left:1em} #navCont a:hover {color:var(--color-mybg1)} #navCont b {font-weight:normal} footer {color:#fff;font-size:12px;padding:30px;text-align:center;margin:0} footer a,footer a:visited {color:#fff} #mainTD {background:#fff;min-height:800px;vertical-align:top;clear:both;font-size:15px;color:#111;padding-bottom:20px;line-height:1.2em;background:#fff} #mainTD strong {color:initial} #mainTD {min-height:800px;vertical-align:top;clear:both;font-size:15px;color:#111;padding-bottom:20px;line-height:1.2em;background:#fff} #pagename {max-width:1220px;margin:0 auto;padding:0 10px} #mainTD a,#mainTD a:hover {color:inherit;font-family:inherit;text-decoration:none} #mainTD h1,#mainTD h2, #mainTD h3,#mainTD h5,#mainTD h5 {letter-spacing:0px;font-size:inherit!important} #mainTD label {color:inherit!important;text-align:left;margin-bottom:0px} #mainTD .availabityResult label {font:inherit!important} #mainTD button,#mainTD button:hover, #mainTD button:active {padding:0;background:var(--color-mybg1);font-size:inherit;border:none} #mainTD p {margin:0;color:inherit!important} #mainTD blockquote {margin:0;padding:0;border:none;color:inherit!important;line-height:1.1em} #mainTD ul {list-style:none!important;font-size:inherit;padding:0;margin:0} #mainTD ul li {font-size:inherit;padding:0;margin:0} #mainTD ul li:before {content:'\2022';padding-right:4px;font-size:140%;line-height:80%} #tabs ul li:before, #avForm ul.sbOptions li:before {content:'';display:none} .availabityResult {min-height:500px;margin:20px 0;border-radius:2px;position:relative} .almostSoldOut {color:#ef3123;font-style:italic} /*------------------------------------------------------------------------- avForm and DatePicker -------------------------------------------------------------------------*/ #datepicker button {padding:2px 3px} #datepicker table tr td {padding:2px 2px!important} .dpDiv {padding:4px 4px 2px 4px;background:#fff!important;center;color:#111;line-height:initial;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:3px;box-shadow:1px 1px 3px #555} .bigtable {font-size:12px;text-align:center;color:#111} .dpTable {font-size:12px;text-align:center;color:#111;border:none;border-collapse:collapse} .dpTR {height:18px} #datepicker table tr td.dpDayTD {width:25px} #datepicker table tr td.dpTD {background:#f1f1f1;border:1px solid #fff;padding:2px 2px!important;vertical-align:middle !important;min-width:31px;height:26px} #datepicker table tr td.dpDayHighlightTD {background-color:#948c89;vertical-align:middle !important} #datepicker table tr td.dpDayHighlight {font-weight:bold} #datepicker table tr td.dpTDHover {background-color:#948c89;cursor:pointer;vertical-align:middle !important} #datepicker table tr td.dpButtonTD {width:18px} #datepicker table tr td.dpTitleTD {text-align:center;height:26px} .dpTitleText {color:#111;font-weight:bold;font-size:13px} .dpTitleTR {margin-bottom:2px} #datepicker table tr td.dpButtonTD {border-top:none;border-bottom:none;cursor:pointer} #datepicker table tr td.dpButtonTD {border-top:none;border-bottom:none;cursor:pointer} #datepicker table tr td.dpTodayButtonTD {padding:5px;text-align:center} .dpButton {color:#111;border:none;font-size:12px!important;text-align:center;cursor:pointer;font-weight:bold;width:100%} .dpTodayButton {color:#111;border:none;font-size:12px!important;text-align:center;cursor:pointer;font-weight:normal;padding:0 5px} .sf {text-align:left} .pd {padding-left:3px;padding-right:3px;text-align:left} .pdl {padding-left:3px;padding-right:0px;text-align:left} .pdr {padding-left:0px;padding-right:3px;text-align:right} .sbHolder {background:transparent!important;color:#fff;border:1px solid #fff;padding:0;font-weight:normal;height:25px;position:relative;width:100%;box-sizing:border-box} .sbSelector {white-space:nowrap;text-overflow:ellipsis;overflow:auto;display:block;left:0;top:0;right:0;bottom:0;outline:none;overflow:hidden;position:absolute;text-indent:5px;line-height:22px;padding-right:21px;text-overflow:none} .sbSelector:link,.sbSelector:visited, .sbSelector:hover {color:#fff;outline:none;text-decoration:none} .sbToggle {display:block;position:absolute;right:0;top:0;left:0;bottom:0;transition:all .33s ease-in-out;-moz-transition:all .33s ease-in-out;-webkit-transition:all .33s ease-in-out;outline:none} .sbToggle:after {float:right;content:"\f078";color:#fff;padding:5px 5px;inline-block;font:normal normal normal 13px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold} .sbToggleOpen:after {content:"\f077"} .sbHolderDisabled {background-color:#transparent} #avForm ul.sbOptions {max-height:200px!important;z-index:100;background-color:#cccccc;border:solid 1px #cccccc;list-style:none;left:-1px;margin:0;padding:0;position:absolute;width:100%;width:calc(100% + 2px);overflow-y:auto;box-sizing:border-box} #mainTD ul.sbOptions {margin:0;padding:0;list-style:none} #mainTD ul.sbOptions li {margin:0;padding:0;border-bottom:1px solid #999;list-style:none;} #mainTD ul.sbOptions li:last-child {border-bottom:none} #mainTD ul.sbOptions a {color:#111;display:block;z-index:18;box-sizing:border-box} #mainTD #hotelcodeTD ul.sbOptions a {padding:7px 5px;line-height:1.1em;min-height:initial} #mainTD #requesttypeTD ul.sbOptions a {padding:0 5px;min-height:30px;line-height:29px} #mainTD ul.sbOptions a:link, #mainTD ul.sbOptions a:visited {color:#111;text-decoration:none} #mainTD ul.sbOptions a.sbGroup:hover, #mainTD ul.sbOptions a.sbGroup:focus, #mainTD ul.sbOptions a:hover, #mainTD ul.sbOptions a:focus, #mainTD ul.sbOptions a.sbFocus {color:#111;background:#948c89} #mainTD ul.sbOptions li.last a {border-bottom:none} #mainTD ul.sbOptions .sbDisabled {color:#ccc;display:block;padding:5px 0 0 11px} #mainTD ul.sbOptions a.sbGroup, #mainTD ul.sbOptions .sbGroup {color:#b0b0b0;background-color:#7a7572;display:block;font-size:14px;text-transform:uppercase;padding:15px 0 15px 5px} #mainTD ul.sbOptions .sbSub {padding-left:11px} #avFormCont {border-radius:2px;background:var(--color-mybg2)} #avForm {background:var(--color-mybg2);color:#fff;box-sizing:border-box;width:100%;margin:0 auto;display:table;padding:15px 0 5px 0;text-transform:uppercase;text-align:center;border-radius:2px} #avFormInner {margin:0 auto;width:auto} #avForm >span {display:inline-block;color:#fff;font-weight:normal;vertical-align:top;padding:3px 3px;font-size:14px;line-height:14px;text-align:left} #avForm #calMsg span {padding:0} #avForm label {display:block;text-indent:1px;font-weight:normal;text-transform:uppercase;color:#fff!important;font-size:12px;height:13px} #avForm #calMsg span {font-size:11px} #avForm label i.w {font-style:normal} #avForm select,#avForm input {background:transparent!important;color:#fff;border:1px solid #fff!important;text-transform:uppercase;box-sizing:border-box;display:block;padding:0;font-weight:normal;height:25px;outline-width:0;text-indent:5px;font-size:12px;border-radius:0} #avForm >span .sbHolder {font-size:12px} #avForm select option {background:transparent!important;color:#111;border:1px solid #cccccc!important} input#startDate,input#endDate {z-index:3;-webkit-touch-callout:none;-webkit-user-select:none;position:relative} #arrivalTD,#departureTD {position:relative} #arrivalTD:after,#departureTD:after {z-index:2;position:absolute;content:"\f00a";color:#fff;bottom:7px;right:9px;display:inline-block;font:normal normal normal 14px/13px FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold} #avForm span#requesttypeTD {padding-right:1px} #avForm span#codeboxTD {padding-left:0} #tbtTD {overflow:hidden} #tbtTD div {display:none;box-sizing:border-box;height:23px;line-height:23px;text-align:center;color:#fff;font-weight:normal;font-size:10px} #tbtTD a {background:#fff!important;color:var(--color-mybg2)!important;display:block;width:100px;box-sizing:border-box;height:25px;line-height:26px;text-align:center;padding:0;border-radius:2px} #tbtTD a:hover {text-decoration:none!important;opacity:.9} .sbOptions,ul.sbOptions li {border-color:#cccccc;background-color:#eee!important;color:#111;min-height:1em} /*------------------------------------------------------------------------- end avForm and DatePicker -------------------------------------------------------------------------*/ /* tabs & buttons */ .selectRoomRateMessageR {display:none} .selectRoomRateMessageR {display:none} .topHelp {float:right;font-style:italic;margin:5px;clear:right} #addOnItems,#avCont,.tabsblock {clear:both;border-top:2px solid var(--color-mybg2);margin-top:-2px;pading-top:5px} .shareResDetails a,.issueButton,.siteButton,.rr_children a,#zaptoken,.ovalbuttonRRP,.ovalbutton {color:#fff!important;display:block;cursor:pointer;height:25px;line-height:25px;width:auto;padding:0 10px;text-align:center;text-decoration:none;font-weight:normal;transition:all 0.2s ease;text-transform:uppercase;font-size:14px;box-sizing:border-box;font-style:normal;border-radius: 2px;width:100%;max-width:180px} .issueButton,.siteButton {display:inline-block;width:auto;padding:0 5px} #zaptoken {width:60px;height:25px!important} #zaptoken, .dpButton, .dpTodayButton, input.sharebutton,.rr_children a, .shareResDetails a,.issueButton,.siteButton, .m_bottom:after, .roddBtn,.ovalbuttonRRP,.ovalbutton {background:var(--color-mybg1);color:#fff!important} #zaptoken:hover, .dpButton:hover, .dpTodayButton:hover, input.sharebutton:hover,.shareResDetails a:hover,.rr_children a:hover, .issueButton:hover,.siteButton:hover, .roddBtn:hover,.ovalbutton:hover, .m_bottom:hover:after, .ovalbuttonRRP:hover {color:#fff!important;text-decoration:none;background:var(--color-mybg1)} .selectRoomRateMessageL {overflow-x:auto;overflow-y:hidden} #mainTD table.multiHotelTabs, ul#tabs,#tabs ul {display:table;border-collapse:separate;border-spacing:2px;border:none;list-style-type:none} #mainTD table.multiHotelTabs.aoiTable {margin-bottom:0px} #mainTD table.multiHotelTabs tr td, div#tabs ul li,ul#tabs li {background:var(--color-mybg2a);color:#fff!important;display:table-cell;width:auto;padding:2px 6px!important;text-align:center;cursor:pointer;height:30px;text-transform:uppercase;vertical-align:middle;padding-left:10px;padding-right:10px;border-radius: 3px 3px 0 0} #avCont >.av {border: 1px solid #8c8b89} div#tabs ul li:before,ul#tabs li:before {display:none} #mainTD table.multiHotelTabs td.hoteltabsSelected, #tabs li:hover,#tabs li.hasFocus,#tabs li.v {background:var(--color-mybg2);color:#fff!important} .rr_pick .buttonwrapper {width:80px!important} /*roomrate*/ .roomDescContent {margin:1em 0;cursor:pointer;xmin-height:50px} .roddC p {margin-top:0} .roomDescContent strong.rn {display:none} .amenitiesOpen,.amenitiesClose {display:none} .roomDescContent * {font-family:inherit !important;text-align:left} .roomDescContent,.roddC {line-height:1.5em} .terms ul {list-style:disc outside none;margin-left:1em;padding-left:.4em} .terms li {padding-left:.4em;margin-bottom:.25em} .ExcludedAmounts {background-color:#eeeeee;padding:3px 13px} .avCal4Room {float:right} /*.showingAvCal4Room {float:right;font-size:80%}*/ .selectRoomRateMessageb4ExtraBreak {display:none} .retrieveResPage .availabityForm,.bookPage .availabityForm {display:none} .retrieveResPage .availabityResult,.bookPage:not(.addOns) .availabityResult {margin-top:0} .retrieveResPage,.bookPage:not(.addOns) {max-width:920px} /* to style the book form*/ .bookPageForm table,.bookPageForm tbody, .bookPageForm tr,.bookPageForm td, .bookPageForm u, .bookPageForm input[type=text], .bookPageForm select, .bookPageForm textarea {display:block;width:100%!important} .bookPageForm b {font-weight:normal} .bookPageForm input[type='password'], .bookPageForm input[type=text], .bookPageForm select, .bookPageForm textarea {border:1px solid #ccd0d5;margin-bottom:20px;color: #002045;border-radius: 0px;width: 100%;height: 54px;line-height: 2.5em;box-shadow: none;text-indent: 5px;background:#fff} .bookPageForm textarea {height:120px;line-height:1.2em} #bookPage3rdRowMC,#betweenDBDHeadandSection, .retrieveLastRes,#betweenDBDHeadandSection, .brbelowCreateForm,.stayDurationRow {display:none} .bookPageForm td.rightTDcc {width:49%!important;display:inline-block!important} #ccmonth {margin-right:10px} #ccyear {margin-left:10px} .bookPage .errtext, .bookPageForm >.Lite:first-child,#bookCommentTD,#CreditCardTD {max-width:400px} .regReqFields {display:none} #mainTD .tableresult strong,#mainTD .DBDdata strong {font-weight:normal} @media (min-width:950px) { #mainTD .tableresult,#mainTD .DBDdata {width:calc(100% - 440px);max-width:calc(100% - 440px);min-width:calc(100% - 440px);float:right; background:var(--color-mybg1);padding:10px;margin:0} #mainTD .tableresult td,#mainTD .DBDdata td {color:#fff!important} #mainTD .tableresult strong,#mainTD .DBDdata strong {color:#fff!important;} #mainTD .tableresult a font {color:red!important} .tableresult tbody>tr:first-child>td {padding-top:10px!important} #mainTD .DBDdata tr>td:first-child {padding-left:10px!important} #mainTD .DBDdata tr>td:last-child {padding-right:10px!important} #mainTD .tableresult tr>td:first-child {padding-left:10px!important} #mainTD tr.grandtotal td {padding-bottom:10px!important} x.roomRateHeadWBE >font {background:#fff;padding:2px} .depositPolicy {margin-right:-100px} } .yOD1 {display:none} .DBDdata {margin-bottom:2em} .bookPage .availabityResult {margin-top:0} .bookPage:not(.addOns) .paymentB4Addon {display:none} .help {text-align:right;font-style:italic;margin:8px 0} .helpdblclkLit {color:red;background-color:yellow} #mainTD #grandTotal {border-top:1px solid #555!important} #addonPacakgeHeader {margin-top:1em;border-bottom:1px solid #555!important} input.grandTotal,.itemCost input {font-size:inherit!important;padding-right:2px!important} .itemCost input {padding-right:4px!important} .braboveDBD,.brbelowCreateForm {display:none} #mainTD table.DBDdata tr:first-child td {border-bottom:1px solid #aaa!important} #mainTD #pagename:not(.addOns) table.DBDdata tr.grandtotal td {border-top:1px solid #aaa!important} #mainTD table.tableresult2 tr:last-child td {border-top:3px double #aaa} #confirmaoiDescTotal,.DBDdata b,.confirmaoiTr td,.DBDdata strong,#confirmaoiDescTotal nobr {font-weight:normal!important} .DBDdata,.DBDdata tr,.DBDdata td {height:auto!important} .dbdhead,.DBDdata {line-height:1em} #mainTD .dbdhead td,#mainTD .DBDdata td {padding:4px 1px!important} .dbdhead td,.DBDdata td {text-align:left} .dbdhead tr>td:first-child, .DBDdata tr>td:first-child {width:130px!important} .dbdhead tr>td:last-child {width:80px!important;text-align:right;padding-right:20px} .DBDdata tr>td:last-child {width:80px!important;text-align:right;padding-right:10px} .dbdDetails {padding-right:10px} .dbdDetails span {white-space:nowrap;padding-right:.5em} .dbdDetails div {display:inline} .DBDdata tr.total td,#dbdBottomDetails {padding:5px;margin-bottom:1em} #dbdBottomDetails .myhead {margin:3px 0px} #dbdBottomDetails ul {margin:0;padding:5px 0 0 1.2em;margin-bottom:0;text-align:inherit} #dbdBottomDetails ul li {padding-left:0} #dbdBottomDetails ul li:before {content:'';display:none} .errContainer {width:100%!important} .bpdeposit {color:darkred} .errtextinner {padding:10px;color:#8F2C2C} a.errLink {color:8F2C2C} a.errLink:hover {color:#900} .errtext li {display:inline-block;min-width:33%} @media (max-width:666px) { .errtext li {display:block}} tr.errField select, .errtext {background:rgba(247,232,230,0.2);border:1px solid #B88282;margin-bottom:10px;border-radius:2px} tr.errField input {background:rgba(247,232,230,0.2);border:1px solid #B88282!important} .litBox {background:rgba(247,232,230,0.2);border:1px solid #B88282!important;padding:5px!important} /* to style the book form*/ .terms p {margin:0;padding:3px 0} .loggedInBookPageTable .myhead.bookPageForms,.regFormTitle, u.bookPageForms {font-weight:bold;margin-bottom:10px;display:block;text-decoration:none} i.cptoggle {font-size:16px;color:#35332F} #bookPageCreateProfiAgree, #bookPageCreateProfTable,div.cptoggle {display:none} #bookNowTermsDetails, #registerTermsDetails {position:relative;margin:5px 0 1em 0;display:none;padding:10px;background-color:#f6f6f6!important;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.3);box-shadow:1px 1px 3px rgba(0,0,0,.3)} .closethis {position:absolute;bottom:10px;right:10px;font-weight:bold} #bookNowTermsDetails, #myinterest,x#internalstuff, .retrieveLastRes, #b4tableresult, #betweenDBDHeadandSection {display:none} .leftTD {vertical-align:middle;padding-bottom:5px} .leftTD label {display:block;box-sizing:border-box} .leftTD label i {padding-right:10px} .stayDurationRow {display:none} #mainTD .dbdhead,#mainTD .DBDdata,#mainTD #grandTotal,#mainTD .tableresult {width:100%} #pagename.addOns .tableresult1, #pagename.addOns .dbdhead, #pagename.addOns .DBDdata tr:not(.grandtotal) {display:none} #pagename.addOns .DBDdata tr.grandtotal b {font-weight:normal} #pagename.addOns .DBDdata tr.grandtotal td:first-child b:after {content:' before add-ons'} .bookpagebelowoptions {margin:5px;font-size:80%;font-style:italic} .tableresult td {vertical-align:top} .confDetailsHead td,.tableresult td {padding:5px 0!important;height:1.5em!important} .confDetailsHead tr:first-child {display:block;height:10px} .confDetailsHead tr:last-child td {padding-bottom:10px!important} .confDetailsHead tr > td:first-child {white-space:nowrap;padding-right:5px!important;xpadding-left:10px!important;width:120px} select {appearance: none;} .rrFormTable,.fpFormTable,.forgotUsernameTable,.logonFormTable,#registerForm #bookPageLC,#registerForm #bookPageRC, #registerForm #upLC {border-collapse:separate;border-spacing:10px;max-width:360px;margin:-10px} select.regFormSelect,.rrFormTable input,.retResInput,input.regFormInput {border:1px solid #ccd0d5;color: #002045;border-radius: 0px;width: 100%;height: 54px;line-height: 2.5em;box-shadow: none;width:280px;text-indent:5px;background:#fff;box-sizing: border-box;} @media (max-width:1000px) { #registerForm .formRegister, #registerForm .formRegister td {display:block} #registerForm .formRegister table td {display:table-cell} .un_pa_sec_head {padding-top:10px} } .formRegister label b {font-weight:normal} .forgotUsernameTable td:first-child, .rrFormTable td:first-child, .fpFormTable td:first-child, .logonFormTable td:first-child, .tableresult1 tr > td:first-child, .leftTD, .leftTD label {width:120px;min-width:120px} .leftTD label b, .tableresult tr > td:first-child b, .confDetailsHead tr > td:first-child b , .rrFormTable td:first-child, .fpFormTable td:first-child, .rrFormTable td:first-child, .forgotUsernameTable td:first-child, .logonFormTable td:first-child {font-weight:normal;vertical-align:middle} b.cancelledWith {color:#a00!important;font-weight:normal} .leftTD label b {font-weight:normal;font-family:sans-serif} .streetAddress2 .leftTD label {padding-right:1em} .bookPageButtonContTD {padding:10px 0;margin:0 auto} .regForm {width:100%!important;xbox-sizing:border-box;margin:10px 0px;empty-cells:show} #mainTD .formRegister,#mainTD .formRegisterB, #mainTD #bookPageCreateProfTable {width:100%} .securitySpacerTD,.MCTD, #bookPageMC,#bookPage3rdRowMC {width:auto!important;padding:0;margin:0} .VerticalSeperator, .BookRoomNowSeperator, .BookRoomNowSeperator {display:none} tr.emailVerify>td:first-child:after {content:"";padding-left:10px} .bookPage #registerPageCreateProfiAgree, .bookPageCreateProfile, .bookPageCreateProfile u.bookPageForms {display:none} .regReqFields,.reqFieldMarker {color:#a00!important;margin-right:0!important;padding-right:0!important;padding-left:3px} .phoneRowHead td {padding-top:5px;padding-bottom:5px} .hotelInfo {display:none} #hotelInfoDIV {display:block;margin-left:5px} #hotelInfoDIV img {width:200px} #hotelInfoDIV {float:right;margin-top:-25px} #phonenumberbreak, .ResultPhoneNo {display:none} .erheadEntered {display:none} .erheadAuto {display:block} .redIt {box-shadow:1px 1px 2px 5px #dd6608} .ifc {overflow-y:hidden;margin:0 -20px} .roomRateHeadWBE {font-size:90%;padding:5px;margin:10px 20px 10px -90px!important;xcolor:#444;border:1px solid #555; border-radius:2px} .roomRateHeadWBE {padding:5px;border:1px solid #aaa; border-radius:2px;margin:3px} .roomRateHeadWBE i {font-style:normal} .roomRateHeadWBE ul {margin:0;padding:0} .roomRateHeadWBE ul li {margin:0;padding:0; list-style-position: inside} li.gcount0 {display:none} #logonRightInnerTable {width:420px} .roomOnly {border:1px dashed rgba(254,254,254, 0.95);padding:5px;background:transparent} .myradio {border-color:transparent;border-width:0px} .tdbutton {background-color:#ffffff;color:#111;height:25;vertical-align:middle;text-align:center} .mybgcolor {background-color:#9B0000;color:#fff} #shortHeader {padding:0 0px 10px 0px;text-transform:uppercase;font-weight:bold!important} #shortHeader i {color:#000;font-style: normal;font-weight: normal} .bookPage #shortHeader,.bookPage #shortHeader i {color:#111;padding:0} #shortHeader strong {font-weight: normal} .bookPage:not(.addOns) #shortHeader {display:none} .gold.pageTitle,.logonPage .gold, .gold.BookRoomNowMiddleHead, .goldRegPage .avHelp {display:none} .regReqFields {float:right;margin-right:25px;margin-bottom:3px;font-size:70%!important} .avLbl {font-size:10px;font-weight:bold} .pwshort {display:block;height:22px;line-height:22px;text-align:center;width:75px} .roddPriceNBook .pwshort {position:absolute;bottom:5px;right:5px;text-align:right} .pleasewait {position:relative;top:-18px;height:18px;visibility:hidden;z-index:1000;font-weight:bold;color:#ddd} .tblAvForm {padding-left:0px} .ResultPhoneNo {font-weight:bold} .bookPageBelowGrandTotal {margin:5px 0px 10px 0px} .amse {position:fixed;bottom:0;right:0;width:300px;height:2em} .appvaradmin {border:thin dotted #ffff00;line-height:15px;height:15px} a.adminEdit {background-color:#ffff00;color:#ff0000;font-size:9px;font-weight:bold;padding:3px 2px 2px 2px;margin:0px 0px 0px 0px} a.adminEdit:hover {background-color:#ff0000;color:#ffff00} .loading2 {display:block;margin:30px auto;height:100px;width:100px;background:url(loading.gif)} .bookedPackages {padding:10px 20px} .bookedPackages ul {margin-left:10px!important} .confDetailsHead,#avCont >.av {margin-bottom:10px;clear:both;padding:10px;overflow:hidden;border-radius:2px} .onlyChildZoom .roomRates >.rr_ratename, .rname,.roomName,.aoiName,#regionalResults h1 {font-size:18px;font-weight:bold;padding:0;margin:0 0 5px 0;text-transform:uppercase;display:inline} .rname,.roomName,#regionalResults h1 {display:inline;color:var(--color-1)} .roomDescContent .rname {display:none} .notAv .roomDescContent .rname {display:block} .roomNotAv .rname {display:block!important;margin-top:-1em;margin-bottom:1em} .roomDescExpand {color:#a00;font-weight:bold} .roomDescMore {display:none} .rateHeaderLine {display:none} .roomImages {width:375px;overflow:hidden;float:right;padding:0 0 15px 5px;position:relative;box-sizing:border-box;/*z-index:100*/} .riD1 {overflow:hidden} .riD2,.riD3,.riD4,.riD5 {width:33.333333%;display:inline-block;overflow-y:hidden;box-sizing:border-box;max-height:58px;vertical-align:top} .roomImages img {width:100%;box-sizing:border-box;border:2px solid white} .roomRatesContainer {display:block} .responsiveMode .roomRatesContainer {max-width:100%!important;width:100%!important;clear:both!important} .seemore .fa {font-weight:bold} .rr_ratename {color:#111} .roomRatesHead, .roomRates {border:none} .roomRatesHead {background:#ddd} .seemore {color:var(--color-mybg1);clear:both;width:100%;margin:.5em 0!important;overflow:hidden;font-weight:bold;text-transform:uppercase} .seemore span {} .sar i.fa {font-size:16px!important} .sar {} .startingFrom {text-align:right} .startingFrom:before {font-size:inherit;content:'starting from '} .startingFrom:after {font-size:inherit;content:' per night'} .roomDescContent {} .roomDescContent p {} #avCont .seemore,.roomRatesContainer {max-width:100%!important;width:100%!important;clear:both} .roomRatesContainer {border-radius:2px;overflow:hidden;background:#fff;border:1px solid #ddd} #avCont .roomImages {width:35%;overflow:hidden} .seemore,.listmode .zoomed .seemore {display:none} .listmode .seemore {display:block} #rates div.rad div.seemore {margin:0!important;padding-left:5px} .breakAfterRateDescCancelBy, .rateHeaderLine {display:none} .avHelp {text-align:left !important} .roomRatesHead,.roomRates {display:table;width:100%} .roomRates .rr_seemore,.roomRates .rr_seeless {padding-left:2px} .roomRatesHead > div {color:#111;font-weight:bold!important;width:85px;min-width:85px;display:table-cell;margin:0;padding:5px;vertical-align:middle;text-align:center;cursor:pointer;text-transform:uppercase} .roomRates > div {width:65px;min-width:65px;display:table-cell;margin:0;padding-right:5px;vertical-align:middle;text-align:center;cursor:pointer;height:30px;padding-bottom:0} .roomRatesHead div.rr_total, .roomRates div.rr_total {width:auto;text-align:right} .roomRatesHead div.rr_nightly, .roomRates div.rr_nightly {display:none} .oneRateRoom .roomRatesHead {display:none} .oneRateRoom .roomRates div.rr_seemore {display:none} .oneRateRoom .rr_desc {margin:0;display:block!important} .rr_nightly,.rr_total {font-weight:bold;color:#111} #multiAOITabs {margin:1em 0} .aoiName, .roomRatesHead div.rr_ratename, .roomRates div.rr_ratename {color:#111;width:auto;text-align:left;overflow:hidden;text-overflow:ellipsis;font-weight:bold;text-transform:uppercase} .roomRates div.rr_ratename {color:var(--color-mybg1)} #mainTD table#multiHotelTabs tr td {line-height:1em!important} .roomRates > div.rr_ratename, .roomRates > div.rr_nightly {line-height:1.1em!important} .roomRatesHead div.rr_seemore, .roomRates div.rr_seemore, .roomRates div.rr_seeless {width:20px;min-width:20px;text-align:center;font-weight:bold;font-size:16px;line-height:18px} #mainTD i.fa {color:var(--color-mybg1)} #mainTD i.fa.noColor {color:inherit;xopacity:.5} .roomRates .buttonwrapper {width:initial!important} .rr_desc {display:none;height:auto;text-align:left;line-height:1.5em;padding:0px;text-align:justify;margin:3px 6px 5px 6px;padding:10px} .roomRatesContainer .rightbox > .rr_desc:last-child {border-bottom: none} .rr_desc p {margin:3px 0} .rr_desc ul {list-style:none;padding:0;margin:0;text-align:left} .rightboxHeadTable {margin:0px 15px 0px 0px;height:36px} .loadingDiv {background:url(loading.gif) rgba(255,255,255,.8) center center no-repeat;position:fixed;top:0;right:0;left:0;bottom:0;z-index:2000} a.ovalbutton.avCal4Room {display:none} table.silver_av {display:block;width:100%} .silver_av > tbody > tr > td, .silver_av > tr > td {display:inline-block;width:auto!important} .forgotUsernameTable, .liteLogonPage,.darkLogonPage {width:300px} .liteLogonPage {margin-right:50px;margin-bottom:2em} #logonLeftInnerTable {width:initial!important;height:auto!important} #logonRightInnerTable {width:initial!important;height:auto!important;margin-bottom:2em} #logonLeftInnerTable .errtext {width:100%} .forgotUsernameTable, .fpFormTable,.logonFormTable {max-width:300px} tr.rememberme {display:none} #tbtRS, #tbt,#avwaitmsg {width:180px;margin:0 auto} #avwaitmsg ,#waitmsg {text-align:center;transition:all 2s;color:#a00!important} .rrFormTable #tbt, .rrFormTable #avwaitmsg, .fpFormTable #tbt, .fpFormTable #avwaitmsg, .logonFormTable #tbt, .logonFormTable #avwaitmsg {margin:0 auto} .bookPageButtonContTD #tbt {width:auto} .logonFormTable table td:first-child {min-width:0px} .logonLeftInnerTableSpacerRow, .logonLeftInnerTableSpacerCol, .logonRightInnerTableSpacerRow, td.aWhite, #logonRightInnerTable > tbody > tr:first-child, #logonRightInnerTable > tr:first-child, #logonRightInnerTable > tbody > tr > td:first-child, #logonRightInnerTable > tr td:first-child {display:none} .aWhite {width:100px} .confDetail {max-width:480px!important} .resHistDetails {margin-bottom:1em;background-color:#fff;box-shadow:1px 1px 5px rgba(0,0,0,.3);color:#111!important} .resHistDetails table {color:#000} .resHistDetails tr {cursor:pointer} .resHistDetails td {padding:5px 0} .resHistDetails tr:first-child td {font-weight:bold} .resHistDetails a:hover {text-decoration:none;color:#111} #sharethis, #cancelBooking {margin:2em auto 0 auto;box-sizing:border-box;width:429px;border:1px solid #555; border-radius:2px;padding:10px;background-color:#fff;text-align:center} #sharethis {display:block;margin:20px auto;width:429px;padding:15px 5px 12px 5px;text-align:center;border:1px solid #555; border-radius:2px} .bookedPageCancelTable {width:initial;margin:0 auto} .bookedPageCancelTable .buttonwrapper {margin-left:5px} #sharethis img {vertical-align:text-top} .createprofilebreak, tr.tableresultspacerRow, tr.tableresultspacerRow td, .regFormabovebuttonSpacer {display:none!important} .regForm > tbody > tr > td .regForm > tr > td {padding-top:5px} .sh_children, .sh_adults {display:none} .subplustax {white-space:nowrap;font-style:italic} #tabs-1,#tabs-2,#tabs-3,#regProfileDiv {padding:10px 3px;} #AOICloseTop {position:absolute;top:10px;right:10px} #AOIClose {width:120px;text-align:center;margin-left:auto} #addonpopBtn {margin-top:20px;font-weight:bold;text-transform:uppercase} #addOnSummary {padding:5px 0px 20px 0px} #addOnSummary ul.items {list-style:initial;list-style-type:none;margin:0;border-bottom:1px solid #555} #addOnSummary ul.items li {padding-left:5px;vertical-align:top} #addOnSummary ul.items li b {font-weight:normal;width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top} @media (max-width:400px) {#addOnSummary ul.items li b {width:180px}} #addOnSummary .total i, #addOnSummary ul.items li i {font-style:normal;padding-left:1em;width:60px;text-align:right;display:inline-block;vertical-align:top} #addOnSummary .total {padding:0 10px 0 5px} #addOnSummary .total i {float:right} #dynamicAddOns {display:none;z-index:100;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.8);overflow:auto;z-index:10000} #dynamicAddOns .inner {display:table;margin:0 auto;width:80%;min-width:320px;height:100%} #dynamicAddOns .inner2 {display:table-cell;height:100%;vertical-align:middle} #dynamicAddOns .inner3 {position:relative;max-height:100%;padding:10px;background-color:#f4f4f4;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.6);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.7);box-shadow:1px 1px 3px rgba(0,0,0,.7)} #dynamicAddOns .inner3 * {font-size:14px} #addOnItems {position:relative;width:100%;overflow:visible} #aoiScrollContainer {margin:0 -5px} .addOnItemsFootTable input, #addOnItems input[type=text] {background-color:transparent;width:70px;text-align:right;font-size:inherit;border:none!important;box-shadow:none;float:right;height:2em} #addOnItems input.aoiTax {display:none!important} #addOnItems select {width:60px;text-indent:7px;height:22px;background:var(--color-mybg1);border-color:var(--color-mybg1);color:#fff!important;border-radius:2px} #addOnItems select option {text-indent:7px;line-height:1em} #confirmaoiDescTotal {} .selectedAddOns {font-weight:normal;display:block;font-size:12px;font-style:italic} .eachAddon {padding-left:10px} .selectedAddOns>.eachAddon>.qtty {font-weight:bold;color:var(--color-2)} .selectedAddOns>.eachAddon>.qtty:after {content: " x "} .tabsblock {padding-bottom:2px;overflow-y:hidden} .aoiDiv {position:relative;padding:10px;;margin:0 5px 10px 5px;box-sizing:border-box;min-height:120px;background-color:#eee;xborder:3px solid #fff} .aoiDiv ul {list-style-position:inside!important;line-height:1em;margin:0;font-size:inherit} .gold.addOnItemsFootTable {width:100%;font-style:normal;!important;text-transform:none;font-size:inherit} #mainTD .tableresult2 tr >td:last-child {text-align:right;height:1.5em!important} #mainTD .addOnItemsFootTable tr >td:last-child {text-align:right;width:100px;height:1.5em!important} .addOnItemsFootTable tr td {color:#111!important;font-weight:normal!important} .aoiName {font-weight:bold;padding:0;margin:0 0 5px 0;text-transform:uppercase} .aoiDesc {padding-bottom:10px;margin-top:.5em} .addonImage {height:100px;float:right;margin-left:10px} .aoiBtm {display:table;width:100%} .aoiPicker {display:table-cell;vertical-align:top} .aoiCostTotal {display:table-cell;vertical-align:top;text-align:right} .aboveAddOnItemsFootTable,.aoiTaxDiv,.aoiTax {display:none} @media (max-width:800px) { #aoiScrollContainer {margin:0} .gold.addOnItemsFootTable,.aoiDiv {width:calc(100% - 2px);margin:0 0 10px 0} .gold.addOnItemsFootTable td {font-size:12px!important;padding:5px} .aoiBtm {clear:both} .aoiDiv {padding:5px;width:calc(100% - 4px);margin:4px 2px} }/*800*/ @media (max-width:666px) { #dynamicAddOns .inner3 {height:100%;width:initial} #dynamicAddOns .inner {width:100%} }/*666*/ .inline {display:inline} #resultmodeTD i.fa {color:#111} #resultmodeTD .opened .fa-chevron-down {display:none} #resultmodeTD .opened .fa-chevron-up {display:inline!important} .right {float:right} .resHistDetails tr >td:last-child {display:none} .roomDescContent b.roomname {display:none} .rightbtn {font-style:normal;text-transform:uppercase;font-size:60%} .travelAgenttd u.bookPageForms {display:inline-block} span.regularPrice {text-decoration:line-through!important;opacity:0.5;padding-right:.3em;text-decoration-color:red;vertical-align:middle;font-size:0.7em} span.memberPrice {color:green!important;vertical-align:middle} span.memberPrice:after {content:"*";color:green!important;font-weight:bold;vertical-align:top} #avCont .av.avHide {display:none} .hidden {display:none} #noResults {display:none} /* to make quick reg */ .quickMode #bookPageRC tr td:first-child, .quickMode #bookPageLC tr td:first-child {min-width:120px} .quickMode .formRegister td, .quickMode .formRegisterB td {display:block;font-size:14px;width:100%!important} .quickMode #bookPageCC td, .quickMode #bookPageRC td, .quickMode #bookPageLC td, .quickMode #upLC td {display:table-cell;vertical-align:middle} .quickMode .phoneRowHead, .quickMode .busPhonNum, .quickMode .streetAddress, .quickMode .titleRow, .quickMode .un_pa_sec_head, .quickMode .formRegisterB td#regPageLC, .quickMode .formRegisterB td#regPageRC, .quickMode .formRegisterB td.securitySeconColSpacer, .securityQA, .quickMode .formRegister td.bookPageMC, .quickMode tr.spacerRow, .quickMode .regReqFields, .quickMode .formRegisterB td.bookPageMC, .spacerRow, .availiabilityListBP .fax,.fax, .availiabilityListBP .titleRow, .availiabilityListBP .homPhonNum,.homPhonNum, .availiabilityListBP .busPhonNum,.busPhonNum, .availiabilityListBP .phoneRowHead,.phoneRowHead, .availiabilityListBP .streetAddress2, .availiabilityListBP .phoneRowHead, x.availiabilityListBP .streetAddress1, x.availiabilityListBP .cityRow, x.availiabilityListBP .stateRow, .availiabilityListBP .bookPageMC, .availiabilityListBP .bookPageLCRow1, .availiabilityListBP .bookPageRCRow1 {display:none} /* ----------------------------------------------------------------------*/ @media (max-width:960px) { .availabityResult {max-width:960px;padding:10px 5px} .navTDtable1 {max-width:950px;font-size:15px} .gold {font-size:17px} .roomRatesContainer {max-width:100%!important;width:100%!important;clear:both} } @media (max-width:859px) { .navTDtable1 {font-size:14px} .gold {font-size:16px} .LiteBookPage, .DarkBookPage {padding:10px 0px 0 0} .regForm {margin:10px 0px 0 0} .regForm > tbody > tr > td, .regForm > tr > td {padding-bottom:1em} .regFormInput,.regFormSelect, .dusername,.ccFormInput, .ccFormSelect,.ccFormSelect2, .logonInput,.fpFormInput, .fpFormSelect,.retResInput, .regFormTextarea,.rightTD {width:220px!important} .rightTDcc, .travelAgenttd {display:none} .roomRatesHead div.rr_ratename, .roomRates div.rr_ratename {max-width:250px} } /* ----------------------------------------------------------------------*/ @media (max-width:800px) { #rates div.rol,#rates div.rod {min-width:316px} .top-menu-container {display:none} #vrbButton {display:none!important} #avCont .roomImages {width:35%} .content img.addonImage {width:30%!important;max-width:200px!important} #avCont .seemore,.roomRatesContainer {max-width:100%!important;width:100%!important;clear:both!important} .oneRateRoom .roomRatesHead {background:transparent} .roomRatesHead div.rr_nightly, .roomRates div.rr_nightly {display:none} .roomRates .rr_pick, .roomRates .rr_nightly {width:60px;min-width:60px} .roomRatesHead .rr_pick {width:50px;min-width:50px} .roomRatesHead .rr_pick {width:50px;min-width:50px} } @media (max-width:700px) { #wrap #header .menu-toggle {width:50px} } /* ----------------------------------------------------------------------*/ .categorybreak {display:none} @media (max-width:510px) { .navTDtable1 {max-width:950px;font-size:13px} .gold {font-size:17px} .navTDtable1 {font-size:13px;border-bottom:none} .navTDtable1 td {display:block} .navTDtable1 td:first-child {border-bottom:1px solid transparent} .navTDtable1 td:last-child {} #avCont .seemore,.roomRatesContainer {max-width:100%!important;width:100%!important;clear:both!important} .oneRateRoom .roomRatesHead {background:transparent} .roomRates .rr_pick, .roomRates .rr_nightly {width:60px;min-width:60px} .roomRatesHead .rr_pick {width:50px;min-width:50px} .roomRatesHead .rr_pick {width:50px;min-width:50px} .categorybreak {display:block} table.multiHotelTabs td, ul#tabs li {padding-right:3px;padding-left:3px} #mainTD.ZAZA table.multiHotelTabs td {width:20%} #mainTD.ZAZAH table.multiHotelTabs td {width:25%} } @media (min-width:700.1px) { .mobileOnly{display:none}} #responsiveMode {display:none} @media (max-width:700px) { .desktopOnly {display:none} #responsiveMode {display:block;position:absolute;bottom:0;right:0;width:1px;height:1px;overflow:hidden} #mainTD .availabityResult {overflow-x:hidden;font-size:13px} .dpDiv {left:10px!important;right:10px!important} .dpTable {width:100%} .hotelInfo {display:none} .resHistDetails {background-color:transparent;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none} .resHistDetails tr {display:block;height:auto;margin:10px 2px;background-color:#F6F6F6;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.3);box-shadow:1px 1px 3px rgba(0,0,0,.3)} .resHistDetails tr:first-child {display:none} .resHistDetails td {display:block;text-align:left!important;padding:2px 0!important} .resHistDetails td:before {display:inline-block;width:110px;padding-left:5px;font-weight:normal;text-transform:uppercase} .resHistDetails td:nth-child(1):before {content:"Conf. No."} .resHistDetails td:nth-child(2):before {content:"Property"} .resHistDetails td:nth-child(3):before {content:"Arrive"} .resHistDetails td:nth-child(4):before {content:"Depart"} .resHistDetails td:nth-child(5):before {content:"Amount"} #sharethis,#cancelBooking {width:300px!important} .rrFormTable .fpFormTable .logonFormTable {max-width:300px!important} .braboveDBD,.brbelowCreateForm {display:none} .gold.dbdhead {font-size:inherit} .dbdhead,.DBDdata, .dbdhead tr,.DBDdata tr, .dbdhead td,.DBDdata td {height:auto!important} .dbdhead,.DBDdata {line-height:1em} .dbdhead td,.DBDdata td {width:auto!important;text-align:left;padding:2px;vertical-align:top} #mainTD table.dbdhead td:first-child, #mainTD table.DBDdata td:first-child {width:110px!important} .tableresult1 tr > td:first-child, .leftTD, .leftTD label {width:110px;min-width:110px} .dbdhead tr>td:first-child, .DBDdata tr>td:first-child {width:80px!important} .dbdhead tr>td:last-child {width:80px!important;text-align:right;padding-right:10px} .DBDdata tr>td:last-child {width:60px!important;text-align:right;padding-right:10px} .dbdDetails {padding-right:10px} .dbdDetails span {white-space:nowrap;padding-right:.5em;font-size:90%;line-height:1em} .dbdDetails div {display:table-row} .dbdDetails span.dbdItem {display:table-cell;padding:0 10px 0 1px;min-width:100px} .dbdDetails span.dbdCur {display:table-cell;text-align:right} #dbdBottomDetails {padding:5px 0;border:1px solid #555;margin:1em 3px;border-radius:3px;background-color:#eee} #dbdBottomDetails .myhead {margin:0 3px;font-weight:bold} #dbdBottomDetails ul {margin:0;padding:0 3px 0 1.5em;margin-bottom:0;text-align:inherit} #dbdBottomDetails ul li {padding-left:0} td.bookCommentsColumns {display:none} #bookPage3rdRowMC, #bookPageMC,.securitySpacerTD {display:none!important} .CreditCardTD,#travelAgenttd {padding-left:0} #BookPageBottomTable tr:first-child {display:none} .bookPageCreateProfile {display:none} .regFormTextarea {width:316px!important;height:3em!important;margin-left:2px;margin-bottom:10px!important} .avCal4Room {display:none!important} .amse, .adminEdit {display:none} .reservations-widget {margin:0 auto;float:none} .selectRoomRateMessage {padding:0px 0px;margin:0 -1px} .shortHeader {border:none} ul#tabs li, table.multiHotelTabs td {font-size:10px;line-height:1.2em} .goldRegPage .avHelp {display:none} .spacerRow {display:none} .sar {float:none} .startingFrom {float:none;text-align:left;padding-bottom:12px!important;margin-right:0!important;font-size:inherit} .roomName,.aoiName {font-size:17px} .sar,.sar i.fa {font-size:inherit!important} #avCont > div.av {padding:5px} .unfold,.rcals, .roddC .rD2, .roomDescContent .rD2, .roddC ul, .roomDescContent ul {display:none} .showingRoomAmenities.roddC .amenitiesClose:before, .showingRoomAmenities .roomDescContent .amenitiesClose:before, .roddC .amenitiesOpen:before, .roomDescContent .amenitiesOpen:before {content:'\f13a';font:normal normal normal 15px/1 FontAwesome;padding-right:3px} .showingRoomAmenities.roddC .amenitiesClose:before, .showingRoomAmenities .roomDescContent .amenitiesClose:before {content:'\f139'} .showingRoomAmenities.roddC .amenitiesClose, .roddC .amenitiesOpen, .showingRoomAmenities .roomDescContent .amenitiesClose , .roomDescContent .amenitiesOpen {display:block;color:var(--color-mybg1);white-space:nowrap;font-weight:bold;text-transform:uppercase} .showingRoomAmenities.roddC .amenitiesOpen, .showingRoomAmenities .roomDescContent .amenitiesOpen {display:none} .showingRoomAmenities.roddC ul, .showingRoomAmenities .rD2, .showingRoomAmenities .roomDescContent ul {display:block} .showingRoomAmenities .rD1, .showingRoomAmenities .rSize {display:none} .responsiveMode .showingImages .roddC, .responsiveMode .showingImages .roomName, .responsiveMode .showingImages .rD2, .responsiveMode .showingImages ul, .responsiveMode .showingImages .unfold, .responsiveMode .showingImages .rcals, .responsiveMode .showingImages .roomDescContent, .responsiveMode .showingImages .rSize {display:none!important} .responsiveMode .showingImages .roomImages {width:100%!important;max-height:10000px!important;padding:0!important} .responsiveMode .roomImages {position:relative;max-width:40%} .responsiveMode .showingImages .roomImages {max-width:100%} .responsiveMode .riD2,.responsiveMode .riD3, .responsiveMode .riD4,.responsiveMode .riD5 {margin-bottom:-6px;max-height:40px;overflow:hidden;display:none} .responsiveMode .showingImages .riD2,.responsiveMode .showingImages .riD3, .responsiveMode .showingImages .riD4,.responsiveMode .showingImages .riD5 {margin-bottom:-6px;max-height:193px;display:inline-block} .responsiveMode .roomImages:after {content:' ';display:block;background:url(mag.png) no-repeat top right rgba(191,70,28,.6);position:absolute;top:2px;right:5px;height:20px;width:20px;border-radius:10px;background-size:20px 20px} .responsiveMode .showingImages .roomImages:after {content:' ';display:block;position:absolute;top:2px;right:5px;background:url(demag.png) center center no-repeat rgba(191,70,28,.6);height:20px;width:20px;border-radius:25px;background-size:20px 20px} .responsiveMode .rizPopUp,/*roomrate*/ .responsiveMode div#tooltip /*rateroom*/ {display:none!important} .responsiveMode .av .roomDescContent {max-height:1000px;overflow-y:initial;overflow-x:initial} .responsiveMode .seemore {height:30px;line-height:30px!important;padding:0 0 0 1px!important} .roomRates span.regularPrice,.trp span.regularPrice {display:block} body.responsiveMode .rodClose {display:block} body.responsiveMode #avCont .roomRatesHead div.rr_nightly, body.responsiveMode #avCont .roomRatesHead div.rr_ratename {font-weight:normal} body.responsiveMode #avCont.listmode .roomRatesHead div.rr_ratename {font-weight:normal;height:30px;padding:0 1px;vertical-align:middle} /*body.responsiveMode #avCont .roomRatesHead div.rr_ratename:before {content:" ";width:1em;padding-right:10px;display:inline-block}*/ body.responsiveMode .availabityResult:not(.onlyChildZoom) #avCont.listmode .roomRatesHead div.rr_ratename:before {content:"\f139";padding-left:2px;padding-right:5px;display:inline-block;font:normal normal normal 13px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:bold} body.responsiveMode #avCont .oneRateRoom .roomRatesHead div.rr_ratename {visibility:hidden;height:auto} /*body.responsiveMode .oneRateRoom.roomRatesContainer {padding-top:0;border:none;font-size:80%} body.responsiveMode .oneRateRoom.roomRatesContainer .roomRatesHead div {font-size:10px!important;text-align:left}*/ body.responsiveMode .roomRatesContainer.oneRateRoom .rr_desc {display:block!important;margin:0px} body.responsiveMode .roomRatesContainer.oneRateRoom .rr_seemore {display:none!important} body.responsiveMode .roomRatesContainer.oneRateRoom .rr_seeless {display:none!important} .listmode .roomDescContent ul {display:none} }/* ----------------------------------------------------------------------*/ /* show the ^ in desktop*/ .availabityResult:not(.onlyChildZoom) #avCont.listmode .roomRatesHead div.rr_ratename:before, @media (max-width:400px) { #mainTD .availabityResult {font-size:13px} } .tinyScreen {display:none} .notTinyScreen {display:inline} #mainTD a.unfold {text-decoration:none;color:var(--color-mybg1);cursor:pointer;display:block;font-weight:bold;text-transform:uppercase;margin-top:.5em;width:60%;white-space:nowrap} #mainTD a.unfold.active {text-decoration:none;color:var(--color-mybg1);cursor:pointer} a.unfold:before {content:'\f13a';font:normal normal normal 15px/1 FontAwesome;padding-right:3px} a.unfold.active:before {content:'\f139'} .specialmessage {padding:10px 0;color:#060} .noChild>.rr_ratename>.group, .availabityResult:not(.onlyChildZoom) .rr_ratename>.group {display:block!important} .noChild>.rr_ratename>.rate , .availabityResult:not(.onlyChildZoom) .rr_ratename>.rate {display:none} .availabityResult:not(.onlyChildZoom) .rr_desc.hasChild > ul.firstOne:before,.rr_desc > ul:first-child:before {content:'Base Package Includes (add tickets below):';margin-top:5px} .travelAgenttd {display:none!important} #privacyOptions div {margin:5px 0} #privacyOptions label {display:inline} #privacyOptions label:before {content:" "} label sup {display:none} #avFormCont .ui-datepicker-trigger {display:block;line-height:initial!important} #ui-datepicker-div {z-index:15!important;margin:1px 0;border-radius:0} #ui-datepicker-div .ui-widget-header {background-color:#eee;background-image:none;border:none;border-radius:0} #ui-datepicker-div .ui-datepicker-current {display:none!important} #avFormCont .ui-datepicker-trigger {} #avFormCont .ui-datepicker-trigger {padding:2px 2px 0 2px!important;vertical-align:top;height:21px;position:absolute;bottom:5px;right:6px;z-index:5} #avFormCont .ui-datepicker-trigger img {width:16px;height:13px} #avFormCont .offscreen {position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);overflow:hidden;margin:0;padding:0} #avFormCont button.ui-datepicker-trigger {background-color:transparent!important;border:none!important;margin:auto!important} #avFormCont button.ui-datepicker-trigger:focus, #avFormCont button.ui-datepicker-trigger:hover, #avFormCont button.ui-datepicker-trigger:active {border:none!important;margin:auto!important;background-color:transparent!important} #mainTD .sbToggle {color:transparent} .ovalbuttonRRP,#tbt button {padding-left:10px!important;padding-right:10px!important} #arrivalTD:after,#departureTD:after {display:none} #mainTD :focus,#ui-datepicker-div :focus,#avFormCont button.ui-datepicker-trigger:focus,#avFormCont button.ui-datepicker-trigger:hover,#avFormCont button.ui-datepicker-trigger:active,#mainTD #tbtAv:focus,.sbToggle:focus,.sbHolder:focus, #mainTD input.currentDP {outline:2px solid orange!important} #ui-datepicker-div :focus,#avFormCont button.ui-datepicker-trigger:focus,#avFormCont button.ui-datepicker-trigger:hover,#avFormCont button.ui-datepicker-trigger:active {outline-width: 1px!important} #mainTD #avForm input.currentDP:not(:focus) {border-color:transparent!important} .container {padding-left: 7px!important;padding-right: 7px!important;max-width:3000px} .swiper-slide {width:100%!important} #aoiScrollContainer {padding:0 1px} .aoiDiv.Admission {width:calc(33% - 10px);margin:5px;float:left;min-width:300px;min-height:220px;vertical-align:top} .aoiDiv.Admission .aoiBtm {position:absolute;bottom:10px;left:10px;right:10px;width: calc(100% - 20px);float:none} .aoiDiv.Admission .aoiImg {display:none} @media (max-width:980px) {.aoiDiv.Admission {width:calc(50% - 10px) ;margin:5px;float:left}} @media (max-width:666px) {.aoiDiv.Admission {width:calc(100% - 10px);margin:5px;display:none;min-height:230px;float:none} .aoiBtm {position:relative;left:auto;right:auto;bottom:auto;width:100%;margin:0}} #aoiScrollContainer.w100 .aoiDiv {width:calc(100% - 10px)!important;float:none} @media (min-width:800px) {#aoiScrollContainer.w50 .aoiDiv {width:calc(50% - 10px)!important;float:left;margin:5px}} .addOnItemsFootTable.gold {width:auto;margin:10px auto;clear:both} .addOnItemsFootTable .totalbeforepackages td {padding-top:20px} #mainTD .aoiDiv p {margin:.5em 0} .phoneRowHead {display:none} #pagename.modifyCC #addCC {display:block} #pagename.modifyCC .confDetail,#pagename.modifyCC #thead,#pagename.modifyCC #tfoot,#pagename.modifyCC .roomRateHeadWBE,#pagename.modifyCC #sccc,br.belowLite, #pagename.modifyCC #avFormCont, #pagename.modifyCC #navCont, #pagename.modifyCC .confDetailsHead tr:not(.namerow,.durationrow,.roomrow,.raterow,.totalrow,.hotelnamerow),#pagename.modifyCC #cancelBooking {display:none} #pagename.modifyCC .confDetailsHead tr >td:first-child {padding-left:0px!important} @media (max-width:375px){ #pagename.modifyCC #bookPageCC, #pagename.modifyCC .rightTD {width:auto!important} #pagename.modifyCC .leftTD, #pagename.modifyCC .leftTD label, #pagename.modifyCC .confDetailsHead tr >td:first-child {width:100px!important;min-width:100px!important;max-width:100px!important} #pagename.modifyCC tr.durationrow >td:last-child, #pagename.modifyCC .subplustax{letter-spacing:-.5px} #pagename.modifyCC #r_nights, #pagename.modifyCC #bookPageCCRow1 {display:none} } #pagename.bookPage input:focus { border-color: #000; color: #002045; box-shadow: inset #ddd 0 0 1px 1px; outline: 0; } a.inlineSelect {width:70px} a.inlineSelect:before {content:"BOOK"} .rmaction .siteButton {background:#3298dc} /* clean the lookwith no background colors */ .confDetailsHead,#avCont >.av ,.aoiDiv,#avCont >.av {background:#fff} @media (min-width:667px) { .onlyChildZoom .roomRates,.onlyChildZoom .rr_desc, .availabityResult {background:#fff;box-shadow:none} } .roomRatesContainer {border-color:#F6F6F6} .roomRatesHead {background:#F6F6F6} .roomRatesHead >div {color:#111!important;text-transform:none!important;font-weight:normal!important} #ui-datepicker-div {z-index:30!important} @media (max-width:500px) {.yOD1 {display:none}} .bookPageButtonContTD {display:none} .ccNum .rightTD {position:relative} #pleasewait1 {background:#fff!important} @media (min-width: 950px) { .tableresult .roomRateHeadWBE a {color:yellow!important} } #mainTD .roomRateHeadWBE i span {color:inherit!important} body.bookingNow #confirmResButton {visibility:hidden} #retrieveResPage .gold {font-weight:bold;margin-bottom:10px} .hiddenCal #cals {display:none}