#post-upperBackground {display:block;overflow:hidden;padding:25px;}

.breadcrumbs {padding: 0;margin-bottom:5px;text-align:left;font-size:85%;}
.breadcrumbs li {display: inline-block;list-style: none;}
.siblingresorts {padding: 0;margin-bottom: 15px;text-align:left;font-size:85%;}
.siblingresorts li {display: inline-block;list-style: none;margin:8px 1px;}


.post-upperSection {border:1px solid #ccc;border-radius: 35px;-moz-border-radius: 35px;-webkit-border-radius: 35px;text-align:center;padding:0 20px 55px;overflow:hidden;background:#fff url(https://www.sunsettravel.com/images/ChallengeMe.png) no-repeat bottom right;}
.post-lowerSection {text-align:left;}
.post-upperSection,
.post-lowerSection {margin: 0 auto;	max-width: 1140px;}
.post-upperSection h1.resorttitle {font-size:1.6em;color:#000;margin:0px;padding:15px 0 5px;text-align:left;}
.post-upperSection h1.resorttitle span {float:right;font-size:60%;color:red;font-weight:600;padding-right:1em;}

/** Styles the Hot Deals if they are added to a resort */
.hotdeal {display:block;width:80%;clear:both;margin:10px auto;font-weight: bold;color: #CC0000;background: #FFFFCC;padding:8px 4px;}

/**  Styles to display slideshow of photos at top of single resort pages **/
#slideshowholder {float:left;margin:0;padding:0;}
#slideshow {position:relative;height:400px;width:770px;text-align:center;margin:0 0 40px;/*float:left;*/}
#slideshow img { z-index:8; position:absolute; left:5px !important; top:5px !important; border:5px solid #9CF;max-width:770px;max-height:400px; }
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}

/* Blue Buttons for "sibling" resorts just below breadcrumbs */
.sibBtn {
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #3f5ca3;
  padding: 5px 8px 5px 8px;
  text-decoration: none;
}

.sibBtn:hover {
  background: #3cb0fd;
  text-decoration: none;
}


/* GF styles specific to RFQ forms */
div#quoteformresort {float:right;width:240px;margin:0 auto 25px;text-align:center;}
div#quoteformresort .gform_wrapper { width:auto;font-weight:normal;font-size:11px;margin:0 auto!important;padding:0 5px!important;background:none!important;}
div#quoteformresort .gform_wrapper form { text-align:left; margin:0 auto; padding:0;}
div#quoteformresort .gform_wrapper form input[type=text],
div#quoteformresort .gform_wrapper form textarea {}

div#quoteformresort .gform_wrapper form li {margin:4px 0!important;padding:0!important;}
div#quoteformresort .gform_wrapper img { vertical-align:bottom; }
div#quoteformresort .gform_wrapper .ui-widget-overlay {left:-20 !important;/*moves the calendar to the left so it doesn't run off the screen*/}

div#quoteformresort .gform_wrapper ul.fieldgroup {display:block;width:100%;float:none;clear:both;overflow:hidden;}
div#quoteformresort .gform_wrapper li.hasDatepicker input {background:#fff url(images/calendar.jpg) no-repeat center right;}

div#quoteformresort .gform_wrapper span.gfield_required {display:none;visibility:hidden;}
div#quoteformresort .gform_wrapper ul.gfield_radio,
div#quoteformresort .gform_wrapper ul.gfield_radio li {margin:0px;padding:0px;}
div#quoteformresort .gform_wrapper .gform_body .gform_fields .gfield .gfield_label,
div#quoteformresort .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio label {font-weight:normal;margin:0px;padding:0px;}

div#quoteformresort .gform_wrapper .gform_body .gform_fields .nolabel .gfield_label {display:none;}
div#quoteformresort .gform_wrapper .gform_body .gform_fields .leftlabel .gfield_label {display:block;float:left !important;width:65px;margin:0px;/*padding:10px 0px 0px 0px;*/}
div#quoteformresort .gform_wrapper .gform_body .gform_fields .leftlabelsm .gfield_label {display:block;float:left !important;width:50px;margin:0px;padding:8px 0px 0px 0px;}
div#quoteformresort .gform_wrapper .gform_body .gform_fields .leftlabelsm select {width:auto;margin-right:5px;}
div#quoteformresort .gform_wrapper .gform_body .top_label .leftlabel input.large {width:150px !important;}
div#quoteformresort .gform_wrapper li.gf_inline div.ginput_container {/*padding-right:15px;*/}

div#quoteformresort .gform_wrapper .gform_body p.note {text-align:center;font-size:11px;margin:0!important;}
div#quoteformresort .gform_wrapper .gform_body p.note span {color:#CC0000;}
div#quoteformresort .gform_wrapper .validation_error {color:#790000;font-size:11px;margin-bottom:3px;}
div#quoteformresort .gform_wrapper .validation_message {color:#CC0000;font-size:11px;font-style: italic;}

div#quoteformresort .gform_wrapper .gform_footer.top_label {padding-left:0px !important;text-align:center;}

div#quoteformresort img {margin-top:5%;}

/* NEW Styles for tabbed boxes below slideshow - Dec2022 */
.post-lowerSectionNew {margin: 0 auto;	max-width: 1140px;text-align: left;}

/* Styles for tabbed boxes below slideshow */
div#infotabs {width:640px;float:left;margin:0px 10px 30px;padding:0px;height:375px;}

.post-lowerSectionNew div#infotabs {width:95%;float:none;margin:0px auto 30px;padding:0px;height:375px;text-align: left;}

.tabs input[type=radio] {position: absolute;/*top: -9999px;*/left: -9999px;}
.tabs {width: 640px;float: none;list-style: none;position: relative;padding: 0;margin:0;}

.post-lowerSectionNew .tabs {width:auto;list-style: none;position: relative;padding: 0;margin:0;}

.tabs li{float: left;}
.tabs label { display: block; padding: 5px 12px; -moz-border-radius:8px 8px 0 0; border-radius: 8px 8px 0 0; color: #333; font-size: 1.0em; background:#E8E8E8; cursor: pointer; position: relative; top: 9px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-top: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; height:30px; }
.tabs label:hover { background: #B5E6DE; top: 0; color: #000; height:35px; }

[id^=tab]:checked + label { z-index: 5; background: #F2FEFF; color: #000; top: 0;height:36px;font-weight:bold;}
[id^=tab]:checked ~ [id^=tab-content] { visibility:visible;display: block !important;min-height:300px;overflow:hidden;}

.tab-content{ z-index: 2; visibility:hidden; padding:15px; text-align: left; width: 100%; font-size: 0.9em; line-height: 140%; background: #F2FEFF; color: #333; position: absolute; top: 35px; left: 0; box-sizing: border-box; -webkit-animation-duration: 0.8s; -o-animation-duration: 0.8s; -moz-animation-duration: 0.8s; animation-duration: 0.8s; -moz-border-radius:0 8px 8px 8px; border-radius:0 8px 8px 8px; border-top: 1px solid #DCDCDC; border-right: 2px solid #CCC; border-bottom: 2px solid #CCC; border-left: 1px solid #DCDCDC; }
.tabcontent:after {clear: both;content: "";display: table;}

/* tab-specific styles */
#tab-content1 {visibility:visible;display:block;}
.tab-content table.ataglance {width:100%;margin:0;padding:0;font-size:90%;}
.ataglance th, .ataglance td {vertical-align:top;text-align:left;padding:0px 3px 3px;}
.tab-content table.ataglance th { margin:0;font-weight:bold; color: #660099; white-space: nowrap;}
.tab-content table.ataglance td { margin:0;}

.tab-content ul.welove {display:block;margin:0 5px;padding:5px 10px;list-style:none;}
.tab-content ul.welove li { display:block; float:none; margin:8px 5px; padding:0px 5px;}
.tab-content ul.welove li:before { content:"\2665 \0020";color:red;}
.tabs li#map div {padding:0 !important;text-align:center;}
.tabs li#map div.mapp-layout {margin:10px auto;}

div.tabsleft, div.tabsright {width:50%;text-align:center;font-size:.8em;}
div.tabsleft {float:left;}
div.tabsright {float:right;}


/* Creates rounded corners and borders for some elements */
.module {-moz-border-radius:10px;border-radius:10px; border-top: 1px solid #DCDCDC; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-left: 1px solid #DCDCDC;background:#FFF;}

/* styles for alternating paragraphs on resort pages */
div.alt1, div.alt2 {margin:0;padding:5px;}
div.alt1 { background: #F3F3F3; }
div.alt2 {}
ul.multicol {display:block;padding:0px 10px;margin:0px;float:none;clear:both;overflow:hidden;}
ul.multicol li { display:list-item; float:left; margin:3px 15px !important;padding:0px 5px; width:45%; list-style: circle; }

/* styles for the section for deals and blog posts */
/* KEEP UNTIL WE DETERMINE IF WE'LL DISPLAY BLOG POSTS AND DEALS ON SINGLE RESORT PAGES */
div.relatedposts { width:470px; float:right; -moz-border-radius:8px;border-radius:8px; padding:8px; margin:33px 3px 0 0; background:#fff; border-top: 1px solid #DCDCDC; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-left: 1px solid #DCDCDC; overflow:hidden;}
div.relatedposts h3 { color:#336600; margin:3px 05px; border-bottom: 1px solid #FFCC00;}
div.relatedposts ul {margin:0;padding:0;list-style:none;}
div.relatedposts ul li {margin:0;padding:3px 0px;list-style:none;}
div.relatedposts ul li:before {content:"\00BB \0020";}
div.relatedposts ul li a { font-size:0.9em; color: #06C; }

/* AskMe (Gravity) Form Styles for Ask Me Anything */
div.askMeNM label {font-size:.8em!important;margin:0!important;line-height:1!important;}
div.askMeNM textarea {height:35px!important;margin:0px!important;}
div.askMeNM input {margin:0px!important;}
div.askMeNM input.gform_button {font-size:14px!important;padding:4px 8px!important;}

div.askMeNM { width:470px; float:right; -moz-border-radius:8px;border-radius:8px; padding:8px; margin:33px 3px 0 0; background:#fff; border-top: 1px solid #DCDCDC; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-left: 1px solid #DCDCDC; overflow:hidden;}
div.askMeNM h6 { text-align:center;color:#336600; margin:0 0 5px; border-bottom: 1px solid #FFCC00;font-weight:bold;}
div.askMeNM #agentinfo { float:left; width:30%; text-align:center; margin-right:10px; color: #369; }
div.askMeNM #agentinfo img {display:block;margin:10px 0;padding:3px;background:#F6F3E8;border:1px solid #ccc;}
div.askMeNM #agentinfo span {color:red;}
div.askMeNM p { font-size:0.65em; font-style:italic; color: #000;line-height:1; }

/* AskMe (Gravity) Form Styles for Ask Me Anything - NEW replaces RFQ form at top */
div.askMeNew { width: 260px;float: right;-moz-border-radius: 10px 0;border-radius: 8px;padding: 8px;background: #fff;border-top: 1px solid #DCDCDC;border-right: 2px solid #ccc;border-bottom: 2px solid #ccc;border-left: 1px solid #DCDCDC;overflow: hidden;}

div.askMeNew label {font-size:.8em!important;margin:0!important;line-height:1!important;}
div.askMeNew textarea {height:35px!important;margin:0px!important;}
div.askMeNew input {margin:0px!important;}
div.askMeNew input.gform_button {font-size:14px!important;padding:4px 8px!important;}

div.askMeNew h6 { text-align:center;color:#336600; margin:0 0 5px; border-bottom: 1px solid #FFCC00;font-weight:bold;}
div.askMeNew #agentinfo { text-align: center;color: #369;display: block;overflow: hidden; }
div.askMeNew #agentinfo img {display:block;margin:10px auto;padding: 3px;background: #F6F3E8;border: 1px solid #ccc;}
div.askMeNew #agentinfo span {color:#369;font-size:95%;}
div.askMeNew p { font-size:0.65em; font-style:italic; color: #000;line-height:1; }

div.relatedpostsKrsm {overflow:hidden;}
div.relatedpostsKrsm h3 { color:#336600; margin:3px 05px; border-bottom: 1px solid #FFCC00;}
div.relatedpostsKrsm ul {margin:0;padding:0;list-style:none;}
div.relatedpostsKrsm ul li {margin:0;padding:0px;list-style:none;}
div.relatedpostsKrsm ul li:before {content:"\00BB \0020";}
div.relatedpostsKrsm ul li a { font-size:0.8em; color: #06C; }

div.relatedpostsNM {overflow:hidden;}
div.relatedpostsNM h3 { color:#336600; margin:3px 05px; border-bottom: 1px solid #FFCC00;}
div.relatedpostsNM ul {margin:0;padding:0;list-style:none;}
div.relatedpostsNM ul li {margin:0;padding:0px;list-style:none;}
div.relatedpostsNM ul li:before {content:"\00BB \0020";}
div.relatedpostsNM ul li a { font-size:0.8em; color: #06C; }

/* CallToAction at bottom of resort pages */
#cta {width:70%;padding:5px 25px; margin:25px auto; background:#E7F5FF url('images/WeStandBehind-bkgd.png') no-repeat center top; }
#cta h3 {font-size:1.8em;text-align:center;padding:0 auto 15px;}
#cta table td { /*vertical-align:top;*/ padding:0px;}
#cta p {font-size:1.0em;font-weight:bold;color:#069;padding:0px;margin:2px 0px;}
#cta ul.checked {margin:10px 0 0 0;font-size:90%;}
ul.checked li { padding:5px 25px 0px; background: url('images/Checkmark.gif') no-repeat center left; list-style:none;}
ul.checked li span {font-style:normal;font-weight:bold;}
div#btn {display:block;margin:25px 0px;font-color:red;font-weight:bold;}


/* Used in sidebar-page and bottom of resort pages */
div#trust {text-align:center;margin-bottom:25px;}
div#trust img {margin:10px auto;}
div#trust p {color: #000;padding:5px 10px;}
#cta div#trust {margin:25px 0;}
#cta div#trust p {font-size:.9em;font-weight:normal;}