@charset "UTF-8";
.add_cc_security_code small {
    text-decoration: underline !important;
}

.emailPreferences_title .ui-header-modal {
    color: #0077be !important;
    background: #ffffff !important;
    border: 0 !important;
    text-shadow: none !important;
    font-size: 21px !important;
    padding: 15px 0 0 0 !important;
}

.charted .tooltip {
    padding: 0;
    border: #d2d2d2 1px solid;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

.tooltip_title h3 {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    margin: 0;
}

.tooltip_title {
    background: #EDEDED;
    width: 100%;
    padding: 7px 0;
    display: block;
}

.tooltip_chart {
    display: block;
    padding: 0 5px;
    background-color: white;
}
.addcardPadding{
	padding: 0 5px;
}
.storedCredcheck{
	margin-bottom:5px;
}
.tooltip_chart_row {
    display: block;
    color: #666666;
    font-size: 11px;
    width: 100%;
    height: 25px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
}

.tooltip_chart_row:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.tooltip_chart_row_left {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    zoom: 1;
}

.tooltip_chart_row_right {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding: 5px;
    zoom: 1;
}

.chart_highlight {
    background: #fff8e5;
}

.noScroll {
    overflow: hidden;
}

.profile_phone_th {
    font-size: 11px;
    font-weight: bold;
    color: #0077be;
}

.profile_phone_name {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}

.iiunitslogo {
    width: 40%;
    height: auto;
    float: left;
    margin-right: 10px;
}

.deposit_interuption_headline_holder {
    display: block;
    width: 100%;
    padding-bottom: 12px;
}

.myunits_interuption h3 {
    color: #0077be;
    font-family:'roboto', Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
}

.myunits_interuption h4 {
    color: #4a4a4a;
    font-family: 'roboto', Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.orange {
    color: #0077be;
}

body {
    background-color:#ffffff !important;
    font-family: 'roboto', Arial, Verdana, Helvetica, sans-serif;
}

table {
    border-spacing: 0;
}

.ui-page {
    background: inherit !important;
}

.ui-bar-b {
    border-color: transparent;
}

h1,
h3
 {
  color: #0077BE;
  padding: 10px;
}


h2,
h4,
h5,
h6 {
  color: #18294B;
  padding: 10px;
}

.dealsH1 h2 {
    color: #0077be;
}


hr {
    border: 0;
    border-top: 1px solid #d2d2d2;
    height: 0;
    padding: 8px 0;
}

.va_top {
    vertical-align: top;
}
#change-language-button img {
    width: 25px;
    position: absolute;
    top: 8px;
    left: 135px;
}
.disclaimer {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
}

.ui-collapsible-set {
    margin: 0 !important;
}

.ui-btn-inner {
    white-space: normal !important;
}
#cbEmailPreferences .ui-btn-inner{
    font-size: 12px;
}

.strikethrough {
    text-decoration: line-through;
}

@media only screen and (max-width: 320px) {
    .img {
        max-width: 100%;
        height: auto;
    }
}

.flex-control-nav li {
    margin: 0;
}


/*--- START: VERTICAL ALIGNMENT MY HISTORY ---*/

.history_alignment_container {
    display: block;
    text-align: justify;
    width: 100%;
}

.history_alignment_left {
    display: inline-block;
    width: 75%;
}

.history_alignment_right {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    padding-right: 5%;
}


/*--- END VERTICAL ALIGNMENT MY HISTORY ---*/


/*--- START: BEST PRICE GUARANTEE BUTTON CONTAINER ---*/

.bpg_btn {
    width: 190px;
}

.bpg_btn li {
    border: 1px solid #FFF !important;
}

.bpg_btn li:hover {
    border: 1px solid #BBBBBB !important;
}

.bpg_btn a {
    font-size: .75em;
}

#getaway_form .bpg_btn .ui-listview {
    margin: 4px;
}


/*--- END: BEST PRICE GUARANTEE BUTTON CONTAINER ---*/


/*--- BEST PRICE GUARANTEE - PAGE ---*/

#bpg_bug {
    text-align: center;
}

#bpg_bug img {
    margin-right: 0.5em;
    vertical-align: top;
    text-align: center;
}

#bpg_bug p {
    display: inline-block;
    margin: 0.55em 0;
    text-align: left;
    font-weight: bold;
}


/*--- END: BEST PRICE GUARANTEE PAGE ---*/



.form-flat {
    background-color: #ffffff;
}

.ui-mobile fieldset {
    padding: 0.25em 0.75em 0.75em;
    border-bottom: 1px solid #d1d1d1;
}

.ui-mobile fieldset.forgotSignInInfo {
    padding: 0 0.75em;
    border-bottom: none;
}

.ui-mobile fieldset.top-border2 {
    padding: 0.25em 0.75em 0.75em;
    border-top: 1px solid #d1d1d1;
    text-align: center;
    border-bottom: unset;
}

div.profile {
    font-size: smaller;
    padding-top: 2em;
}

a.link{
    color: #0077be !important;
}

#exchange_form fieldset,
#getaway_form fieldset {
    border-bottom: 0 solid #d1d1d1;
}

.ui-mobile fieldset.alt {
    padding: 0.25em 0.75em 0.35em;
    border-bottom-width: 0;
}

#gw-availabilities-content fieldset {
    padding: .25em;
    border: none;
}

.rememberMe_wrap {
    margin: 10px 0 0 5px;
}
.exp1 .ui-btn, .exp2 .ui-btn{
	border:1px solid #d2d2d2;
}
label {
	text-align:left;
    font-weight: normal;
    color: #18294B;
    padding-top: 0.5em;
}

body#index h1 {
    background-color: #f1f1f1;
    font-size: .9em;
    padding: 8px 0;
    text-align: center;
    margin: 0;
}

a:link,
a:visited {
    color: #18294B;
}

a:hover,
a:active {
    color: #18294B;
}


/*-- default main call to action  - Swatch 'A' --*/

a:link.button,
a:visited.button,
a:hover.button,
a:active.button {
    color: #fff;
}

.results-table-actions a:link.button, 
.results-table-actions a:visited.button {
    color: #0077be;
}

.results-table-actions a:hover.button, 
.results-table-actions a:active.button {
    color: #0077be;
    text-decoration: underline;
}

.ui-select a.ui-btn-active[data-theme='a'] {
    color: #fff;
}


/*-- Lists & Menus, Accordion (white/blue) - Swatch 'B' --*/

.ui-select a.ui-btn-active[data-theme='b'] {
    color: #fff;
}


/*-- Accordion Style 2 (white/white) - Swatch 'D' --*/

.ui-select a.ui-btn-active[data-theme='d'] {
    color: #fff;
}


/*-- 'More Dates' Buttons - Swatch 'E' --*/

a:link.button[data-theme='e'],
a:visited.button[data-theme='e'] {
    color: #007dc6;
}

a:hover.button[data-theme='e'] {
    color: #004a76;
}

a:active.button[data-theme='e'] {
    color: #007dc6;
}

.ui-select a.ui-btn-active[data-theme='e'] {
    color: #fff;
}


/*-- 'My Units' Secondary Buttons - Swatch 'F' --*/



a:active.button[data-theme='f'] {
    color: #007dc6;
}

.ui-select a.ui-btn-active[data-theme='f'] {
    color: #fff;
}


/*-- Cancel and Back buttons --*/

.ui-btn[data-icon='delete']:not([data-inline='true']):not(.ui-btn-icon-notext),
a[data-role="button"].back {
    width: 80%;
    margin: 0.5em auto;
}

.ui-datebox-container .ui-btn .ui-icon-delete,
.ui-dialog[data-theme="a"] .ui-icon-delete {
    background-position: -832px 50%;
}


/*-- title within datebox component --*/

.ui-datebox-container .ui-title {
    margin: 0.6em 0 0.8em;
}


/*-- Promo Button - Swatch 'G' --*/

a:link.button[data-theme='g'],
a:visited.button[data-theme='g'] {
    color: #009650;
}

a:hover.button[data-theme='g'] {
    color: #009650;
}

a:active.button[data-theme='g'] {
    color: #09d374;
}

.ui-select a.ui-btn-active[data-theme='g'] {
    color: #fff;
}


/*-- Select/Dropdown Button -  Swatch 'H'--*/

.ui-select a:link[data-theme='h'],
.ui-select a:visited[data-theme='h'] {
    color: #0077be;
}

.ui-select a:hover[data-theme='h'] {
    color: #0077be;
}

.ui-select a:active[data-theme='h'] {
    color: #4f4f4f;
}

.ui-select a.ui-btn-active[data-theme='h'] {
    color: #fff;
}


/*-- Promo Button - Swatch 'i' --*/

a:link.button[data-theme='i'],
a:visited.button[data-theme='i'] {
    color: #fff;
}

a:hover.button[data-theme='i'] {
    color: #fff;
}

a:active.button[data-theme='i'] {
    color: #007dc6;
}

.ui-select a.ui-btn-active[data-theme='i'] {
    color: #fff;
}

ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#content {
    padding: 25px 22px;
}

#ii_mobile_faq p {
    padding: 5px;
}

label.ui-input-text,
label.ui-slider,
label.ui-select,
label,
th {
    font-size: 0.75em;
   
}

label.ui-slider {
    display: inline-block;
    padding-right: 14px;
    padding-top: 7px;
    vertical-align: top;
}

input.ui-input-text,
textarea.ui-input-text {
    margin-top: 0;
    margin-bottom: 0.6em;
	font-size: 16px;
    border: 1px solid #d2d2d2;
   /* padding-left: 35px !important;*/

}

.lt {
    float: left;
}

.rt {
    float: right;
}

.clr {
    clear: both;
}

.last {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.center {
    text-align: center;
}


/* promo style 23 */

.style23 {
    background-image: url(/images/bkg_reward_text.gif);
    border: 1px solid #bebebe;
    background-repeat: repeat-x;
    margin: 0 0 0 14px;
    width: auto !important;
}

#offer_title {
    text-align: left!important;
    white-space: normal!important;
    color: #18294b;
}

.style23_p2 {
    display: none;
}

.style23_pop_up {
    text-decoration: none;
}

.style23 img {
    margin: -2px 0 0 -15px;
    float: left;
}

.style23 p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.2 !important;
}

.style23_p2 {
    display: none;
}

.style23_callout_leader {
    background-image: url(/images/pop_up_div_callout_leader.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    position: relative;
    bottom: -19px;
}


/* promo_inline */

.promo_inline .style23_img1 {
    left: 0;
    top: -3px;
}

.promo_inline .style23_p2 {
    margin-left: 20px;
    background-color: transparent;
    color: black;
}


/* display p2 only on check out */

.promo_inline_ack .style23_p2 {
    display: block;
}


/*-- aka. proc_ind --*/

.progress_indicator {     
	display: block;     
	margin: 0 auto;     
	max-width: 93%;     
	padding: 20px 0 30px 0; 
}


/*-- placeholder for future possible use --*/

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    /* Retina-specific stuff here */
}

#multi_mem_list li:not(:last-child) {
    margin-bottom: 1em;
}

.member_header {
    background-color: #f1f1f1;
    border: 1px solid #eee;
    border-radius: 10px 10px 0 0;
    min-height: 50px;
    padding: 10px;
}

.member_body {
    background-color: white;
    padding: 0.5em;
    border-color: #f1f1f1;
    border-style: solid;
    border-width: 0 1px 1px;
    border-radius: 0 0 10px 10px;
}

.member_body_header {
    overflow: auto;
}

.member_body_header h3 {
    margin-bottom: 0;
    -webkit-margin-after: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.member_number {
    float: left;
}

#mmaccounts .member_number {
    width: 35%;
}

.member_number h2 {
    margin-top: 0;
    -webkit-margin-before: 0;
    font-size: 1.2em;
}

.member_header .member_number h2 {
	padding-left: 0;
	padding-top: 0;
}

.member_body .member_body_header h3 {
	margin-top: -5px;
}

.member_products {
    float: left;
    padding-top: 0.05em;
}

.member_product {
    display: block;
    padding-bottom: 0.15em;
}

.member_header .member_products .product_status {
	margin-left: 20px;
}

.member_header .member_products .product_status .ui-btn {
	margin: 0;
}
.product_type {
    font-size: 0.7em;
    color: #18294b;
    display: inline-block;
    width: 105px;
    white-space: nowrap;
}

.product_status span:not(.ui-btn-text) {
    color: #0077be;
    font-size: 0.7em;
}

.product_status span:not(.ui-btn-inner):not(.ui-btn-text) {
    padding-left: 2px;
}

.product_status .ui-btn .ui-btn-text {
    font-weight: normal;
}

.product_status .ui-btn {
    margin-left: 0;
}

.product_status .ui-btn-inner {
    padding: 0.4em 0.7em;
}

.product_status .ui-btn-text {
    float: left;
}

.product_status {
    display: inline-block;
}

.ui-li-heading {
    font-size: 1.5em;
    margin: 0;
}

.grey_box {
    margin: 5px;
    padding: 10px;
    text-align: left;
}
.video_sidebar_bg{
	padding:0 10px;
}
.grey_box hr {
    margin: .5em 0;
}

.grey_box #travelWindow hr {
    margin: 0 0 0.5em 0;
}

.side-padding-container {
    padding: 0 10px;
}

.side-padding-container p a {
    color: #FFF;
}

.white-bg {
    background: #fff;
}

.ui-shadow-inset {
    box-shadow: none;
}

.ui-listview {
    border-top: 1px solid #d2d2d2;
}

.renewal-tiers-content .ui-listview {
    border-bottom: 1px solid #d2d2d2;
}

.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
    padding: 6px 0;
}

.ui-collapsible-content .ui-listview {
    margin: -10px -15px;
}

.ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -6px;
}

.ui-btn-up-b,
.ui-btn-hover-b {
    border-width: 0 0 1px;
    /* border-color: #bbbbbb; */
}

.ui-btn-inner {
    border-width: 0;
}

#email_pref2 .ui-btn-inner {
    font-size: 12px;
}

.ui-li .ui-btn-inner a.ui-link-inherit {
    padding: 0.9em 30px 0.9em 10px;
}

.ui-li-static.ui-li {
    padding: 0.9em 20px;
    text-align: center !important;
}

.ui-btn-icon-right .ui-icon {
    right: 10px !important;
}


/* negatively impacting all related components
.ui-btn-icon-right .ui-icon {
    height: 1em;
    width: 1em;
    border-radius: 0;
    background: url("/images/iw/mobile/list_item_icon.png") no-repeat scroll 0 0 transparent;
    background-size: 0.70em;

}
*/

::-moz-focus-inner {
    border: none;
    /* overrides extra padding and outline in Firefox */
}

header.ui-bar-a {
    /* background: #0177bf; */
    padding: 8px 0;
    border-width: 0;
   
}

header.ui-header .ui-title {
    margin: 0;
}

#interval_logo-header {
    display: block;
    height: 36px;
    width: 113px;
    margin: 0 0 0 10px;
    background: url("/images/iw/mobile/interval_logo-header.png") no-repeat 0 0 transparent;
    background-size: 100%;
}

#menu {
    width: 42px;
    height: 52px;
    z-index: 101;
    outline: none;
    background: url("/images/iw/mobile/header_menu_icon.png") no-repeat 0 0 transparent;
    background-size: 100%;
}

#menu.active {
    background: url("/images/iw/mobile/header_menu_icon-active.png") no-repeat 0 0 transparent;
    width: 42px;
    height: 51px;
    background-size: 100%;
}

header.ui-header .ui-btn-right {
    position: absolute;
    top: 0;
    right: 0;
}


/* DEPOSIT INTERUPTION START */

#content_deposit_holder .ui-bar {
    padding: 0 0 10px 0 !important;
    border: none !important;
}

#slideDepositInterruption {
    display: block;
    margin: 0 auto;
    background: url(/images/_icons/double-down-sm.png) no-repeat right center #0077be !important;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    padding: 3px 10px 3px 7px;
    width: 90px;
    text-align: left;
    cursor: pointer;
    color: #ffffff;
    font-family: 'roboto', Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}

a.tablink:link {
    color: #ffffff;
}

a.tablink:visited {
    color: #ffffff;
}

a.tablink:hover {
    color: #ffffff;
}

a.tablink:focus {
    color: #ffffff;
}

a.tablink:active {
    color: #ffffff;
}

#content_deposit {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 1010;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
}


/**
 * Add ipad IOS7 Classes
 * Allows us to temporariliy try to fix the slight scroll 100% hack.
 */

if (navigator.userAgent.match(/iPad;
.*CPU.*OS 7_\d/i)) {
    $('html').addClass('ipad ios7');
}


/**
 * Fix for iPad iOS7 slight scroll on 100% body height
 */

@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 672px !important;
    }
}

#closeDepositInterruption {
    background: url(/images/_icons/ico-delete-lg.png) no-repeat right bottom;
    height: 80px;
    padding: 50px 30px 0 0;
}

#closeDepositInterruption:hover {
    background: url(/images/_icons/ico-delete-on-lg.png) no-repeat right bottom;
    cursor: pointer;
}

.deposit_interuption_headline_holder {
    padding: 5px;
}

.close_interuption {
    display: block;
    text-align: right;
    padding-right: 17px;
    padding-top: 17px;
}

.deposit_interuption_headline {
    color: #18294B;
    font-family: 'roboto', Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    display: block;
    padding: 0 15px 0 0;
    text-align: center;
    line-height: 26px;
}

.deposit_interuption_resort {
    text-align: center;
    padding: 0 30px;
}

.thumbnail_buffer {
    display: block;
    width: 100%;
}

.thumbnail_deposit {
    border: 1px solid #d2d2d2;
    max-height: 173px;
    overflow: hidden;
    max-width: 260px;
    display: inline-block;
    text-align: center;
}

.thumbnail_deposit img {
    width: 100%;
}

.deposit_interuption_resort_code {
    margin: 0 0 3px 0;
    font-size: 12px;
    font-weight: bold;
    color: #18294B;
    display: block;
    width: 100%;
    vertical-align: middle;
}

.deposit_interuption_resort_code img {
    width: 20px !important;
    display: inline !important;
    vertical-align: -33%;
}

.deposit_interuption_resort h4 {
    margin: 5px 0 2px 0;
    padding-bottom: 0;
    font-size: 14px;
}

.deposit_interuption_resort h6 {
    font-size: 11px;
    font-weight: normal;
    margin: -10px;
  padding-bottom: 0;
}

.deposit_subhead_span {
    background-color: #fcfcfc;
    padding: 0 5px;
}

.deposit_subhead {
    height: 1px;
    background-color: #0077be;
    width: 100%;
    text-align: center;
    display: block;
    margin: 20px 0 15px 0;
}

.deposit_subhead_section {
    color: #0077be;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 3px;
    margin: auto;
}

.deposit_buttons {
    width: 100%;
    text-align: center;
    display: block;
    margin: 30px 0 40px 0;
}

.deposit_single_button {
    display: inline-block;
    padding: 0 7px;
    zoom: 1;
    vertical-align: middle;
}

a.action_btn {
    color: #fff;
    background: #0077be;
    padding: 10px 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

a.action_btn:hover {
    color: #fff;
    background: #006aa7;
}

.deposit_interuption_all_resorts {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    display: block;
    width: 100%;
}


.view_all_units {
    background: #f1f1f1;
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

a.view_all_units_link:link {
    text-decoration: none;
    color: #0077be;
}

a.view_all_units_link:visited {
    text-decoration: none;
    color: #0077be;
}

a.view_all_units_link:hover, 
a.view_all_units_link:focus, 
a.view_all_units_link:active{
    text-decoration: underline;
}



/* DEPOSIT INTERUPTION END */

#menuPopup {
    width: 100%;
    background-color: #18294B;
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 51px;
    box-shadow:0 -1px 1px #0f213e;
}

#menuMask {
    width: 100%;
    z-index: 99;
    position: absolute;
    left: 0;
    top: 86px;
    background-color: black;
    display: none;
    filter: Alpha(Opacity=70);
    opacity: .7;
}

#menuPopup h5 {
    color: #FFFFFF;
    font-size: 0.8em;
    height: 26px;
    line-height: 26px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}



.ui-focus,
.ui-btn:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) inset;
}

footer {
    padding: 20px 0;
    text-align: center;
}

footer a {
    text-decoration: none;
}

.ui-footer h6.ui-title {
    margin: 0 0 1em;
    text-transform: uppercase;
    font-size: 0.75em;
}

footer ul {
    font-size: 0.65em;
}

footer ul li {
    display: inline-block;
}

footer .list_seperator {
    display: inline-block;
    padding: 0 5px;
    font-size: 0.9em;
    vertical-align: text-top;
    color: #0077be;
}

footer li a:link,
footer li a:visited {
    color: #666666;
}

footer li a:hover,
footer li a:active {
    color: #666666;
}

footer #copyright {
    margin-top: 12px;
    font-size: 0.65em;
    font-weight: normal;
    color: #666666;
}


/*
p,
ol,
ul,
div,
span,
label
{
    font-size: 0.75em;
}
*/

.ui-collapsible-set {
    overflow: hidden;
}

#gw-availabilities-content .ui-collapsible-set {
    margin: 0;
}

.ui-collapsible-heading {
    margin: 0;
}

.ui-collapsible-content {
    border-color: #fff;
    border-style: solid;
    background-color: #fff;
    margin-top: -1px !important;
}

.ui-collapsible-content ol {
    padding-left: 1.5em;
}

.ui-collapsible-set[data-theme="b"] .ui-collapsible-heading:not(.ui-collapsible-heading-collapsed) > .ui-collapsible-heading-toggle {
    background: #18294B;
    color: #fff;
    text-shadow: 0 0 0 #fff;
}

.ui-collapsible-set[data-theme="d"] .ui-collapsible-heading:not(.ui-collapsible-heading-collapsed) > .ui-collapsible-heading-toggle {
    /* background: #0077be; */
    color: #4f4f4f;
    /* text-shadow: 0 0 0 #fff; */
}
.my_profile .ui-btn-up-a {
    border: 1px solid #0077BE /*{a-bup-border}*/;
    background: #0077BE /*{a-bup-background-color}*/;
    font-weight: 500;
    color: #fff /*{a-bup-color}*/;
}

/*--- LOGIN ---*/

#login #content {
    padding: 50px 22px;
}

#log_in_trouble {
    text-align: right;
    text-transform: uppercase;
    font-size: 0.75em;
}

#log_in_trouble a {
    display: inline-block;
    color: #0077BE;
    margin: 0 2em;
    padding-right: 1em;
    text-decoration: none;
    text-transform: uppercase;
    background: url("/images/iw/mobile/list_item_icon.png") no-repeat scroll right center transparent;
    background-size: 0.70em;
}


/*--- IW-5615 ---*/


/* style the trigger elements */

.dyna {
    border: 0;
    cursor: pointer;
}
.gwNav{
	text-align:center;
}
table.table_chart {
    background-color: white;
}

.txt_bump_1 {
    font-size: 20px;
    font-weight: bolder;
}

.box_2 {
    background-color: white;
    border: 1px solid #d2d2d2;
    padding: 8px;
    border-radius: .5em;
}

.my_wf_create_web_profile label {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

label {
    font-weight: bold;
}

#exchange_form label span {
    font-weight: normal;
}

.exchangeButtons {
    width: 99%;
}

.my_wf_create_web_profile input,
.my_wf_create_web_profile textarea {
    float: left;
}

.my_wf_create_web_profile p {
    clear: both;
    margin-top: .5em !important;
}

.my_wf_create_web_profile input[type="button"] {
    float: center;
}


/* FOR EXPANDING SECTIONS */


/* ----------------------------------------------------- */

.display_none {
    display: none;
}

.display_block {
    display: block;
}


/************** PRE LOGIN ********************************************************************/


/*********** Start: Slideshow *********/

#slideshow {
    position: relative;
    height: 293px !important;
    width: 99% !important;
    overflow: visible;
}

#slideshow li {
    position: absolute;
    width: 100%;
    height: 293px;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 1.0;
}

#slideshow li.active {
    width: 100%;
    height: 293px;
    z-index: 10;
    opacity: 1.0;
}

#slideshow li.last-active {
    width: 100%;
    height: 293px;
    z-index: 9;
}

#slideshow img {
    display: none;
    height: 293px;
    width: 99%;
}


/*********** END: Slideshow *********/


/* The Nivo Slider styles */

.nivoSlider {
    position: relative;
}


/*.nivoSlider img {
    position:absolute;
    top:0;
    left:0;
}*/


/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    display: none;
}


/* The slices and boxes in the Slider */

.nivo-slice {
    width: 99%;
    display: block;
    height: 100%;
}

.nivo-box {
    width: 99%;
    display: block;
    z-index: 5;
}


/* Caption styles */

.nivo-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    opacity: 0.8;
    /* Overridden by captionOpacity setting */
    width: 100%;
    z-index: 8;
}

.nivo-caption p {
    padding: 5px;
    margin: 0;
}

.nivo-caption a {
    display: inline !important;
}

.nivo-html-caption {
    display: none;
}


/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
}

.nivo-prevNav {
    left: 0;
}

.nivo-nextNav {
    right: 0;
}


/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.nivo-controlNav a.active {
    font-weight: bold;
}

#iicontent_tc {
    display: block;
    width: 100%;
}

.wrap-container {
    padding: 1em;
}

.wrap-small-container {
    padding: .1em .1em .1em 1em;
}

.bg-white {
    background-color: #fff;
}

#iicontent_tc {
    display: block;
    width: 100%;
}

#iicontent_tc h1 span {
    color: #0077be !important;
    line-height: normal;
}

.cartPaymentTitleBlock {
    padding-top: 30px !important;
}

.borders-gray {
    border: 1px solid #d2d2d2;
}

div#errorBox>em span p {
    height: auto;
    min-height: 35px;
      font-size: 12px;
}

.my_error {
    color: red;
    font-size: 11px;
}

.error-prompt p,
.error-prompt a {
    font-size: 12px;
}

.error-prompt p {
    padding: 4px 0 4px 35px;
    margin: 0;
    background: url("/images/_icons/warning-yellow.png") left center no-repeat;
}

#errorMessage {
    
    padding: 8px;
    border-radius: 6px;
}

.white-container {
    background-color: #FFFFFF;
    font-size: 0.65em;
    margin: 1em 0.5em;
    padding: 0.5em;
}


/*** START:Multiple Membership Accounts***/
#switchMembershipPopup-popup .ui-btn-up-a {
    border: 1px solid #d2d2d2 /*{a-bup-border}*/;
    background: #fff /*{a-bup-background-color};; */;
    }
.multiple_membership_wrap p {
    background-color: #FFFFFF;
    padding: 0;
    box-shadow: none;
    color: #666;
    font-size: 1.5em;
    font-weight: bold;
}

.multiple_membership_wrap {
    background-color: #FFFFFF;
    font-size: 0.7em;
    padding: 0.5em 1.25em;
    box-shadow: none;
    color: #666;
}

body#mmaccounts img {
    vertical-align: middle;
    padding-bottom: 4px;
        border-radius: 5px;
}

body#mmaccounts .ui-listview {
    border-top: 0;
}

body#mmaccounts .ui-li-static.ui-li {
    padding: 0.2em;
    border: 0
}

body#mmaccounts br {
    display: none
}

.member-status {
    font-size: 0.70em;
    color: #0077be;
    margin-left: 1em
}

.member-number {
    font-size: 1em;
    color: #313131;
    margin-top: 0
}

.membership-two {
    font-size: 0.70em;
    color: #0077be;
    margin-left: 3.8em
}

.type-60 {
    font-size: 0.6em;
}

.type-70 {
    font-size: 0.70em;
}

.type-75 {
    font-size: 0.7em;
    color: #666;
}

.product_status.dbl_renew .ui-btn {
    margin-top: -14px;
    vertical-align: bottom;
}


/*** END:Multiple Membership Accounts***/

.fieldsettype {
    background-color: #f1f1f1;
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-top: 0.25em;
    padding-bottom: 0.50em;
}

.fieldsetcolor {
    background-color: #f1f1f1;
}


/*********** START: Getaway, Exchange & Resort Directory Thumbnails *********/

.thumbnail_crop_140 {
    width: 40%;
    height: 120px;
    background-size: cover !important;
    /*Inline Style Needed: <div class="thumbnail_crop" style="background: url(image.jpg) center center no-repeat;"/>*/
    margin: 0 10px 10px 0;
        border-radius: 7px;
}

.thumbnail_crop_140_logo {
    /*This style will scale the image but not crop- Useful for logos and image with copy*/
    width: 40%;
    height: 75px;
    border: 1px solid #d2d2d2;
    background-size: auto 100% !important;
    /*Inline Style Needed: <div class="thumbnail_crop" style="background: url(image.jpg) center center no-repeat;"/>*/
    margin: 0 10px 10px 0;
}

.resort_header_row_2 .thumbnail_crop_140 {
    margin: 0 10px 0 10px;
}

.crop_175 {
    width: 40%;
    height: 100px;
}

.slideshow_crop {
    width: 100%;
    height: 180px;
    margin: 0;
    border-radius:0;
}


/*********** END: Getaway, Exchange & Resort Directory Thumbnails *********/


/*********** START: Getaway *********/

.gw_white_body {
    background: #fff;
    padding: 2px 10px;
    text-shadow: none;
}

.box_rnd_3_top h2,
.gw_white_body h2 {
    margin: 0;
    font-size: 1em;
}

#credit_card_fields {
    font-size: 0.75em;
}

.add_cc_security_code span small {
    float: left;
    padding: 15px;
}

.add_cc_expires .ui-select {
   width: 48.5% !important;
    display: inline-block;
}

.my_wf_create_web_profile input,
.my_wf_create_web_profile .ui-btn,
.my_wf_create_web_profile .ui-checkbox {
    margin: .3em 0 1em 0;
}

.my_wf_create_web_profile .btp_btn a {
    margin: 0 auto;
}

.gw_white_body #exchange_member_name h2 {
    margin: 10px 0 15px 0;
    color: #666;
    font-size: .75em;
}

.gw_white_body hr {
    clear: both;
}

.gw_main_nav ul {
    overflow: hidden;
}
.gw_main_nav ul li {
 float: left;
    width: 20%;
    padding-top: 15px;
    text-align: center;
    height: 35px;
}


/*----------------------Mobile Nav - Change Search ----------*/

.activeButton {
    background-color: #FFFFFF;
    color: rgb(226, 91, 3)
}

.gw_leftNav {
    float: left;
    width: 100%;
   
    background-position: top left;
}

#availabilityDiv hr {
    margin-bottom: 15px;
    border-top: 0;
}

#availabilityDiv hr:last-child {
    margin-bottom: 15px;
    border-top: 0px;
}

#availabilityButton h1 {
    margin: 0;
    background: none;
}

#availabilityButton {
    width: 50%;
    float: left;
}

#ex-availabilities-content #availabilityButton {
    width: 100%;
    float: none;
}

#availabilityDiv #tfoot hr {
    margin-bottom: 15px;
    border-top: 0;
}

#changeSearchButton {
float: right;
    width: 36%;
    height: 39px;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #d2d2d2;
    margin: 5px;
    border-radius: 5px;
}

.changeSearch_Main {
    padding-top: 10px;
    text-align: center;
}

.changeSearch_Icon {
    padding-top: 2px;
    padding-left: 4%;
    margin: 0;
    width: 25px;
    float: left;
}

.changeSearch_Text {
    padding-right: 10px;
}

#getaway_form {
    padding: 0 10px 0 10px;
}

.sortbyBox {
    width: 8.125em;
    float: left;
}

.otherOptionsBox {
    width: 8.750em;
    float: right;
}

#changeSearchDiv h3 {
    margin: 0;
    padding-top: 2em;
    color: #0077be;
}

#changeSearchDiv .side_menu_content {
    padding: 2em 0.6em 0 0.6em;
}

#ex-availabilities-content .side_menu_content {
    padding: 0 0.6em 0 0.6em;
}

#ex-availabilities-content .side_menu_content h3 {
    padding: 0 0.6em 0 0.6em;
}

#changeSearchDiv .exTitle {
    padding: 1em 0.6em 0 0.6em;
}


/*--AOI ALERTS --*/

#resorts_nearby {
    background-color: #1179b8;
    font-size: 12px;
    color: #FFFFFF;
    padding: 5px 0 5px 15px;
    margin-bottom: 1em;
    margin-top: 1em;
    -webkit-box-shadow: inset 0 1px 1px 0 #000000;
    box-shadow: inset 0 1px 1px 0 #000000;
}

#resorts_in {
    background-color: #18294B;
    font-size: 12px;
    color: #FFFFFF;
    padding: 5px 0 5px 15px;
    margin-bottom: 1em;
    margin-top: 1em;
    -webkit-box-shadow: inset 0 1px 1px 0 #000000;
    box-shadow: inset 0 1px 1px 0 #000000;
}


/*--END ALERTS--*/


/*--------------------End Mobile Nav - Change Search-----------*/

.gw_main_nav ul li a {
    font-size: 0.75em;
    text-decoration: none;
    color: #18294B !important;
    padding: 0 2px;
}
.gw_main_nav ul li.gw_main_nav_wide {
    width: 30%;
}

.gw_main_nav ul li.gw_nav_selected {
    background: #fff;
    margin-bottom: 0px;
    border-bottom: 2px solid #0379bf;
    color: #18294B;
}
.gw_main_nav ul li.ex_nav_selected {
    background: #fff;
    margin-bottom: 0px;
    border-bottom: 3px solid #18294b;
    color: #18294B;
}
.gw_main_nav ul li.ex_nav_selected a, .gw_main_nav ul li.gw_nav_selected a {
    color: #18294B!important;

}

.gw_main_nav {
    background-color: #fff;
}

.gw_main_nav ul li:hover {
    
}

.gw_main_nav ul li.gw_nav_bg_2 {
   
}

.gw_main_nav ul li.ex_nav_bg_2 {
  
    width: 30%;
}

.gw_header {
    width: 290px;
}

.gw_heading {
    padding-bottom: 4px;
    margin-left: 10px;
}

.gw_white_body small {
    margin: 0;
    font-size: .75em;
}

.gw_availability_options {
    padding: 10px;
    font-size: .7em;
    text-align: center;
}

.gw_availability_options .ui-link {
    font-weight: normal;
}

#getaway_form form {
    background: none;
    box-shadow: none;
}

#getaway_form label {
    padding: 0;
}

#getaway_form label span {
    font-weight: normal;
    font-size: 0.75em;
    padding: 0.5em 0.7em;
}

.gw_main_nav .ui-focus,
.gw_main_nav ui-btn:focus {
    box-shadow: none;
}

#getaway_form .ui-controlgroup-controls p {
    margin: 0;
}

#getaway_form .sort_by {
    text-align: center;
}

#getaway_form .search_options .ui-btn-inner,
#getaway_form .search_options .ui-header .ui-btn-inner {
    font-size: .55em;
}

#getaway_form .search_options .ui-btn-active {
    background: #0379bf !important;
    color: #fff !important;
    border: 1px solid #0379bf !important;
}

#getaway_form .search_options .ui-btn-up-a {
    color: #666666;
    border: 1px solid #dcdcdc;
    text-shadow: none;
    background: #fdfdfd;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0, #cecece 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #cecece));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0, #cecece 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0, #cecece 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0, #cecece 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fdfdfd 0, #cecece 100%);
    /* W3C */
}

#getaway_form .search_options .ui-btn-hover-a {
    color: #666666;
    border: 1px solid #dcdcdc;
    text-shadow: none;
    background: #d2d2d2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d2d2d2 0, #dddddd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(100%, #dddddd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d2d2d2 0, #dddddd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d2d2d2 0, #dddddd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d2d2d2 0, #dddddd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d2d2d2 0, #dddddd 100%);
    /* W3C */
}

#getaway_form .search_options .ui-btn-inner {
    padding: 0.6em 1.5em;
    text-overflow: clip;
}

#getaway_form .ui-btn-up-b,
.ui-btn-hover-b {
    border: 1px solid #BBBBBB;
}

fieldset.ui-controlgroup {
    margin: 0.5em 0;
}

#getaway_form .ui-controlgroup {
    margin: 0.2em 0;
}

#getaway_form #travelWindow .ui-btn {
    margin: 01em 0 0.5em;
}

#getaway_form .ui-listview {
    border: 0;
    margin: 10px 6px 6px;
}

#gw-availabilities-content {
    text-shadow: none;
}

#gw-availabilities-content .ui-content .ui-listview {
    margin: 0;
}

#gw-availabilities-content resort_header_row_3 {
    font-size: 0.6em;
}

#gw-availabilities-content .resort_title_sec_a img {
    width: 40%;
    margin: 0 0.5em 0.5em 0;
}

#gw-availabilities-content #setC h3#resorts_nearby {
    font-size: .9em;
    color: #FFF;
    border: 1px solid #666;
    background: #666666;
    margin-bottom: .5em;
    padding: .5em;
    text-align: center;
    box-shadow: 0 5px 6px -6px black;
}

.resort_header_row_2 .ui-focus,
.ui-btn:focus {
    box-shadow: none;
}

.resort_title_sec_b_2 h3 {
    font-size: 0.75em;
    padding: 0;
}

.resort_title_sec_b_2 address,
.resort_title2 address {
    font-size: 12px;
}

#gw-availabilities-content .resort_details_icon {
    font-size: 0.85em;
}

#gw-availabilities-content .ui-td-count {
    font-size: 0.6em;
    margin-right: 10px;
    text-align: right;
}

#gw-availabilities-content .ui-td-count span {
    display: block;
    color: #e67829;
    font-size: 2em;
    font-weight: bold;
}

#gw-availabilities-content .ui-fullsize .ui-btn-inner,
#gw-availabilities-content .ui-fullsize .ui-btn-inner {
    font-size: 0.5em;
    text-align: center;
    border-radius: none;
    color: #0077be;
}

.resort_details_rd_icons {
    margin-top: 4px;
    min-height: 30px;
}

#gw-availabilities-content .resort_details_icon img {
    height: 20px;
        vertical-align: bottom;
}

.gw-options-content p {
    color: #333333;
    font-size: 14px !important;
    font-weight: normal;
    line-height: 15px;
    margin: 5px 0;
}

.bpg {
    color: #0077BE;
    font-size: 0.75em;
    font-weight: bold;
    text-transform: capitalize;
    padding: 10px 30px 10px 11px;
    position: relative;
    margin: 5px 0;
    border: 1px solid #fff;
    max-width: 125px;
}

.bpg:hover {
    background: #EAEEFF;
    color: #003876;
    border: 1px solid #d2d2d2;
}

.bgp_arrow {
    background-image: url("/images/iw/mobile/list_item_icon.png");
    background-repeat: no-repeat;
    background-size: 0.7em auto;
    height: 15px;
    width: 10px;
    position: absolute;
    right: 10px;
    top: 11px;
}

.getaways_booking #container {
    height: 200px;
}

.moble_unit_details ul li {
    height: 17px;
}

.termscheck_box .ui-btn-corner-all {
    -moz-border-radius: 0 !important/*{global-radii-buttons}*/
    ;
    -webkit-border-radius: 0 !important/*{global-radii-buttons}*/
    ;
    border-radius: 0!important/*{global-radii-buttons}*/
    ;
    border-width: 0;
    min-height: 40px;
    margin: 0;
}

#advise_table {
    width: 100%;
    border-collapse: collapse;
    border-width: 0;
}

#advise_table td {
    border: 1px solid #d2d2d2;
}

#addcard_d {
    padding: 15px;
}

.exp1 label , .exp2  label{
	 border: 1px solid #d2d2d2;
}

/*********** END: Getaway *********/


/* -------START: Short Stay Page - Search Tab Section (Destination Content) ------- */

.regions-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

#lt7-getaway_specials_container {
    padding: 22px 10px 10px 10px;
}

.deal_image img {
    width: 70vw;
    height: 15vh;
}

#available_destinations {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 1010;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #ffffff;
}
#page_getaways .best_price_ssg_home {
  	height:50px;
    float: left;
    width: 30%;
    margin: 7px 5% 9px;
}

#number_of_nights p
{
padding:0 10px;
}

#number_of_nights .ui-btn {
margin:0 10px
}
    
#number_of_nights {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 1010;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
}

#dates_section {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 1010;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
}

#ssg_search_promo p img {
    width: 12px;
    position: relative;
    top: 1px;
}


/* ------- END: Short Stay Page - Search Tab Section (Destination Content) ------- */


/*
.fieldsettype {
    background-color: #EEEEEE;
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-top: 0.25em;
    padding-bottom: 0.50em;
}
.fieldsetcolor {
    background-color: #EEEEEE;
}
*/


/******************************************MY UNITS START*********************************************************/

.innerPageHeader h1 {
    background-color: #FFFFFF;
    font-size: 1.0em;
    margin: 0;
    padding: 0.6em;
}

hr {
    margin: 0;
}

.postloginWrapper {
    background-color: #FFFFFF;
}

.postLoginWrapper .progress_indicator {
    text-align: center;
}

.generalContent p {
    font-size: 0.875em;
    padding: 0.625em;
}

.myunitStructure {
    border-top: 1px solid #d2d2d2;
    padding: 0;
}

.myunitStructure .weekTitle {
    width: 100%;
}

.myunitStructure .ui-btn-up-d,
.myunitStructure .ui-btn-hover-d {
    border: 0;
}

.ui-content {
    padding: 0;
}

.address address {
    font-style: normal;
    padding-bottom: 0.38em;
}

.address small {
    font-size: 12px;
}

.resort_details_icon_code {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #18294B;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin-right: 3px;
    padding: 3px;
}

.resort_details_icon strong {
    display: block;
    float: left;
    font-size: 12px;
    margin: 0;
    font-weight: normal;
}


/*
.unitsH5 {padding-bottom: 0.625em;}
*/

.unitsH5 h3 {
    font-size: 1.0em;
    margin: 0;
    padding: 0.35em 0 0 0;
    font-weight: normal;
}


/*--------- START: Deposit Details ----------*/

h1.deposit_tb {
    font-size: 1.5em !important;
}

.deposit_tb th {
    text-align: left;
    padding-right: 10px;
}

.deposit_tb td {
    font-size: 0.75em;
}

.exchange_section_wrapper td {
    padding-right: 10px;
    font-size: 0.75em;
}

.exchange_section_wrapper td.price {
    text-align: right;
}

.deposit_dtls {
    font-size: 0.75em;
}


/*--------- END: Deposit Details ----------*/


/*---------Alert State To Call Hotel------*/

.resort_message1 {
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    padding: 8px;
    margin: 4px;
}

.resort_message1 .resort_message_padding br {
    display: none;
}

.resort_message1 .resort_message_padding {
    line-height: 0.88em;
}

.resort_message1 small {
    color: #18294b;
}


/*---Centers Text On Accordian or Lists---*/

.myunitStructure .ui-btn-inner {
    text-align: center;
}

.myunitStructure .ui-collapsible-inset .ui-collapsible-content {
    background-color: #f0f0f0;
    border-top-width: 0;
    font-size: 0.7em;
}


/*--MY Units Collabsable Heading Font Size--*/

.myunitStructure .ui-collapsible-heading {
    font-size: 1.125em;
}

.myunitStructure .ui-collapsible-content {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.myunitStructure .resort_details_rd_icons {
    width: 55%;
    margin-top: 0;
    margin-bottom: 0.425em;
    float: right;
}

.myunitStructure .myunitsImage {
    width: 35%;
    height: auto;
    float: left;
}

.myunitStructure .weekTitle br {
    display: none;
}

.ui-shadow {
    box-shadow: none;
}

.myunitStructure .ui-listview {
    border: 0;
}

.greyDivider {
    width: 100%;
    background-color: #d4d4d4;
    height: 13px;
    box-shadow: inset 0 5px 6px -6px black;
    clear: both;
}

.greyDivider2 {
    width: 100%;
    background-color: #d2d2d2;
    height: 8px;
    box-shadow: inset 0 5px 6px -6px black;
}

.orangeDivider {
    width: 100%;
    background-color: #f36f21;
    height: 5px;
}

.uiContainerMyUnits .ui-listview {
    margin: 0;
}


/*---------Lock Off-----*/

.myUnitsContent p {
    font-size: 0.88em;
    padding: 0.625em;
}

.myUnitsContent .myUnitsSubContent {
    background-color: #f3f3f3;
    padding: 0.625em;
}

.myUnitsContent h3 {
    margin: 0.625em 0 0 0;
}

.myUnitsContent .table_frame_body .lockDesc br {
    display: none;
}

.lockDesc {
    font-size: 0.88em;
}


/***********************END MY UNITS******************************************/


/***********************MY UNITS CIG********************************************************/

.cigHeader {
    width: 100%;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    background-image: linear-gradient(bottom, #d9e2ee 40%, #FFFFFF 52%, #d9e2ee 85%);
    background-image: -o-linear-gradient(bottom, #d9e2ee 40%, #FFFFFF 52%, #d9e2ee 85%);
    background-image: -moz-linear-gradient(bottom, #d9e2ee 40%, #FFFFFF 52%, #d9e2ee 85%);
    background-image: -webkit-linear-gradient(bottom, #d9e2ee 40%, #FFFFFF 52%, #d9e2ee 85%);
    background-image: -ms-linear-gradient(bottom, #d9e2ee 40%, #FFFFFF 52%, #d9e2ee 85%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.4, #d9e2ee), color-stop(0.52, #d9e2ee), color-stop(0.85, #d9e2ee));
    padding-bottom: 0.525em;
}

.cigHeader h3 {
    margin: 0;
    color: #696969;
    padding: 0 0 0.325em 0;
}

.sort_traditional .cig_sub_header {
    width: 100%;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    background-image: linear-gradient(bottom, #f1f1f1 40%, #FFFFFF 52%, #f1f1f1 85%);
    background-image: -o-linear-gradient(bottom, #f1f1f1 40%, #FFFFFF 52%, #f1f1f1 85%);
    background-image: -moz-linear-gradient(bottom, #f1f1f1 40%, #FFFFFF 52%, #f1f1f1 85%);
    background-image: -webkit-linear-gradient(bottom, #f1f1f1 40%, #FFFFFF 52%, #f1f1f1 85%);
    background-image: -ms-linear-gradient(bottom, #f1f1f1 40%, #FFFFFF 52%, #f1f1f1 85%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.4, #f1f1f1), color-stop(0.52, #d9e2ee), color-stop(0.85, #f1f1f1));
    padding: 0.325em;
}

.sort_traditional .cig_sub_header h3 {
    margin: 0 0 0.625em 0;
    padding-top: 0.625em;
}

.cigEndBorder {
    padding: 0.225em 0 0.225em 0;
    margin-bottom: 0.625em;
    background-color: #d9e2ee;
}


/*******************************END MY UNITS CIG************************************************/


/*********** START - My Profile ***************************************************/

body#edit-my-profile form {
    margin-top: 1em;
    padding: 0.5em
}

#my_edit_web_profile_wrap .ui-checkbox .ui-btn,
#my_edit_web_profile_wrap .ui-checkbox .ui-btn-up-c {
    margin: -1px 0 0;
}

#duplicateNumberMessageCL {
    background: url("/images/_icons/alert-bg.png") #f3f2f2 7px center no-repeat;
    margin: 0;
    padding: 10px 5px 10px 40px;
    min-height: 35px;
    color: #FA2F2F;
    border: 3px solid #D2D1D1;
    border-radius: 5px;
    margin: 0 10px 20px 10px;
}

.thankYouMessage {
    background: url(/images/_icons/fa-check.png) #f6ffec 7px center no-repeat;
    padding: 15px 5px 15px 40px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    color: #386403;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 20px 10px;
}

.mp-phone-labels {
    width: 100px;
    float: right;
    text-align: center;
}

.mp-number-row-top {
    border: 0;
    padding-bottom: 20px;
    overflow: auto;
}

.mp-number-row {
    overflow: auto;
    border-top: 1px solid #bbb;
    padding: 10px 0;
}

.mp-phone-mobile-icon {
    float: left;
    background: url("/images/_icons/ph-mobile.png") 10px center no-repeat;
    width: 50px;
    height: 30px;
}

.mp-phone-home-icon {
    float: left;
    background: url("/images/_icons/ph-home.png") 10px center no-repeat;
    width: 50px;
    height: 30px;
}

.mp-phone-business-icon {
    float: left;
    background: url("/images/_icons/ph-business.png") 10px center no-repeat;
    width: 50px;
    height: 30px;
}

.mp-phone-number {
    float: left;
    width: 60%;
    margin-top: 7px;
}

.mp-phone-preferred {
    float: right;
    width: 60px;
    text-align: left;
    margin-top: 7px;
}


/*********** START - Modal *********/

.my_profile_modal_alert {
    text-align: center;
    background: #f7f3f7;
}

.my_profile_modal_alert h1 {
    background: none;
}

.my_profile_modal_alert h2 {
    font-size: 20px;
    text-transform: capitalize;
    background: none;
}

.my_profile_modal_alert p {
    margin-top: 20px;
    font-weight: bold;
    font-size: 12px;
    color: #333;
}

.my_profile_modal_alert a {
    margin: 10px 0;
    float: none;
}

.my_profile_modal_alert a.ui-btn-up-b,
.my_profile_modal_alert a.ui-btn-hover-b {
    margin: 0 15%;
}


/*********** END - Modal *********/


/*********** START - Edit Address *********/

body#edit-my-address form {
    margin-top: 1em;
    padding: 0.5em
}


/*********** END - Edit Address *********/


/*********** START - Change Password *********/

body#edit-password form {

    margin-top: 1em;
    padding: 0.5em
}

.text-password-requirement {
    width: 95%;
    font-size: .6em;
    border: 1px solid;
    border-color: #c1c1c1;
    padding: .5em;
    border-radius: 1em;
    margin-top: 1em;
    margin-bottom: 1em
}

#edit-password p {
    margin: 0;
    background: #FFF;
    padding: 0 15px;
}


/*********** END - Change Password *********/


/*********** START - Edit Phone Numbers *********/

.edit_phone_wrap {
    background: #fff;
    padding: 0.25em 0.75em;
}

.edit_phone_wrap fieldset {
    padding: 0.75em;
}

.edit_phone_wrap h1 {
    padding: 0.6em 0;
}

.edit_phone_wrap #errorBoxPhone {
    margin-top: 0;
    padding: 5px;
    background: #f3f3f3;
}

.edit_phone_wrap #errorBoxPhone p {
    background: url("/images/_icons/alert-bg.png") 0 center no-repeat;
}

.duplicate-num {
    color: #cc0000;
    font-weight: bold;
}

.edit_phone_wrap .form {
    margin-bottom: 0.75em;
    border-bottom: none;
}

.edit_phone_wrap .edit-phone-mobile-icon {
    float: left;
    background: url("/images/_icons/ph-mobile.png") 0 center no-repeat;
    width: 30px;
    height: 30px;
}

.edit_phone_wrap .edit-phone-home-icon {
    float: left;
    background: url("/images/_icons/ph-home.png") 0 center no-repeat;
    width: 30px;
    height: 30px;
}

.edit_phone_wrap .edit-phone-business-icon {
    float: left;
    background: url("/images/_icons/ph-business.png") 0 center no-repeat;
    width: 30px;
    height: 30px;
}

.edit_phone_wrap .edit-phone-county-code {
    float: left;
    width: 25%;
}

.edit_phone_wrap .edit-phone-county-code .ui-btn {
    height: 33px;
    /*- corrects default height to match other fields - */
    margin: 0 5px;
}

.edit_phone_wrap .edit-phone-county-code .ui-btn-inner {
    min-width: .15em;
    padding: 8px 20px 7px 7px;
}

.edit_phone_wrap .edit-phone-county-code .ui-select .ui-btn-icon-right .ui-icon {
    right: 4px;
    /*- places dropdown arrow icon in correct location - */
}

.edit_phone_wrap input.ui-input-text {
    margin: 0;
    /*- corrects default margins on input fields- */
}

.edit_phone_wrap .edit-phone-area-code {
    float: left;
    width: 15%;
    margin-right: 5px;
}

.edit_phone_wrap .edit-phone-number {
    float: left;
    width: 35%;
    margin-right: 5px;
}

.edit_phone_wrap .edit-phone-radio-btn {
    float: right;
    width: 20px;
    height: 20px;
    padding: 9px 6px 5px 9px;
    background: #fff;
    border: 1px solid #bbb;
    background: #fff;
    border-radius: 0.4em;
}

.edit_phone_wrap .edit-phone-radio-btn .ui-radio {
    float: right;
}

.edit_phone_wrap .edit-phone-radio-btn .ui-radio input {
    margin: 4px 0 0 -36px;
    display: block;
}

.edit_phone_wrap table {
    border: 1px solid #d2d2d2;
    width: 100%;
    background: #fff;
    margin-top: 45px;
}

.edit_phone_wrap table input {
    margin-left: -999999px;
    /*- hide default checkbox - */
}

.edit_phone_wrap .ui-checkbox .ui-btn-icon-left .ui-btn-inner {
    padding-left: 33px;
}

.edit_phone_wrap .mobile-phone-info-icon {
    width: 30px;
    text-align: center;
    border-left: 1px solid #d2d2d2;
}

.edit_phone_wrap hr {
    border: none;
}

.edit_phone_wrap .ui-btn {
    margin: 0;
}

.edit_phone_wrap .ui-btn-up-f,
.edit_phone_wrap .ui-btn-hover-f {
    margin: 0 auto;
    margin-top: 10px;
}


/*********** END - Edit Phone Numbers *********/


/*********** START - Edit Credit Card *********/

body#edit-credit-card form {
    box-shadow: 0 0 0 0;
    padding: 0.5em
}



#edit-credit-card .ui-btn-inner {
    text-align: left
}


/*********** END - Edit Credit Card *********/


/*********** START - Add Credit Card *********/

body#add-credit-card form {
    box-shadow: 0 0 0 0;
    padding: 0.5em
}


/*********** END - Add Credit Card *********/


/*********** START - My Membership *********/

body#myMem .wrap-container-my-memberships {
    padding: .5em;
    background-color: #FFFFFF
}

body#myMem .ui-collapsible-inset {
    margin: 0
}

.top-table-style {
    background-color: #FFFFFF
}

.members-num-padding {
    padding-left: .5em
}

.main-box-style {
    background-color: white;
    margin-bottom: 1em
}

.resorts-main-container {
    overflow: hidden;
    border: 1px solid #d2d2d2;
    border-radius: .5em;
    margin-bottom: 1em;
    padding: 14px 0;
}

.resorts-name-title {
    font-size: 1em;
    white-space: normal !important;
    text-overflow: initial;
    text-align: left;
}


.resorts-city-state {
    font-size: .75em;
    font-style: normal;
    text-align: left;
    margin-top: 8px;
    color: #18294b;
}

.resorts-unit-details {
    font-size: .70em;
    /* clear: both; */
    text-align: left!important;
    display: block;
    font-weight: normal;
    line-height: 20px;
    color: #18294b;
}

.benefits-btn-padding {
    padding: .2em;
}

.resorts-information-details {
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
}

.my_profile .ui-collapsible-set {
    margin-top: 0;
}


/*********** END - My Membership *********/

.btn-align-center {
    text-align: center
}


/*********** END - My Profile *********/


/*********** START - Profile Back to Profile Button *********/

.btp_btn td,
.btp_btn tr {
    width: 100%;
    /*Correct td display issue on several mobile profile pages*/
}

.btp_btn a {
    width: 50%;
    margin: 0 auto;
}

.btp_btn span {
    text-align: center !important;
}

.profile_save_btn span {
    text-align: center !important;
    color: #FFF !important;
}


/*********** END - Profile Back to Profile Button *********/


/*******************************RENEWALS****************************************************************/

.postloginWrapperRenewals,
.postloginWrapperRenewals .form {
    background-color: #FFFFFF;
    border: 0;
    box-shadow: none;
}

.postloginWrapperRenewals h1 {
    box-shadow: none;
}

.postloginWrapperRenewals p {
    padding: 0 0.625em 0 0.625em;
    font-size: 0.88em;
}

.postloginWrapperRenewals #basicincldiv .formRenewalsRounded {
    padding: 0;
}

.postloginWrapperRenewals h3 {
    /*
background-image: linear-gradient(bottom, #d2d2d2 32%, #FFFFFF 66%);
background-image: -o-linear-gradient(bottom, #d2d2d2 32%, #FFFFFF 66%);
background-image: -moz-linear-gradient(bottom, #d2d2d2 32%, #FFFFFF 66%);
background-image: -webkit-linear-gradient(bottom, #d2d2d2 32%, #FFFFFF 66%);
background-image: -ms-linear-gradient(bottom, #d2d2d2 32%, #FFFFFF 66%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.32, #d2d2d2),
    color-stop(0.66, #FFFFFF)
);
*/
    background-color: #18294B;
    color: #FFFFFF;
    border-radius: 0.4em 0.4em 0 0;
}

.postloginWrapperRenewals .ui-radio {
    border-top: 1px solid #d2d2d2;
}

.postloginWrapperRenewals .offers-selections .ui-radio,
.postloginWrapperRenewals .noThanks .ui-radio {
    border-top: 0;
}

.postloginWrapperRenewals .ui-btn-up-b,
.postloginWrapperRenewals .ui-btn-hover-b {
    border: 0;
    margin: 0;
    color:#18294B;
}


.offers-selections {
    width: 126%;
}

.fee {
    color: #0077be;
    font-size: 1.2em;
    display: inline-block;
    margin: 0;
}

.strikeout-price {
    color: #8e8d8b;
    text-decoration: line-through;
    font-size: 10px;
    margin: -10px -39px 0 0;
    display: inline-block;
}

.savings {
    color: #01b2de;
    font-size: .7em;
    clear: both;
    display: inline-block;
    margin: 0;
}

.noThanks {
    width: 95%;
    margin-top: 10px;
    margin-left: 8px;
    margin-bottom: 0.625em;
}

.noThanks .ui-radio .ui-btn-up-b {
    border: 1px solid #d2d2d2;
    box-shadow: none;
}

.fullWidthDiv {
    padding: 0.625em 0 0.625em 0;
}

.alignRightRenewals {
    font-size: 0.875em;
    padding: 0.625em 0.625em 0.625em 0;
    text-align: right;
}

.ui-btn-hover-g:active {
    color: #fff;
    background: #01b2de;
}

.fullWidthDiv {
    padding: 0.625em 0 0.625em 0;
}

.alignRightRenewals {
    font-size: 0.875em;
    padding: 0.625em 0.625em 0.625em 0;
    text-align: right;
}

#renewalInfo #basic,
#renewal-total-cost-footer {
    padding: 0 0.625em 0 0.625em;
}

.formRenewalsRounded {
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    background-color: #ffffff;
    margin: 0 0.475em 0 0.475em;
    border: 1px solid #d2d2d2;
}

.formRenewalsRounded h3 {
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    margin: 0;
    padding: 0.625em 0 0.625em 0;
}

.formRenewalsRounded {
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    background-color: #ffffff;
    margin: 0 0.475em 0 0.475em;
}

.renewalsTotal {
    padding: 0.625em 0 0.625em 0;
    border-top: 1px solid #cdcdcd;
}

.renewalsTotal2 {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 0.375em;
}

.renewalsTotal3 {
    padding: 0.525em 0 0.525em 0;
}

.renewalsTotal3 .renewal-selected-tiers {
    width: 100%;
    font-size: 0.875em;
}

.renewalsTotal .renewal-total-container {
    text-align: right;
}

.multiOffersSpacing {
    padding-top: 0.625em;
}

#errorMessage .error-prompt p {
    padding-left: 3.25em;
}

.renewal-upgrade-options-title {
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    height: 10px;
    margin: 20px 10px 30px 10px;
}

.renewal-upgrade-options-title h3 {
    /*-- Grey Background
    background-color:#e5e5e5;
    color:#515151;
    margin:24px 22% 0 22% !important;
    font-size:0.68em;
    padding:0.625em 0 0.625em 0;
    text-align:center; --*/
    color: #666666;
    font-weight: normal;
    background: #fff;
    display: inline;
    padding: 10px;
}

.rows-gradient {
    background: #ffffff;
}


/*-----UPSELL ADS Section-----*/

.mobileUpsellAds {
    background-color: #FFFFFF;
}

.mobileUpsellAds .pselect-paragraph-wrap {
    font-size: 0.88em;
}

.mobileUpsellAds .pselect-image,
.mobileUpsellAds h1 {
    text-align: center;
}

.mobileUpsellAds .pselect-button-center {
    width: 100%;
    border-radius: 3px;
    padding: 10px 0;
    text-align: center;
    color: #004d7c;
}

.upsell_ad_main_container {
    background-color: #FFFFFF;
}


/*-------End Upsell Ads Section-----*/


/********* Pop Up ********/

.ui-popup-screen {
    background-color: #000000;
}

span#breakDownPopup.charted.ui-popup {
    border: 0 !important;
    padding: 0 !important;
}

.ui-popup {
    padding: 1em;
    color: #666;
    background-image: none;
}

.ui-popup h1 {
    padding: 10px 15px 10px 10px;
}
.card_text_heading h1, #myMem .ui-popup h1 {
  padding: 0 15px 10px 0;
        font-size: 1.8em;
}
.ui-body-a #dlMenu {
    background-image: linear-gradient( #FFFFFF/*{a-body-background-start}*/
    ,
    #FFFFFF/*{a-body-background-end}*/
    );
}

#overlay_no_availability_unit_message .ui-btn {
    margin: 15px 0 0 0;
}

#popupBasic label {
    font-size: 0.88em;
}

.popUpContent .style23 {
    border: 0;
    background: none;
    display: inline-block;
}

.popUpContent .style23_desc {
    padding-left: 1.15em;
    font-weight: bold;
}

.popUpContentHeading h5 {
    font-size: 0.88em;
    padding-bottom: 0.425em
}


/*-- popup styling for select/dropdown custom menus --*/

.ui-popup.ui-selectmenu {
    padding: 1px;
    background: #fff;
}

.ui-popup .ui-selectmenu-list {
    border-width: 0;
}

.ui-popup .ui-selectmenu-list > li.ui-btn {
    background: #fff;
    border-width: 0 0 1px;
    border-color: #bbbbbb;
}

.ui-popup .ui-selectmenu-list > li.ui-btn:hover {
    background: #EAEEFF;
}

.ui-popup .ui-selectmenu-list > li.ui-btn:first-child {
    border-bottom-width: 0;
    border-radius: 0.15em 0.15em 0 0;
}

.ui-popup .ui-selectmenu-list > li.ui-btn:last-child {
    border-bottom-width: 0;
    border-radius: 0 0 0.15em 0.15em
}

.ui-popup .ui-selectmenu-list > li.ui-btn.ui-btn-active {
    background: #0077be;
    border-color: #0077be;
}


/********End Pop Up *****/

.formRenewalsRounded h3 {
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    margin: 0;
    padding: 0.625em 0 0.625em 0;
}

.postloginWrapperRenewals {
    background-color: #FFFFFF;
}

.postloginWrapperRenewals h1 {
    box-shadow: none;
}

.postloginWrapperRenewals p {
    padding: 0 0.625em 0 0.625em;
    font-size: 0.88em;
}

.fullWidthDiv {
    padding: 0.625em 0 0.625em 0;
}

.alignRightRenewals {
    font-size: 0.875em;
    padding: 0.625em 0.625em 0.625em 0;
    text-align: right;
}

.renewalsTotal {
    padding: 0.625em 0 0.625em 0;
    border-top: 1px solid #cdcdcd;
}

.renewalsTotal2 {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 0.375em;
}

.formRenewalsRounded {
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    background-color: #ffffff;
    margin: 0 0.475em 0 0.475em;
}

.renewalsTotal3 {
    padding: 0.525em 0 0.525em 0;
}

.renewalsTotal3 .renewal-selected-tiers {
    width: 100%;
    font-size: 0.875em;
}

.renewalsTotal .renewal-total-container {
    text-align: right;
}

.formRenewalsRounded h3 {
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    margin: 0;
    padding: 0.625em 0 0.625em 0;
}

.multiOffersSpacing {
    padding-top: 0.625em;
}


/*-----UPSELL ADS Section-----*/

.renewalsTotal {
    padding: 0.625em 0 0.625em 0;
    border-top: 1px solid #cdcdcd;
}

.renewalsTotal2 {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 0.375em;
}

.renewalsTotal3 {
    padding: 0.525em 0 0.525em 0;
}

.renewalsTotal3 .renewal-selected-tiers {
    width: 100%;
    font-size: 0.875em;
}

.renewalsTotal .renewal-total-container {
    text-align: right;
}

.multiOffersSpacing {
    padding-top: 0.625em;
}


/*-----UPSELL ADS Section-----*/

.mobileUpsellAds {
    background-color: #FFFFFF;
}

.mobileUpsellAds .pselect-paragraph-wrap {
    font-size: 0.88em;
}

.mobileUpsellAds .pselect-image,
.mobileUpsellAds h1 {
    text-align: center;
}

.mobileUpsellAds .pselect-button-center {
    width: 100%;
    border-radius: 3px;
    padding: 10px 0;
    text-align: center;
    color: #004d7c;
}

.upsell_ad_main_container {
    background-color: #FFFFFF;
}


/*-------End Upsell Ads Section-----*/

.mobileUpsellAds {
    background-color: #FFFFFF;
}

.mobileUpsellAds .pselect-paragraph-wrap {
    font-size: 0.88em;
}

.mobileUpsellAds .pselect-image,
.mobileUpsellAds h1 {
    text-align: center;
}

.mobileUpsellAds .pselect-button-center {
    width: 100%;
    border-radius: 3px;
    padding: 10px 0;
    text-align: center;
    color: #004d7c;
}

.pselect-input-center {
    background-image: url(/images/renewal-upgrade-butn-center.png);
    height: 31px;
    line-height: 32px;
    font-size: 14px;
    color: #336699!important;
    font-family: 'roboto', Arial, Verdana, Helvetica, sans-serif;
    zoom: 1;
    overflow: hidden;
    border-radius: 5px;
    border: 0.5px solid #DBDBDB;
}

.upsell_ad_main_container {
    background-color: #FFFFFF;
}


/*-------End Upsell Ads Section-----*/


/*-------Error Message------*/



/********************************END RENEWALS****************************************************************/


/*************************************************RESORT DIRECTORY DETAILS********************************************************/

.resortTitleSection {
    padding: 0 0.625em 0 0.625em;
}

.resortTitleSection h3 {
    margin: 0.625em 0 0 0;
    width: 85%;
    color: #0077be;
  	font-weight:normal;
}

.resortDetailsH1 h1 {
    margin: 0;
    padding: 0.625em;
}

.resortDetailsH1 {
    padding-bottom: 0.625em;
    background-color: #FFFFFF;
}

.resortDetailsTabs {
    text-align: center;
    padding-top: 1.325em;
}

.resortDetailsTabs .ui-corner-all {
    border-radius: 0;
}

.resortDetailsTabs fieldset#tabs {
    border: 0;
}



#tabContainer .myTab p {
    margin: 0;
    padding: 0.625em;
}

#tabContainer .myTab {
    margin-top: -0.25em;
}

.resortDetailsAccordians .resort_layout_information {
 line-height: 19px;
}
.resortDetailsAccordians .ui-btn-up-d{
	border: 1px solid #d2d2d2;
}
.resortDetailsWeeks {
    padding: 0;
}

.resortDetailsWeeks .containerPadding {
    padding: 0.625em 0 0 0.625em;
}


/*----Monitor This---*/

.resortDetailsWeeks .unitDetails br {
    display: none;
}

.discount_price_escapes {
    /*background-color:#7bae31;*/
    color: #FFFFFF;
    font-size: 0.88em;
    font-weight: bold;
    text-align: center;
    padding: 0.25em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0 auto;
    width: 50%;
    background-image: linear-gradient(bottom, rgb(124, 174, 49) 79%, rgb(112, 112, 112) 100%);
    background-image: -o-linear-gradient(bottom, rgb(124, 174, 49) 79%, rgb(112, 112, 112) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(124, 174, 49) 79%, rgb(112, 112, 112) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(124, 174, 49) 79%, rgb(112, 112, 112) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(124, 174, 49) 79%, rgb(112, 112, 112) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.79, rgb(124, 174, 49)), color-stop(1, rgb(112, 112, 112)));
}

.discount_price_priority {
    /*background-color:#7bae31;*/
    color: #FFFFFF;
    font-size: 0.88em;
    font-weight: bold;
    text-align: center;
    padding: 0.25em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0 auto;
    width: 50%;
    background-image: linear-gradient(bottom, rgb(22, 84, 155) 79%, rgb(112, 112, 112) 100%);
    background-image: -o-linear-gradient(bottom, rgb(22, 84, 155) 79%, rgb(112, 112, 112) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(22, 84, 155) 79%, rgb(112, 112, 112) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(22, 84, 155) 79%, rgb(112, 112, 112) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(22, 84, 155) 79%, rgb(112, 112, 112) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.79, rgb(22, 84, 155)), color-stop(1, rgb(112, 112, 112)));
}

.containerPadding {
    padding: 10px;
}

.priceDetails {
    text-align: center;
    color: #18294B;
    font-weight: bold;
    font-size: 1.38em;
    margin: 16px 0;
}

.priceDetails small {
    color: #666666;
    font-weight: normal;
}

.bookItPadding {
    padding: 0 0.30em 1.30em 0.30em;
    border-bottom: 1px solid #d2d2d2;
    margin: 0 16px;
}

.bookItPadding .ui-mini .ui-btn-inner {
    font-size: 12.5px;
    padding: 0.95em 11px 0.95em;
}
.moreOptionsBt {
    width: 65%;
    margin: 0 auto;
}


/*---------------------------*/

.AlignmentDetails {
    margin-top: -10px;
}

.resort_details_title {
    Margin: 0;
}


/*************************************************END RESORT DIRECTORY DETAILS********************************************************/


/*------------------------------------MY MESSAGES--------------------------------------------------------------------------------*/

.myMessages {
    background-image: linear-gradient(bottom, #ff6a05 25%, #ffa005 52%);
    background-image: -o-linear-gradient(bottom, #ff6a05 25%, #ffa005 52%);
    background-image: -moz-linear-gradient(bottom, #ff6a05 25%, #ffa005 52%);
    background-image: -webkit-linear-gradient(bottom, #ff6a05 25%, #ffa005 52%);
    background-image: -ms-linear-gradient(bottom, #ff6a05 25%, #ffa005 52%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, #ff6a05), color-stop(0.52, #ffa005));
}

.myMessages .ui-bar-e {
    border: 0;
}

.myMessages .ui-btn-corner-all {
    border-radius: 1.25em;
    border: 0;
}

.gw_main_nav .myMessages a {
    padding: 0;
}

.xButton1 img {
    float: left;
    padding-top: 0.625em;
}

.myMessages .xButton2 {
    float: left;
    margin-left: 0.625em;
    padding: 0.25em 0 0.25em 0;
}

.myMessages .xButton3 {
    float: right;
    padding-top: 0.15em;
}

.xButton2 h3 {
    color: #FFFFFF;
    margin: 0;
}

.xButton2 p {
    color: #FFFFFF;
    margin: 0;
    font-weight: bold;
    padding-top: 0.375em;
}


/*----Count Bubble----*/

.ui-li-count {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #d00000;
    padding: 3px 6px;
    right: 20px;
    position: absolute;
    top: 6px;
    z-index: 1009;
}

.ui-li-countMenu {
    font-family:'roboto', Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    color: #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #d00000;
    width: 20px;
    height: 17px;
    padding-top: 3px;
    position: absolute;
    left: 110px;
    top: 8px;
    z-index: 9999999;
}


/*------------------------------------End MY MESSAGES--------------------------------------------------------------------------------*/


/*---------------------------Getawaya Deals------------------------------------*/

.dealsH1 small {
    color: #333333;
    font-weight: normal;
}


/*------------------------------GETAWAY DEALS-----------------------------*/


/*------------------------FONT SIZES------------------------------*/

h1 {
    font-size: 1.31em;
}


/*---only to be used for main title on page.---*/

h3 {
    font-size: 1.0em;
}


/*-- To be used on My Units, Search Result Titles, Resort directory details ---*/

h5 {
    font-size: 0.88em;
}


/*-- To be used on title elements that belong in the copy or similar --*/

small {
    font-size: 0.75em;
}


/*--For all city titles, sleep accomodations, or similar--*/

p {
    font-size: 0.88em;
    line-height: 20px;
}


/*---For All Copy --*/

label {
    font-size: 0.75em;
    font-weight: bold;
}


/*-- To be used on form titles --*/

.avail_dates {
    font-size: 1em;
    color: #18294B;
    font-weight: bold;
}

.gwPrice {
    font-size: 18px;
    font-weight: bold;
    color: #18294B;
}

.gwPriceSmall {
    font-size: 10px;
}

address {
    font-style: normal;
    line-height: 18px;
    padding: 4px 0;
}


/*-----------------------End Font Sizes------------------------------------*/


/***** START - Additional  Information *****/

.gray-container-wrap {
    
    padding: 0.625em
}

.white-container-wrap {
    background-color: #FFFFFF;
    padding: 0.625em;
}

.resort-txt-style {
    padding: 0.625em;
    font-weight: bold
}

.resort-txt-style-alt {
    font-weight: bold;
    margin-bottom: 0.375em;
    padding-top: 0.375em
}

.collapsible-main-container {
    margin: -2px 0;
    border: 1px solid #c1c1c1
}

.unit-number-input {
    margin-top: 5px;
    width: 90%
}

.unit-number-display {
    padding: 5px;
    border-radius: 5px;
    width: 50%;
    text-align: left
}

.bedrooms-display {
    padding: 5px;
    border-radius: 5px;
    width: 65%;
    text-align: left
}


/***** END - Additional  Information *****/


/*-- GW/EX NO AVAILABILITY --*/

#errorMessageContainer {
    padding: 0 1em;
    overflow: auto;
    background-color: #fff;
}

#errorMessageContainer #ErrorTagId1 {
    font-size: inherit;
    font-weight: bold;
}

.action_btn_wrap {
    height: 50px;
}

#errorMessageContainer h3,
#otherSuggestionsBox h3 {
    margin: 0;
}

.results-module-hotel #errorMessageContainer {
    margin-bottom: 30px;
}

.results-module-hotel #errorMessageContainer, 
.results-module-hotel #avail_dest_area, 
.results-module-hotel #search_getaway_destination {
    margin-bottom: 30px;
    line-height: normal;
}


#search_avail_dates,
#search_avail_dest,
#place_exchange_request {
    border-color: #f1f1f1;
    border-style: solid;
    border-width: 3px 0 0;
}

#newHeader {
    background-color: #f1f2f2;
}

#newHeader h3 {
    font-size: 1em;
    text-align: center;
}

#search_avail_dates p,
#search_avail_dest p {
    margin-top: 0;
}

#destination_searched {
    font-weight: bold;
    text-align: center;
}


/* Destination Information */

.dest_info {
    border: 1px solid #d2d2d2;
}

.transactionFontSize .dest_info {
    padding: 0 10px 10px;
}

.dest_info h3 {
    font-size: 16px;
}

.exchange_booking .dest_info {
    padding: 0 10px 10px 10px;
}

.dest_info .resort_title2 {
    padding: 0;
}

.dest_info .exchange_booking_info_dates {
    padding-left: 0;
}

.dest_info_review_info {
    padding-left: 10px;
}

.dest_info .resort_details_icon_code strong {
    font-size: 15px;
}


/* Relinquishment Information */

.relq_info {
    padding: 0 0 0 10px;
}

.relq_info h3 {
    font-size: 16px;
    color: #666;
}

.relq_info_top {
    vertical-align: top;
}

.relq_info_top .unitsH5 h5,
.exchange_booking .resort_title2 h5 {
    margin-bottom: 5px;
}

.relq_info .resort_details_rd_icons {
    margin-top: 0.5em;
}

.relq_info .resort_title2 {
    padding: 0;
}

.relq_info_review_info {
    padding-top: 5px;
}

.relq_info .resort_details_icon_code strong {
    color: #666666;
    font-size: 15px;
}

.transactionFontSize .relq_info {
    padding: 5px 0 0 10px;
}


/* Transaction Completed */

.gray-divider {
    height: 0;
    background-color: #d2d2d2;
    margin: 10px 0 10px 0;
   
}

#cartPayment #popupBasic{
	background-color:#fff;
}
.usage-transaction {
    font-weight: bold;
    padding-top: 10px
}

.relinquishment-container {
    font-size: 11px;
    margin-top: 5px;
}

.tc-exchange-units {
    float: left;
    margin-top: 5px;
    font-size: 11px
}

.tc-terms {
    padding: 0 10px 0 10px;
    font-size: 14px;
}

.tc-eplus-purchase-border {
    height: 6px;
    background-color: #e15b02;
    margin-top: 15px
}

.tc-eplus-purchase-topborder {
    height: 6px;
    background-color: #e15b02
}

.tc-eplus-promo-spot {
    border-top: 6px solid;
    border-bottom: 6px solid;
    border-color: #e15b02;
    padding: 15px;
    overflow: auto;
}

.tc-deposit-promo-spot {
    border: 6px solid #e15b02;
    padding: 15px;
    overflow: auto;
}

.tc-eplus-purchase-logo {
    float: left;
    width: 99px;
    height: 53px;
}

.tc-deposit-promo-img {
    float: left;
    width: 110px;
    margin-bottom: 15px;
}

.tc-eplus-purchase-copy {
    margin: 0 0 0 15px;
    font-size: 12px;
    float: left;
    width: 170px
}

.tc-deposit-promo-copy p {
    font-size: 13px;
}

.tc-eplus-purchase-copy-wide {
    margin: 0 0 0 15px;
    font-size: 12px;
}

.tc-additional-products {
    padding: 0 0 0 10px;
    color: #0077be;
    font-weight: bold;
    font-size: 14px
}

.tc-relinquishment-title {
    padding-top: 15px;
    font-size: 14px
}

.tc-destination-title {
    color: #0077be;
    padding: 10px 0 0 10px;
    font-size: 14px
}

.tc-your-order-container {
    color: #0077be;
    font-weight: bold;
    padding: 0 0 0 10px
}

.tc-purchace-btn {
    overflow: auto;
    width: 100%
}

#depositInterruptionTable .tc-purchace-btn {
    overflow: auto;
    clear: both;
    width: auto;
}

#depositInterruptionTable .tc-purchace-btn a {
    margin: 0 auto;
    float: none;
    width: 45%;
}

#small-address address {
    font-size: 10px
}

#resort-transation h5 {
    font-size: 14px;
    color: #666666;
}

.tc-eplus-title {
    color: #0077be;
    font-weight: bold
}

a:link.tc-eplus-title {
    text-decoration: none;
    color: #0077be
}

a:visited.tc-eplus-title {
    text-decoration: none;
    color: #0077be
}

a:hover.tc-eplus-title {
    text-decoration: none;
    color: #0077be !important
}


/*-- START: Allianz Promo Spot (Transaction Complete) --*/

.tc-insurance-promo-spot {
    overflow: auto;
}

.tc-insurance-promo-spot .tc-eplus-purchase-logo {
    padding: 10px;
}

.tc-insurance-promo-spot .tc-eplus-purchase-copy {
    margin: 0;
    font-size: 12px;
    float: left;
    width: 170px;
    padding: 15px 0;
}

.tc-insurance-promo-spot .tc-eplus-purchase-copy-wide {
    margin: 0;
    font-size: 12px;
    float: left;
    width: 170px;
    padding: 15px 0;
}


/*-- END: Allianz Promo Spot (Transaction Complete) --*/


/*-- START: Renewal Promo Spot (Transaction Complete) --*/

.tc-renewal-promo-spot {
    overflow: auto;
}

.tc-renewal-promo-spot .tc-eplus-purchase-logo {
    padding: 10px;
}

.tc-renewal-promo-spot .tc-eplus-purchase-copy {
    margin: 0;
    font-size: 12px;
    float: left;
    width: 170px;
    padding: 15px 0;
}

.tc-renewal-promo-spot .tc-eplus-purchase-copy-wide {
    margin: 0;
    font-size: 12px;
    float: left;
    width: 170px;
    padding: 15px 0;
}


/*-- END: Renewal Promo Spot (Transaction Complete) --*/


/*-----------------------------------------------GETAWAYS------------------------------------------------------------------------------------------------------*/


/*---------SEARCH FORM / Homepage ------------*/

.gw_heading h1 {
    margin: 0 0 -4px 0;
    padding: 0;
}


/*---Tabs Search GW ---*/

.tab1 {
    width: 80px;
    height: 14px;
    font-size: 12px;
    margin-top: -12px;
    padding-bottom: 2px;
}

.tab2 {
    width: 90px;
    height: 14px;
    font-size: 12px;
    margin-top: -11px;
    padding-bottom: 1px;
}

.tab3 {
    width: 55px;
    height: 11px;
    font-size: 12px;
    margin-top: -10px;
    padding-top: 3px;
}

.tab4 {
    height: 5px;
    font-size: 12px;
    margin-top: 4px;
}

.tab5 {
    height: 5px;
    font-size: 12px;
    margin-top: 4px;
}

.tab6 {
    height: 5px;
    font-size: 12px;
    margin-top: 4px;
}

.tab7 {
    width: 40px;
    height: 5px;
    font-size: 12px;
    margin-top: 4px;
}


/*---Error State Prompt GW---*/




/*--Removing the rounded corners for GW homepage--*/

.errorPrompt #ErrorTagId1 {
    font-size: 14px;
}


/*---Availability Search Results----*/

.side-padding-container-sr {
    padding: 0;
 	border-bottom:8px solid #d2d2d2;
  	margin-bottom:20px;
}

.side-padding-container-sr > .side-padding-container {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0;
    padding-right: 0;
}

.side-padding-container-sr .ui-collapsible-heading .ui-btn {
    border-width: 1px;
}

.availability_table .unitDetails br {
    display: none;
}

.bookC .ui-collapsible-content {
    margin: 0;
    padding: 0;
}

.ui-body-d,
.ui-overlay-d {
    text-shadow: none;
}


/*--Causing titles to be odd and inproper look --*/

.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
    background-color: transparent;
}

.exchange-unit-info-wrap {
    overflow: auto;
}

.exchange-unit-info-wrap hr {
    clear: both;
}

.exchange-unit-info-wrap hr:first-child {
    border-top: 0;
}

.exchange-unit-info {
    float: left;
    font-size: 12px;
    color: #666;
    font-weight: bold;
    padding: 0 0 5px 15px;
    width: 60%;
    text-transform: capitalize;
}

.side_menu_content small {
    margin-left: 10px;
    display: block;
}

.unitDetails {
    font-weight: normal;
    margin-bottom: 5px;
}

.unitDetails span {
    font-size: 11px;
}

#ex-availabilities-content .changeSearch_Main {
    float: right;
    width: 35%;
    padding: 8px 0;
    font-size: 12px;
    color: #0077be;
    cursor: pointer;
    font-weight: bold;
}


/*-- START: GW AVAILABILITY --*/

#advisements_div_3_2 .ui-link:hover {
    color: #2489ce;
}


/*-- END: GW AVAILABILITY --*/


/*-- GW NO AVAILABILITY --*/

#page_gw_moreoptions form {
    margin: 0 0 1em;
}

#page_gw_moreoptions form h3,
#page_gw_moreoptions form p {
    margin: 0;
}


/*----Price Box---*/

.gwPriceBox {
    position: absolute;
    left: 10px;
    background-color: #18294B;
    margin-top: 0;
    padding: 3px;
    text-shadow: none;
    z-index: 1;
    border-radius: 6px 0 0 0;
}

.gwPriceA {
    line-height: 14px;
    padding: 0 5px 0 5px;
    float: right;
    color: #FFFFFF;
}

.gwPriceB {
    font-size: 16px;
    font-weight: bold;
    color: #f9a846;
    text-align: center;
    padding-top: 5px;
}

.gwPriceC {
    font-size: 0.625em;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
}


/*---Promos---*/

.style23_p1_no_image,
.style23_p1 {
    padding-left: 0.1em;
}


/*
.searchPromos {width:auto; text-align:left; padding-left:35px;}
.searchPromos .style23 {background-image:none; border:0; margin:0; width:auto; padding:0;}
.searchPromos .style23_p1 {padding:0; color:#01B2DE;} 
.searchPromos .style23 img {margin:0;}
.searchPromos .info_tip .style23_p1 {margin:0; clear: both;}

#icon_image{float:left; padding-right: 7px; padding-top: 5px;}

.searchPromos .style23_p1{margin-left:40px; width:100%}
.searchPromos #offer_title{padding-left:0;}
.searchPromos img {width:32px}
*/


/*----OFFER HOMEPAGE---*/

.mainOffer,
.mainOffer img {
    width: 100%;
}

.mainOffer {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

.resort_name.ui-li-heading .ui-link {
    white-space: normal;
  	font-weight:normal;
    color: #0077be;
    text-decoration: none;
    font-size: 18px;
}


/*--------------------------------------------------END GETAWAYS-------------------------------------------------------------------*/


/*---------------------------------------------Getaways More Dates--------------------------------------------------*/

.moreDatesPage {
    width: 100%
}

.moreDatesPage .resort_name {
    margin: 0;
    font-weight: normal;
    font-size: 0.75em;
}

.moreDatesPage .resort_name h3 {
    padding-left: 0 !important;
}

.moreDatesPageImg {
    float: left;
    margin-right: 0.225em;
}

.moreDatesPage address {
    font-size: 0.75em;
    color: #666;
}

.resort_header_row_2 {
    text-shadow: none;
}


/*--------------------------------------------------END MORE DATES GW----------------------------------------------------*/


/*--------------------------------------------------------------------EXCHANGE SEARCH RESULTS----------------------------------*/

.ex-availabilities-content {
    text-shadow: none;
}

.containerPadding h5 {
    margin: 0;
}

.side-padding-container1 {
    padding: 0;
}

.side-padding-container1 .ui-btn-inner {
    text-align: center;
}

.exTitleInfo {
    float: left;
    width: 53%;
}

.menu_page_result {
    text-align: center;
    padding: 0.625em;
}

.side-padding-container .ui-fullsize .ui-btn-inner {
    font-size: 14px;
    text-align: center;
}

.promo_uus_availabilities a,
.promo_ex_availabilities a {
    width: 63%;
    overflow: auto;
}

.unitSizeUpgradeFee {
    width: 32%;
    float: right;
    font-size: 11px;
    text-align: right;
    color: #666;
    margin: 0 0;
}

.unitSizeUpgardeFeeDiscountedAmount {
    font-size: 17px;
    color: #0077be;
    letter-spacing: -1px;
}


/*---------MORE DATES EX------*/

.exDetails {
    margin-top: 0;
}

.exMoreDatesBg {
    background-color: #F0F0F0;
    padding-left: 0;
    padding-right: 0;
}


/*----------------------------------------END Exchange Search Results-------------------------------------------------------*/


/*----------------------------------My Messages---------------------------------*/

.alert_message_action a,
.alert_message a {
    font-size: 18px;
    text-decoration: none;
}

.alert_message_action p {
    font-size: 14px;
    text-decoration: underline;
}

.alert_message_action p,
.alert_message_action h5,
.alert_message p,
.alert_message h5 {
    margin: 0;
    padding: 0;
}

.alert_message_action,
.alert_message {
    padding: 20px 10px 20px 10px;
    border-bottom: 1px solid #d2d2d2;
    background-image: url(/images/iw/mobile/arrow-right-18.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 5px
}

.alert_message_action p,
.alert_message small {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    text-decoration: none;
    margin-right: 25px
}


/*---------------------------End My Messages-----------------------------------------*/


/*-------------------------------------------CHECKOUT FLOW-----------------------------------------------------------------------*/

.timerWarning {
    font-size: 0.88em;
    text-align: center;
    background-color: #f1f1f1;
    margin: 0;
    padding: 0.425em;
}

.resortTitle1 h3 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: normal;
}

.checkoutContainer {
    border: 1px solid #d2d2d2;
    height: 3em;
}

#amenities h5 {
color:#18294B;
}

#amenities_1 h5 {
    font-size: 0.88em;
    margin:0;
}

#amenities_2 {
    margin-top: 0.625em;
}

#amenities_2 li {
    padding: 0.1em;
}

#amenities_2 ul,
#amenities_1 ul,
#amenities_3 ul {
    margin-bottom: 30px;
    font-size: 0.88em;
    text-transform: capitalize;
    padding-left: 10px;
}

#amenities_2 ul li, 
#amenities_1 li, 
#amenities_3 ul li {
    margin-bottom: 8px;
}

#amenities_2 h5 {
    margin: 0;
}

#amenities_3 {
    margin-top: 0.625em;
}


/*--- EXCHANGE LANDING PAGE ---*/

#page_ex_availabilities main {
    background-color: #fff;
    display: block;
}

#page_ex_availabilities nav {
    margin: 0;
}

#travel_criteria .ui-grid-a .ui-block-a {
    padding-right: 0.4em;
}

#travel_criteria .ui-grid-a .ui-block-b {
    padding-left: 0.4em;
}

#search_type {
    margin: 1.0em 0;
    text-align: center;
}

#search_type .ui-controlgroup-controls .ui-btn-inner {
    height: auto;
    font-size: 0.7em;
    line-height: normal;
    overflow: auto;
}

#page_ex_availabilities nav .ui-controlgroup-controls {
    width: 100%;
    margin-left: 1px;
}

#page_ex_availabilities nav .ui-controlgroup-controls > .ui-btn {
    width: 20%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

#page_ex_availabilities nav .ui-controlgroup-controls > .ui-btn-active {
    margin: 0;
    border-color: #0077be;
    /*-- same as swatch bg color for active button --*/
}

.triangle-down {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid black;
}

#page_ex_availabilities nav .ui-controlgroup-controls > .ui-btn-active .triangle-down {
    display: block;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-top-color: #0077be;
}

#page_ex_availabilities nav .ui-controlgroup-controls .ui-btn-inner {
    position: static;
    font-size: 0.70em;
    overflow: hidden;
    padding: 0.5em 0.85em 0.7em 0.85em;
    text-overflow: clip;
}

#page_ex_availabilities nav .ui-controlgroup-controls .ui-btn-text {
    position: static;
}


/*-- setting data-corners does not work for control group buttons in jQM 1.2.0 --*/

#page_ex_availabilities nav .ui-corner-left,
#page_ex_availabilities nav .ui-corner-right {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

#page_ex_availabilities #form_wrapper {
    padding: 0 0.5em 1em;
}

#page_ex_availabilities fieldset {
    padding: 0.25em 0.75em;
}

#page_ex_availabilities .select_wrapper {
    margin: 0.35em 0;
    overflow: auto;
}

#page_ex_availabilities .select_wrapper label {
    display: inline-block;
    float: left;
}

.ui-br {
    border: 0 solid #fff;
}

.ex_partyCol {
    width: 50%;
    float: left;
}

#exchange_form .ui-btn-inline,
.ui-grid-a .ui-btn {
    margin-left: 0
}

#page_ex_availabilities div.ui-select {
    clear: both;
}

.ui-field-contain .ui-select {
    width: 11.5%;
}

.ex_availability_options {
    padding: 10px;
    font-size: .7em;
    text-align: center;
    text-shadow: none;
}

.ex_availability_options .ui-link {
    font-weight: normal;
}


/*-- START: No Availability --*/

.no-availability fieldset {
    border: none;
}

.no-availability h3 {
    margin-bottom: 3px;
}

.no-availability p {
    margin-top: 3px;
}

.no-availability ul {
    margin-bottom: 20px;
}

.no-availability li {
    text-align: center;
    font-size: 0.88em;
    font-weight: bold;
}

.no-availability hr {
    height: 2px;
    background: #d2d2d2;
}

.no-availability .ui-select {
    text-align: center;
}

.no-availability .ui-select .ui-btn {
    width: 100%;
    margin: 0;
}

.no-availability .ui-select span {
    font-size: 1.01em;
}


/*-- END: NO AVAILABILITY --*/


/*--- EXCHANGE LANDING PAGE ---*/


/*--- START GETAWAYS SEARCH TOOL ---*/

.tab1-alt {
    width: 55px;
    height: 14px;
    font-size: 11.0px;
    margin-top: -2px;
    padding-bottom: 2px;
    margin-top: -15px;
    font-weight: normal
}

.tab2-alt {
    width: 65px;
    height: 14px;
    font-size: 11.0px;
    margin-top: -2px;
    padding-bottom: 2px;
    margin-top: -15px;
    font-weight: normal
}

.tab3-alt {
    width: 60px;
    height: 14px;
    font-size: 11.0px;
    margin-top: -2px;
    padding-bottom: 2px;
    margin-top: -15px;
    font-weight: normal
}

.tab4-alt {
    width: 40px;
    height: 14px;
    font-size: 11.0px;
    margin-top: -2px;
    padding-bottom: 2px;
    margin-top: -15px;
    font-weight: normal
}


/*--- END GETAWAYS SEARCH TOOL ---*/


/*----Review Information---*/



.advisement {
    font-size: 0.88em;
    font-style: normal;
    padding: 0.625em;
}

.advisement em {
    font-style: normal
}

.additionalInfoText .ui-btn-text {
    text-transform: capitalize;
    font-size: 0.88em;
}

.additionalInfoBorder {
    border-top: 1px solid #d2d2d2;
}

#advisements_div {
    padding: 0.625em;
    font-size: 0.88em;
    line-height: 19px;
}

.terms1 label {
    border-radius: 0;
    border: 0;
    /*border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;*/
    padding: 0.625em 0 0.625em 0;
}

.terms1 .ui-btn-inner {
    padding: 0;
}

.gw-options-content .terms1 .ui-btn-text {
    font-size: 12px;
    line-height: 17px;
    width: 90%; 
   font-weight: normal;
    color: #666;
}
.terms1 .ui-btn-text {
    font-size: 12px;
    line-height: 17px;
  width: 90%;
   
}

.terms1 .ui-btn-hover-e,
.terms1 .ui-btn-up-e,
.infoIcon .ui-btn-up-e {
    margin: 0;
    padding: 5px;
}

.infoIcon {
    border-color: #FFFFFF;
    border-radius: 0 0 0 0;
    /*height: 50px;
    margin-top: 6px;
    padding-top: 25px;
    text-align: center;
    width: 40px;*/
}

.infoIcon .ui-btn-inner,
.infoIcon .ui-btn-corner-all {
    width: 1.25em;
    padding: 0;
    margin: 0;
    padding-left: 0.31em
}

.infoIcon .ui-icon,
.infoIcon .ui-icon-info,
.infoIcon .ui-icon-shadow {
    display: none;
}

#show_hide_block {
    background-color: #f2f0f0;
    padding: 0.625em;
}


/*-- START: Getaway PREFERENCES --*/

.pref_price {
    display: table-cell;
    width: 60px;
    text-align: center;
    padding-right: 10px;
    font-size: 20px;
    color: #000;
    font-weight:bold;
    
}

.pref_price_selected {
    display: table-cell;
    width: 60px;
    text-align: center;
    padding-right: 10px;
    font-size: 20px;
    color: #0077be;
}

.pref_price img {
    width: 60px;
    margin: 5px 0;
}

.pref_price_selected img {
    width: 60px;
    margin: 5px 0;
}

.pref_content h3 {
    color: #000000;
}

.pref_content p {
    margin-left: 70px;
    color: #333333;
    line-height: 15px;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0;
}


/*-- END: Getaway PREFERENCES --*/

.labelTitle strong {
    font-size: 14px;
}


/*---------------Payment Summary-----------------*/

.cartMargins {
    margin-top: 0.625em;
    padding-bottom: 0.625em;
}

.cartPaymentTitleBlock {
    height: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

.box_rnd_2_mid span {
    font-size: 12px;
}

.box_rnd_2_mid .ui-radio {
    width: 100%;
}

.box_rnd_2_mid strong {
    font-size: 14px;
}

.box_rnd_2_mid td {
    padding-bottom: 5px;
}

.box_rnd_2_mid {
    background-color: #FFFFFF;
}

#div_existaddr label {

    margin: 10px 0px;
}

.box_rnd_3_top {
    padding-top: 2em;
}

.box_rnd_3_top h3 {
    margin: 0;
}
.cartGrey {
    background-color: #f1f1f1;
}

#email_pref_expanded .ui-collapsible-content {
    margin: 1px;
}

#addcard_s div, #addcard_d div {
    padding-bottom: 5px;
}

.titlePadding {
    padding: 0.25em;
    border-bottom: 1px solid #d2d2d2;
    margin-top: 0.625em;
    margin-bottom: 10px;
}

.transactionFontSize {
    font-size: 12px;
}

.cartGrey strong {
    font-size: 14px;
}

.exp1 {
    width: 48%;
    float: left;
}

.exp2 {
    width: 50%;
    margin-left: 3px;
    float: left;
}

.txt_bump_1 {
    padding: 0.325em;
}

#addcard_d {
    background-color: #FFFFFF;
}

#useothercc .ui-collapsible-heading .ui-btn {
    border-left-width: 1px;
    border-right-width: 1px;
}

#useothercc .ui-collapsible-content {
    margin: 0;
    border-top-width: 0;
    border-left-width: 1px;
    border-right-width: 1px;
}

#useothercc .ui-collapsible-content {
    padding: 0;
}

#addcard_d .addcardPadding {
    padding: 0.94em;
}

#cartPayment #errorBox {
    margin: 0.5em;
    padding: 0.5em;
}

#productsAndPromotions h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 15px 0 0 0;
   
}

#offer h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 15px 0 0 0;
  
}

#productsAndPromotions strong {
    color: #18294B;
}


/*-- START: Payment Summary - Allianz Trip Protection --*/

.trip-protection {
    font-size: 11px;
    padding: 10px;
}

.trip-protection ul {
    padding: 0 10px 0 10px;
}

#travelInsuranceContainer img {
    float: right;
    margin: -60px 10px 5px 10px;
}

.box_rnd_3_top.trip-protection {
    border-bottom: solid 3px #d2d2d2;
}

.trip-protection table {
    border: none;
}

.trip-protection h2 {
    font-size: 1.5em;
    padding: 5px 0;
}

.trip-protection hr {
    padding: 5px 0;
}

.trip-protection div {
    color: #555;
    font-size: 12px;
}

.trip-protection li {
    padding: 10px 0;
}


/*-- END: Payment Summary - Allianz Trip Protection --*/


/*-------------------------------------------------------------------------END GW CHECKOUT FLOW-----------------------------------------------------------------*/


/*-----------------------------RENEWAL CHECKOUT FLOW----------------------------------*/

.promoCode1 {
    text-align: right;
    padding-top: 0.625em;
    padding-right: 8px;
}

.box_rnd_3_top {
    border-bottom: 1px solid #d2d2d2;
    padding-top: 0.625em;
}

.box_rnd2_mid {
    padding-top: 0.625em;
}

.box_rnd_2_top {
    background-color: #ffffff;
 
}

#credit_card_fields #addcard_d {
    background-color: #fff;
}

.margin_top_bottom_2 h3 {
    margin: 0;
}

.renewalRadios .ui-radio {
    width: auto;
}

.exp3 {
    width: 30%;
    float: left;
}

.exp4 {
    width: auto;
    float: left;
}

.box_rnd5 {
    padding-top: 2em;
}

.box_rnd5 strong {
    font-size: 14px;
}

.box_rnd_tableFont {
    font-size: 14px;
}

.topBorder {
    border-top: 8px solid #f2f0f1;
}


/*-------------------------End Renewal Checkout Flow-------------------------------------*/


/*--------------------------------------------------------------------------EXCHANGE CHECKOUT FLOW--------------------------------------------------------------------*/

.exchange_booking_info_dates {
    margin-top: 5px;
}

.exLeftColumn1 {
    padding: 0.31em 0.31em 0 0.31em;
}

.exLeftColumn2 {
    padding: 0.31em 0.31em 0 0.51em;
}

#exchange_booking {
    margin-top: 0.625em;
}

.exLeftColumn1 .exchange_booking_unit_info .resort_title2 h5 {
    margin: 0;
}

.exLeftColumn1 .exchange_booking_unit_info .resort_title2 address,
.exLeftColumn1 .exchange_booking_unit_info .exchange_booking_info_dates {
    font-size: 0.75em;
}

.exLeftColumn1 .exchange_booking_unit_info .resort_title2 .resort_details_rd_icons .myunitsImage,
.resort_details_rd_icons .myunitsImage {
    display: none;
}

.exLeftColumn1 .exchange_booking_unit_info .exchange_booking_info_dates br {
    margin-bottom: 0.625em;
}

.exLeftColumn2 .exchange_booking_unit_info .resort_title2 h5,
.exLeftColumn2 .exchange_booking_unit_info .exchange_booking_info_dates {
    margin: 0;
}

.exLeftColumn2 .exchange_booking_unit_info .resort_title2 address,
.exLeftColumn1 .exchange_booking_unit_info .exchange_booking_info_dates,
.exchange_booking_info_dates {
    font-size: 12px;
}

.exLeftColumn2 .exchange_booking_unit_info .resort_title2 .resort_details_rd_icons .myunitsImage {
    display: none;
}

.exLeftColumn2 .exchange_booking_unit_info .exchange_booking_info_dates p {
    margin: 0;
    font-size: 12px;
}

.exLeftColumn2 .exchange_booking_unit_info .exchange_booking_info_dates br {
    margin-bottom: 0.625em;
}

.exLeftColumn2 .resort_details_rd_icons {
    margin: 0;
}

.ex5margins h5 {
    margin: 0;
    padding-left: 0.325em;
    padding-top: 0.625em;
}

.resort_title2 h5 {
    margin: 0;
    padding: 0;
}

.exchange_booking_info_dates p {
    font-size: 12px;
}

.exchange_booking_info_dates {
    padding-left: 0.625em;
}

.resort_title2 {
    padding-left: 0.625em;
}

.padding-overwrite {
    padding: 10px !important;
}

input {
    height: 35px;
}

#switchMembershipPopup input {
    text-align: center;
   margin: 20px auto;
    display: block;
    height: auto;

}
#switchMembershipPopup .ui-btn-up-a {
    background-image: none;
    border: 2px solid #d3d3d3;
    color: #444444;
    text-shadow: none;
    text-align: left;
    font-weight: normal;
}
#switchMembershipPopup{
	padding: 20px 25px!important;
}
#switchMembershipPopup .modal-copy {
    padding: 0px 0 10px;
}
#switchMembershipPopup h1 {
    padding: 10px 0;
}
.addcard_d .ui-btn-inner .ui-btn-corner-all {
    padding: 0.625em 0 0.625em 0;
}

#offer {
    padding: 0.625em 0.325em 0.625em 0.325em;
}


/*START Booking Page - Targeting Content */

.contentTarget1 {
    color: #0077be;
    font-size: 12px;
    font-weight: bold;
}


/*---------------------------------------------------------------END EXCHANGE Checkout FLOW---------------------------------------------*/


/*---------------------------EX NAVIGATION-----------------------------*/

.ui-btn-up-c a {
    color: #666;
}


/*----------------------------------END EX NAV-----------------------------*/


/*-- RESORT DIRECTORY :: SEARCH RESULTS --*/

#rd-searchresults .crop_175 {
    margin-bottom: 0;
}

#rd-searchresults .ui-li {
    overflow: auto;
}

.matches_found {
    padding: 0 0 0 0.652em;
    text-align: left;
}

#rd-searchresults .resort_region {
    color: #18294B;
    font-weight: normal;
    white-space: normal;
}

#rd-searchresults .resort_details_wrapper h3 {
   font-size: .95em;
    color: #18294B;
    text-decoration: none;
}

#rd-searchresults .ui-btn-active .resort_details_wrapper h3 {
    color: #fff;
}

#rd-searchresults .resort_details_rd_icons span img {
    float: left;
}

#rd-searchresults .resort_details_icon_code {
    padding: 0;
}



#rd-searchresults .related_videos_sidebar h2 {
    margin-top: 0;
}

#rd-searchresults .button.back {
    margin: 0.75em auto;
}


/*-- RD RESORT DETAILS --*/

#rd-details #main_content {
    overflow: auto;
}

#availability_2_amenities_activitiess {
    overflow: auto;
}


/* start modal treatment */

.ui-btn-modal {
    background: #0077be !important;
    color: #fff !important;
    text-shadow: 0 0 0 #fff;
}


/* end modal treatment */


/* start modal status pending */

.ui-header-modal {
    background: #ff6704;
    background: -moz-linear-gradient(top, #ffa304 0, #ff6704 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa304), color-stop(100%, #ff6704));
    background: -webkit-linear-gradient(top, #ffa304 0, #ff6704 100%);
    background: -o-linear-gradient(top, #ffa304 0, #ff6704 100%);
    background: -ms-linear-gradient(top, #ffa304 0, #ff6704 100%);
    background: linear-gradient(to bottom, #ffa304 0, #ff6704 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa304', endColorstr='#ff6704', GradientType=0);
    border: #ff6606 1px solid;
    color: #FFFFFF !important;
    text-shadow: 0/*{a-bup-shadow-x}*/
    -1px/*{a-bup-shadow-y}*/
    0/*{a-bup-shadow-radius}*/
    #0077be/*{a-bup-shadow-color}*/
    ;
    padding: 10px 0;
    font-weight: bold;
}

.emailPreferences_title,
.emailPreferences_title_pre {
    display: block;
    text-align: center;
    width: 100%;
    padding-bottom: 5px;
}

.emailPreferences_title h1,
.emailPreferences_title_pre h1 {
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 7px 0;
}

.emailPreferences_title_pre h1 {
    margin: 0 0 0 0 !important;
}

.emailPreferences_subhead {
    background: #FFFFFF;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    padding: 5px 10px 15px 10px;
}

.emailPreferences_subhead_pre {
    background: #FFFFFF;
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
    color: #0076be;
    padding-bottom: 10px;
}

.emailPreferences_content {
    background: #ffffff;
    font-size: 11px;
    line-height: 15px;
    color: #666;
    text-align: left;
    padding: 15px;
}

.emailPreferences_checkbox_holder {
    background-color: #EEEEEE;
    box-shadow: 0.15em 0.15em 0.2em #666;
    border: 1px solid #E2E2E2;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    padding: 7px;
    margin: 10px 0 15px 0;
}

.emailPreferences_checkbox_statement {
    display: block;
    width: 100%;
    padding-bottom: 7px;
}

.emailPreferences_checkboxes {
    display: block;
    width: 100%;
}

.emailPreferences_checkboxes .ui-checkbox .ui-btn-icon-left .ui-btn-inner,
.ui-radio .ui-btn-icon-left .ui-btn-inner {
    padding-left: 30px;
}

.emailPreferences_checkboxes .ui-btn {
    margin: 0;
}

.emailPreferences_content .btp_btn {
    margin-top: 10px;
}

.emailPreferences_info {
    background-color: #fcf8e3;
    border: #faebcc 1px solid;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #8a6d3b;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
}


/* end modal treatment */


/*--- additional icons ---*/

.ui-collapsible-heading-toggle[data-theme="d"] .ui-icon-minus {
    background-position: 1px 50%;
}


/*--- end: additional icons ---*/

#getaway_dates_form,
#exchange_dates_form {
    padding-left: 10px;
    padding-right: 10px;
}


/*-----------------------------------------------------------EXCHANGE POINTS-----------------------------*/

.CollapsiblePanelTab {
    margin-bottom: 0.625em;
}

.selectPoints1 {
    font-size: 12px;
    border-top: none;
    border-bottom: none;
    border-left: none;
    font-weight: bold;
}

.selectPoints2 {
    border-top: #d9d9da solid 1px!important;
    font-size: 10px;
}

.itw_pc_words {
    font-size: 0.88em;
}

.cart_items h5 {
    font-size: 14px;
}

.cig_logo_1,
.cigHeader h3 {
    padding: 5px;
}

.availablePointsTools .ui-mini {
    margin-top: 0;
}


/*-- RESORT IMAGE PLAY ICON --*/

.resort_image {
    position: relative;
}

.video_thumbnail_play_hover_rd {
    position: absolute;
    top: 45px;
    right: 50px;
    width: 100%;
    height: 100px;
    background: url("/images/iw/btn_play_30.png") no-repeat scroll center center;
    opacity: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .ui-icon-plus,
    .ui-icon-minus,
    .ui-icon-delete,
    .ui-icon-arrow-r,
    .ui-icon-arrow-l,
    .ui-icon-arrow-u,
    .ui-icon-arrow-d,
    .ui-icon-check,
    .ui-icon-gear,
    .ui-icon-refresh,
    .ui-icon-forward,
    .ui-icon-back,
    .ui-icon-grid,
    .ui-icon-star,
    .ui-icon-alert,
    .ui-icon-info,
    .ui-icon-home,
    .ui-icon-search,
    .ui-icon-searchfield:after,
    .ui-icon-checkbox-off,
    .ui-icon-checkbox-on,
    .ui-icon-radio-off,
    .ui-icon-radio-on {
        -moz-background-size: 850px 18px;
        -o-background-size: 850px 18px;
        -webkit-background-size: 850px 18px;
        background-size: 850px 18px;
        background-repeat: no-repeat
    }
}

.ui-popup > .ui-btn-right {
    right: -2px;
      top: -2px;
}

/*--- START padding adjustment ---*/

.ui-collapsible-heading .ui-btn-inner,
.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner {
    padding-left: 30px;
 	border-top: 1px solid #d2d2d2;
  	margin-left: 10px;
    margin-right: 10px;
}

.my_profile .ui-collapsible-heading .ui-btn-inner,
.my_profile .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner {
    border-top: 0;
}

#my_memberships_wrap .ui-collapsible-heading .ui-btn-inner,
#my_memberships_wrap .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner {
   padding-left: 25px;
    width: 95%;
}


.ui-radio .ui-btn-icon-left .ui-btn-inner {
    padding: 10px 5px 10px 25px;
    min-width: 80px;
}


/*--- END padding adjustment ---*/


/*-- Don't ask! But if you must know, see http://jira/browse/IW-6320 --*/

#thisguy {
    top: 30px;
}


/*-- Review Information CHECKBOX ICON --*/

.ui-checkbox .ui-btn-icon-left .ui-icon,
.ui-radio .ui-btn-icon-left .ui-icon {
    left: 5px;
}


/*-- Review Information CHECKBOX ICON --*/


/*---------------Payment Summary-----------------*/

#cartPayment .ui-select .ui-btn-text,
#cartPayment .ui-checkbox .ui-btn-text {
    color: #555;
    font-size: 0.88em;
    font-weight: normal;
    text-align: left;
}

#cartPayment .ui-select .ui-btn-inner {
    padding: 8px 3px 4px 7px;
}

#cartPayment .ui-select .ui-btn-active .ui-btn-text {
    color: #fff;
}

.floatleft {
    float: left;
}

.overflowauto {
    overflow: auto;
}

.backgroundwhite {
    background-color: white;
}


/*-- START: Exchange Preferences --*/

.ex-options-content h3 {
    color: #000000;
}

.ex-options-content p {
    color: #333333;
    line-height: 15px;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0;
}

.ex-options-select img {
    margin-top: 5px;
    width: 65px;
}

.ex-options-select-on img {
    margin-top: 5px;
    width: 65px;
}

.ex-options-checkbox .ui-btn-inner {
    padding-left: 35px !important
}

.ex-options-checkbox .ui-btn-inner small {
    font-size: 11px;
    font-weight: normal;
    line-height: 5px;
}

.ex-options-select {
    color: #000000;
    font-size: 20px;
    width: 65px;
    padding-bottom: 10px
}

.ex-options-select-on {
    color: #000000;
    font-size: 20px;
    width: 65px;
    padding-bottom: 10px;
}

.eplus_pending_req {
    border: 1px solid #bfbfbf;
    background-color: #e1e1e1;
    width: 230px;
    height: 22px;
    padding: 8px;
    margin-top: -15px;
    width: 195px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.eplus_pending_req img {
    margin-top: -7px;
}

.my_history_dep h3 {
    color: #004A76;
    font-size: 1.00em;
}

.my_history_dep a:link,
.my_history_dep a:visited {
    color: #004a76;
}

.resort_deposit_additional_info .resort_region,
.eplustitles {
    font-size: 0.75em;
    font-weight: normal;
}

.infocontainer {
    margin-top: 5px;
}

.mob_points_bal {
    color: #666!important;
    font-size: 0.75em;
    font-weight: normal;
}

.ex_details_tbl {
    font-size: 0.77em;
}

.ex_details_tbl tr td {
    border: 1px solid #e5e5e5;
    border-collapse: collapse;
    padding: 5px;
}

.reward_his_tbl {
    font-size: 0.88em;
}

.rewards_heading {
    font-size: 0.88em;
    color: #6a6a6a;
    text-align: center;
    background-color: #f2f0f0;
    margin: 0;
    padding: 0.425em;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.rewards_mob_discount {
    float: right;
    margin-right: 34px;
    margin-top: 14px;
}

.exchange_side_heading_points_tbl {
    font-size: 0.77em;
}

.exchange_side_heading_points {
    font-weight: bold;
    color: #6a6a6a;
    text-align: left;
    background-color: #c9c9c9;
    margin: 0;
    padding: 0.425em;
}

.exchange_side_heading_points_tbl td {
    padding: 5px;
}

.exchange_side_heading {
    font-size: 0.88em;
    color: #6a6a6a;
    text-align: left;
    margin: 0;
    padding: 0.425em;
}

.exchange_center_heading {
    font-size: 0.88em;
    color: #6a6a6a;
    text-align: center;
    background-color: #e2e2e2;
    margin: 0;
    padding: 0.425em;
}


/*-- START: Allianz Promo Spot (Payment Summary) --*/

#travelInsuranceContainer h2 {
    font-weight: normal;
    font-size: 0.8em;
    padding: 0 0.35em 1.3em 0.35em;
}

#travelInsuranceContainer h2 strong {
    font-size: 1.3em;
}

#travelInsuranceContainer .agaBlueBox p {
    font-size: 0.88em;
}

#travelInsuranceContainer .agaBlueBox span {
    font-size: 1em;
}

#travelInsuranceContainer label {
    margin: 0;
    padding: 0.625em;
}

#travelInsuranceContainer .ui-radio .ui-btn-icon-left .ui-btn-inner {
    padding: 10px 5px 10px 30px;
}

#travelInsuranceContainer p {
    padding: 0.35em;
}


/*-- END: Allianz Promo Spot (Payment Summary) --*/


/********** BEGIN: Social Media on Homepage *******************************************************/

#social_media_links {
    height: 60px;
    width: 65%;
    display: inline-block;
}

#social_media_links .social_media_icons {
    width: 17%;
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.dealsH1 h4 {
    color: #666;
    margin-top: -11px;
}

.dealsH1 h4 a:link {
    color: #0077be;
}


/********** END: Social Media on Homepage *******************************************************/


/*-- ********************** START: DEALS ********************** --*/

.deals_pg {
    background: #FFF;
    width: 100%;
}

.deals_pg fieldset {
    padding: 1.75em 0.75em !important;
     border-bottom:0;
}

.deals_pg .ui-li-static.ui-li {
    padding: 0.25em 0;
    border: none;
}

.deals_pg .listHeroImg {
    padding: 0 0.75em 0 0.75em !important;
}

.deals_pg a {
    text-decoration: none;
}

.deals_pg small {
    color: #000;
}

.deals_pg img {
    width: 100%;
}

.deals_pg em img {
    width: 15px;
}

.deals_pg a.ui-link {
    color: #0066cc;
    text-decoration: none;
}

.deals_pg a.ui-link:hover {
    color: #003876;
    text-decoration: none;
}

.deals_pg .offers_list a.ui-link {
    padding: 0 0.75em 0 0.75em !important;
}

.deals_pg .offers_list li {
    border-top: #b4b4b4 1px solid;
    padding-top: 0.75em;
    padding-bottom: 0;
    margin: 0;
}

.deals_pg .ui-collapsible-heading .ui-btn {
    border: 0;
}

.deals_pg .ui-btn-hover-b:hover {
    border-top: 1px !important;
    border-bottom: 1px !important;
}

.deals_pg .ui-collapsible-content {
    border-style: none;
}


/*-- ********************** START CHANGES: Controlling List Item for Promotions ********************** --*/

.deals_pg .promotion ul {
    border: none;
}

.deals_pg .promotion li {
    border: none;
    padding: 0.25em 0 0 0 !important;
    margin: 0;
}

.deals_pg .offer_header {
    padding: 0;
    border: none;
}


/*-- ********************** END CHANGES: Controlling List Item for Promotions ********************** --*/

.deals_pg .offer_intro {
    padding: 0.25em 0.75em 0.75em 0.75em;
}

.deals_pg .offer_intro h2.ui-li-heading {
    font-size: 16px;
    color: #007fce;
    margin: 0 0 0 0;
    padding: 0.25em 0 0 0;
}

.deals_pg .offer_intro p.ui-li-desc {
    padding: 0;
}

.deals_pg h2 {
    font-size: 16px;
    color: #007fce;
    margin: 0 0 0 0;
    padding: 0 0 0.75em 0;
}

.deals_pg h2.ui-li-heading {
    font-size: 16px;
    color: #007fce;
    margin: 0 0 0 0;
    padding: 0 10px;
}

.deals_pg h3.ui-li-heading {
    margin: 0;
    font-size: 12px;
    color: #00b2dd;
    padding: 0 10px;
}

.deals_pg h3.ui-collapsible-heading {
    padding: 0 !important;
}


/*-- ********************** START COUNTDOWN ********************** --*/

.deals_pg .countdown_container h5 {
    color: #666;
    margin: 0;
    font-size: 14px;
}

.deals_pg .countdown_container {
    margin: 15px;
}

.deals_pg .countdown_container table {
    background: url("/images/countdown_bg.jpg") no-repeat;
    border-collapse: collapse;
    table-layout: fixed;
    text-align: center;
    width: 189px;
    margin: 0 auto;
}

.deals_pg .countdown_container table th,
.deals_pg .countdown_container table td {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}

.deals_pg .countdown_container table tbody td {
    font-size: 32px;
    font-weight: normal;
    color: #4C4C4C;
}

.deals_pg .countdown_container table tfoot td {
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    font-size: 9px;
    line-height: 12px;
    padding-top: 2px;
    letter-spacing: 0;
}


/*-- ********************** END COUNTDOWN ********************** --*/

.deals_pg .ui-collapsible-set {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.deals_pg .list_title {
    font-size: 16px;
    font-weight: bold;
 
}

.deals_pg h2 a {

    font-size: 16px;
    text-decoration: none;
}

.deals_pg h2 a:hover {
    background: none;
}

.deals_pg .ui-title {
    background-color: #FFFFFF;
    font-size: 1.0em;
    margin: 0;
    padding: 0.6em;
    
}

.deals_pg h3 {
    margin: 0;
    font-size: 12px;
   
}

.deals_pg h4 {
    color: #007fce;
    font-size: 14px;
    margin: 0;
}

.deals_pg h4 a {
    
    text-decoration: none;
    margin: 0;
}

.deals_pg h5 {
    text-align: center;
    margin: 15px 0;
}

.deals_pg p {
    margin: 10px 0;
    font-size: 12px;
    color: #000000;
    white-space: normal;
}

.deals_pg p.ui-li-desc {
    padding: 0 0.75em 0.75em 0.75em;
}

.deals_pg .deals_pd_20 p.ui-li-desc {
    padding: 0 0 0.75em 0;
}

.ui-btn[data-theme="a"] {
    color: #ffffff;
}

.two_buttons {
    text-align: center;
    padding: 0 0.75em 0.75em 0.75em;
}

em.or {
    display: block;
    padding-top: 3px;
}

.deals_pg .ui-li-heading {
    white-space: normal;
}


/*-- START: Overlay Price Box Section --*/

.deals_pd_20 {
    padding: 20px;
    position: relative;
    border-top: #b4b4b4 1px solid;
}

.deals_pd_20_no_border {
    border-top: none !important;
}

.header_border {
    border-bottom: #b4b4b4 1px solid;
}

.overlay_box_wrap {
    min-width: 30px;
    text-align: center;
    font-size: 9px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

.overlay_box_wrap span {
    display: block;
    font-size: 9px;
}

.overlay_box_header {
    background: #adc321;
    color: #FFF;
    font-weight: normal;
    padding: 1px;
}

.overlay_box_details {
    background: #e7ebb5;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.deals_cruise .overlay_box_header {
    background: #ffba10;
    color: #333;
    font-weight: normal;
    padding: 1px;
}

.deals_cruise .overlay_box_details {
    background: #ffba10;
    padding: 0 10px 5px 10px;
    font-size: 25px;
    font-weight: bold;
    color: #333;
}


/*-- END: Overlay Price Box Section --*/


/*-- START: Overlay Limited Time Section --*/

.overlay_box_lmtd {
    position: absolute;
    right: 12px;
    background: #007dce;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    padding: 4px 10px 4px 25px;
}

.overlay_box_lmtd img {
    width: 16px;
    position: absolute;
    top: 3px;
    left: 3px;
}


/*-- END: Overlay Limited Time Section --*/


/*-- START: Overlay Right Arrow Section --*/

.overlay_arrow_rt_wrap {
    position: relative;
}

.overlay_arrow_rt {
    position: absolute;
    width: 20px;
    right: 0;
    height: 100%;
    background: #f7f3f7;
}

.overlay_arrow_rt img {
    width: 8px;
    position: absolute;
    top: 50%;
    left: 30%;
}

.gw_history .ui-collapsible-content {
    border: 0!important;
}


/*-- END: Overlay Right Arrow Section --*/


/*-- START: Terms and conditions holder --*/

.deals_cruise .ui-collapsible-heading .ui-btn {
    border-left-width: 1px;
    border-right-width: 1px;
}

.deals_pg h3.ui-collapsible-heading-collapsed a {
    color: #666 !important;
}

.deals_pg .terms a span {
    font-size: 12px !important;
    font-weight: normal;
}


/*-- END: Terms and conditions holder --*/

.listHeroImg img {
    width: 100%;
}

.deals_pd_20 span {
  
    font-weight: lighter;
    font-size: 12px;
}

.deals_pd_20 .overlay_box_details span {
    font-size: 9px;
}

.deals_pd_20 h4 {
    margin: 0;
}

.deals_pd_20 p {
    white-space: normal;
}

h4 a {
    text-decoration: none;
}


/*-- ********************** END: DEALS ********************** --*/

.epluspurchasebtn {
    background-image: url(/images/purchase-eplus-btn.png);
    background-repeat: repeat-x;
    border: solid 1px #bb906c;
    padding: 8px;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbbf3a), to(#f46b0f));
    background-image: -ms-linear-gradient(top, #fbbf3a, #f46b0f);
    background-image: -moz-linear-gradient(top, #fbbf3a, #f46b0f);
}

.epluspurchasebtn a {
    text-decoration: none;
}

.eplus_start_btn {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 10px;
}

.eplusredeembtn {
    position: relative;
}

.eplusredeembtn .ui-btn span.ui-btn-inner {
    padding: 15px;
}

.ex_bodyfont li {
    float: left;
}

.relq_info_pts {
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    display: flex;
    font-size: 12px;
    font-style: normal;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 12px;
}

.eplus_use_banner {
    border: 1px solid #d0d0d0;
    display: flex;
    margin: 5px auto;
    width: 337px;
    height: 70px;
}

.eplus_use_banner h3 {
    margin-top: 5px;
}

.eplus_use_banner p {
    white-space: normal;
    font-size: 10px;
    margin-top: -12px;
    line-height: 13px;
}

.ppiContainer {
    margin: 25px 0 10px 10px;
}

.EPmainContainerPPI {
    border: 1px solid #d2d2d2;
    padding: 10px;
    overflow: auto;
}

.EPdescription {
    font-size: 0.7em;
    width: 70%;
    float: left;
    line-height: 1.5em;
}

.EPdescription H3 {
    font-size: 1.2em;
    margin: 0;
}

.EPicon {
    width: 20%;
    float: right;
    text-align: center;
    margin-top: 15px;
}

.relq_info_pts_img {
    float: left;
    margin-right: 4px;
}

#errorBoxPhone {
    margin-top: -29px;
    margin-bottom: 15px;
}

.retrade_details {
    font-size: 0.8em;
}

.margin_fix {
    margin: 10px 0 0 0;
}

.font_size_fix {
    font-size: 1em;
    padding: 15px 0 0 0;
}

#completed_check1,
#completed_check {
    float: right;
    margin-right: 10px;
    margin-top: -35px;
}

.update_pw h3 {
    margin-bottom: -22px;
}

.bar {
    height: 25px;
}

#pwindicator {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    width: 89px;
}

.pw-very-weak .bar {
    background-image: url("/images/iw/mobile_veryweak.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 80px;
}

.pw-very-weak .label {
    color: #666666;
    font-weight: bold;
    text-align: center;
    width: 80px;
}

.pw-weak .bar {
    background-image: url("/images/iw/mobile_weak.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 80px;
}

.pw-weak .label {
    color: #666666;
    font-weight: bold;
    text-align: center;
    width: 80px;
}

.pw-good .bar {
    background-image: url("/images/iw/mobile_good.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 80px;
}

.pw-good .label {
    color: #666666;
    font-weight: bold;
    text-align: center;
    width: 80px;
}

.pw-strong .bar {
    background-image: url("/images/iw/mobile_strong.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 80px;
}

.pw-strong .label {
    color: #666666;
    font-weight: bold;
    text-align: center;
    width: 80px;
}

.pw-very-strong .bar {
    background-image: url("/images/iw/mobile_verystrong.png");
    background-repeat: no-repeat;
    height: 22px;
    width: 80px;
}

.pw-very-strong .label {
    color: #666666;
    font-weight: bold;
    text-align: center;
    width: 80px;
}

.hidden {
    display: none;
}

.depositPopupScrollable {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}


/* iOS specific fix, don't use it on Android devices */

.depositPopupScrollable > * {
    -webkit-transform: translateZ(0px);
}

.availability_ratings {
    width: 55%;
    float: right;
    margin: 14px 0 12px;
}

.availability_rating {
    width: 100%;
    font-size: 12px;
}

.availability_rating tr:nth-child(even) {
    background-color: #e8e8e8;
   
}

.availability_rating .harvyBalls {
    margin: auto;
}

.availability_rating td {
    height: 30px;
    padding-left: 10px;
}

.availability_rating img {
    float: right;
}

.member_rating h5,
.member_reviews h5 {
    color: #3b3b3b;
    margin: 5px 0;
}

.member_rating h5 {
    padding-left: 10px;
}

.member_rating span {
    color: #3b3b3b;
    text-align: center;
    font-size: 0.7em;
    display: block;
}

.member_rating hr {
    margin: 5px 0;
}

.reviews_member_info {
    margin: 5px 0;
}

.reviews_member_info h5 {
    font-weight: normal;
    color: #3b3b3b;
    margin: 5px 0;
}

.reviews_member_info span {
    color: #666;
    font-style: italic;
    font-size: .8em;
}

.member_comment {
    font-size: 0.825em;
    float: left;
    margin: 20px 0;
    min-width: 350px;
}

.member_reviews hr {
    margin: 22px auto 10px;
    width: 90%;
}

.member_reviews {
    padding-left: 10px;
}

.show_more {
    display: block;
    text-align: center;
    font-size: .725em;
}

.resort_details_rating {
    overflow: hidden;
    margin-top: 10px;
}


/*------- member reviews -------*/

.main_reviews_container h4,
.main_reviews_container h3 {
    color: #333333;
}

.reviews_member_info span {
    font-size: 11px;
    color: #6a6a6a;
    font-style: italic;
}

.member_info_comment_container {
    width: 520px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    min-height: 61px;
}

.member_ratings_list {
    margin: 20px 0;
}

.reviews_member_info {
    height: 50px;
    float: left;
}

.harvyBalls {
    margin-top: 4px;
    width: 80px;
    height: 17px;
    background-image: url("/images/icon_csi_whole_ghosted.gif");
}

.harvyBalls div {
    width: 0;
    height: 17px;
    background-image: url("/images/icon_csi_whole.gif");
}

.resort_layout_information .harvyBalls {
    margin-bottom: 4px;
}

.reviews_more {
    margin-left: 260px;
}

.availability_reviews {
    margin-left: 5px;
    color: #757575;
    font-size: 11px;
}


/*------- START: Guest Certificate -------*/

.member-traveling label {
    margin-bottom: 10px;
    display: block;
}

.member-traveling .last {
    position: relative;
    left: -4px;
    padding: 5px !important;
}


/*------- END: Guest Certificate -------*/


/* START: Accommodation Certificate */

.no-units {
    color: #c73030;
    font-size: 15px;
    padding: 0.9em;
}

.disable-destination {
    color: lightgrey !important;
}

a.different-cert {
    text-decoration: underline;
}


/* START: Accommodation Certificate My Units */

.accommodation_cert_details {
    width: 54%;
    float: right;
    padding-right: 0.5em;
}

h2.ac-banner-header {
    font-size: 12px;
    color: #3e3e3e;
    padding: 0 1.3em 0.8em;
    margin: 1.5em 0 0;
}

.ac-banner-rt-column {
    margin-left: 125px;
}

.ac-banner {
    background: #f2f2f2;
    margin: 0.5em;
    letter-spacing: 1px;
    border: 0;
    border-radius: 5px;
    padding: 15px;
    font-size: 12px;
    color: #666;
    text-align: center;
    overflow: auto;
    top: -10px;
    position: relative;
}

.ac-banner b {
    margin-top: 5px;
    font-size: 17px;
    display: inline-block;
}

.ac-banner img {
    float: left;
    height: 60px;
    margin-right: 17px;
}

.ac-banner a {
    display: block;
    margin-top: 12px;
    color: #004973 !important;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    padding: 3px 20px;
    text-decoration: none;
    border: 1px solid #6b96ad;
    background: none;
  
}

.ac-banner a:hover {
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid #c49f80;
    background: none;
}

#overlay_new_search_selected-popup h1,
#overlay_no_availability_message-popup h1 {
    background: inherit;
    text-transform: capitalize;
    margin: 15px 0;
    padding: 0;
}

#overlay_no_availability_message-popup h2 {
    background: inherit;
    text-transform: capitalize;
    margin: 10px 0 0 0;
    padding: 0;
}

#overlay_no_availability_message-popup span {
    margin: 0 !important;
}

#overlay_new_search_selected-popup p,
#overlay_no_availability_message-popup p {
    margin: 5px 0 15px 0;
}


/* END: Accommodation Certificate My Units */


/* START: Accommodation Certificate My Certificates */

.ac_cert_header_row {
  border-radius: 6px 6px 0 0;
  background: #18294B;
  padding: 10px 15px;
  margin: 0 15px;
}

.ac_cert_header_row_disabled {
    border-radius: 5px 5px 0 0;
    background: #666;
    padding: 10px 15px;
    margin: 0 15px;
}

.ac_cert_header_row h2 {
    color: #fff;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
}

.ac_cert_header_row a {
    color: #fff !important;
    font-weight: normal !important;
    text-decoration: underline;
}

.ac_cert_body {
  padding: 15px;
  border: 1px solid #d2d2d2;
  border-top: none;
  border-radius: 0 0 5px 5px;
  overflow: auto;
  font-size: 11px;
  margin: 0 15px 60px 15px;
}

.ac_cert_body h4 {
  margin: 16px 0 0;
  padding: 0;
  color: #0077be;
  font-size: 14px;
}

.ac_cert_body h4:first-of-type {
    margin: 0;
}

.ac_cert_clm1 {
    width: 40%;
    float: left;
}

.ac_cert_clm1 img {
    width: 85%;
}

.ac_cert_body_disabled .ac_cert_clm1 img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.7;
}

.ac_cert_clm2 {
    width: 60%;
    float: left;
}

.ac_cert_clm2 span {
    display: block;
    font-size: 11px;
}

.ac_cert_btn {
    clear: both;
    padding-top: 15px;
}

.ac_cert_btn .ui-mini {
    margin: 5px 10%;
}


/* END: Accommodation Certificate My Certificates */


/* START: Accommodation Certificate Search */

#details-header {
    float: right;
    padding: 7px 30px;
}

.ac-sticky-header .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon {
    left: -1px;
}

.ac-sticky-header .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner {
    padding-left: 24px;
}

.ac-month-selector {
    padding-bottom: 20px !important;
}

.ac-month-selector-sticky {
    padding-bottom: 10px !important;
}

.ac-search-mobile {
    clear: both;
}

.ac-search-mobile strong {
    display: block;
    text-align: left;
    color: #666;
}

.ac-search-mobile label {
    border: 0;
    color: #666;
    font-weight: normal;
}

.ac-month-selector ul {
    width: 97% !important;
}

.ac-month-selector li a {
    color: #fff !important;
    cursor: pointer;
}

.ac-month-selector li.tab_selected a,
.ac-month-selector li.tab_selected a em {
    color: #0077be !important;
}

.tab_selected_arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    bottom: -15px;
    left: 13px;
    z-index: 5;
}

.container-mobile {
    top: -33px !important;
    padding: 0 15px 2px 15px !important;
}

.ac-region-header {
    clear: both;
    border-top: 1px solid #d2d2d2;
    padding-top: 5px;
    position: relative;
}

.ac-region-header span.ui-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 2px;
    top: 15px;
}

.ac-region-header span.ui-icon-arrow-r {
    background: url(/scripts/libs/jquerymobile/1.2.0/themes/images/icons-36-white.png) 1476px 28px 50%;
}

.ac-region-header span.ui-icon-arrow-u {
    background: url(/scripts/libs/jquerymobile/1.2.0/themes/images/icons-36-white.png) 1332px 28px 50%;
}

#region_group_1 .ac-region-header {
    border-top: 0;
}

.ac-region-header a {
    font-size: 15px;
    color: #0077be !important;
    float: left;
    margin: 10px 0;
}

.ac-region-header a:active {
    text-decoration: none !important;
}

.ac-region-header h2 {
    overflow: auto;
    padding: 0;
    line-height: 0;
}

.ac-region-header h2 div {
    float: left;
    margin: 6px;
}

.ac-region-header h2 small {
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

.tabs-container {
    overflow: auto;
    border-radius: 5px 5px 0 0 !important;
}

.tabs-container .col-groupRegion {
    margin: 0px 0 3px 0 !important;
    border-bottom: 1px solid #d2d2d2;
}

.tabs-container .col-groupRegion:last-child {
    border-bottom: none;
}

.destinations .col-groupRegion .colRegion {
    width: auto !important;
}

.col-groupRegion label {
    font-size: 16px;
}

.sticky-bottom-wrap {
    position: fixed;
    bottom: -10px;
    z-index: 10000;
    width: 100%;
    margin-left: -10px;
    background: #fff;
    padding-bottom: 20px;
}

#sticky-bottom.drop-open {
    border: 1px solid #666;
}

#sticky-bottom-wrap.drop-open {
    background: #808080;
}

.ac-search-content {
    padding: 10px 10px 0 10px !important;
}

#sticky-bottom.stick {
    position: relative;
    width: auto;
    margin: 0 10px !important;
    bottom: 0;
    z-index: 2;
    padding: 12px 10px 10px 10px;
    border: 1px solid #d2d2d2;
    color: #0077be;
    background: #fff;
    font-size: 24px;
    border-radius: 0 0 5px 5px;
}

#sticky-bottom.no-stick {
  padding: 12px 10px 10px 10px;
  border: 1px solid #d2d2d2;
  border-top: 0;
  position: relative;
  top: -35px;
  color: #18294B;
  background: #fff;
  font-size: 24px;
  border-radius: 0 0 5px 5px;
}

#sticky-anchor {
    margin: 0 auto;
    clear: both;
    z-index: 2;
}

#sticky-anchor.sticky-anchor-sticky {
    top: -30px;
    position: relative;
}

.ac-dest-counter-mobile {
    padding: 12px 10px 10px 10px;
    border: 1px solid #d2d2d2;
    border-top: 0;
    /* position: relative;
    top: -35px; */
    color: #0077be;
    background: #fff;
    font-size: 24px;
    border-radius: 0 0 5px 5px;
}

.ac-dest-counter-mobile-dd {
    border: 1px solid #666;
}

.ac-dest-counter-overlay {
    z-index: 10000;
    position: relative;
}

.ac-dest-counter-mobile span#destinations_selected {
    float: left;
    width: 80px;
    margin: 7px 0 0 7px;
}

.ac-dest-counter-mobile .ui-btn {
    margin: 0 0 0 100px;
    height: 38px;
}

.ac-dest-counter-mobile em {
    font-style: normal;
}

.ac-dest-counter-mobile i {
    font-size: 16px;
    top: -5px;
    position: relative;
}

.ac-dest-counter-mobile i.fa-sort-asc {
    top: 2px;
}

.overlay-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 9999;
    /*10000*/
}

#destinations_dropdown {
    width: 100% !important;
    border-top: 1px solid #d2d2d2;
    border-radius: 5px 5px 0 0 !important;
    box-shadow: 0 -5px 10px -4px #666 !important;
    left: 0;
    top: auto !important;
    bottom: 61px !important;
    border-bottom: 1px solid #d2d2d2;
    z-index: 10000;
    overflow-y: auto;
}

#destinations_dropdown span {
    width: 90% !important;
}

.p-overlay {
    text-align: center !important;
}

.h1-overlay {
    text-align: center !important;
    text-transform: initial !important;
}


/* END: Accommodation Certificate Search */


/* START: Accommodation Certificate Availability */

.ac-change-search {
    padding: 0 1.5em 0.2em 1.5em;
    font-size: 11px;
    color: #666;
    margin-bottom: 25px;
    clear: both;
}

.ac-change-search h3 {
    padding-top: 10px !important;
    font-size: 15px;
    font-weight: bold;
}

.ac-change-search .ac-row {
    overflow: auto;
}

.ac-change-search .ac-clm {
    float: left;
    width: 45%;
    padding-right: 5%;
}

.ac-change-search h5 {
    color: #666 !important;
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size: 11px;
}

.ac-change-search span {
    display: block;
}

.ac-change-search hr {
    margin: 10px 0;
}

.ac-change-search .ui-submit {
    margin: 15px 0;
}

.ac-not-availabile h3 {
    color: #666 !important;
    margin-top: 25px !important;
}

.ac-not-availabile h5 {
    color: #666 !important;
}

.ac-change-search h3.ac-cert {
    color: #666 !important;
    font-weight: normal;
}

.ac-change-search h3.ac-cert a {
    color: #0077be !important;
    margin: 0;
    display: inline;
}

.ac-change-search a {
    margin: 10px 0;
    display: block;
    text-align: center;
    color: #064f7e;
    font-weight: normal !important;
}


/* END: Accommodation Certificate Availability */


/* END: Accommodation Certificate */


/*------- START: Subtotal -------*/

.credit_column_style {
    
    font-weight: bold;
    padding-right: 20px;
}




/*-- START: My History - Hotel Details --*/

.showHotelDetail .hotel-details-list {
    font-size: 13px;
    padding: 0 1em 1em 1em;
}

.showHotelDetail .hotel-details-list li {
    clear: both;
}

.showHotelDetail .hotel-details-list strong {
    display: block;
    float: left;
    width: 35%;
}

.showHotelDetail .hotel-details-list span {
    display: block;
    float: right;
    width: 65%;
}

.showHotelDetail .mobileHotelDetails #termsLink {
    padding: 1em;
    display: block;
}

.showHotelDetail .mobileHotelDetails .showTerms small {
    padding: 0 1.5em 1.5em 1.5em;
    display: block;
}

.relq-details tr td {
    padding: 10px;
}

.ex_details_tbl tr td {
    padding: 10px;
}

.relq-details-back {
    padding: 10px 0;
}

.showHotelDetail .hotelDetailpopup {
    padding-bottom: 20px;
}

.showHotelDetail .hotelDetailpopup ul {
    padding: 0 15px;
}

.showHotelDetail .hotelDetailpopup ul li {
    padding: 3px 0;
    font-size: 12px;
}

.showHotelDetail .hotelDetailpopup a {
    display: block;
    padding: 15px;
    font-size: 12px;
}

.showHotelDetail .hotelDetailpopup a#cancel {
    padding: 0;
    width: 70% !important;
    display: block;
}


/*-- END: My History - Hotel Details --*/

.destinations_close_icon {
    cursor: pointer;
    height: 35px;
    width: 35px;
    background-image: url("/images/close.png");
    position: absolute;
    right: 0;
    z-index: 20000;
}


/*-- START: Cruise Exchange - Landing & My Units Section --*/

#page_ex_availabilities nav.exchange-option-1-column .ui-controlgroup-controls > .ui-btn {
    width: 100%
}

#page_ex_availabilities nav.exchange-option-2-column .ui-controlgroup-controls > .ui-btn {
    width: 50%
}

#page_ex_availabilities nav.exchange-option-3-column .ui-controlgroup-controls > .ui-btn {
    width: 33.33%
}

#page_ex_availabilities nav.exchange-option-4-column .ui-controlgroup-controls > .ui-btn {
    width: 25%
}

#page_ex_availabilities nav.exchange-option-5-column .ui-controlgroup-controls > .ui-btn {
    width: 20%
}

#page_ex_availabilities nav .ui-controlgroup-controls > .ui-btn-active span {
    color: #fff;
}

#page_ex_availabilities .heading {
    font-weight: bold;
    margin: 20px;
    font-size: 13px;
}

#page_ex_availabilities .heading .common_heading,
#mobile-cruise-after-unit-selection .heading .common_heading {
    font-size: 20px;
    color: #0077be;
}

#page_ex_availabilities nav .ui-controlgroup-controls > .ui-btn-active span {
    color: #fff;
}

#page_ex_availabilities #cruiseForm .ui-li-static.ui-li label,
#page_ex_availabilities #cruiseForm .departureText label,
#mobile-cruise-after-unit-selection #cruiseForm .ui-li-static.ui-li label,
#mobile-cruise #cruiseForm .ui-li-static.ui-li label {
    font-size: 20px !important;
}

#page_ex_availabilities #cruiseForm label,
#mobile-cruise-after-unit-selection #cruiseForm label {
    color: #0077BE;
}

#page_ex_availabilities #cruiseForm .departureText {
    padding-bottom: 15px;
}

#page_ex_availabilities #destinationHeading,
#page_ex_availabilities #portHeading,
#page_ex_availabilities #durationHeading,
#page_ex_availabilities #cruiseLineHeading,
#page_ex_availabilities #travelDateHeading,
#mobile-cruise #travelDateHeading {
    padding: 15px 0;
}

#page_ex_availabilities #destinationHeading div,
#page_ex_availabilities #portHeading div,
#page_ex_availabilities #durationHeading div,
#page_ex_availabilities #cruiseLineHeading div,
#page_ex_availabilities #travelDateHeading div,
#mobile-cruise-after-unit-selection #destinationHeading div,
#mobile-cruise-after-unit-selection #portHeading div,
#mobile-cruise-after-unit-selection #durationHeading div,
#mobile-cruise-after-unit-selection #cruiseLineHeading div,
#mobile-cruise-after-unit-selection #travelDateHeading div,
#mobile-cruise #travelDateHeading div {
    padding: 0 45px;
    text-align: center !important;
}

#page_ex_availabilities #destinationHeading div span,
#page_ex_availabilities #portHeading div span,
#page_ex_availabilities #durationHeading div span,
#page_ex_availabilities #cruiseLineHeading div span,
#page_ex_availabilities #travelDateHeading div span,
#mobile-cruise-after-unit-selection #destinationHeading div span,
#mobile-cruise-after-unit-selection #portHeading div span,
#mobile-cruise-after-unit-selection #durationHeading div span,
#mobile-cruise-after-unit-selection #cruiseLineHeading div span,
#mobile-cruise-after-unit-selection #travelDateHeading div span,
#mobile-cruise #travelDateHeading div span {
    -webkit-filter: grayscale(100%) brightness(10);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(10);
    padding-right: 10px;
}

#cruiseContent #popupCruise_dest label,
#cruiseContent #popupCruise_Port label,
#cruiseContent #popupCruise_length label,
#cruiseContent #popupCruise_line label,
#cruiseContent #popupCruise_TravelMonth label,
#mobile-cruise-after-unit-selection #popupCruise_dest label,
#mobile-cruise-after-unit-selection #popupCruise_Port label,
#mobile-cruise-after-unit-selection #popupCruise_length label,
#mobile-cruise-after-unit-selection #popupCruise_line label,
#mobile-cruise-after-unit-selection #popupCruise_TravelMonth label {
    color: #0077BE;
    font-size: 20px;
}

#mobile-cruise-after-unit-selection .containerPadding {
    border-top: 1px solid #d2d2d2;
}

#mobile-cruise-after-unit-selection .containerPadding h1 {
    padding: 5px;
}

#mobile-cruise-after-unit-selection .side_menu_content h3 {
    margin: 5px 0 4px 9px;
    color: #333;
    font-size: 13px;
}

#mobile-cruise-after-unit-selection .heading {
    font-weight: bold;
    margin: 25px 10px 10px 10px;
    font-size: 13px;
}

#cruiseContent .fas,
#mobile-cruise-after-unit-selection .fas {
    color: #0077be;
    font-size: 20px;
}


/*-- END: Cruise Exchange - Landing & My Units Section --*/


/*-- START: Star Option Cruise Exchange --*/

.star_option_body {
    overflow: auto;
    padding: 15px;
    border: 1px solid #d2d2d2;
    background: #f1f1f1;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
}

.star_option_clm1 {
    width: 75%;
    float: left;
}

.star_option_clm1 img {
    float: left;
    margin: 12px 5px 0 0;
}

.star_option_clm1 h2 {
    color: #616161;
    font-weight: normal;
    font-size: 18px;
}

.star_option_clm2 {
    width: 25%;
    float: left;
    margin-top: 5px;
}


/*-- END: Star Option Cruise Exchange --*/

#overlay_confirmations {
    background-color: #ffffff;
    background-image: none;
    border: 0;
}

#overlay_confirmations p {
    font-size: 12px;
}

#overlay_confirmations h3 {
    margin-top: 1em;
    margin-bottom: 1em;
}


/*-- START: My History - Unit Size Upgrade --*/

#exchangeDiv .my_history_dep .my-history-unit-size {
    font-size: 12px;
    background: #f5f5f5;
    padding: 10px 15px;
    margin: 10px 0;
}

#exchangeDiv .my_history_dep .my-history-unit-size span {
    display: block;
    margin: 2px 0;
}

#exchangeDiv .my_history_dep .my-history-unit-size em {
    color: #666;
    font-weight: normal;
    margin-top: 5px;
    display: block;
}

#exchangeDiv .my_history_dep .my-history-unit-size-no-fee {
    font-size: 12px;
    margin: 10px 0;
}


/*-- END: My History - Unit Size Upgrade --*/

.np-top {
    padding-top: 0;
}

.np-bottom {
    padding-bottom: 0;
}

.np-left {
    padding-left: 0;
}

.np-right {
    padding-right: 0;
}

.nm-top {
    margin-top: 0;
}

.nm-bottom {
    margin-bottom: 0;
}

.nm-left {
    margin-left: 0;
}

.nm-right {
    margin-right: 0;
}

.customer-support .fieldsettype {
    background: #fff;
}

.cc-banner {
    background-color: #fcd901;
    font-size: 11px;
    padding: 7px;
    line-height: 13px;
}


/*-- START: GDPR Cookie Policy Banner --*/

.cc-window.cc-bottom {
    background: #3671b9 !important;
}

.GDPR-container {
    position: relative;
    background: #3671b9;
}

.GDPR-container span {
    float: left;
    color: #fff;
    margin-right: 40px;
}

.GDPR-container span a {
    color: #fff !important;
}

.GDPR-container .cc-compliance {
    position: absolute;
    right: 0;
    top: 0;
}

.GDPR-container .cc-compliance a.cc-btn {
    background: #3671b9 !important;
    border: 0;
}

.GDPR-container .cc-compliance i {
    font-size: 25px;
    color: #fff;
}

.cc-window.cc-floating {
    max-width: 100% !important;
}


/*-- END: GDPR Cookie Policy Banner --*/

#popup_gdprPrompt,
#popup_wait {
    background-image: none!important;
    border: none!important;
}

#popup_wait {
    text-align: center;
    padding: 60px 60px 20px;
}

#popup_wait h2 {
    padding-top: 80px;
}

#popup_gdprPrompt-popup h2 {
    text-align: center;
}

.gdpr-mobile-but {
    display: block;
    Margin-bottom: 39px;
}

.gdpr-mobile-but .ui-btn {
    width: 50%;
    float: right;
    display: inline-block;
    margin-bottom: 50px;
    margin-top: -9px;
}

#gdpryesno hr {
    margin-bottom: 20px;
}

#gdprno {
    font-size: 12px;
}

#cruiseform .ui-listview a {
    color: #9A9A9A;
    font-weight: normal;
}

#moreOpts {
    text-align: center;
    display: block;
    padding: 20px;
    color: #898989;
}

tr-cruise-offers {
    background-color: #ffffff;
}

#mobile-cruise main {
    Background-color: #ffffff;
}

.tr-featured-sailings img,
.tr-cruise-offers .deals_pd_20 img {
    width: 100%;
    margin-bottom: 10px
}

.tr-cruise-offers .deals_pd_20 h4 a {
    color: #0077be!important;
    font-size: 18px;
}

.tr-cruise-offers .deals_pd_20 p {
    font-size: 13px;
}

.tr-cruise-offers .deals_pd_20 {
    font-size: 13px;
    border: 0!important;
}

.tr-cruise-offers .ui-btn-up-b {
    border: none!important;
}

.tr-cruise-offers .ui-btn-text {
    font-size: 14px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
    color: #fff;
    font-weight: normal!important;
    text-decoration: none!important;
}

.tr-cruise-offers .ui-collapsible-set[data-theme="b"] .ui-collapsible-heading:not(.ui-collapsible-heading-collapsed) > .ui-collapsible-heading-toggle {
    background: #e9e9e9;
    text-shadow: none;
    text-decoration: none;
}

.tr-cruise-offers .ui-collapsible-content {
    padding: 10px 30px;
    font-size: 12px;
}

.tr-featured-sailings {
    padding: 20px;
}

.tr-featured-sailings-content h3 {
    font-size: 18px;
    color: #0077be!important;
    font-weight: bold;
    margin: 10px 0 3px;
    display: block;
}

.tr-featured-sailings-content span {
    display: block;
}

.tr-booking-box-bt {
    font-size: 18px;
    padding: 8px;
}

.tr-tp-mrn,
#featuredSailings {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    margin-bottom: -15px;
    margin-top: 20px;
}



#mobile-cruise .ui-datebox-container {
    border: 5px solid #eaeaea!important;
    width: 280px;
}

#mobile-cruise .ui-btn-up-a {
    border: 1px solid #0077be /*{a-bup-border}*/;
    background: #0077be /*{a-bup-background-color}; */;
    font-weight: 500;
    color: #fff /*{a-bup-color}*/;
}

#menuPopup h2 { 
	font-size: 14px; 
	color: #fff; 
	text-align: center; 
	margin: 6px; 
}

#advancedQuery {
    padding: 10px;
}

#mobile-cruise .ui-popup {
    border: 0!important;
    padding: 0;
}

#mobile-cruise .table thead th {
    vertical-align: bottom;
    border-bottom: 0 solid #dee2e6;
    background-color: #0177bf;
    color: #ffffff;
    border-top: 0;
    position: fixed;
    top: 0;
    font-size: 16px;
    text-align: center;
}

#mobile-cruise .ui-popup-container .ui-body-a {
    background-image: none!important;
    padding: 0;
}


/* #mobile-cruise .ui-icon{
    background-image: url("/scripts/libs/jquerymobile/1.2.0/themes/images/icons-36-white.png")!important;
    -moz-background-size: 776px 18px;
    -o-background-size: 776px 18px;
    -webkit-background-size: 776px 18px;
    background-size: 850px 18px;
}*/

.ui-loader.ui-corner-all.ui-body-b.ui-loader-default {
    border: none;
}

.departure-date-range-title {
    padding: 20px 10px 5px;
}

#cruiseForm .ui-btn-active {
    background-color: #ffffff;
    border-bottom: 1px solid #bbbbbb;
    text-shadow: none!important;
}

#mobile-cruise h5 {
    padding: 30px 10px 5px;
}

#mobile-cruise .ui-li-count {
    right: 1.8em!important;
}

#mobile-cruise .bg-primary {
    background-color: #ffffff!important;
}

.tr-booking-box {
    width: 110px;
    text-align: center;
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: bold;
}

.cruiseNights {
    color: #0077be!important;
    border-bottom: 2px solid #0077be;
    padding: 3px 0;
    text-transform: uppercase;
}

.cruisePrice {
    color: #0077be!important;
    padding: 3px 0;
}

.cruise_banner_mobile {
    padding: 10px 0;
}

#mobile-cruise .searchBtn {
    padding: 20px;
}

#mobile-cruise .ui-icon-delete {
    background-position: -831px 50%;
}

#mobile-cruise .ui-listview {
    border-top: .5px solid #BBBBBB;
}

.cruise_banner_mobile img {
    width: 100%
}

#headingLabel {
    padding: 20px;
}

.departureText label {
    color: #000000;
    font-size: 16px;
}

#bscHeading {
    color: #0077be;
    font-size: 20px;
    font-weight: bold;
}

#mobile-cruise .ui-listview .selected label {
    font-size: 16px;
    color: #666;
}

#cruiseForm .ui-li-static.ui-li,
#popupCruise_TravelMonth .ui-li-static.ui-li,
#popupCruise_dest .ui-li-static.ui-li,
#popupCruise_line .ui-li-static.ui-li,
#popupCruise_length .ui-li-static.ui-li,
#popupCruise_Port .ui-li-static.ui-li {
    padding: 0.9em 20px;
    text-align: left!important;
}

#popupCruise_dest .ui-li-static.ui-li.selected {
    background: #ececec;
}

#cruiseLineHeading .ui-li-static.ui-li,
#travelDateHeading .ui-li-static.ui-li,
#destinationHeading .ui-li-static.ui-li,
#portHeading .ui-li-static.ui-li,
#durationHeading .ui-li-static.ui-li {
    padding: 0.9em 15px;
    text-align: center!important;
}

#cruiseForm label {
    font-size: 1.0em;
    font-weight: normal;
}

#popupCruise_TravelMonth label,
#popupCruise_dest label,
#popupCruise_line label,
#popupCruise_length label,
#popupCruise_TravelMonth label,
#popupCruise_Port label {
    font-size: 1.0em;
    font-weight: normal;
}

#travelDateHeading {
    background: #0077be;
}

#travelDateHeading #back-btn,
#cruiseLineHeading #back-button,
#popupCruise_dest #back-button,
#popupCruise_Port #back-button,
#durationHeading #back-button {
    background: none;
}

#travelDateHeading label,
#destinationHeading label,
#cruiseLineHeading label,
#portHeading label,
#durationHeading label {
    color: #ffffff!important;
    text-shadow: none;
    font-weight: bold;
    font-size: 18px;
}

#cruise_form_more_search_options,
#cruise_form_less_search_options {
    padding: 20px 10px 5px;
    text-align: center;
    font-size: 13px;
}

#cruiseForm .submit {
    padding: 20px;
}

.callSpecialist {
    width: 90%;
    margin: auto;
}

.tr-call-a-specialist {
    margin: 5px auto 32px;
    border: 1px solid #D8D8D8;
    padding: 10px 62px;
    text-align: center;
    line-height: 18px;
    background-color: #E8E8E8;
    color: #000000;
    font-size: 14px;
    max-width: 350px;
    min-height: 30px;
}

.tr-call-a-specialist img {
    margin-bottom: -17px;
}

.tr-call-a-specialist span {
    font-weight: bold;
}

.tr-featured-sailings ul {
    width: 62%;
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
}

#popupCruise_line .selected div,
#popupCruise_dest .selected div {
    width: 93%;
    display: inline-block;
    background-image: none!important;
}

#popupCruise_line .ui-icon-check,
#popupCruise_dest .ui-icon-check {
    width: 18px!important;
    display: inline-block;
}

#cex_list .ui-icon {
    display: none;
}


/*Cruise Search Form*/

#popupCruise_dest,
#popupCruise_line,
#popupCruise_length,
#popupCruise_TravelMonth,
#popupCruise_Port,
#popUpCigPoints {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 1010;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ffffff;
}

#cexAdv_list .ui-li-last {
    border-bottom: none;
}

#dcnt,
#ccnt {
    display: inline;
    right: 24px !important;
    position: absolute;
    top: 50%;
    background-color: #acc42a;
    color: #ffffff;
    text-shadow: none;
    margin-top: -13px;
    font-weight: bold;
    border-radius: 50%;
    padding: 5px;
    font-size: 12px;
    text-align: center;
}

.dateText {
    font-size: 12px;
}

.departureText {
    padding-left: 0;
    font-size: 14px;
    padding-top: 13px;
}

.advDateFields {
    padding: 0 40px;
}

#continue-button,
#dest-continue-button {
    width: 100%;
    height: 44px;
    padding-top: 17px;
    padding-bottom: 10px;
    position: fixed;
    /*Here's what sticks it*/
    bottom: 0;
    /*to the bottom of the window*/
    left: 0;
    /*and to the left of the window.*/
    background-color: #ffffff;
    -webkit-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.33);
}

#continue-button div,
#dest-continue-button div {
    width: 90%;
    margin: auto;
}

#destinationSelection,
#cruiseLineSelection,
#cruiseLength,
#portSelection,
#bscdestinationSelection,
#bsccruiseLineSelection,
#bsccruiseLength,
#bsccruiseLengthSelection,
#cruiseLengthSelection,
#travleDateSelection {
    font-size: 18px;
    color: #777777;
    font-weight: normal;
}

.mobile_crs_banners {
    border-top: 1px solid #F2F2F2;
    width: 90%;
    padding: 10px;
    margin: auto;
    border-bottom: 1px solid #F2F2F2;
}

#destinationHeading,
#cruiseLineHeading,
#portHeading,
#travelDateHeading,
popupCruise_Port,
#durationHeading {
    width: 100%;
    padding-top: 20px;
    position: fixed;
    /*Here's what sticks it*/
    top: 0;
    /*to the bottom of the window*/
    left: 0;
    /*and to the left of the window.*/
    z-index: 9999;
    background: #0077be;
}

#popupCruise_dest ul,
#popupCruise_line ul,
#popupCruise_length ul,
#popupCruise_TravelMonth ul,
#popupCruise_Port ul,
#popUpCigPoints ul {
    padding: 51px 0 70px;
}

#mobile-cruise .fa-check-circle:before {
    content: "\f058";
    font-size: 20px;
    color: #acc42a;
}

.departureText label {
    padding-left: 20px;
    font-size: 14px !important;
    color: #666 !important;
    padding-top: 17px;
    font-weight: 500 !important;
}

.cruise-category-page .grouped-category-column-action input[type=radio] {
    opacity: 0!important;
}

 .guest-cert-count{
       font-family: 'roboto', Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 900;
    padding: 0px 1px 0px 0px;
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    text-align: center;
    display: inline-block;
    background-position: center;
        }
        
        
      .guestCertContainer-membership .guest-cert-count {
   font-family: 'roboto', Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 900;
    padding: 0px 1px 0px 0px;
    background-color: #000000;
    border: 1px solid #000000;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    text-align: center;
    display: inline-block;
    background-position: center;
}.cart_items .guestCertContainer img{
margin-left: 209px;
}
.cart_items .guestCertContainer {
    padding-left: 0px;
    width: auto;
}
.cart_items .guest-cert-txt {
    display: inline-block;
    font-size: inherit;
    margin-left: 11px;
    margin-right: 5px;
    margin-top: -5px;
    position: absolute;
    color: #000000;
    font-weight: normal;
     width: 200px;
   
}
  .guestCertContainer {
    margin: 10px 0;
    padding-left: 120px;
    height: 49px;
} 
.guestCertContainer-membership {
    margin: 10px 0;
        width: 183px;
    display: inline-block;
   
}  
.guestCert-mem-icon{
	display:inline-block;
}
.his-guestCertContainer .guest-cert-txt {
	width: auto;
}
.his-guestCertContainer {
    margin: 10px 0;
    padding-left: 6px;
    height: 49px;
}
.guest-cert-txt 
   {
   display: inline-block;
    font-size: 0.79em;
    margin-left: 11px;
    margin-right: 45px;
    margin-top: -5px;
    position: absolute;
    color: #000000;
    font-weight: normal;
    
} 
.guestCertContainer-membership  .guest-cert-txt {
width:145px;	
} 
.promo_inline{
	margin:10px 0;
} 
.ui-popup {
    border: none;
    padding: 0.63em;
    color: #333;
    background-image: none !important;
    font-size: 14px;
    line-height: 20px;
}
.guestCert-alert-disable .guest-cert-count{
	    background-color: #666  !important;
    border: 1px solid #757575 !important;
	
}
.guestCert-alert-disable .guest-cert-txt {
	  color: #acacac !important;
}

.guestCert-alert-disable.guestCertContainer{
	  color: #eee !important;
}
.guestCert-alert-img{
    display: inline-block;
    vertical-align: top;
    padding: 19px 5px;
}
.guestCert-alert-txt{
	    display: inline-block;
  width: 86%;
}
	

.guestCert-alert{
	 font-size: 11px;
    margin-left: 39px;
    display: block;
    margin-bottom: 10px;
    background-color: #eee;
    padding: 5px;
    line-height: 17px;
    margin-right: 5px;
	
}

#page_ex_options .infoIcon .ui-btn-corner-all {
    width: auto;
    padding: 0;
    margin: 0;
    padding-left: 0.31em;
}

/*L7 SSG */

#page_getaways .ui-controlgroup,
fieldset.ui-controlgroup {
    padding: 0;
    margin: .5em auto;
    zoom: 1;
    width: 90%;
    display:block;
}

#page_getaways nav .ui-controlgroup-controls > .ui-btn {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 0!important;
}

.resortDetailsTabs .ui-btn-active, #page_getaways .ui-btn-active {
    border: 1px solid #0077be/*{global-active-border}*/
    ;
    background: #0077be!important/*{global-active-background-color}*/
    ;
    font-weight: bold;
    color: #ffffff !important/*{global-active-color}*/
    ;
    cursor: pointer;
}

.action_btn_wrap .ui-btn-up-c, .resortDetailsTabs .ui-btn-up-c{
    background: #ffffff/*{c-bup-background-color}*/;
    font-weight: normal;
    color: #18294B/*{c-bup-color}*/;
    background-image: none;
}
#rd-details .ui-icon-plus {
    background-position: -796px 50%;
}
#page_getaways .promo {
    text-align: right;
    font-size: 13px;
    padding: 10px;
    margin-right: 32px;
}

#lt7-getaway_specials_container h2 {
    color: #444444;
    font-size: 14px;
}

.closeSearchHeader {
    padding: 15px 0;
    background-color: #18294B;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    position: relative;
}

.closeSearchHeader span {
    right: 9px;
    position: absolute;
    font-size: 26px;
}

.regions-head.active i {
    display: inline-block;
    color: #ffffff;
}

.regions-head.active {
    width: 100%;
    background-color: #18294B;
    text-align: left;
    border: none;
    padding: 10px 15px;
    color: #ffffff;
}

.regions-head {
    width: 100%;
    background-color: #ffffff;
    text-align: left;
    border: none;
    padding: 10px 15px;
    color: #18294B;
    margin: 0;
    font-size: 16px;
    border: 1px solid #e9e9e9;
    font-weight: bold;
}

.regions-head-content {
    display: inline-block;
    margin-left: 8px;
        position: relative;
    width: 91%;
}

.regions-head i {
    display: inline-block;
    color: #FFA300 ;
    text-shadow: none;
}

.regions-content {
    padding: 0 0;
}

.regions-content ul {
    padding: 0;
    margin-bottom: 0;
    /* display: block; */
    /* position: relative; */
    clear: both;
}

.regions-content li {
    padding: 10px 20px;
    border: 1px solid #e9e9e9;
    position: relative;
    color: #0077be;
}

.regions-content div {
    margin-bottom: 0;
}

#ssg_search .ui-li-static.ui-li {
    padding: 0;
    text-align: left !important;
}

.ssg_list_menu {
    font-size: 20px;
    color: #d3d3d3;
}

.ssg_list_menu.active {
    font-size: 20px;
    color: #18294B;
}

#ssg_search #destinations,
#ssg_search #numberOfNights,
#ssg_search #checkInDates {
    padding: 23px 12px;
}

.criteriaSelected {
    background-color: #18294B;
    color: #ffffff;
    text-shadow: none;
}

.ssg_list_done {
    font-size: 12px;
}

#destName {
    font-size: 18px;
}

#displayNights .promo {
    padding: 0;
    display: inline-block;
}

#displayNights .promo {
    padding: 0;
    display: inline-block;
    position: absolute;
    right: 0;
}

#displayNights li {
    padding: 15px 8px;
    border-bottom: 1px solid #d2d2d2;
    color: #0077be;
}

#ssg_search ul {
    margin-bottom: 20px;
}

#ssg_search #dateChangeIndicator,
#night_sorry_msg {
    display: block;
    margin: 15px;
    border-radius: 5px;
    background: #333;
    color: #fff;
    padding: 8px 10px;
    font-size: 14px;
    position: relative;
}

#ssg_search #dateChangeIndicator::before {
    content: "\A";
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #333 transparent;
    position: absolute;
    top: -14px;
    left: 60px;
}

#viewResults {
    width: 75%;
    margin: 30px auto 71px;
}

#promotionMonthsBlock {
    width: 75%;
    margin: 20px auto;
}

#promotionMonthsBlock .ui-btn-text {
    font-size: 12px;
}

#promotionMonthsBlock .ui-btn-up-a {
    background-image: none;
    border: 1px solid #d3d3d3;
    color: #666;
    text-shadow: none;
    text-align: left;
    font-weight: normal;
}

#calendarContainer .ui-btn-up-d {
    border: 1px solid #bbbbbb;
    }
#page_ex_availabilities .ui-btn-active {
    border: 1px solid #0077be/*{global-active-border}*/
    ;
    background: #0077be/*{global-active-background-color}*/
    ;
    font-weight: bold;
    color: #ffffff !important/*{global-active-color}*/
    ;
    cursor: pointer;
}

#page_getaways #calendarContainer .ui-datebox-inline {
    margin-top: 5px;
    border: 0 solid #111!important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    box-shadow: none;
    color: #000000!important;
}

#page_getaways #calendarContainer .ui-datebox-gridheader {
    text-align: left;
}

#page_getaways #calendarContainer .ui-datebox-griddate {
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 37px;
    font-weight: bold;
    font-size: 12px;
    zoom: 1;
    margin-right: -1px;
    border-radius: 0;
    margin-bottom: -1px;
    position: relative;
}

#page_getaways #calendarContainer .promotion_icon {
    width: 10px;
    position: absolute;
    top: 1px;
}

#page_getaways #calendarContainer .ui-datebox-container {
    width: 300px;
    background: none;
}

#page_getaways .ui-datebox-gridheader h4 {
    text-align: center;
    color: #18294Bimportant;
}
#page_getaways .ui-datebox-griddate-label {
    height: 15px!important;
    line-height: 15px!important;
    color: #18294B!important;
}


#slideCalendar {
    text-align: center;
    margin-top: 40px;
    font-size: 50px;
    color: #18294B;
    text-shadow: none;
}

#rightSlide,
#leftSlide {
    display: inline-block;
    width: 100px;
    margin-right: 9px;
}

#page_getaways .icon-promo {
    width: 16px;
    Height: 16px;
}

#calendarSelected table {
    width: 100%;
    text-align: center;
    font-size: 15px;
    margin-top: 30px;
    font-weight: bold;
}

#calendarSelectedCheckInDate,
#calendarSelectedCheckOutDate {
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
}

#lineSeparator {
    border-right: 1px solid;
}

.nightNotAvailable {
    color: #666!important;
}

#destinationRegions .icon-promo {
    position: absolute;
    right: 40px;
}

#destinationRegions .regions-head .icon-promo {
    filter: none;
}

#destinationRegions .regions-head.active .icon-promo {
    filter: grayscale(1) brightness(3);
}

#destinationRegions .nightNotAvailable .icon-promo {
    visibility: hidden;
}

.checkAreaCodeSelected,
.checkNightSelected {
    color: rgb(172, 199, 42);
    display: inline-block!important;
    margin-right: 0;
    position: absolute;
    right: 6px;
}

.special_price_title {
    font-size: 17px;
    color: #0077be;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.areaCheckCircle {
    display: none;
}

.nightCheckCircle {
    display: none;
}


/*L7 SSG Availibility */

#mapTab,
#listTab,
#searchResultsSorting {
    display: inline-block;
    padding: 5px;
    position: relative;
}

#searchResultsSorting {
    float: right;
    margin-top: -11px;
}

#ssgSort {
    font-size: 11px;
    display: inline-block;
    position: absolute;
    left: -39px;
    top: 18px;
}

#searchResultsSorting .ui-select {
    display: inline-block;
}

#resultsViewOptions {
    height: 30px;
    padding: 20px 5px;
}

.resortListName,
.resortListAddress,
.resortListCode,
.resortListDetailsAndPhotos,
.resortListRatings {
    padding: 0 10px;
}

.resortListUnits {
	padding: 20px 0;	
}

.resortName,
.resortDetailsAndPhotos {
    color: #007dc6!important;
    text-decoration: none;
}

.resortListDetailsAndPhotos {
    text-align: left;
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 5px;
}

.resortUnits .unitSize {
    font-size: 12px;
    font-weight: bold;
    width: 82px;
    text-align: left;
    padding-left: 5px;
}

.resortUnits .unitsLeft,
.kitchenType {
    font-size: 11px;
    font-weight: normal;
    padding: 0 0 0 5px;
    text-align: left;
    width: 96px;

}

.unitsLeft {
padding: 0 5px !important;
    border: 1px solid #f7f7f7;
    background-color: #f7f7f7;
    border-radius: 5px;
    font-size: 9px!important;
    margin: 0px auto 5px;
    display: block;
    width: 78px;
    text-align: center!important;
}


.resortUnitsRow table {
    width: 100%;
    text-align: center;
}

.resortUnitsRow {
    border-bottom: 1px solid #f1f1f1;
    padding: 8px 0;
}

.resortListImage img {
    width: 100%;
}

#selectCriteria {
    width: 100%;
}

#modifyCriteria div {
    display: inline-block;
    position: relative;
}

#modifyCriteria small {
    font-size: 11px;
    font-weight: normal;
}

#modifyCriteria {
    background: #e9e9e9;
    border-bottom: 1px solid #d2d2d2;
    padding: 11px 5px;
    font-size: 13px;
    font-weight: 700;
}

#modifyCriteria #searchDestination {
    margin: 0 145px 0 25px;
}

#modifyCriteria #nightsDate {
    position: absolute;
    right: 0;
}

#nightsDate {
    float: right;
}

#nightsDate div {
    border-left: 1px solid #d2d2d2;
    padding: 0 7px;
}

.resortRatings small {
    font-size: 10px;
}

.reviewsContainer {
    padding-left: 10px;
    font-size: 10px;
    vertical-align: bottom;
}

.resortListCode .resortCode {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #DEE5F0;
    border-radius: 5px 5px 5px 5px;
    color: #DD9B11;
    float: left;
    margin-right: 0.175em;
    padding: 0.1em;
}

#listTab,
#mapTab {
    font-size: 12px;
}

.topdeals h5 {
    margin: 0;

}

.getaway-specials a {
    text-decoration: none;
}

.getaway-specials .flex-direction-nav {
    display: none;
}

.getaway-specials .deal_image img {
    width: 190px;
    height: 120px;
    overflow: hidden;
}

.getaway-specials .deal_image .deal_image_icon {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 163px;
    top: 5px;
    background-color: #ffffff;
    border-radius: 15px;
}

.getaway-specials .deal_image {
    position: relative;
}

.topdeals span {
    color: #18294B;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
}

.featuredCalloutTxt {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 180px;
    background: #111111;
    padding: 5px;
    color: #ffffff!important;
    text-align: center;
    font-weight: bold;
}
.ssgCompletedIcon i {
	color:#FFA300;
}

#overlay_no_availability_nights_message .ui-btn[data-theme="a"] {
    color: #ffffff;
    width: 189px;
    margin: auto;
}

#page_getaways .ui-popup {
    border: none;
    padding: 0.63em;
    color: #444444;
    font-weight: normal;
    background: #ffffff;
}

.topdeals {
    width: 190px;
}

.resortListImage {
    margin-bottom: 5px;
}

#selectCriteria .fa-chevron-left {
    color: #18294B;
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 600;
    margin: 6px 3px;
    position: absolute;
}

.numberActive {
    display: none;
}

.active .numberActive {
    background: #0077be;
    color: #ffffff;
    border-radius: 50%;
    padding: 6px 6px;
    font-size: 13px;
    font-weight: bold;
    margin-right: 7px;
    text-shadow: none;
    display: inline-block;
    height: 13px;
    width: 13px;
    text-align: center;
}

.active .numberInactive {
    display: none;
}

.numberInactive {
    background: #d3d3d3;
    color: #ffffff;
    border-radius: 50%;
    padding: 6px 6px;
    font-size: 13px;
    font-weight: bold;
    margin-right: 7px;
    text-shadow: none;
    display: inline-block;
    height: 13px;
    width: 13px;
    text-align: center;
}

.ssgCompletedIcon {
    font-size: 22px;
    float: left;
    margin-right: 16px;
    padding-top: 7px;
}

.resortsTableListNew .resort_details_icon {
    border-radius: 5px 5px 5px 5px;
    color: #18294b;
    float: none;
    padding: 0.1em;
    display: inline-block;
    margin: 10px;
}

.resortDiscount .promotion_icon {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 0;
}

.mapTabActive,
.listTabActive {
    color: #0077be;
}

.resortListName {
    width: 85%;
}

.resortDiscount {
    position: relative;
}

.topDeals {
    width: 190px;
}

.resortUnits .unitsLeft,
.resortUnits .kitchenType {
    font-size: 11px;
    font-weight: normal;
    padding: 0 5px;
    text-align: left;
}
.tableResortUnits .resortUnits .kitchenType, .tableResortUnits .resortUnits .capacity{
   font-size: 11px;
    font-weight: normal;
    padding:0 0 0 5px;
    text-align: left;
}

.tableResortUnits {
    width: 100%;
    margin: 20px 0;
}

#page_getaways .triangle-down {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}

#page_getaways nav .ui-controlgroup-controls > .ui-btn-active .triangle-down {
    display: block;
    bottom: -1px;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top: none;
}

#searchResults {
    padding-bottom: 6px;
}

.featuredResort {
    background-color: #ACC72A;
    padding: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}

.membershipTypeRibbon {
    margin: 10px 0;
}

#searchResultsMapView .mapCanvas {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
}

#searchResultsMapView .mapCanvasWrap {
    height: 300px;
    margin-bottom: 27px;
}

.markerSlot {
    padding: 10px;
}

#mapResultsList {
    font-size: 12px;
}

.priorityView {
    font-size: 0;
    background: #16559b;
    text-align: center;
}

.priorityCell {
    background: #d4e3fb;
}

tr.resortUnits div.ui-btn {
     margin: 5px 10px;
    max-width: 101px;
    float: right;
    padding: 0 15px;
}

.originalUnitPrice {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #0077be;
    text-decoration: line-through;
}


.resortUnits .discountedPrice,
.resortUnits .unitPrice {
    font-size: 15px;
    color: #0077be;
    font-weight: bold;
    text-align: center;
    display: block;
}

.areaCodeSelected {
    color: #d2d2d2!important;
}

#min_los_discount {
    display: block;
    font-size: 12px;
    padding: 25px 0;
    text-align: center;
}

.resortTitleSection .promotion_icon {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 0;
}

.resortTitleSection {
    position: relative;
}
#showAllssg{
    position:absolute;
    width:200px;
}

#modifyCriteria {
 min-height: 30px;
}

#rd-details .ui-controlgroup {
    vertical-align: middle;
    display: block;
}

#rd-details .ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini {
    margin: .5em auto;
}
.tableResortUnits.resortUnits div.ui-btn{
    margin: 5px 10px;
    max-width: 101px;
    float: right;
    padding: 0 0px;

}
.tableResortUnits .ui-btn-inner {
    font-size: 16px;
    padding: .3em 4px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
}
#switchMembershipPopup-popup .ui-select .ui-btn-text{
text-align: left;
}

#slideCalendar .disable i {
    color: #C8C8C8;
}
.cc-opt-img{
    text-align: center;
    background-color: #fff;
    width: 82%;
    margin: 0 auto 20px;
    border-radius: 6px;
    padding: 6px 0;
}

.cc-opt-img img{
	    height: 33px;
	
}
#iw_credit_card{
	    width: 220px;
    height: 100px;
    margin: auto;
}
.save-add-cc-toggle {
    margin: auto;
    text-align: center;
}

.save-add-cc-toggle .ui-radio {margin: 5px;z-index: 1;width: 40%;display: inline-block;text-align: center;}

.save-add-cc-toggle .ui-btn-up-a{color:  #18294B;background: #fff;text-shadow: none;border: 1px solid #18294B;border-radius: 5px;padding: 0;}
.save-add-cc-toggle .ui-radio-on{

 color: #fff;
background: #18294B;
text-shadow: none;
border: 1px solid #18294B;
border-radius: 5px;
}

.save-add-cc-toggle .ui-btn-text {
    font-size:12px
}

.save-add-cc-toggle .ui-icon-radio-on {
    background-position: -250px 50%;
        background-color: #f9a846;
}
.cc-year, .cc-month{
	    width: 47%;
    display: inline-block;
}


.cc-month{
margin-right: 15px;
}


.save-add-cc-toggle .ui-btn-inner {
    padding: 10px 5px 10px 30px!important;
    min-width: 80px;
    }
    
       .rt-txt p {
        margin-top: 0px;
           margin-bottom: 10px;
    }
    .rt-txt h4{
        font-size: 18px;
        margin: 10px 0;

    }
   .lt-txt {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
   
    width: 100%;
}
    .rt-txt{
        font-size: 14px; 
        line-height: 20px;
    }
    .lt-list{
        font-size: 14px; 
        font-weight: bold;
    }
    .lt-list li {
    margin-top: 17px;
}
    .cc-ad-container{
        width: auto;
   
    height: 520px;
    overflow-y: scroll;
    overflow-x: hidden;
    }
   .cc-ad-img-container {
    width: 100%;
    height: 170px;
    overflow: hidden;
   
    text-align: center;
}
    .cc-terms p{
        font-size: 12px;
        margin: 0 10px 15px;
    }
    .cc-terms h5{
        margin:10px;
        color: #666;
    }
    .cc-terms{
        margin-top: 35px;
    }
.vs {background: url(/images/iw/img_vs.png) 5px 10% no-repeat; }
.mc {background: url(/images/iw/img_mc.png) 5px 10% no-repeat; }
.ae {background: url(/images/iw/img_ae.png) 5px 10% no-repeat; }
.din {background: url(/images/iw/img_din.png) 5px 10% no-repeat; }
.dis {background: url(/images/iw/img_dis.png) 5px 10% no-repeat;}

.vs, .mc, .ae, .din, .dis{
	background-size: 35px,contain;
	height: 25px;
	background-position-y: center;
	padding: 9px 0 3px 44px;
	font-size: 12px;
}


.selectExisting .ui-btn-inner {
    padding:0px;
    text-align:left;
    
}
.ui-popup-active .ae,.ui-popup-active .vs,.ui-popup-active .mc, .ui-popup-active .din, .ui-popup-active .dis {
    padding: 3px 0 15px 36px;
}
#credit_card_fields .exp3 {
    width: 24%;
    float: left;
}
#credit_card_fields .exp4 {
    width: 74%;
   
}
#masterCardExisting {
    margin: 10px auto;
    text-align: center;
    padding: 10px;
}
#masterCardExisting img {
	width:335px;
}
.sec_code{
	width:80px !important;
}

#iiCardPopup-popup .ui-popup{
    color: #222;
}

#iiCardPopup .ui-btn {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        position:absolute;
        top: -5px;
    right: 1px;
}

#iiCardPopup .ui-btn-inner{
    padding: 1px 2px;
}

.lt-txt p {
    margin-top:8px;
}
#iiCardPopup .ui-popup h1 {
    padding: 5px 15px 10px 5px;
}
.cc-ad-header {
    background-color: #0379bf;
    height: auto;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 1;
    border-radius: 5px 5px 0 0;
    width: 100%;
    padding-top: 7px;
    text-align: center;
}
#my_edit_card_wrap select{
    height:37px;
    width:100%;
    border: 1px solid #d2d2d2;
}
#my_edit_card_wrap .ui-checkbox .ui-btn-icon-left .ui-btn-inner {
    padding-left: 25px;
}
#edit-credit-card .type-75 {
    font-size: 1em;
    color: #444;
    padding-top: 16px;
    padding-bottom: 5px;
    display: block;
}
.lt-txt h1 {
    color: #0379bf;
    font-weight: 800;
        text-align: left;
    padding: 0 0 10px 0px;
}
#edit-credit-card  input {
 width:100%;
 border: 1px solid #d2d2d2;
     position: relative;
    left: 0;
}
#my_edit_card_wrap label{
    width:100%;
}
#edit-credit-card .closeSearchHeader {
    padding: 15px 0;
    background-color: #18294B;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    position: sticky;
    margin: -10px -10px;
    top: 0;
      z-index: 100;
}
.use-address-cc input{
    width: 10px!important;
    height:10px;
}

.cc-current-adr {
	width:100%;
}
.add_cc_expires .ui-select:first-child {
    padding-right: 3px;
}

.cc-ad-header h1{
	background-color: transparent;
	color:#fff;
	    font-size: 16px;
    padding: 0 0 10px 10px;
    text-align: left;
}
.lt-list img {
    width: 30px;
    height: 30px;
    vertical-align: top;
    display: inline-block;
}
.lt-list div {
    display: inline-block;
    width: 88%;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}
.cc-ad-img-container img {
    width: 100%;
}
.cc-ad-container table {
    margin-top: 48px;
}
.multiple_membership_wrap hr {
	margin-bottom:15px;
	
}
#credit_card_block_mobile .box_rnd_2_top, #my_renewal_payment_summary .box_rnd_2_top {
    background-color: #fff;
 
}
.btp_btn{
    text-align:center;
  
}
#errorBoxEditCard{
	color:#ea351a;
}
.member_number H2, .wrap-container-my-memberships H5{
	color:#2A2A2A;	
}
#myMem h5{
	color:#2A2A2A;	
}
.wrap-container-my-memberships H5{
	margin:5px 0;
}

.wrap-container-my-memberships p {
    font-size: 0.75em;
    line-height: 20px;
   
}
.wrap-container-my-memberships .ui-collapsible-heading-toggle{
	border:0px;
}

.wrap-container-my-memberships .ui-collapsible-content {
    margin-top: -1px !important;
    border: 0px;
    background: #fff;
    padding: 0px;
}
.membership-autorenew-settings-checkbox span{
    margin-left: 5px;
    width: 89%;
    display: inline-block;
   
}
.membership-autorenew-settings-checkbox .ui-checkbox{
	position: relative;
    clear: both;
    margin: 0;
    z-index: 1;
    display: inline-block;
        vertical-align: top;
}
	
#optInDiv{
	font-size: 0.75em;
}
.membership-autorenew-settings-checkbox{
	margin:10px 0;
	
}
.membership-autorenew-settings-checkbox .ui-checkbox input{
position: relative;
    width: 13px;
    left: 0px;
    height: 13px;
    margin: 0 0 0 5px;
  
   
}
.Member-auto-renewal-list ul{
	    list-style: disc outside;
	    Margin-left:30px;
	    line-height: 20px;
}
.membership-button-container a{
	width:100%;
	text-align:center;
	margin: 17px auto;
}
.addCardMobile_save .ui-disabled, .edit-credit-card-terms .ui-disabled, .mobile_sc_disabled, .addCardMobile_save input:disabled, .save_setting_auto .disabled{
	    text-shadow: none;
    color: #666666!important;
    border-color: #e8e8e8;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #e8e8e8;
    opacity: 1;
}
.edit-credit-card-terms td{
	padding:20px 0;
}
#add-credit-card .form, #myMem .form, #my_edit_card_wrap .form{
    background-color: transparent;
    box-shadow: none;
    border: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;	
	
}

.addCardMobile_terms{
    display: inline-block;
    width: 91%;
    padding: 10px 0 28px;	
}
.addCardMobile_checkbox{
	    display: inline-block;
    width: 7%;
    vertical-align: top;
}

.addCardMobile_checkbox .ui-checkbox input{
	position: relative;
    left: 6px;
    height: 20px;
    width: 15px;
}
.Member-auto-renewal-list{
	margin-bottom:20px;
}

#my_memberships_wrap .ui-icon-plus {
    background-position: -795px 50%;
        left: 0px;
}
.credit_card_note{
	margin: 10px 5px 20px;
	
}
.credit_card_details{
    font-size: 17px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
.cardExpiryMsg h1, .credit_card_text_heading h1{
	background-color:transparent;
	padding: 10px 5px 0;
	font-size: 1.8em;
    font-weight: bold;
}
.credit_card_list .ui-radio input{
	    position: relative;
    left: 0px;
}

.credit_card_list .ui-radio{
	display:inline-block;
	margin-right: 9px;
}
.updateCreditCardExpiryMobile{
	    display: block;
    text-align: right;
    font-size: 12px;
	
}

.autorenew_setting a, .save_setting_auto a {
	width:100%;
	margin: 20px auto;
}
.add_card_auto{
	text-align:right;
	
    font-size: 12px;
}
.autorenew_indicator_checkMark{
	    text-align: right;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    width: 79px;
    display: inline;
    float: right;
}
.autorenew_yes, .autorenew_card_details, .autorenew_card{
	margin:20px 0;
}

.coreAutoBottomLinks{
	text-align:center;
}
.autorenew_checkMark img {
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    padding: 5px 0 0 2px;
}
.autorenew_checkMark{
	margin:10px 0;
}
.onlyCardOnFileDialog{
	padding:0px 0 15px;
}
.autorenew_checkMark h5{
    width: 85%;
    display: inline-block;
}
.myProfPopup, #myMem .ui-popup {
    background-color: #ffffff;
    font-size: 12px;
    padding: 30px 20px;
}

#my_edit_expiry_card_wrap .ui-select{
	display:inline-block;
	width:48%;
}
.expired-terms-txt{
	font-size:12px;
	margin: 10px;
    text-align: left;
}
#cardExpiryCancelMsg{
text-align:center;
margin:15px 0;
}
.expired-terms-but a{
	width: 100%;
    margin: 10px auto;
}
.my_edit_expiry_card_wrap h5{
	    margin: 10px 0 5px;
}
.mobile_usu_additional_payment_review {
    background: #fff;
    margin: 10px 5px 15px 5px;
    padding: 0 8px 8px 8px;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
       
}
.mobile_fpt_container{
	   background: #fff;
    margin: 10px 0 35px;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
        font-size: 12px;
}
.mobile_fpt_container .sc_icon{
	  display: inline-block;
    float: left;
    height: 35px;
    width: 35px;
    background: url(/images/iw/icon_secure_checkout.png) no-repeat center;
}
.fptMessage{
	background-color: #f3f3f3;
    padding: 20px 10px;
}
.mobile_usu_additional_payment_review .sc_icon {
    display: inline-block;
    float: left;
    height: 70px;
    width: 35px;
    background: url(/images/iw/icon_secure_checkout.png) no-repeat center;
}

.mobile_usu_additional_pymt_content {
    padding: 0 0 15px 0;
}

.mobile_usu_additional_pymt_content h4 {
	color:#000;
    font-size: 14px;
    margin-bottom: 3px;
}

div.mobile_usu_additional_pymt_content {
    font-size: 12px;
    margin-right: 2px;
}

.mobile_usu_additional_pymt_content a.ui-link {
    color: #0077be !important;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

#mob_secure_renewal .mobile_usu_additional_payment_review {
    margin-top: 10px;
}

#fraudPreventionPopup.ui-popup.ui-body-a {
    color: #111111;
    padding: 20px;
    font-size: 14px;
}

#fraudPreventionPopup h4 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 20px;
}
.creditCardList-container{
    margin:20px 0;
}
.creditCardList-container input{
   width:14px;
   height:14px;
}
.creditCardList-info{
text-align:left;
	
}
.expired{
	color:#990303;
}
.edit-credit-card .expired{
	color:#990303;
    border: 1px solid #990303;
}
 .creditCardList-exp{
	text-align:right;
	float:right;
	
}
 .upgrade_auto_renew{
     padding: 10px 0 5px 16px;
 }
.creditcardUSU, .cexh_auto_details, .autorenew_details, .non_core_autoRenew_yes{
 margin-top:20px;
 }
 
.non_core_autoRenew_yes .ui-btn-corner-all, .autorenew_yes  .ui-btn-corner-all{
border-radius:1.4em;	
}
#my_edit_expiry_card_wrap h5{
	    color: #2A2A2A;
    font-size: 16px;
    margin: 27px 0 5px;
}
.sec_code{
	margin-top:4px!important;
}
.editCardButton{
	padding:9px;
}
.editCardMobile_save, .addCardMobile_save{
	display:inline-block;
	width:100%;
	margin-top: 15px;
}
.addCardMobile_save input{
	width:100%;
}

.mobile_advisement_disabled
{
   text-shadow: none;
   color: #666666!important;
   border-color: #e8e8e8;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   background: #e8e8e8;
   opacity: 1;
   width: 100%;
   text-align: center;
   margin: 17px auto;
}
.bookItPadding a[id="cont"]{
    width: 100%;
    text-align: center;
    margin: 17px auto;
}
#edit-credit-card .edit-credit-card-terms .ui-btn-inner, .cancelAddCard{
	text-align:center;
}
#agreeNote{
	font-size: 10px;
    display: inline-block;
    margin: 5px 0 10px 24px;
}
.autorenew_checkMark span{
	    display: inline-block;
    width: 90%;
}
#add-credit-card label, #card_change_block label{
	font-size:12px;
	
}
.ui-select .ui-btn select{
	padding-right:5px;
}
.use-address label {
	    margin-left: 10px;
    margin-top: 12px;
  
}
.securityPopup-quest{
	margin: 15px 0 0 26px;
    display: inline-block;
	
}
.my_profile .ui-icon-plus {
    background-position: -795px 50%;
    
    }
#opt_in_renewal_select_card_info, #switch_renewal_card_info{
	    display: block;
  border: 1px solid #d2d2d2;
    padding: 8px;
    margin: 12px 0;
    background-color: #f7f7f7;
    border-radius: 5px;
}
.mobileFutureTxnIndicator{
	    float: right;
    margin-right: 50px;
    margin-bottom: -17px;
}
#email_pref_expanded a{
	    padding: 10px 0;
}
#autorenewcorestoredcredentialmobile{
	font-size:11px;
	margin: 0 10px 20px 20px;
}
.storedCredHeader{
	    text-align: center;
    font-weight: bold;
    margin: 10px;
}
#storedcredentialyesUseOtherCard, #storedcredentialyesAddCard{
	text-align: center;
}
#storedcredentialnoUseOtherCard a, #storedcredentialnoAddCard a{
	 text-decoration: none;
}
.storedCredcheck .ui-checkbox input{
	position: relative;
    left: 5px;
    width: 15px;
    height: 13px;
        margin-right: 8px;
}
.storedCredcheck .ui-checkbox{
	display:inline-block;
}
#storedcredentialnoUseOtherCard, #storedcredentialnoAddCard{
	text-align: center;
    border: 1px solid #0077be;
    padding: 10px;
    border-radius: 5px;
   
    margin: 20px 20px;
}

#update_expired_card_info, #add_card_info{
	background-color: #F0FFEF;
    padding: 13px;
    margin: 10px 0;
    border-radius: 7px;
    font-weight: bold;
}
#removeIt2 .ui-btn-text {
	padding: 0.9em 0px 0.9em 10px;
}
.addCardMobile_save #saveButtonMobile{
	height: 40px;
    margin-top: 0;
}
#saveButtonMobile{
	height: 40px;
    margin-top: -45px;
}
#removeIt2 .fa-info-circle{
	padding:0px;
}
.my_wf_create_web_profile .expired{
	border-color:#990303!important;
}
#cvv_text, #mm_yy_text{
	color:#990303;
}
.cardExpired{
	    border: 1px solid #990303;
    width: 60px;
    padding: 9px;
    border-radius: 5px;
    color: #990303;
    margin-bottom:6px;
}
.exp-month-year.expired .ui-btn{
    border: 1px solid #990303 !important;
}
#existing_cc #exForm-button{
	margin-bottom:20px;
}
.my_profile #editAddressButton{
    float: none;
}
#editAddressButton{
    float: right;
    border: 1px solid #0077be;
    padding: 5px 6px;
    border-radius: 5px;
}

.resort_layout_information h3, .resort_layout_information h5{
	color:#13294B;
}
.resort_details_additional_info{
	color:#666;
	}
	



.checkinout {
    padding: 0 10px 16px 6px;
}
.resort_deposit_additional_info{
	margin-top:20px;
}

#amenities {
    margin-bottom: 30px;
}

#amenities #amenities_1 h5, #amenities #amenities_2 h5 {
    padding: 10px 0 5px 20px !important;
}

#amenities #amenities_1 ul, #amenities #amenities_2 ul {
    padding: 0 0 5px 28px !important;
    line-height: 20px;
}
#getaway_form .ui-btn-corner-all .ui-btn-text{
 color:#13294B;
}
.ui-btn-corner-all .ui-btn-text {
 
}

div.side-padding-container-sr.clr > div > div > h2 > a > span > span.ui-icon.ui-icon-plus.ui-icon-shadow { position: relative;  vertical-align: text-bottom; }
div.side-padding-container-sr.clr > div > div > h2 > a > span > span.ui-icon.ui-icon-shadow.ui-icon-minus { left: 275px; }

body#mmaccounts .resort_details_icon img {
	padding-bottom: Opx;
}

.member_body .member_select.select-btn {
	margin: 30px 0 10px;
}

#travelWindow fieldset.alt {
	padding: 0 10px 30px;
}

#errorBox, .errorPrompt {
    background-color: #FFF;
    color: #18294B;
    font-size: 12px;
    padding: 6px;
    border-radius: 6px;
    margin: 5px;
}

#ErrorTagId1, #ErrorTagId2, .error-prompt {
    background: #f9a846;
    color: #18294B;
    border-radius: 6px;
    padding: 6px;
    font-size: 12px !important;
}

#ErrorTagId1 a:link, #ErrorTagId2 a:link, .error-prompt a:link {
    color: #18294B;
    text-decoration: underline;
}

#vio > div > div > div {
    padding-left: 0 !important;
}

#vio > div{
    margin-top:-40px !important;
}

#page_gw_unit #vio > div > div > div {
    padding: 20px !important;
}

#email_save input{
	font-size:16px;
}
#cartPayment > div.ui-page.ui-body-a.ui-page-active > main > h1{
  padding-left:10px;
}

#productsAndPromotions > table > tbody > tr:nth-child(1) > td:nth-child(1) > h2{
   padding-left:0;
}

#cigAvailablePoints > div.cig_main_header.cig_main_header-fix > div.cigHeader > div:nth-child(3) > a > span > span{
  text-shadow:none;
  color:white;
}

.ui-collapsible-content {
    padding: 0;
}

.icon_unit_big {
    font-size: 24px;
    padding-bottom: 6px !important;
}

.paymentH3 h3 {
  padding: 0;
  margin-bottom: 0;
}

.box_rnd_3_top1 h3 {
  padding-left: 0;
}




#command > div.member_header > div.member_products > div:nth-child(2) > div.product_status.dbl_renew > div > span > span,
#command > div.member_header > div.member_products > div:nth-child(1) > div.product_status > div > span > span{color:white;}


/*Start IWA-223 -  IW Interval App page Mobile-Friendly*/
.mobile-app-icon{
    text-align:
    center;
    margin:
    auto;
    display: block;
    height: 100px;
}
.mobile-app-feature-grid{
    padding:10px
;
    text-align: center;
}
.mobile-app-panel-content h3{
    padding:0px;
    margin: 27px 0 10px;
}
.mobile-app-panel-content p {
    margin: 10px 0 70px;
}
.mobile-hero-bg{
        width: 100%;
        object-fit: cover;
        height: 233px;
        z-index: 0;
        margin-top: 3px;
}


.mobile-hero-btn{
    display: block;
    text-align: center;
    background: #0077be;
    width: 250px;
    margin: 0 auto 24px;
    padding: 12px;
    border-radius: 9px;
    color: #fff!important;
    text-decoration: none;
}

.mobile-hero-left-content h1{
  height: 191px;
    color: #18294b;
    font-size: 1.71em;
    line-height: 1.1em;
}
.mobile-hero-text p{
padding:0 10px;
font-size: 1.3em;
line-height: 24px;
}
.mobile-hero{
position: relative;
    height: 480px;
}
.mobile-app-screen-rotator, .mobile-hero-ipad, .mobile-hero-iphone{

display:none;

}
.mobile-app-laundry-list ul {
    margin-left: 43px;
    margin-top: 20px;
}
.mobile-app-laundry-list li {
    font-size: 16px;
    margin-bottom: 15px;
    list-style-type: disc;
}
.mobile-app-download-buttons h3 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
}

.button-wrapper .ios {
   margin-bottom: 17px;
    background: url(/images/iw/apple-store-black.png) no-repeat center;
    background-size: cover;
}


.mobile-app-download-buttons .button-wrapper {
    margin: 25px 25% 0;
    display: inline-block;
    width: 50%;
}
.mobile-app-download-buttons a {
    width: 196px;
    height: 58px;
    display: block;
    /* transition: all 200ms ease-in-out; */
    text-indent: -9999px;
    border: 2px solid #ffffff;
}

.button-wrapper .android {
    background: url(/images/iw/android-store-black.png) no-repeat center;
    background-size: cover;
}
.mobile-hero-left-content{
    position: absolute;
}
/*End IWA-223 -  IW Interval App page Mobile-Friendly*/

/*Start IWA-345 -  IW Create Profile Mobile-Friendly*/


div.popup-overlay {
    display: block !important;
    padding: 20px;
    width: fit-content;
}

#overlay_multipleContacts-popup {
    left: 5px !important;
    right: 5px !important;
    max-width: fit-content !important;
}

#overlay_multipleContacts-popup div.contentWrap {
    max-height: 85vh;
    height: auto;
    overflow-y: scroll;
}

#overlay_multipleContacts-popup p{
    font-size: small;
    line-height: normal;
    margin-bottom: 20px;
}

#overlay_multipleContacts-popup h1{
    font-weight: 600;
    font-size: 24px;
    padding: 0px;
}

#lookupMember h1{
    font-weight: 600;
    font-size: 24px;
    padding: 0px;
}

#overlay_multipleContacts-popup h2{
    padding: 0px;
    margin-top: 0px;
}
#overlay_multipleContacts-popup a:link{
    color: #0077be;
    text-decoration: none;
}

#overlay_multipleContacts-popup a:visited{
    color: #0077be;
    text-decoration: none;
}

div.popup-auto-width, input.popup-auto-width {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    float: none;
}

.popup-no-margin {
    margin: 0px;
}

div.btn_popup_login  {
    background-color: #fff;
    border: 0px;
}

input.btn_popup_create  {
    background-color: #0077BE;
    color: #fff;
    border: 0px;
    border-radius: 5px;
}

input.btn_popup_login  {
    color: #0077be !important;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
}

.btn_custom_1 a.btn_popup_padding {
    padding: 10px;
}

.padding_bottom_1 {
    padding-bottom: 10px;
}
.overlay-title-secondary {
    color: #757575;
}

.popup-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 60px;
}
.my_wf_create_web_profile_mobile input,
.my_wf_create_web_profile_mobile textarea {
    float: left;
    margin-right: 5px;
    margin: 0.3em 0 1em 0;
}

#roomsValue, #adultsValue, #childrenValue {
    width: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*End IWA-345 -  IW Create Profile Mobile-Friendly*/

/* AM-5931 IW Mobile Web: Enhance Pre and Post Login Navigation Hamburger Menu */

/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/webfonts/roboto-v48-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Hidden checkbox to toggle menu */
#ham-menu-toggle {
    display: none;
}

/* Hamburger icon */
.ham-menu-icon {
    width: 42px;
    height: 52px;
    z-index: 101;
    outline: none;
    background: url(/images/iw/mobile/header_menu_icon.png) no-repeat 0 0 transparent;
    background-size: 100%;
    position: absolute;
    top: 0rem;
    right: 0rem;
    cursor: pointer;
}

/* Full screen slide menu */
.ham-menu {
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #13294B;
    color: white;
    padding: 4rem 2rem;
    box-sizing: border-box;
    transition: right 0.4s ease;
    z-index: 9999;
}

#ham-menu-toggle:checked ~ .ham-menu {
    right: 0;
}

/* Close icon inside menu */
.close-icon {
    background: url(/images/iw/mobile/menu-close-btn.png) no-repeat 0 0 transparent;
    position: absolute;
    right: 21px;
    top: 20.75px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.ham-menu ul {
    margin-top: -60px;
}

.ham-menu ul li {
    margin: 1.5rem 0;
    color: #FFF !important;
    font-family: Roboto !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.ham-menu ul li a {
    display: inline;
    height: 20px;
    align-items: center;
    flex: 1 0 0;
    color: #FFF !important;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    text-decoration: none !important;
}

/* Optional: smooth fade in on links */
.ham-menu ul li {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.4s forwards;
}

#ham-menu-toggle:checked ~ .ham-menu ul li:nth-child(1) { animation-delay: 0.2s; }
#ham-menu-toggle:checked ~ .ham-menu ul li:nth-child(2) { animation-delay: 0.35s; }
#ham-menu-toggle:checked ~ .ham-menu ul li:nth-child(3) { animation-delay: 0.5s; }
#ham-menu-toggle:checked ~ .ham-menu ul li:nth-child(4) { animation-delay: 0.65s; }

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#interval_logo-menu-header {
    display: flex;
    height: 55px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    width: 113px;
    margin: -60px 0 0 -20px;
    background: url(/images/iw/mobile/interval_logo-header.png) no-repeat 0 0 transparent;
    background-size: 100%;
}

.menu-header-st {
    display: flex;
    height: 37.5px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    padding: var(--Spacing-8, 8px) 0px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.hamb-arrow-icon {
    background: url(/images/iw/mobile/hamb-arrow-up-right-from-square.png) no-repeat 0 0 transparent;
    position: absolute;
    right: -10px;
    width: 14px;
    height: 14px;
}

#menu-list {
    margin-top: -40px;
}

.ham-back-btn {
    text-align: left;
    font-size: 24px;
    color: white;
    margin-left: -20px;
}

.bck-arw {
    left: -6px !important;
    margin-top: -9px !important;
}

.vac-header {
    box-sizing: content-box;
    padding-top: 36px;
    display: flex;
    height: 36px;
    align-items: center;
    align-self: stretch;
    color: #FFF;
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.vac-icon {
    box-sizing: content-box;
    width: 20px;
    height: 19.957px;
    padding-right: 16px;
}

#selectedMember {
    width: 100% !important;
    font-size: 9px;
}

#btn_go {
    width:100%;
}

/* End AM-5931 IW Mobile Web: Enhance Pre and Post Login Navigation Hamburger Menu */



.modal-content-mobile, .custom-modal-content{
    overflow-y: auto;
    max-height: 80vh;
}