/********************************************************************************** *** MAIN CSS FILE =================================================================================== *** EXAMPLE SEARCH FOR: TYPOGRAPHY FONT STYLES FONT SIZES FONT COLORS MESSAGE // or COLORS TEXT ALIGN TEXT WRAP WIDTHS/HEIGHTS LINE HEIGHTS // FOR PRINT ONLY MARGINS PADDINGS BACKGROUNDS // or COLORS FORMS PRINTING @media or @MEDIA // Lower and upper case - gives different results SUE TESTING // You can unhide these, it will give you different color border. *** USE: hide-from-print // TO HIDE FROM PRINTING **********************************************************************************/ /********************************************************************************** ******* @MEDIA SIZES - BASE FOR ALL CSS ******************************************* **********************************************************************************/ /* GOOGLE FONT ================================================================= */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); /**** PRINTING ONLY - [HIDE] - FROM SCREEN ===================================== */ /* IMPORTANT **** PRINTING ONLY ****/ .header_for_print_only{ display: none !important; visibility: none; padding: 0px; margin: 0px;} /* GENERAL ===================================================================== */ body { color: #333333; font-size: 14px; background: #FFFFFF; overflow-x: hidden;} /* TYPOGRAPHY ================================================================== */ h1, h2, h3, h4, h5, p, div, li, th, td, form, button, .p, .h2, dl dd { font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 1em; line-height: 20px; padding: 0px; color: #333333;} h1, h2, h3, h4, h5 { font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; margin: 0.9375rem 0;} h1 { font-size: 110%; /* 18px */ font-weight: 600; line-height: 25px;} .send_to_a_friend_title{ font-size: 150%; /* 24px */ font-weight: 600;} h1 h1 { font-size: 100%;} h2 { font-size: 110%; /* 16px */ font-weight: 600;} h2.blue-hue { text-transform: none; color: #FFFFFF;} h2.white-hue { text-transform: none; color: #FFFFFF;} h3 { font-size: 114%; /* 16px */ font-weight: 600;} h4 { font-size: 100%; /* 14px */ font-weight: 600;} h5 { font-size: 100%; /* 14px */ font-weight: 400; text-transform: uppercase;} .pseudo-h3 { font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-weight: 600; font-size: 128%; color: #666666;} /*** FONT STYLES ***/ .bold, b, strong{font-weight: bold;} .fontNormal, em.valmsg{font-style: normal !Important;} .all-caps { text-transform: uppercase;} .small-case {text-transform: none;} .caps:first-letter {text-transform: capitalize;} /*** FONT SIZES ***/ .fontSize12{font-size: 12px;} .fontSize13{font-size: 13px !important;} .fontSize14{font-size: 14px;} .font-size-15, .fontSize15 {font-size: 15px;} .fontSize16{font-size: 16px;} .fontSize18{font-size: 18px;} .fontSize20{font-size: 20px;} /*** FONT MISC ***/ .large_text p, p.large_text { font-size: 114%; line-height: 22px; margin-bottom: 25px; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;} p.edit_note { background: #FFFF99; color: #000000; padding: 10px; font-style: italic;} /* LISTS ======================================================================= */ p, dl dd { font-size: 100%; /* 14px*/ line-height: 20px; margin: 10px 0;} dl dd { font-size: 83%;} ul { /* margin: 20px 0; */ padding: 0; list-style: disc; font-size: 100%;} ul li { margin: 0; padding: 5px 0 5px 0px; font-size: 100%; /* 14px*/ line-height: 1.35;} ul.no_bullet {list-style: none;} ul.nostyle {margin: 0; padding: 0;} ul.nostyle li {margin: 0; padding: 0; background: none;} ul.link_list {margin: 10px 0;} ul.link_list li {padding: 5px 0; background: none;} ul.itinerary_link_list {margin: 10px 0;display: inline;} ul.itinerary_link_list li {padding: 5px 0; background: none;display: inline;} ul.itinerary_link_list li:before { content: "|"; padding: 0 .5em; } ul.itinerary_link_list li:first-child:before { content: ""; padding: 0; } ol { margin: 20px 0; padding: 0; list-style: none; font-size: 100%;} ol li { margin: 0; padding: 5px 0; font-size: 12px; line-height: 1.35;} /* FOR MOBILE FOOTER =========================================================== */ .mobileShow { display: none;} /* MISC ======================================================================== */ .split-area > p:first-child { margin-top: 0;} /* LINKS ======================================================================= */ a {color: #0B3868; outline: none;font-weight:600;} a:hover, a:focus, a.hover {outline: none;} a:hover, a.hover, a:focus {color: #F47F37;} a.inactive {pointer-events: none; cursor: default;} /* CLEAR AND FLOATS; BLOCK ELEMENTS ============================================ */ .visible {visibility: visible;} .hidden {visibility: hidden; display: none !important;} .clear {clear: both;} .clear_right {clear: right;} .clear_left {clear: left;} .overflow, .no_overflow{overflow: hidden;} /* Copied from old styles for images */ .float_left { display: inline; float: left; margin: 0 15px 10px 0; padding: 0 !important;} /* FLOATS */ .floatRight {float: right;} .floatLeft {float: left;} /* BLOCKS */ .block {display: block;} .inline_block {display: inline-block;} .inline {display: inline;} /* COMMONSPOT */ img.float_right, .CS_Textblock_Text img[align=right] { float: right; margin-left: 15px; vertical-align: text-top;} /* FONT COLORS MESSAGE ========================================================= */ /* BASE COLORS TEXT */ .text-primary{color: #666666;} /* DARK BLUE - SAME AS LINK */ .blue, .text-secondary{color: #0B3868;} /* LIGHTER BLUE */ .text-third, .text-tertiary{color: #00447C;} /* HIGHLIGHT MESSAGES */ .text-highlight, .highlight {color: #F47F37 !important;} .text-feature {color: #5E5E5E;} .text-lowlight {color: #F7F3D0;} .text-off-grey {color: #9C9A9F;} .text-info {color: #31708F;} /* a.text-info:hover {color: #245269;} */ .text-info-lowlight {color: #568AAB;} .text-black {color: #000000;} .text-white {color: #FFFFFF;} /* GREYS */ .text-grey-lightest {color: #EDEDED;} .text-grey-lighter {color: #CCCCCC;} .text-grey-light {color: #999999;} .text-grey {color: #777777;} .text-grey-mid {color: #666666;} .text-grey-dark {color: #555555;} .text-grey-darker {color: #444444;} .text-grey-darkest {color: #222222;} /* SUCCESS MESSAGES */ .text-success {color: #3C763D;} /* REQUIRED/ALERT MESSAGES */ .text-required {color: #B81509;} .text-important {color: #FF0004;} .text-warning {color: #8A6D3B;} /* a.text-warning:hover {color: #66512C;} */ .text-danger {color: #A94442;} /* a.text-danger:hover {color: #843534;} */ .text-alert {color: #FF0004;} /* ERROR MESSAGES */ em.valmsg, .mouse_print_red, .text-error {color: #FF0004;} /* GIFT CERTIFICATE */ .gift_certificate_recipient em.valmsg, .gift_certificate_amount em.valmsg, .gift_certificate_cc_type em.valmsg, .gift_certificate_details em.valmsg{ display: block;} /* RESPONSIVE DATES ACCORDION - HIGHLIGHTS ON DATES AND PRICES TAB */ .highlight_dates { content: "\a"; white-space: pre; color: #F47F37 !important; margin-left: 5px; padding-left: 0px !important;} /* TEXT ALIGN ================================================================== */ .text-left{text-align: left;} .right, .mapping, .text-right{text-align: right;} .centre, .center-small, .textCenter, .text-center{text-align: center;} .text-justify{text-align: justify;} .text-vert-top{vertical-align: top;} .text-vert-mid{vertical-align: middle;} .text-vert-bot{vertical-align: bottom;} /* TEXT WRAP =================================================================== */ .noWrap, .text-nowrap{ white-space: nowrap; overflow-wrap: normal; word-wrap: normal;} .text-wrap{ white-space: normal; word-wrap: break-word; overflow-wrap: break-word;} /* WIDTHS/HEIGHTS ============================================================== */ /* WIDTHS [%] */ .width-100, .width_100 {width: 100%;} .width-130, .width_130 {width: 130%;} /* WIDTHS [PX] */ .width_175, /* SHOULD NOT BE USED - THIS SHOULD BE PERCENT */ .width-175px {width: 175px !important;} .width-200px {width: 200px !important;} .width-225px {width: 225px !important;} /* WIDTHS [CALCULATE] */ .width-100-25 {width: calc(100% - 25px);} /* WIDTHS [MAX] */ .max-width-110px {max-width: 110px !important;} /* HEIGHTS [PX] */ .height-35px {height: 35px !important;} /* MARGINS ===================================================================== */ /* Top; Right; Bottom; Left; */ /* MARGINS ALL */ .marg-no, .no_marg {margin: 0px !important;} /* MARGINS REM */ .marg-top-rem-base {margin-top: 0.9375rem !important;} .marg-right-rem-base {margin-right: 0.9375rem !important;} .marg-bottom-rem-base {margin-bottom: 0.9375rem !important;} .marg-left-rem-base {margin-left: 0.9375rem !important;} /* MARGINS TOP */ .marg-top-no, .no_marg_top {margin-top: 0px !important;} .marg_top2 {margin-top: 2px;} .marg_top4 {margin-top: 4px;} .marg_top5 {margin-top: 5px !important;} .marg_top10, .marg_top_small {margin-top: 10px;} .small_marg_top {margin-top: 10px !important;} .marg_top15 {margin-top: 15px !important;} .marg_top20, .marg_top {margin-top: 20px;} .marg_top30 {margin-top: 30px;} .marg_top60, .big_marg_top {margin-top: 60px;} .marg_top_neg6 {margin-top: -6px !important;} .marg_top_neg7 {margin-top: -7px !important;} .marg_top_neg10 {margin-top: -10px !important;} .marg_top_neg20 {margin-top: -20px !important;} .marg-top-neg-25, .marg_top_neg25 {margin-top: -25px !important;} /* MARGINS RIGHT */ .marg-no-right, .no_marg_right {margin-right: 0px !important;} .marg_right5, .xsmall_marg_right {margin-right: 5px !important;} .marg_right10 {margin-right: 10px !important;} .marg-right-15 {margin-right: 15px !important;} .marg-right-neg-15 {margin-right: -15px !important;} .marg_right_neg20{margin-right: -20px !important;} /* MARGINS BOTTOM */ .no_marg_bot {margin-bottom: 0px !important;} .marg_bot2 {margin-bottom: 2px !important;} .marg_bot10, .small_marg_bot {margin-bottom: 10px !important;} .marg_bot15 {margin-bottom: 15px !important;} .marg_bot_neg1 {margin-bottom: -1px;} .marg_bot_neg6 {margin-bottom: -6px;} .marg_bot_neg7 {margin-bottom: -7px !important;} /* MARGINS LEFT */ .marg-no-left, .no_marg_left {margin-left: 0px !important;} .marg_left5, .xsmall_marg_left {margin-left: 5px !important;} .marg_left10 {margin-left: 10px;} .marg-left-15 {margin-left: 15px !important;} .marg-left-neg-15 {margin-left: -15px !important;} .marg_left20 {margin-left: 20px;} .marg_left_neg60, .negMarginLeft60 {margin-left: -60px;} /* PADDINGS ==================================================================== */ /* Top; Right; Bottom; Left; */ /* PADDINGS ALL */ .pad-no, .no_pad, .no-pad-small {padding: 0px !important;} /* PADDINGS REM */ .pad-top-rem-base {padding-top: 0.9375rem !important;} .pad-right-rem-base {padding-right: 0.9375rem !important;} .pad-bottom-rem-base {padding-bottom: 0.9375rem !important;} .pad-left-rem-base {padding-left: 0.9375rem !important;} /* PADDINGS TOP */ .pad-top-no, .no_pad_top {padding-top: 0px !important;} .pad-top-2 {padding-top: 2px;} .pad-top-4, .pad_top4 {padding-top: 4px;} .pad-top-5, .pad_top5 {padding-top: 5px !important;} .pad-top-10, .pad_top10 {padding-top: 10px;} .pad-top-15, .pad_top15 {padding-top: 15px;} .pad-top-20, .pad_top20 {padding-top: 20px;} .pad-top-30, .pad_top30 {padding-top: 30px;} /* PADDINGS RIGHT */ .pad-right-no, .no_pad_right {padding-right: 0px !important;} .pad-right-10, .pad_right10 {padding-right: 10px;} /* PADDINGS BOTTOM */ .no_pad_bot {padding-bottom: 0px !important;} .pad-bot-2, .pad_bot2 {padding-bottom: 2px;} .pad_bot5 {padding-bottom: 5px;} .pad_bot10 {padding-bottom: 10px;} .pad-bot-12 {padding-bottom: 12px;} .pad_bot15 {padding-bottom: 15px;} .pad-bot-20, .pad_bot20 {padding-bottom: 20px;} .pad_bot25 {padding-bottom: 25px;} .pad_bot40 {padding-bottom: 40px;} .pad_bot50 {padding-bottom: 50px;} /* PADDINGS LEFT */ .pad-left-no, .no_pad_left {padding-left: 0px !important;} .pad_left5 {padding-left: 5px !important;} .pad_left10, .pad_left_tight {padding-left: 10px !important;} .pad_left25 {padding-left: 25px !important;} .pad_left35 {padding-left: 35px;} /* HR ========================================================================== */ hr { width:auto; margin: 15px 0; border: none; border-bottom: solid 1px #A5A5A5; clear: both;} #header .columns hr {margin: 12px 0.9375rem 0px 0.9375rem !important;} hr.small_marg {margin: 10px 25px;} hr.marg_bot_small {margin-bottom: 50px;} /* ROWS ======================================================================== */ .row {max-width: 1048px;} .row .row {margin:0;} .row .row.minus_marg {margin-left: -15px; margin-right: -15px;} form .row .row .column, form .row .row .columns {padding: 0 0.9375rem;} .row .with-border { border-style: solid; border-width: 1px; border-color: #CCCCCC; /*#666666;*/ /*background: #E4E4E4;*/} /* IMAGES ====================================================================== */ img {margin-left: auto; margin-right: auto;} img.fill {width: 100%;} /* BACKGROUNDS COLORS ========================================================== */ /* BACKGROUNDS - BASE */ .bg-primary{background-color: #666666;} /* BACKGROUNDS - DARK BLUE - SAME AS LINK */ .bg-secondary {background-color: #0B3868;} /* BACKGROUNDS - LIGHTER BLUE */ .bg-tertiary{background-color: #00447C;} /* BACKGROUNDS - HIGHLIGHT MESSAGES */ .bg-highlight{background-color: #F47F37;} /* BACKGROUNDS - WHITE */ .white, .bg-white{background-color: #FFFFFF;} /* BACKGROUNDS - GRAYS */ .greylight_bg, .bg-graylight {background-color: #F4F4F4;} .grey_bg, .bg-gray {background-color: #E4E4E4;} /* BACKGROUNDS - CREAM */ .bg-cream, .cream_bg {background-color: #FCEFE1;} /* BACKGROUNDS - ERROR */ form.uniForm .errorField, .bg-error{background-color: #DE1A1A;} /* BORDERS ===================================================================== */ .no-borders{ border: none !important;} /* BORDERS */ .border-full{border: 1px solid #CCCCCC;} .border-bot-none{border-bottom: none;} /* BORDERS - GRAYS */ .border-gray{border-color: #CCCCCC;} .border-gray-mid{border-color: #A5A5A5;} /* BORDERS - ERROR */ form.uniForm .newFormValidation, .border-error{border-color: #DE1A1A;} /* POPUPS ====================================================================== */ /* POPUPS - QAS - VALIDATING ADDRESS INFORMATION OVERRIDE proweb.css *********** */ /* POPUPS - QAS - [WAITING] SPINNER */ div.wait_message{ border: 1px solid #A5A5A5 !important; background-color: #FFFFFF !important;} /* HEADERS: Suggested Address; Original Address; */ #proweb_wgt h5{ font-weight: 600; font-size: 16px; text-transform: capitalize; font-family: Arial, Helvetica, Helvetica Neue, sans-serif;} /* POPUPS - QAS - ALL MESSAGE INSTRUCTIONS */ div.proweb_popup dt.qas_message { color: #666666 !important; text-align: center !important; background-color: #FFFFFF !important; margin: 0px !important; line-height: 17px; font-size: 12px; padding: 5px 5px 5px 0px !important;} /* POPUPS - QAS - CONTAINER */ .proweb_popup{ border: 2px solid #CFCFCF !important; box-shadow: 0 0 16px #000000 !important; font-size: 12px !important; width: 95% !important; height: auto !important; padding: 5px 5px 25px 15px !important; margin: 0px 0px 0px 10px;} /* POPUPS - QAS - ORIGINAL ADDRESS AREA */ div.proweb_details_left, div.proweb_popup #right_details, div.proweb_details{ padding: 10px 10px 10px 0px !important; width: 100% !important;} /* POPUPS - QAS - BUTTONS/LINKS */ input[type="button"]#refine_btnsubmit, div.proweb_popup #right_details dt.qas_link, /* [USE ORIGINAL ADDRESS] - LINK/BUTTON */ div.proweb_popup a.qas_link, /* [EDIT] - LINK/BUTTON */ div.proweb_popup .qas_acceptbutton /* [OK]; [SELECT ADDRESS] - BUTTON */ { font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; color: #666666 !important; font-weight: 600 !important; text-decoration: none !important; font-size: 14px !important; line-height: 23px; background-color: #FFFFFF; border: solid 1px #666666; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: inline-block; padding: 0px 10px 0px 10px !important;} input[type="button"]#refine_btnsubmit:hover, div.proweb_popup #right_details dt.qas_link:hover, div.proweb_popup a.qas_link:hover, div.proweb_popup .qas_acceptbutton:hover{ border-color: #F47F37;} input[type="button"]#refine_btnsubmit:focus, div.proweb_popup #right_details dt.qas_link:focus, div.proweb_popup a.qas_link:focus, div.proweb_popup .qas_acceptbutton:focus{ border-color: #0B3868;} /* POPUPS - QAS - LINKS */ #partial_showlink.qas_link, /* [DISPLAY ALL POTENTIAL MATCHES] */ div.proweb_popup dt.qas_link /* [All potential missing information] */ { text-decoration: none !important; color: #0B3868 !important; outline: none !important;} #partial_showlink.qas_link:hover, #partial_showlink.qas_link.hover, #partial_showlink.qas_link:focus, div.proweb_popup dt.qas_link.hover, div.proweb_popup dt.qas_link:focus { text-decoration: none !important; outline: none !important; color: #F47F37 !important;} /* POPUPS - QAS - [EDIT] - LINK/BUTTON */ div.proweb_popup a.qas_link{ margin-left: 10px;} /* POPUPS - QAS - [OK]; [SELECT ADDRESS] - BUTTON */ div.proweb_popup .qas_acceptbutton{ margin-left: 0px !important;} div.proweb_popup dt.qas_link{ font-size: 12px; padding: 0px !important;} .proweb_popup input[type="input"]{ height: 25px; margin-right: 5px;} /* POPUPS - QAS - ADDRESS RESULTS FROM [DISPLAY ALL POTENTIAL MATCHES] CONTAINER */ #partial_allresults{ margin-bottom: 30px;} div.proweb_popup dt.qas_range, div.proweb_popup label.qas_postcode{ padding: 0px !important; font-size: 12px; line-height: 20px;} div.proweb_popup label.qas_postcode{ display: inline-block; margin-left: -110px;} #interaction_linezip{ margin-bottom: 10px;} div.proweb_popup #originaladdress table td{ font-size: 12px !important; width: auto; padding: 0px 30px 0px 0px !important;} div.proweb_details table{ width: auto;} /* NOT SURE IF WE USE THIS TABLE ??? */ div.proweb_details .original-address-table{} div.proweb_details .original-address-table tr{background-color: #FFFFFF;} div.proweb_details .original-address-table td{ color: #666666; vertical-align: top; font-size: 1em; line-height: 23px; font-family: Arial, Helvetica, Helvetica Neue, sans-serif;} /* POPUPS ERROR - DATES AND PRICES TAB ========================================= */ /* OVERRIDE akOverlay.css */ /* CONTAINER */ #ak-overlay{} #ak-overlay .overlay-details{ margin: -25px 25px 0 25px !important;} /* Please enter a group size. message */ #ak-overlay .overlay-padding{ padding: 0px !important; position: relative;} /* Background Overlay */ #ak-overlay-mask { z-index: 10000; position: fixed; top: 0; left: 0; opacity: .50; filter: alpha(opacity = 50); background: #333; height: 100% !important; min-height: 100%; min-width: 100%;} /* POPUPS - SIGNUP FLYDOWN - ALL PAGES TOP MENU ================================ */ #signUpFlyDown { display: none; background-color: #FFFFFF;} #signUpFlyDown div { width:100%; float: left;} #signUpFlyDown .button { margin-bottom:10px; margin-left: 0px;} #signUpFlyDown h2, #signUpFlyDown h4, #signUpFlyDown p { margin:5px 5px 15px 5px; text-align: center; width: 355px;} #signUpFlyDown div h2{ margin-bottom: 1px;} #signUpFlyDown span { float: left; margin: 1px 5px 0px 0px;} #signUpFlyDown span select { width: 60px;} #signUpFlyDown span.small { width: 125px;} #signUpFlyDown span.big { width: 172px; float: right; padding-right: 3px;} #signUpFlyDown .right { float: right; padding-right: 5px;} #signUpFlyDown input { width: 100%;} #signUpFlyDown span.req { font-size:12px;} .signUpClose { display:block; position:absolute; top: 0px; right:0px; width:26px; height:26px; background:url(../../images/graphics/close_window_button.png) no-repeat;} .signUpClose:hover{opacity: 0.1; background-color: #C0C0C0;} /* .signUpClose:hover{background-position:-15px;} */ /* More important stuff */ .signUp_overlay, #signUp_overlay-shade { display: none;} #signUp_overlay-shade { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000000;} .signUp_overlay { position: fixed; width: 400px; min-height: 200px; z-index: 10000; background-color: #FFFFFF; border: 2px solid #CFCFCF; color: #FFFFFF; box-shadow: 0 0 16px #000000;} .ie7 .signUp_overlay { height: 200px;} .signUp_overlay .wrapper { padding: 5px 5px 5px 15px !important;} .signUp_overlay .toolbar { padding: 8px; line-height: 1; text-align: right; overflow: hidden;} /* SIGN UP FLYOUT - FADE IN */ #fadeInWrapper h2, #fadeInWrapper p {color: #FFFFFF;} #fadeInWrapper { margin: 155px 0px 0px 225px; padding: 2px;} #fadeInWrapper span { margin:2px 5px 0px 0px; float: left; height: 35px; color: #FFFFFF;} #fadeInWrapper select { width: 50px;} #fadeInWrapper input { width: 95px;} #fadeInWrapper input.larger { width: 115px;} #fadeInWrapper input.email { width: 270px;} #fadeInWrapper span.req { float:right; font-size:12px; margin-right:30px;} #fadeInSignUp .button.small { padding: 2px 0px 2px 5px; margin-left: 0px;} .validationMessage {margin: 10px 0px 0px 15px !important;} .validationMessage a{color:white;text-decoration: underline;} .validationMessage a:hover{color: #F47F37;} #signUpFlyDown .validationMessage { width: 100%; text-align: right; padding-right: 25px;} #signUpFlyDown .validationMessage a{color: #0B3868;} #signUpFlyDown .validationMessage a:hover{color: #F47F37;} #fadeInWrapper .icon.arrow-r { background-image: url(../../images/res/btn_arrow_r_sm.png) no-repeat; height: 25px !important; width: 25px; margin: -1px 5px -1px 5px !important; float: right !important;} #fadeInWrapper button:hover .icon.arrow-r { background-position: 0 -25px;} #signUpFlyDown .icon.arrow-r { margin: -1px 5px -1px 10px; float: right !important;} /* TOGGLE - HIDE/UNHIDE ON CLASS - COLLAPSIBLE ================================= */ /* See: /assets_global/scripts/reuseableCustom.js */ .toggleArticle{} .toggleContent{} .toggleHide{ padding-left: 16px; background: url(../../images/res/toggleHide.gif) no-repeat 0 2px; cursor: pointer; display: inline;} .toggleShow{ padding-left: 16px; background: url(../../images/res/toggleShow.gif) no-repeat 0 2px; cursor: pointer; display: none;} .toggleHideContent{} .toggleExpandedContent{ padding: 5px 25px 30px 25px;} .toggleExpandedContent p{ font-size: 100%; line-height: 20px; margin: 5px 0px 0px 10px;} /* LIVE CHAT POPUP ============================================================= */ table.lpInviteChatTbl {width: auto;} table.lpInviteChatTbl td {padding: 0;} .vert_centre { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* ALL - MOBILE HEADER CONTAINER =============================================== */ /* COMMONSPOT SEE all ... BUTTONS */ .inline_title{ float: none !important; width: auto; display: inline-block; vertical-align: top;} .inline_title div { display: inline-block; vertical-align: top;} .inline_title h1 { padding-right: 20px !important;} .inline_title div p.btn_con { float: none !important; text-align: left;} /* CONTAINER FOR MENU AND MAIN IMAGE */ .inner-wrap{ padding-top: 27px; /* Clear the top Fixed Header - DOES NOT WORK FOR MOBILE SEARCH PAGE */} /* THIS WORKS FOR MOBILE SEARCH PAGE */ .inner-wrap > .searchNav{ /*margin-top: -50px; top: 50px;*/ width: 100%; left: 0; position: fixed; top: 0; z-index: 99;} /* MOBILE - MENU BAR CONTAINER */ .tab-bar { background: #FFFFFF; color: #888888; height: 50px; line-height: 50px; border-bottom: solid 1px #A5A5A5;} /* MOBILE - MENU BAR CONTAINER WHEN ACTIVE - PHONE NUMBER DROPDOWN */ .tab-bar.active { border-bottom-color: #E4E4E4;} /* MOBILE - LOGO AREA - MIDDLE */ .tab-bar-section {height: 50px;} /* MOBILE - MENU AREA - LEFT */ .left-small {border-right: none;} /* MOBILE - PHONE ICON AREA - RIGHT */ .right-small {border-left: none;} /* MOBILE - LOGO */ a#logo { display: inline-block; margin-top: 5px;} /* MOBILE - PHONE ICON */ a#call-link { display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(../../images/res/call_link.png) 0 0 no-repeat; margin: 10px;} a#call-link:hover, a#call-link.active { background-position: 0 -30px;} /* MOBILE - PHONE NUMBER DROPDOWN */ #mob-call-area { display: none; border-bottom: solid 1px #A5A5A5;} /* CONTAINER FOR PHONE */ .phone-num { font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 18px; color: #666666; text-align: center;} /* NAVIGATION - MOBILE SIDE ===================================================== */ a.menu-trigger { display: block; width: 25px; height: 20px; position: relative; margin: 17px 10px 0 10px;} a.menu-trigger span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 3px; margin-top: -2px; background-color: #888888; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} a.menu-trigger span:before, a.menu-trigger span:after { position: absolute; left: 0; width: 100%; height: 100%; background: #888888; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;} a.menu-trigger span:before { -webkit-transform: translateY(-250%); transform: translateY(-250%);} a.menu-trigger span:after { -webkit-transform: translateY(250%); transform: translateY(250%);} a.menu-trigger:hover span, a.menu-trigger:hover span:before, a.menu-trigger:hover span:after { background-color: #F47F37;} .move-right a.menu-trigger span { background-color: transparent;} .move-right a.menu-trigger span:before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);} .move-right a.menu-trigger span:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg);} .move-right .exit-off-canvas, .move-left .exit-off-canvas { box-shadow:none; } .left-off-canvas-menu { background: #E3E3E3;} ul.off-canvas-list li { padding: 0; background: none;} /* Signup Enews - Email Sign Up */ ul.off-canvas-list li.menuDoubleTop { margin-top: 2.70em;} ul.off-canvas-list li a, ul.off-canvas-list li a.linkReverse { font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 14px; color: #666666; border-bottom: solid 1px #E4E4E4;} ul.off-canvas-list li a:hover, ul.off-canvas-list li .linkReverse:hover { background-color: #F47F37; color: #FFFFFF;} li.separator { display: none; background: none;} .left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after { content: ''; display: inline-block; width: 10px; height: 20px; float: right; background: url(../../images/res/more_arrow.png) 0 0 no-repeat;} .left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:hover:after { background-position: 0 -20px;} .left-submenu {background: #E3E3E3;} ul.off-canvas-list li label { color: #0B3868; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 14px; background: #E4E4E4; border-top: 1px solid #E4E4E4; /*border-bottom: 1px solid #E4E4E4;*/ text-transform: none; font-weight: normal; padding: 0;} .left-submenu .back>a { color: #FFFFFF; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; text-transform: none; font-size: 14px; font-weight: normal; background: #666666; border-top: solid 1px #666666; padding: 0.3rem 0.66667rem; line-height: 20px;} .left-submenu .back>a:before { content: ''; width: 10px; height: 20px; display: inline-block; float: left; background: url(../../images/res/back_arrow.png) 0 0 no-repeat;} .left-submenu .back>a:hover { background-color: #F47F37; border-color: #F47F37;} /* NAVIGATION - MOBILE SIDE FIX ================================================= */ .off-canvas-fixed { -webkit-transition: -webkit-transform 500ms ease; transition: transform 500ms ease;} .move-right > .off-canvas-fixed { height: 100%; -webkit-transform: translate3d(15.625rem, 0, 0); transform: translate3d(15.625rem, 0, 0); } .left-off-canvas-menu { -webkit-transform: none; transform: none; margin-left: -15.625rem; height: 100vh;} .fixed_nav_spacing { padding-top: 49px;} /* NAVIGATION - MOBILE SIDE - SEARCH =============================================*/ .left-off-canvas-menu .search { margin: 0.6667rem; box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); background: #DBDBDB;} .left-off-canvas-menu form input.txt_search { width: calc(100% - 30px); background: transparent; border: none; margin: 0; display: inline-block; font-size: 16px; /* to stop zooming in on iphone/ipad */ font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;} .left-off-canvas-menu form input#btn_search2 { width: 30px; height: 30px; text-indent: -9999px; display: inline-block; float: right; border: none; background:url(../../images/res/us-search.png) transparent no-repeat center center;} /* AUTO COMPLETE SEARCH ========================================================= */ .ui-autocomplete.ui-menu { z-index: 9999 !important;} .ui-menu { display: block; float: left; list-style: none outside none; margin: 0; padding: 2px;} .ui-autocomplete { border: 1px solid #CCCCCC; cursor: default; position: absolute; margin-top: -5px;} .ui-corner-all { /*border-radius: 4px 4px 4px 4px;*/} .ui-widget-content { background: none repeat scroll 0 0 #FFFFFF; color: #444444;} .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1.2em;} .ui-menu .ui-menu-item { clear: left; float: left; margin: 0; padding: 0; width: 100%; background: none;} .ui-menu .ui-menu-item a { display: block; font-weight: normal; line-height: 1.5; padding: 0.2em 0.4em; text-decoration: none;} .ui-widget-content a { color: #0F5D9D;} .ui-corner-all { /*border-radius: 4px 4px 4px 4px;*/} .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: none repeat scroll 0 0 #DADADA; border: medium none; color: #0F5D9D; font-weight: normal;} /* NAVIGATION - MOBILE BOTTOM DROPDOWNS ========================================= */ /* SHOW MORE */ a.show-more { margin: 0.9375rem auto; width: 30px; height: 30px; display: block; border-radius: 15px; border: solid 1px #A5A5A5; text-indent: -9999px; background-image: url(../../images/res/show-more.png); background-position: -1px 0px;} a.show-more.active { background-image: url(../../images/res/show-less.png);} a.show-more:hover { background-color: #F47F37; border-color: #F47F37; background-position: -1px -30px;} .show-more-area-small { display: none;} .show-more-area-medium {display: none;} .show-more-area-large {display: none;} a.show-more-bar { line-height: 30px; padding: 0.5rem 0.9375rem; display: block; border-top: solid 1px #A5A5A5; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 14px; font-weight: 600; color: #666666;} a.show-more-bar .icon { width: 30px; height: 30px; display: block; border-radius: 15px; border: solid 1px #A5A5A5; text-indent: -9999px; background-image: url(../../images/res/show-more.png); background-position: -1px 0px; float: right;} a.show-more-bar.active {} a.show-more-bar.active .icon { background-image: url(../../images/res/show-less.png);} a.show-more-bar:hover {color: #F47F37;} a.show-more-bar:hover .icon { background-color: #F47F37; border-color: #F47F37; background-position: -1px -30px;} /* NAVIGATION - REGIONS ======================================================== */ .select_region{ max-width: 290px; text-align: right; margin: 0;} .select_region a { height: 24px; display: block; padding: 5px 0;} .UK, .US, .AU { color: #666666; font-weight: 700; padding: 7px 24px 3px 0; background: url(../../images/res/uk-icon.png) top right no-repeat; line-height: 14px;} .UK {} .US {} .AU {} /* SUBNAV ====================================================================== */ /* COMMONSPOT */ ul.cspot_nav { margin-top: 0;} ul.cspot_nav li { padding-left: 0; background: none;} /* ACTION BAR ================================================================== */ /* ACTION BAR - BOTTOM NAV - SMALL ICONS */ #action-bar { position: fixed; width: 100%; height: 50px; z-index: 9999; background: #E4E4E4; bottom: 0; left: 0;} #action-bar ul { text-align: center; margin: 0; padding: 0;} #action-bar ul li { display: inline-block; margin: 0; padding: 0; width: 60px; background: none; height: 25px;} #action-bar ul li a{ display: block; width: 30px; height: 30px; border-radius: 15px; border: solid 1px #A5A5A5; text-indent: -9999px; background-position: -1px -1px; background-color: #FFFFFF; margin: 10px auto;} /* Adjust Very Small Image */ #action-bar ul li.icon_per #lpButDivID-1420711395233 img.LPMimage{ display: inline-block; width: 30px; height: 30px; border-radius: 15px; border: solid 1px #A5A5A5 !important; background-color: #FFFFFF; margin: 10px auto !important;} /* LIVE CHAT */ #action-bar ul li.icon_per #lpButDivID-1420711395233 img.LPMimage:hover{ content: url("../../images/res/btn_person_lg_aHover.png") !important; border: solid 1px #F47F37 !important; width: 30px; height: 30px;} #action-bar ul li.icon_per #lpButDivID-1420711395233 .LPMcontainer.LPMoverlay{ left: 15px !important;} #action-bar ul li.icon_per{ width: 0px; padding: 0px;} #action-bar ul li.icon_per table { display: none;} #action-bar ul li a.icon_env {background-image: url(../../images/res/btn_enquire.png);} #action-bar ul li a.icon_pin {background-image: url(../../images/res/btn_pin.png);} #action-bar ul li a.icon_bro {background-image: url(../../images/res/btn_brochure.png);} #action-bar ul li a.icon_apro {background-image: url(../../images/res/btn_profile.png);} #action-bar ul li a.icon_aweb {background-image: url(../../images/res/btn_webinar.png);} #action-bar ul li a.icon_apho {background-image: url(../../images/res/btn_photolibrary.png);} #action-bar ul li a.icon_acon {background-image: url(../../images/res/btn_contacts.png);} #action-bar ul li a:hover{ background-position: -1px -31px; background-color: #F47F37; border-color: #F47F37;} #action-bar .icon_per .lpPoweredBy, #action-bar .icon_per span.text { display: none;} /* SUE TESTING - LIVE CHAT #action-bar ul li.icon_per #lpButDivID-1420711395233{} #action-bar ul li.icon_per table{ display: block !important;} */ /* SINGLE IMAGE BANNERS ======================================================== */ .banner .columns > img, .banner .columns .CS_Element_Image img { width: 100%;} /* SINGLE IMAGE BANNERS - VIDEO PREVIEW ======================================== */ .banner .video_preview { position: absolute; display: block; bottom: 10px; left: 10px; z-index: 10; height: 50px;} .banner .video_preview > span { float: left; position: relative; display: block;} .banner .video_preview span.preview_text { /* color: #fff; padding: 0 0 0 20px; font-size: 1rem; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); */ color: #FFFFFF; font-size: 114%; font-family: 'Open sans'; font-weight: 600; padding: 0 0 0 20px; text-shadow: 0px 0px 5px #000000; display: block;} .banner .video_preview span.preview_img { height: 100%; overflow: hidden;} .banner .video_preview span.preview_img img { height: 100%; border: 1px solid #FFFFFF;} .banner .video_preview span.preview_img span { display: block; text-align: center; background-color: #FFFFFF; width: 40px; height: 40px; border-radius: 50%; position: absolute; left: calc(50% - 20px); top: calc(50% - 20px);} .banner .video_preview span.preview_img span:after { content: ""; display: block; left: calc(50% - 6px); top: calc(50% - 10px); width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #0B3868; -webkit-transform: rotate(360deg); transform: rotate(360deg); position: absolute;} .banner .video_preview:hover span.preview_img span { background: #F47F37;} .banner .video_preview:hover span.preview_img span:after { border-color: transparent transparent transparent #FFFFFF;} /* ADVERTS ===================================================================== */ .advert h3, .advert p {margin: 10px 0.9375rem 0 0.9375rem;} .small-6.advert img {padding: 0 0.9375rem; margin-top: 12px;} .advert .btn_con, .advert :not(.btn_con) a {margin-bottom: 15px;} /* SLIDE TEXT */ .slide_text .btn_con{margin: 0;} /* OVERRIDE PADDINGS */ .top-40 { padding-bottom: 12px !important;} /* MISC */ .cross_link { border: solid 1px #E4E4E4; margin-top: 15px !important;} .cross_link h4 {margin: 10px 0; text-align: center;} /* SIGN UP FOR eNEWS =========================================================== */ .signup_for_email{} /* ICONS ======================================================================= */ .icon.amp { background: url(../../images/graphics/series-amps.gif) no-repeat; padding-left: 20px; display: inline-block; line-height: 16px; margin: 2px 0;} .icon.amp.default {background-position: 0 -300px;} .icon.amp.luxury {background-position: 0 0;} .icon.amp.connections {background-position: 0 -50px;} .icon.amp.cruising {background-position: 0 -100px;} .icon.amp.extreme-adventures {background-position: 0 -150px;} .icon.amp.tailormade {background-position: 0 -200px;} .icon.amp.tailormade-elements {background-position: 0 -250px;} .icon.amp.discovery {background-position: 0 -350px;} .icon.amp.signature {background-position: 0 -450px;} .icon.amp.connoisseurs {background-position: 0 -400px;} .icon.amp.train {background-position: 0 -500px;} .icon.amp.family {background-position: 0 -550px;} .icon.amp.extension {background-position: 0 -600px;} .icon.amp.limited-time {background-position: 0 -650px;} /* VIDEOS & GALLERIES ========================================================== */ a.view_overlay { display: block; position: relative; float: left; } a.view_overlay img { position: relative; z-index: 1; float: left; } a.trigger img { margin: 0 !important; } a.view_overlay span { position: absolute; z-index: 2; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } a.view_overlay.play span { background-image: url(../../images/res/play.png); } a.view_overlay.gallery span { background-image: url(../../images/res/gallery.png); } a.view_overlay:hover span { background-color: rgba(102, 102, 102, 0.3); } /* SEARCH RESULTS ============================================================== */ .search_result {} .search_result .btn_con { margin-bottom: 0;} .search_result h3 { margin-top: 15px;} /* RIBBONS - OFFER/NEW/SOLD OUT/LIMITED =========================================*/ .offer_ribbon, .new_ribbon { position: absolute; top: 0; right: 5px; background: url(../../images/res/offers_ribbon.png) 0 0 no-repeat; height: 98px; width: 48px; z-index: 3;} /*.offer_ribbon, .new_ribbon { position: absolute; top: 0; left: 15px; background: url(../../images/res/limited-availability.png) 0 0 no-repeat; height: 138px; width: 130px; z-index: 3;} */ .new_ribbon { background: url(../../images/res/new_ribbon.png) 0 0 no-repeat;} .limited_avail { background: url(../../images/res/limited-availability.png) 0 0 no-repeat;} .sold_out { background: url(../../images/res/sold-out.png) 0 0 no-repeat; position: absolute; top: 0; right: 15px; height: 130px; width: 293px; z-index: 3;} .offer_ribbon span, .new_ribbon span, .limited_avail span, .sold_out span { display: none;} .offer_ribbon_, .new_ribbon_ { position: relative; background: url(../../images/res/offerflag_small.jpg) 0 0 no-repeat; height: 75px; width: 60px; z-index: 3;} .offer_ribbon__text, .new_ribbon__text { position: relative; top: 15px; right: 50px; text-align: top; vertical-align: text-top;} .search_result .offer_ribbon, .search_result .new_ribbon { top: 0; right: 15px;} .special_offer .offer_ribbon, .special_offer .new_ribbon { top: 0px;} /* PAGINATION ================================================================== */ .pagi_title { text-align: right; float: right;} ul.pagination { margin: 0; padding: 0; height: auto; line-height: 20px;} ul.pagination li { background: none; padding: 0; font-size: 100%; line-height: 20px; height: 20px;} ul.pagination li a { color: #0B3868; padding: 0 8px;} ul.pagination li.current a, ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #F47F37; color: #FFFFFF;} /* READ MORE BLOCK ============================================================= */ .read-more-block { position: relative; /*overflow: hidden;*/ overflow: visible !important; padding-bottom: 100px; height: 290px;} .read-more-block.count_info { height: 0; padding-bottom: 60px;} .read-more-block-btns { background: #FFFFFF; position: absolute; bottom: 0; padding-top: 15px; /*width: calc(100% + 50px);*/ width: 100%;} /*** FORMS MAIN ================================================================= */ /* FORMS - PLACEHOLDER - GHOST TEXT - INPUT FIELDS */ /* Ghost text - search input. vanishes when user types */ /* you have to separate these out, if one doesn't work then all will be ignored */ input:-moz-placeholder{ font-size: 12px; color: #666666;} ::-moz-placeholder{ font-size: 12px; color: #666666;} :-moz-placeholder{ font-size: 12px; color: #666666;} :-ms-input-placeholder{ font-size: 12px; color: #666666;} ::-webkit-input-placeholder{ font-size: 12px; color: #666666;} form {font-size: 14px;} form.uniForm{} form.uniForm h3 { border-bottom: none; margin-bottom: 5px;} .uniForm fieldset p.formHint, form p.note {font-size: 12px; font-style: italic;} form p.note {margin-top: 0;} /* FORMS - ROWS */ .uniForm .row {margin-bottom: 0.9375rem;} .uniForm .row input[type="text"], .uniForm .row select:not(.date) {margin-bottom: 2px;} /* FORMS - FIELDSETS */ fieldset { padding: 0.4687rem 0; border: none;} form fieldset.btn_row { background: #FFFFFF; padding-top: 1.866rem;} /* FORMS - LABELS */ label, p.lbl, .uniForm fieldset p.lbl { color: #666666; cursor: default; font-size: 14px; margin: 0 0 5px 0; padding: 6px 0 0 0; float: left;} label .req, p.lbl .req { display: inline-block; margin-left: 5px; font-size: 10px; background: #E4E4E4; border-radius: 3px; color: #666666; text-transform: uppercase; padding: 0 5px; line-height: 16px;} /* FORMS - INPUT FIELDS */ input[type="input"], input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { border: 1px solid #CCCCCC; box-shadow: none; color: #666666; font-size: 12px; margin: 0 0 0.9375rem 0; height: 30px; padding: 5px; display: inline-block;} /* FORMS - INPUT FIELDS - FOCUS */ input[type="input"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background-color: #FFFFFF; border-color: #CCCCCC; box-shadow: none;} /* FORMS - ERROR MESSAGE */ form.uniForm .errorField { margin: 5px 0 0 0; padding: 5px; font-size: 12px; color: #FFFFFF; /* background: #DE1A1A;*/ } /* ERROR MESSAGE BOX BORDERS form.uniForm .newFormValidation { border-color: #DE1A1A;} */ /* FORMS - CHECKBOX/RADIO FIELDS */ input[type="checkbox"], input[type="radio"] {margin: 0.4687rem 0;} .uniForm .inlineLabel {float: left !important; clear: both;} .uniForm .inlineLabel input[type="checkbox"], .uniForm .inlineLabel input[type="radio"] {margin: 0 4px 0 0;} /* FORMS - SELECT/OPTION FIELDS */ select { color: #666666; margin: 0 0 0.9375rem 0; background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 12px; height: 30px; padding: 5px 3px 5px 3px;} /* SELECT/DROPDOWN FIRST ELEMENT #country > option:nth-child(1), #state > option:nth-child(1), #titleID > option:nth-child(1), #bill_titleID > option:nth-child(1), #bill_state > option:nth-child(1), #bill_country > option:nth-child(1), #cc_type > option:nth-child(1), #cc_expiration_month > option:nth-child(1), #cc_expiration_year > option:nth-child(1)*/ select > option:nth-child(1){ color: #666666; background-color: rgba(204,204,204,0.2); height: 25px; padding-top: 4px; border-bottom: 1px solid #CCCCCC; padding-left: 5px;} select optgroup { color: #666666; font-weight: 600; margin-left: 5px; font-size: 14px;} select option{ color: #666666; height: 18px; background-color: #FFFFFF; padding-top: 1px; font-size: 12px; padding-left: 15px; padding-right: 15px;} select > optgroup > option { padding-left: 10px; margin-left: -5px;} /* SELECT/DROPDOWN LAST ELEMENT [OTHER] */ #state > option:nth-child(6), #bill_state > option:nth-child(6){ color: #666666; font-weight: 600; margin-left: -10px; font-size: 14px;} /* ONLY WORKS ON CUSTOMISED DROPDOWNS */ select:hover { background-color: #FFFFFF; border-color: #CCCCCC;} /* BUTTONS - FORMS ============================================================= */ input[type="submit"], input[type="reset"], input[type="button"] { text-transform: capitalize; border: none; background-color: #0B3868; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFFFFF; cursor: pointer; padding: 5px 11px 4px; -webkit-appearance: none; -moz-appearance: none; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif;} button.button {font-size: 14px;} form button.button { margin-bottom: 15px; margin-left: 15px; } /* BUTTONS - REVERSE - HOVER COLOR */ .buttonReverse{ background-position: 0 -35px !important; border-color: #F47F37 !important; background-color: #FFFFFF !important; color: #666666 !important;} /* BUTTONS - FORMS - OVERRIDES ================================================= */ input[type="submit"].send_to_another_friend, .button { display: inline-block; width: auto; max-width: 590px; margin: 0; padding: 5px 5px 5px 10px; min-height: 35px; line-height: 23px; font-size: 16px !important; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; color: #666666; font-weight: 600; text-align: left; border-radius: 0px; border: solid 1px #666666; background: #FFFFFF;} /* BUTTONS - FORMS - HOVER - OVERRIDES */ input[type="submit"].send_to_another_friend:hover, .button:hover, .button.hover { border-color: #F47F37; background-color: #FFFFFF; color: #666666;} /* BUTTONS - FORMS - FOCUS - OVERRIDES */ input[type="submit"].send_to_another_friend:focus, .button:focus { border: solid 1px #0B3868; background: #FFFFFF; color: #666666;} /* BUTTONS - DISABLED ========================================================== */ button.disabled, button[disabled], .button.disabled, .button[disabled], button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #FFFFFF; border: solid 1px #666666; border-color: #666666; color: #666666; opacity: 0.5;} button.disabled .icon:not(.plane), button[disabled] .icon:not(.plane), .button.disabled .icon:not(.plane), .button[disabled] .icon:not(.plane), button.disabled:hover .icon:not(.plane), button.disabled:focus .icon:not(.plane), button[disabled]:hover .icon:not(.plane), button[disabled]:focus .icon:not(.plane), .button.disabled:hover .icon:not(.plane), .button.disabled:focus .icon:not(.plane), .button[disabled]:hover .icon:not(.plane), .button[disabled]:focus .icon:not(.plane), button.disabled .icon, button[disabled] .icon, .button.disabled .icon, .button[disabled] .icon, button.disabled:hover .icon, button.disabled:focus .icon, button[disabled]:hover .icon, button[disabled]:focus .icon, .button.disabled:hover .icon, .button.disabled:focus .icon, .button[disabled]:hover .icon, .button[disabled]:focus .icon, button.disabled .icon.hover, button[disabled] .icon.hover, .button.disabled .icon.hover, .button[disabled] .icon.hover, button.disabled:hover .icon.hover, button.disabled:focus .icon.hover, button[disabled]:hover .icon.hover, button[disabled]:focus .icon.hover, .button.disabled:hover .icon.hover, .button.disabled:focus .icon.hover, .button[disabled]:hover .icon.hover, .button[disabled]:focus .icon.hover { background-position: 0 0px;} /* BUTTONS - ICONS ============================================================= */ .button .icon { display: block; width: 35px; height: 35px; float: right; background-color: #FFFFFF; background-position: 0 0; margin-left: 10px; margin-right: 5px; margin-top: -6px; margin-bottom: -6px; position: relative; text-indent: -9999px;} .button:hover .icon:not(.plane) , .button.hover .icon, .button .icon.hover { background-position: 0 -35px;} .button.small { font-size: 14px !important; /* min-height: 25px;*/ line-height: 23px; min-height: 23px; padding: 0 5px;} .button.small .icon { width: 25px; height: 25px; margin-right: 0; margin-top: -1px;} .button.small:hover .icon, .button.small.hover .icon { background-position: 0 -25px;} .button.full {width: 100%;} .button.no_border { border: none; padding-right: 0;} .button.no_border .icon {margin-right: 0;} .button .icon.arrow-r-orange {background-image: url(../../images/res/testbtn2.png);} .button .icon.arrow-r-orange.right_hand {margin: 0 0 0 40px;} .button .icon.arrow-r {background-image: url(../../images/res/btn_arrow_r.png);} .button .icon.arrow-r.right_hand {margin: 0 0 0 40px;} .button .icon.padlock {background-image: url(../../images/res/btn_padlock.png);margin-top:0px !important;} .button .icon.bag {background-image: url(../../images/res/btn_bag.png);margin-top:0px !important;} .button .icon.plane {background-image: url(../../images/res/btn_plane.png);margin-top:0px !important;} .button .icon.discover {background-image: url(../../images/res/btn_glass.png);} .button .icon.signup {background-image: url(../../images/res/btn_glass.png);} .button .icon.plus {background-image: url(../../images/res/btn_glass.png);} .button .icon.tick {background-image: url(../../images/res/btn_tick.png);} .button .icon.more {background-image: url(../../images/res/btn_showmore.png);} .button .icon.less {background-image: url(../../images/res/btn_showless.png);} .button.small .icon.arrow-r {background-image: url(../../images/res/btn_arrow_r_sm.png);} .button.small .icon.padlock {background-image: url(../../images/res/btn_padlock.png);} .button.small .icon.discover {background-image: url(../../images/res/btn_glass_sm.html);} .button.small .icon.signup {background-image: url(../../images/res/btn_glass_sm.html);} .button.small .icon.plus {background-image: url(../../images/res/btn_glass_sm.html);} .button.small .icon.tick {background-image: url(../../images/res/btn_tick_sm.png);} .button.small .icon.more {background-image: url(../../images/res/btn_showmore_sm.png);} .button.small .icon.less {background-image: url(../../images/res/btn_showless_sm.png);} /* BUTTONS - ICONS - CARROT */ .button.carrot { border: none; display: block; float: right; width: 35px; padding: 0; margin-top: 8px; margin-right: 15px; text-indent: -9999px;} .button.carrot.left { /* padding: 0 15px 50px 0; */ display: block; margin-top: 0; min-height: 50px; width: 35px;} .button.carrot.middle { padding: 0 15px 10px 15px; display: block; /*margin-top: 0; */ /*min-height: 50px;*/ width: 35px; margin-top: 5px !Important;} .carrot.icontext { margin-left:40px;} p .button.carrot.central { margin: 0 auto; float: none;} .button.carrot .icon { margin: 0;} .button.carrot .icon .right { margin: 0;} .button.carrot.left .icon { margin: 0px;} .button.carrot.small { width: 25px;} .carrot_text { float: left; width: calc(100% - 25px);} .carrot_text_homepage { float: left; width: calc(100% - 45px);} .carrot_text.small { width: calc(100% - 35px);} .search_result .button.carrot { margin-right: 15px; margin-top: 15px;} .search_result .carrot_text { width: calc(100% - 50px);} .search_result .carrot_text.small { width: calc(100% - 35px);} /* BUTTONS - ICONS - SLIDE */ .slide_text .button { display: block; float: right; width: 25px; height: 25px; background: url(../../images/res/btn_arrow_r_sm.png) no-repeat 0 0; margin: 0 0 0 10px; border: none; text-indent: -9999px;} a:hover .slide_text .button { background-position: 0 -25px;} /* BUTTONS - ICONS - SHOW MORE */ a.show-more, a.simple-show-more { margin: 15px auto; width: 30px; height: 30px; display: block; border-radius: 15px; border: solid 1px #A5A5A5; text-indent: -9999px; background-image: url(../../images/res/show-more.png); background-position: -1px 0px;} a.show-more.active, a.simple-show-more.active { background-image: url(../../images/res/show-less.png);} a.show-more:hover, a.simple-show-more:hover { background-color: #F47F37; border-color: #F47F37; background-position: -1px -30px;} a.icon, p.icon { padding-left:20px; background-repeat:no-repeat; background-position:0 49%; text-decoration:none;} p.icon.info{ background-image:url(../../images/res/small-info.png); height: 25px; padding-left: 0 0 0 30px; background-position: 0 0; margin-left: -15px; margin-top: 1px; position: absolute;} a.icon.arrow { background-image: url(../../images/res/small-arrows.png); height:18px; width: 25px; background-position: 0 0; margin-left: -15px; margin-top: 1px; padding-left: 30px; padding-right: 0px; position: absolute;} a.icon.arrow:hover {background-position: 0 -18px;} a.icon.page_flip { background-image:url(../../images/graphics/icons/page_flip.gif);} a.icon.request_brochure { background-image:url(../../images/graphics/icons/request.gif);} a.icon.download { background-image:url(../../images/graphics/icons/download.gif);} a.icon.share { background-image:url(../../images/graphics/icons/share.gif);} a.icon.print { background-image:url(../../images/graphics/icons/print.gif);} a.icon.info { background-image:url(../../images/graphics/icons/info.gif);} a.icon.article { background-image:url(../../images/graphics/icons/article.gif);} a.icon.deck { background-image:url(../../images/graphics/icons/boat.gif);} a.icon.remove { background-image:url(../../images/res/icon_remove_sm_new.png) right top no-repeat !Important; color: #FFFFFF; font-size: 128%;} a.icon.camera_white { background-image:url(../../images/graphics/icons/camera_white.gif); padding-left:20px;} a.icon.video { background-image:url(../../images/graphics/icons/video.gif);} p.icon.dyd { background-image:url(../../images/graphics/icons/dyd.gif);} p.icon.akp { background-image:url(../../images/graphics/icons/akp.gif);} /*a.icon.dyd { background-image:url(/assets/images/graphics/icons/dyd.gif);} a.icon.akp { background-image:url(/assets/images/graphics/icons/akp.gif);} a.save_state_1 { background-image:url(/assets/images/graphics/icons/save.gif);} a.save_state_2 { background-image:url(/assets/images/graphics/icons/saved.gif);} a.icon.swirl_arrow { background-image:url(/assets/images/graphics/icons/swirl_arrow.gif);} a.icon.remove { background-image:url(/assets/images/graphics/icons/remove.gif);} a.icon.circle_arrow{ background-position:0 50%; background-image:url(/assets/images/graphics/icons/circle_arrow.gif);} a.icon.search { background-image:url(/assets/images/graphics/icons/search.gif);} a.icon.search_lg { background-image:url(/assets/images/graphics/icons/search_lg.gif); padding-left:20px; } a.icon.notepad { background-image:url(/assets/images/graphics/icons/notepad.gif);} a.icon.notebook { background-image:url(/assets/images/graphics/icons/notebook.gif);} a.icon.smiley_face { background-image:url(/assets/images/graphics/icons/smiley_face.gif);} a.icon.top { background-image:url(/assets/images/graphics/icons/top.gif);} a.icon.dates { background-image:url(/assets/images/graphics/icons/calendar.gif);} a.icon.hot_dates { background-image:url(/assets/images/graphics/icons/hot_calendar.gif);} a.icon.bullet_arrow { background-image:url(/assets/images/graphics/icons/bullet_arrow.gif); background-position:0 5px; } a.icon.expando_show { background-image:url(/assets/images/graphics/icons/expando_show.gif); background-position:0 5px; } a.icon.expando_hide { background-image:url(/assets/images/graphics/icons/expando_hide.gif); background-position:0 5px; } a.icon.facebook { background-image:url(/assets/images/graphics/icons/facebook.gif); padding-left:20px; } a.icon.twitter { background-image:url(/assets/images/graphics/icons/twitter.gif);} a.icon.climate { background-image:url(/assets/images/graphics/icons/climate.gif);} a.icon.voltage { background-image:url(/assets/images/graphics/icons/voltage.gif);} a.icon.currency { background-image:url(/assets/images/graphics/icons/calculator.gif);} a.icon.open_window { background-image:url(/assets/images/graphics/icons/open_window.gif);} a.icon.map { background-image:url(/assets/images/graphics/icons/map.gif);} a.icon.gift { background-image:url(/assets/images/graphics/icons/gift.gif);} a.icon.plus { background-image:url(/assets/images/graphics/icons/plus.gif);} */ /* 2014 reskin */ /* OVERRIDES */ /* THIS ICON/IMAGE NOT FOUND ??? */ a.icon.swirl_arrow { background: url('../images/2014_reskin/bullet_blue.html') 0 7px no-repeat; padding-left: 10px; float: right; clear: right; overflow: hidden;} a.icon.swirl_arrow strong { padding-bottom: 20px;} .attribute_list a.icon.swirl_arrow { float: none; clear: none; padding-left: 15px; margin-left: 5px;} #country_information .facts a.icon.swirl_arrow { background: url(../../images/graphics/icons/swirl_arrow.gif) 0 2px no-repeat; padding-left: 20px; float: none;} /*** FORMS - SPECIFIC ========================================================== */ /* AGENT */ form#agent_form .row { margin-bottom: 0;} form#agent_form .row .columns { margin-bottom: 0.9375rem;} form#agent_form div.row select { margin: 0 !important;} /* GIFT CERTIFICATE; CONTACT US; BROCHURE REQUEST; REQUEST TAILOR MADE; */ .gift_certificate_form, .gift_certificate_payment, .gift_certificate_shipping, .contact_us_form, .order_brochure_form, .tailor-made-form{ width: 75% !important;} /* GIFT CERTIFICATE */ .gift_certificate_recipient{ width: 50% !important;} .gift_certificate_cc_type, .tailor-made-form-intro {width: 130% !important;} /* BROCHURE REQUEST */ .brochure {margin: 15px 0;} .brochure ul.nostyle li {margin: 5px 0;} .brochure input[type="checkbox"] {margin: 0 4px 0 0;} .pref_tavel_list .medium-4 label { width: 100%; font-size: 12px;} /* SEND TO A FRIEND */ .send_to_a_friend_title{ margin-top: -30px;} .send-to-friend-form, .send-to-friend-form .small-10, .send-to-friend-form .medium-6{ margin-right: 0px; margin-left: 0px; width: 100% !important;} /* SEND TO ANOTHER FRIEND */ .send_to_another_friend{ text-transform: none !important; width: 320px !important;} .send_to_another_friend_icon.icon.arrow-r { display: block; height: 35px; width: 35px; background-image: url(../../images/res/btn_arrow_r.png);} .send_to_another_friend_icon.icon.arrow-r:hover { background-position: 0 -35px;} .send_to_another_friend_icon.icon { background-color: #FFFFFF; background-position: 0 0; margin-left: 270px; margin-right: 5px; margin-top: -35px; margin-bottom: 0px; position: relative; cursor: pointer;} /* FORMS/TABLES - CALENDAR */ div.calendar { max-width: 300px; z-index: 1000;} div.calendar table {margin: 0;} div.calendar table td, div.calendar table td.button { border: none; display: table-cell; padding: 0; width: auto; font-size: 0.575rem !Important;} /* Form on dates tab on pages ===== */ label.lbl_date {padding-top: 0;} input.inp_date {height: 25px;} /* COMMONSPOT RTE */ .ktml table.introspector input, .ktml table.introspector textarea, .ktml table.introspector select { padding: 0; margin: 0; height: auto;} /* HOMEPAGE SEARCH BAR / SEARCH FILTER ========================================= */ #journey-bar, #search_filter {} #journey-bar select, #journey-bar .selected_filter .icon.remove, #search_filter select{ border: 0; height: 35px; padding: 7px 5px; font-size: 14px; cursor: pointer; /*font-size: 16px;*/ /* to stop iphone/ipad zooming in */ font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;} #journey-bar select, #search_filter select{ background: url(../../images/res/select-arrow.png) center right 7px no-repeat #FFFFFF; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-bottom: 1px solid #666666 !important; /* Weird bug fix */} #journey-bar .selected_filter { padding: 0; margin: 0; display: none;} #journey-bar .selected_filter .icon.remove { display: block; background: url(../../images/res/icon_remove.png) no-repeat #E3E3E3; background-position: right top; width: 100%; padding-left: 9px; margin: 0 0 0.9375rem;} #journey-bar .selected_filter .icon.remove:hover { background-position: right bottom;} #journey-bar button { width: 130px;} /*#journey-bar input { height: 35px; width: 130px; background: #0B3868; color: white; border: 0; margin: 0 auto; font-family: 'Open Sans',Arial,Helvetica,Helvetica Neue,sans-serif; font-weight: 600; } #journey-bar input:hover { background-color:#F47F37; }*/ /* SEARCH FILTER */ #search_filter p { font-size: 14px; min-height: 35px; line-height: 19px; margin: 0 0 15px 0; padding: 8px; background: #F1F1F1; color: #B2B2B2;} #search_filter p.cal { padding: 0;} #search_filter p.cal a { background: #FFFFFF; display: block; width: 100%; height: 100%; padding: 8px; line-height: 19px;} /* SEARCH RESULTS */ .view_results { text-align: center; float: right;} h1.search_bar { color:#FFFFFF;} h3.search_bar { color:#FFFFFF;} /* SEARCH FILTER */ ul.selected_filters { overflow: hidden; margin: 0;} ul.selected_filters li { float: left; padding: 0; margin: 0 10px 10px 0; background: none;} ul.selected_filters li a { background: url(../../images/res/icon_remove_sm_new.png) no-repeat right top; background-position-y: -4px; color: #FFFFFF; padding: 3px 25px 5px 10px; line-height: 16px; display: block; font-size: 128%;} ul.selected_filters li a:hover { background: url(../../images/res/icon_remove_sm_new.png) no-repeat right top; background-position-y: -30px; color: #F47F37; padding: 3px 25px 5px 10px; line-height: 16px; display: block; font-size: 128%;} /* TABS ======================================================================== */ ul.tabs { list-style: none; margin: 15px 0 !important; padding: 0; clear: both;} ul.tabs li { margin: 0; padding: 0; background: none; /*border-left: solid 1px #A5A5A5;*/ border-bottom: solid 1px #A5A5A5; float: left; width: 25%; background-color: #E9E9E9;} .tab_4 ul.tabs li {width: 25%;} /*ul.tabs li.first {border-left: none;}*/ ul.tabs li.active { border-top: solid 1px #A5A5A5; border-left: solid 1px #A5A5A5; border-right: solid 1px #A5A5A5; border-bottom: none;} ul.tabs li a { display: block; color: #666666; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 85%; font-weight: 600; text-transform: uppercase; padding: 10px 5px 5px 5px; text-align: center; border-right: solid 1px #FFFFFF;} ul.tabs li.active, ul.tabs li:hover {color: #F47F37; background-color: #FFFFFF;} /* POPUPS - MODAL WINDOWS - GALLERY ============================================ */ .reveal-modal, dialog { border: none; min-height: 0; /*background-image: url(/assets/images/graphics/ajax-loader.gif); background-position: center center; background-repeat: no-repeat;*/ padding: 20px; margin-top: 25vh;} .reveal-modal .close-reveal-modal, dialog .close-reveal-modal { width: 20px; height: 20px; display: block; background: #A5A5A5; border-radius: 50%; top: 7px; right: 7px; color: #FFFFFF; font-weight: normal; text-align: center; font-size: 114%; line-height: 20px;} .reveal-modal .close-reveal-modal:hover, dialog .close-reveal-modal:hover { background: #F47F37;} .reveal-modal table {margin: 0px;} .reveal-modal table caption { padding-bottom: 20px;} .reveal-modal table thead { border-bottom: 1px solid #DDDDDD;} .reveal-modal table td, .reveal-modal table th { text-align: center; padding: 0; line-height: 30px;} .reveal-modal table td a { display: block; background: #E3E3E3;} .reveal-modal table td a:hover {} .reveal-modal-bg { background: rgba(255,255,255,0.75);} #modal_calendar { max-width: 500px;} .flex-video {margin-bottom: 0;} /* TITLE BAR =================================================================== */ .title_bar h1 { margin: 0; font-size: 20px; font-weight: 300;} .title_bar p { font-size: 16px; color: var #5f5f5f(--body-text-color); line-height: 1.5;font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;} /* ENEWS ======================================================================= */ input.enews_email_address, input.enews_email_address:focus { background: #E4E4E4; border: none; width: 100%; float: right;} input.enews_input_button { margin-left: 0.9375rem; border: none; padding: 5px 10px; float: right; color: white; background: #0B3868; font-family: 'Open Sans',Arial,Helvetica,Helvetica Neue,sans-serif; font-weight: 600;} input.enews_input_button:hover { background-color:#F47F37;} button.enews_input_button { float: right;} /* SOCIAL MEDIA ================================================================ */ div.social, #social { width: 110px; margin: 0 auto 15px auto;} div.social a.last { padding-right: 0;} /* Google+ */ .social a.addthis_button_google_plusone { position: relative; width: 28px; height: 24px;} .social a.addthis_button_google_plusone > div { position: absolute; top: 4px; right: 2px; opacity: 0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0);} .social a.addthis_button_google_plusone > img { position: absolute; top: 0; right: 2px;} ul.social { margin: 0 0 0.9375rem 0; padding: 0; list-style: none; text-align: center;} ul.social li { display: inline-block; margin: 0 3px 0 2px; padding: 0; background: none;} ul.social li a { display: block; width: 24px; height: 24px; text-indent: 9999px;} a.soc_fb { background-image: url(../../images/res/soc_fb.png);} a.soc_twit { background-image: url(../../images/res/soc_twit.png);} a.soc_gplus { background-image: url(../../images/res/soc_gplus.png);} a.soc_pin { background-image: url(../../images/res/soc_pin.png);} a.soc_you { background-image: url(../../images/res/soc_you.png);} a.soc_insta { background-image: url(../../images/res/soc_inst.png);} a.soc_blog { background-image: url(../../images/res/soc_blog.png);} ul.social li a:hover {background-position: 0 -30px;} h2.social { min-height: 24px;} h2.social { background-position: 0 1px; padding-left: 30px; background-repeat: no-repeat;} h2.social.fb { background-image: url(../../images/res/soc_fb.png);} h2.social.twit { background-image: url(../../images/res/soc_twit.png);} h2.social.gplus { background-image: url(../../images/res/soc_gplus.png);} h2.social.pin { background-image: url(../../images/res/soc_pin.png);} h2.social.you { background-image: url(../../images/res/soc_you.png);} h2.social.insta { background-image: url(../../images/res/soc_inst.png);} h2.social.blog { background-image: url(../../images/res/soc_blog.png);} h2.blog_title { min-height: 75px; /* background: url(../../images/res/blog_logo.png) 0 0 no-repeat; background: url(../../images/res/bloglogo2.png) 0 0 no-repeat; */ background: url(../../images/res/blog_logo.png) 0 0 no-repeat; background-size: contain;} h2.blog_title span { display: none;} .blog_img_fallback { display: block; position: relative; width: 100%; /* desired width */ background: rgba(102, 102, 102, 0.5); margin: 0 15px 15px 0;} .blog_img_fallback:after { content: ""; display: block; padding-bottom: 44.9%;} .blog_img_fallback img { position: absolute; top: 0; left: 0; height: 100%;} .pin_wrap, .twit_wrap, .fb_wrap, .insta_wrap, .you_wrap { min-height: 500px; background: url(../../images/res/loading.gif) center center no-repeat;} .insta_wrap { margin: 0 -2px; min-height: 300px;} .insta_wrap iframe { background: #FFFFFF;} .fb_wrap { overflow-y: hidden;} .fb_wrap .fb-page { margin-top: -69px;} .fb_wrap .fb-page, .fb_wrap .fb-page span, .fb_wrap .fb-page span iframe[style], .fb_wrap .fb-page span * { width: 100% !important;} .you_wrap {} .you_wrap #youmax { background: none; border: none !important;} .you_wrap #youmax-video-list-div { padding: 0 !important; background: #FFFFFF;} .you_wrap #youmax-video-list-div #tiles li { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important;} .you_wrap #youmax-video-list-div #tiles li .youmax-title-desc-holder { height: 50px;} .you_wrap #youmax-video-list-div #tiles li .youmax-video-list-description { display: none;} .you_wrap #youmax-video-list-div #tiles li .youmax-duration { bottom: 113px !important;} .you_wrap #youmax.youmax-widget #youmax-load-more-div { height: 40px; width: 40px;} .you_wrap #youmax.youmax-widget #youmax-load-more-div i { font-size: 1.5rem; padding: 0;} /* TABLES ====================================================================== */ table {border: none;} table tr {} table tr.vertical_middle { vertical-align: top;} table tr td, table tr th, table tr th, table tr td { padding: 10px 5px; color: #333333;} /* TABLES - DETAILS */ table.details {} table.details tr { vertical-align: top; /*display: flex;*/ background: none; } table.details tr th { width: 50%; padding: 5px 0; color: #666666; padding-top: 20px; } table.details tr th span { border-bottom: 1px solid #DDDDDD; display: block; } table.details tr td { width:50%; padding:0; color: #666666; padding-top: 20px; } table.details tr td div { border-left: solid 1px #DDDDDD; padding: 5px 5px 5px 10px; } table.details tr td .climate { background: url(../../images/res/climate.gif) left center no-repeat; padding-left: 20px; } table.details tr td .cdc-info { background: url(../../images/res/swirl_arrow.gif) left center no-repeat; padding-left: 20px; } table.details tr td .volts { background: url(../../images/res/voltage.gif) left center no-repeat; padding-left: 20px; } table.details tr td .currency { background: url(../../images/res/calculator.gif) left center no-repeat; padding-left: 20px; line-height: 16px; } /* TABLES - DATES/ACCORDION ==================================================== */ #dates_prices .accordion .accordion-navigation { border-bottom: solid 2px #FFFFFF; margin: 0; padding: 0; } #dates_prices .accordion .accordion-navigation>a, #dates_prices .accordion dd>a { color: #0B3868; padding: 10px 20px 10px 30px; font-family: Arial,"Helvetica Neue","Helvetica",Helvetica,sans-serif; font-size: 100%; background: url("../../images/graphics/icons/expando_hide.gif") no-repeat 10px center #E4E4E4; cursor: pointer; } #dates_prices .accordion .accordion-navigation.active>a { background: url("../../images/graphics/icons/expando_show.gif") no-repeat 10px center #E4E4E4; } #dates_prices .accordion .accordion-navigation>a:hover, #dates_prices .accordion dd>a:hover { background-color: #F2F2F2; } .accordion .accordion-navigation>.content, .accordion dd>.content {padding: 0;} #dates_prices table, table.format_table { border: none; margin:15px 0 5px 0; } table.format_table {table-layout: fixed;} #dates_prices table {margin-bottom: 0;} #dates_prices thead, table.format_table thead {background: #FFFFFF;} #dates_prices thead th, table.format_table thead th { border-bottom: solid 1px #A5A5A5; } #dates_prices table thead tr th, #dates_prices table thead tr td, table.format_table thead tr th, table.format_table thead tr td { padding: 5px; font-weight: bold; font-size: 14px; color: #666666; } #dates_prices table thead tr th { padding-left: 10px; padding-right: 10px; /*width: 32%;*/ } /*#dates_prices table.columns_5 thead tr th {width: 24%;} #dates_prices table.columns_6 thead tr th {width: 16%;} #dates_prices table.columns_7 thead tr th {width: 13%;}*/ #dates_prices table td { padding: 0 10px;} #dates_prices label.room_name { width: calc(100% - 20px); float: left; padding-left: 10px; padding-top: 10px;} table.format_table tr td { font-size: 14px; padding: 3px 0; color: #666666; line-height: 16px;} #dates_prices .accordion .accordion-navigation form { margin: 0;} #dates_prices .accordion .accordion-navigation .footnotes { font-size: 12px;} #dates_prices .accordion .accordion-navigation .footnotes ul li:last-child { padding-bottom: 10px;} /* TYPOGRAPHY */ h4.itin_title { margin-top: 30px; margin-bottom: 5px;} /* OVERVIEW TAB - DECK PLAN IMAGE - ITINERARY AT A GLANCE ====================== */ h4.itin_title_Glance{ margin-top: 20px;} .itin_text p {margin-top: 5px;} /* TABLES IN DESTINATION CUSTOM SCRIPTS - COMMONSPOT =========================== */ /* COMMONSPOT */ .CS_Element_CustomCF table, .CS_Element_CustomCF table * { vertical-align: top;} .CS_Element_CustomCF table { background: none !important;} .CS_Element_CustomCF table tr { background: none !important;} .CS_Element_CustomCF table tr td { padding-left: 0; padding-right: 0;} .CS_Element_CustomCF table tr td div { border-radius: none !important; padding: 0 !important; margin: 0 !important; background: none !important; width: auto !important;} .CS_Element_CustomCF table tr td div img.fill { padding-left: 0 !important; padding-right: 0 !important;} /* OVERRIDE MISC INLINE STYLES ================================================= */ .responsive_box, div[id$="contentsupplemental"] div, .round_corners { border-radius: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; width: auto !important; overflow: hidden;} .round_corners { border-bottom: solid 1px #A5A5A5; border-top: solid 1px #A5A5A5; padding: 15px 0 !important;} .responsive_box img.fill, div[id$="contentsupplemental"] div img.fill, .round_corners img.fill { padding-left: 0 !important; padding-right: 0 !important; margin-top: 15px;} .responsive_box a.right, div[id$="contentsupplemental"] div a.right, .round_corners a.right { clear: right;} /* QUOTES ====================================================================== */ .quotes { margin: 15px 0;} .quotes p { font-weight: 600;} .quotes p.author { font-weight: normal; font-style: italic; } /* FOOTER ====================================================================== */ /* FOOTER LINKS */ ul.link-list { margin: 0 0 0.9375rem 0; padding: 0; list-style: none;} ul.link-list li { margin: 0; padding: 3px 0.9375rem; background: none; font-size: 14px;} ul.link-list li a { color: #444444;} ul.link-list li a.title, ul.link-list li.title { font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 14px; font-weight: 600; padding-left: 0; background: none; line-height: 14px;} ul.link-list li a:hover {color: #F47F37; background-position: 0 -38px;} #moreAK ul.link-list { margin: 0;} #moreAK ul.link-list.end { margin: 0 0 0.9375rem 0;} #moreAK h3 { padding: 0 0.9375rem;} ul.privacy {margin: 0;} ul.privacy li { padding: 10px 0; background: none;} /* SPELT WRONG (dipslay) - SO IM GUESSING THIS IS NOT USED ??? ul.privacy li.separator {dipslay: none;} */ /* FOOTER */ #main_footer {padding-top: 25px; padding-bottom: 35px;} #footer {padding-top: 0.9375rem; padding-bottom: 60px;} #footer p {margin: 5px 0;padding: 0 0.9375rem; text-align: center;} #footer a {color: #555555;} #footer a:hover { color: #F47F37;} /* AGENT BIOS ================================================================== */ a.agent_bio { display: block; position: relative; } a.agent_bio img { position: relative;} a.agent_bio span { display: block; position: absolute; bottom: 0; font-size: 14px; font-weight: 600; color: #FFFFFF; padding: 0 3.125rem 0.625rem 0.625rem; width: 100%;} a.agent_bio span:after { display: block; content: ''; width: 25px; height: 25px; background: url(../../images/res/btn_arrow_r_sm.png) 0 0 no-repeat; position: absolute; right: 10px; bottom: 10px;} a.agent_bio:hover span:after {background-position: 0 -25px;} /* COMMONSPOT - GRID =========================================================== */ /* COMMONSPOT - MOSAIC ELEMENTS */ .grid {margin: 0 -0.9375rem;} .grid:after { content: ''; display: block; clear: both;} .grid-sizer, .grid-item {width: 100%;} .grid-item { height: 285px; float: left; background-color: #0B3868; background-size: cover; background-position: top center; margin-bottom: 0.9375rem; border-left: solid 0.9375rem #FFFFFF; border-right: solid 0.9375rem #FFFFFF; overflow: hidden;} .grid-item .relative { position: relative; width: 100%; height: 285px;} .grid-item a { display: block; width: 100%; height: 100%; position: absolute;} .grid-item .shade { display: block; position: absolute; width: 100%; height: 100%; padding: 0.9375rem; background: rgba(73,72,72,0.8); color: #FFFFFF; top: calc(100% - 50px); -webkit-transition: top 300ms ease-out; -moz-transition: top 300ms ease-out; transition: top 300ms ease-out;} .grid-item:not(.no_hover):hover .shade {top: 0 !important;} .grid-item a .shade {padding-bottom: 65px;} .grid-item a .shade:after { display: block; content: ''; width: 35px; height: 35px; background: url(../../images/res/grid_link.png) 0 0 no-repeat; position: absolute; bottom: 0.9375rem; left: calc(50% - 17px);} .grid-item a.video .shade:after {background: url(../../images/res/grid_video.png) 0 0 no-repeat;} .grid-item .title, .grid-item .title2 { width: 100%; padding-bottom: 0.625rem; display: block; font-size: 14px; font-weight: 600; font-family: 'Open Sans', arial, helvetica, sans-serif; position: relative;} .grid-item a .title { padding-right: 35px;} .grid-item a .title:after { display: block; content: ''; width: 35px; height: 35px; background: url(../../images/res/grid_link.png) 0 0 no-repeat; position: absolute; right: -0.3125rem; bottom: 0.4375rem; opacity: 1; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out;} .grid-item a.video .title:after {background: url(../../images/res/grid_video.png) 0 0 no-repeat;} .grid-item:hover .title {display: none;} .grid-item.no_hover:hover .title {display: block;} .grid-item a:hover .title:after {opacity: 0;} .grid-item .text { display: block; color: #FFFFFF; position: absolute; top: 50px; left: 0; padding: 0.93275rem; opacity: 0; -webkit-transition: opacity 500ms ease-out 300ms; -moz-transition: opacity 500ms ease-out 300ms; transition: opacity 500ms ease-out 300ms;} .grid-item .text p {color: #FFFFFF;} .grid-item:hover .text {opacity: 1;} .grid-item.no_hover:hover .text {opacity: 0;} grid-item h1, .grid-item h2, .grid-item h3, .grid-item h4, .grid-item h5, .grid-item p, .grid-item li { color: #FFFFFF;} .grid-item .quote { display: block; position: absolute; width: 100%; height: 100%; padding: 0.9375rem; background: rgba(73,72,72,0.8); text-align: center; color: #FFFFFF;} .grid-item .quote p, .grid-item .quote_alt p { color: #FFFFFF; font-size: 14px; font-family: 'Open Sans', arial, helvetica, sans-serif;} .grid-item .quote p:before, .grid-item .quote p:after, .grid-item .quote_alt p:before, .grid-item .quote_alt p:after { content: ''; display: inline-block; width: 20px; height: 15px;} .grid-item .quote p:before, .grid-item .quote_alt p:before { margin-top: 4px; margin-right: 5px; /*float: left;*/ background: url(../../images/res/grid_quote_left.png);} .grid-item .quote p:after, .grid-item .quote_alt p:after { margin-top: 4px; margin-left: 5px; /*float: right;*/ background: url(../../images/res/grid_quote_right.png);} .grid-item .quote span.byline { text-align: right; display: block; margin-top: 0.9375rem;} /*********************************************************************************** ******* SUE TESTING *** BASE FOR ALL CSS *** tab-bar: PINK; wrap: RED; ***********************************************************************************/ /* COMMENT OUT WHEN DONE .tab-bar { border: 3px solid PINK;} .inner-wrap{ border: 3px solid RED;} */ /********************************************************************************** *** MEDIA QUERYS **********************************************************************************/ /* @MEDIA SIZES *** [USE THIS ONE!!!] *** (UP TO 640px) ======================== */ @media only screen and (max-width: 640px){ .mobileShow { display: inline !important;} div#fadeInSignUp.signUp_overlay, div#signUp_overlay-shade { display: none !important;} /* ENEWS */ li.menuDoubleTop {display:inline-block;} #GeoffBookFadeIn { top:5%; left:50%; width:320px; height:518px; margin-top: -259; /*set to a negative number 1/2 of your height*/ margin-left: -160px; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; background-image: url("../../../images/geoff_book_mobile.jpg"); position:fixed; display:none; z-index: 1000; cursor: pointer;} /* AGENT PROFILE - UPLOAD IMAGE */ .inputFileGroup{ margin-bottom: 20px;} /*#clearFile{ clear: both;} #clearAllFiles{ display: block;} #agent_image_reset{ margin-left: 0px; margin-right: 15px;}*/ /* INPUT FORM */ .inputFileControl{ width: 150px;} /* GIFT CERTIFICATE CONFIRMATION PAGE */ .gift_certificate_details .column1{} .gift_certificate_details .gift_certificate_details_table td{ font-size: 12px !important;} } /* @MEDIA SIZES *** [USE THIS ONE!!!] *** (641px UP) =========================== */ /* (641px = 40.063em) */ @media only screen and (min-width: 641px) { /* TYPOGRAPHY */ h1 { font-size: 171%; /* 24px */ line-height: 24px;} h2 { font-size: 140%; /* 20px */ line-height: 24px;} h3 { font-size: 128%; /* 18px */} h4 { font-size: 100%; /* 14px */} .large_text p { font-size: 128%; line-height: 28px; margin-bottom: 40px;} /* OVERRIDES */ hr {margin: 12px 0.9375rem;} .no-pad-small {padding: 0 0.9375rem !important;} .no-pad-med {padding: 0 !important;} .marg_top_small {margin-top: 0;} .no_marg_bot_med {margin-bottom: 0 !important;} .center_border {background: url(../../images/res/row_border.png) top center repeat-y;} .center-small {text-align: left;} .medium-1-5 {width: 13.33333%;} /* MAIN HEADER CONTAINER =================================================== */ /* CONTAINER FOR MENU AND MAIN IMAGE */ .inner-wrap{padding-top: 136px; /* Clear the top Fixed Header */ } /* COUNTERACT THE inner-wrap on SEND TO A FRIEND */ .send_to_a_friend_title{ margin-top: -106px;} #headerContainer { /* margin-top: 12px; padding-top: 12px; */ position: fixed; background: #FFFFFF; z-index: 999; top: 0; width: 100%;} #header {margin-top: 12px;} /* LOGO */ a#logo {display: inline; margin: 0;} .logo {margin-top: 0px;} /* GREETING - HEADER - WELCOME */ .greeting{} .greetingName{ max-width: 110px !important; word-wrap: break-word !important; overflow-wrap: break-word; display: inline-block;} /* CONTAINER FOR PHONE...M-F... */ .header-text { font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 12px; line-height: 20px; text-align: right; margin: 0; padding-right: 12px;} /* CONTAINER FOR PHONE */ .header-text .phone-num { padding-left: 10px; padding-right: 10px; font-weight: 700; color: #0B3868; font-size: 16px;} /* MAIN NAVIGATION - NORMAL - DROP DOWN ==================================== */ #nav ul li { padding: 0; /* width: calc((100% - 12px)/4); */ width: auto; float: left; position: relative; background: none; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif;} #nav > ul > li{ display: inline-block; float: none; padding-left: 0.625rem; padding-right: 0.625rem; /* padding-left: calc((100% - 460px)/8); */ /* padding-right: calc((100% - 460px)/8); */ height: 40px; vertical-align: top;} #nav ul > li.separator {padding: 0;} #nav ul li a { font-size: 12px; text-align: center; display: block; text-transform: uppercase; font-weight: 500; line-height: 20px; height: 40px; color: #ffffff;margin-top:5px;} #nav ul li:hover a, #nav ul li a.active { color: #F47F37;} #nav ul li div.drop_nav { position: absolute; display: none; z-index: 10;} #nav ul li:hover div.drop_nav, #nav ul li:hover div.drop_nav:hover { display: block; background-color: #2D3030; width: 250px; top: 40px; padding: 20px 15px; background-image: url(../../images/res/nav_arrow.png); background-repeat: no-repeat; background-position: center top;} #nav ul li div.drop_nav.destinations, #nav ul li div.drop_nav.destinations:hover { /*width: calc(418% + 12px);*/ width: 624%; padding: 0 13px 21px; background-position: calc((((100% - 12px)/8) - 10px)) 0; left: 0; margin-left: 0;} #nav ul li div.drop_nav.journeys, #nav ul li div.drop_nav.journeys:hover { /* width: 790px; max-width: 900px; */ width: 1024px; max-width: 1024px; min-height: 325px; padding: 20px 5px 20px 15px !important;} #nav ul li div.drop_nav.journeys.sgj, #nav ul li div.drop_nav.journeys.sgj:hover { left:-95px; background-position: 175px 0;} .mainNavContainer ul{ padding: 0px; margin: 0px; display: inline; /* padding-bottom: 21px; IE DOES NOT LIKE THIS */} .mainNavContainer{ padding-right: 0.9375rem; padding-left: 0.9375rem;} .mainNavContainer #nav{ border-bottom: 0px solid #35A5A5; position: relative; width: 100%; text-align: justify; height: 30px; padding: 5px 0px 5px 0px;} .mainNavContainer #nav #nav-just{ display: inline-block; width: 100%;} #nav ul li div.drop_nav.journeys.cruises, #nav ul li div.drop_nav.journeys.cruises:hover { left: -350px; background-position: 370px 0;} #nav ul li div.drop_nav.journeys.tailor, #nav ul li div.drop_nav.journeys.tailor:hover { left: -690px; background-position: 655px 0;} #nav ul li div.drop_nav a { text-align: left; font-weight: 400; height: auto; color: white; text-transform: none;} #nav ul li div.drop_nav a:hover { text-decoration: underline;} #nav ul li div.drop_nav ul { padding: 0;} #nav ul li div.drop_nav ul li { float: none; height: auto; width: 100%; padding: 2px 10px; display: list-item;} #nav ul li div.drop_nav.destinations ul li {width: 20%;} #nav ul li div.drop_nav.destinations ul li ul li a.indent {padding-left:10px} #nav ul li div.drop_nav ul li.nav1 { left: 0; padding: 0 10px; } #nav ul li div.drop_nav ul li.nav2 { left: 20%; padding: 0 10px; } ul.off-canvas-list li.nav2.preview { margin: 0 3px; } div.journeys *{ color: #FFFFFF;} #nav ul li div.drop_nav.journeys ul li { width: 40%; padding: 0 10px!important;} #nav ul li div.drop_nav.journeys ul li.nav1 { float: left; width: 100%;} #nav ul li div.drop_nav.journeys ul li.nav1 a{ font-size: 14px!important; font-weight: normal; line-height: 24px; margin: 0px; padding: 0!important; float: left;} #nav ul li div.drop_nav.journeys ul li.nav2 { width: 64%; left: 37%; margin-top: 0px!important; position: absolute;} #nav ul li div.drop_nav ul li.nav2.preview div { float: left; height:50%; vertical-align: top;} #nav ul li div.drop_nav ul li.nav2.preview div.preview-area{ width: 64%;} #nav ul li div.drop_nav ul li.nav2.preview div.preview-img{ width: 34%; padding-right: 20px;} li.nav2.preview div img { display: none; width: 160px;} li.nav2.preview h4 { font-size: 18px; font-weight: 700; margin-top: 0px !important;} li.nav2.preview div span { font-weight: 600;} #nav ul li div.drop_nav ul li.nav2.preview div div { width: 100%; min-height: 45%; font-family: Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 14px; line-height: 20px; text-align: left;} #nav ul li div.drop_nav ul li.nav3 { left: 40%; padding: 0 10px; } #nav ul li div.drop_nav ul li.nav4 { left: 60%; padding: 0 10px; } #nav ul li div.drop_nav ul li.nav5 { left: 80%; padding: 0 10px; } #nav ul li div.drop_nav.destinations ul li a { text-transform: uppercase; font-weight: 700; border-bottom: 1px solid white; margin-top: 20px; background: none; padding: 2px 0;} #nav ul li div.drop_nav ul li ul { width: 100%; float: none; font-size: 1em;} #nav ul li div.drop_nav ul li ul li { width: 100%; float: none; font-size: 1em;} #nav ul li div.drop_nav.destinations ul li ul li { padding: 2px 0; width: 100%;} #nav ul li div.drop_nav.destinations ul li ul li a, #nav ul li div.drop_nav.journeys ul li a{ text-transform: none; font-weight: 400; border: none; margin-top: 0; padding: 0;} #nav ul li div.drop_nav.journeys ul li a{ line-height: 24px;} #nav ul li.separator span { display: block; background-color: #666666; width: 4px; height: 4px; border-radius: 2px; line-height: 6px; text-indent: -9999px; margin-top: 8px;} /* FIX FOR IMAGE/BANNER NOT RESIZING CORRECTLY */ .rsOverflow{width: 100%;} /* SEARCH */ .search { overflow: hidden; box-shadow: inset 0 1px 2px rgba(0,0,0,0.15); background: #DBDBDB; height: 35px;} .search form {margin: 0;} .search input.txt_search { background: transparent; border: none; float: left; width: calc(100% - 35px); height: 35px; line-height: 25px; box-shadow: none; font-size: 14px; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; margin: 0; padding: 5px 10px;} #btn_search { background: url(../../images/res/us-search.png) transparent no-repeat center center; width: 31px; height: 31px; border: none; text-indent: -9999px; margin: 2px;} /* BREADCRUMBS */ #breadcrumb-bar div.social { float: right; margin: 15px 0 0 0; padding: 0;} ul.breadcrumb { margin: 18px 0;} ul.breadcrumb li { padding: 0; display: inline; background: none;} ul.breadcrumb .current {} /* TABS */ ul.tabs li a { display: block; color: #333333; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 100%; font-weight: 600; text-transform: uppercase; padding: 15px; text-align: center;} ul.tabs li a {font-size: 100%;} /* COLUMNS */ .column, .columns {background-clip: content-box !Important;} /* SHOW MORE */ .show-more-area-small { display: inherit; background-clip: content-box !Important; padding: 0px 15px;} /* LOGIN WELCOME AREA */ .login-area.left ul { float: left;} .login-area ul { float: right; margin: 0; padding-bottom:1px;} .login-area ul li { /*padding: 0;*/ float: left; text-align: center; height: auto !important; /* WAS height: 20px; */ padding: 3px 12px; font-family: 'Open sans'; background: none;} .login-area ul li select { border: none; background-color: white; font-size: 12px; height: auto; padding: 0; padding-left: 10px; padding-top: 1px; background-image: url(../../images/res/select-arrow.png); background-position: 0 0; margin: 0;} .login-area ul li.first { padding: 0;} .login-area ul li a { color: #666666; } .login-area ul li a:hover { color: #F47F37;} .login-area ul li.separator { width: 5px; display: inline-block;} .login-area ul li.separator span { display: block; background-color: #666666; width: 4px; height: 4px; border-radius: 2px; margin-top: 5px;} /* REGIONS */ .login-area ul li.region { position: relative; background: url(../../images/res/select-arrow.png) no-repeat left center;} .region .region_select { display: none;} .region:hover .region_select { display: block; position: absolute; z-index: 9999; width: 230px; padding: 2px 0; left: 0px; font-size: 10px; text-align: left; background: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0 1px 2px black;} .region:hover .region_select ul { float: none; font-size: 100%;} .region .region_select ul li { float: none; text-align: left; height: auto; padding: 5px 0; font-size: 12px;} .region-US, .region-UK, .region-AU, .region-IN, .region-CH { display: block; padding: 1px 12px 1px 36px; background: url(../../images/res/flags.gif); background-repeat: no-repeat;} .region-US {background-position: 10px 4px;} .region-UK {background-position: 10px -46px;} .region-AU {background-position: 10px -96px;} .region-IN {background-position: 10px -196px;} .region-CH {background-position: 10px -146px;} .region-US:hover, .region-UK:hover, .region-AU:hover, .region-IN:hover, .region-CH:hover {} /* OVERRIDES */ .columns hr { margin: 15px 0;} hr.small_marg {margin: 10px 25px;} .columns hr.small_marg {margin: 10px 0;} .border-left {border-left: solid 1px #A5A5A5;} /* AGENT SERVICES - BLOCK ================================================== */ /* MAIN NAVIGATION - NORMAL - AGENT SERVICES */ /* #nav ul li a.burgundy_link {color: #F47F37;} NOW called .linkReverse{} */ #nav ul li a.linkReverse {color: #F47F37;} .agent_block {width: 100%;} .agent_block h4, .agent_block h5, .agent_block p { margin-top: 0px;} .agent_block h5 { margin-bottom: 0;} .agent_block img { float: left; max-width: 160px;} .agent_block .agent_des { float: right; width: calc(100% - 190px); padding-right: 30px;} .agent_block .agent_des a { float: right;} #nav ul li div.drop_nav.journeys ul li .agent_block .agent_des a {font-weight: 600;} /* TITLE BAR */ .title_bar h1 { font-size: 30px; margin: 10px 0; line-height: 36px;} /* JOURNEY BAR */ h2.blue-hue { float: left; line-height: 35px; margin-right: 10px; margin-left: 10px; margin-top: 20px; font-size: 100%;} #journey-bar { display: block; overflow: hidden; margin-bottom: -10px;} /* SEARCH FILTER */ #search_filter { margin: 10px 0 0 0;} /* JOURNEY BAR */ #journey-bar select, #journey-bar .selected_filter .icon.remove { border: 0; height: 35px; margin: 0.9375rem 0; width: calc((100% - 30px) / 3); float: left; margin-right: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; margin-top: 20px;} #journey-bar .selected_filter .icon.remove { padding-left: 9px;} #journey-bar input { height: 35px; width: 130px; background: #0B3868; color: white; border: 0; margin: 0 auto;} /* SEARCH RESULTS */ .view_results { text-align: center; margin: 0.9375rem 0;} .select-area { display: block; width: calc(100% - 290px); float: left;} h3.search_bar {margin: 2px 0 8px 0;} h3.search_bar.options {margin-top: 17px;} /* SEARCH FILTER */ ul.selected_filters { margin: 2px 0 0 0;} .search_result { margin-top: 15px;} .search_result h3 { min-height: 45px; margin-top: 15px;} .search_result .btn_con { margin-bottom: 0;} /* RIBBONS - OFFER/NEW/SOLD OUT/LIMITED */ .offer_ribbon, .new_ribbon {top: 24px; right: 40px;} .special_offer {margin-top: 15px;} /* PAGINATION */ ul.pagination { text-align: right; float: right; margin: 10px 0 10px 5px; padding: 0;} ul.pagination li { margin-left: 5px;} /* ROWS/PAGE */ .row .page{margin-top: -15px;} /* BUTTON ICONS */ .button .icon.arrow-r.right_hand {margin: 0 0 0 0;} /* FORMS */ form fieldset:nth-child(2n) {background: #FFFFFF;} .uniForm .row select {margin-bottom: 0;} form button.button {margin-bottom: 0;} /* BUTTON CARROT */ .button.carrot, .search_result .button.carrot { margin-right: 0; margin-top: 12px;} /* TABS */ ul.tabs li a { text-align: left;} /* IMAGES */ .img_right { float: right; margin-left: 25px;} .img_left { float: left; margin-right: 25px;} /* POPUPS - MODAL WINDOWS - GALLERY */ .reveal-modal, dialog { padding: 30px; margin-top: 0;} /* SOCIAL MEDIA */ .insta_wrap {margin: 0 -5px;} /* DATES TABLE/ACCORDION */ #dates_prices .accordion .accordion-navigation>a span, #dates_prices .accordion dd>a span {/*padding-left: 10px;*/ display: inline-block;} #dates_prices table {table-layout: fixed;} #dates_prices table td.width20, #dates_prices table th.width20 {width: 5%;} #dates_prices table td.width165, #dates_prices table th.width165 {width: 30%;} #dates_prices table td.width138, #dates_prices table th.width138 {/*width: 25%;*/ width: 138px;} #dates_prices table td.width116, #dates_prices table th.width116 {width: 116px;} #dates_prices table td.width116, #dates_prices table th.width127 {width: 127px;} /* TABLES IN DESTINATION CUSTOM SCRIPTS */ /* COMMONSPOT */ .CS_Element_CustomCF table tr td { padding-left: 12px; padding-right: 12px;} .CS_Element_CustomCF table tr td:first-child { padding-left: 0 !important;} .CS_Element_CustomCF table tr td:last-child { padding-right: 0 !important;} /* FOOTER */ #main_footer {padding-top: 50px; padding-bottom: 0px;} .footer_col {width: 25%;} #moreAK ul.link-list.end {margin: 0;} #footer p, ul.social {text-align: left;} #footer p.rights { text-align: right; font-size: 90%;} #footer .hide-for-small { margin-bottom: 0.9375rem; padding-right: 0.9375rem !important;} ul.link-list li {padding: 3px 0;} /* ADVERTS */ .advert h3, .advert p {margin-left: 0; margin-right: 0;} .small-6.advert img {padding: 0;} .btn_con {margin-bottom: 0;} /* OVERRIDE PADDINGS */ .top-40 { padding-top: 24px !important; padding-bottom: 24px !important;} /* FOOTER LINKS */ ul.privacy { margin: 0;} ul.privacy li { padding: 0 12px; float: left; font-size:90%;} ul.privacy li.separator { width: 4px; height: 4px; display: block; background: #666666; padding: 0; border-radius: 2px; margin-top: 7px;} /* SINGLE IMAGE BANNERS - VIDEO PREVIEW */ .banner .video_preview { left: 25px; height: 80px;} .banner .video_preview span.preview_img {} .banner .video_preview span.preview_text { font-size: 1.125rem;} /* QUOTES */ .quotes {margin: 25px 0;} /* ENEWS */ li.menuDoubleTop {display:none !important;} #fadeInSignUp { top:50%; left:50%; width:550px; height:350px; margin-top: -175px; /*set to a negative number 1/2 of your height*/ margin-left: -275px; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; background-image: url("../../../images/enews-signup-popup.jpg"); position:fixed; display:none; z-index: 1000;} #GeoffBookFadeIn { top:50%; left:50%; width:432px; height:701px; margin-top: -350px; /*set to a negative number 1/2 of your height*/ margin-left: -216px; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; background-image: url("../../../images/geoff_book.jpg"); position:fixed; display:none; z-index: 1000; cursor: pointer;} /* COMMONSPOT - MOSAIC ELEMENTS */ .grid { margin: 0 -0.625rem;} .grid-sizer, .grid-item { width: 50%;} .grid-item { margin-bottom: 1.125rem; border-left: solid 0.635rem #FFFFFF; border-right: solid 0.635rem #FFFFFF;} .grid-item.wide { width: 100%; } .grid-item.tall, .grid-item.tall .relative { height: 590px; } .grid-item.tall .shade { -webkit-transition: top 600ms ease-out; -moz-transition: top 600ms ease-out; transition: top 600ms ease-out;} .grid-item .title, .grid-item .title2 {font-size: 1.125rem; line-height: 1.5;} .grid-item .quote p, .grid-item .quote_alt p {font-size: 1rem; font-weight: 600; line-height: 1.5;} .grid-item .quote_alt p {font-weight: 400;} /* MAST HEAD IMAGE AND ROYAL SLIDER BULLETS ================================ */ .rsNav{} .rsNav.rsBullets{} .rsNavItem.rsBullet{} .rsNavItem.rsBullet.rsNavSelected{} .rsNavItem.rsBullet:hover{} /****************************************************************************** ******* SUE TESTING *** HIDE MAST HEAD IMAGE AND TEST THE ROYAL SLIDER BULLETS *******************************************************************************/ /* COMMENT OUT WHEN DONE .rsContainer{display: none !important;} div.royalSlider{background: none !important;} .rsNav{background-color: PINK;} .mainNavContainer ul{background-color: RED !important;}*/ /****************************************************************************** ******* SUE TESTING *** DISPLAY ONE MAIN NAVIGATION - NORMAL - DROP DOWN *******************************************************************************/ /* COMMENT OUT WHEN DONE #nav ul li div.drop_nav.journeys.sgj, #nav ul li div.drop_nav.journeys.sgj:hover { display: block !important; background-color: #666666;} #nav ul li:hover div.drop_nav, #nav ul li:hover div.drop_nav:hover { z-index: 1 !important;} */ /******************************************************************************* ******* SUE TESTING *** (641px UP)* header: GREEN; wrap: PURPLE; *******************************************************************************/ /* COMMENT OUT WHEN DONE #headerContainer { border: 3px solid GREEN;} .inner-wrap{ border: 3px solid PURPLE;} */ } /* @MEDIA SIZES *** [USE THIS ONE!!!] *** (FROM 641px UP TO 800px) ============= */ @media only screen and (min-width: 641px) and (max-width: 800px){ /* JOURNEY BAR */ #journey-bar select{ font-size: 12px; margin-right: 5px;} /* SEARCH RESULTS */ .select-area { display: block; float: left; width: calc(100% - 250px);} h2.blue-hue { margin-right: 5px; margin-left: 5px; font-size: 13px;} #travel_destination_control{width: 90px !important;} #travel_interest_control{width: 100px !important;} #departure_date_control{width: 130px !important;} /* BROCHURES REQUEST */ .pref_tavel_list .medium-4 label { white-space: normal !important;} } /* @MEDIA SIZES *** [USE THIS ONE!!!] *** (UP TO 800px) ======================== */ @media only screen and (max-width: 800px) { /* PADDINGS LEFT */ .pad-left-15-media-800 {padding-left: 15px !important;} /* HEADER */ .row.halfleft .header-text span:nth-child(3) {} /* ROWS */ .row.halfright {width: 30% !important;} .row.halfleft {width: 70% !important;} /* ADJUST NAVIGATION */ #nav > ul > li{ padding-left: 0px; padding-right: 0px; width: auto; margin-left: -5px; margin-right: -5px;} #nav ul li a{font-size: 10.3px;} #nav ul li div.drop_nav.journeys ul li.nav1 a{ width: 35%; font-size: 13px !important;} #nav ul li div.drop_nav.journeys ul li.nav2.preview div div, #nav ul li div.drop_nav.journeys ul li.nav2.preview div div h4 { font-size: 13px !important;} /* FORMS - GIFT CERTIFICATE; CONTACT US; BROCHURE REQUEST; BOOKING REQUEST; TAILOR MADE REQUEST; EMAIL PREF; ACCOUNT LOGIN; ACOUNT REGISTRATION; */ .gift_certificate_form, .gift_certificate_details, .gift_certificate_amount, .gift_certificate_recipient, .gift_certificate_payment, .gift_certificate_shipping, .gift_certificate_form .medium-2, .gift_certificate_form .medium-4, .gift_certificate_form .medium-6, .gift_certificate_form .medium-8, .gift_certificate_payment .medium-2, .gift_certificate_payment .medium-4, .gift_certificate_payment .medium-6, .gift_certificate_payment .medium-8, .gift_certificate_shipping .medium-2, .gift_certificate_shipping .medium-4, .gift_certificate_shipping .medium-6, .gift_certificate_shipping .medium-8, .contact_us_form, .contact_us_form .medium-2, .contact_us_form .medium-4, .contact_us_form .medium-6, .contact_us_form .medium-8, .order_brochure_form, .order_brochure_form .medium-2, .order_brochure_form .medium-4, .order_brochure_form .medium-6, .order_brochure_form .medium-8, .booking_request_details, .booking_request_details .medium-2, .booking_request_details .medium-4, .booking_request_details .medium-6, .booking_request_details .medium-8, /* REQUEST TAILOR MADE */ .tailor-made-form, .tailor-made-form .medium-2, .tailor-made-form .medium-3, .tailor-made-form .medium-4, .tailor-made-form .medium-5, .tailor-made-form .medium-6, .tailor-made-form .medium-7, .tailor-made-form .medium-8, .private-tailor-made-form, .private-tailor-made-form .medium-2, .private-tailor-made-form .medium-4, .private-tailor-made-form .medium-6, .private-tailor-made-form .medium-8, .private-tailor-made-form .small-10, .email_pref_form, .email_pref_form .medium-8, .email_subscriptions_form, .email_subscriptions_form .medium-8, .account_login_form, .account_forgot_login_form, .account_forgot_login_form .medium-8, .account_login_new_password_form, .account_login_new_password_form .small-10, .account_login_new_password_form .medium-8, /* ACOUNT REGISTRATION */ .account-registration-form, .account-registration-form .medium-2, .account-registration-form .medium-4, .account-registration-form .medium-6, .account-registration-form .medium-8, .account-registration-form .small-10{ width: 100% !important;} .tailor-made-form-intro {width: 120% !important;} .gift_certificate_cc_type {width: 103% !important;} .reg-agency-lookup .medium-4 {width: 225px !important;} .gift_certificate_details.row.row.minus_marg, .gift_certificate_details .medium-6, .gift_certificate_form .small-12{ margin-right: 0px; margin-left: 0px;} .gift_certificate_form.row.row.minus_marg{ margin-left: -15px;} .gift_certificate_form.row.row.minus_marg{ margin-right: 0px;} .gift_certificate_details .medium-6, .gift_certificate_form .small-12, .gift_certificate_details .medium-2{ padding-left: 0px; padding-right: 0px;} .private-tailor-made-form, .gift_certificate_amount{ padding-left: 15px !important;} .gift_certificate_cc_type .medium-2{ padding-right: 5px;} #gift_certificate .gift_certificate_amount, #gift_certificate #firstName, #gift_certificate #state, #gift_certificate #country, #gift_certificate_card #bill_firstName, #gift_certificate_card #bill_state, #gift_certificate_card #bill_country, #gift_certificate_card #cc_expiration_year, #gift_certificate_card #ship_firstName, #gift_certificate_card #ship_state, #gift_certificate_card #ship_country, #faq_form #firstName, #faq_form #state, #faq_form #country, #brochure_order_form #firstName, #brochure_order_form #state, #brochure_order_form #country, #booking_request #firstName, #booking_request #state, #booking_request #country, #questions #firstName, #questions #state, #questions #country, #questions #child, .email_pref_form #email, #agent_services_signup_form #firstName, #agent_services_signup_form #state, #agent_services_signup_form #country{ margin-top: 15px !important;} .private-tailor-made-form .text-nowrap, .booking_request_details .text-nowrap, .account_forgot_login_form .text-nowrap{ white-space: normal; word-wrap: break-word; overflow-wrap: break-word;} .account_change_password{} /* POPUPS - QAS - VALIDATING ADDRESS INFORMATION OVERRIDE proweb.css *********** */ /* POPUPS - QAS - CONTAINER */ .proweb_popup{ left: 0 !important; /* COUNTER ACT THE PLUGIN FOR MOBILE/DEVICES */} /******************************************************************************* ******* SUE TESTING *** (UP TO 800px)* header: MAROON; wrap: DARK VIOLET; *******************************************************************************/ /* COMMENT OUT WHEN DONE #headerContainer { border: 3px solid MAROON;} .inner-wrap{ border: 3px solid DARKVIOLET;} */ } /* @MEDIA SIZES *** [USE THIS ONE!!!] *** (1025px UP) ========================== */ @media only screen and (min-width: 1025px) { .min-height {min-height: 500px !important;} /* ROWS */ .row {max-width: 1285px;} .row .row.minus_marg { margin-left: -25px; margin-right: -25px;} /* OVERRIDES */ hr {margin: 15px 25px;} .no-pad-small {padding: 0 15px !important} .no-pad-med {padding: 0 !important;} .no_pad_left_large {padding-left: 0px !important;} .pad_right_tight {padding-right: 10px !important;} .pad_left_tight {padding-left: 10px !important;} h2.blue-hue {font-size: 128%;} /* TABS */ ul.tabs li a {font-size: 114%;} /* SHOW MORE */ .show-more-area-medium {display: inherit;} /* ADVERTS */ .advert {} .advert h3 { margin-top: 12px; margin-bottom: 0;} /* COLUMNS */ .column, .columns { position: relative; float: left; /* padding-top: 10px; */ padding-left: 25px; padding-right: 25px; background-clip: content-box !Important;} /* FORMS =================================================================== */ form .row .row .column, form .row .row .columns {padding: 0 25px;} /*** FORMS - SPECIFIC (1025px UP) ========================================== */ /* BROCHURES REQUEST */ .brochure {margin: 25px 0;} /* HEADER */ #header .columns hr {margin: 12px 25px;} .login-area ul {margin-right: 13px;} .header-text {padding-right: 25px;} /* GREETING - HEADER - WELCOME */ .greeting{} .greetingName{ max-width: 140px !important; word-wrap: break-word !important; overflow-wrap: break-word; display: inline-block;} /* ADJUST NAVIGATION */ #nav { padding: 0px 25px 0px 25px;} #nav ul li a{font-size: 14px !important;} #nav ul li:hover div.drop_nav, #nav ul li:hover div.drop_nav:hover {top: 40px;} #nav ul li div.drop_nav.destinations, #nav ul li div.drop_nav.destinations:hover { width: calc(644% + 12px); background-position: calc((((100% - 12px)/8) - 50px)) 0;} /* ROWS/PAGE */ .row .page{margin-top: -25px;} /* SHOW MORE */ .show-more-area-small { display: inherit; background-clip: content-box !Important; padding: 0px 25px;} /* TABS */ ul.tabs {margin: 30px 0 !important;} /* FOOTER */ #footer .hide-for-small { margin-bottom: 1.786rem; padding-right: 1.786rem !important;} /* FOOTER LINKS */ #footer p { margin: 0; padding: 0 25px;} ul.privacy {padding-left: 15px;} /* SOCIAL MEDIA */ ul.social { margin: 0 0 0.9375rem 0; padding: 0;} /* OVERRIDE PADDINGS */ .top-15 {padding-top:1.071rem !important;} .top-40 { padding-top: 24px !important; padding-bottom: 24px !important;} /* JOURNEY BAR */ #journey-bar {} #journey-bar select, #journey-bar .selected_filter .icon.remove { width: calc((100% - 30px) / 3); margin-top: 20px;} /* SEARCH RESULTS */ .select-area { display: block; width: calc(98% - 305px); float: left;} /* POPUPS - MODAL WINDOWS - GALLERY */ #modal_imageGallery.reveal-modal { min-width: 1000px; padding: 20px; max-width: 1064px;} /* MISC */ .large-min-6 { min-width: 50%; width: auto;} .large-min-6 .button {width: calc(100% + 30px);} /* SINGLE IMAGE BANNERS - VIDEO PREVIEW */ .banner .video_preview { left: 35px;} /* COMMONSPOT - MOSAIC ELEMENTS */ .grid-sizer, .grid-item { width: 33.333%;} .grid-item.wide { width: 66.666%; } .grid-item .quote {padding-left: 1.875rem; padding-right: 1.875rem;} /******************************************************************************* ******* SUE TESTING *** (1025px UP)* header: BLUE; wrap: YELLOW; *******************************************************************************/ /* COMMENT OUT WHEN DONE #headerContainer { border: 3px solid YELLOW;} .inner-wrap{ border: 3px solid BLUE;} */ } /********************************************************************************** ******* @MEDIA SIZES - BASE FOR ALL CSS ******************************************* **********************************************************************************/ /* NAVIGATION - ALL MEDIA ====================================================== */ #sgj_preview, #cruises_preview, #agents_preview, #tailor_preview{padding:0 5px 0 10px;} li.nav2 span.button.small { display: block; float: right; width: 25px; height: 25px; background: url(../../images/res/btn_arrow_r_sm.png) no-repeat 0 0; margin: 0 0 0 10px; border: none; text-indent: -9999px} li.nav2 span.button.small:hover { background-position: 0 -25px;} li.nav2.preview div div a > span { float: right; font-size: 14px; margin-top: 10px;} div.preview-area a { border-bottom: none !important;} div.preview-area a:hover { border-bottom: none !important; background-color: rgba(0, 0, 0, 0)!important; color: #666666 !important;} /* SPINNER ICON */ .spinner { left: 40%; margin-top: 50px; /* half height of the spinner gif */ text-align:center; z-index:10001; display: none; overflow: auto; width: 32px; /* width of the spinner gif */ height: 34px; /*hight of the spinner gif +2px to fix IE8 issue */ background-color:transparent;} div.confirmation * {text-align: left !important;} /* ADJUST LOGO */ .aklogo{padding:0 0 0 25px;} /* REGIONS */ .region-US.right{ background-position: 30px 5px !important; width: 100px; text-align: left; padding-left: 0px; font-size: 13px;} li.region.no_bullet { background: none !important; padding:0 0 0 10px;} /* ROWS */ .row.halfleft { width: 75%; text-align: right; padding-right: 20px;} /* HEADER */ .row.halfleft .header-text span{ padding: 0px; line-height: 13px; width: 100%; display: block; font-size: 12px;} /* ROWS */ .row.halfright { width: 25%; margin:0; float:right; font-size: 12px;} .row.halfright ul { margin: 0;} .row.halfright ul li { text-align: right; padding: 0 12px 0 0; height: 15px; width: 100%;} /* CONTAINER FOR PHONE */ .phone-num.right { font-size: 16px!important; line-height: 21px!important;} /* ROYAL SLIDER IMAGE CONTAINER */ div.royalSlider {float: left;} /* SEARCH */ .search.light{ box-shadow: none; background-color: #FFFFFF; border: solid 1px #C0C0C0;} /* AGENT PROFILE - AGENT BLOCK AND UPLOAD IMAGE/LOGO =========================== */ .agencyBlock{ background-color: #eeeeee;} .agencyInfoIcon{ position: relative; float: left; padding-right: 10px; padding-bottom: 50px;} .previewFile{ border: 1px solid #CCCCCC; padding: 2px 2px 2px 2px;} .previewFileContainer{ position: relative;} .previewAgency{ display: inline-block; position: relative; margin: 0px 30px 0px 0px;} .previewAgent{ display: inline-block; position: relative;} /*.previewAgency .icon.remove,*/ .previewAgent .icon.remove{ background: url('../../images/res/icon_remove_sm.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-position: right top; display: block; height: 26px; width: 26px; position: absolute; right: 0; top: 0;} /*.previewAgency .icon.remove:hover,*/ .previewAgent .icon.remove:hover { background-position: right bottom; cursor: pointer;} #previewFileID, #showErrorMessage, #logo_upload_Instructions{ float: none; display: block; width: 100%; font-size: 14px;} /* Upload Logo Container - Row */ .logo_upload_Container{} /* Container */ .inputFileGroup{ position: relative; display: table; /* Important */ border-collapse: separate; float: left;} /* Label */ .inputFileLabel{ position: relative; font-size: 0; vertical-align: middle; width: 1%; /* Important */ white-space: nowrap; display: inline-block; float: none; margin: 0px; padding: 0px;} /* Span - Button */ .inputFileButton{ margin: 0; margin-right: -1px; /* Important */ padding: 5px 12px 5px 12px; font-size: 14px !important;} /* Input Form - Hidden */ input[type="file"].fileInputDisplay{ display: none; /* Important */} /* Input Form */ .inputFileControl{ float: right; /* Important */ width: 230px !important; height: 35px !important;} /* Reset Button #clearFile{ float: left; display: inline-block;} .resetInputBtn{ width: auto; margin: 0px; padding: 0px;}*/ /* Delete All Files Button #clearAllFiles{ display: inline-block;} .deleteImagesBtn{ width: auto; margin: 0px; padding: 0px;} */ /*input[type="text"][readonly].inputFileControl, input[type="text"]:hover.inputFileControl, input[type="text"]:focus.inputFileControl{ width: 230px; min-height: 35px; font-size: 14px !important; padding: 0px; background-color: #DDDDDD; box-shadow: none; padding-left: 10px;}*/ /* OVERVIEW TAB - DECK PLAN IMAGE - ITINERARY AT A GLANCE ====================== */ .groupDeckPlan{ overflow-x: hidden; min-width: 300px;} a.deck_plan_image_link{ margin: 0px 30px 15px 0px;} a.view_overlay img.deck_plan_image{ margin-bottom: 10px !important; padding: 0px 0px 20px 0px; float: left; height: 500px;} ul.bargeList{} .outerGroupContainer{ position: relative;} .groupContainer{ display: block; padding-left: 30px; margin-left: 33%; height: 550px;} h2.bargeTitle{ margin: 0px 0px 10px 0px;} /* IE BULLET FIX */ ul.listFix{ list-style: none; display: block;} ul.listFix li span.bulletText:before{ content: ""; font-size: 30px; float: left; line-height: 0; background-color: #666666; border: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; padding: 2px; margin: 7px 3px 3px -10px;} /********************************************************************************** *** @MEDIA - NOT REALLY USED ****************************************************** **********************************************************************************/ /* @MEDIA SIZES *** [SMARTPHONES - PORTRAIT] *** (UP TO 320px) ================= */ @media only screen and (max-width: 320px) { img.mapImage{ width: 260px;} img.mapImageItinerary{ width: 290px;} } /* @MEDIA SIZES *** [SMARTPHONES - LANDSCAPE] *** (321px UP) =================== */ @media only screen and (min-width: 321px) { div.columns.no-pad-med div.columns.no-pad-med {padding: 0px !important;} /* div.row.minus_marg.small-8 div.medium-3.small-10.columns:not(.left) {padding-left: 0 !important;} */ div.row.minus_marg div.medium-3.small-10.columns, div.row.minus_marg div.medium-3.small-11.columns{padding-left: 15px !important;} div.row.minus_marg div.medium-3 div.medium-12.small-11 {float:left !important;} /* form.uniForm div.row select{margin:3px 0 !important;} Effects Gift Certificate forms */ div span.highlight.right{padding-right: 10px !important;} } /* NOT REALLY USED *** @MEDIA SIZES *** (UP TO 687px) ========================== */ @media only screen and (max-width: 687px) { /* ADJUST NAVIGATION */ #nav > ul > li{ padding-left: 0.40rem; padding-right: 0.40rem;} #nav ul li a{font-size: 9px;} } /* NOT REALLY USED *** @MEDIA SIZES *** (UP TO 768px) ========================== */ @media only screen and (max-width: 768px) { img.mapImage{ width: 345px;} img.mapImageItinerary{ width: 345px;} } /* NOT REALLY USED *** @MEDIA SIZES *** (FROM 782px TO 830px) ================== */ @media only screen and (min-width: 782px) and (max-width: 830px){ /* ADJUST NAVIGATION */ #nav ul li a{font-size: 11px;} } /* NOT REALLY USED *** @MEDIA SIZES *** (700px UP) ============================= */ @media only screen and (min-width: 700px) { /* RESPONSIVE DATES ACCORDION - HIGHLIGHTS ON DATES AND PRICES TAB */ .highlight_dates { /* position: absolute; */ /* left: 350px; /* padding-left: 0px !important; color: #ff8400 !important; */ content: ""; display: inline-block; margin-right: 5px;} #dates_prices .accordion .accordion-navigation form .responsive .highlight{ display: inline-block; padding-right: 5px;} } /* [ACTION BAR] ******* @MEDIA SIZES *** (800px UP) ============================ */ @media only screen and (min-width: 800px) { /* ADJUST NAVIGATION */ #nav > ul > li{ padding-left: 0px; padding-right: 0px;} .mainNavContainer #nav{height: 40px;} /* ACTION BAR - BOTTOM NAV - MEDIUM ICONS */ #action-bar {} #action-bar ul {} #action-bar ul li { width: auto; margin-left: 10px; margin-right: 10px; height: 30px; font-size: 12px;} #action-bar ul li a, #action-bar ul li.icon_per span.text, #action-bar ul li.icon_per #lpButDivID-1420711395233{ width: auto; border-radius: 0; border: none; background: none; text-indent: 0; text-align: right; line-height: 30px; font-family: Open Sans;} #action-bar ul li a span, #action-bar ul li.icon_per span.text, #action-bar ul li.icon_per span.text.chat_text_left, #action-bar ul li.icon_per span.text.chat_text_right { display: none;} #action-bar ul li a.icon_env, #action-bar ul li a.icon_pin, #action-bar ul li a.icon_bro, #action-bar ul li a.icon_apro, #action-bar ul li a.icon_aweb, #action-bar ul li a.icon_apho, #action-bar ul li a.icon_acon, #action-bar ul li.icon_per a, #action-bar ul li.icon_per #lpButDivID-1420711395233{ background: none;} #action-bar ul li.icon_per table { display: none;} #action-bar ul li.icon_per span.text, #action-bar ul li.icon_per #lpButDivID-1420711395233{ display: block; float: left; margin: 10px 0;} #action-bar ul li a span, #action-bar ul li.icon_per a, #action-bar ul li.icon_per #lpButDivID-1420711395233{ display: block; width: 30px; height: 30px; border-radius: 15px; border: solid 1px #A5A5A5; background-position: -1px -1px; background-color: #FFFFFF; float: right; margin: 0 10px;} #action-bar ul li.icon_per #lpButDivID-1420711395233{ border-radius: 15px; border: solid 0px #A5A5A5 !important;} #action-bar ul li.icon_per a, #action-bar ul li.icon_per #lpButDivID-1420711395233{ margin: 0;} #action-bar ul li.icon_per #lpButDivID-1420711395233{ margin-left: 10px;} #action-bar ul li a.icon_env span {background-image: url(../../images/res/btn_enquire.png);} #action-bar ul li a.icon_pin span {background-image: url(../../images/res/btn_pin.png);} #action-bar ul li a.icon_bro span {background-image: url(../../images/res/btn_brochure.png);} #action-bar ul li a.icon_apro span {background-image: url(../../images/res/btn_profile.png);} #action-bar ul li a.icon_aweb span {background-image: url(../../images/res/btn_webinar.png);} #action-bar ul li a.icon_apho span {background-image: url(../../images/res/btn_photolibrary.png);} #action-bar ul li a.icon_acon span {background-image: url(../../images/res/btn_contacts.png);} #action-bar ul li.icon_per #lpButDivID-1420711395233 img.LPMimage{ width: 30px; height: 30px; border: solid 1px #A5A5A5 !important; border-radius: 15px;} #action-bar ul li.icon_per #lpButDivID-1420711395233 img.LPMimage:hover{ content: url("../../images/res/btn_person_lg_aHover.png") !important; width: 30px; height: 30px; border: solid 1px #F47F37 !important; border-radius: 15px; color: #F47F37;} #action-bar ul li.icon_per #lpButDivID-1420711395233 .LPMcontainer.LPMoverlay:before { display: block; content:"Live Chat"; color: #666666; margin: 0; text-align: center; font-size: 12px; padding-top: 0px; white-space: nowrap; line-height: 52px; position: relative; right: 59px; font-family: Open Sans;} #action-bar ul li.icon_per #lpButDivID-1420711395233 .LPMcontainer.LPMoverlay:hover::before{ color: #F47F37;} #action-bar ul li.icon_per #lpButDivID-1420711395233 .LPMcontainer.LPMoverlay:after { display: none;} #action-bar ul li.icon_per #lpButDivID-1420711395233 .LPMcontainer.LPMoverlay { left: 90px !important;} #action-bar ul li a:hover span, #action-bar ul li.icon_per a:hover, #action-bar ul li.icon_per #lpButDivID-1420711395233, #action-bar ul li.icon_per #lpButDivID-1420711395233:hover{ background-position: -1px -31px; background-color: #F47F37; border-color: #F47F37;} #action-bar ul li.icon_per #lpButDivID-1420711395233, #action-bar ul li.icon_per #lpButDivID-1420711395233:hover{ background-color: transparent;} /* POPUPS - QAS - VALIDATING ADDRESS INFORMATION OVERRIDE proweb.css *********** */ div.proweb_popup dt.qas_message { font-size: 1em !important; padding: 10px 20px 0px 20px !important;} /* POPUPS - QAS - CONTAINER */ .proweb_popup{ font-size: 1em !important; width: 800px !important; height: 330px !important; padding: 10px 20px 10px 20px !important;} /* POPUPS - QAS - ORIGINAL ADDRESS AREA */ div.proweb_details_left, div.proweb_popup #right_details, div.proweb_details{ padding: 1em !important; width: 300px !important;} div.proweb_popup dt.qas_link{ padding: 0px 30px 0px 0px !important;} div.proweb_popup label.qas_postcode{ margin-left: -20px;} div.proweb_popup #originaladdress table td{ font-size: 0.875rem !important;} } /* @MEDIA SIZES *** [USE THIS ONE!!!] *** (UP TO 1025px) ======================= */ @media only screen and (max-width: 1025px) { .smallLink{ font-size: 12px; word-wrap: break-word;} .downloadCustomizedFlyer{ display: none;} .order_brochure_form .pref_tavel_list .medium-4{ width: 100% !important;} } /* NOT REALLY USED *** @MEDIA SIZES *** (1074px UP) ============================ */ @media only screen and (min-width: 1074px) { /* COMMONSPOT - MOSAIC ELEMENTS */ .grid-sizer, .grid-item, .grid-item .relative { height: 325px;} .grid-item.tall, .grid-item.tall .relative { height: 670px;} } /* [ACTION BAR] ******* @MEDIA SIZES *** (1250px UP) =========================== */ @media only screen and (min-width: 1250px) { /* ACTION BAR - BOTTOM NAV - LARGE ICONS RIGHT SIDE */ #action-bar { position: fixed; width: 70px; height: 380px; z-index: 999; padding-top: 25px; top: 100px; left: calc((100% - 1074px)/2 + 1074px); background: url(../../images/res/rhs_tabs_bg.png) center left no-repeat;} #action-bar ul { text-align: center; margin: 0; padding: 0;} #action-bar ul li { display: inline-block; margin: 10px 20px; padding: 0; height: auto; width: 50px;} #action-bar ul li a, #action-bar ul li.icon_per a { display: block; width: 50px; height: 50px; border-radius: 0; border: none; text-indent: 0; background-position: -10px top; background-color: #FFFFFF; color: #666666; padding-top: 50px; line-height: 18px; text-align: center;} #action-bar ul li.icon_per a, #action-bar ul li.icon_per #lpButDivID-1420711395233{ margin: 0; float: none; border: none;} #action-bar ul li.icon_per{ padding-top: 20px; width: 50px;} #action-bar ul li a span, #action-bar ul li.icon_per span.text, #action-bar ul li.icon_per span.text.chat_text_left, #action-bar ul li.icon_per span.text.chat_text_right { display: none;} #action-bar ul li.icon_per #lpButDivID-1420711395233 .LPMcontainer.LPMoverlay { left: 0px !important;} #action-bar ul li a.icon_env, #action-bar ul li a.icon_pin, #action-bar ul li a.icon_bro, #action-bar ul li a.icon_apro, #action-bar ul li a.icon_aweb, #action-bar ul li a.icon_apho, #action-bar ul li a.icon_acon, #action-bar ul li.icon_per a{ background-position: center top;} #action-bar ul li.icon_per table { display: none;} #action-bar ul li a.icon_env {background-image: url(../../images/res/btn_enquire_lg.png);} #action-bar ul li a.icon_pin {background-image: url(../../images/res/btn_pin_lg.png);} #action-bar ul li a.icon_bro {background-image: url(../../images/res/btn_brochure_lg.png);} #action-bar ul li a.icon_apro {background-image: url(../../images/res/btn_profile_lg.png);} #action-bar ul li a.icon_aweb {background-image: url(../../images/res/btn_webinar_lg.png);} #action-bar ul li a.icon_apho {background-image: url(../../images/res/btn_photolibrary_lg.png);} #action-bar ul li a.icon_acon {background-image: url(../../images/res/btn_contacts_lg.png);} #action-bar ul li.icon_per #lpButDivID-1420711395233 img.LPMimage{ width: 50px; height: 50px; border-radius: 15px; border: solid 0px #A5A5A5 !important; background-color: transparent; margin: 0px !important;} #action-bar ul li.icon_per #lpButDivID-1420711395233 img.LPMimage:hover{ content: url("../../images/res/btn_person_lg_aHover.png") !important; width: 50px; height: 50px; border-radius: 15px; border: solid 0px #F47F37 !important;} #action-bar ul li.icon_per #lpButDivID-1420711395233 .LPMcontainer.LPMoverlay:after{ display: block; content:"Live Chat"; color: #666666; margin: 0px; text-align: center; font-size: 12px; padding-top: 50px; white-space: nowrap; position: relative; font-family: Open Sans;} #action-bar ul li.icon_per #lpButDivID-1420711395233 .LPMcontainer.LPMoverlay:hover::after{ color: #F47F37;} #action-bar ul li.icon_per #lpButDivID-1420711395233 .LPMcontainer.LPMoverlay:before { display: none;} #action-bar ul li a:hover span, #action-bar ul li.icon_per a:hover, #action-bar ul li.icon_per #lpButDivID-1420711395233, #action-bar ul li.icon_per #lpButDivID-1420711395233:hover{ background-position: -1px -31px; background-color: #F47F37; border-color: #F47F37;} #action-bar ul li.icon_per #lpButDivID-1420711395233, #action-bar ul li.icon_per #lpButDivID-1420711395233:hover{ background-color: transparent;} #action-bar ul li a:hover{ background-position: center -100px; background-color: transparent; border-color: transparent; color: #0B3868;} } /********************************************************************************** *** @MEDIA - PRINT **********************************************************************************/ @media print { /* =========================================================================== *** PRINTING ONLY - [PDF PAGE SETTINGS] ============================================================================ */ @page { size: auto; /* Auto is the initial value */ /* This affects the margin in the printer settings */ margin: 10mm 10mm 10mm 10mm; color: #666666;} /*** END *** PRINTING ONLY - [PDF PAGE SETTINGS] ============================================================================ */ /* PRINTING - GENERAL RESETS =============================================== */ *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .clearfix::before, .clearfix::after, .container::before, .container::after, .row::before, .row::after{ content: " "; display: table;} /* Print pages in Portrait */ table { page: portrait; border-collapse: collapse; border-spacing: 0;} * {margin:0; padding:0;} img {border: 0;} /* Remove paddings and margins */ br {margin: 0px; padding: 0px;} img {padding: 0px; margin: 0px; border: 0;} /* PRINTING - BASE/DEFAULT - BODY ========================================== */ html {/*height: 100%;*/ width: 100%;} body { /*height: 100%;*/ width: 100%; margin: 0 auto; padding: 0px; background-color: #FFFFFF; -webkit-print-color-adjust: exact; print-color-adjust: exact; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; font-size: 9pt; /* 12px *** Use Points for print */ line-height: 16pt; /* 1.4em */ font-family: Arial, Helvetica, Helvetica Neue, sans-serif; text-align: left; font-weight: normal; color: #666666; overflow-x: visible; overflow: visible;} /* PRINTING - WRAPPERS ===================================================== */ .inner-wrap{ margin: 0px; padding: 0px; line-height: 15pt; /* 21px */ text-align: left; height: auto;} /* PRINTING - LINKS ======================================================== */ a{ color: #0B3868 !important; font-weight: normal; text-decoration: none; outline: none;} /* REMOVE DISPLAYING LINKS URLS */ a[href]:after { content: " (" attr(href) ")";} a[href]:after { content: none !important;} /* PRINTING - CLEAR AND FLOATS; BLOCK ELEMENTS ============================= */ .clear {clear: both;} /* BLOCKS */ .block {display: block;} .inline_block {display: inline-block;} .inline {display: inline;} /* PRINTING - TYPOGRAPHY =================================================== */ h1, h2, h3, h4, h5, p, div, li, th, td, form, input, select, option, button, label, span, em, .italic, .bold, b, strong, .h2, dl dd, p.normal{ font-family: Arial, Helvetica, Helvetica Neue, sans-serif; color: #666666 !important; -webkit-print-color-adjust: exact;} h1 { font-size: 17pt; /* 23px */ line-height: 21pt; /* 28px */ font-weight: 600;} h2 { font-size: 14.5pt; /* 20px */ font-weight: 600;} h3 { font-size: 12pt; /* 16px */ font-weight: 600;} h4 { font-size: 10pt; /* 13px */ font-weight: 600;} h5 { font-size: 9pt; /* 12px */ font-weight: 400; text-transform: uppercase;} p, em{ font-size: 9pt; /* 12px */ line-height: 10.5pt;} /* 14px */ em, .italic{font-style: italic;} /* PRINTING - FONT STYLES */ .bold, b, strong {font-weight: bold;} .fontNormal, em.valmsg{font-style: normal !Important;} .all-caps { text-transform: uppercase;} .small-case {text-transform: none;} .caps:first-letter {text-transform: capitalize;} /* PRINTING - FONT SIZES */ .fontSize12{font-size: 9pt;} /* 12px */ .fontSize13{font-size: 10pt;} /* 13px */ .fontSize14{font-size: 10.5pt;} /* 14px */ .font-size-15, .fontSize15{font-size: 11pt !important;} /* 15px */ .fontSize16{font-size: 12pt;} /* 16px */ .fontSize18{font-size: 13.5pt;} /* 18px */ .fontSize20{font-size: 14.5pt;} /* 20px */ /* PRINTING - FONT COLORS MESSAGES ========================================= */ /* BASE COLORS TEXT */ .text-primary{color: #666666 !important;} /* DARK BLUE - SAME AS LINK */ .blue, .text-secondary{color: #0B3868;} /* LIGHTER BLUE */ .text-third, .text-tertiary{color: #00447C;} /* WHITE */ .text-white{color: #FFFFFF;} /* HIGHLIGHT MESSAGES */ .text-highlight, .highlight{color: #F47F37 !important;} /* ERROR MESSAGES */ em.valmsg, .mouse_print_red, .text-error{color: #FF0004 !important;} /* REQUIRED MESSAGES */ .text-required {color: #B81509;} /* SUCCESS MESSAGES */ .text-success{color: #3C763D !important;} /* ERROR MESSAGES BLOCK */ .account_login_form em.valmsg, .account_forgot_login_form em.valmsg, .account-registration-form em.valmsg, .account_login_new_password_form em.valmsg{ display: block;} /* GIFT CERTIFICATE */ .gift_certificate_recipient em.valmsg, .gift_certificate_amount em.valmsg, .gift_certificate_cc_type em.valmsg, .gift_certificate_details em.valmsg{ display: block; margin-top: 2px;} /* PRINTING - TEXT ALIGN =================================================== */ .text-left{text-align: left;} .right, .mapping, .text-right{text-align: right;} .centre, .center-small, .textCenter, .text-center{text-align: center;} .text-justify{text-align: justify;} .text-vert-top{vertical-align: top;} .text-vert-mid{vertical-align: middle;} .text-vert-bot{vertical-align: bottom;} /* PRINTING - TEXT WRAP ==================================================== */ .noWrap, .text-nowrap, .account-registration-form em.valmsg{ white-space: nowrap; overflow-wrap: normal; word-wrap: normal;} .text-wrap{ white-space: normal; word-wrap: break-word; overflow-wrap: break-word;} /* PRINTING - BACKGROUNDS COLORS =========================================== */ /* BACKGROUNDS - BASE */ .bg-primary{background-color: #666666;} /* BACKGROUNDS - DARK BLUE - SAME AS LINK */ .bg-secondary {background-color: #0B3868;} /* BACKGROUNDS - LIGHTER BLUE */ .bg-tertiary{background-color: #00447C;} /* BACKGROUNDS - HIGHLIGHT MESSAGES */ .bg-highlight{background-color: #F47F37;} /* BACKGROUNDS - WHITE */ .white, .bg-white{background-color: #FFFFFF;} /* BACKGROUNDS - GRAYS */ .greylight_bg, .bg-graylight {background-color: #F4F4F4;} .grey_bg, .bg-gray {background-color: #E4E4E4;} /* BACKGROUNDS - CREAM */ .bg-cream, .cream_bg {background-color: #FCEFE1;} /* BACKGROUNDS - ERROR */ form.uniForm .errorField, .bg-error{background-color: #DE1A1A;} /* PRINTING - BORDERS ====================================================== */ .no-borders{ border: none !important;} /* BORDERS */ .border-full{border: 1px solid #CCCCCC;} .border-bot-none{border-bottom: none;} /* BORDERS - GRAYS */ .border-gray{border-color: #CCCCCC;} /* BORDERS - ERROR */ form.uniForm .newFormValidation, .border-error{border-color: #DE1A1A;} /* PRINTING - MARGINS ====================================================== */ /* Top; Right; Bottom; Left; */ /* PRINT ONLY - MARGINS ALL */ .marg-no, .no_marg {margin: 0px !important;} /* PRINT ONLY - MARGINS REM */ .marg-top-rem-base {margin-top: 0.9375rem !important;} .marg-right-rem-base {margin-right: 0.9375rem !important;} .marg-bottom-rem-base {margin-bottom: 0.9375rem !important;} .marg-left-rem-base {margin-left: 0.9375rem !important;} /* PRINT ONLY - MARGINS TOP */ .marg-top-no, .no_marg_top {margin-top: 0px !important;} .marg_top2 {margin-top: 2px;} .marg_top4 {margin-top: 4px;} .marg_top5 {margin-top: 5px !important;} .marg_top10, .marg_top_small {margin-top: 10px;} .small_marg_top {margin-top: 10px !important;} .marg_top15 {margin-top: 15px !important;} .marg_top20, .marg_top {margin-top: 20px;} .marg_top30 {margin-top: 30px;} .marg_top60, .big_marg_top {margin-top: 60px;} .marg_top_neg6 {margin-top: -6px !important;} .marg_top_neg7 {margin-top: -7px !important;} .marg_top_neg10 {margin-top: -10px !important;} .marg_top_neg20 {margin-top: -20px !important;} .marg-top-neg-25, .marg_top_neg25 {margin-top: -25px !important;} /* .marg_top20_print {padding-top: 20px !important;} ???? */ .marg-top-20-print, .marg_top20_print {margin-top: 20px !important;} /* PRINT ONLY - MARGINS RIGHT */ .marg-no-right, .no_marg_right {margin-right: 0px !important;} .marg_right5, .xsmall_marg_right {margin-right: 5px !important;} .marg_right10 {margin-right: 10px !important;} .marg_right_neg20{margin-right: -20px !important;} /* PRINT ONLY - MARGINS BOTTOM */ .no_marg_bot {margin-bottom: 0px !important;} .marg_bot2 {margin-bottom: 2px !important;} .marg_bot10, .small_marg_bot {margin-bottom: 10px !important;} .marg_bot15 {margin-bottom: 15px !important;} .marg_bot_neg1 {margin-bottom: -1px;} .marg_bot_neg6 {margin-bottom: -6px;} .marg_bot_neg7 {margin-bottom: -7px !important;} /* PRINT ONLY - MARGINS LEFT */ .marg-no-left, .no_marg_left {margin-left: 0px !important;} .marg_left5, .xsmall_marg_left {margin-left: 5px !important;} .marg_left10 {margin-left: 10px;} .marg_left20 {margin-left: 20px;} .marg_left_neg60, .negMarginLeft60 {margin-left: -60px;} /* PRINTING - PADDINGS ===================================================== */ /* Top; Right; Bottom; Left; */ /* PRINT ONLY - PADDINGS ALL */ .pad-no, .no_pad, .no-pad-small {padding: 0px !important;} /* PRINT ONLY - PADDINGS REM */ .pad-top-rem-base {padding-top: 0.9375rem !important;} .pad-right-rem-base {padding-right: 0.9375rem !important;} .pad-bottom-rem-base {padding-bottom: 0.9375rem !important;} .pad-left-rem-base {padding-left: 0.9375rem !important;} /* PRINT ONLY - PADDINGS TOP */ .pad-top-no, .pad-top-no-print, .no_pad_top, .no_pad_top_print {padding-top: 0px !important;} .pad-top-2 {padding-top: 2px;} .pad-top-4, .pad_top4 {padding-top: 4px;} .pad-top-5, .pad_top5 {padding-top: 5px !important;} .pad-top-10, .pad-top-10-print, .pad_top10, .pad_top10_print {padding-top: 10px !important;} .pad-top-15, .pad_top15 {padding-top: 15px;} .pad-top-20, .pad-top-20-print, .pad_top20, .pad_top20_print {padding-top: 20px !important;} .pad-top-30, .pad-top-30-print, .pad_top30 {padding-top: 30px;} /* PRINT ONLY - PADDINGS RIGHT */ .pad-right-no, .no_pad_right {padding-right: 0px !important;} .pad-right-10, .pad_right10 {padding-right: 10px;} /* PRINT ONLY - PADDINGS BOTTOM */ .no_pad_bot, .no_pad_bot_print {padding-bottom: 0px !important;} .pad-bot-2, .pad_bot2 {padding-bottom: 2px;} .pad_bot5 {padding-bottom: 5px;} .pad_bot10 {padding-bottom: 10px;} .pad-bot-12 {padding-bottom: 12px;} .pad_bot15 {padding-bottom: 15px;} .pad-bot-20, .pad_bot20 {padding-bottom: 20px;} .pad_bot25 {padding-bottom: 25px;} .pad_bot40 {padding-bottom: 40px;} .pad_bot50 {padding-bottom: 50px;} /* PRINT ONLY - PADDINGS BOTTOM */ .pad_bot10_print {padding-bottom: 10px;} .pad_bot25_print {padding-bottom: 25px;} /* PRINT ONLY - PADDINGS LEFT */ .pad-left-no, .no_pad_left {padding-left: 0px !important;} .pad_left5 {padding-left: 5px !important;} .pad_left10, .pad_left_tight, .pad_top10_print{padding-left: 10px !important;} .pad_left15_print {padding-left: 15px !important;} .pad_left20_print {padding-left: 20px !important;} .pad_left25 {padding-left: 25px !important;} .pad_left35 {padding-left: 35px;} /* PRINTING - ROWS AND COLUMNS ============================================= */ .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0;} .column, .columns { position: relative; float: none !important;} /* Float Columns Left */ .left { float: left !important;} .medium-2 { width: 16.66667%; float: left !important;} .medium-3 { width: 25%; float: left !important;} .medium-4 { width: 33.33333%; float: left !important;} .medium-5 { width: 41.66667%; float: left !important;} .medium-6{ width: 50%; float: left !important;} .medium-7{ width: 58.33333%; float: left !important;} .medium-8{ width: 66.66667%; float: left !important;} .medium-9 { width: 75%; float: left !important;} .medium-10{ width: 83.33333%; float: left !important;} .medium-11 { width: 91.66667%;} .medium-12{ width: 100%;} /* PRINTING - WIDTHS/HEIGHTS =============================================== */ /* WIDTHS [%] */ .width-100, .width_100, .width_100_print, .width-100-print {width: 100% !important;} /* PRINTING - FORMS ======================================================== */ .uniForm{} form.uniForm h3{margin-bottom: 5px;} form .row .row, form .row .row .column, form .row .row .columns { padding: 0px; margin: 0px;} /* FORM LABEL */ label, p.lbl, .uniForm fieldset p.lbl { color: #666666; font-size: 9pt; /* 12px */ margin: 0 0 5px 0; padding: 6px 0 0 0; float: left;} .uniForm .row input[type="text"], .uniForm .row select:not(.date) {margin-bottom: 2px;} /* ERROR MESSAGE BOX BORDER */ form.uniForm .newFormValidation { border-color: #FF0004;} /* INPUT FIELDS */ input[type="input"], input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { border: 1px solid #CCCCCC; box-shadow: none; color: #666666; font-size: 9pt; /* 12px */ margin: 0 0 0.9375rem 0; height: 30px; padding: 5px; display: inline-block;} /* SELECT/OPTION FIELDS */ select { -webkit-print-color-adjust: exact; color: rgba(171,171,171,1) !important; margin: 0 0 0.9375rem 0; background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 9pt; /* 12px */ height: 30px; padding: 5px 3px 5px 3px;} /* CHECKBOX/RADIO FIELDS */ input[type="checkbox"], input[type="radio"] { margin: 0.4687rem 0;} /* PRINTING - FORMS - SPECIFIC ============================================= */ /* PRINTING - FORMS - CONTACT US; GIFT CERTIFICATE; BROCHURE REQUEST; TAILOR MADE REQUEST; */ .contact_us_form, .gift_certificate_form, .gift_certificate_payment, .gift_certificate_shipping, .order_brochure_form, .tailor-made-form, .tailor_made_form{ width: 100% !important;} /* PRINTING - ELEMENT - GIFT CERTIFICATE */ .gift_certificate_recipient{ width: 50% !important;} /* PRINTING - FORMS - ACOUNT REGISTRATION */ .account-registration-form{ width: 120% !important;} .gift_certificate_cc_type{ width: 130% !important;} /* PRINTING - FORMS - SEND TO A FRIEND */ .send_to_a_friend_title{ margin-top: -30px;} .pref_tavel_list .medium-4 label { width: 100%; font-size: 12px;} #dsp_brochure_order { overflow: visible !important; page-break-inside: auto !important; padding: 0px; margin: 10px; margin-left: 17px;} #dsp_brochure_order .small-6.no_pad_right.columns { padding: 0px; margin: 0px; float: left !important; width: 70px; position: relative;} #dsp_brochure_order .small-6.pad_left_tight.columns { padding: 0px; margin: 0px;} #dsp_brochure_order .clear { clear: both !important; float: none !important;} #dsp_brochure_order [class*="column"] + [class*="column"]:last-child { width: 150px; float: left !important;} /* PRINTING - TABLES ======================================================= */ table { border: none; overflow: visible; page-break-inside: auto;} table tr { page-break-inside: auto;} table tr.vertical_middle { vertical-align: top;} table tr td, table tr th, table tr th, table tr td { padding: 0; color: #666666;} /* PRINTING - TABS ========================================================= */ ul.tabs { list-style: none; margin: 15px 0 !important; padding: 0; clear: both;} ul.tabs li { margin: 0; padding: 0; float: left; width: 33.333%; background-color: #EFEFEF; border-bottom: solid 1px #EFEFEF;} .tab_4 ul.tabs li {width: 25%;} ul.tabs li a { display: block; color: #666666 !important; font-family: 'Open Sans', Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 11pt !important; /* 15px */ font-weight: 600; text-transform: uppercase; padding: 15px 10px 5px 10px; text-align: center;} li.active{ background-color: #EFEFEF !important;} ul.tabs li.active { border-top: solid 1px #EFEFEF !important; border-left: solid 1px #EFEFEF !important; border-right: solid 1px #EFEFEF !important; border-bottom: solid 1px #EFEFEF !important; -webkit-print-color-adjust: exact;} /* PRINTING - DATES AND PRICES HEADER INFO ================================= */ .icon.amp { padding-left: 0px; display: block; line-height: 16px; margin: 2px 0px 2px 0px;} .icon.amp a { color: #0B3868 !important;} /* PRINTING - DATES AND PRICES TABLE/ACCORDION ============================= */ #dates_prices{} #dates_prices .accordion .accordion-navigation { margin: 0; padding: 0;} #dates_prices .accordion .accordion-navigation > a, #dates_prices .accordion dd > a { background-color: #EFEFEF !important; color: #0B3868 !important; padding: 10px 20px 10px 10px; font-family: Arial, Helvetica, Helvetica Neue, sans-serif; font-size: 9pt !important; -webkit-print-color-adjust: exact;} .accordion .accordion-navigation > .content.active, .accordion dd > .content.active form hr.small_marg{ margin: 0px;} #dates_prices table{ margin: 0px; padding: 0px; margin-left: 10px;} #dates_prices table thead tr th, #dates_prices thead th { margin: 0px; padding: 5px 0px 0px 0px; white-space: nowrap; border-bottom: solid 1px #EFEFEF; font-size: 8.5pt !important; line-height: 9pt !important;} #dates_prices table td { padding: 0px;} #dates_prices{ margin: 0px; padding: 0px;} /* PRINTING - IMAGES ======================================================= */ img {margin-left: auto; margin-right: auto;} .brochure img.fill{ padding: 0px; margin: 0px; height: auto; width: 70px; padding-left: 3px;} .img_right { float: right; margin-left: 25px;} .img_left { float: left; margin-right: 25px;} /**** PRINTING ONLY - [DISPLAY] ============================================ */ /* PRINTING ONLY - LINE HEIGHTS */ .lineHeight11{line-height: 11pt !important;} .lineHeight12{line-height: 12pt !important;} .lineHeight13{line-height: 13pt !important;} .lineHeight14{line-height: 14pt !important;} .line-height-15-print, .lineHeight15 {line-height: 15pt !important;} .lineHeight16{line-height: 16pt !important;} .lineHeight17{line-height: 17pt !important;} .lineHeight18{line-height: 18pt !important;} .lineHeight19{line-height: 19pt !important;} .lineHeight20{line-height: 20pt !important;} /* PRINTING ONLY - BUG FIX IF USER PRINTS FROM MOBILE VIEW ================= */ .left-off-canvas-menu{ overflow: hidden; position: absolute; left: -250px;} .move-right > .inner-wrap{ overflow: hidden; position: absolute; left: -250px;} /* PRINTING ONLY - HEADER CONTAINER ======================================== */ .header_for_print_only{ display: block !important; width: 100%; -webkit-print-color-adjust: exact; color: #666666 !important; font-size: 9pt !important; line-height: 10pt !important; font-family: Arial, Helvetica, Helvetica Neue, sans-serif; border-bottom: 1px solid #A5A5A5; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px;} /* PRINTING - HEADER LOGO */ .logo_for_print{float: left;} .logo_for_print img {} /* PRINTING - HEADER */ .details_for_print { padding: 3px 0px 0px 0px; text-align: right; float: right; line-height: 10pt !important; font-size: 9pt !important;} /* PRINTING - HEADER PHONE */ .details_for_print .phone_print_only{ -webkit-print-color-adjust: exact; font-weight: 600; color: #0B3868 !important;} /* PRINTING - HEADER HOURS */ .details_for_print .hours_print_only{} /* PRINTING - HEADER PHONE */ .details_for_print .info_print_only{} /**** PRINTING ONLY - [HIDE] =============================================== */ /* USE .hide-from-print */ .hide-from-print, .hide_from_print, /* Hide Headers and Navigation */ #mob-call-area, #headerContainer, #header, .phone-num, .aklogo, a#logo, a#logo img /* Navigation */ .mainNavContainer, .tab-bar.searchNav, .searchNav, .left-small, .right-small, /* Mobile */ .left-off-canvas-menu, .off-canvas-fixed, /*.show-more-bar,*/ a.menu-trigger, .left-submenu, .ui-menu, #breadcrumb-bar, .social, #action-bar, /* Banner Images */ .banner, /* Buttons */ .button, .button.carrot, #spinner, /* Footer */ #main_footer, /* Popups */ #signUpFlyDown, #fadeInSignUp, #fadeInFlag, .view_overlay, .akOverlay, iframe, #journey-bar, /* Find Perfect Journey */ .brochure ul.nostyle, #dsp_brochure_order hr{ visibility: none; display: none !important; padding: 0px; margin: 0px;} } /* END - @MEDIA - PRINT */