]]>
promoCss
promoJs
/* Global Settings */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,.article,.aside,canvas,details,embed,figure,figcaption,.divfooter,.divheader,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
.article,.aside,details,figcaption,figure,.divfooter,.divheader,hgroup,menu,nav,section{display:block}
ol,ul{line-height: 20px;margin: 0 0 24px;list-style:none}
blockquote,
q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
menu, ol, ul { padding: 0 0 0 40px;}
dl, menu, ol, ul { margin: 1em 0;}
html, button, input, select, textarea {font-family: sans-serif;}
html, button { color: #333;font: 400 17px/24px 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B',Arial,sans-serif;}
ul li { list-style: none; padding-left: 20px;}
body {
line-height:1
background-color: #FFFFFF;
background-position: 0px 0px;
background-repeat: repeat-x;
font-family: "museo-sans","Segoe UI",Avenir,Avenir-Roman,Calibri,Corbel,Helvetica,sans-serif;
font-weight: 300;
}
strong {font-weight: 700;}
em {font-style: italic;}
sup {vertical-align: super;font-size: 0.5em;}
label {display: inline-block; color: #cebb8e; font: 500 15px/24px 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 0 24px;}
h2, .h2 { color: #512c1c; font: 300 28px/28px 'Gotham 3r','Gotham A','Gotham B',Arial,sans-serif; letter-spacing: -1px;}
p { margin: 0 0 24px;}
ul { padding: 4px 0 4px 12px;}
a { color: #b3995e; }
a.btn, a.btn:hover { text-decoration: none;}
b, strong { font-weight: bold;}
input, select, textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff repeat-x center bottom;
color: #512c1c;
font: 400 13px/normal 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B',Arial,sans-serif;
border: 2px solid #d0c6ae;
-webkit-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 2px 0 #e9e9e9,inset 0 0 0 1px #fff;
padding: 0 8px 0;
}
option { line-height: 20px;}
.btn{
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 1px 0 #000;
color: #ffffff;
font: 500 20px/normal 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;
text-align: center;
text-shadow: none;
text-transform: uppercase;
text-decoration: none;
vertical-align: top;
white-space: normal;
letter-spacing: 0;
padding: 13px 0 10px 0;
height: auto;
margin-bottom: 10px;
}
.btn-xs {
font-weight: 400;
font-size: 14px;
padding-top: 3px;
padding-bottom: 3px;
}
.btn-lg {
padding-top: 12px;
padding-bottom: 10px;
}
.btn-quaternary {
border: 1px solid #d0c6ae;
background: #d0c6ae;
box-shadow: none;
color: #512c1c;
}
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.btn-primary, .btn-secondary:hover {
background: linear-gradient(#1facf5 46.36%, #09a0ee 53.97%);
background: -webkit-linear-gradient(#1facf5 46.36%, #09a0ee 53.97%);
background-color: #09a0ee;
}
.btn-primary:hover {
background: linear-gradient(#023b66 46.36%, #003359 53.97%);
background-color: #003359;
}
.select-block {
display: block;
width: 100%;
}
/* Grid CSS */
.grid-wrap {
margin-left:auto;
margin-right:auto;
}
.flag {
display:table;
width:100%;
}
.flag-item {
padding-right: 16px;
}
.flag-body {
width:100%;
}
.flag-item, .flag-body {
display:table-cell;
vertical-align: middle;
}
.tile-grid {
display: block;
font-family: 'Blank';
font-size: 0;
line-height: 0;
text-align: left;
width: 100%;
}
.tile-item {
display: inline-block;
font-family: 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B',Arial,sans-serif;
line-height: 24px;
vertical-align: top;
margin-left: 1%;
}
.tile-item.hidden {
display:none;
}
@media screen {
.grid {
float:left;
}
.grid-container {
width: 960px;
padding-left: 20px;
padding-right: 20px;
}
.grid-wrap:before, .grid-wrap:after {
display: table;
content: " ";
}
.grid-wrap:after {
clear: both;
}
.grid-p-31-92 {
width: 31.9299%;
}
.grid-p-41-39 {
width: 41.36%;
}
}
@media (min-width:1180px) {
.grid-container {
width:1140px;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select { padding-left: 7px;}
}
/* Custom Template */
.header {
width: 100%;
min-width: 1080px;
background-image: url({DAP|RentalSite_Xml_Promo_GoDaddy|header-godaddy.jpg});
background-color: #6f9ad3;
background-position: 0px 0px;
background-repeat: no-repeat;
background-size: cover;
height: 148px;
margin: 0 0 16px;
padding-top: 212px;
}
.footer {
clear: both;
}
/* Page Level */
.site-banner-title {
color: #fff;
font: 300 40px/40px 'Gotham 3r','Gotham A','Gotham B',Arial,sans-serif;
text-align: center;
margin: 0 0 16px;
padding: 2px 0;
}
.site-banner-subtitle {
color: #fff;
font: 500 20px/24px 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;
text-align: center;
margin: 0;
padding: 1px 0 3px;
font-size: 20px;
line-height: 24px;
letter-spacing: .25px;
margin: 0;
padding: 1px 0 3px;
}
.deal-choose-area-wrap {
background: #efebe6 url({DAP|RentalSite_Xml_Promo_GoDaddy|bg-find-deals.jpg}) no-repeat center 0;
padding: 24px 24px 24px 0;
}
.deal-choose-title {
font-weight: 400;
font-size: 32px;
letter-spacing: -2px;
margin: 0;
padding: 4px 0 0 24px;
}
.deal-choose-subtitle {
font: 400 18px/24px 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;
letter-spacing: -1px;
padding: 9px 55px 7px 50px;
margin: 0;
}
.deal-choose-footer {
border-top: 1px solid #010910;
background: #012949 repeat-x left top;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(1,47,84,1)),color-stop(100%,rgba(1,41,73,1)));
background: -webkit-linear-gradient(top,rgba(1,47,84,1) 0,rgba(1,41,73,1) 100%);
background: linear-gradient(to bottom,rgba(1,47,84,1) 0,rgba(1,41,73,1) 100%);
padding: 8px 0;
margin-bottom: 24px;
}
.deal-choose-footer select { height: 40px; padding: 8px 7px;}
.deal-choose-footer-label {
padding-left: 24px;
box-sizing: border-box;
}
.deal-choose-footer label {
color: #fff;
font: 400 18px/40px 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;
margin: 0;
padding: 2px 0;
}
.deal-choose-form .input-block, .deal-choose-form .select-block {
border-color: #7e8a90;
box-shadow: 0 0 0 1px #fff inset;
}
/* Deal Offers */
.deal-offers-area {
margin-top: 24px;
}
.deal-offer {
border: 2px solid #f0eee0;
margin-bottom: 24px;
}
.deal-offer-main {
position: relative;
overflow: hidden;
min-height: 382px;
}
.deal-offer-primary {
background: #fff;
position: relative;
}
.deal-offer-header {
background: #f0eee0;
padding: 2px 2px 0;
}
.deal-offer-title {
color: #333;
font: 700 17px/24px 'Gotham SSm 7r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;
text-align: center;
margin: 0;
padding: 5px 16px 11px;
}
.deal-offer-subtitle {
background: rgba(1,52,90,.8);
color: #e2dfd3;
font: 300 20px/24px 'Gotham SSm 3r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;
letter-spacing: -1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 13px 12px 15px;
}
.deal-offer-meta {
background: url(//www.diamondresorts.com/sites/www.diamondresorts.com/themes/dri/img/transparent-blue.png);
background: rgba(1,52,90,.8);
color: #fff;
font: 400 12px/16px 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;
text-transform: uppercase;
position: absolute;
left: 0;
top: 0;
padding: 11px 12px 5px;
}
.deal-offer-meta:after {
display: block;
content: "";
width: 0;
height: 0;
border-right: 16px solid transparent;
border-top: 16px solid rgba(1,52,90,.8);
border-left: 16px solid rgba(1,52,90,.8);
border-bottom: 16px solid transparent;
position: absolute;
right: -32px;
top: 0;
}
.deal-offer-header-wrap {
position: relative;
}
.deal-offer-content {
color: #003359;
}
.deal-offer-content li {
background: url("{DAP|RentalSite_Xml_Promo_GoDaddy|bullet-tertiary.png}") no-repeat 8px 8px;
color: #333;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -1px;
padding-top: 1px;
padding-bottom: 3px;
margin-bottom: 8px;
}
.deal-offer-primary .deal-offer-content {
text-align: center;
}
.deal-offer-normally {
background: #f0eee0;
color: #003359;
font: 500 20px/24px 'Gotham SSm 5r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;
text-align: center;
letter-spacing: -1px;
margin: 0 0 8px;
padding: 5px 16px 7px;
}
.deal-offer-price {
color: #333;
font-weight: 700;
font-size: 28px;
line-height: 28px;
margin: 0 0 8px;
padding: 0 16px;
}
.deal-offer-description {
font-weight: 500;
font-size: 20px;
line-height: 24px;
margin: 0 0 8px;
padding: 1px 16px 3px;
}
.deal-offer-complementary {
display: none;
background: #fff;
text-align: left;
position: relative;
}
.deal-offer-complementary .deal-offer-content {
padding-top: 12px;
height: 320px;
overflow: auto;
}
.deal-offer-content ul {
padding-right: 8px;
padding-bottom: 0;
margin: 0;
}
.deal-offer-footer {
text-align: center;
padding: 0 16px 8px;
}
.deal-offer-details-btn {
text-transform: none;
margin-bottom: 16px;
padding-left: 15px;
padding-right: 15px;
}
.deal-offer-book-btn {
margin-bottom: 16px;
}
.deal-offer-questions {
color: #512c1c;
font: 400 14px/20px 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B',Arial,sans-serif;
margin: 0 0 16px;
padding: 1px 0 3px;
}
.deal-offer-questions strong {
letter-spacing: -1px;
}
.deal-offer-questions a {
color: #003359;
}
.deal-offer-expires {
color: #003359;
font: 400 14px/20px 'Whitney SSm 4r','Whitney SSm A','Whitney SSm B',Arial,sans-serif;
margin: 0 0 20px;
padding: 1px 0 3px;
}
/* Responsive styling */
@media (min-width:1180px) {
/* Deal Choose */
.deal-choose-title {
font-size:40px;
}
.deal-choose-subtitle {
font-size: 20px;
}
.deal-choose-footer label {
font-size: 19px;
}
/* Deal Offers */
.deal-offer-title {
font: 700 18px/24px 'Gotham SSm 7r','Gotham SSm A','Gotham SSm B',Arial,sans-serif;
}
}
.footer {
clear:both;
}
.footer .content {
width:960px;
margin: 0 auto;
padding-bottom: 30px 0 200px 0;
}
a#link-home {
display: block;
float: left;
color: #003359;
font-weight: 900;
text-decoration: none;
}
#links {
float: right;
}
#sel-pid-container.hidden {
display:none;
}
.terms-display-container {
border: 1px solid #012949;
border-radius: 6px;
background-color: #FFFFFF;
}
.terms-display-container .ui-dialog-titlebar, .search-form-display-container .ui-dialog-titlebar {display:none}
.terms-header { border-bottom: 1px solid #d0c6ae; }
.terms-header div {display: inline-block;}
.terms-header .close-btn { color: #b3995e; text-align:center; cursor:pointer;float:right; padding: 10px;}
.terms-title {
color: #01325a;
font-weight: 300;
font-size: 32px;
line-height: 32px;
letter-spacing: -1px;
margin: 0 0 16px;
padding: 1px 0 3px;
}
.search-form-display-container {
border: 1px solid #011c31;
border-radius: 3px;
background: #011c31;
min-width:480px;
}
.search-form-inputs {
max-width: 70%;
margin: auto;
}
.search-form-inputs > div {
display:block;
}
.search-form-title {
color: #d7bd86;
font-weight: 500;
font-size: 24px;
line-height: 24px;
margin: 0;
padding: 6px 0 6px;
border-bottom: 1px solid #666666;
}
.search-form-input > div {
display: inline-block;
padding:2%;
}
.search-form-input-label {
width: 40%;
text-align:right;
}
.search-form-input-value {
width: 50%;
}
.search-form-input input,
.search-form-input select {
color: #512c1c;
font-size: 13px;
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 0 #000;
box-shadow: 0 1px 0 #000;
height: 40px;
width:100%;
}
.search-form-buttons {
text-align: center;
margin:20px 0;
}
.search-form-buttons input[type=button] {
background: -webkit-linear-gradient(#023b66 46.36%, #023b66 53.97%);
background: linear-gradient(#023b66 46.36%, #003359 53.97%);
background-color: #003359;
height: 30px;
min-width: 75px;
box-shadow: 0 1px 2px #000000, inset 0 1px 2px #e5e5e5;
margin: 0 20px;
color:#fff;
}
@media only screen and (max-width:767px){
.header {
min-width:inherit;
border-top: 1px solid #dddac6;
border-bottom: 1px solid #dddac6;
height: auto;
margin: 0 0 24px;
padding: 11px 0 11px;
background-size:inherit;
min-height: 100px;
background-position-x: -1130px;
}
.site-banner-title {
display: none;
}
.site-banner-subtitle {
display: none;
}
.deal-choose-area-wrap {
background: none;
padding: 0;
}
.deal-choose-header {
margin: 0;
padding: 0;
}
.deal-choose-title {
font-weight: 500;
font-size: 28px;
line-height: 28px;
}
.deal-choose-subtitle {
font-weight: 500;
font-size: 16px;
line-height: 20px;
padding: 0;
}
.deal-choose-footer {
padding: 11px 16px 16px;
}
.deal-offer-thumbnail img {
width: 100%;
height:100%;
}
.flag-responsive-sm>.flag-item, .flag-responsive-sm>.flag-item-extend, .flag-responsive-sm>.flag-body {
display: block;
float: none;
padding-left: 0;
padding-right: 0;
margin-bottom: 16px;
width: auto;
}
}
{DXP|RentalSite_Xml_Promo_GoDaddy|_GridStyling}
]]>
$(document).ready(function(){
$('#ajaxLoader').addClass('hidden');
$('#search-form').addClass('hidden');
$.datepicker._defaults.dateFormat = "dd-M-yy";
$('#check-in-date').datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: false,
gotoCurrent: true,
maxDate: '+13m',
minDate: '+0d',
yearRange: '+0:+2',
defaultDate: new Date()
});
$('#search-form').dialog({ dialogClass: 'search-form-display-container', width: "50%", minHeight: 60, modal: true, closeOnEscape: true, autoOpen: false, draggable: false, resizable: false, position: {my: "center", at: "center", of:window} }).parent().css({position:"fixed"});
$('#ajaxLoader').dialog({ dialogClass: 'no-title-no-background', width: 195, minHeight: 60, modal: true, closeOnEscape: false, autoOpen: false, draggable: false, resizable: false });
$('#sel-pid').change(function(){
$('#pid').val(this.value);
});
});
function BookNow(){
var baseUrl = "https://www.diamondresortsandhotels.com/Search?";
var cInDate = new Date($('#check-in-date').datepicker('getDate'));
var cOutDate = new Date(cInDate);
cOutDate.setDate(cOutDate.getDate() + parseInt($('#num-nights').val()));
baseUrl += "mkc=" + $('#mkc').val();
baseUrl += "&property="+$('#pid').val();
baseUrl += "&checkin=" + encodeURIComponent(cInDate.getMonth()+1 + '/' + cInDate.getDate() + '/' + cInDate.getFullYear());
baseUrl += "&checkout=" + encodeURIComponent(cOutDate.getMonth()+1 + '/' + cOutDate.getDate() + '/' + cOutDate.getFullYear());
baseUrl += "&adt="+$('#num-adt').val();
baseUrl += "&chl="+$('#num-chl').val();
window.location = baseUrl;
}
function DisplaySearchForm(pid, numNights, mkc){
$('#sel-pid').html('');
if (typeof(pid) == "object") {
$('.property-selection').removeClass('hidden');
for (var i=0;i '+pid[i][1]+'');
}
$('#pid').val(pid[0][0]);
} else {
$('.property-selection').addClass('hidden');
$('#pid').val(pid);
}
$('#mkc').val(typeof mkc !== 'undefined' ? mkc : "RENDRIWEB");
$('#num-nights').val(typeof numNights !== 'undefined' ? numNights : 1);
$('#num-adt').val(1);
$('#num-chl').val(0);
$('#search-form').dialog('open');
}
]]>
]]>
© Copyright 2020 Diamond Resorts Holdings, LLC. All rights reserved. Unauthorized duplication is a violation of applicable state, federal and international laws. Features, furnishings and amenities depicted differ at each resort and are subject to change.
]]>
<_gridstyling>
]]>
bullet-tertiary.png
