/* Variables */ /********************************************************/ /* Paths */ /**** NOTE: do not add http: *****/ /* having just //cdn.sandals.com is a protocal relative path */ /* sandals serves up some pages as https (brocure-request/) */ /********************************************************/ /* Font Names */ /********************************************************/ /* $font-helv-25-ul : 'HelveticaNeue25UltraLight'; $font-helv-35-thin : 'HelveticaNeue35Thin'; $font-helv-55-lt : "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; $font-helv-bold : 'HelveticaNeue-Bold'; $font-helv-37-lt-cond : 'HelveticaNeue37LightCondensed'; $font-helv-47-lt-cond : 'HelveticaNeue47LightCondensed'; $font-helv-57-cond : 'HelveticaNeue57Condensed'; $font-helv-67-med-cond: 'HelveticaNeue67MdCn'; $font-helv-77-bd-cond : 'HelveticaNeue77BoldCondensed'; $font-helv-45-light : 'HelveticaNeueLTLight', Helvetica, sans-serif; */ /* $font-helv-25-ul : $font-openSansLight $font-helv-35-thin : $font-openSansLight $font-helv-45-light : $font-openSansLight $font-helv-55-lt : $font-openSansRegular $font-helv-65-med-cond : $font-openSansSemibold $font-helv-bold (75) : $font-openSansBold (85) $font-helv-bold : $font-arial $font-helv-37-lt-cond : $font-openSansCondensedLight $font-helv-47-lt-cond : $font-openSansCondensedLight $font-helv-57-cond : $font-openSansCondensedLight $font-helv-67-med-cond : $font-openSansCondensedBold $font-helv-77-bd-cond : $font-openSansCondensedBold */ /* Mixins */ /********************************************************/ /* Transition*/ /* Resets with HTML5 */ /********************************************************/ html, body, div, span, applet, object, button, 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a img { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; font: inherit; } img { line-height: 0px; vertical-align: top; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: .8em; } sup { bottom: .4em; } sub { top: .5ex; } strong { font-weight: bold; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } section > p:first-child, div > p:first-child, div > h1:first-child, div > h2:first-child, div > h3:first-child { margin-top: 0px; } button { border: none; cursor: pointer; } /* Fonts */ /********************************************************/ @font-face { font-family: 'TrajanProRegular'; src: url("/assets/fonts/TrajanPro/trajanpro-regular-webfont.eot"); src: url("/assets/fonts/TrajanPro/trajanpro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/TrajanPro/trajanpro-regular-webfont.woff") format("woff"), url("/assets/fonts/TrajanPro/trajanpro-regular-webfont.ttf") format("truetype"), url("/assets/fonts/TrajanPro/trajanpro-regular-webfont.svg#TrajanProRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_modregular'; src: url("/assets/fonts/bebasRegular/bebasmod-regular-webfont.eot"); src: url("/assets/fonts/bebasRegular/bebasmod-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bebasRegular/bebasmod-regular-webfont.woff") format("woff"), url("/assets/fonts/bebasRegular/bebasmod-regular-webfont.ttf") format("truetype"), url("/assets/fonts/bebasRegular/bebasmod-regular-webfont.svg#bebas_modregular") format("svg"); font-weight: normal; font-style: normal; } /* @font-face { font-family:'HelveticaNeue57Condensed'; src: url('/assets/fonts/helveticaNeue57Cond/helveticaneue-condensed-webfont.eot'); src: url('/assets/fonts/helveticaNeue57Cond/helveticaneue-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaNeue57Cond/helveticaneue-condensed-webfont.woff') format('woff'), url('/assets/fonts/helveticaNeue57Cond/helveticaneue-condensed-webfont.ttf') format('truetype'), url('/assets/fonts/helveticaNeue57Cond/helveticaneue-condensed-webfont.svg#HelveticaNeue57Condensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'HelveticaNeue67MdCn'; src: url('/assets/fonts/helveticaNeue67MedCond/helveticaneue-mediumcond-webfont.eot'); src: url('/assets/fonts/helveticaNeue67MedCond/helveticaneue-mediumcond-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaNeue67MedCond/helveticaneue-mediumcond-webfont.woff') format('woff'), url('/assets/fonts/helveticaNeue67MedCond/helveticaneue-mediumcond-webfont.ttf') format('truetype'), url('/assets/fonts/helveticaNeue67MedCond/helveticaneue-mediumcond-webfont.svg#HelveticaNeue67MdCn') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'HelveticaNeue47LightCondensed'; src: url('/assets/fonts/helveticaNeue47LightCond/helveticaneue-lightcond-webfont.eot'); src: url('/assets/fonts/helveticaNeue47LightCond/helveticaneue-lightcond-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaNeue47LightCond/helveticaneue-lightcond-webfont.woff') format('woff'), url('/assets/fonts/helveticaNeue47LightCond/helveticaneue-lightcond-webfont.ttf') format('truetype'), url('/assets/fonts/helveticaNeue47LightCond/helveticaneue-lightcond-webfont.svg#HelveticaNeue47LightCondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'HelveticaNeue25UltraLight'; src: url('/assets/fonts/helveticaNeueUltraLight/helveticaneue-ultralight-webfont.eot'); src: url('/assets/fonts/helveticaNeueUltraLight/helveticaneue-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaNeueUltraLight/helveticaneue-ultralight-webfont.woff') format('woff'), url('/assets/fonts/helveticaNeueUltraLight/helveticaneue-ultralight-webfont.ttf') format('truetype'), url('/assets/fonts/helveticaNeueUltraLight/helveticaneue-ultralight-webfont.svg#HelveticaNeue25UltraLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'HelveticaNeue37LightCondensed'; src: url('/assets/fonts/helveticaNeue37ThinCond/HelveticaNeue37LightCondensed-webfont.eot'); src: url('/assets/fonts/helveticaNeue37ThinCond/HelveticaNeue37LightCondensed-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaNeue37ThinCond/HelveticaNeue37LightCondensed-webfont.woff') format('woff'), url('/assets/fonts/helveticaNeue37ThinCond/HelveticaNeue37LightCondensed-webfont.ttf') format('truetype'), url('/assets/fonts/helveticaNeue37ThinCond/HelveticaNeue37LightCondensed-webfont.svg#helveticaneuelt_std_thin_cnRg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeue-Bold'; src: url('/assets/fonts/helveticaNeue75Bold/helveticaneue-bold-webfont.eot'); src: url('/assets/fonts/helveticaNeue75Bold/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaNeue75Bold/helveticaneue-bold-webfont.woff') format('woff'), url('/assets/fonts/helveticaNeue75Bold/helveticaneue-bold-webfont.ttf') format('truetype'), url('/assets/fonts/helveticaNeue75Bold/helveticaneue-bold-webfont.svg#helveticaneue-bold-webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'HelveticaNeue35Thin'; src: url('/assets/fonts/helveticaNeue35Thin/helveticaneuethin.eot'); src: url('/assets/fonts/helveticaNeue35Thin/helveticaneuethin.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaNeue35Thin/helveticaneuethin.woff') format('woff'), url('/assets/fonts/helveticaNeue35Thin/helveticaneuethin.ttf') format('truetype'), url('/assets/fonts/helveticaNeue35Thin/helveticaneuethin.svg#helveticaneuethin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'HelveticaNeue77BoldCondensed'; src: url('/assets/fonts/helveticaNeue77BoldCond/helveticaneue-boldcond-webfont.eot'); src: url('/assets/fonts/helveticaNeue77BoldCond/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/helveticaNeue77BoldCond/helveticaneue-boldcond-webfont.woff') format('woff'), url('/assets/fonts/helveticaNeue77BoldCond/helveticaneue-boldcond-webfont.ttf') format('truetype'), url('/assets/fonts/helveticaNeue77BoldCond/helveticaneue-boldcond-webfont.svg#HelveticaNeue77BoldCondensed') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'steelfishregular'; src: url("/assets/fonts/steelFish/steelfish_rg-webfont.eot"); src: url("/assets/fonts/steelFish/steelfish_rg-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/steelFish/steelfish_rg-webfont.woff2") format("woff2"), url("/assets/fonts/steelFish/steelfish_rg-webfont.woff") format("woff"), url("/assets/fonts/steelFish/steelfish_rg-webfont.ttf") format("truetype"), url("/assets/fonts/steelFish/steelfish_rg-webfont.svg#steelfishregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'sandalsfontsregular'; src: url("/assets/fonts/sandalsFonts/sandalsFonts.eot?maec8q"); src: url("/assets/fonts/sandalsFonts/sandalsFonts.eot?#iefixmaec8q") format("embedded-opentype"), url("/assets/fonts/sandalsFonts/sandalsFonts.woff?maec8q") format("woff"), url("/assets/fonts/sandalsFonts/sandalsFonts.ttf?maec8q") format("truetype"), url("/assets/fonts/sandalsFonts/sandalsFonts.svg?maec8q#sandalsFonts") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'openSansBold'; src: url("/assets/fonts/openSansBold/OpenSans-Bold.eot.eot"); src: url("/assets/fonts/openSansBold/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/openSansBold/OpenSans-Bold.woff") format("woff"), url("/assets/fonts/openSansBold/OpenSans-Bold.woff2") format("woff"), url("/assets/fonts/openSansBold/OpenSans-Bold.ttf") format("truetype"), url("/assets/fonts/openSansBold/OpenSans-Bold.svg#openSansBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'openSansCondensedBold'; src: url("/assets/fonts/openSansCondensedBold/OpenSansCondensedBold.eot"); src: url("/assets/fonts/openSansCondensedBold/OpenSansCondensedBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/openSansCondensedBold/OpenSansCondensedBold.woff") format("woff"), url("/assets/fonts/openSansCondensedBold/OpenSansCondensedBold.woff2") format("woff"), url("/assets/fonts/openSansCondensedBold/OpenSansCondensedBold.ttf") format("truetype"), url("/assets/fonts/openSansCondensedBold/OpenSansCondensedBold.svg#openSansCondensedBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'openSansCondensedLight'; src: url("/assets/fonts/openSansCondensedLight/OpenSansCondensedLight.eot"); src: url("/assets/fonts/openSansCondensedLight/OpenSansCondensedLight.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/openSansCondensedLight/OpenSansCondensedLight.woff") format("woff"), url("/assets/fonts/openSansCondensedLight/OpenSansCondensedLight.woff2") format("woff"), url("/assets/fonts/openSansCondensedLight/OpenSansCondensedLight.ttf") format("truetype"), url("/assets/fonts/openSansCondensedLight/OpenSansCondensedLight.svg#openSansCondensedLight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'openSansLight'; src: url("/assets/fonts/openSansLight/OpenSansLight.eot"); src: url("/assets/fonts/openSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/openSansLight/OpenSansLight.woff") format("woff"), url("/assets/fonts/openSansLight/OpenSansLight.woff2") format("woff"), url("/assets/fonts/openSansLight/OpenSansLight.ttf") format("truetype"), url("/assets/fonts/openSansLight/OpenSansLight.svg#openSansLight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'openSansLight'; src: url("/assets/fonts/openSansLight/OpenSansLight.eot"); src: url("/assets/fonts/openSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/openSansLight/OpenSansLight.woff") format("woff"), url("/assets/fonts/openSansLight/OpenSansLight.woff2") format("woff"), url("/assets/fonts/openSansLight/OpenSansLight.ttf") format("truetype"), url("/assets/fonts/openSansLight/OpenSansLight.svg#openSansLight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'openSansRegular'; src: url("/assets/fonts/openSansRegular/OpenSans-Regular.eot"); src: url("/assets/fonts/openSansRegular/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/openSansRegular/OpenSans-Regular.woff") format("woff"), url("/assets/fonts/openSansRegular/OpenSans-Regular.woff2") format("woff"), url("/assets/fonts/openSansRegular/OpenSans-Regular.ttf") format("truetype"), url("/assets/fonts/openSansRegular/OpenSans-Regular.svg#openSansRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'openSansSemibold'; src: url("/assets/fonts/openSansSemibold/OpenSans-Semibold.eot"); src: url("/assets/fonts/openSansSemibold/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/openSansSemibold/OpenSans-Semibold.woff") format("woff"), url("/assets/fonts/openSansSemibold/OpenSans-Semibold.woff2") format("woff"), url("/assets/fonts/openSansSemibold/OpenSans-Semibold.ttf") format("truetype"), url("/assets/fonts/openSansSemibold/OpenSans-Semibold.svg#openSansSemibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'font-goodfoot'; src: url("/assets/fonts/goodFoot/goodfoot-regular-webfont.woff") format("woff"); src: url("/assets/fonts/goodFoot/goodfoot-regular-webfont.woff2") format("woff"), url("/assets/fonts/goodFoot/goodfoot-regular-webfont.ttf") format("truetype"), url("/assets/fonts/goodFoot/goodfoot-regular-webfont.svg") format("svg"), url("/assets/fonts/goodFoot/goodfoot-regular-webfont.eot") format("embedded-opentype"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: "sandalsfontsregular"; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*[class^="icon-"]:before, [class*=" icon-"]:before { font-family: $font-sandals; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: auto; height:auto; text-align: left; font-variant: normal; text-transform: none; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; } */ /* HTML Elements */ /********************************************************/ html, body { width: 100%; height: 100%; } body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #797266; } body, button, a, p, h1, h2, h3, h4, h5, h6, div, span, li, input, textarea, select, option { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #809a00; text-decoration: none; } a:hover { color: #4b5a00; } a.underline { text-decoration: underline; } textarea, input { font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 1px; height: auto; } label { display: inline-block; *display: inline; zoom: 1; width: 90px; padding: 0 15px 0 5px; vertical-align: middle; } label.inline { padding: 0px; } p { margin: 10px 0; } em { font-style: italic; } small { font-size: 11px; line-height: 15px; } /* Book and Save (this is global, any changes please overwrite in theme section css) */ /***************************************/ .bookAndSave { display: block; border: 1px dashed #98aa5f; width: 220px; height: 28px; font-size: 12px; line-height: 28px; color: #7b7b7b; font-weight: bold; text-align: center; margin: 0px auto; } .bookAndSave span { font-family: "Arial Black"; color: #809a00; } .bookAndSave:hover { color: #7b7b7b; background: #fff; background: rgba(255, 255, 255, 0.35); } /* Cobrand Bar */ /***************************************/ #cobrandBar { width: 100%; height: 35px; border-bottom: 3px solid #141414; background-color: #262626; background-image: -moz-linear-gradient(top, #292929, #262626); background-image: -ms-linear-gradient(top, #292929, #262626); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#292929), to(#262626)); background-image: -webkit-linear-gradient(top, #292929, #262626); background-image: -o-linear-gradient(top, #292929, #262626); background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#262626)); background-image: linear-gradient(top, #292929, #262626); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF292929', endColorstr='#FF262626')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF292929', endColorstr='#FF262626')"; } #cobrandBar ul { width: 960px; text-align: right; margin: 0 0 0 -15px; } #cobrandBar ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-family: "openSansCondensedLight"; font-size: 18px; line-height: 37px; margin: 0 0 0 3px; } #cobrandReferred { color: #c7e700; vertical-align: middle; } #cobrandReferred span { font-size: 12px; color: #acacac; text-transform: uppercase; } #cobrandPhone { font-size: 18px; color: #fff; } #cobrandWeb { line-height: 33px; } #cobrandWeb a { background: url("/assets/img/global//cobrand-arrow.png") 0 1px no-repeat; font-family: "openSansCondensedBold"; font-size: 11px; color: #acacac; text-transform: uppercase; line-height: 20px; margin: 0 0 0 18px; padding: 0 0 0 10px; } #cobrandWeb a:hover { color: #c7e700; } #spaDetails .disclaimer-block { background: url("/assets/img/global//resorts/disclaimer-box.jpg") top left no-repeat; width: 955px; height: 44px; padding: 16px 0 0 0; text-align: center; font-size: 12px; line-height: 14px; } /* QuickQuote Dropdown */ /***************************************/ a#reservationButton { background: url("/assets/img/global//bookNow-button.gif") 0 0 no-repeat; width: 127px; height: 35px; position: absolute; top: 36px; right: 36px; z-index: 100; } a#reservationButton:hover { background-position: 0 -35px; } a#reservationButton:active, a.activeReservations#reservationButton { background-position: 0 -70px; } #getQuoteOptions { background: -moz-linear-gradient(top, #303030 0%, rgba(68, 66, 66, 0.96) 43%, rgba(68, 66, 66, 0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(43%, rgba(68, 66, 66, 0.96)), color-stop(100%, rgba(68, 66, 66, 0.9))); background: -webkit-linear-gradient(top, #303030 0%, rgba(68, 66, 66, 0.96) 43%, rgba(68, 66, 66, 0.9) 100%); background: -o-linear-gradient(top, #303030 0%, rgba(68, 66, 66, 0.96) 43%, rgba(68, 66, 66, 0.9) 100%); background: -ms-linear-gradient(top, #303030 0%, rgba(68, 66, 66, 0.96) 43%, rgba(68, 66, 66, 0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, from(#303030), color-stop(43%, rgba(68, 66, 66, 0.96)), to(rgba(68, 66, 66, 0.9))); background: linear-gradient(to bottom, #303030 0%, rgba(68, 66, 66, 0.96) 43%, rgba(68, 66, 66, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#e6444242',GradientType=0 ); width: 245px; padding: 25px 10px 10px 10px; display: none; position: absolute; top: 72px; right: 36px; z-index: 2; color: #fff; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-radius-bottomleft: 3px; -webkit-border-radius-bottomright: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.5); filter: "progid: DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2)"; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2); } #getQuoteOptions .getQuoteOptionsArrow { background: url("/assets/img/global//white-arrow-down.png") 0 0 no-repeat; width: 13px; height: 7px; position: absolute; top: 14px; right: 10px; } #getQuoteOptions .greySelect { font-family: "openSansCondensedBold"; font-size: 16px; text-align: left; padding: 7px; background: rgba(255, 255, 255, 0.2); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; margin-bottom: 10px; cursor: pointer; } #getQuoteOptions .greySelect:hover { background: rgba(255, 255, 255, 0.35); } #getQuoteOptions .getCheckActive { font-family: "openSansCondensedBold"; font-size: 16px; text-align: left; padding: 8px; margin-bottom: 10px; cursor: pointer; background-color: #8aa30c; background-image: -moz-linear-gradient(top, #bcd53e, #8aa30c); background-image: -ms-linear-gradient(top, #bcd53e, #8aa30c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcd53e), to(#8aa30c)); background-image: -webkit-linear-gradient(top, #bcd53e, #8aa30c); background-image: -o-linear-gradient(top, #bcd53e, #8aa30c); background-image: -webkit-gradient(linear, left top, left bottom, from(#bcd53e), to(#8aa30c)); background-image: linear-gradient(top, #bcd53e, #8aa30c); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFBCD53E', endColorstr='#FF8AA30C')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBCD53E', endColorstr='#FF8AA30C')"; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; } .getQuoteOptionsDropdown { background: #fff; font-size: 16px; position: absolute; top: 35px; left: 0px; width: 245px; z-index: 1; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4); filter: "progid: DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2)"; } .getQuoteOptionsDropdown ul li { color: #acacac; border-bottom: 1px solid #e8e8e8; padding: 10px; } .getQuoteOptionsDropdown ul li:hover { background: #f6f6f6; color: #453c2d; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .getQuoteOptionsDropdown ul li:last-child { border: none; } #getQuoteButton { font-family: "openSansCondensedBold"; font-size: 21px; color: #809a00; text-transform: uppercase; padding: 8px; background: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; display: block; margin: 15px 0 3px 0; cursor: pointer; text-align: center; } #getQuoteButton:hover { color: #6e8400; } #greenArrow { background: url("/assets/img/global//green-arrow-right.gif") 0 0 no-repeat; width: 11px; height: 19px; position: absolute; top: 9px; right: 58px; } #bestPrice { background: url("/assets/img/global//best-price-icon.gif") center right no-repeat; font-family: "openSansCondensedBold"; font-size: 10px; color: #acacac; margin-left: 140px; padding-right: 10px; text-align: right; text-transform: uppercase; } #bestPrice:hover { color: #fff; } #checkInDatePicker, #checkOutDatePicker { display: none; margin: -5px 0 10px 0; } /* Main Content Area */ /***************************************/ #contentWrapper { background: url("/assets/img/global//page-bg-repeat-compressor.gif") center top repeat; border-top: solid 2px #fff; padding: 60px 0 0 0; position: relative; overflow: hidden; min-width: 1024px; } #contentWrapper.darkNoiseBg { background: url("/assets/img/global//bg-menu-details.gif") left top repeat; } .darkNoiseWrapper { background: url("/assets/img/global//bg-menu-details.gif") left top repeat; width: 100%; } /* Social Media Buttons */ /***************************************/ .social-share { position: absolute; top: -30px; right: 10px; } .social-share span { font-family: "openSansCondensedBold"; font-size: 14px; line-height: 28px; color: #453c2d; width: 60px; text-align: center; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .social-share a { color: #b6b6b6 !important; font-size: 22px; height: 24px; text-decoration: none !important; border-left: #ccc 1px solid; } .social-share a:hover { color: #979797 !important; } .social-share #lpbuttondiv1 { top: -6px; position: relative; left: 5px; } .social-share #lpbuttondiv1 a { border-left: none; } .social-share a.icon-facebook { padding: 3px 8px 0 14px; } .social-share a.icon-twitter { padding: 3px 5px 0 8px; } .social-share a.icon-gplus { border-right: #ccc 1px solid; padding: 3px 5px 0 7px; } .social-share a.icon-pinterest { padding: 3px 8px 0 6px; border-left: none; border-right: #ccc 1px solid; } .sectionTitle { font-family: "TrajanProRegular"; font-size: 20px; color: #887d6a; text-align: center; line-height: 20px; font-weight: normal; } .sectionTitle span { font-size: 30px; color: #453c2d; line-height: 30px; } .sectionTitle span sup { bottom: -14px; font-size: 50px; line-height: 52px; } .sectionTitle:after { display: block; content: ''; height: 1px; opacity: 0.4; /*@include horizontalDivider(128, 154, 0, #809a00);*/ } /* Breadcrumbs */ /********************************************************/ #site-breadcrumbs { text-align: center; padding: 5px 0; background: #d9d9d9; color: #373737; } #site-breadcrumbs a { color: #373737; text-decoration: none; font: 12px/12px Arial, Helvetica, sans-serif; } #site-breadcrumbs a:hover { text-decoration: underline; } #site-breadcrumbs span { color: #887d6a; text-transform: none; } /* Footer */ /***************************************/ #pageFooter { background: url("/assets/img/global//footer-bg-compressor.gif") 0 0 repeat; position: relative; overflow: hidden; margin: -3px 0 0 0; padding: 0 0 20px 0; width: 100%; min-width: 1024px; } #pageFooter .footerAgency { width: 465px; margin: 12px 0 0 0; text-align: center; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #pageFooter .footerAgency h5 { font-family: "openSansCondensedLight"; font-size: 13px; line-height: 15px; font-weight: normal; color: #797266; text-transform: uppercase; } #pageFooter .footerAgency h6 { font-family: "openSansCondensedLight"; font-size: 37px; line-height: 47px; font-weight: normal; color: #797266; } #pageFooter .social-share { position: relative !important; display: inline-block; *display: inline; zoom: 1; vertical-align: top; top: 22px; right: 0px; margin: 0 0 0 5px; } #footerNav { background: url("/assets/img/global//footer-shadow-bg.png") top center no-repeat; width: 960px; position: relative; padding: 30px 240px 0 240px; margin: 0px 0 0 -240px; overflow: hidden !important; } #footerNav ul.sitemapLinks { padding: 0 21px 0 0; margin: 0 21px 0 0; min-height: 160px; *padding-right: 20px; *margin-left: -20px; border-right: 1px solid #c9c7c3; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #footerNav ul.sitemapLinks.noBorder { border: none; padding: 0; } #footerNav ul.sitemapLinks li a.ttl { font-family: "openSansCondensedBold"; font-size: 17px; line-height: 18px; color: #809a00; } #footerNav ul.sitemapLinks li a.ttl:hover { color: #313131; } #footerNav ul.sitemapLinks li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #797266; } #footerNav ul.sitemapLinks li a:hover { color: #809a00; } #ukLogos { width: 850px; margin: 45px auto; } #ukLogos p { width: 560px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 10px; line-height: 14px; margin: -14px 0 0 15px; } #ukLogos .footer-logo { width: 215px; height: 66px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #ukLogos .ftr-logos { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } ul#forLinks { background: url("/assets/img/global//footer-forLinks-bg.png") top left no-repeat; width: 866px; height: 34px; line-height: 34px; text-align: center; margin: 45px 0 0 30px; } ul#forLinks li { padding: 0 0 0 10px; margin: 0; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } ul#forLinks li .icon-right-arrow { font-size: 8px; color: #809a00; } ul#forLinks li a { font-size: 10px; line-height: 13px; font-weight: bold; color: #453c2d; text-transform: uppercase; } ul#forLinks li a:hover { color: #809a00; } #ourResorts { margin: 40px 0 0 0; } #ourResorts h6 { background: url("/assets/img/global//footer-divider.png") left center no-repeat; width: 666px; height: 45px; font-family: "openSansCondensedBold"; font-size: 14px; line-height: 40px; color: #373737; text-transform: uppercase; text-align: center; margin: 5px auto; } #ourResorts ul { margin: 15px 0 10px 0px; } #ourResorts ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #ourResorts ul li a { margin: -5px 50px 0 30px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; opacity: 0.8; color: #8b857c; font-size: 54px; line-height: 120px; } #ourResorts ul li a:hover { opacity: 1; } #ourResorts ul li a#sandalsLogo { width: 100px; margin-left: 24px; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'm '+this.innerHTML); } #ourResorts ul li a#beachesLogo { width: 150px; margin-top: 0px; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '" '+this.innerHTML); } #ourResorts ul li a#gpLogo { width: 166px; font-size: 77px; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '' '+this.innerHTML); } #ourResorts ul li a#fcLogo { width: 190px; font-size: 57px; color: #807b75; font-weight: 500; margin-top: 5px; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '& '+this.innerHTML); } #ourResorts ul li a#pvLogo { width: 94px; font-size: 72px; margin-top: -3px; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'o '+this.innerHTML); } #ourResorts ul li a#foundationLogo { width: 120px; font-size: 100px; margin-top: -18px; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'B '+this.innerHTML); } #ourResorts ul li span { width: 122px; display: block; color: #373737; font: 11px/14px Arial, Helvetica, sans-serif; text-align: center; margin: 2px 0 0 64px; } #ourResorts ul li span.beachesText { margin-top: -30px; } #ourResorts ul li span.fowlText { margin: -21px 0 0 80px; } #ourResorts ul li span.gpText { margin: -22px 0 0 65px; } #ourResorts ul li span.foundText { margin: -8px 0 0 45px; } ul#regionLinks { height: 35px; margin: 5px 0 0 0px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } ul#regionLinks li { background: url("/assets/img/global//footer-region-icons-tiny.png") left center no-repeat; padding: 0 0 0 37px; margin: 0 0 0 15px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } ul#regionLinks li#ukFlag { background-position: 0px 0px; } ul#regionLinks li#euFlag { background-position: -215px 0px; } ul#regionLinks li#worldFlag { background-position: -405px 0px; } ul#regionLinks li#worldFlag .icon-rightBlockArrow { font-size: 6px; padding-right: 4px; vertical-align: middle; } ul#regionLinks li#usFlag { background-position: -600px 0px; } ul#regionLinks li a { font-family: "openSansCondensedBold"; font-size: 12px; line-height: 35px; color: #595144; text-transform: uppercase; } ul#regionLinks li a:hover { color: #809a00; } #footerShadow { position: absolute; top: 0px; width: 100%; min-width: 1024px; } #footerLogo { font-size: 10px; color: #848484; line-height: 60px; padding: 0; margin: 10px 0 0 20px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; *line-height: 20px; } #footerLogo i { margin: 5px 8px 0 0; color: #5f5f5f; font-size: 32px; opacity: 0.8; } #footerLogo i:hover { opacity: 1; } #footerLogo:hover { color: #809a00; } #regionalNum { width: 500px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #regionalNum #sandalsNumber { font-family: "openSansCondensedLight"; font-size: 36px; line-height: 60px; color: #797266; text-transform: uppercase; margin: 3px 0 0 65px; text-align: center; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #regionalNum #sandalsNumber span { font-family: "openSansCondensedBold"; color: #525151; } #regionalNum h5#openSandals { width: 118px; margin: 0 0 0 10px; text-align: center; font: 20px/40px "openSansCondensedLight"; color: #635544; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #regionalNum h5#openSandals #open { color: #453C2D; font: 15px/40px "openSansCondensedLight"; vertical-align: bottom; text-transform: uppercase; border-bottom: 1px dotted #635544; } #regionalNum h5#openSandals span { color: #969182; } #regionalNum h5#openSandals div { font-size: 19px; margin-top: -18px; } #footer-moxie { margin: -10px 0 22px; text-align: center; } #chatClient { text-align: center; } #helpSpanish { position: relative; margin-top: 1px; cursor: pointer; } #helpSpanish img { margin-top: -1px; } .icon-jamaica { background: url("/assets/img/global//jamaicanVillasLogo.png") top center no-repeat; height: 68px; width: 160px; margin-left: 44px !important; margin-right: 0px !important; margin-top: 20px !important; } #boxInfop { background: url("/assets/img/global//boxInfoHspanish.png") top center no-repeat; width: 206px; height: 184px; display: none; position: absolute; left: -30px; top: 30px; z-index: 99; } #boxInfop .call { font: 18px/25px "openSansCondensedBold" !important; color: #7b7b7b; margin: 10px auto !important; padding: 16px; } #boxInfop .call span { color: #373737; font-size: 31px; } #boxInfop .dates { font-family: "openSansCondensedBold"; color: #7b7b7b; font-size: 18px; padding: 0px 16px; margin: -10px auto !important; vertical-align: top; } #boxInfop .dates span { color: #373737; font-size: 19px; } .centered #recaptcha_area { margin: auto; } .float-right { float: right; } #toursBox #rightCol .tours-calendar .calendar-wrapper h3 { font-size: 18px !important; } .heightCW { height: 895px !important; } /* Commmon Classes */ /********************************************************/ .floatLeft { float: left; display: inline; } .floatRight { float: right; display: inline; } .inlineBlock { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .clearer { clear: both; display: block; margin: 0; padding: 0px; height: 0px; line-height: 1px; font-size: 0%; } .disclaimer { font-size: 10px; line-height: 14px; } .rounded { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .shadow { -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4); filter: "progid: DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2)"; } .contentWrapper { width: 960px; margin: 0px auto; } .divider { height: 1px; width: 1000px; margin: 10px auto 20px auto; background: #CEDE80; background: -moz-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(206, 222, 128, 0)), color-stop(20%, #cede80), color-stop(20%, #cede80), color-stop(100%, rgba(206, 222, 128, 0))); background: -webkit-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 90%, rgba(206, 222, 128, 0.1) 100%); background: -o-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); background: -ms-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(206, 222, 128, 0)), color-stop(20%, #cede80), color-stop(70%, #cede80), to(rgba(206, 222, 128, 0))); background: -webkit-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); background: linear-gradient(to right, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); } .new_divider { height: 1px; width: 500px; margin: 8px auto 8px auto; background: #CEDE80; background: -moz-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(206, 222, 128, 0)), color-stop(20%, #cede80), color-stop(20%, #cede80), color-stop(100%, rgba(206, 222, 128, 0))); background: -webkit-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 90%, rgba(206, 222, 128, 0.1) 100%); background: -o-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); background: -ms-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(206, 222, 128, 0)), color-stop(20%, #cede80), color-stop(70%, #cede80), to(rgba(206, 222, 128, 0))); background: -webkit-linear-gradient(left, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); background: linear-gradient(to right, rgba(206, 222, 128, 0) 0%, #cede80 20%, #cede80 70%, rgba(206, 222, 128, 0) 100%); } .hidden { display: none; } .cursor-default { cursor: default !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } /************************************/ /************** ICONS ***************/ /************************************/ [class^="icon-"], [class*=" icon-"] { font-family: "sandalsfontsregular"; speak: none; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-choicePremiumSpirits:before { content: "\e900"; } .icon-premiumSpirits:before { content: "\e901"; } .icon-beerWine:before { content: "\e902"; } .icon-nest:before { content: "\21"; } .icon-beaches-new:before { content: "\22"; } .icon-grid:before { content: "\23"; } .icon-list:before { content: "\24"; } .icon-more:before { content: "\25"; } .icon-fowl-cay-new:before { content: "\26"; } .icon-gpa-new:before { content: "\27"; } .icon-leftArrowSmall:before { content: "\2a"; } .icon-upArrowBlock:before { content: "\2b"; } .icon-downArrowBlock:before { content: "\2d"; } .icon-check-in:before { content: "\30"; } .icon-cross:before { content: "\31"; } .icon-plus:before { content: "\32"; } .icon-rightArrowSmall:before { content: "\33"; } .icon-leftArrowBig:before { content: "\34"; } .icon-downBlockArrow:before { content: "\35"; } .icon-club:before { content: "\36"; } .icon-englishButlers:before { content: "\37"; } .icon-clubSymbol:before { content: "\38"; } .icon-handicap3:before { content: "\39"; } .icon-upDownArrows:before { content: "\40"; } .icon-check:before { content: "\41"; } .icon-foundation:before { content: "\42"; } .icon-handicap-2:before { content: "\5e"; } .icon-facebook:before { content: "\61"; } .icon-gplus:before { content: "\62"; } .icon-twitter:before { content: "\63"; } .icon-pinterest:before { content: "\64"; } .icon-download:before { content: "\65"; } .icon-camera:before { content: "\66"; } .icon-video:before { content: "\67"; } .icon-map:before { content: "\68"; } .icon-vrx:before { content: "\69"; } .icon-tag:before { content: "\6a"; } .icon-fowlcay:before { content: "\6b"; } .icon-beaches:before { content: "\6c"; } .icon-sandals:before { content: "\6d"; } .icon-island-routes:before { content: "\6e"; } .icon-private-villas:before { content: "\6f"; } .icon-grand-pineapple:before { content: "\70"; } .icon-rightBlockArrow:before { content: "\71"; } .icon-right-arrow:before { content: "\72"; } .icon-wedding:before { content: "\73"; } .icon-dollar:before { content: "\74"; } .icon-planner:before { content: "\75"; } .icon-butler3:before { content: "\76"; } .icon-dest:before { content: "\77"; } .icon-directions:before { content: "\78"; } .icon-compare:before { content: "\79"; } .icon-downArrowSmall:before { content: "\7a"; } .icon-bullet-list:before { content: "\e600"; } .icon-flipbook:before { content: "\e601"; } .icon-butler-elite:before { content: "\e602"; } .icon-share:before { content: "\e603"; } .icon-link:before { content: "\e604"; } .icon-map-outline:before { content: "\e605"; } .icon-tag-outline:before { content: "\e606"; } .icon-arrow-outline:before { content: "\e607"; } .icon-nest-new:before { content: "\e608"; } .icon-accommodations:before { content: "\e609"; } .icon-activities:before { content: "\e60a"; } .icon-dining:before { content: "\e60b"; } .icon-media:before { content: "\e60c"; } .icon-specials:before { content: "\e60d"; } .icon-downArrowBig:before { content: "\e60e"; } .icon-redlane:before { content: "\e60f"; } .icon-scuba:before { content: "\e610"; } .icon-lovenesticon:before { content: "\e611"; } .icon-lovenest-1:before { content: "\e612"; } .icon-publish:before { content: "\e613"; } .icon-club-sandals:before { content: "\e903"; } .icon-food-menu:before { content: "\e904"; } .icon-check-plain:before { content: "\e905"; } .icon-share-2:before { content: "\e906"; } .icon-arrow-left:before { content: "\e907"; } .icon-arrow-right:before { content: "\e908"; } .icon-lovenest-stacked:before { content: "\e909"; } .icon-airplane-angle:before { content: "\e90a"; } .icon-airplane:before { content: "\e90b"; } .icon-fowl-cay-new-2:before { content: "\e90c"; } .icon-global-gourmet-2:before { content: "\e90d"; } .icon-service-butler:before { content: "\e90e"; } .icon-service-car:before { content: "\e90f"; } .icon-service-concierge:before { content: "\e910"; } .icon-service-handicap:before { content: "\e911"; } .icon-service-lovenest:before { content: "\e912"; } .icon-service-rolls-royce:before { content: "\e913"; } .icon-service-rolls-royce-r:before { content: "\e914"; } .icon-service-room:before { content: "\e915"; } .icon-service-tub:before { content: "\e916"; } .icon-service-wifi:before { content: "\e917"; } .icon-text-document-inverted:before { content: "\e918"; } .icon-padi:before { content: "\e919"; } .icon-dan:before { content: "\e91a"; } .icon-padi-elearning:before { content: "\e91b"; } .icon-divesite:before { content: "\e91c"; } .icon-arrow:before { content: "\e91d"; } .icon-arrow-up:before { content: "\e91e"; } .icon-arrow-down:before { content: "\e91f"; } .icon-global-gourmet:before { content: "\e920"; } .icon-ochi-logo:before { content: "\e921"; } .icon-weddings:before { content: "\e922"; } .icon-rtk:before { content: "\e923"; } .icon-anniversaries:before { content: "\e924"; } .icon-honeymoons:before { content: "\e925"; } .icon-engagements:before { content: "\e926"; } .icon-album:before { content: "\e927"; } .icon-camera-new:before { content: "\e928"; } .icon-shoots:before { content: "\e929"; } .icon-list-new:before { content: "\e92a"; } .icon-grid-new:before { content: "\e92b"; } .icon-press-contact:before { content: "\e92c"; } .icon-luxury:before { content: "\e92d"; } .icon-intagram-new:before { content: "\e92e"; } .icon-image-gallery:before { content: "\e92f"; } .icon-jamaican-villas:before { content: "\e930"; } .icon-airport-transfers:before { content: "\e931"; } .icon-check2:before { content: "\e932"; } .icon-dragg-icon:before { content: "\e933"; } .icon-five-stars:before { content: "\e934"; } .icon-aisetoIsle:before { content: "\e935"; } .icon-about:before { content: "\e972"; } .icon-spinner:before { content: "\e984"; } .icon-instagram:before { content: "\f16d"; } .hiddenElement { visibility: hidden; padding-right: 10px; } select { width: 250px; margin: 0px; padding: 0px; font-size: 14px; } .input-select-wrapper { background-color: #dadada; background-image: -moz-linear-gradient(top, #ffffff, #dadada); background-image: -ms-linear-gradient(top, #ffffff, #dadada); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dadada)); background-image: -webkit-linear-gradient(top, #ffffff, #dadada); background-image: -o-linear-gradient(top, #ffffff, #dadada); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadada)); background-image: linear-gradient(top, #ffffff, #dadada); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDADADA')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFDADADA')"; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; vertical-align: middle; position: relative; text-align: left; font-weight: normal; } .input-select-wrapper.focused { -moz-box-shadow: 0px 0px 6px #0078e7; -webkit-box-shadow: 0px 0px 6px #0078e7; box-shadow: 0px 0px 6px #0078e7; } .input-select-wrapper:before, .input-select-wrapper:after { border: solid transparent; border-width: 0.35em; content: ''; position: absolute; right: 0.8em; top: 50%; z-index: 1; } .input-select-wrapper:before { border-top-color: #646464; margin-top: 0.2em; } .input-select-wrapper:after { border-bottom-color: #646464; margin-top: -0.7em; } .input-select-wrapper > select { opacity: 0; filter: alpha(opacity=0); position: relative; z-index: 1; border: none; -webkit-appearance: none; -moz-appearance: window; } .input-select-wrapper > select, .input-select-wrappertext { padding: 0.6em 1.8em 0.6em 1em; width: 100%; vertical-align: text-top; } .input-select-wrappertext { left: 0; position: absolute; top: 0; z-index: 0; font-size: inherit; } /* Core Menu Styling */ /********************************************************/ .mmi, #mm-nav-wrapper, .list-menu, .list-menu li, .list-menu a, #about-nav, .mm-heading-wrapper, .mm-heading, .mm-link-wrapper, .mm-links li.inlineBlock { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .header-wrapper { height: 60px; background: url("/assets/img/global/bg-menu-details.gif") top left repeat; min-width: 1024px; } #page-header, #mm-submenu-bg { min-width: 1024px; } #mm-submenu-bg { background: url(/assets/img/global/bg-menu-details-compressor.gif) center top repeat; } #page-header { background: url("/assets/img/global/bg-menu-details.gif") top left repeat; position: relative; z-index: 525; height: 60px; } #page-header-wrapper { width: 960px; position: static; margin: 0 auto; z-index: 200; font-size: 0px; line-height: 0px; } #mm-submenu-bg { -webkit-box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.3); box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.3); filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')"; position: absolute; left: 0px; right: 0px; height: 380px; bottom: -380px; display: none; } @-webkit-keyframes show { 0% { opacity: 0.01; } 100% { opacity: 1.00; } } @keyframes show { 0% { opacity: 0.01; } 100% { opacity: 1.00; } } .mm-img-wrapper { float: right; } .submenu-wrapper:hover .submenu-shadow { width: 100%; height: 275px; left: 0px; padding-top: 17px; background: url("/assets/img/global/bg-menu-details.gif") top left repeat; position: absolute; z-index: 0; } .submenu-wrapper:hover .mm-submenu { display: block; } .mm-submenu { -webkit-animation: show 0.4s ease-in; -moz-animation: show 0.4s ease-in; -ms-animation: show 0.4s ease-in; -o-animation: show 0.4s ease-in; animation: show 0.4s ease-in; z-index: 1; left: 0px; height: 275px; width: 960px; margin: auto; overflow: hidden; position: relative; display: none; } .mm-submenu:before { content: ''; display: block; height: 0px; position: absolute; width: 100%; z-index: 999; } #mm-nav-wrapper { clear: right; } .list-menu { font-size: 0px; line-height: 0px; width: 807px; } #mm-minimenu { padding-left: 153px; height: 36px; } #mm-minimenu li.first { margin-left: 15px; } #mm-minimenu li a { color: #fff; font: bold 10px/10px Arial, verdana; padding: 12px 7px; } #mm-minimenu li a:hover, #mm-minimenu li a.active { color: #c7e700; } #mm-minimenu .gsForm { padding: 8px 0; margin-right: 10px; } #mm-minimenu .gsForm input.searchInput { height: 18px; border-radius: 2px; border: 1px solid; padding: 0 5px; } #mm-minimenu .gsForm .goSearch { background-color: #6d8301; background-image: -moz-linear-gradient(top, #9eb52c, #6d8301); background-image: -ms-linear-gradient(top, #9eb52c, #6d8301); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9eb52c), to(#6d8301)); background-image: -webkit-linear-gradient(top, #9eb52c, #6d8301); background-image: -o-linear-gradient(top, #9eb52c, #6d8301); background-image: -webkit-gradient(linear, left top, left bottom, from(#9eb52c), to(#6d8301)); background-image: linear-gradient(top, #9eb52c, #6d8301); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF9EB52C', endColorstr='#FF6D8301')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9EB52C', endColorstr='#FF6D8301')"; color: #fff; border: 1px solid #FFF; border-radius: 2px; height: 18px; width: 34px; cursor: pointer; margin-left: 2px; font-weight: bold; } #mm-minimenu .gsForm .goSearch.active, #mm-minimenu .gsForm .goSearch:hover { background-color: #9eb52c; background-image: -moz-linear-gradient(top, #6d8301, #9eb52c); background-image: -ms-linear-gradient(top, #6d8301, #9eb52c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d8301), to(#9eb52c)); background-image: -webkit-linear-gradient(top, #6d8301, #9eb52c); background-image: -o-linear-gradient(top, #6d8301, #9eb52c); background-image: -webkit-gradient(linear, left top, left bottom, from(#6d8301), to(#9eb52c)); background-image: linear-gradient(top, #6d8301, #9eb52c); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF6D8301', endColorstr='#FF9EB52C')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6D8301', endColorstr='#FF9EB52C')"; } #mm-mainmenu { max-width: 807px; margin-left: 153px; z-index: 555; position: static; } #mm-mainmenu > li > a { color: #797266; background: #e5e5e5; font: 15px/15px "openSansCondensedBold"; padding: 12px 0px; border: solid #e5e5e5; border-width: 1px 1px 1px 0px; white-space: nowrap; text-align: center; position: relative; z-index: 10; margin-bottom: -17px; } #mm-mainmenu > li > a:hover, #mm-mainmenu > li > a.selected { color: #fff; background-color: #313131; background-image: -moz-linear-gradient(top, #4a4a4a, #313131); background-image: -ms-linear-gradient(top, #4a4a4a, #313131); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4a4a4a), to(#313131)); background-image: -webkit-linear-gradient(top, #4a4a4a, #313131); background-image: -o-linear-gradient(top, #4a4a4a, #313131); background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#313131)); background-image: linear-gradient(top, #4a4a4a, #313131); background-repeat: repeat-x; } #mm-mainmenu > li:hover > a { color: #fff; background-color: #313131; background-image: -moz-linear-gradient(top, #4a4a4a, #313131); background-image: -ms-linear-gradient(top, #4a4a4a, #313131); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4a4a4a), to(#313131)); background-image: -webkit-linear-gradient(top, #4a4a4a, #313131); background-image: -o-linear-gradient(top, #4a4a4a, #313131); background-image: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#313131)); background-image: linear-gradient(top, #4a4a4a, #313131); background-repeat: repeat-x; } #mm-mainmenu li.mm-first > a { border-width: 1px; } #mm-mainmenu li#mm-reservation { top: 36px; } #mm-mainmenu li#mm-reservation > a { font-size: 20px; text-align: center; border-left: 0px; color: #fff; text-transform: uppercase; width: 132px; height: 39px; line-height: 39px; cursor: pointer; padding: 0px; background-color: #6d8301; background-image: -moz-linear-gradient(top, #9eb52c, #6d8301); background-image: -ms-linear-gradient(top, #9eb52c, #6d8301); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9eb52c), to(#6d8301)); background-image: -webkit-linear-gradient(top, #9eb52c, #6d8301); background-image: -o-linear-gradient(top, #9eb52c, #6d8301); background-image: -webkit-gradient(linear, left top, left bottom, from(#9eb52c), to(#6d8301)); background-image: linear-gradient(top, #9eb52c, #6d8301); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF9EB52C', endColorstr='#FF6D8301')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9EB52C', endColorstr='#FF6D8301')"; } #mm-mainmenu li#mm-reservation > a i.down-arrow { font-size: 9px; margin-top: 14px; margin-left: 3px; } #mm-mainmenu li#mm-reservation > a i.cross { font-size: 12px; color: white !important; margin-top: 13px; margin-left: 4px; display: none; } #mm-mainmenu li#mm-reservation > a.active, #mm-mainmenu li#mm-reservation > a:hover { background-color: #9eb52c; background-image: -moz-linear-gradient(top, #6d8301, #9eb52c); background-image: -ms-linear-gradient(top, #6d8301, #9eb52c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d8301), to(#9eb52c)); background-image: -webkit-linear-gradient(top, #6d8301, #9eb52c); background-image: -o-linear-gradient(top, #6d8301, #9eb52c); background-image: -webkit-gradient(linear, left top, left bottom, from(#6d8301), to(#9eb52c)); background-image: linear-gradient(top, #6d8301, #9eb52c); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF6D8301', endColorstr='#FF9EB52C')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6D8301', endColorstr='#FF9EB52C')"; } #mm-mainmenu li#mm-reservation > a.active i.cross { display: inline-block; } #mm-mainmenu li#mm-reservation > a.active i.down-arrow { display: none; } .mm-diff { width: 175px; top: 0px; position: relative; } .mm-res { width: 150px; top: 0px; position: relative; } .mm-act { width: 84px; top: 0px; position: relative; } .mm-wed { width: 178px; top: 0px; position: relative; } .mm-spc { width: 81px; top: 0px; position: relative; } #mm-reservation { position: absolute; top: 0px; } /* Reservations menu */ /********************************************************/ .qq-container { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-radius-bottomleft: 3px; -webkit-border-radius-bottomright: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.3); box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.3); background: #3E3E3E; width: 243px; height: auto; padding: 30px 11px 18px; display: none; position: absolute; z-index: 1; left: auto; right: 0px; } .qq-container .bookAndSave { width: 240px; color: #afaaa2; border-color: #6a6a6a; } .qq-container .bookAndSave span { color: #d62415; } .qq-container .bookAndSave:hover { background: #000; background: rgba(0, 0, 0, 0.15); color: #afaaa2; } .qq-container .black-btn, .qq-container .ddl-container .ddl-text, .qq-container .calendar-wrapper .text { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(/assets/img/global//qq/FFFFFF-0.2.png); margin-bottom: 10px; height: 31px; font: 16px/31px "openSansCondensedBold"; color: white; padding: 0; cursor: pointer; } .qq-container .black-btn:hover, .qq-container .ddl-container .ddl-text:hover, .qq-container .calendar-wrapper .text:hover { background: #878787; } .qq-container .black-btn.focused, .qq-container .ddl-container .focused.ddl-text, .qq-container .calendar-wrapper .focused.text { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .qq-container .black-btn.unactive, .qq-container .ddl-container .unactive.ddl-text, .qq-container .calendar-wrapper .unactive.text { color: rgba(255, 255, 255, 0.3); background: url(/assets/img/global//qq/B3B2B2-0.1.png); } .qq-container .black-btn.unactive:hover, .qq-container .ddl-container .unactive.ddl-text:hover, .qq-container .calendar-wrapper .unactive.text:hover { background: #878787; color: white; } .qq-container .vacation-type { width: 118px; } .qq-container .origin-ddl { visibility: visible; zoom: 1; z-index: 5; } .qq-container .cont-country { z-index: 4; } .qq-container .cont-rst { z-index: 3; } .qq-container .ui-datepicker { width: 240px; } .qq-container .ui-datepicker table.ui-datepicker-calendar { width: 192px; margin: 0 auto 10px; line-height: 24px; } .qq-container .ui-datepicker th { line-height: 13px; } .qq-container .ui-datepicker td { padding: 0; margin: 0; } .qq-container .ui-datepicker td a, .qq-container .ui-datepicker td span { padding: 0; margin: 0 auto; line-height: 15px; padding-top: 2px; height: 16px; width: 23px; text-align: center; } .qq-container .ui-state-disabled, .qq-container .ui-widget-content .ui-state-disabled, .qq-container .ui-widget-header .ui-state-disabled { -webkit-filter: none; filter: none; } .qq-container .ui-state-disabled span, .qq-container .ui-widget-content .ui-state-disabled span, .qq-container .ui-widget-header .ui-state-disabled span { color: #bdbdbd\9; } .qq-container .input-select-wrapper { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #6d6d6d; background: #6d6d6d; margin-bottom: 10px; height: 31px; } .qq-container .input-select-wrapper:hover { border-color: #c7e700; } .qq-container .input-select-wrapper.focused { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .qq-container .input-select-wrapper:after, .qq-container .input-select-wrapper:before { border-color: transparent !important; } .qq-container .input-select-wrapper .input-select-wrappertext { font: 16px/31px "openSansCondensedBold"; color: white; padding: 0 40px 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .qq-container .ddl-container { position: relative; } .qq-container .ddl-container .ddl-text { position: relative; z-index: 90; padding: 0 30px 0 10px; overflow: hidden; } .qq-container .ddl-container .ddl-text:after { content: ''; background: url(/assets/img/global/icon-arrow-down-grey.png) left top no-repeat; position: absolute; right: 10px; top: 12px; width: 13px; height: 7px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .qq-container .ddl-container .ddl-list { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')"; display: none; background: white; border-bottom: 1px solid #f1f1f1; position: absolute; top: 34px; left: 0; width: 243px; z-index: 100; } .qq-container .ddl-container .ddl-list li { cursor: pointer; color: #acacac; font: 16px/30px "openSansCondensedBold"; height: 30px; padding: 0 10px; display: block; border-bottom: 1px solid #e8e8e8; } .qq-container .ddl-container .ddl-list li:last-child { border: 0; } .qq-container .ddl-container .ddl-list li:hover { background: #f6f6f6; color: #453c2d; } .qq-container .ddl-container .ddl-list li.selected { color: #453c2d; } .qq-container .ddl-container .ddl-list li.long { line-height: 18px; padding-top: 6px; padding-bottom: 8px; } .qq-container .calendar-wrapper { position: relative; z-index: 2; } .qq-container .calendar-wrapper .qq-calendar { display: none; margin: -5px 0 10px; } .qq-container .calendar-wrapper .qq-calendar i { display: none; } .qq-container .calendar-wrapper .text { padding: 0 40px 0 10px; } .qq-container .calendar-wrapper .text.date-selected { background-color: #8aa40d; background-image: -moz-linear-gradient(top, #bcd53e, #8aa40d); background-image: -ms-linear-gradient(top, #bcd53e, #8aa40d); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcd53e), to(#8aa40d)); background-image: -webkit-linear-gradient(top, #bcd53e, #8aa40d); background-image: -o-linear-gradient(top, #bcd53e, #8aa40d); background-image: -webkit-gradient(linear, left top, left bottom, from(#bcd53e), to(#8aa40d)); background-image: linear-gradient(top, #bcd53e, #8aa40d); background-repeat: repeat-x; } .qq-container .calendar-wrapper .text:after { content: ''; background: url(/assets/img/global/icon-arrow-down-grey.png) left top no-repeat; position: absolute; right: 10px; top: 12px; width: 13px; height: 7px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .qq-container form { width: 243px; } .qq-container form select, .qq-container form button { padding: 0; margin: 0; width: 100%; cursor: pointer; outline: none; display: block; } .qq-container form button.submit { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #f2f2f2; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -ms-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background-image: linear-gradient(top, #ffffff, #f2f2f2); background-repeat: repeat-x; color: #809a00; padding: 0; border: 0; margin-bottom: 10px; height: 31px; font: 16px/31px "openSansCondensedBold"; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .qq-container form button.submit i { font-size: 16px; line-height: 16px; margin-top: 8px; } .qq-container form button.submit:hover { background-color: #ffffff; background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff); background-image: -ms-linear-gradient(top, #e6e6e6, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff); background-image: -o-linear-gradient(top, #e6e6e6, #ffffff); background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ffffff)); background-image: linear-gradient(top, #e6e6e6, #ffffff); background-repeat: repeat-x; } .qq-container .qqBestPrice { background: url(/assets/img/global/best-price-icon.gif) center right no-repeat; font: 11px/13px "openSansCondensedBold"; color: #acacac; padding-right: 10px; margin: 8px 0 0; text-decoration: none; text-transform: uppercase; text-align: right; width: 230px; } .qq-container .qqBestPrice:hover { color: #f0f0f0; } /* Languages and Flags */ /********************************************************/ .fr-flag, .pr-flag, .ec-flag, .ca-flag, .it-flag, .es-flag, .co-flag, .pe-flag, .ie-flag, .br-flag, .ar-flag, .cl-flag, .se-flag, .us-flag, .pt-flag, .be-flag, .mx-flag, .ru-flag, .de-flag, .ve-flag, .no-flag, .uy-flag, .gb-flag, .arrow-right, .arrow-down { display: inline-block; background: url("/assets/img/global/flags/sprite.png") no-repeat; vertical-align: top; } .fr-flag { background-position: -0px -0px; width: 21px; height: 15px; } .pr-flag { background-position: -0px -15px; width: 21px; height: 15px; } .ec-flag { background-position: -0px -30px; width: 21px; height: 15px; } .ca-flag { background-position: -0px -45px; width: 21px; height: 15px; } .it-flag { background-position: -0px -60px; width: 21px; height: 15px; } .es-flag { background-position: -0px -75px; width: 21px; height: 15px; } .co-flag { background-position: -0px -90px; width: 21px; height: 15px; } .pe-flag { background-position: -0px -105px; width: 21px; height: 15px; } .ie-flag { background-position: -0px -120px; width: 21px; height: 15px; } .br-flag { background-position: -0px -135px; width: 21px; height: 15px; } .ar-flag { background-position: -0px -150px; width: 21px; height: 15px; } .cl-flag { background-position: -0px -165px; width: 21px; height: 15px; } .se-flag { background-position: -0px -180px; width: 21px; height: 15px; } .us-flag { background-position: -0px -195px; width: 21px; height: 15px; } .pt-flag { background-position: -0px -210px; width: 21px; height: 15px; } .be-flag { background-position: -0px -225px; width: 21px; height: 15px; } .mx-flag { background-position: -0px -240px; width: 21px; height: 15px; } .ru-flag { background-position: -0px -255px; width: 21px; height: 15px; } .de-flag { background-position: -0px -270px; width: 21px; height: 15px; } .ve-flag { background-position: -0px -285px; width: 21px; height: 15px; } .no-flag { background-position: -0px -300px; width: 21px; height: 15px; } .uy-flag { background-position: -0px -315px; width: 21px; height: 15px; } .gb-flag { background-position: -0px -330px; width: 21px; height: 15px; } .arrow-right { background-position: -0px -345px; width: 5px; height: 9px; } .arrow-down { background-position: -5px -345px; width: 9px; height: 5px; } #language-select { font: 11px/11px "openSansCondensedBold"; position: relative; width: 64px; margin-right: -8px; } #language-select .language-link { color: #97938b; } #language-select .language-link i[class*="-flag"] { margin: -1px 0 0 5px; } #language-select .language-link i.arrow-right { margin-right: 0px; margin-top: 2px; } #language-select .language-link i.arrow-down { display: none; margin: 4px 0px 0 0; } #language-select .language-link:hover { color: white; } #language-select .language-link.active { color: white; } #language-select .language-link.active i.arrow-right { display: none; } #language-select .language-link.active i.arrow-down { display: inline-block; } #language-select a span { font: 11px/11px "openSansCondensedBold"; } #countries-container { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-radius-bottomleft: 3px; -webkit-border-radius-bottomright: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.3); box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.3); filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')"; background: #3e3e3e; /* Old browsers */ background: -moz-linear-gradient(top, #343434 0%, #3e3e3e 45px, #3e3e3e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(45px, #3e3e3e), color-stop(100%, #3e3e3e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #343434 0%, #3e3e3e 45px, #3e3e3e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #343434 0%, #3e3e3e 45px, #3e3e3e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #343434 0%, #3e3e3e 45px, #3e3e3e 100%); /* IE10+ */ background: linear-gradient(to bottom, #343434 0%, #3e3e3e 45px, #3e3e3e 100%); /* W3C */ width: 300px; margin: 0; padding: 12px 0 0; display: none; position: absolute; top: 35px; right: 0; z-index: 999; } #countries-container h4 { display: block; width: 100%; font: 15px/15px "openSansCondensedBold"; color: white; border-bottom: 1px solid #4f4e4d; padding-bottom: 2px; text-indent: 28px; } #countries-container a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #97938b !important; font: 13px/13px "openSansCondensedBold" !important; text-transform: uppercase; padding: 7px 9px !important; width: 115px !important; display: block; } #countries-container a i { margin: -1px 6px 0 0; } #countries-container a:hover { background-color: #464646; background-image: -moz-linear-gradient(top, #505050, #464646); background-image: -ms-linear-gradient(top, #505050, #464646); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#505050), to(#464646)); background-image: -webkit-linear-gradient(top, #505050, #464646); background-image: -o-linear-gradient(top, #505050, #464646); background-image: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#464646)); background-image: linear-gradient(top, #505050, #464646); background-repeat: repeat-x; color: white !important; } #countries-container ul { margin: 12px 0 20px 0; } #countries-container ul.first { margin-left: 23px; margin-left: 0\9; } #countries-container ul.second a { width: 100px; } #countries-container li { display: inline; } /* About Nav Styling */ /********************************************************/ #about-nav { width: 153px; height: 82px; position: absolute; z-index: 100; display: block !important; } #about-nav #mm-logo-ddl { -webkit-animation: show 0.15s ease-in; -moz-animation: show 0.15s ease-in; -ms-animation: show 0.15s ease-in; -o-animation: show 0.15s ease-in; animation: show 0.15s ease-in; visibility: hidden; } #about-nav .divider-mm-logo-ddl { margin-top: 6px; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #4e4e4e; width: 152px; } #about-nav .li-mm { margin-top: 8px; } #about-nav .btn-mm { width: 132px; height: 10px; margin: 0 auto; background: #525252; color: #fff; font: 12px/12px "openSansCondensedBold"; padding: 10px 0px; text-transform: uppercase; text-align: center; border-radius: 1px; } #about-nav .btn-mm:before { display: none; } #about-nav:hover #mm-logo-ddl { display: block !important; visibility: visible; } #about-nav li, #about-nav a { display: block; } #about-nav > li > a { background: url(/assets/img/global/resorts/san-bl-logo-compressor.jpg) top left no-repeat; width: 153px; height: 82px; cursor: pointer; background-size: 153px 82px; } #about-nav > li > a.uk { background-image: url(/assets/img/global/resorts/san-bl-logo-uk.jpg); } #about-nav ul { background: #444444; background: -moz-linear-gradient(top, #333333 0%, #444444 22px, #444444 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #333333), color-stop(22px, #444444), color-stop(100%, #444444)); background: -webkit-linear-gradient(top, #333333 0%, #444444 22px, #444444 100%); background: -o-linear-gradient(top, #333333 0%, #444444 22px, #444444 100%); background: -ms-linear-gradient(top, #333333 0%, #444444 22px, #444444 100%); background: linear-gradient(to bottom, #333333 0%, #444444 22px, #444444 100%); position: absolute; left: 0px; bottom: -289px; width: 100%; padding: 12px 0 10px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.4); filter: "progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')"; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#969696')"; display: none; } #about-nav ul li a { color: #97938b; font: 15px/16px "openSansCondensedBold"; padding: 6px 10px; } #about-nav ul li a:hover { color: #fff; } #about-nav ul li a:before { font-family: "sandalsfontsregular"; content: 'q'; font-size: 7px; vertical-align: middle; padding-right: 3px; } /* Core Submenu Styling */ /********************************************************/ .mm-heading-wrapper { width: 390px; height: 275px; text-align: center; } .mm-heading-wrapper.uk-specials { width: 360px; } .mm-heading { padding: 100px 15px 0 15px; color: rgba(255, 255, 255, 0.6); margin: 0px auto; font: 22px/30px "openSansLight"; text-transform: uppercase; } .mm-heading .mm-big { font: 37px/37px "openSansLight"; display: block; color: #fff; } .mm-heading a { color: #ccc; -webkit-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; } .mm-heading a:hover { color: #fff; } .mm-activities .mm-heading { font-size: 25px; } .mm-link-wrapper { width: 570px; padding-top: 40px; } .mm-heading-wrapper .mm-link-wrapper { padding: 0; } .mm-links { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 300px; border-left: 1px solid rgba(117, 117, 117, 0.55); } .mm-links.mm-links-last { width: 250px; } .mm-links li { display: block; padding-left: 40px; } .mm-links li a { color: #aaa; font: 16px/35px "openSansLight"; -webkit-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; text-align: left; } .mm-links li a sup { font-size: .5em; bottom: .8em; } .mm-links li a:before { content: "\72"; color: #757575; font: 13px/13px "sandalsfontsregular"; padding: 0px 10px 0 0; } .mm-links li a:hover { color: #fff; } .mm-links.uk-specials { width: 280px !important; } .mm-links.uk-specials li a { font: 16px/35px "openSansLight"; } .mm-heading-wrapper .mm-links { border: none; display: block; } .mm-spc-sub .mm-links { margin-left: 17px; } .mm-split { border-right: solid 1px #454545; padding-right: 15px; width: 265px; margin-right: 5px; } .mm-split ul { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-bottom: 0px; } .mm-spacer { padding-top: 8px; } .mm-flag { border: 2px solid #fff; text-align: center; text-transform: uppercase; font: 10px/10px "openSansCondensedBold"; background-color: #bf2013; padding: 2px 8px; margin-left: 5px; vertical-align: middle; } .mm-flag.sbd { margin: 0 \9; } .mm-flag:hover { color: #fff; } #obe-sbd-link { border: 3px solid rgba(151, 147, 139, 0.2); text-align: center; padding: 52px 0 50px; position: relative; margin-top: 60px; } #obe-sbd-link h3 { font: normal 14px/1 "TrajanProRegular"; color: #373737; text-transform: uppercase; } #obe-sbd-link h4 { font: 25px/1 "openSansLight"; color: #809a00; } #obe-sbd-link div.divider { width: 140px; height: 1px; margin: 6px auto 2px; display: block; background: #d0d0d0; background: -moz-linear-gradient(left, rgba(208, 208, 208, 0) 0%, #d0d0d0 15%, #d0d0d0 50%, #d0d0d0 51%, #d0d0d0 85%, rgba(208, 208, 208, 0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(208, 208, 208, 0)), color-stop(15%, #d0d0d0), color-stop(50%, #d0d0d0), color-stop(51%, #d0d0d0), color-stop(85%, #d0d0d0), color-stop(100%, rgba(208, 208, 208, 0))); background: -webkit-linear-gradient(left, rgba(208, 208, 208, 0) 0%, #d0d0d0 15%, #d0d0d0 50%, #d0d0d0 51%, #d0d0d0 85%, rgba(208, 208, 208, 0) 100%); background: -o-linear-gradient(left, rgba(208, 208, 208, 0) 0%, #d0d0d0 15%, #d0d0d0 50%, #d0d0d0 51%, #d0d0d0 85%, rgba(208, 208, 208, 0) 100%); background: -ms-linear-gradient(left, rgba(208, 208, 208, 0) 0%, #d0d0d0 15%, #d0d0d0 50%, #d0d0d0 51%, #d0d0d0 85%, rgba(208, 208, 208, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(208, 208, 208, 0)), color-stop(15%, #d0d0d0), color-stop(50%, #d0d0d0), color-stop(51%, #d0d0d0), color-stop(85%, #d0d0d0), to(rgba(208, 208, 208, 0))); background: linear-gradient(to right, rgba(208, 208, 208, 0) 0%, #d0d0d0 15%, #d0d0d0 50%, #d0d0d0 51%, #d0d0d0 85%, rgba(208, 208, 208, 0) 100%); } #obe-sbd-link a { background: #8e8e8e; background: -moz-linear-gradient(top, #8e8e8e 0%, dimgray 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #8e8e8e), color-stop(100%, dimgray)); background: -webkit-linear-gradient(top, #8e8e8e 0%, dimgray 100%); background: -o-linear-gradient(top, #8e8e8e 0%, dimgray 100%); background: -ms-linear-gradient(top, #8e8e8e 0%, dimgray 100%); background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(dimgray)); background: linear-gradient(to bottom, #8e8e8e 0%, dimgray 100%); color: white; width: 70px; padding: 9px 0; margin-left: -35px; display: block; font: 17px/1 "openSansCondensedLight"; border-radius: 2px; position: absolute; bottom: -25px; left: 50%; } #obe-sbd-link a:before { content: ''; } #obe-sbd-link a span { font-size: 21px; display: block; margin-top: -5px; } #obe-sbd-link a:hover { background: dimgray; background: -moz-linear-gradient(top, dimgray 0%, #8e8e8e 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, dimgray), color-stop(100%, #8e8e8e)); background: -webkit-linear-gradient(top, dimgray 0%, #8e8e8e 100%); background: -o-linear-gradient(top, dimgray 0%, #8e8e8e 100%); background: -ms-linear-gradient(top, dimgray 0%, #8e8e8e 100%); background: -webkit-gradient(linear, left top, left bottom, from(dimgray), to(#8e8e8e)); background: linear-gradient(to bottom, dimgray 0%, #8e8e8e 100%); } #obe-sbd-link a:hover:before { margin-left: 0; } /* Specific Submenu Styles */ /********************************************************/ .mm-resorts .mm-heading-wrapper, .mm-weddingmoons .mm-heading-wrapper { width: 270px; } .mm-resorts .mm-heading-wrapper .mm-links, .mm-weddingmoons .mm-heading-wrapper .mm-links { width: 260px; } .mm-resorts .mm-heading-wrapper .mm-links li a, .mm-weddingmoons .mm-heading-wrapper .mm-links li a { line-height: 25px; min-width: 145px; } .mm-resorts .mm-submenu > .mm-link-wrapper, .mm-weddingmoons .mm-submenu > .mm-link-wrapper { width: 665px; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links { width: 220px; height: 210px; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links li, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links li { padding-left: 20px; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links .border-top, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links .border-top { border-top: 1px solid rgba(117, 117, 117, 0.55); } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links .border-top.bt-two, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links .border-top.bt-two { margin-top: 17px; padding-top: 15px; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links .border-top.bt-three, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links .border-top.bt-three { margin-top: 10px; padding-top: 15px; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links a, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links a { font: 14px/25px Arial, Helvetica, sans-serif; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links a:before, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links a:before { content: 'q'; font-size: 8px; line-height: 1; vertical-align: middle; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links a span, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links a span { display: block; color: #757575; font-size: 12px; margin-top: -10px; margin-left: 17px; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links a.mm-res-destination, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links a.mm-res-destination { color: #fff; font-size: 19px; line-height: 19px; margin-bottom: 5px; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links a.mm-res-destination:before, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links a.mm-res-destination:before { content: ''; margin-right: 5px; } .mm-resorts .mm-submenu > .mm-link-wrapper .mm-links a.mm-res-destination:hover, .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links a.mm-res-destination:hover { color: #c7e700; } .mm-resorts .mm-heading-wrapper .mm-heading { font-size: 21px; } .mm-resorts .mm-heading-wrapper .mm-links li { padding-left: 0; } .mm-specials .mm-heading-wrapper { position: relative; } .mm-specials .mm-heading-wrapper .mm-link-wrapper { width: 390px; } .mm-specials .mm-heading-wrapper .mm-links li a { margin-top: 50px; } .mm-specials .mm-heading-wrapper .mm-links li a:before { content: ''; } .mm-specials .mm-heading-wrapper .mm-links li a span.mm-theme-special { color: #fff; font: 37px/37px "openSansLight"; text-transform: uppercase; text-align: center; display: block; position: relative; } .mm-specials .mm-heading-wrapper .mm-links li a img { display: block; margin: -25px auto -70px; } .mm-specials .mm-heading-wrapper .mm-links li a span.mm-theme-link { text-align: center; display: block; margin-left: -10px; font-family: "openSansLight"; } .mm-specials .mm-heading-wrapper .mm-links li a span.mm-theme-link:before { content: "\72"; color: #757575; font: 13px/13px "sandalsfontsregular"; padding: 0px 10px 0 0; } .mm-specials .mm-links { height: 210px; } .mm-weddingmoons .mm-heading-wrapper { width: 345px; } .mm-weddingmoons .mm-heading-wrapper .mm-heading { margin-left: -15px; } .mm-weddingmoons .mm-heading-wrapper i { font-size: 46px; display: block; margin-bottom: -10px; } .mm-weddingmoons .mm-heading-wrapper .mm-links { width: 300px; height: 220px; } .mm-weddingmoons .mm-heading-wrapper .mm-links li { margin-left: -25px; } .mm-weddingmoons .mm-submenu > .mm-link-wrapper { width: 600px; } .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links { width: 360px; height: 195px; } .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links.mm-links-last { width: 220px; } .mm-weddingmoons .mm-submenu > .mm-link-wrapper .mm-links.mm-links-last li.border-top { margin-top: 15px; } /*Subscribe Popup Stylings*/ /* Dependencies */ /* Variables */ /********************************************************/ /* Paths */ /**** NOTE: do not add http: *****/ /* having just //cdn.sandals.com is a protocal relative path */ /* sandals serves up some pages as https (brocure-request/) */ /********************************************************/ /* Font Names */ /********************************************************/ /* $font-helv-25-ul : 'HelveticaNeue25UltraLight'; $font-helv-35-thin : 'HelveticaNeue35Thin'; $font-helv-55-lt : "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; $font-helv-bold : 'HelveticaNeue-Bold'; $font-helv-37-lt-cond : 'HelveticaNeue37LightCondensed'; $font-helv-47-lt-cond : 'HelveticaNeue47LightCondensed'; $font-helv-57-cond : 'HelveticaNeue57Condensed'; $font-helv-67-med-cond: 'HelveticaNeue67MdCn'; $font-helv-77-bd-cond : 'HelveticaNeue77BoldCondensed'; $font-helv-45-light : 'HelveticaNeueLTLight', Helvetica, sans-serif; */ /* $font-helv-25-ul : $font-openSansLight $font-helv-35-thin : $font-openSansLight $font-helv-45-light : $font-openSansLight $font-helv-55-lt : $font-openSansRegular $font-helv-65-med-cond : $font-openSansSemibold $font-helv-bold (75) : $font-openSansBold (85) $font-helv-bold : $font-arial $font-helv-37-lt-cond : $font-openSansCondensedLight $font-helv-47-lt-cond : $font-openSansCondensedLight $font-helv-57-cond : $font-openSansCondensedLight $font-helv-67-med-cond : $font-openSansCondensedBold $font-helv-77-bd-cond : $font-openSansCondensedBold */ /* Mixins */ /********************************************************/ /* Transition*/ @keyframes blink { from { color: #666; } to { color: #fff; } } @-webkit-keyframes blink { from { color: #666; } to { color: #fff; } } #subscribe-popup-box { display: none; } #subscribe-popup { position: fixed; left: 20px; bottom: -600px; z-index: 1000; text-align: center; color: white; display: block; } #subscribe-popup.flip.not-ie .flipper { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -moz-backface-visibility: hidden; } #subscribe-popup form { margin: 0; padding: 0; } #subscribe-popup .dvd { background: rgba(173, 204, 15, 0); background: -moz-linear-gradient(left, rgba(173, 204, 15, 0) 0%, #adcc0f 20%, #adcc0f 80%, rgba(173, 204, 15, 0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(173, 204, 15, 0)), color-stop(20%, #adcc0f), color-stop(80%, #adcc0f), color-stop(100%, rgba(173, 204, 15, 0))); background: -webkit-linear-gradient(left, rgba(173, 204, 15, 0) 0%, #adcc0f 20%, #adcc0f 80%, rgba(173, 204, 15, 0) 100%); background: -o-linear-gradient(left, rgba(173, 204, 15, 0) 0%, #adcc0f 20%, #adcc0f 80%, rgba(173, 204, 15, 0) 100%); background: -ms-linear-gradient(left, rgba(173, 204, 15, 0) 0%, #adcc0f 20%, #adcc0f 80%, rgba(173, 204, 15, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(173, 204, 15, 0)), color-stop(20%, #adcc0f), color-stop(80%, #adcc0f), to(rgba(173, 204, 15, 0))); background: linear-gradient(to right, rgba(173, 204, 15, 0) 0%, #adcc0f 20%, #adcc0f 80%, rgba(173, 204, 15, 0) 100%); height: 1px; width: 100%; display: block; } #subscribe-popup h4 { font: 22px/35px "openSansCondensedBold"; margin: 0; } #subscribe-popup h4 span { font: 35px "openSansCondensedLight"; text-transform: uppercase; } #subscribe-popup h5 { font: 14px "openSansCondensedLight"; margin: -6px 0 7px; } #subscribe-popup p { font: bold 12px/17px Arial, Helvetica, sans-serif; margin: 8px 0 3px; color: #97938b; } #subscribe-popup .processing { font: 20px/3 "openSansCondensedBold"; display: none; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-name: blink; animation-name: blink; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation: blink 1000ms infinite; } #subscribe-popup .btn { background-color: #6f8502; background-image: -moz-linear-gradient(top, #91a724, #6f8502); background-image: -ms-linear-gradient(top, #91a724, #6f8502); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#91a724), to(#6f8502)); background-image: -webkit-linear-gradient(top, #91a724, #6f8502); background-image: -o-linear-gradient(top, #91a724, #6f8502); background-image: -webkit-gradient(linear, left top, left bottom, from(#91a724), to(#6f8502)); background-image: linear-gradient(top, #91a724, #6f8502); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF91A724', endColorstr='#FF6F8502')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF91A724', endColorstr='#FF6F8502')"; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); border-radius: 0 0 3px 3px; border-top: 1px solid #788928; width: 160px; padding: 6px 0; font: 15px/1 "openSansCondensedBold"; cursor: pointer; position: relative; text-align: center; margin: 20px auto; } #subscribe-popup .btn:hover { background-color: #91a724; background-image: -moz-linear-gradient(top, #6f8502, #91a724); background-image: -ms-linear-gradient(top, #6f8502, #91a724); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f8502), to(#91a724)); background-image: -webkit-linear-gradient(top, #6f8502, #91a724); background-image: -o-linear-gradient(top, #6f8502, #91a724); background-image: -webkit-gradient(linear, left top, left bottom, from(#6f8502), to(#91a724)); background-image: linear-gradient(top, #6f8502, #91a724); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF6F8502', endColorstr='#FF91A724')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6F8502', endColorstr='#FF91A724')"; } #subscribe-popup input[type="text"], #subscribe-popup input[type="email"], #subscribe-popup .input-select-wrapper { -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.8); -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.8); box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 10px; width: 190px; height: 30px; border: 1px solid #444; color: #222; outline: none; } #subscribe-popup input[type="text"].error, #subscribe-popup input[type="email"].error, #subscribe-popup .input-select-wrapper.error { border-color: #CB4437; background: #f9e8e6; } #subscribe-popup label { font: bold 13px/20px Arial, Helvetica, sans-serif; padding: 0; text-align: left; width: auto; } #subscribe-popup .dvd + .row { margin-top: 18px; } #subscribe-popup .row { margin-bottom: 8px; } #subscribe-popup .row select { padding: 0.4em 1.8em 0.6em 1em; } #subscribe-popup .row .input-select-wrapper { width: 210px !important; height: 40px; line-height: 30px; font-weight: bold; color: #666; padding: 0px 10px 5px 10px; } #subscribe-popup .row .input-select-wrapper .input-select-wrappertext { line-height: 28px; width: 168px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } #subscribe-popup .row.usterms { width: 276px; margin-left: 30px; text-align: left; margin-top: 20px; } #subscribe-popup .row.usterms label { font: 11px/14px Arial, Helvetica, sans-serif; display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-align: left; color: #97938b; width: 245px !important; } #subscribe-popup .row.caterms { width: 276px; margin-left: 30px; text-align: left; margin-top: 20px; display: none; } #subscribe-popup .row.caterms label { font: 11px/14px Arial, Helvetica, sans-serif; text-align: left; display: inline-block; *display: inline; zoom: 1; vertical-align: top; color: #97938b; width: 245px !important; } #subscribe-popup .close-btn { background: url(/assets/img/global/subscribe-popup-close.png) left top no-repeat; width: 48px; height: 48px; display: block; position: absolute; top: -22px; right: -22px; cursor: pointer; z-index: 5; } #subscribe-popup .close-btn:hover { background-position: 0 -48px; } #subscribe-popup .info { margin-left: 25px; margin-top: 30px; text-align: left; } #subscribe-popup .info p { font-size: 14px; margin-top: 20px; } #subscribe-popup .info label { font-size: 14px; } #subscribe-popup .loader { position: absolute; top: 50%; margin: -37px 0 0 -37px; left: 50%; display: none; } #subscribe-popup .errMsgBottom { font: 12px/14px Arial, Helvetica, sans-serif; color: #ca0e0e; width: 165px; margin: 3px 0 0px 90px; text-align: left; font-weight: bold; display: none; } #subscribe-popup, .front, .back { width: 320px; height: 400px; padding-top: 26px; } .flipper { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.15); box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.15); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; background: #373737; border: 2px solid #4a4a4a; } #subscribe-popup .front { z-index: 2; } #subscribe-popup .front .thanks { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #373737 url(/assets/img/global/subscribe-popup-bg.jpg) left top no-repeat; width: 100%; height: 185px; padding-top: 70px; position: absolute; top: 0; left: 0; display: none; } #subscribe-popup .front .thanks p { color: white; margin-bottom: 8px; } #subscribe-popup .front label { width: 60px; line-height: 30px; color: #e1dddd; text-align: right; margin-right: 5px; } #subscribe-popup.not-ie .back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } #subscribe-popup.not-ie .back h4 span { font-size: 32px; } #subscribe-popup.ie .back { display: none; } #subscribe-popup.ie .back h4 span { font-size: 32px; } /* Variables */ /********************************************************/ /* Paths */ /**** NOTE: do not add http: *****/ /* having just //cdn.sandals.com is a protocal relative path */ /* sandals serves up some pages as https (brocure-request/) */ /********************************************************/ /* Font Names */ /********************************************************/ /* $font-helv-25-ul : 'HelveticaNeue25UltraLight'; $font-helv-35-thin : 'HelveticaNeue35Thin'; $font-helv-55-lt : "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; $font-helv-bold : 'HelveticaNeue-Bold'; $font-helv-37-lt-cond : 'HelveticaNeue37LightCondensed'; $font-helv-47-lt-cond : 'HelveticaNeue47LightCondensed'; $font-helv-57-cond : 'HelveticaNeue57Condensed'; $font-helv-67-med-cond: 'HelveticaNeue67MdCn'; $font-helv-77-bd-cond : 'HelveticaNeue77BoldCondensed'; $font-helv-45-light : 'HelveticaNeueLTLight', Helvetica, sans-serif; */ /* $font-helv-25-ul : $font-openSansLight $font-helv-35-thin : $font-openSansLight $font-helv-45-light : $font-openSansLight $font-helv-55-lt : $font-openSansRegular $font-helv-65-med-cond : $font-openSansSemibold $font-helv-bold (75) : $font-openSansBold (85) $font-helv-bold : $font-arial $font-helv-37-lt-cond : $font-openSansCondensedLight $font-helv-47-lt-cond : $font-openSansCondensedLight $font-helv-57-cond : $font-openSansCondensedLight $font-helv-67-med-cond : $font-openSansCondensedBold $font-helv-77-bd-cond : $font-openSansCondensedBold */ /* Mixins */ /********************************************************/ /* Transition*/ #sweepstakesPopup { background: #373737; width: 270px; height: 340px; padding: 15px 25px; position: fixed; top: 150px; right: 300px; z-index: 1000; display: none; text-align: center; color: white; border: 2px solid #4a4a4a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -o-perspective: 1000; perspective: 1000; } #sweepstakesPopup .close-btn { background: url(/assets/img/global/subscribe-popup-close.png) left top no-repeat; width: 48px; height: 48px; display: block; cursor: pointer; position: absolute; top: -22px; right: -22px; z-index: 5; } #sweepstakesPopup .close-btn:hover { background-position: 0 -48px; } #sweepstakesPopup h4 { font: normal 28px/30px "openSansCondensedBold"; } #sweepstakesPopup h4 span { font: 64px/66px "openSansCondensedBold"; } #sweepstakesPopup h5 { font: normal 19px/21px "TrajanProRegular"; } #sweepstakesPopup h5 span { font-size: 32px; line-height: 34px; display: block; } #sweepstakesPopup h6 { font: normal 20px/22px "openSansCondensedLight"; } #sweepstakesPopup .divider { width: 280px; } #sweepstakesPopup input[type="text"], #sweepstakesPopup input[type="email"] { -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.8); -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.8); box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 10px; margin: 0 0 8px 0; width: 150px; height: 30px; border: 1px solid #444; color: #222; outline: none; } #sweepstakesPopup label { font: bold 13px/20px Arial, Helvetica, sans-serif; padding: 0 10px 0 0; text-align: right; width: 80px; line-height: 30px; color: #e1dddd; } #sweepstakesPopup .conBtn { border-radius: 0 0 3px 3px; border-top: 1px solid #788928; width: 160px; padding: 6px 0; margin: 10px auto; font: 15px/1 "openSansCondensedBold"; cursor: pointer; color: #fff; background-color: #6f8502; background-image: -moz-linear-gradient(top, #91a724, #6f8502); background-image: -ms-linear-gradient(top, #91a724, #6f8502); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#91a724), to(#6f8502)); background-image: -webkit-linear-gradient(top, #91a724, #6f8502); background-image: -o-linear-gradient(top, #91a724, #6f8502); background-image: -webkit-gradient(linear, left top, left bottom, from(#91a724), to(#6f8502)); background-image: linear-gradient(top, #91a724, #6f8502); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF91A724', endColorstr='#FF6F8502')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF91A724', endColorstr='#FF6F8502')"; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); } #sweepstakesPopup .conBtn:hover { background-color: #91a724; background-image: -moz-linear-gradient(top, #6f8502, #91a724); background-image: -ms-linear-gradient(top, #6f8502, #91a724); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f8502), to(#91a724)); background-image: -webkit-linear-gradient(top, #6f8502, #91a724); background-image: -o-linear-gradient(top, #6f8502, #91a724); background-image: -webkit-gradient(linear, left top, left bottom, from(#6f8502), to(#91a724)); background-image: linear-gradient(top, #6f8502, #91a724); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF6F8502', endColorstr='#FF91A724')"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6F8502', endColorstr='#FF91A724')"; }