/* ///////////////////////////////////////////// */ /* ///// CSS Reset - START 2021-09-02 ///////////// */ /* ///////////////////////////////////////////// */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } b{ font-weight: bold; } /* ////////////////////////////////// */ /* ///// CSS Reset - END ///////////// */ /* ////////////////////////////////// */ /* ////////////////////////////////// */ /* ///// MRS Reset - START ///////////// */ /* ////////////////////////////////// */ .page_content{ width:100%; float:left; overflow:visible; padding:0px; margin:0px; border:0px solid #ffffff; position: relative; float: left; background: -moz-linear-gradient(top, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255,1)), color-stop(100%,rgba(255, 255, 255,1))); background: linear-gradient(to bottom, rgba(255, 255, 255,1) 0%,rgba(255, 255, 255,1) 100%); background:#FFFFFF; } section.index.page_content{ background: #FFFFFF; padding:0px; z-index: 1; } .page_content.index #hero{ margin:0px; padding:0px; } .page_content.index #hero .row{ max-width: 100%; padding: 0px; } .page_content.index #hero .row .small-60.columns{ padding:0px; } .page_content.home #hero .row .slider-wrapper{ border-radius: 0px; } .page_content.index #hero .row .slider-wrapper.theme-default{ border-radius: 0px; } .page_content.index #hero .row .slider-wrapper.theme-default .nivoSlider{ max-height: unset; } @media screen and (max-width: 40em){ section.index.page_content { margin:0; } } .page_content{ width:100%; float:left; overflow:visible; background:#FFFFFF; padding:0px; margin:0px; border:0px solid #ffffff; position: relative; float: left; background: -moz-linear-gradient(top, rgba(255, 255, 255,1) 0%, rgba(255, 255, 255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255,1)), color-stop(100%,rgba(255, 255, 255,1))); background: linear-gradient(to bottom, rgba(255, 255, 255,1) 0%,rgba(255, 255, 255,1) 100%); } section.main-section section.index.page_content{ background: #FFFFFF; padding:0px; z-index: 1; } #SPN_HOME section.main-section section.index.page_content .row2{ float: left; width: 100%; } section.main-section section.index.page_content #hero{ margin:0px 0px 60px; padding:0px; } body#SPN_HOME section.main-section section.index.page_content #hero{ margin:0px; } section.main-section section.index.page_content #hero img{ width: 100%; } .page_content.index #hero, .page_content.home #hero{ padding:0px; } .page_content #hero .row{ max-width: 100%; padding: 0px; } .page_content #hero .row .small-60.columns{ padding:0px; } .page_content #hero .row .slider-wrapper.theme-default{ border-radius: 0px; } .page_content #hero .row .slider-wrapper.theme-default #sliderMobile{ max-height: unset; } @media only screen and (max-width: 640px){ #SPN_LOGIN .page_content #hero .row .slider-wrapper.theme-default.hide-for-small-only#showMobile{ display:none !important; } .page_content #hero .row .slider-wrapper.theme-default.hide-for-small-only{ display:none !important; } .page_content #hero .row .slider-wrapper.theme-default.hide-for-small-only .slider-wrapper.theme-default#showMobile{ display:none !important; } .page_content #hero .row .slider-wrapper.theme-default.hide-for-small-only .show-for-small-only{ display:block !important; } } /* nivo slider - START */ .page_content.index #hero .row .slider-wrapper.theme-default #slider.nivoSlider{ max-height:initial; } .page_content.index #hero .row .slider-wrapper.theme-default #slider.nivoSlider img{ } .page_content.index #hero .row .slider-wrapper.theme-default .nivo-controlNav{ } @media only screen and (max-width: 40em){ .page_content.index #hero .row .slider-wrapper.theme-default .nivo-controlNav{ bottom:15px; } } .page_content.index #hero .row .slider-wrapper.theme-default .nivo-controlNav a{ background-image: none; border-radius: 100%!important; display: block; float: left; width: 15px; height: 15px; margin-left: 5px; background: #E9E9E9; } .page_content.index #hero .row .slider-wrapper.theme-default .nivo-controlNav a.active{ background-color: #C4D10E; } /* nivo slider - END */ @media only screen and (max-width: 40em){ section.index.page_content { margin:0px; padding:0px; } } @media only screen and (min-width: 40em){ .columns { padding:0 0.5em; } } 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{ border: 1px solid #dbdbdb; background-color: #fff; box-shadow:0 0 0 #FFFFFF; } /* ////////////////////////////////// */ /* ///// MRS Reset - END ///////////// */ /* ////////////////////////////////// */ /* ////////////////////////////////// */ /* ///// COMMON - START ///////////// */ /* ////////////////////////////////// */ body{ font-family: helvetica; font-size: 14px; float: left; width: 100%; background: linear-gradient(to bottom, rgba(244, 243, 240,0) 150px,rgba(244, 243, 240,0) 300px); background-color: #F6F6F6; color:#004833; } strong{ font-weight:bold; } a:focus{ outline: none; } ol{ list-style: disc; margin-top: 10px; } .tab-class:focus{ outline-color: #3b99fc; background: transparent; } ::placeholder { color: #004833; font-family: helvetica; opacity: 1; /* Firefox */ font-size:16px; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #004833; font-family: helvetica; font-size:16px; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #004833; font-family: helvetica; font-size:16px; } .row{ max-width: 1180px; } .row .row.first_row{ width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 1180px; } @media screen and (min-width: 40em){ .columns { padding: 0 0.5em; } } .page_content{ background: linear-gradient(to bottom, rgba(229, 229, 229,0) 0%,rgba(229, 229, 229,0) 100%); } .page_content h1{ font-family: "Dragonbold",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-size: 42px; color: #004833; line-height: 48px; margin: 0px; border-bottom: 0px solid #FFFFFF; padding: 0px; letter-spacing: 0px; text-shadow: 0 0px 0 rgba(255,255,255,0); } label.error + small.error{ background: transparent; border: none; color: #ee6565; } h2{ font-family: "Dragonbold",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-size: 36px; color: #004833; text-align: center; line-height: 42px; margin: 0px; border-bottom: 0px solid #FFFFFF; padding: 0px; letter-spacing: 0px; text-shadow: 0 0px 0 rgba(255,255,255,0); font-weight: bold; text-align:left; } .page_content h2{ font-family: "Dragonbold",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-size: 36px; color: #004833; text-align: center; line-height: 42px; margin: 0px; border-bottom: 0px solid #FFFFFF; padding: 0px; letter-spacing: 0px; text-shadow: 0 0px 0 rgba(255,255,255,0); font-weight: bold; text-align:left; } @media screen and (max-width: 40em){ .page_content h2 { font-size: 30px; line-height:36px; } } h3, h4, h5{ color: #004833; } .page_content h3{ font-family: "Dragonbold",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-size: 30px; color: #004833; text-align: left; line-height: 36px; font-weight: bold; border-bottom: 0px solid #cccccc; padding: 0px; margin: 0px 0px 24px; float:left; } .page_content h4{ font-family: "Dragonbold",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-size: 16px; color: #004833; text-align: left; line-height: 22px; font-weight: bold; border-bottom: 0px solid #cccccc; padding: 0px; margin: 0px; } .page_content h5{ } .page_content a{ color:#004833; font-size:14px; } .page_content p{ font-family: Helvetica; font-size: 14px; color: #004833; text-align: left; line-height: 20px; float:left; margin-bottom:24px; } p.success_message { position: absolute; z-index: 999; font-weight: bold; background-color: transparent; color: #2D373E!important; font-size: 14px; line-height: 25px; margin-top: 35px; left: 6px; max-width: 500px; top: -44px; left: 183px; } section.index.page_content.grey_border.freeform_page_temp_content.contact_content { margin-top: 0px; } @media(max-width:768px){ p.success_message { font-size: 12px; top:-56px; width: 300px; } } @media (max-width: 640px){ p.success_message { top: -92px; left: 10px; font-size: 14px; } } .home_freeform#home_private .username_points .medium-banner-mod_content p{ text-align: center; margin-top: 50px; } label.required > span:first-child::after{ color:#e30000; } button:focus, button:hover, button[type="submit"]:focus, button[type="submit"]:hover, a.button:focus, a.button:hover{ color:#ffffff; background:#FFFFFF; } button:disabled#btn_add_map_info{ width: 50%; background: #ccc; border: none; color: #333; } button#btn_add_map_info { width: 50%; } button#btn_update_map_info{ width: 50%; } input#udf_1_USER_DEF_1,input#udf_1_USER_DEF_2,input#udf_1_USER_DEF_2 { background-color: #ffffff; } /* /////// table - START /////// */ table tr, table tr td{ font-size: 14px; color:#004833; } table tr td { padding: 6px 6px 17px; } table.dataTable{ } table.dataTable thead{ } table.dataTable.dtr-inline.collapsed th{ color: #004833; } table.dataTable.dtr-inline.collapsed tbody td:first-child::before, table.dataTable.dtr-inline.collapsed tbody th:first-child::before{ background-color: #E30000; } table thead tr{ background: #FFFFFF; border-width: 0px; border-bottom: 2px solid #78BE20; } table tbody td{ border-width: 0px; } table tbody tr{ border-width: 0px; } /* /////// table - END /////// */ /* /////// button - START /////// */ /* ////////////////////// button - white (Secondary) - START ////////////////////// */ button, button[type="submit"], a.button, .twoLine, button.disabled, button[disabled], .button.disabled, .button[disabled], #btn_reset, #btn_cancel,#cancelButton{ background: #FFFFFF; text-shadow: 0 0px 0 rgba(255, 255, 255, 0); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); opacity: 1; border-radius: 3px; border:1px solid #E30000; } @media screen and (min-width: 40em){ body#SPN_SHOP_DETAIL_PUBLIC .add_to_wishlist, body#SPN_SHOP_DETAIL_LOGGED .add_to_wishlist{ width: 40%; float: left; } body#SPN_SHOP_DETAIL_PUBLIC .add_to_wishlist, body#SPN_SHOP_DETAIL_LOGGED .add_to_wishlist button.wishlist.add_to_wishlist_btn[disabled] span{ height: 36px; } body#SPN_SHOP_DETAIL_PUBLIC .add_to_cart_btn, body#SPN_SHOP_DETAIL_LOGGED .add_to_cart_btn{ width: 40%; float: right; } } button:hover, a.button:hover, #btn_reset:hover, #btn_cancel:hover,#cancelButton:hover{ transition: 0.2s ease-in-out 0s; background-color: #eb4d4d; } button span, a.button span, #btn_reset span, #btn_cancel span,#cancelButton span{ display: block; color: #004833; font-size: 16px; font-weight: normal; text-align: center; border-radius: 6px; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); margin: 0px !important; padding: 9px 12px 11px; line-height: 16px; } button:hover span, a.button:hover span, #btn_reset:hover span, #btn_cancel:hover span,#cancelButton:hover span{ color:#FFFFFF; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb4d4d', endColorstr='#eb4d4d',GradientType=0 ); } button.secondary, .button.secondary{ background: transparent; border: 1px solid #E30000; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus{ background-color: #eb4d4d; } /* button.secondary */ /* ////////////////////// button - white (Secondary) - END ////////////////////// */ /* ////////////////////// button - Red (Primary) - START ////////////////////// */ .shop.shop_details.page_content .page_intro footer button.primary { visibility: visible !important; } .shop_details form button.primary, .shop_details_logged form button.primary { visibility: visible !important; } a.button.primary, button.primary,button.primary[type="submit"], form#ProfileForm .accordion .accordion-navigation #usrProfUpdButton, form#ProfileForm .accordion .accordion-navigation #usrPassUpdButton, form#ProfileForm .accordion .accordion-navigation #securityInfoUpdBtn, #view_statement, #btn_submit,#addButton, #my_cards form.my_accounts button, .shop button#add_to_cart{ background: #E30000; text-shadow: 0 0px 0 rgba(255, 255, 255, 0); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); opacity: 1; border-radius: 3px; border:1px solid #E30000; margin:0px 0px 12px; } a.button.primary:hover, button.primary:hover, button.primary[type="submit"]:hover, form#ProfileForm .accordion .accordion-navigation #usrProfUpdButton:hover, form#ProfileForm .accordion .accordion-navigation #usrPassUpdButton:hover, form#ProfileForm .accordion .accordion-navigation #securityInfoUpdBtn:hover, #view_statement:hover, #btn_submit:hover,#addButton:hover, #my_cards form.my_accounts button:hover, .shop button#add_to_cart:hover{ background-color: #eb4d4d; transition: 0.2s ease-in-out 0s; text-decoration: none; } /* ////////////////////////////////////////////// */ /* // contact form // */ /* ////////////////////////////////////////////// */ form#FormEmailUs label[for=name], form#FormEmailUs label[for=email_addr], form#FormEmailUs label[for=msg_primary_card_holder] { margin-bottom: 32px; } form#FormEmailUs label#msg_primary_card_holder { margin-bottom: 30px; } form#FormEmailUs label[for=name], form#FormEmailUs label[for=email_addr], form#FormEmailUs label[for=msg_primary_card_holder], form#FormEmailUs label[for=email_us_comment]> span:first-child { font-weight: bold; } textarea#email_us_comment { margin-top: 20px; min-height: 150; resize: vertical; background-color: #FFFFFF; } .general_contact ul#breadcrumb span { color: #fff !important; text-transform: initial; font-size: 14px; } .general_contact ul#breadcrumb li { color: #fff; font-size: 14px; display: none; } .general_contact a { color: #FFFFFF !important; text-transform: initial !important; font-size: 14px !important; } .general_contact:before { content: ' '; height: 324px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-ph_credit-cards_1920x342.jpg) no-repeat top center; } .general_contact.page_content .row header h3 { color: #FFFFFF !important; font-size: 40px; text-align: left; margin: 0; padding: 0px; font-weight: 300; line-height: 48px; margin-bottom: 100px; } .freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb { font-size: 14px; text-align: left; line-height: 18px; text-transform: capitalize; margin-bottom: 60px; } .general_contact ul#breadcrumb { color: #FFFFFF; margin-top: 30px; margin-bottom: 55px; float: left; width: 100%; } input#btn_back:hover { color: #FFFFFF; background-color: #E24D6B; } input#form-EmailUs-Submit:hover { color: #FFFFFF; background-color: #E24D6B; } .freeform_page_temp.contact_freeform { position: relative; top: 200px; left: 180px; } .freeform_page_temp.contact_freeform a { color: #E30000 !important; } /* ///////////////////////////////////////////// */ /* //////// End of CSS for contact form //////// */ /* ///////////////////////////////////////////// */ a.button.primary span, button.primary span,button.primary[type="submit"] span, form#ProfileForm .accordion .accordion-navigation #usrProfUpdButton span, form#ProfileForm .accordion .accordion-navigation #usrPassUpdButton span, form#ProfileForm .accordion .accordion-navigation #securityInfoUpdBtn span, #view_statement span, #btn_submit span,#addButton span, .account.account_cards.page_content.logged #my_cards form.my_accounts label button span,.shop button#add_to_cart span{ display: block; color: #FFFFFF !important; font-size: 16px; font-weight: normal; text-align: center; border-radius: 6px; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); margin: 0px !important; padding: 9px 12px 11px; line-height: 16px; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus{ line-height: normal; background-color: #EB4D4D; color:#FFFFFF; } button > span, button[type="submit"] > span, button[disabled]:hover > span, a.button > span, .twoLine button{ line-height: unset; } button:disabled > span, button:disabled:hover > span, a.button.disabled:hover > span{ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%); padding: 9px 12px 11px; } /* ////////////////////// button - Red (Primary) - END ////////////////////// */ /* ////////////////////// tertiary - START ////////////////////// */ button.tertiary_btn, a.button.tertiary_btn{ text-shadow: 0 0px 0 rgba(255, 255, 255, 0); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); opacity: 1; border-radius: 3px; border: 1px solid #E30000; } button.tertiary_btn:hover, a.button.tertiary_btn:hover{ background-color: #eb4d4d; transition: 0.2s ease-in-out 0s; } button.tertiary_btn span, a.button.tertiary_btn span{ display: block; color: #004833; font-size: 16px; font-weight: normal; text-align: center; border-radius: 6px; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); margin: 0px !important; padding: 9px 12px 11px; line-height: 16px; } button.tertiary_btn:hover span, a.button.tertiary_btn:hover span{ background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100% ); color: #FFFFFF; } /* ////////////////////// tertiary - END ////////////////////// */ /* /////// button - END /////// */ .off-canvas-wrap{ } .off-canvas-wrap .inner-wrap{ } .off-canvas-wrap .inner-wrap::before{ background:#FFFFFF; -webkit-transition: background-color 500ms ease; -ms-transition: background-color 500ms ease; transition: background-color 500ms ease; } .off-canvas-wrap.move-right .inner-wrap{ } .off-canvas-wrap.move-right .inner-wrap::before{ content: ""; float: left; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; opacity: 0.5; z-index: 99; transition: transform 500ms ease 0s; background-color: #000000; -webkit-transition: background-color 500ms ease; -ms-transition: background-color 500ms ease; transition: background-color 500ms ease; } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down{ z-index:100; box-shadow: 0 0px 0 rgba(0, 0, 0, 0); height: 55px; } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section{ margin: 5px; border:none; } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section::before{ content:" "; position:absolute; top:0px; right:0px; border-right:1px solid #D6D5D0; } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section.menu-icon{ } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section .menu-icon span::after { box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000; } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section a{ } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section a img{ width: 170px; max-height: 70px; margin: 0px auto; } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section a#aria-toggle::after{ position: absolute; right: 0px; top: 7px; content: " "; width: 1px; height: 30px; background-color: #D6D5D0; } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section .title a{ margin-left: 10px; float: left; background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_mobile_logo.png) no-repeat left; width: 159px; height: 38px; } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section .title a img{ display:none; } .left-off-canvas-menu, .right-off-canvas-menu { background: #FFFFFF; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul{ margin:0 10px; border-bottom: 1px solid #d7d2cb; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul.off-canvas-list.primary{ border-bottom: 0px solid #FFFFFF; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul.off-canvas-list.primary.user_name{ border-bottom: 1px solid #d7d2cb; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul:last-child{ border-bottom:0px solid #FFFFFF; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul li{ border-bottom: 1px solid #d7d2cb; box-shadow: 0px 0px 0px #FFFFFF; position:relative; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul li:last-child{ border-bottom: 0px solid #d7d2cb; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul a{ color:#004833; background:#FFFFFF; font-size:14px; padding:20px 16px; text-shadow: 0 0 0 #CCCCCC; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul a.user_profile{ } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul a.user_profile span{ color: #004833; font-size: 14px; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul a.logout_link{ font-size: 14px; text-transform: capitalize; padding: 20px 13px; height: 52px; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul a:hover{ color:#004833; background:#FFFFFF; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul a .sidebar_item_badge.code_SPN_WISH_LIST_TEMPLATE1{ background: #78BE20; height: 24px; width: 24px; min-width: 20px; padding: 5px 0 0; color: #004833; font-size: 14px; font-weight: bold; top: 14px; position: absolute; left: 80px; } .off-canvas-wrap .inner-wrap .left-off-canvas-menu ul a .sidebar_item_badge.code_SPN_WISH_LIST_TEMPLATE1:after{ background: #63B1BC; width: 24px; height: 24px; top: 15px; position: absolute; left: 80px; } section.main-section{ float:left; width:100%; } section.main-section section.index.page_content{ padding:0px; background:#FFFFFF; } .page_content.index #hero .row .slider-wrapper.theme-default div img{ float:left; width:100%; } .page_content.index #hero .row .slider-wrapper.theme-default .nivo-controlNav{ } .page_content.index #hero .row .slider-wrapper.theme-default .nivo-controlNav a.nivo-control{ background-image: none; background: transparent; border-radius: 50%; border:#FFFFFF 2px solid; width:14px; height:14px; } .page_content.index #hero .row .slider-wrapper.theme-default .nivo-controlNav a.nivo-control.active{ background:#FFFFFF; } @media screen and (max-width: 40em){ .slider-wrapper .nivo-controlNav { bottom: 20px; padding: 0; } } /* /////// drop down - START /////////// */ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .small-60.medium-30.columns.center label, nav#order_type label[for=selsort], #giftCardActivationForm label[for=supplier], form#FormEmailUs label[for=case_issue_type], .cart_actions .payment_information .payment-card-brand label, .cart_actions .payment_information .payment-expiration-month label, .cart_actions .payment_information .payment-expiration-year label, #pwrlEnrollDiv label[for=pwrl_account_id], .consolidated-items label[for=quantity], nav#filter_catalog_heirarchy label[for=selrange], form#AccountInformationForm label[for=account], form#AccountInformationForm label[for=statementPeriod], form#AccountInformationForm label[for=statementDate], form#RegisterForm label[for=account_type], #personal_information label[for=country], form#ShippingAddressForm label[for=country_code], form#ShippingAddressForm label[for=state], #PasswordDiv label[for=question0], #PasswordDiv label[for=question1], #PasswordDiv label[for=question2], #RegisterTable label[for=challenge_question_0], #RegisterTable label[for=challenge_question0], #RegisterTable label[for=challenge_question_1], #RegisterTable label[for=challenge_question1], #RegisterTable label[for=challenge_question_2], #RegisterTable label[for=challenge_question2], #div_register label[for=country], #fancybox-content label[for=bank_product_id], #RegisterSubDiv label[for=account_type], label#criteria_label, form#ProfileForm label[for=challenge_question0], form#ProfileForm label[for=challenge_question1], form#ProfileForm label[for=challenge_question2], #ajaxEventDiv form label[for=household_origin], #ajaxEventDiv form label[for=acc_origin], #ajaxEventDiv form label[for=rec_orig_acc], #ajaxEventDiv form label[for=acc_type], #form_add_card label[for=bankProductId], .content_point_exchange from label[for=map_type], .gift_card_section label.quantity, label[for=addButton], .shop label.quantity{ float: left; position: relative; margin-bottom:20px; color: #004833; line-height: 14px; font-size: 14px; text-transform: capitalize; font-weight: bold; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .small-60.medium-30.columns.center label span, nav#order_type label[for=selsort] span, #giftCardActivationForm label[for=supplier] span, form#FormEmailUs label[for=case_issue_type] span, .cart_actions .payment_information .payment-card-brand label span, .cart_actions .payment_information .payment-expiration-month label span, .cart_actions .payment_information .payment-expiration-year label span, #pwrlEnrollDiv label[for=pwrl_account_id] span, .consolidated-items label[for=quantity] span, nav#filter_catalog_heirarchy label[for=selrange] span, form#AccountInformationForm label[for=account] span, form#AccountInformationForm label[for=statementPeriod] span, form#AccountInformationForm label[for=statementDate] span, #personal_information label[for=country] span, form#ShippingAddressForm label[for=country_code] span, form#ShippingAddressForm label[for=state] span, #PasswordDiv label[for=question0] span, #PasswordDiv label[for=question1] span, #PasswordDiv label[for=question2] span, #RegisterTable label[for=challenge_question_0] span, #RegisterTable label[for=challenge_question0] span, #RegisterTable label[for=challenge_question_1] span, #RegisterTable label[for=challenge_question1] span, #RegisterTable label[for=challenge_question_2] span, #RegisterTable label[for=challenge_question2] span, #div_register label[for=country] span, #fancybox-content label[for=bank_product_id] span, #RegisterSubDiv label[for=account_type] span, label#criteria_label span, form#ProfileForm label[for=challenge_question0] span, form#ProfileForm label[for=challenge_question1] span, form#ProfileForm label[for=challenge_question2] span, #ajaxEventDiv form label[for=household_origin] span, #ajaxEventDiv form label[for=acc_origin] span, #ajaxEventDiv form label[for=rec_orig_acc] span, #ajaxEventDiv form label[for=acc_type] span, #form_add_card label[for=bankProductId] span, .content_point_exchange from label[for=map_type] span, label[for=addButton] span, .shop label.quantity span{ color: #004833; line-height: 16px; font-size: 14px; text-transform: inherit; font-weight:bold; margin-bottom:15px; text-align:left; min-height:auto; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .small-60.medium-30.columns.center label select, nav#order_type label[for=selsort] select, #giftCardActivationForm label[for=supplier] select, form#FormEmailUs label[for=case_issue_type] select, .cart_actions .payment_information .payment-card-brand label select, .cart_actions .payment_information .payment-expiration-month label select, .cart_actions .payment_information .payment-expiration-year label select, #pwrlEnrollDiv label[for=pwrl_account_id] select, .consolidated-items label[for=quantity] select, nav#filter_catalog_heirarchy label[for=selrange] select, form#AccountInformationForm label[for=account] select, form#AccountInformationForm label[for=statementPeriod] select, form#AccountInformationForm label[for=statementDate] select, form#RegisterForm label[for=account_type] select, #personal_information label[for=country] select, form#ShippingAddressForm label[for=country_code] select, form#ShippingAddressForm label[for=state] select, #PasswordDiv label[for=question0] select, #PasswordDiv label[for=question1] select, #PasswordDiv label[for=question2] select, #RegisterTable label[for=challenge_question_0] select, #RegisterTable label[for=challenge_question0] select, #RegisterTable label[for=challenge_question_1] select, #RegisterTable label[for=challenge_question1] select, #RegisterTable label[for=challenge_question_2] select, #RegisterTable label[for=challenge_question2] select, #div_register label[for=country] select, #fancybox-content label[for=bank_product_id] select, #RegisterSubDiv label[for=account_type] select, label#criteria_label select, form#ProfileForm label[for=challenge_question0] select, form#ProfileForm label[for=challenge_question1] select, form#ProfileForm label[for=challenge_question2] select, #ajaxEventDiv form label[for=household_origin] select, #ajaxEventDiv form label[for=acc_origin] select, #ajaxEventDiv form label[for=rec_orig_acc] select, #ajaxEventDiv form label[for=acc_type] select, #form_add_card label[for=bankProductId] select, .content_point_exchange from label[for=map_type] select, .gift_card_section label.quantity select, label[for=addButton] select, #filter_catalog_heirarchy select, #order_type select, .shop label.quantity select{ width: 100%; background-color: #FFFFFF; border: 1px solid #949386; padding-left: 15px; float: left; height: 36px; max-width: unset; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 4px 35px 4px 15px; cursor: pointer; font-weight: normal; border-radius: 3px; font-size: 14px; color: rgba(0,0,0,0.40); box-shadow: unset; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .small-60.medium-30.columns.center label:after, #giftCardActivationForm label[for=supplier]:after, form#FormEmailUs label[for=case_issue_type]:after, .cart_actions .payment_information .payment-card-brand label:after, .cart_actions .payment_information .payment-expiration-month label:after, .cart_actions .payment_information .payment-expiration-year label:after, #pwrlEnrollDiv label[for=pwrl_account_id]:after, .consolidated-items label[for=quantity]:after, form#AccountInformationForm label[for=account]:after, form#AccountInformationForm label[for=statementPeriod]:after, form#AccountInformationForm label[for=statementDate]:after, form#ShippingAddressForm label[for=country_code]:after, form#ShippingAddressForm label[for=state]:after, #PasswordDiv label[for=question0]:after, #PasswordDiv label[for=question1]:after, #PasswordDiv label[for=question2]:after, #RegisterTable label[for=challenge_question_0]:after, #RegisterTable label[for=challenge_question0]:after, #RegisterTable label[for=challenge_question_1]:after, #RegisterTable label[for=challenge_question1]:after, #RegisterTable label[for=challenge_question_2]:after, #RegisterTable label[for=challenge_question2]:after, #div_register label[for=country]:after, #fancybox-content label[for=bank_product_id]:after, #RegisterSubDiv label[for=account_type]:after, label#criteria_label:after, form#ProfileForm label[for=challenge_question0]:after, form#ProfileForm label[for=challenge_question1]:after, form#ProfileForm label[for=challenge_question2]:after, #ajaxEventDiv form label[for=household_origin]:after, #ajaxEventDiv form label[for=acc_origin]:after, #ajaxEventDiv form label[for=rec_orig_acc]:after, #ajaxEventDiv form label[for=acc_type]:after, #form_add_card label[for=bankProductId]:after, .content_point_exchange from label[for=map_type]:after, .gift_card_section label.quantity:after, label[for=addButton]:after, .shop label.quantity:after{ position: absolute; top:47px; right: 7px; z-index: 0; content: " "; margin-left: 6px; display: inline-block; border-top: 8px solid #004833; border-right: 7px solid transparent; border-bottom: none; border-left: 7px solid transparent; font-size: 14px; width: auto; padding: 0px; } form#RegisterForm label[for=account_type]:after{ position: absolute; top:46px; right: 7px; z-index: 0; content: " "; margin-left: 6px; display: inline-block; border-top: 8px solid #004833; border-right: 7px solid transparent; border-bottom: none; border-left: 7px solid transparent; font-size: 14px; width: auto; padding: 0px; } #filter_catalog_heirarchy:after, #order_type:after { position: absolute; top:14px; right: 7px; z-index: 0; content: " "; margin-left: 6px; display: inline-block; border-top: 8px solid #004833; border-right: 7px solid transparent; border-bottom: none; border-left: 7px solid transparent; font-size: 14px; width: auto; padding: 0px; pointer-events: none; } #selsort { border-radius: 3px; font-size: 16px; } /* /////// drop down - END /////////// */ form p.help{ margin-bottom: 0px; } form p.help a:hover{ color:#999; } form p.help a:focus{ color:#999; } /* /////// input box - START /////////// */ form#mappingInformationForm label[for=USER_DEF_1], form#mappingInformationForm label[for=USER_DEF_2], form#mappingInformationForm label[for=USER_DEF_3], form#mappingInformationForm label[for=ACCT_MAP_ID], .email_confirmation label, label.automatic_redemption, form#VerifyForm label, #giftCardActivationForm label[for=cardNumber], #giftCardActivationForm label[for=cardDenomination], form#FormEmailUs label[for=mobile_phone_num], .cart_actions .payment_information .payment-card-number label, #form_edit_card fieldset label, #ProfileForm label[for=travelProgramName], #ProfileForm label[for=travelProgramNumber], form#AuthForm label[for=answer0], form#AuthForm label[for=answer1], label#frequency, label[for=frequency], #fancybox-content label[for=user_id], #fancybox-content label[for=new_password], #fancybox-content label[for=retype_password], form#form_otp label, #RegisterTable label[for=reg_name_prefix], #RegisterTable label[for=bank_customer_num], #RegisterTable label[for=first_nam], #RegisterTable label[for=last_nam], #RegisterTable label[for=reg_name_suffix], #RegisterTable label[for=address], #RegisterTable label[for=address2], #RegisterTable label[for=address3], #RegisterTable label[for=zip], #RegisterTable label[for=business_phone], #RegisterTable label[for=fax_num], #RegisterTable label[for=birth_date], #RegisterTable label[for=email_address], #RegisterTable label[for=email_address_cfm], #RegisterTable label[for=challenge_answer0], #RegisterTable label[for=challenge_answer_cfm0], #RegisterTable label[for=challenge_answer1], #RegisterTable label[for=challenge_answer_cfm1], #RegisterTable label[for=challenge_answer2], #RegisterTable label[for=challenge_answer_cfm2], #VerifyForm label[for=birth_date], #VerifyForm label[for=question2], #VerifyForm label[for=question3], #VerifyForm label[for=question4], #VerifyForm label[for=question5], #personal_information label[for=reg_name_prefix], #personal_information label[for=first_name], #personal_information label[for=last_name], #personal_information label[for=address_line_1], #personal_information label[for=address_line_2], #personal_information label[for=address_line_3], #personal_information label[for=city], #personal_information label[for=state], #personal_information label[for=zip], #personal_information label[for=postal], #personal_information label[for=ssn], #personal_information label[for=business_phone], #personal_information label[for=address3], #personal_information label[for=fax_phone], form#ShippingAddressForm label[for=name], form#ShippingAddressForm label[for=po_addr_sw], form#ShippingAddressForm label[for=textfieldwidth2], form#ShippingAddressForm label#posection, form#ShippingAddressForm label#address1section, form#ShippingAddressForm label#address2section, form#ShippingAddressForm label#address3section, form#ShippingAddressForm label#address4section, form#ShippingAddressForm label[for=city], form#ShippingAddressForm label[for=phone], form#ShippingAddressForm label[for=postal_code], #PasswordDiv label[for=answer0], #PasswordDiv label[for=answer_confirm0], #PasswordDiv label[for=answer1], #PasswordDiv label[for=answer_confirm1], #PasswordDiv label[for=answer2], #PasswordDiv label[for=answer_confirm2], #RegisterTable label[for=user_id], #RegisterTable label[for=user_pwd], #RegisterTable label[for=user_pwd_cfm], #RegisterTable label[for=email_addr], #RegisterTable label[for=email_addr_cfm], #RegisterTable label[for=retype_user_id], #RegisterTable label[for=password], #RegisterTable label[for=retype_password], #RegisterTable label[for=challenge_answer_0], #RegisterTable label[for=challenge_answer_cfm_0], #RegisterTable label[for=challenge_answer_1], #RegisterTable label[for=challenge_answer_cfm_1], #RegisterTable label[for=challenge_answer_2], #RegisterTable label[for=challenge_answer_cfm_2], #RegisterTable label[for=first_name], #RegisterTable label[for=last_name], #RegisterTable label[for=address_line_1], #RegisterTable label[for=address_line_2], #RegisterTable label[for=city], #RegisterTable label[for=state], #RegisterTable label[for=postal], #RegisterTable label[for=ssn], .email_confirmation label.email_box, #fancybox-content label[for=question0], #fancybox-content label[for=question1], #fancybox-content label[for=bank_account_num], #div_restore label[for=user_id], #RegisterSubDiv label[for=bank_account_num], #form_login label[for=user_id], #form_login label[for=user_pwd], #update_profile label[for=email_addr_profile], #update_profile label[for=user_id_profile], #update_profile label[for=user_id], #update_profile label[for=bank_account_num], #update_profile label[for=date_of_birth], #update_profile label[for=user_pwd], #update_profile label[for=user_pwd_cfm], #change_password label[for=user_pwd], #change_password label[for=user_pwd_cfm], #update_security_info label[for=challenge_answer0], #update_security_info label[for=challenge_answer_cfm0], #update_security_info label[for=challenge_answer1], #update_security_info label[for=challenge_answer_cfm1], #update_security_info label[for=challenge_answer2], #update_security_info label[for=challenge_answer_cfm2], #notification_preferences label[for=mobile_phone_num], #notification_preferences label[for=retypeMobilePhoneNumber], #notification_preferences label[for=email_addr], #notification_preferences label[for=email_addr_cfm], #personal_information label[for=bank_customer_num], #ajaxEventDiv label[for=rec_acc_num], #ajaxEventDiv label[for=rec_last_name], #form_add_card label[for=accountNumber], #form_add_card label[for=accountNickname], #ProfileForm label[for=address], #ProfileForm label[for=address2], #ProfileForm label[for=birth_date], #ProfileForm label[for=email_addr_profile], .shop_details_catalog_item .vpp-points-amount, .shop_details_catalog_item .vpp-pay-amount{ float: left; position: relative; margin-bottom: 20px; cursor: initial; } form#mappingInformationForm label[for=USER_DEF_1] span, form#mappingInformationForm label[for=USER_DEF_2] span, form#mappingInformationForm label[for=USER_DEF_3] span, form#mappingInformationForm label[for=ACCT_MAP_ID] span, .email_confirmation label span, label.automatic_redemption span, form#VerifyForm label span, #giftCardActivationForm label[for=cardNumber] span, #giftCardActivationForm label[for=cardDenomination] span, form#FormEmailUs label[for=mobile_phone_num] span, .cart_actions .payment_information .payment-card-number label span, #form_edit_card fieldset label span, #ProfileForm label[for=travelProgramName] span, #ProfileForm label[for=travelProgramNumber] span, form#AuthForm label[for=answer0] span, form#AuthForm label[for=answer1] span, label#frequency span, label[for=frequency] span, #fancybox-content label[for=user_id] span, #fancybox-content label[for=new_password] span, #fancybox-content label[for=retype_password] span, form#form_otp label span, #RegisterTable label[for=reg_name_prefix] span, #RegisterTable label[for=bank_customer_num] span, #RegisterTable label[for=first_nam] span, #RegisterTable label[for=last_nam] span, #RegisterTable label[for=reg_name_suffix] span, #RegisterTable label[for=address] span, #RegisterTable label[for=address2] span, #RegisterTable label[for=address3] span, #RegisterTable label[for=zip] span, #RegisterTable label[for=business_phone] span, #RegisterTable label[for=fax_num] span, #RegisterTable label[for=birth_date] span, #RegisterTable label[for=email_address] span, #RegisterTable label[for=email_address_cfm] span, #RegisterTable label[for=challenge_answer0] span, #RegisterTable label[for=challenge_answer_cfm0] span, #RegisterTable label[for=challenge_answer1] span, #RegisterTable label[for=challenge_answer_cfm1] span, #RegisterTable label[for=challenge_answer2] span, #RegisterTable label[for=challenge_answer_cfm2] span, #VerifyForm label[for=birth_date] span, #VerifyForm label[for=question2] span, #VerifyForm label[for=question3] span, #VerifyForm label[for=question4] span, #VerifyForm label[for=question5] span, #personal_information label[for=reg_name_prefix] span, #personal_information label[for=first_name] span, #personal_information label[for=last_name] span, #personal_information label[for=address_line_1] span, #personal_information label[for=address_line_2] span, #personal_information label[for=address_line_3] span, #personal_information label[for=city] span, #personal_information label[for=state] span, #personal_information label[for=zip] span, #personal_information label[for=postal] span, #personal_information label[for=ssn] span, #personal_information label[for=business_phone] span, #personal_information label[for=address3] span, #personal_information label[for=fax_phone] span, form#ShippingAddressForm label[for=name] span, form#ShippingAddressForm label[for=po_addr_sw] span, form#ShippingAddressForm label[for=textfieldwidth2] span, form#ShippingAddressForm label#posection span, form#ShippingAddressForm label#address1section span, form#ShippingAddressForm label#address2section span, form#ShippingAddressForm label#address3section span, form#ShippingAddressForm label#address4section span, form#ShippingAddressForm label[for=city] span, form#ShippingAddressForm label[for=phone] span, form#ShippingAddressForm label[for=postal_code] span, #PasswordDiv label[for=answer0] span, #PasswordDiv label[for=answer_confirm0] span, #PasswordDiv label[for=answer1] span, #PasswordDiv label[for=answer_confirm1] span, #PasswordDiv label[for=answer2] span, #PasswordDiv label[for=answer_confirm2] span, #RegisterTable label[for=user_id] span, #RegisterTable label[for=user_pwd] span, #RegisterTable label[for=user_pwd_cfm] span, #RegisterTable label[for=email_addr] span, #RegisterTable label[for=email_addr_cfm] span, #RegisterTable label[for=retype_user_id] span, #RegisterTable label[for=password] span, #RegisterTable label[for=retype_password] span, #RegisterTable label[for=challenge_answer_0] span, #RegisterTable label[for=challenge_answer_cfm_0] span, #RegisterTable label[for=challenge_answer_1] span, #RegisterTable label[for=challenge_answer_cfm_1] span, #RegisterTable label[for=challenge_answer_2] span, #RegisterTable label[for=challenge_answer_cfm_2] span, #RegisterTable label[for=first_name] span, #RegisterTable label[for=last_name] span, #RegisterTable label[for=address_line_1] span, #RegisterTable label[for=address_line_2] span, #RegisterTable label[for=city] span, #RegisterTable label[for=state] span, #RegisterTable label[for=postal] span, #RegisterTable label[for=ssn] span, .email_confirmation label.email_box span, #fancybox-content label[for=question0] span, #fancybox-content label[for=question1] span, #fancybox-content label[for=bank_account_num] span, #div_restore label[for=user_id] span, #RegisterSubDiv label[for=bank_account_num] span, #form_login label[for=user_id] span, #form_login label[for=user_pwd] span, #update_profile label[for=email_addr_profile] span, #update_profile label[for=user_id_profile] span, #update_profile label[for=user_id] span, #update_profile label[for=bank_account_num] span, #update_profile label[for=date_of_birth] span, #update_profile label[for=user_pwd] span, #update_profile label[for=user_pwd_cfm] span, #change_password label[for=user_pwd] span, #change_password label[for=user_pwd_cfm] span, #update_security_info label[for=challenge_answer0] span, #update_security_info label[for=challenge_answer_cfm0] span, #update_security_info label[for=challenge_answer1] span, #update_security_info label[for=challenge_answer_cfm1] span, #update_security_info label[for=challenge_answer2] span, #update_security_info label[for=challenge_answer_cfm2] span, #notification_preferences label[for=mobile_phone_num], #notification_preferences label[for=retypeMobilePhoneNumber] span, #notification_preferences label[for=email_addr] span, #notification_preferences label[for=email_addr_cfm] span, #personal_information label[for=bank_customer_num] span, #ajaxEventDiv label[for=rec_acc_num] span, #ajaxEventDiv label[for=rec_last_name] span, #form_add_card label[for=accountNumber] span, #form_add_card label[for=accountNickname] span, #ProfileForm label[for=address] span, #ProfileForm label[for=address2] span, #ProfileForm label[for=birth_date] span, #ProfileForm label[for=email_addr_profile] span, .shop_details_catalog_item .vpp-points-amount span, .shop_details_catalog_item .vpp-pay-amount span{ color: #004833; font-size: 14px; text-transform: inherit; font-weight: bold !important; margin-bottom: 15px; line-height:16px; min-height: auto; } form#mappingInformationForm label[for=USER_DEF_1] input, form#mappingInformationForm label[for=USER_DEF_2] input, form#mappingInformationForm label[for=USER_DEF_3] input, form#mappingInformationForm label[for=ACCT_MAP_ID] input, .email_confirmation input#accept_email, label.automatic_redemption input#itemRecurRedeem, form#VerifyForm label input, #giftCardActivationForm label[for=cardNumber] input, #giftCardActivationForm label[for=cardDenomination] input, form#FormEmailUs label[for=mobile_phone_num] input, .cart_actions .payment_information .payment-card-number label input, #form_edit_card fieldset label input, #ProfileForm label[for=travelProgramName] input, #ProfileForm label[for=travelProgramNumber] input, form#AuthForm label[for=answer0] input, form#AuthForm label[for=answer1] input, label#frequency input, #shop_offers input[type="text"], #fancybox-content label[for=new_password] input, #fancybox-content label[for=retype_password] input, form#form_otp label input, #RegisterTable label[for=reg_name_prefix] input, #RegisterTable label[for=bank_customer_num] input, #RegisterTable label[for=first_nam] input, #RegisterTable label[for=last_nam] input, #RegisterTable label[for=reg_name_suffix] input, #RegisterTable label[for=address] input, #RegisterTable label[for=address2] input, #RegisterTable label[for=address3] input, #RegisterTable label[for=zip] input, #RegisterTable label[for=business_phone] input, #RegisterTable label[for=fax_num] input, #RegisterTable label[for=birth_date] input, #RegisterTable label[for=email_address] input, #RegisterTable label[for=email_address_cfm] input, #RegisterTable label[for=challenge_answer0] input, #RegisterTable label[for=challenge_answer_cfm0] input, #RegisterTable label[for=challenge_answer1] input, #RegisterTable label[for=challenge_answer_cfm1] input, #RegisterTable label[for=challenge_answer2] input, #RegisterTable label[for=challenge_answer_cfm2] input, #VerifyForm label[for=birth_date] input, #VerifyForm label[for=question2] input, #VerifyForm label[for=question3] input, #VerifyForm label[for=question4] input, #VerifyForm label[for=question5] input, #personal_information label[for=reg_name_prefix] input, #personal_information label[for=first_name] input, #personal_information label[for=last_name] input, #personal_information label[for=address_line_1] input, #personal_information label[for=address_line_2] input, #personal_information label[for=address_line_3] input, #personal_information label[for=city] input, #personal_information label[for=state] input, #personal_information label[for=zip] input, #personal_information label[for=postal] input, #personal_information label[for=ssn] input, #personal_information label[for=business_phone] input, #personal_information label[for=ssn] input, #personal_information label[for=address3] input, #personal_information label[for=fax_phone] input, form#ShippingAddressForm label[for=name] input, form#ShippingAddressForm label[for=po_addr_sw] input, form#ShippingAddressForm label[for=textfieldwidth2] input, form#ShippingAddressForm label#posection input, form#ShippingAddressForm label#address1section input, form#ShippingAddressForm label#address2section input, form#ShippingAddressForm label#address3section input, form#ShippingAddressForm label#address4section input, form#ShippingAddressForm label[for=city] input, form#ShippingAddressForm label[for=phone] input, form#ShippingAddressForm label[for=postal_code] input, #PasswordDiv label[for=answer0] input, #PasswordDiv label[for=answer_confirm0] input, #PasswordDiv label[for=answer1] input, #PasswordDiv label[for=answer_confirm1] input, #PasswordDiv label[for=answer2] input, #PasswordDiv label[for=answer_confirm2] input, #RegisterTable label[for=user_id] input, #RegisterTable label[for=user_pwd] input, #RegisterTable label[for=user_pwd_cfm] input, #RegisterTable label[for=email_addr] input, #RegisterTable label[for=email_addr_cfm] input, #RegisterTable label[for=retype_user_id] input, #RegisterTable label[for=password] input, #RegisterTable label[for=retype_password] input, #RegisterTable label[for=challenge_answer_0] input, #RegisterTable label[for=challenge_answer_cfm_0] input, #RegisterTable label[for=challenge_answer_1] input, #RegisterTable label[for=challenge_answer_cfm_1] input, #RegisterTable label[for=challenge_answer_2] input, #RegisterTable label[for=challenge_answer_cfm_2] input, #RegisterTable label[for=first_name] input, #RegisterTable label[for=last_name] input, #RegisterTable label[for=address_line_1] input, #RegisterTable label[for=address_line_2] input, #RegisterTable label[for=city] input, #RegisterTable label[for=state] input, #RegisterTable label[for=postal] input, #RegisterTable label[for=ssn] input, .email_confirmation label.email_box input, #fancybox-content label[for=question0] input, #fancybox-content label[for=question1] input, #fancybox-content label[for=bank_account_num] input, #div_restore label[for=user_id] input, #RegisterSubDiv label[for=bank_account_num] input, #form_login label[for=user_id] input, #form_login label[for=user_pwd] input, #update_profile label[for=email_addr_profile] input, #update_profile label[for=user_id_profile] input, #update_profile label[for=user_id] input, #update_profile label[for=bank_account_num] input, #update_profile label[for=date_of_birth] input, #update_profile label[for=user_pwd] input, #update_profile label[for=user_pwd_cfm] input, #change_password label[for=user_pwd] input, #change_password label[for=user_pwd_cfm] input, #update_security_info label[for=challenge_answer0] input, #update_security_info label[for=challenge_answer_cfm0] input, #update_security_info label[for=challenge_answer1] input, #update_security_info label[for=challenge_answer_cfm1] input, #update_security_info label[for=challenge_answer2] input, #update_security_info label[for=challenge_answer_cfm2] input, #notification_preferences label[for=mobile_phone_num] input, #notification_preferences label[for=retypeMobilePhoneNumber] input, #notification_preferences label[for=email_addr] input, #notification_preferences label[for=email_addr_cfm] input, #personal_information label[for=bank_customer_num] input, #ajaxEventDiv label[for=rec_acc_num] input, #ajaxEventDiv label[for=rec_last_name] input, #form_add_card label[for=accountNumber] input, #form_add_card label[for=accountNickname] input, #ProfileForm label[for=address] input, #ProfileForm label[for=address2] input, #ProfileForm label[for=birth_date] input, #ProfileForm label[for=email_addr_profile] input, #offers_categories input#search_param, .search_filter_order input#search_param, .cart_list .quantity input, .cart_list .frequency input, .shop_details_catalog_item .vpp-points-amount input, .shop_details_catalog_item .vpp-pay-amount input{ border-radius: 3px; box-shadow: inset 0 0 0px rgba(0,0,0,0); color: #004833 !important; font-size: 16px !important; border: 1px solid #949386 !important; padding: 11px !important; background: #FFFFFF; height: 36px !important; } span#msg_dob{ line-height: normal; } /* /////// input box - END /////////// */ /* /////// input box placeholder - START /////////// */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px; color: rgba(0,0,0,0.40); } ::-moz-placeholder { /* Firefox 19+ */ font-size: 16px; color: rgba(0,0,0,0.40); } :-ms-input-placeholder { /* IE 10+ */ font-size: 16px; color: rgba(0,0,0,0.40); } :-moz-placeholder { /* Firefox 18- */ font-size: 16px; color: rgba(0,0,0,0.40); } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ font-size: 16px; color: rgba(0,0,0,0.40); opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 16px; color: rgba(0,0,0,0.40); } ::-ms-input-placeholder { /* Microsoft Edge */ font-size: 16px; color: rgba(0,0,0,0.40); } /* /////// input box placeholder - END /////////// */ /* ////// facncy box - START ////// */ #fancybox-content #form_login input[name="user_id"] { border-radius: 3px; margin-bottom: 20px; } #fancybox-content #form_login input[name="user_pwd"] { border-radius: 3px; border: 1px solid #949386; } #fancybox-content #form_login label[for="user_id"] span, #fancybox-content #form_login label[for="user_pwd"] span { display: block; } #fancybox-content label[for="remember_dev_sw"] input#remember_dev_sw{ -webkit-appearance: checkbox; float: left; width: 20px; height: 20px !important; } #fancybox-wrap{ } @media only screen and (max-width: 700px){ #fancybox-wrap{ top:10px !important; } } #fancybox-wrap #fancybox-outer{ border-radius: 0px; padding: 1px 40px 30px!important; top: 15px !important; left:-50px !important; } @media(max-width:425px){ #fancybox-wrap #fancybox-outer{ left: 0px !important; } } #fancybox-wrap #fancybox-outer div{ } #fancybox-wrap #fancybox-outer div.content{ overflow: hidden !important; } #fancybox-wrap #fancybox-outer div#wishlist_error{ overflow: hidden !important; } #fancybox-wrap #fancybox-outer #fancybox-content{ margin-top: 25px; } #fancybox-wrap #fancybox-outer #fancybox-content form#form_cancel p{ margin-bottom:24px; } #fancybox-wrap #fancybox-outer #form_recur_item button.twoUp{ float:right; } #fancybox-wrap #fancybox-outer #form_recur_item button.primary.twoUp{ float:left; } #fancybox-wrap #fancybox-outer header{ margin-bottom:10px; } #fancybox-wrap #fancybox-outer header h3{ text-align: left; font-size: 18px; font-weight: bold; color: #004833; padding: 0 0.5em; margin-bottom: 30px; } #fancybox-wrap #fancybox-outer div form#form_recur_item fieldset p{ margin-bottom: 20px; } #fancybox-wrap #fancybox-outer div form#form_remove fieldset p{ margin-bottom: 20px; line-height:16px; font-size: 14px; } #fancybox-wrap #fancybox-outer div form#VerifyForm{ } #fancybox-wrap #fancybox-outer div form#VerifyForm button#btn_submit{ margin-bottom:20px; } @media only screen and (max-width: 640px){ #fancybox-wrap #fancybox-outer div form#VerifyForm button#btn_submit{ margin-bottom: 15px; } } #fancybox-wrap #fancybox-outer div#RegisterSubDiv{ } #fancybox-wrap #fancybox-outer div#RegisterSubDiv button#btn_submit{ margin-bottom: 10px; } #fancybox-wrap #fancybox-outer div#RegisterSubDiv label[for=bank_product_id]{ display:none; } #fancybox-wrap #fancybox-close{ background: transparent url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_btn_close_02.png) right top; width: 16px; height: 16px; top: 24px; right: 17px; } /* ////// facncy box - END ////// */ /* ////// register account - START ////// */ #fancybox-content #RegisterSubDiv #btn_submit{ margin-bottom: 20px; margin-top: 22px; } #fancybox-content #RegisterSubDiv #btn_cancel{ margin-top: 22px; } /* ////// register account - END ////// */ /* ////// mappingInformationForm - START ////// */ #fancybox-content form#mappingInformationForm{ } #fancybox-content form#mappingInformationForm label[for=mapping_info_header] span{ color:#004833; } /* ////// mappingInformationForm - END ////// */ /* ////// Update Challenge Questions - START ////// */ #div_security_profile_ajax #PasswordDiv{ } #div_security_profile_ajax #PasswordDiv label{ } #div_security_profile_ajax #PasswordDiv label span{ } #div_security_profile_ajax #PasswordDiv label span.question{ } /* ////// Update Challenge Questions - END ////// */ /* ////// facncy box(lightbox_recurring_redemption_view) - START ////// */ #fancybox-content .lightbox_recurring_redemption_view{ } #fancybox-content .lightbox_recurring_redemption_view header{ } #fancybox-content .lightbox_recurring_redemption_view #lightbox_recurring_redemption_view{ } #fancybox-content .lightbox_recurring_redemption_view #lightbox_recurring_redemption_view .row{ margin-bottom:20px; } #fancybox-content .lightbox_recurring_redemption_view #lightbox_recurring_redemption_view p{ margin:10px 0px; line-height:22px; } #fancybox-content .lightbox_recurring_redemption_view #lightbox_recurring_redemption_view h4{ color: #004833; } #fancybox-content .lightbox_recurring_redemption_view #lightbox_recurring_redemption_view label{ float: left; position: relative; margin-bottom: 20px; cursor: initial; } #fancybox-content .lightbox_recurring_redemption_view #lightbox_recurring_redemption_view label span{ color: #004833; font-size: 14px; text-transform: capitalize; font-weight: bold; margin-bottom: 15px; line-height: 16px; } #fancybox-content .lightbox_recurring_redemption_view #lightbox_recurring_redemption_view label span.value{ font-weight: normal; } #fancybox-content .lightbox_recurring_redemption_view #lightbox_recurring_redemption_view label input{ width: 100%; background-color: #fff; float: left; max-width: unset; -webkit-appearance: checkbox; -moz-appearance: none; cursor: pointer; font-weight: normal; background: none; border-radius: 3px; box-shadow: inset 0 0 0px rgba(0,0,0,0); color: #2D373E; font-size: 16px; border: 1px solid #D7D2CB; padding: 11px; background: #FFFFFF; height: 36px; } #fancybox-content .lightbox_recurring_redemption_view #lightbox_recurring_redemption_view label input#rr-auto-redemption{ width: auto; height: auto; padding: 7px; } /* ////// facncy box(lightbox_recurring_redemption_view) - END ////// */ /* /////// RegisterForm - START /////////// */ #RegisterForm{ } #RegisterForm .sectionContainer{ } #RegisterForm .sectionContainer table{ } #RegisterForm .sectionContainer table tr{ border: none; } #RegisterForm .sectionContainer table tr td{ border: none; } #RegisterForm .sectionContainer .flleftreg{ } #RegisterForm .sectionContainer .flleftreg table#RegisterSubDiv{ } #RegisterForm .sectionContainer .flleftreg table#RegisterSubDiv tr{ border: none; float: left; width: 100%; } #RegisterForm .sectionContainer .flleftreg table#RegisterSubDiv td{ border: none; float: left; width: 100%; } #RegisterForm .sectionContainer .flleftreg table#RegisterSubDiv td input{ } #RegisterForm .sectionContainer .flleftreg table#RegisterSubDiv td input.formButton{ } #RegisterForm #RegisterTable{ } #RegisterForm #RegisterTable .row{ margin-bottom:20px; } /* /////// RegisterForm - END /////////// */ /* /////// Cardholder Information - START /////////// */ .create_profile{ background:#FFFFFF; } .create_profile::before { content: ' '; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; height: 342px; background: url("") no-repeat top center #FFFFFF; } .create_profile .small-54.small-offset-3.columns{ margin: 0% !important; width: 100%; } .create_profile #div_register{ } .create_profile #div_register::before{ content:" "; } .create_profile #div_register form#RegisterForm{ } .create_profile #div_register form#RegisterForm h2{ margin-bottom:100px; } .create_profile #div_register form#RegisterForm p{ } .create_profile #div_register form#RegisterForm #RegisterTable{ margin-bottom:100px; } /* /////// Cardholder Information - END /////////// */ /* /////// ShippingAddressesForm - START /////////// */ #ShippingAddressesForm{ } #ShippingAddressesForm .scrollBox{ max-height: 100%; border: 0px solid transparent; padding: 0px; margin-top: 10px; } #ShippingAddressesForm .scrollBox label{ margin-bottom: 20px; border: #e0e0e0 solid 1px; padding: 10px; } #ShippingAddressesForm .scrollBox label input[type="radio"]{ float: left; width: 20px; margin-top: 4px; margin-bottom: 0px !important; } #ShippingAddressesForm .scrollBox label input[type="radio"] + span{ margin-right: 10px; } #ShippingAddressesForm .scrollBox label input[type="radio"] + span:first-child{ width: 92%; } /* /////// ShippingAddressesForm - END /////////// */ /* /////// medium-banner-mod_section - START /////////// */ .medium-banner-mod_section{ margin-top: 60px; margin-bottom: 40px; float: left; width: 100%; } .medium-banner-mod_section .medium-banner-mod{ position: relative; margin-bottom: 20px; background:#FFFFFF; } .medium-banner-mod_section .medium-banner-mod .columns{ } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left{ padding: 20px 0px 0px; float: left; width: 100%; } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left h2{ margin-bottom: 25px !important; padding: 0px !important; color:#621A4B; } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left .medium-banner-mod_content{ float: left; width: 100%; } @media screen and (max-width: 931px){ .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left .medium-banner-mod_content{ display:none; } } @media screen and (max-width: 641px){ .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left .medium-banner-mod_content{ display: block; height: auto; max-height: none; margin-bottom:35px; } } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left .medium-banner-mod_content p{ width: 100%; margin-bottom: 0px; float: left; } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left .medium-banner-mod_content p span.italic{ font-style: italic; font-size:14px; color:#575F65; } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left .medium-banner-mod_content p a{ color:#E30000; font-size:14px; } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left a{ font-style: italic; } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-left a.blue-btn{ } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-right{ float: left; width: 100%; } .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-right img{ float:left; width:100%; } @media screen and (max-width: 641px){ .medium-banner-mod_section .medium-banner-mod .medium-banner-mod-right img{ width:100%; } } .medium-banner-mod_section.medium-banner_half h2{ margin-bottom: 47px; } .medium-banner-mod_section.medium-banner_half .medium-banner-mod .medium-banner-mod-left{ padding: 15px; } .medium-banner-mod_section.medium-banner_half .medium-banner-mod .medium-banner-mod-left h3{ margin-bottom:20px; } .medium-banner-mod_section.medium-banner_half .medium-banner-mod .medium-banner-mod-left h5{ color: #FFFFFF; font-size: 17px; margin-top: 15px; margin-bottom: 30px; font-weight: bold; } @media screen and (max-width: 40em){ .medium-banner-mod_section.medium-banner_half .medium-banner-mod .medium-banner-mod-left h5{ text-align:center; margin-bottom:20px; } .medium-banner-mod_section.medium-banner_half .medium-banner-mod .medium-banner-mod-left .medium-banner-mod_content p{ text-align:center; } } /* /////// medium-banner-mod_section - END /////////// */ /* /////// four_products_tile - START /////////// */ .index.page_content.four_products_tile{ float: left; padding: 65px 0px; } .index.page_content.four_products_tile h2{ float:left; width:100%; margin-bottom:45px; margin-top:60px; } .index.page_content.four_products_tile .four_products_tile_box{ float:left; width:100%; background:#FFFFFF; position:relative; margin-bottom:20px; border: 1px solid #D6D5D0; } .index.page_content.four_products_tile .four_products_tile_box .icon_sale{ float: left; position: absolute; top: 0px; left: 0px; border-radius: 50%; line-height: 8px; padding: 20px 10px; color: #FFFFFF; border: 1px solid #9F4585; background: #9F4585; margin: 0 auto; height: 50px; width: 50px; display: block; text-align: center; } .index.page_content.four_products_tile .four_products_tile_box .prod_img{ float:left; margin: 24px 32px; position:relative; } .index.page_content.four_products_tile .four_products_tile_box .prod_img img{ width:100%; float:left; } .index.page_content.four_products_tile .four_products_tile_box .prod_name{ float: left; padding: 13px 24px; height: 94px; } .index.page_content.four_products_tile .four_products_tile_box .prod_name span{ font-family: Helvetica; font-size: 16px; color: #004833; text-align: center; line-height: 22px; height:54px; float:left; text-align:center; width:100%; } .index.page_content.four_products_tile .four_products_tile_box .prod_points{ float:left; background: #048938; color:#FFFFFF; padding:25px; width: 100%; text-align: center; } .index.page_content.four_products_tile .four_products_tile_box .prod_points span{ font-weight:normal; } .index.page_content.four_products_tile .four_products_tile_box .prod_points span.points{ font-weight:bold; } .index.page_content.four_products_tile .prod_save{ height:45px; float:left; width:100%; } .index.page_content.four_products_tile .prod_save span{ color: #E30000; height:45px; float:left; width:100%; text-align:center; font-family: Helvetica-Italic; font-size: 16px; line-height: 20px; font-style: italic; } /* /////// four_products_tile - END /////////// */ /* /////// Breadcrumb - START ///////////////// */ .page_intro #breadcrumb{ float: left; margin-top: 30px; color: #004833; float: left; font-size: 14px; line-height: 18px; text-transform: capitalize; margin-bottom: 60px; text-align: left; } .page_intro #breadcrumb li{ color:#004833; font-size:14px; } .page_intro #breadcrumb li a{ font-size:14px; text-transform: capitalize; } .page_intro #breadcrumb li span{ color: #004833; font-size: 14px; text-transform: capitalize; margin:0px; } /* /////// Breadcrumb - END ///////////////// */ /* /////// table normal - START ///////////////// */ table.normal{ float: left; border-collapse: initial; border-spacing: initial; margin-bottom:50px; } table.normal tr { border-width: 0 0 0 0px; background: #FFFFFF; } table.normal thead tr{ background:#FFFFFF; } table.normal tr th{ border-width: 0; background: none; font-size: unset; padding: 17px 12px; border-bottom: 3px solid #78BE20; line-height: 18px; border-right: 1px solid #D7D2CB; color: #004833; } table.normal tr.border_bottom th{ border-bottom: solid 3px #78BE20; } table.normal tr th:last-child{ border-right: 0px solid #D7D2CB; } table.normal tbody tr.even, table.normal tbody tr.alt, table.normal tbody tr:nth-of-type(even){ background: #f9f9f9; } table.normal tr.even, table.normal tr.alt, table.normal tr:nth-of-type(even) { } table.normal td{ border-bottom: 1px solid #D7D2CB; border-collapse: collapse; text-align: left; font-weight: 400; padding: 17px 12px; vertical-align: top; border-width: 0 0 1px 0; border-right:1px solid #D7D2CB; } table.normal td:first-child { } table.normal td:last-child { border-right:0px; } table.normal td.col_2 { background: #f2f2f2 none repeat scroll 0 0; padding: 15px 30px; border-right: 0px solid #FFFFFF; } table.normal td span{ float:left; width:100%; min-height:18px; } table.normal td span.mobile_only{ font-weight:bold; display:none; } /* /////// table normal - END ///////////////// */ /* /////// table stack - START ///////////////// */ table.stack{ float: left; border-collapse: initial; border-spacing: initial; margin-bottom:50px; } table.stack tr { border-width: 0 0 0 0px; } table.stack thead tr{ background:#FFFFFF; } table.stack tr th{ border-width: 0; background: none; font-size: unset; padding: 17px 12px; border-bottom: solid 3px #004833; line-height: 18px; border-right: 1px solid #D7D2CB; } table.stack tr th:last-child{ border-right: 0px solid #D7D2CB; } table.stack tr.even, table.stack tr.alt, table.stack tr:nth-of-type(even) { background: #f9f9f9; } table.stack td { border-bottom: 1px solid #D7D2CB; border-collapse: collapse; text-align: left; font-weight: 400; padding: 17px 12px; vertical-align: top; border-width: 0 0 1px 0; border-right:1px solid #D7D2CB; } table.stack td:first-child { } table.stack td:last-child { border-right:0px; } table.stack td.col_2 { background: #f2f2f2 none repeat scroll 0 0; padding: 15px 30px; border-right: 0px solid #FFFFFF; } table.stack td span{ float:left; width:100%; } table.stack td span.mobile_only{ font-weight:bold; display:none; } @media screen and (max-width: 63.9375em) { table.stack tfoot, table.stack thead { display: none; } table.stack td, table.stack th, table.stack tr { } table.stack td { border-top: 0; width: 100%; float:left; border-bottom: 0px; border-right: 0px; padding-bottom: 0px; } table.stack td:last-child{ border-bottom:1px solid #D7D2CB; padding: 17px 12px; } table.stack tr:last-child td:first-child { border-right: 0px solid #FFFFFF; } table.stack td.col_2 { padding-bottom: 15px; border-bottom: 1px solid #D7D2CB; } table.stack td span.mobile_only{ font-weight:bold; display:block; } } /* /////// table stack - END ///////////////// */ /* /////// product card - START ///////////////// */ ul.card_list, ul.card_list#point_balance_item_list, ul.card_list#most_wanted_item_list, ul.card_list#most_redeemed_item_list{ margin:0px; } ul.card_list li{ margin-bottom: 60px; padding-bottom: 0px; position:relative; } ul.card_list li div{ float: left; width: 100%; } ul.card_list li .sl-button-block{ height:100%; display:block; } ul.card_list li .sl-button-block button.wishlist.add_to_wishlist_btn[disabled], ul.card_list li .sl-button-block button.wishlist.add_to_wishlist_btn[disabled] span { opacity: 0.5; background-color: #FFFFFF; color: #004833; } ul.card_list li div.sl-image-link{ height: auto; } ul.card_list li div.sl-labels{ height: 25px; } @media screen and (max-width: 641px){ ul.card_list li div.sl-button-block{ display:block; } .wish_list ul.card_list li div.sl-button-block{ display:block; } } ul.card_list li div.sl-labels .sl-sale-amount{ position: relative; } ul.card_list li div.sl-labels .sl-freight-charge{ height:30px; } @media screen and (max-width: 850px){ ul.card_list li div.sl-labels .sl-freight-charge{ height:auto; } .wish_list ul.card_list li div.sl-labels .sl-freight-charge{ height: 30px; } } body #shop_offers #shop_list .card_list .sl-button-block button.primary{ margin-top: 0px !important; } @media screen and (max-width: 641px){ ul.card_list li div.sl-button-block{ display:block; } .wish_list ul.card_list li div.sl-button-block{ display:block; } } ul.card_list li a{ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); background: #FFFFFF; border-radius: 0px; position: relative; margin-bottom:11px; } ul.card_list li .sale-point-amount{ position: absolute; bottom: 100px; left: 0px; top:0px; display: block; margin: 0px 0px 20px; padding:0px; text-align: center; float: left; width: 100%; color: #E30000; text-transform: uppercase; font-size: 16px; font-weight: normal; } ul.card_list li a.new-item-image, ul.card_list li a.sale-item-image, ul.card_list li a.dispatch-item-image{ } ul.card_list li .sale-point-amount span { color: #E30000; text-transform: lowercase; background-color: transparent; display: inline-block; font-size: inherit; font-style: italic; font-weight: normal; padding: 0; margin:0px; } ul.card_list li a img{ width: 100% !important; height: 100% !important; min-width: 80%; padding: 10% 10% 0 10%; border: 1px solid #D6D5D0; border-bottom: 0px; float: left; } #home_featured_offers #featured_list ul.card_list div.sl-image-link a img, #home_most_redeemed_offers #most_redeemed_list ul.card_list div.sl-image-link a img, #home_rewards_by_points_balance #point_balance_list ul.card_list div.sl-image-link a img{ height: auto !important; } #shop_offers #shop_list ul.card_list div.sl-image-link a img, #shop_offers #featured_list ul.card_list div.sl-image-link a img, #shop_offers #most_redeemed_list ul.card_list div.sl-image-link a img, #shop_offers #category_rewards_by_points_balance ul.card_list div.sl-image-link a img{ height: auto !important; } #shop_offers #shop_list ul.card_list div.sl-image-link a img.dispatch-item-image, #shop_offers #shop_list ul.card_list div.sl-image-link a img.new-item-image, #shop_offers #shop_list ul.card_list div.sl-image-link a img.sale-item-image, #shop_offers #featured_list ul.card_list div.sl-image-link a img.dispatch-item-image, #shop_offers #featured_list ul.card_list div.sl-image-link a img.new-item-image, #shop_offers #featured_list ul.card_list div.sl-image-link a img.sale-item-image, #shop_offers #most_redeemed_list ul.card_list div.sl-image-link a img.dispatch-item-image, #shop_offers #most_redeemed_list ul.card_list div.sl-image-link a img.new-item-image, #shop_offers #most_redeemed_list ul.card_list div.sl-image-link a img.sale-item-image, #shop_offers #category_rewards_by_points_balance ul.card_list div.sl-image-link a img.dispatch-item-image, #shop_offers #category_rewards_by_points_balance ul.card_list div.sl-image-link a img.new-item-image, #shop_offers #category_rewards_by_points_balance ul.card_list div.sl-image-link a img.sale-item-image, #wish_list_main #wishlistUserItemList ul.card_list div.sl-image-link a img.dispatch-item-image, #wish_list_main #wishlistUserItemList ul.card_list div.sl-image-link a img.new-item-image, #wish_list_main #wishlistUserItemList ul.card_list div.sl-image-link a img.sale-item-image{ margin: 0px !important; width: 60px !important; height: 60px !important; top: 6%; left: 8%; min-width: 0; min-height: 0px; position: absolute; padding: 0px; border: none; } body #shop_offers #shop_list .card_list .card .dispatch-item-image, body #shop_offers #shop_list .card_list .card .new-item-image, body #shop_offers #shop_list .card_list .card .sale-item-image{ margin: 0px !important; width: 60px !important; height: 60px !important; top: 6%; left: 8%; min-width: 0; min-height: 0px; position: absolute; padding: 0px; border: none; } ul.card_list li a img.dispatch-item-image, ul.card_list li a img.new-item-image, ul.card_list li a img.sale-item-image{ margin: 0px !important; width: 60px !important; height: 60px !important; top: 6%; left: 8%; min-width: 0; min-height: 0px; position: absolute; padding: 0px; border: none; } #home_featured_offers #featured_list ul.card_list div.sl-image-link a img.dispatch-item-image, #home_featured_offers #featured_list ul.card_list div.sl-image-link a img.new-item-image, #home_featured_offers #featured_list ul.card_list div.sl-image-link a img.sale-item-image, #home_most_redeemed_offers #most_redeemed_list ul.card_list div.sl-image-link a img.dispatch-item-image, #home_most_redeemed_offers #most_redeemed_list ul.card_list div.sl-image-link a img.new-item-image, #home_most_redeemed_offers #most_redeemed_list ul.card_list div.sl-image-link a img.sale-item-image, #home_rewards_by_points_balance #point_balance_list ul.card_list div.sl-image-link a img.dispatch-item-image, #home_rewards_by_points_balance #point_balance_list ul.card_list div.sl-image-link a img.new-item-image, #home_rewards_by_points_balance #point_balance_list ul.card_list div.sl-image-link a img.sale-item-image{ margin: 0px !important; width: 60px !important; height: 60px !important; top: 6%; left: 8%; min-width: 0; min-height: 0px; position: absolute; padding: 0px; border: none; } ul.card_list li a .caption{ position: relative; top: 0; left: 0; background: transparent; color: #0072ac; text-align: center; text-shadow: none; border-radius: 5px; font-size: 14px; width: 100% !important; letter-spacing: 0; box-shadow: 0 0px 0 #CCCCCC inset; display: block !important; padding: 20px; border-top: 0px solid #e0e0e0; margin: 0px; float: left; height: 106px; overflow: hidden; border-right: 1px solid #D6D5D0; border-left: 1px solid #D6D5D0; border-bottom: 1px solid #D6D5D0; border-radius: 0px; } ul.card_list li a .caption span{ font-size: 16px; color: #004833; letter-spacing: 0; line-height: 22px; } ul.card_list li a .item_price{ background-color: #048938; float: left; width: 100%; box-shadow: 0 0px 0 #CCCCCC inset; border-top: 0px solid #e0e0e0; border-radius: 0px; padding: 6px 0px; } ul.card_list li a .item_price .cash{ display:none; } ul.card_list li a .item_price .points{ float: none; width: 271px; margin-top: 10px; text-align: center; padding: 0%; line-height: 17px; display: table-cell; height: 48px; display: table-cell; vertical-align: middle; } ul.card_list li a .item_price .points span.number{ color: #FFFFFF; line-height: 17px; font-size: 16px; font-weight: 600; margin: 0; text-align: center; letter-spacing: 0px; float: none; display: inline; vertical-align: middle; } ul.card_list li a .item_price .points span.label{ color: #FFFFFF !important; line-height: 17px; font-size: 16px; margin: 0; text-align: center; float: none; text-transform: capitalize; display: inline; vertical-align: middle; } ul.card_list li a .item_price .points span.points_prefix{ color: #FFFFFF; line-height: 17px; font-size: 16px; font-weight: 600; margin: 0; text-align: center; float: none; } ul.card_list li .item_text_muted.freight_charge_text, body #shop_offers #shop_list .freight_charge_text, .item_text_muted.freight_charge_text{ padding: 0px; margin-bottom: 20px; float: left; width: 100%; margin-bottom: 0px; padding: 0px; height: auto; } body #shop_offers #shop_list .item_text_muted.freight_charge_text .freight_charge_text{ padding:0px; width:100%; } ul.card_list li button.wishlist{ margin-top:12px; } ul.card_list li button.primary{ margin-top:0px; margin-bottom:0px; } .item_text_muted.freight_charge_text .freight_charge_text span{ color:#757463; font-size:14px; font-style: italic; text-align: center; display: block; font-weight:normal; } /* /////// product card - END ///////////////// */ /* /////// language dropdown at head hide - START ///////////////// */ form#langSelection{ } form#langSelection select#selected_glbl_id{ display:none; } form#langSelection .chosen-container{ display:none; } /* /////// language dropdown at head hide - END ///////////////// */ /* /////// sidebar - START ///////////////// */ #user_actions > nav.sidebar_menu{ box-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important; margin-bottom: 16px !important; border-radius: 5px !important; font-size: 16px; color: #2E2E2E; letter-spacing: 0; line-height: 41px; overflow: initial; } #user_actions > nav.sidebar_menu > ul{ border: none; margin: 0px; transition: unset; } #user_actions > nav.sidebar_menu > ul li{ position: relative; transition: none; overflow: initial; margin-bottom: -7px; } #user_actions > nav.sidebar_menu > ul li > a{ float: left; width: 100%; padding-left: 20px; background: url('https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-arrow-icon1x.png') no-repeat left; color: #004833; font-size: 14px; padding:17px 16px 14px; margin: 0px; text-shadow: 0 0px 0 #2D373E; border-radius: unset; line-height: 16px; text-shadow: none; box-shadow: 0 0px 0 #555 inset; } #user_actions > nav.sidebar_menu > ul li > a:hover{ text-shadow: none; padding-right: 4px; color: #004833 ; background: #E4E4E4 url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-arrow-icon1x.png) no-repeat left; } #user_actions > nav.sidebar_menu > ul li > a:focus{ background: #FFFFFF; text-shadow: 0px 0px 0px transparent; box-shadow: 0px 0 0 transparent; text-decoration: none; color: #004833; } #user_actions > nav.sidebar_menu > ul > li > a:hover, #user_actions > nav.sidebar_menu > ul > li > a.active{ text-shadow: 0 0px 0 transparent; box-shadow: 0 0px 0 transparent inset; color: #004833; } #user_actions > nav.sidebar_menu > ul li > a span.sidebar_item_badge{ padding: 4px 0px 0px; position: absolute; top: 10px; left: 75px; width: 24px; height: 24px; min-width: 20px; background: #78BE20; font-weight: bold; border-radius: 50%; font-size: 14px; color: #004833; } /* /////// sidebar - END ///////////////// */ /* /////// Breadcrumb - START ///////////////// */ #breadcrumb_display{ color: #FFFFFF; float: left; width: 100%; } #breadcrumb_display #breadcrumb{ color: #FFFFFF; margin-top: 30px; margin-bottom: 55px; float: left; width: 100%; } @media only screen and (max-width: 1024px){ #breadcrumb_display #breadcrumb{ display: none; } } #breadcrumb_display #breadcrumb li{ color: #004833; font-size: 14px; text-transform: capitalize; } #breadcrumb_display #breadcrumb li a{ color: #004833; font-size: 14px; text-transform: capitalize; } #breadcrumb_display #breadcrumb li span{ color: #004833; font-size: 14px; text-transform: capitalize; } #header_display{ color:#FFFFFF; height:342px; } #header_display h2{ font-size: 40px; text-align: left; margin: 0 0 100px; padding: 0px; font-size: 50px; font-weight: 300; line-height: 48px; color:#FFFFFF; } @media only screen and (max-width:1024px){ #header_display{ height: 234px; } #header_display h2{ font-size: 30px; line-height: 38px; margin-top: 78px; text-align: center; } } @media only screen and (max-width:640px){ #header_display{ height: auto; float: left; width: 100%; } #header_display h2{ margin: 0px; text-align: center; color: #004833; float: left; width: 100%; } } @media only screen and (max-width:425px){ #header_display h2{ text-align: left; } } #top_box_display{ height:auto; margin-bottom:60px; } #top_box_display #breadcrumb_display #breadcrumb{ color:#FFFFFF; } #top_box_display #breadcrumb_display #breadcrumb li{ color:#FFFFFF; } #top_box_display #breadcrumb_display #breadcrumb li span{ color:#FFFFFF; } #top_box_display #breadcrumb_display #breadcrumb li a{ color:#FFFFFF; } /* /////// Breadcrumb - END ///////////////// */ /* /////// error message box - START ///////////////// */ p.error, ul.error, ol.error, p.message, ul.message, ol.message{ border-right: 0px solid #0074C4; padding: 9px 15px 9px 15px; font-weight: normal !important; font-size: small; color: #0074C4; background: #F2F8FC; width: 100%; border-left: 0px solid #0074C4; border-top: 1px solid #0074C4; border-bottom: 1px solid #0074C4; } /* /////// error message box - END ///////////////// */ .page_content .page_intro{ padding: 0px; } @media screen and (max-width: 1028px){ .page_content .page_intro{ padding: 0px; } } .accordion .accordion-navigation > a, .accordion > dd.accordion-navigation > a, .accordion > dd.accordion-navigation > a:hover{ display: block; background-image: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/amplify_plus_minus.png); background-repeat: no-repeat; background-position: right 15px; background-color: #fff; padding: 0; overflow: hidden; } .accordion > dd.accordion-navigation.active > a, .accordion > dd.accordion-navigation.active > a:hover{ background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/amplify_plus_minus.png) no-repeat right -77px transparent; } .accordion .accordion-navigation > a, .accordion > dd.accordion-navigation > a, .accordion > dd.accordion-navigation > a:hover { display: block; background-image: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/amplify_plus_minus.png); background-repeat: no-repeat; background-position: right 15px; background-color: #fff; padding: 0; overflow: hidden; } /* ////////////////////////////////// */ /* ///// COMMON - END ///////////// */ /* ////////////////////////////////// */ /* ////////////////////////////////// */ /* ///// Header - START ///////////// */ /* ////////////////////////////////// */ .off-canvas-wrap .bottom-bar.mobile-only-private{ display:none; } @media (max-width: 1025px){ .off-canvas-wrap .bottom-bar.mobile-only-private{ display: block; float: left; width: 100%; background: #78BE20; } } .off-canvas-wrap .bottom-bar.mobile-only{ display: none; } @media (max-width: 1025px){ .off-canvas-wrap .bottom-bar.mobile-only{ display: block; float: left; width: 100%; background: #78BE20; } } .off-canvas-wrap .bottom-bar.mobile-only ul{ display: none; } .off-canvas-wrap .bottom-bar.mobile-only ul li{ float: left; width: 46%; margin: 20px 2%; padding: 0px; } .off-canvas-wrap .bottom-bar.mobile-only ul li button{ margin-bottom:0px; } .off-canvas-wrap .bottom-bar.mobile-only ul li a{ display: block; } .off-canvas-wrap .bottom-bar.mobile-only ul li a.mobile_btn span{ padding: 0; line-height: inherit; } .off-canvas-wrap .bottom-bar.mobile-only ul li a.primary_btn.mobile_btn{ background: #E30000; text-shadow: 0 0px 0 rgba(255, 255, 255, 0); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); opacity: 1; border-radius: 3px; border: 1px solid #E30000; display: block; color: #FFF; font-size: 16px; font-weight: normal; text-align: center; border-radius: 6px; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); margin: 0px !important; padding: 0px 40px 0px; vertical-align: middle; line-height: 30px; } .off-canvas-wrap .bottom-bar.mobile-only ul li a.primary_btn.mobile_btn span{ color: #FFFFFF; } .off-canvas-wrap .bottom-bar.mobile-only ul li a.primary_btn.mobile_btn:hover{ background-color: #eb4d4d; transition: 0.2s ease-in-out 0s; color:#FFFFFF; } .off-canvas-wrap .bottom-bar.mobile-only ul li a.secondary_btn.mobile_btn{ background: #FFFFFF; text-shadow: 0 0px 0 rgba(255, 255, 255, 0); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); opacity: 1; border-radius: 3px; border: 1px solid #E30000; display: block; color: #E30000; font-size: 16px; font-weight: normal; text-align: center; border-radius: 6px; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); margin: 0px !important; padding: 0px 40px 0px; vertical-align: middle; line-height: 30px; } .off-canvas-wrap .bottom-bar.mobile-only ul li a.secondary_btn.mobile_btn:hover{ background-color: #eb4d4d; transition: 0.2s ease-in-out 0s; color:#FFFFFF; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom{ float: left; width: 100%; padding: 14px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul{ } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_left{ width: 70%; margin-top: 15px; margin-bottom: 13px; margin-left: 0px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_left li{ float: left; color: #004833; font-weight: bold; font-size: 16px; margin: 0px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_left li span{ font-size: 16px; color: #004833; font-weight: bold; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_left li span.available_point_balance_label{ float: left; font-size: 16px; font-weight: bold; color: #004833; position: relative; margin-right: 10px; margin-left: 0px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_left li span.available_point_balance_label::after{ position: absolute; top: 0px; right: -11px; width: 10px; height: 20px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_left li span.available_point_balance{ float: left; font-size: 16px; font-weight: bold; color: #004833; margin-left: 0px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right{ float: right; width: 80px; height: 20px; background: transparent; margin: 10px 2%; } /* ///////////////////////////////////////////// */ /* ///////// Wishlist - mobile - START //////////*/ /* ///////////////////////////////////////////// */ .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.wishlist_link{ background: transparent; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); padding: 0px; line-height: unset; color: #004833; display: block; float: left; width:auto; margin-right: 27px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.wishlist_link::after { padding: 0px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.wishlist_link a { height: 26px; width: 24px; float: left; position: relative; padding: 0px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.wishlist_link a .wishlist-icon .wishlist-icon-count-badge{ content: ""; border-radius: 50%; line-height: 8px; padding: 9px; color: #004833; background: transparent; margin: 0 auto; height: 10px; width: 30px; display: block; position: absolute; top: -10px; left: 16px; z-index: 100; font-weight: bold; font-size: 14px; text-align: center; letter-spacing: -2px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.wishlist_link a .wishlist-icon:before { color: #004833; font-size: 26px; height: 24px; width: 24px; position: absolute; top: 0px; left: 4px; font-family: "Font Awesome 5 Free"; font-weight: unset; content: "\f004"; -webkit-text-stroke: 1px #78BE20; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.wishlist_link a .wishlist-icon:after { content: ""; border-radius: 50%; line-height: 1px; padding: 9px; background: #FFFFFF; margin: 0 auto; height: 10px; width: 10px; display: block; position: absolute; top: -6px; right: -16px; z-index: 0; font-size: 17px; } /* ///////////////////////////////////////////// */ /* //////// Wishlist - mobile - END /////////// /*/ /* ///////////////////////////////////////////// */ /* ///////////////////////////////////////////// */ /* /////// Cart - mobile - START /////////////// */ /* ///////////////////////////////////////////// */ .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.cart_link{ background: transparent; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); padding: 0px; line-height: unset; color: #004833; display: block; float: left; position: relative; width:auto; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.cart_link::before{ content: " "; position: absolute; top: 0px; left: -6px; border-right: 1px solid #004833; height: 25px; width: 1px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.cart_link::after { color: #004833; font-size: 26px; height: 24px; width: 24px; position: absolute; top: 0px; left: 3px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f290"; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.cart_link a { height: 26px; width: 24px; float: left; position: relative; background:none; margin:0px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.cart_link a.cart_link::after{ content: ""; border-radius: 50%; line-height: 1px; padding: 9px; background: #FFFFFF; margin: 0 auto; height: 10px; width: 10px; display: block; position: absolute; top: -6px; right: -16px; z-index: 10; font-size: 17px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.cart_link a span#cartItemCountMobile { content: ""; border-radius: 50%; line-height: 8px; padding: 9px; color: #004833; background: transparent; margin: 0 auto; height: 10px; width: 30px; display: block; position: absolute; top: -10px; left: 16px; z-index: 1000; font-weight: bold; font-size: 14px; text-align: center; letter-spacing: -2px; } /* ///////////////////////////////////////////// */ /* //////// Cart - mobile - END //////////////// */ /* ///////////////////////////////////////////// */ /* ///////////////////////////////////////////// */ /* ////////// Global nav - START /////////////// */ /* ///////////////////////////////////////////// */ .main-section nav#global{ display: block !important; background-color: #F6F5F3 !important; background: linear-gradient(to bottom, #F6F5F3 0%,#F6F5F3 100%) !important; } @media (max-width: 1025px){ .main-section nav#global{ display:none !important; } } nav#global #global_links{ width: 984px !important; } nav#global #global_links #locale{ } /* ///////////////////////////////////////////// */ /* ////////// Global nav - END ///////////////// */ /* ///////////////////////////////////////////// */ /* ///////////////////////////////////////////// */ /* ////////// Header main - START ////////////// */ /* ///////////////////////////////////////////// */ header#header_main{ float:left; width:100%; position:relative; height:121px; } header#header_main .header_top_row{ background: #FFFFFF; position: absolute; top: 48px; left: 0px; width: 100%; z-index: 1000; border-bottom: 1px solid #D6D5D0; } header#header_main .header_top_row .row{ max-width:100%; } header#header_main .header_top_row #nav_holder{ height: 72px; background: transparent; box-shadow: 0 0px 0 rgba(0, 0, 0, 0); border-radius: 0px; overflow: visible; } header#header_main .header_top_row #nav_holder nav a:focus-visible{ border-style: solid; border-width: 1px; border-color: #9681af; border-right: 1px solid #9681af!important; } a:focus-visible{ border-style: solid; border-width: 1px; border-color: #9681af; } .rewards_summary.page_content #user_actions nav.sidebar_menu ul li a:focus-visible { border-style: solid; border-width: 1px; border-color: #9681af; } header#header_main .header_top_row #nav_holder nav#main{ height:73px; width:100%; max-width: 1800px; float: none; margin: 0 auto; } header#header_main .header_top_row #nav_holder nav#main h1{ float: left; margin: 11px 25px 11px 0; } header#header_main .header_top_row #nav_holder nav#main h1 a{ height:51px; width: 298px; } header#header_main .header_top_row #nav_holder nav#main ul{ float:left; margin-bottom: 0px; } header#header_main .header_top_row #nav_holder nav#main ul::before{ content: ''; position: relative; border-left: 1px solid #D7D2CB; float: left; height: 48px; margin: 10px 25px 10px 0px; } header#header_main .header_top_row #nav_holder nav#main ul li{ float:left; } header#header_main .header_top_row #nav_holder nav#main ul li a{ float: left; height: 73px; color: #004833; padding: 24px 20px; width: auto !important; font-size: 16px; text-transform: inherit; line-height: 24px; font-family: helvetica; } header#header_main .header_top_row #nav_holder nav#main ul li a:hover { background: #FFFFFF; border-bottom: 5px solid #78be20; } header#header_main .header_top_row #nav_holder nav#main ul li a:active { border-bottom: 5px solid #78be20; } header#header_main .header_top_row #nav_holder nav#main ul li span{ display:none; } header#header_main .header_top_row #nav_holder .small-60.medium-30.columns{ width:100%; } header#header_main .header_top_row #nav_holder nav#aux{ float: right; height: 48px; position: absolute; top: -48px; right: 0px; display:none } header#header_main .header_top_row #nav_holder nav#aux ul{ height: 48px; float: right; width: auto; max-width: 100%; margin-right: 20px; } header#header_main .header_top_row #nav_holder nav#aux ul li{ float: left; width: auto; margin-left: 20px; padding-top: 9px; height: 48px; } header#header_main .header_top_row #nav_holder nav#aux ul li button#login_desktop{ margin:0px; } /* ///////// top button - START ///////// */ header#header_main .header_top_row #nav_holder nav#aux ul li a.primary_btn.desktop_btn{ background: #E30000; text-shadow: 0 0px 0 rgba(255, 255, 255, 0); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); opacity: 1; border-radius: 3px; border: 1px solid #E30000; display: block; color: #FFF; font-size: 16px; font-weight: normal; text-align: center; border-radius: 6px; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); margin: 0px !important; padding: 0px 40px 0px; vertical-align: middle; line-height: 28px; text-transform: capitalize; height: auto; } header#header_main .header_top_row #nav_holder nav#aux ul li a.primary_btn.desktop_btn:hover{ background-color: #eb4d4d; transition: 0.2s ease-in-out 0s; color:#FFFFFF; } header#header_main .header_top_row #nav_holder nav#aux ul li a.secondary_btn.desktop_btn{ background: #FFFFFF; text-shadow: 0 0px 0 rgba(255, 255, 255, 0); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); opacity: 1; border-radius: 3px; border: 1px solid #E30000; display: block; color: #E30000; font-size: 16px; font-weight: normal; text-align: center; border-radius: 6px; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); margin: 0px !important; padding: 0px 40px 0px; vertical-align: middle; line-height: 28px; text-transform: capitalize; height: auto; } header#header_main .header_top_row #nav_holder nav#aux ul li a.secondary_btn.desktop_btn:hover{ background-color: #eb4d4d; transition: 0.2s ease-in-out 0s; color:#FFFFFF; } header#header_main .header_top_row #nav_holder nav#aux ul li span{ width: 98px; height: 28px; padding: 6px 12px; } header#header_main .header_top_row #nav_holder nav#logged_panel{ float: left; height: 48px; width: auto; position: absolute; top: -120px; right: 0px; } header div#nav_holder #logged_panel li a{ display: block; height: 100%; text-decoration: none; text-transform: capitalize; padding: 0px; color: #004833; font-weight: bold; font-size: 14px; font-family: helvetica; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom{ height: 48px; float: left; width: 100%; padding-right: 20px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li{ float: left; width: auto; margin-right: 20px; margin-top: 16px; height: 30px; background-image: none; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li::after{ padding:0px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li:hover{ background:transparent; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li a{ display: block; height: 100%; text-decoration: none; text-transform: inherit; padding: 0px; color: #004833; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li:hover a{ color:#004833; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.user_name{ background: transparent; margin-top: 16px; padding-top: 0px; height: 30px; width: auto; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.user_name .user_name_line{ float:left; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.user_name .user_name_line a{ color:#004833; padding:0px; font-size:14px; font-weight:bold; float:left; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.user_name .user_name_line span{ float: left; border-right: 1px solid #004833; height: 16px; width: 1px; top: 2px; position: relative; display:none; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.available_points{ color: #004833; padding-top: 0px; height: 30px; margin-top: 16px; font-weight: bold; font-size: 14px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.available_points .available_point_balance_label{ color: #004833; float: left; margin-right: 5px; font-family: helvetica; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.available_points .available_point_balance_label:after { } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.available_points .available_point_balance{ color: #004833; font-weight: bold; font-size: 14px; padding-right: 20px; border-right: 1px solid #004833; font-family: helvetica; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link{ background: transparent; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); padding: 0px; line-height: unset; color: #004833; display: block; height: 36px; margin-top: 12px; width: 35px; opacity: 1; position: absolute; bottom: -60px; right: 60px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link a .wishlist-icon:before{ color: #78BE20; font-size: 24px; height: 24px; width: 24px; position: absolute; top: 0px; left: 4px; font-family: "Font Awesome 5 Free"; font-weight: bold; content: "\f004"; -webkit-text-stroke: 1px #78BE20; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link a .wishlist-icon:after{ content: ""; border-radius: 50%; line-height: 1px; padding: 9px; background: #004833; margin: 0 auto; height: 10px; width: 10px; display: block; position: absolute; top: -6px; right: -16px; z-index: 0; font-size: 17px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link:hover{ background: transparent; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link a{ height: 26px; width: 24px; float: left; position: relative; padding: 0px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link a span#wishlistItemCount{ font-size: 14px; color: #004833; position: absolute; top: -5px; right: -17px; z-index: 1000; width: 17px; height: 17px; display: block; line-height: 16px; font-weight: bold; text-align: center; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link a .wishlist-icon .wishlist-icon-count-badge{ content: ""; border-radius: 50%; line-height: 8px; padding: 9px; color: #FFFFFF; background: transparent; margin: 0 auto; height: 10px; width: 30px; display: block; position: absolute; top: -10px; left: 16px; z-index: 100; font-weight: bold; font-size: 14px; text-align: center; letter-spacing: -2px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.cart_link{ background: transparent; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); padding: 0px; line-height: unset; color: #004833; display: block; height: 36px; margin-top: 12px; margin-right:35px; opacity: 1; width: 35px; bottom: -59px; position: absolute; right: 0px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.cart_link::before{ color: #78BE20; font-size: 24px; height: 24px; width: 24px; position: absolute; top: 0px; left: 0px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f290"; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.cart_link:hover{ background: transparent; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.cart_link a{ height: 26px; width: 24px; float: left; position: relative; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.cart_link a span{ } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.cart_link a::after{ content: ""; border-radius: 50%; line-height: 8px; padding: 9px; color: #fff; background: #004833; margin: 0 auto; height: 10px; width: 10px; display: block; position: absolute; top: -4px; right: -9px; z-index: 100; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.cart_link a span#cartItemCount{ content: ""; border-radius: 50%; line-height: 8px; padding: 9px; color: #FFFFFF; background: transparent; margin: 0 auto; height: 10px; width: 30px; display: block; position: absolute; top: -8px; left: 9px; z-index: 1000; font-weight: bold; font-size: 14px; text-align: center; letter-spacing: -2px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.return_to_bank { margin-top: 16px !important; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.logout_link{ height: 30px; float: right; margin-right: 0px; margin-top: 16px; width: auto; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.logout_link:hover{ background: transparent; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.logout_link .logout_link_box{ } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.logout_link .logout_link_box a{ color: #004833; padding: 0px; font-size: 14px; font-weight: bold; text-transform: unset; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.logout_link .logout_link_box a:hover{ color:#004833; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.logout_link .logout_link_box a:focus{ background-color: transparent; } /* ///////////////////////////////////////////// */ /* ///////// //// Top button - END //////////// */ /* ///////////////////////////////////////////// */ header#header_main .header_nav_row{ float: left; width: 100%; background-color: #78BE20; position: absolute; top: 0px; left: 0px; height: 48px; z-index: 1; background: linear-gradient(to bottom, #78BE20 100%,#78BE20 100%); } header#header_main .header_nav_row #nav_holder2{ float:left; width:100%; } header#header_main .header_nav_row #nav_holder2 #main2{ } header#header_main .header_nav_row #nav_holder2 #main2 ul#global_links{ float: left; margin: 0px; } header#header_main .header_nav_row #nav_holder2 #main2 ul#global_links li{ list-style-type: none; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } header#header_main .header_nav_row #nav_holder2 #main2 ul#global_links li a{ color: #FFFFFF; height: 48px; padding: 16px 25px; float: left; width: 100% !important; font-size: 14px; line-height: 16px; transition: 0.2s ease-in-out 0s; font-weight: bold; font-family: helvetica; letter-spacing: normal; } header#header_main .header_nav_row #nav_holder2 #main2 ul#global_links li a:hover{ text-decoration:underline; } /* ///////////////////////////////////////////// */ /* /////// header main - END ///////// */ /* ///////////////////////////////////////////// */ /* ////////////////////////////////// */ /* ///// Header - END ///////////// */ /* ////////////////////////////////// */ /* /////////////////////////////////////////// */ /* ///// Home page content - Public - START // */ /* /////////////////////////////////////////// */ .home_freeform{ } .home_freeform#home_public{ } #dtm_free_form2{ float: left; width: 100%; margin-bottom: 60px; } #dtm_free_form3{ } /* /////// intro_box.username_points - START ///// */ .home_freeform .index.page_content.intro_box.username_points{ background:#FFFFFF; } @media only screen and (max-width: 1025px) { .home_freeform .index.page_content.intro_box.username_points{ display:none; } } .home_freeform .index.page_content.intro_box.username_points .username_points_content{ width: 50%; margin: 0 25%; margin: 26px 25%; } .home_freeform .index.page_content.intro_box.username_points .username_points_left{ border-right: 2px solid #D7D2CB; } .home_freeform .index.page_content.intro_box.username_points .username_points_right{ padding-left:47px; } .home_freeform .index.page_content.intro_box.username_points .up_heading{ color:#004833; font-size:16px; float:left; margin-bottom:24px; width:100%; } .home_freeform .index.page_content.intro_box.username_points .up_text{ color: #004833; font-size: 36px; float: left; margin-bottom: 24px; width: 100%; font-weight: bold; } .home_freeform .index.page_content.intro_box.username_points .up_text span{ font-weight:bold; } /* /////// intro_box.username_points - END ///// */ /* /////// intro_box.home_highlights - START ///// */ .home_freeform .index.page_content.intro_box.home_highlights{ background: #E5E2DD; padding: 60px 0px 70px; } .home_freeform .index.page_content.intro_box.home_highlights h2{ margin-bottom:45px; } @media only screen and (max-width: 780px) { .home_freeform .index.page_content.intro_box.home_highlights h2 { font-size:1.5rem; } } .home_freeform .index.page_content.intro_box.home_highlights h3{ margin-bottom:20px; } .home_freeform .index.page_content.intro_box.home_highlights ul{ float:left; width:100%; margin-bottom:20px; } .home_freeform .index.page_content.intro_box.home_highlights ul li{ float:left; width:100%; margin-bottom:20px; } .home_freeform .index.page_content.intro_box.home_highlights ul li a{ float:left; width:100%; padding-left: 20px; background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_icon_right_arrow.png) no-repeat left; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_left_box{ float:left; width:100%; margin-bottom:20px; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_left_box a{ float:left; width:100%; background:#FFFFFF; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_left_box a img{ float:left; width:100%; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_left_box a .box_content{ float:left; width:100%; padding: 35px 20px 34px; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_left_box a .box_content .box_head{ float:left; width:100%; color:#004833; size:22px; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_left_box a .box_content span{ float:left; width:100%; color:#E30000; font-size:14px; font-style: italic; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_top_box{ float:left; width:100%; margin-bottom:20px; background:#FFFFFF; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_top_box a{ float:left; width:100%; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_top_box a img{ width:100%; float:left; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_top_box .box_content{ float:left; width:100%; padding: 25px 20px 0px; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_top_box .box_content .box_head h3{ margin-bottom: 10px; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_top_box .box_content .box_head{ float:left; width:100%; color:#004833; size:22px; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_top_box .box_content .box_caption{ float: left; width: 100%; line-height: 22px; font-size: 14px; margin-bottom: 5px; height: 66px; } @media screen and (max-width: 1020px){ .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_top_box .box_content .box_caption{ display:none; } } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_top_box .box_content span{ float:left; width:100%; color:#004833; font-size:14px; font-style: italic; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_left{ float:left; width:100%; background:#004833; margin-bottom:20px; height:210px; } @media screen and (max-width: 641px){ .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_left{ height:180px; } } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_left a{ float:left; width:100%; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_left a img{ padding: 20px; width: 30px; height: 30px; float: left; box-sizing: initial; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_left .box_content{ padding: 0 20px 20px; float: left; width: 100%; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_left .box_content .box_head{ float:left; width:100%; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_left .box_content .box_head h3{ color:#FFFFFF; font-size:20px; height:56px; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_left .box_content .box_caption{ } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_left .box_content span{ float:left; width:100%; color:#FFFFFF; font-size:14px; font-style: italic; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_right{ float:left; width:100%; background:#C30019; margin-bottom:20px; height:210px; } @media screen and (max-width: 641px){ .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_right{ height:180px; } } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_right a{ float:left; width:100%; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_right a img{ padding: 20px; width: 30px; height: 30px; float: left; box-sizing: initial; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_right .box_content{ padding:0 20px 20px; float:left; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_right .box_content .box_head{ float:left; width:100%; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_right .box_content .box_head h3{ color:#FFFFFF; font-size:20px; height:56px; } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_right .box_content .box_caption{ } .home_freeform .index.page_content.intro_box.home_highlights .home_highlights_bottom_box_right .box_content span{ float:left; width:100%; color:#FFFFFF; font-size:14px; font-style: italic; } /* /////// intro_box.home_highlights - END /////// */ /* /////// home_product_offer - START /////////// */ .home_freeform .index.page_content.home_product_offer{ background:#EBE9E5; padding:60px 0px; } @media only screen and (max-width: 640px) { .home_freeform .index.page_content.home_product_offer .home_product_offer_box_row .small-60{ } } @media only screen and (max-width: 460px) { .home_freeform .index.page_content.home_product_offer .home_product_offer_box_row .small-60{ width:100%; } } .home_freeform .index.page_content.home_product_offer .home_product_offer_header{ float: left; width: 100%; } .home_freeform .index.page_content.home_product_offer .home_product_offer_header h2{ margin: 0 auto 50px; text-align:center; } @media only screen and (max-width: 641px) { .home_freeform .index.page_content.home_product_offer .home_product_offer_header h2{ width:100%; } } .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box{ background: #FFFFFF; position:relative; float:left; height: 487px; width:100%; margin-bottom:20px; } @media screen and (max-width: 640px){ .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box{ height:auto; border:solid 1px #004833; margin-bottom: 20px; } } @media screen and (max-width: 460px){ .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box{ } } .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box h3{ padding: 0 15px; height:72px; margin: 0px 0px 20px; width:100%; float:left; } @media screen and (max-width: 900px){ .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box h3{ height:auto; } } .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box p{ width: 100%; padding: 0 15px; margin-bottom:20px; float:left; color:#004833; } .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box .button_div{ float: left; width: 100%; margin-bottom: 30px; } .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box .button_div a.button.primary{ width: 50%; margin: 0 25%; } @media screen and (max-width: 900px){ .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box .button_div a.button.primary{ width: 80%; margin: 0 10%; } } .home_freeform#home_public .index.page_content.home_product_offer .home_product_offer_box .button_div a.button.primary span{ padding: 11px 12px 13px; } .home_freeform .index.page_content.home_product_offer .home_product_offer_box .home_product_offer_box_icon{ position:absolute; top:0px; right:0px; } .home_freeform .index.page_content.home_product_offer .home_product_offer_box .home_product_offer_box_prod_img{ float:left; margin-bottom: 33px; } /* /////// home_product_offer - END /////////// */ /* /////// login popupbox - START /////////// */ form#form_login{ } form#form_login fieldset{ float:left; width:100%; margin-top:20px; } form#form_login fieldset .primary{ margin-top:20px; } /* /////// login popupbox - END /////////// */ /* /////////////////////////////////////////// */ /* ///// Home page content - Public - END // */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* ///// Home page content - Private - START // */ /* /////////////////////////////////////////// */ .page_intro_2{ } .page_intro_2 .home_loggedin_h2{ } .page_intro_2 .home_loggedin_h2 p{ display: none; } .home_loggedin_h2{ } .home_loggedin_h2 h2{ display:none; } .Container_Promotions_Freeform2, .Container_Promotions_Freeform3, .Container_Promotions_Freeform4{ max-width: 100%; margin: 0px; width:100%; padding: 0px; float:left; } .Container_Promotions_Freeform2_columns, .Container_Promotions_Freeform3_columns, .Container_Promotions_Freeform4_columns{ max-width: 100%; margin: 0px; width:100%; float:left; } .Container_Promotions_Freeform2_columns .dtm_free_form2{ max-width: 100%; margin: 0px; width:100%; float:left; } .freeform_page_temp.promotion_freeform { } h1.Promotion_heading{ font-size: 42px; } #promotion_breadcrumb li:last-child { left: 61px; color: #ffffff; position: absolute; } ul#promotion_breadcrumb { white-space: nowrap; display: flex; margin-bottom: 45px; } .promotion_breadcrumb { position: absolute; margin-top: 30px; margin-left: 455px; } #promotion_breadcrumb li, ul#promotion_breadcrumb li a, .promotion_breadcrumb h1 { color: #ffffff !important; padding-right: 4px; } .promotion_breadcrumb h1 { position: absolute; top: 78px; } section.white_space { height: 200px; } @media only screen and (max-width: 2160px){ .promotion_breadcrumb,.promotion_heading h1 { margin-left: 432px; } } @media only screen and (max-width: 1920px){ .promotion_breadcrumb,.promotion_heading h1 { margin-left: 370px; } } @media only screen and (max-width: 1536px){ .promotion_breadcrumb,.promotion_heading h1 { margin-left: 180px; } } @media only screen and (max-width: 1440px){ .promotion_breadcrumb,.promotion_heading h1 { margin-left: 132px; } } @media only screen and (max-width: 1366px){ .promotion_breadcrumb,.promotion_heading h1 { margin-left: 50px; } } @media only screen and (max-width: 1241px){ .promotion_breadcrumb,.promotion_heading h1 { margin-left: 50px; } } @media only screen and (max-width: 1235px){ h1.Promotion_heading { max-width: 518px; margin: auto; } } .home.home_logged.page_content{ padding:0px; } .home.home_logged.page_content #hero{ margin-top: 0px; padding-bottom: 0px; } .home.home_logged.page_content #hero .row{ max-width: 100%; padding: 0px; } .home.home_logged.page_content #hero .row .small-60.columns{ padding: 0px; } .home.home_logged.page_content .page_intro{ display:none; } .home.home_logged.page_content .page_intro h2{ display:none; } .home.home_logged.page_content #user_actions{ display:none; } .home.home_logged.page_content .row{ max-width: 100%; } .home.home_logged.page_content #dtm_free_form2{ } .home.home_logged.page_content #dtm_free_form2 .row{ margin: 0 auto; max-width: 1180px; } .home_freeform#home_private{ } section.main-section section.index.page_content.top_name_points{ min-height:116px; background:#FFFFFF; border-bottom:1px solid #D7D2CB; margin-bottom:80px; } @media screen and (max-width: 641px){ section.main-section section.index.page_content.top_name_points{ display: block; text-align: center; } section.main-section section.index.page_content.top_name_points .topcenter .name_points_box{ margin-left: 0px !important; } } section.main-section section.index.page_content.top_name_points .topcenter{ margin:6px 0px; } section.main-section section.index.page_content.top_name_points .topcenter .name_points_box{ margin-top: 28px; margin-bottom: 14px; margin-left: 50px; margin-right: -3px; } section.main-section section.index.page_content.top_name_points .topcenter .name_points_box.border{ border-right:1px solid #004833; } @media screen and (max-width: 641px){ section.main-section section.index.page_content.top_name_points .topcenter .name_points_box.border{ border-right:none; } } section.main-section section.index.page_content.top_name_points .topcenter .small_text{ font-size: 16px; color: #004833; line-height: 24px; margin-bottom:10px; } section.main-section section.index.page_content.top_name_points .topcenter .large_text{ margin-bottom: 24px; } section.main-section section.index.page_content.top_name_points .topcenter .large_text .member-firstName{ font-family: "Dragonbold",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-size: 36px; color: #004833; line-height: 42px; font-weight: bold; } section.main-section section.index.page_content.top_name_points .topcenter .large_text .member-pointsBalance{ font-family: "Dragonbold",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-size: 36px; color: #004833; line-height: 42px; font-weight: bold; } section.main-section section.index.page_content.home_tiles{ margin-top:20px; } section.main-section section.index.page_content.home_tiles .page_intro{ margin-bottom:26px; } section.main-section section.index.page_content.home_tiles .page_intro h2.home_tiles_heading{ margin-bottom:34px; } section.main-section section.index.page_content.home_tiles .page_intro p{ text-align:center; } section.main-section section.index.page_content.home_tiles .box_home_tiles{ margin-bottom:10px; } section.main-section section.index.page_content.home_tiles .box_home_tiles a{ float:left; width:100%; margin-bottom:28px; } section.main-section section.index.page_content.home_tiles .box_home_tiles a img{ float:left; width:100%; } section.main-section section.index.page_content.home_tiles .box_home_tiles a .small_text{ padding:22px; width:100%; float:left; } @media screen and (max-width: 640px){ section.main-section section.index.page_content.home_tiles .box_home_tiles a .small_text{ padding:22px 0px; } } section.main-section section.index.page_content.home_tiles .box_home_tiles a .small_text span{ font-size: 16px; color: #2D373E; position: relative; width: 100%; float: left; } section.main-section section.index.page_content.home_tiles .box_home_tiles a .small_text span:before{ background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_arrow.png) no-repeat 0px 0px; content: ''; width: 16px; height: 16px; position: absolute; right: 0px; top: 0px; background-size: cover; } section.main-section section.index.page_content.home_full_img{ } @media screen and (max-width: 640px){ section.main-section section.index.page_content.home_full_img{ background:none; width: 100%; height: 100%; } } section.main-section section.index.page_content.home_full_img img.mobile_img{ display:none; } @media screen and (max-width: 640px){ section.main-section section.index.page_content.home_full_img img.mobile_img{ display:block; } } section.main-section section.index.page_content.home_full_img .full_image{ margin-top:80px; } @media screen and (max-width: 640px){ section.main-section section.index.page_content.home_full_img .row{ position:absolute; top:0px; } .hui_button button.button.primary { width: auto; } } @media screen and (max-width: 500px){ section.main-section section.index.page_content.home_full_img .full_image{ margin-top: 38px; } } @media screen and (max-width: 640px){ section.main-section section.index.page_content.home_full_img .full_image row{ position: absolute; top: 0px; } } section.main-section section.index.page_content.home_full_img .full_image h2{ margin-bottom: 30px; font-size: 36px; color: #FFFFFF; text-align: center; line-height: 42px; padding: 0 20px; } section.main-section section.index.page_content.home_full_img .full_image .hui_button{ width:100%; float:left; text-align: center; } section.main-section section.index.page_content.home_full_img .full_image .hui_button a{ max-width: 180px; margin: 0 auto; } section.main-section section.index.page_content.home_full_img .full_image .hui_button a span{ } section.main-section section.index.page_content.home_product_offer{ background: #f5f5f4; padding: 100px 30px 60px; margin-top: 30px; } section.index.page_content.home_product_offer_promotion { background: #f5f5f4 !important; padding: 60px 30px 60px !important; margin-top: 30px; margin-bottom: -55px; } @media screen and (max-width: 640px){ section.main-section section.index.page_content.home_product_offer{ padding: 55px 10px 0px; } } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row{ } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box{ float:left; width: 100%; } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .home_latest_offer_box_img{ float: left; width: 100%; } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .home_latest_offer_box_img .sgb_latest_offer_01{ } @media screen and (max-width: 640px){ section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .home_latest_offer_box_img .sgb_latest_offer_01{ height: 200px; } } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .home_latest_offer_box_img .sgb_latest_offer_02{ } @media screen and (max-width: 640px){ section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .home_latest_offer_box_img .sgb_latest_offer_02{ height: 200px; } } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box img{ width:100%; float:left; height:260px; } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .box_copy{ padding: 35px 30px; width: 100%; float: left; } @media screen and (max-width: 640px){ section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .box_copy{ padding: 26px 12px; } } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .box_copy p{ width:100%; float:left; } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .box_copy p.strong{ width: 100%; float: left; font-size: 16px; color: #004833; text-align: left; margin-bottom: 14px; font-weight:bold; } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .box_copy p a{ color:#E30000; } section.main-section section.index.page_content.home_product_offer .home_product_offer_box_row .home_latest_offer_box .box_copy p a:hover { color: #E30000; text-decoration: underline; } .home_freeform#home_private .index.page_content.intro_box.loggedin_home_banner{ } .home_freeform#home_private .index.page_content.intro_box.loggedin_home_banner a{ } .home_freeform#home_private .index.page_content.intro_box.loggedin_home_banner a .banner_img{ background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-mrs-cashback-banner-1920x390.png) no-repeat; height: 390px; background-position: top center; } @media screen and (max-width: 1070px){ .home_freeform#home_private .index.page_content.intro_box.loggedin_home_banner a .banner_img{ background-position: -300px 0px; } } @media screen and (max-width: 500px){ .home_freeform#home_private .index.page_content.intro_box.loggedin_home_banner a .banner_img{ background-position: -400px 0px; } } .off-canvas-wrap .off-canvas-wrap .main-section #shop_offers{ display:none; } .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box{ background: #FFFFFF; position:relative; float:left; height: 470px; width:100%; margin-bottom:20px; } @media screen and (max-width: 640px){ .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box{ height:auto; border:solid 1px #004833; } } @media screen and (max-width: 460px){ .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box{ } } .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box h3{ padding: 0 15px; height:72px; margin: 0px 0px 20px; width:100%; float:left; } @media screen and (max-width: 900px){ .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box h3{ height:auto; } } .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box p{ width: 100%; padding: 0 15px; margin-bottom:20px; float:left; } .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box .button_div{ float: left; width: 100%; } .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box .button_div a.button.primary{ width: 50%; margin: 0 25%; } @media screen and (max-width: 900px){ .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box .button_div a.button.primary{ width: 80%; margin: 0 10%; } } .home_freeform#home_private .index.page_content.home_product_offer .home_product_offer_box .button_div a.button.primary span{ padding: 11px 12px 13px; } .home_freeform .index.page_content.home_product_offer .home_product_offer_box .home_product_offer_box_icon{ position:absolute; top:0px; right:0px; } .home_freeform .index.page_content.home_product_offer .home_product_offer_box .home_product_offer_box_prod_img{ float:left; margin-bottom: 33px; } section.main-section section.index.page_content.home_product_offer_for_you{ background:url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-ph_credit-cards_1920x342.jpg); padding: 60px 0px; } .home_product_offer_for_you .home_product_offer_header{ } .home_product_offer_for_you .home_product_offer_header h2{ margin-bottom:50px; text-align:center; } .home_product_offer_for_you .home_product_offer_box_row{ } .home_product_offer_for_you .home_product_offer_box_row .home_product_offer_box{ background: #048938; color: #FFFFFF; padding: 38px; float: left; margin-bottom:20px; } .home_product_offer_for_you .home_product_offer_box_row .home_product_offer_box .home_product_offer_box_heading{ margin-bottom: 30px; float: left; width:100%; } .home_product_offer_for_you .home_product_offer_box_row .home_product_offer_box .home_product_offer_box_heading h4{ font-family: "Dragonbold",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-size: 24px; color: #FFFFFF; text-align: center; line-height: 30px; } .home_product_offer_for_you .home_product_offer_box_row .home_product_offer_box .home_product_offer_box_heading p{ font-family: Helvetica; font-size: 18px; color: #FFFFFF; text-align: center; line-height: 24px; } .home_product_offer_for_you .home_product_offer_box_row .home_product_offer_box .home_product_offer_box_heading span{ font-family: Helvetica; font-size: 18px; color: #FFFFFF; text-align: center; line-height: 24px; } .home_product_offer_for_you .home_product_offer_box_row .home_product_offer_box p{ color: #FFFFFF; float: left; width: 100%; text-align: center; font-size:18px; } .home_product_offer_for_you .home_product_offer_box_row .home_product_offer_box span{ float: left; width:100%; text-align:center; font-size:18px; } /* /////////////////////////////////////////// */ /* ///// Home page content - Private - END // */ /* /////////////////////////////////////////// */ /* //////////////////////////////////////////////////////// */ /* ///// most_wanted_rewards - START //////////////////////// */ /* //////////////////////////////////////////////////////// */ .most_wanted_rewards, .most_wanted_rewards_home, .most_redeemed_rewards, .point_balance_rewards{ width: 100%; } .most_wanted_rewards_home { background-color: rgb(244, 243, 240); } #most_wanted_item_list li a.card { border-radius: 0 !important; } .point_balance_rewards .point_balance_list, .most_wanted_rewards_home .most_wanted_list, .most_wanted_rewards .most_wanted_list, .most_redeemed_rewards .most_redeemed_list{ } .point_balance_rewards .point_balance_list h2, .most_wanted_rewards_home .most_wanted_list h2, .most_wanted_rewards .most_wanted_list h2, .most_redeemed_rewards .most_redeemed_list h2{ text-align: center; padding: 0px 0px 40px; font-size: 36px; color: #004833 !important; } .page_content.index #home_featured_offers h2 { text-align: center; padding: 0px 0px 50px; color: #004833 !important; text-transform: initial; font-size: 36px !important; margin: 0px; line-height: 42px; } .most_wanted_list p { text-align: left; color: rgb(98, 26, 75) !important; } .most_wanted_intro { font-size: 16px; line-height: 26px; font-family: serif; padding-bottom: 36px; } /* //////////////////////////////////////////////////////// */ /* ///// most_wanted_rewards - END //////////////////////// */ /* //////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////// */ /* ///// shop_offers - START //////////////////////////////// */ /* //////////////////////////////////////////////////////// */ /* /////// top_banner - START /////////// */ section.shop.cart.page_content{ float: left; width: 100%; min-height:342px; background-position: 50% 0; background:#FFFFFF; height:auto; } @media screen and (max-width: 640px){ section.shop.cart.page_content{ min-height:auto; background:#FFFFFF !important; } } section.shop.cart.page_content:before{ content: ' '; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; height:202px; } @media screen and (max-width: 640px){ section.shop.cart.page_content:before{ height:142px; } } #SPN_SHOPPINGCART section.shop.cart.page_content:before{ background-color: #FFFFFF; } section.shop.cart.page_content #user_actions{ display:none; } section.shop.cart.page_content .small-60.medium-48.columns{ width:100%; } section.shop.cart.page_content .page_intro{ background: transparent; padding-top:0px; overflow: visible; } section.shop.cart.page_content .page_intro h2{ color: #004833; text-align: left; margin: 0; padding:0; font-size: 42px; font-weight: 300; line-height: 48px; margin-bottom:105px; } @media screen and (max-width: 640px){ section.shop.cart.page_content .page_intro h2{ text-align:left; margin-bottom: 80px; } section.shop.cart.page_content#page_content .page_intro h2.shop_category_title{ margin-bottom: 0px; } } section.shop.cart.page_content .page_intro .small-54.small-offset-3.columns{ width:100%; margin:0px !important; } /* /////// top_banner - END /////////// */ /* /////// shop_list - START /////////// */ #shop_list .separator_top { border-top: #D6D5D0 solid 0px; margin: 0px; } #shop_list .search_filter_order { } #shop_list header div .search_filter_order .small-60.medium-15.columns .search{ display:none; } @media screen and (max-width: 1000px){ #shop_list header div .search_filter_order .small-60.medium-15.columns .search{ display:block; float: left; width: 100%; margin-bottom: 10px; } } #shop_list .search_filter_order .search .search-arrow { height: 38px; position: absolute; background: none; top: 0px; right: 0px; width: 40px; border-radius:5px; } #shop_list .search_filter_order .search .search-arrow .arrow-container { height: 36px; float: right; position: absolute; top: 0; right: 0; width: 41px; } #shop_list .search_filter_order .search .search-arrow .arrow-container div { } #shop_list .search_filter_order .search .search-arrow .arrow-container div b { float:left; } #shop_list .search_filter_order .search .search-arrow .arrow-container div b:after{ color: #004833; font-size: 18px; height: 20px; width: 22px; position: absolute; top: 0px; right: 0px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; margin: 8px 5px; -webkit-text-stroke: 1px #FFFFFF; } /* /////// shop_list - END /////////// */ section#shop_offers{ background: #F4F3F0; background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FFFFFF)); background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); position: relative; float: left; width: 100%; } section#shop_offers::before{ } /* ///////// nav.sidebar_menu (Left nav - category) - START ///////// */ body sectioshop_offers{ display:block; background: #F2F2F2 !important; padding: 30px 0 30px; } @media (max-width: 1000px) { body section#shop_offers #sidebar{ width: 100%; min-width: unset; } body section#shop_offers #sidebar #offers_categories{ } body section#shop_offers #pagecontent{ width:100%; } body section#shop_offers .medium-48 { width: 100%; } } body section#shop_offers #sidebar #offers_categories input#search_param{ font-weight:normal; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu{ box-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important; margin-bottom: 16px !important; border-radius: 5px !important; font-size: 16px; color: #2E2E2E; letter-spacing: 0; line-height: 41px; overflow: initial; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu a{ font-size: 16px; background: #FFFFFF; color: #004833; line-height: 22px; padding: 19px 18px; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu li.submenu a{ padding: 19px 30px 19px 18px; transition: unset; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu a:hover{ color:#ff0000; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu h3 { text-transform: inherit; color: #004833; font-size: 24px; font-weight: bold; font-family: "Dragonbold",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; padding: 0px; text-align: left; margin-bottom: 25px; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu ul{ border: none; margin: 0px; transition: unset; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu ul li{ border-bottom: 1px solid #D6D5D0; position: relative; transition: none; overflow: initial; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu > ul li.submenu:before { position: absolute; top: 25px; right: 18px; content: " "; margin-left: 6px; display: inline-block; border-top: 8px solid #2d373e; border-right: 7px solid transparent; border-bottom: none; border-left: 7px solid transparent; font-size: 14px; width: auto; padding: 0px; pointer-events: none; z-index: 10000; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu > ul > li.active:first-child > a{ border-radius:0px; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu > ul li.submenu.active > a { z-index: 1000; position: relative; font-weight: bold; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu > ul li.active > ul { padding: 0; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu > ul li.active > ul > li { background-color: #EAE7E2; padding-left:0px; border-bottom: 0px; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu > ul li.active > ul > li a{ } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu > ul li.active > ul > li:last-child{ border-bottom:0px solid #FFFFFF; } body section#shop_offers #sidebar #offers_categories nav.sidebar_menu > ul ul > li > a { } /* ///////// nav.sidebar_menu (Left nav - category) - END ///////// */ /* ///////// nav.sidebar_menu (Left nav - category) - Search - START ///////// */ #offers_categories .search{ position: relative; height: auto; margin-bottom: 35px; } @media screen and (max-width: 1000px){ #offers_categories .search{ display:none; } } #offers_categories .search #search_param{ } #offers_categories .search button{ } body section#shop_offers #sidebar #offers_categories .search .button_icon_left{ background: #FFFFFF; border: 0px solid #FFFFFF; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); padding: 0px; height: 34px !important; width: 34px; top: 1px; border-radius: 3px; padding-left: 0 !important; position: relative; margin: 0px; position: absolute; right: 1px; } body section#shop_offers #sidebar #offers_categories .search .button_icon_left:after{ color: #004833; font-size: 18px; height: 24px; width: 24px; position: absolute; top: 0px; left: 0px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; margin: 5px; -webkit-text-stroke: 1px #FFFFFF; } /* ///////// nav.sidebar_menu (Left nav - category) - Search - END ///////// */ /* ///////// pagination - START ///////// */ body section#shop_offers #shop_list footer nav#pagination{ } body section#shop_offers #shop_list footer nav#pagination ul{ } body section#shop_offers #shop_list footer nav#pagination ul li{ } body section#shop_offers #shop_list footer nav#pagination ul li a{ background: linear-gradient(to bottom, rgba(252,252,252,0) 0%,rgba(252,252,252,0) 100%); color: #2D373E; text-shadow: 0 0px 0 #FFFFFF; box-shadow: 0 0px 0 #FFFFFF, 0 0px 0 #FFFFFF; border-left: 1px solid #D7D2CB; height: 38px; line-height: 36px; width: 36px; float: left; font-size: 14px; margin: 0px; border-top: 1px solid #D7D2CB; border-bottom: 1px solid #D7D2CB; font-weight: normal; padding: 0; background-color: #FFFFFF; } @media screen and (max-width: 1025px){ footer > div #pagination ul { padding-right: 15px; } footer > div .pagination_top_text { display: none; } footer > div .pagination_bottom_text { margin-left: 78px; font-size: 17px; } footer .top_pagination .catalog_items_msg { text-align: center; } body section#shop_offers #shop_list ul.card_list { margin-bottom: 0; } body section#shop_offers #shop_list footer nav#pagination { padding-top: 50px; } body section#shop_offers #shop_list footer nav#pagination ul li a { width: 50px; } body section#shop_offers #shop_list header #order_type { margin-bottom: 20px; } body section#shop_offers #shop_list header #order_type dl dt{ display:none; } body section#shop_offers #shop_list header #order_type dd{ width: 100%; } body section#shop_offers #shop_list footer #dtm_free_form3 { margin-top: 30px !important; } } @media screen and (max-width: 640px){ body section#shop_offers #shop_list header #order_type { width:100%; } } body section#shop_offers #shop_list footer nav#pagination ul{ height:auto; } body section#shop_offers #shop_list footer nav#pagination ul li:first-child{ } body section#shop_offers #shop_list footer nav#pagination ul li:first-child a{ border-radius: 4px 0 0 4px; width: 58px; font-size: 30px; letter-spacing: 0px; } body section#shop_offers #shop_list footer nav#pagination ul li:nth-child(2){ display:none; } body section#shop_offers #shop_list footer nav#pagination ul li:nth-child(2) a { } body section#shop_offers #shop_list footer nav#pagination ul li:nth-last-child(2){ display:none; } body section#shop_offers #shop_list footer nav#pagination ul li:nth-last-child(2) a { } body section#shop_offers #shop_list footer nav#pagination ul li:last-child{ } body section#shop_offers #shop_list footer nav#pagination ul li:last-child a{ border-radius: 0px 4px 4px 0px; border-right: 1px solid #D7D2CB; width:58px; font-size: 30px; letter-spacing: 0px; } body section#shop_offers #shop_list footer nav#pagination ul li.current a{ background: #78BE20; border-left: 1px solid #78BE20; border-top: 1px solid #78BE20; border-bottom: 1px solid #78BE20; } /* ///////// pagination - END ///////// */ /* ///////// category list - START /////////////////////////// */ body section#shop_offers #shop_list{ } body section#shop_offers #shop_list header #filter_catalog_heirarchy{ position:relative; margin-bottom:10px; } body section#shop_offers #shop_list header #filter_catalog_heirarchy span.hide{ display:none; } body section#shop_offers #shop_list header #filter_catalog_heirarchy #selrange{ box-shadow: 0 0px 0 rgba(0,0,0,0); margin: 0px; } @media screen and (max-width: 640px){ body section#shop_offers #shop_list header #filter_catalog_heirarchy label{ margin-bottom:0px; } } body section#shop_offers #shop_list header #order_type{ } html[dir="ltr"] #shop_offers #shop_list header #order_type dd:last-of-type{ border-radius: 3px; box-shadow: 0 0px 0 #bbb, 0 0px 0 #fff; text-shadow: 0 0px 0 #fff; background: linear-gradient( to bottom, rgba(252, 252, 252, 0) 0%, rgba(247, 247, 247, 0) 100% ); height: auto; } body section#shop_offers #shop_list header .row .search_filter_order #order_type #selsort{ color: rgba(0, 0, 0, 0.4); } @media only screen and (max-width: 640px){ body section#shop_offers #shop_list header .row .search_filter_order #order_type #selsort{ width: 100% !important; } } .page_content.index #home_featured_offers, .page_content.index #home_most_redeemed_offers, .page_content.index #home_rewards_by_points_balance{ background:#FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); background: -webkit-linear-gradient( top, #FFFFFF 0%, #FFFFFF 100% ); background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0); width: 100%; } .page_content.index #home_featured_offers #featured_list, .page_content.index #home_most_redeemed_offers #most_redeemed_list, .page_content.index #home_rewards_by_points_balance #rewards_by_points_balance_list{ margin-bottom:30px; } body section#shop_offers #shop_list footer.bottom_footer{ } body section#shop_offers #shop_list footer.bottom_footer .pagination_bottom_text.pagination_padding{ margin-top: 10px; float: left; } /* ///////// category list - END /////////////////////////// */ /* //////////////////////////////////////////////////////// */ /* ///// shop_offers - END //////////////////////////////// */ /* //////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////// */ /* ///// Shopping cart page - START //////////////////////////////// */ /* //////////////////////////////////////////////////////// */ #SPN_SHOPPINGCART{ } #SPN_SHOPPINGCART form#shoppingCartForm{ } #SPN_SHOPPINGCART form#shoppingCartForm #ajaxEventDiv{ } #SPN_SHOPPINGCART form#shoppingCartForm #ajaxEventDiv .small-54.small-offset-3.columns{ width:100%; margin:0px !important; } #SPN_SHOPPINGCART form#shoppingCartForm h1{ display:none; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_actions{ background:transparent; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list{ } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row{ border-bottom: 1px solid #D7D2CB; background: #FFFFFF; margin-top:0px; } @media screen and (max-width: 40em){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row{ border-bottom: 6px solid #D7D2CB; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row{ margin: 0px; } } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.thumb{ float: left; margin: 15px; padding: 0px; } @media screen and (max-width: 40em){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.thumb{ float: left; margin:0px; padding: 0px; width: 100%; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.thumb img { width: 108px; height: 108px; margin: 40px auto 0px; display: block; } } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.thumb img{ width:108px; height:108px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.name{ color: #004833; font-size: 14px; font-weight: normal; line-height: 22px; margin-top: 35px; float: left; width:auto; } @media screen and (max-width: 40em){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.name{ width: auto; } } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.item_points{ color: #004833; font-size: 14px; font-weight: normal; line-height: 22px; margin-top:35px; float: right; text-align:right; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.item_points .points{ color: #004833; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.item_points .amount{ color: #004833; } @media screen and (max-width: 40em){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.item_points::before { padding: 0px; text-transform: capitalize; font-size: 14px; color: #004833; font-weight: bold; margin-bottom: 20px; padding-right: 20px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.item_points::after{ content: none; } } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity{ color: #004833; font-size: 16px; font-weight: normal; line-height: 22px; margin-top:35px; float: right; text-align:right; } @media(max-width:640px){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span input[type="text"]{ top: 78px !important; left: 10px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .label{ padding: 0 5px 10px 10px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .total span.points{ padding: 0 5px; } } @media screen and (max-width: 40em){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity::before{ text-transform: capitalize; margin-bottom: 10px; font-weight:bold; font-size:14px; } } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a{ margin: 0px; background: transparent; height: auto; line-height: unset; border: 0px solid #FFFFFF; width:30px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a:hover{ background: transparent; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a span{ background: transparent; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); padding: 0px; height: 50px; display: block; line-height: unset; font-family: "Font Awesome 5 Free"; font-weight:400; color:#FFFFFF; float:left; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a span:after{ content: "\f2ed"; color: #E30000; font-size: 24px; height: 24px; width: 24px; position: absolute; top: 24px; left: 0px; } @media screen and (max-width: 40em){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a span:after{ font-size:24px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a{ width: unset; left: -86px; } } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.frequency{ color: #004833; font-size: 16px; font-weight: normal; line-height: 22px; margin-top:35px; float: right; text-align: right; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.frequency::before{ padding: 0px; text-transform: capitalize; font-size: 14px; color: #004833; font-weight: bold; margin-bottom: 20px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.frequency label{ } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.frequency label input{ height: 16px; margin: 25px 0 0; margin-left: 60px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.frequency label span{ font-size: 14px; padding: 2px; margin-top: 12px; margin-left: 5px; color: #004833; position: absolute; bottom: -5px; float: right; text-align: right; text-align: right; right: 6px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span input[type="text"]{ width: 60px; float: right; text-align: right; font-size: 14px !important; position: absolute; top: 23px; right: 10px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.total_points{ color: #004833; font-size: 14px; font-weight: normal; line-height: 22px; margin-top:35px; float: right;; padding-right:10px; text-align:right; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.total_points .points{ color: #004833; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.total_points .amount{ color: #004833; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list header.item_row{ height: auto; border-bottom: 4px solid #78BE20; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list header.item_row .row{ } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list header.item_row .row span.name, #SPN_SHOPPINGCART form#shoppingCartForm .cart_list header.item_row .row span.item_points, #SPN_SHOPPINGCART form#shoppingCartForm .cart_list header.item_row .row span.quantity, #SPN_SHOPPINGCART form#shoppingCartForm .cart_list header.item_row .row span.frequency, #SPN_SHOPPINGCART form#shoppingCartForm .cart_list header.item_row .row span.total_points{ color: #004833; font-weight: bold; text-transform: capitalize; font-size: 14px; margin-top: 0px; margin: 11px 0px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list header.item_row .row span.total_points{ padding-right: 10px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row{ border-bottom:0px solid #FFFFFF; background-color: #F4F3F0; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .label{ color: #004833; font-size: 14px; margin-top: 30px; text-transform: capitalize; float: left; width: 100%; text-align: right; padding: 0 0 10px 10px; font-weight: bold; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .label .colon{ display:none !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .total{ color: #004833; font-size: 30px; font-weight: normal; margin-top: 0px; padding-right: 0px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .total span.points{ color: #004833; font-size: 30px; font-weight: normal; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .total span.amount{ color: #004833; font-weight: normal; position: relative; padding-left: 30px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .total span.amount::before{ content: "+"; position: absolute; top: 8px; left: 0px; color: #004833; font-weight:normal; } @media screen and (max-width: 40em){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .label{ } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .label span.colon{ display:none !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .total{ padding: 10px 0px 10px 0; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row .total span.points{ text-align: left; } } #SPN_SHOPPINGCART form#shoppingCartForm .cart_actions .small-50.small-offset-5.medium-54.medium-offset-3.columns{ width: 100%; margin: 0px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_actions .message{ margin-bottom: 100px; color: #0074C4; background: #F2F8FC; display: none; } #SPN_SHOPPINGCART section.shop.cart.page_content{ background-color: #F4F3F0; padding-bottom:80px; } #SPN_SHOPPINGCART #shop_offers{ display:none; } /* //////////////////////////////////////////////////////// */ /* ///// Shopping cart page - END //////////////////////////////// */ /* //////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////// */ /* ///// Shopping cart - SPN_CHECKOUT - START /////////////// */ /* //////////////////////////////////////////////////////// */ body#SPN_CHECKOUT{ } /* /////// top_banner - START /////////// */ section.shop.checkout.page_content{ float: left; width: 100%; min-height:342px; background-position: 50% 0; margin-bottom: 60px; height:auto; } section.shop.checkout.page_content:before{ content: ' '; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; height:202px; background:#FFFFFF; } @media screen and (max-width: 640px){ section.shop.checkout.page_content:before{ height:142px; } } section.shop.checkout.page_content #user_actions{ display:none; } section.shop.checkout.page_content .small-60.medium-48.columns{ width:100%; } section.shop.checkout.page_content .page_intro{ background: transparent; padding:0px; overflow: visible; box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(255, 255, 255, 0) inset; border-radius: 0px; background: transparent; } section.shop.checkout.page_content .page_intro h2{ color: #004833; float: left; width: 100%; font-size: 42px; font-weight: 300; height: 100px; line-height: 56px; margin-bottom: 200px; } section.shop.checkout.page_content .page_intro .small-54.small-offset-3.columns{ width: 100%; margin:0px !important; } /* /////// top_banner - END /////////// */ #SPN_CHECKOUT #shoppingCartForm{ } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv{ } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .blktxt{ margin-bottom: 24px; float: left; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list{ background: transparent; margin-bottom:0px; } @media screen and (max-width: 640px){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .blktxt{ margin-bottom:0px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list{ overflow: visible; background: #f5f5f4; margin-bottom: 30px; margin-top: 30px; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row{ height: auto; border-bottom: 1px solid #D7D2CB; background: #FFFFFF; padding-top: 0px; margin-top: 0px; } @media screen and (max-width: 640px){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row{ border-bottom: 6px solid #D6D5D0; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row{ padding-right: 20px; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list button#btn_add_map_info{ margin-bottom:30px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row{ margin: 0px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row table td.bldblk{ font-weight:bold; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.thumb{ float: left; margin: 15px; padding: 0px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.thumb img{ width:108px; height:108px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.name{ color: #004833; font-size: 14px; font-weight: normal; line-height: 22px; margin-top: 35px; float: left; width:auto; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.item_points{ color: #004833; font-size: 14px; font-weight: normal; line-height: 22px; margin-top:35px; float: right; text-align: right; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.item_points .total_point_label{ font-size:14px; text-transform: capitalize; font-weight:bold; color: #004833; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.item_points .points{ color: #004833; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.item_points .amount{ color: #004833; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.frequency{ color: #004833; font-size: 14px; font-weight: normal; line-height: 22px; float: right; text-align: right; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.frequency .frequency_label{ font-size: 14px; text-transform: capitalize; font-weight: bold; color: #004833; line-height:22px; border-top: #D6D5D0 solid 1px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.frequency .value{ } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.frequency label{ } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.frequency label input{ margin: 5px 0 0; margin-left: 60px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.frequency label span{ margin-left: 10px; font-size: 14px; padding: 2px; margin-top: 12px; margin-left: 5px; color: #004833; text-align: right; position: absolute; right: 0; } @media(max-width:768px){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.frequency label span{ text-align: left; position: unset; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.frequency label input{ margin: 5px 0 0; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .error{ width: 80%; margin: 10px 10%; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row .row span.quantity{ color: #004833; font-size: 16px; font-weight: normal; float: right; text-align: right; margin-bottom: 12px; display:block; line-height: 22px; } @media screen and (max-width: 640px){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row .row span.quantity{ display:none; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.quantity .quantity_label{ font-size: 14px; color: #004833; text-transform: none; padding-top: 12px; border-top: #D6D5D0 solid 1px; font-weight:bold; line-height: 22px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row .small-30.medium-20.columns span.quantity{ display:none; } @media screen and (max-width: 640px){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row .small-30.medium-20.columns span.quantity{ display:block; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.quantity .quantity_label{ padding-top: 10px; text-align: right; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.value{ color:#004833; font-size:14px; margin-top: 35px; float: right; line-height: 22px; text-align: right; } @media screen and (max-width: 640px){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.value{ margin-top:0px; float: right; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.total_points{ color: #004833; font-size: 14px; font-weight: normal; line-height: 22px; margin-top:35px; float: right; text-align: right; } @media only screen and (max-width: 640px){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.total_points{ margin-top:0px; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.total_points .points{ text-align: right; float: right; color: #004833; } @media only screen and (max-width: 640px){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.total_points .points{ float: right;; text-align: right; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.total_points .amount{ text-align: right; float: right; width: 100%; } @media only screen and (max-width: 640px){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.total_points .amount{ float:right; text-align: right; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row{ background: #FFFFFF; border: 0px solid transparent; float: left; width: 98%; border-radius: 0px; border-top: 1px solid #D6D5D0; padding: 20px 0px 15px; margin: 30px 1%; } @media screen and (max-width: 40em){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row{ border-top: 6px solid #D6D5D0; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .ship_to{ } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .ship_to label{ margin-bottom:20px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .ship_to label span:first-child{ font-size: 22px; color: #004833; border-bottom: 0px solid #cccccc; padding: 0px; margin: 0px 0 36px; line-height: 28px; text-transform: capitalize; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .ship_to label span:nth-child(2){ font-size: 16px; color: #004833; line-height: 22px; padding: 0px; border: 0px solid transparent; border-radius: 0px; float: left; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .ship_to button{ float: left; margin: 0 0 20px 0; width: 60%; margin-right: 40%; } @media screen and (max-width: 40em){ #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .ship_to button{ width: 100%; margin-right: 0%; } } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .ship_to button span{ padding: 9px 12px 11px; font-size: 16px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row table tbody tr:first-child{ border-width: 0px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row table tbody tr:first-child td{ border-width: 0px 0px 1px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .mapping_info #span_mapping_info_1{ border-radius: 0px; margin: 0px 0px 20px; width: 100%; padding: 10px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row .mapping_info #span_mapping_info_2{ border-radius: 0px; margin: 10px 0px; width: 100%; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .edit_row label span{ width: 100%; padding:0px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row{ height: auto; border-bottom: 4px solid #78BE20; margin-bottom: 0px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row .row{ } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row .row span.name, #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row .row span.item_points, #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row .row span.frequency, #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row .row span.quantity, #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row .row span.total_points{ color: #004833; font-weight: bold; text-transform: capitalize; font-size: 13px; margin-top: 0px; margin: 11px 0px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list header.item_row .row span.total_points{ text-align: right; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row{ border-bottom: 0px solid #FFFFFF; background: #f4f3f0; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .label{ color: #004833; font-size: 14px; text-transform: capitalize; width: 100%; text-align: right; padding: 0px; line-height: 22px; margin-bottom:0px; font-weight: bold; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .label span.colon{ display:none !important; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .total{ color: #004833; font-size: 30px; font-weight: bold; margin-top: 6px; position: relative; text-align: right; padding: 0px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .total .points{ color:#004833 !important; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .total .amount{ color:#004833; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list footer.item_row .total .amount::before{ color:#004833; } #SPN_CHECKOUT section.shop.checkout.page_content{ background: #f4f3f0; padding-bottom: 60px; margin-bottom: 0px; } #shoppingCartForm .cart_actions button{ margin-bottom: 10px !important; } /* //// cartaction - START ////// */ section.shop.checkout.page_content .page_intro form#shoppingCartForm{ } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions{ background: #FFFFFF; padding: 35px 20px 30px; margin-top:30px; } @media screen and (max-width: 640px){ section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions{ border-bottom: 6px solid #D6D5D0; } } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .payment_information{ background:#FFFFFF; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .payment_information .oneUp{ } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .payment_information .oneUp label{ color:#004833; font-size:14px; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .payment_information .oneUp label span{ color: #004833; font-size: 14px; text-transform: capitalize; font-weight: bold; margin-bottom: 15px; line-height: 16px; min-height: auto; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .payment_information .oneUp label span.colon{ display:none; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .payment_information h3{ } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .email_confirmation{ background: #FFFFFF; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .email_confirmation #accept_email{ height:auto !important; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .email_confirmation .email_box{ } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .email_confirmation .email_box span:first-child{ font-weight:bold; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .chkt-actn-buttons{ background: #FFFFFF; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .small-50.small-offset-5.medium-54.medium-offset-3.columns{ width: 100%; margin:0 !important; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .email_confirmation h3{ margin-bottom: 30px; } section.shop.checkout.page_content .page_intro form#shoppingCartForm .cart_actions .email_confirmation p{ margin-bottom: 30px; } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns{ float:left; } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns.item-details{ } @media screen and (max-width: 640px){ section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns.item-details .columns{ padding: 0px; } } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns h2{ float:left; width:100%; margin-bottom: 20px; } @media screen and (max-width: 640px){ section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns h2{ text-align:left; height:92px; margin-bottom:0px; line-height: 40px; } } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns p{ float:left; width:100%; } @media screen and (max-width: 640px){ section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns p{ margin: 24px 0px; } } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns ul{ float:left; width:100%; } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns .small-30.medium-24.columns.item-details.wizard-2{ } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns .small-30.medium-24.columns.item-details.wizard-2 .small-60.medium-36.columns{ } @media screen and (max-width: 640px){ section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns .small-30.medium-24.columns.item-details.wizard-2 .small-60.medium-36.columns{ padding: 0px; } } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns .small-30.medium-24.columns.item-details.wizard-2 .small-60.medium-36.columns .name{ } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns .small-30.medium-24.columns.item-details.wizard-2 .small-60.medium-24.columns.item-points{ } @media screen and (max-width: 640px){ section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns .small-30.medium-24.columns.item-details.wizard-2 .small-60.medium-24.columns.item-points{ padding: 0px; } } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns.hide-for-small-only{ float: right; } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns.item-total-points{ float:right; } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns.item-total-points .total_label{ font-size: 14px; text-transform: capitalize; font-weight: bold; color: #004833; line-height:22px; width:100%; border-top: 1px solid #D6D5D0; } @media screen and (max-width: 640px){ section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns.item-total-points .total_label{ text-align: right; } } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row table td.bodyBolded{ padding-top: 30px; padding-bottom: 20px; } /* //// cartaction - END ////// */ body#SPN_CHECKOUT #shop_offers{ display:none; } /* //////////////////////////////////////////////////////// */ /* ///// Shopping cart - SPN_CHECKOUT - END /////////////// */ /* //////////////////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Redeem page - START ///////////// */ /* /////////////////////////////////////////// */ /* ///// shop_index - START ////// */ .shop.shop_index.page_content{ padding: 0px; margin-top: 0px; float: left; width: 100%; margin-bottom: 200px; height: 308px; background-color: #FFFFFF; } .shop.shop_index.page_content:before{ content: ' '; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; height:342px; } @media screen and (max-width: 40em) { .shop.shop_index.page_content:before { background: white !important; } } .shop.shop_index.page_content h1{ display:none; } .shop.shop_index.page_content .page_intro{ box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(255, 255, 255, 0) inset; border-radius: 0px; overflow: visible; background: transparent; padding:0px; } .shop.shop_index.page_content .page_intro .row .small-54.small-offset-3.columns{ margin:0px !important; width:100%; } .shop.shop_index.page_content .page_intro .row .small-54.small-offset-3.columns ul#breadcrumb{ font-size: 14px; color: #004833; text-align: left; line-height: 18px; text-transform: capitalize; margin-bottom: 60px; } .shop.shop_index.page_content .page_intro .row .small-54.small-offset-3.columns ul li{ font-family: Helvetica; font-size: 14px; color: #004833; text-align: left; line-height: 18px; text-transform: capitalize; float: none; } .shop.shop_index.page_content .page_intro .row h2{ color: #004833; float: left; width: 100%; font-size: 42px; font-weight: 300; height:92px; box-shadow:0 0px 0 rgba(255,255,255,0); line-height: 48px; font-weight:bold; } @media only screen and (max-width: 1024px){ .shop.shop_index.page_content .page_intro .row h2{ text-align: left; } } @media only screen and (max-width: 426px){ .shop.shop_index.page_content .page_intro .row h2{ text-align: left; } section.shop.checkout.page_content .page_intro form#shoppingCartForm #ajaxEventDiv .row .columns p{ margin: 0px 0px; } } /* ///// shop_index - END ////// */ /* /////////////////////////////////////////// */ /* //////////// Redeem page - END ///////////// */ /* /////////////////////////////////////////// */ /* ///////////////////////////////////////////////////// */ /* //////////// Product detail page - START ///////////// */ /* ///////////////////////////////////////////////////// */ .shop.shop_details.page_content, .shop.shop_details_logged.page_content{ background: #FFFFFF !important; padding: 0px; margin-top: 0px; padding-bottom: 55px; float: left; width: 100%; } .shop.shop_details.page_content:before, .shop.shop_details_logged.page_content:before{ content: ' '; height: 249px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; background:#FFFFFF; } @media screen and (max-width: 1025px){ .shop.shop_details.page_content:before, .shop.shop_details_logged.page_content:before{ height:50px; } } @media screen and (max-width: 40em){ .shop.shop_details.page_content:before, .shop.shop_details_logged.page_content:before{ height: 50px; } } .shop.shop_details.page_content .small-60.medium-48.columns, .shop.shop_details_logged.page_content .small-60.medium-48.columns{ width:100%; } .shop.shop_details.page_content .page_intro, .shop.shop_details_logged.page_content .page_intro{ background: transparent; box-shadow: 0 0px 0px 0 rgba(74,74,74,0); } @media screen and (max-width: 40em){ .page_content.shop_details #breadcrumb, .page_content.shop_details_logged #breadcrumb { display: none; } } .shop.shop_details.page_content .page_intro h2, .shop.shop_details_logged.page_content .page_intro h2{ color: #004833; text-align: left; margin: 0; padding: 95px 0 0 0; font-size: 42px; font-weight: 300; line-height: 48px; margin-bottom:95px; } @media screen and (max-width: 1025px){ .shop.shop_details.page_content .page_intro h2, .shop.shop_details_logged.page_content .page_intro h2{ margin-bottom: 0px; display: none; } } @media screen and (max-width: 40em){ .shop.shop_details.page_content .page_intro h2, .shop.shop_details_logged.page_content .page_intro h2{ display:none; } } .shop.shop_details.page_content .page_intro .row .back_button, .shop.shop_details_logged.page_content .page_intro .row .back_button{ width:144px; margin-top:50px; } @media screen and (max-width: 1025px){ .shop.shop_details.page_content .page_intro .row .back_button, .shop.shop_details_logged.page_content .page_intro .row .back_button{ margin-bottom:20px; } } .shop.shop_details.page_content .page_intro .row .back_button #btn_back, .shop.shop_details_logged.page_content .page_intro .row .back_button #btn_back{ background: #004833; border: 0px solid #FFFFFF; } .shop.shop_details.page_content .page_intro .row .back_button #btn_back:hover, .shop.shop_details_logged.page_content .page_intro .row .back_button #btn_back:hover{ background:#eb4d4d; } .shop.shop_details.page_content .page_intro .row .back_button #btn_back span, .shop.shop_details_logged.page_content .page_intro .row .back_button #btn_back span{ color: #FFFFFF; } @media screen and (max-width: 40em){ .shop.shop_details.page_content .page_intro .row .back_button, .shop.shop_details_logged.page_content .page_intro .row .back_button{ width:144px; margin-top:0px; margin-bottom:0px; height:50px; float: left; width: 100%; padding-left: 20px; } .shop.shop_details.page_content .page_intro .row .back_button #btn_back, .shop.shop_details_logged.page_content .page_intro .row .back_button #btn_back{ background: transparent; border: 0px solid #FFFFFF; } .shop.shop_details.page_content .page_intro .row .back_button #btn_back:hover, .shop.shop_details_logged.page_content .page_intro .row .back_button #btn_back:hover{ background: transparent; } .shop.shop_details.page_content .page_intro .row .back_button #btn_back span, .shop.shop_details_logged.page_content .page_intro .row .back_button #btn_back span{ font-size: 14px; color: #E30000; text-align: left; padding: 0px; line-height: 50px; } } .shop.shop_details.page_content .page_intro .row .detail_image, .shop.shop_details_logged.page_content .page_intro .row .detail_image{ background: #FFFFFF; } @media screen and (max-width: 1025px){ .shop.shop_details.page_content .page_intro .row .detail_image, .shop.shop_details_logged.page_content .page_intro .row .detail_image{ margin-top:0px; } } @media screen and (max-width: 40em){ .shop.shop_details.page_content .page_intro .row .detail_image, .shop.shop_details_logged.page_content .page_intro .row .detail_image{ margin-top:0px; margin-bottom: 0px; } } .shop.shop_details.page_content .page_intro .row .detail_image img, .shop.shop_details_logged.page_content .page_intro .row .detail_image img{ width: 80%; margin: 0 10% 10%; } .shop.shop_details.page_content .page_intro .row .item_details, .shop.shop_details_logged.page_content .page_intro .row .item_details{ font-size: 16px; color: #2E2E2E; letter-spacing: 0; border-bottom: 1px solid #D6D5D0; padding-bottom: 50px; width:100%; } @media screen and (max-width: 1025px){ .shop.shop_details.page_content .page_intro .row .item_details, .shop.shop_details_logged.page_content .page_intro .row .item_details{ margin-top:0px; } } .shop.shop_details.page_content .page_intro .row .item_details p, .shop.shop_details_logged.page_content .page_intro .row .item_details p{ font-size: 14px; color: #004833; line-height: 20px; } .shop.shop_details.page_content .page_intro h2.mobile_product_item_name.show-for-medium-down, .shop.shop_details_logged.page_content .page_intro h2.mobile_product_item_name.show-for-medium-down, .shop.shop_details.page_content .page_intro .row .item_details h2, .shop.shop_details_logged.page_content .page_intro .row .item_details h2{ font-size: 36px; color: #004833; letter-spacing: 0; line-height: 42px; text-shadow: 0 0px 0 rgba(255,255,255,0.5); border-bottom: 0px solid #ccc; margin-bottom: 30px; font-weight: normal; padding-top: 0px; height:auto; } @media screen and (max-width: 1025px){ .shop.shop_details.page_content .page_intro h2.mobile_product_item_name.show-for-medium-down, .shop.shop_details_logged.page_content .page_intro h2.mobile_product_item_name.show-for-medium-down, .shop.shop_details.page_content .page_intro .row .item_details h2, .shop.shop_details_logged.page_content .page_intro .row .item_details h2{ margin-bottom: 20px; margin-top: 20px; } } @media screen and (max-width: 40em){ .shop.shop_details.page_content .page_intro h2.mobile_product_item_name.show-for-medium-down, .shop.shop_details_logged.page_content .page_intro h2.mobile_product_item_name.show-for-medium-down, .shop.shop_details.page_content .page_intro .row .item_details h2, .shop.shop_details_logged.page_content .page_intro .row .item_details h2{ margin-bottom: 20px; height: auto; } } @media screen and (max-width: 640px){ .shop.shop_details.page_content .page_intro .row #vpp_update{ margin: 0px 0px 20px; float: left; width:100%; } } .shop.shop_details.page_content .page_intro footer, .shop.shop_details_logged.page_content .page_intro footer{ background: transparent; border: 0px solid #FFFFFF; border-radius: 0px; padding: 0px; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item{ margin: 0px; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .vpp-pay-amount .input-currency-icon #pay_amount, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item .vpp-pay-amount .input-currency-icon #pay_amount{ padding-left: 25px !important; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .vpp-pay-amount .input-currency-icon i, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item .vpp-pay-amount .input-currency-icon i{ margin-left: 11px; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .small-60.medium-35.medium-push-25.columns.end{ } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .small-60.medium-35.medium-push-25.columns.end::before{ border-top: 1px solid #D6D5D0; content: " "; width: 100%; display: block; padding: 48px 0.5em 0px; } @media screen and (max-width: 641px){ .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .end, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item .end{ padding:0px; } } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .end .end, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item .end .end{ padding: 0 0.5rem; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #frequencyNote, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item #frequencyNote{ } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item #frequencyNote p.message, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item #frequencyNote p.message{ } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .consolidated-items, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item .consolidated-items{ margin: 0px; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .terms-and-cond, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item .terms-and-cond{ padding: 0 0.5rem; } .shop.shop_details.page_content .page_intro footer .shop_details_catalog_item .terms-and-cond .terms-and-cond-desc, .shop.shop_details_logged.page_content .page_intro footer .shop_details_catalog_item .terms-and-cond .terms-and-cond-desc{ font-size: 14px; color: #004833; line-height: 20px; } .shop.shop_details.page_content .page_intro footer label[for=quantity], .shop.shop_details_logged.page_content .page_intro footer label[for=quantity]{ text-align: center; max-width: 100px; } .shop.shop_details.page_content .page_intro footer .price, .shop.shop_details_logged.page_content .page_intro footer .price{ color: #FFFFFF; max-width: 100px; float: right; cursor: initial; margin-bottom:30px; } .shop.shop_details.page_content .page_intro footer .price .label, .shop.shop_details_logged.page_content .page_intro footer .price .label{ text-align: right; float:right; font-weight: bold; font-size: 14px; color: #004833; text-transform: capitalize; } .shop.shop_details.page_content .page_intro footer .price .number, .shop.shop_details_logged.page_content .page_intro footer .price .number{ font-size: 30px; color: #004833; letter-spacing: 0; font-weight: normal; text-align: right; float: right; } .shop.shop_details.page_content .page_intro footer .price .freight, .shop.shop_details_logged.page_content .page_intro footer .price .freight{ font-size: 14px; color: #757463; text-align: right; line-height: 20px; float:right; font-weight: normal; } .shop.shop_details.page_content .page_intro footer .cash, .shop.shop_details_logged.page_content .page_intro footer .cash{ color:#FFFFFF; } .shop.shop_details.page_content .page_intro footer .cash .label, .shop.shop_details_logged.page_content .page_intro footer .cash .label{ color:#FFFFFF !important; font-size: 16px !important; letter-spacing: 0; text-align:left; } .shop.shop_details.page_content .page_intro footer .cash .number, .shop.shop_details_logged.page_content .page_intro footer .cash .number{ font-size: 30px !important; color:#FFFFFF !important; letter-spacing: 0; float:left; } .shop.shop_details.page_content .page_intro footer .quantity, .shop.shop_details_logged.page_content .page_intro footer .quantity{ width:146px; } .shop.shop_details.page_content .page_intro footer .quantity::after, .shop.shop_details_logged.page_content .page_intro footer .quantity::after{ top: 46px !important; } .shop.shop_details.page_content .page_intro footer .quantity span, .shop.shop_details_logged.page_content .page_intro footer .quantity span{ text-align: left; font-weight: bold; font-size: 14px; color: #004833; } .shop.shop_details.page_content .page_intro footer .quantity #qty, .shop.shop_details_logged.page_content .page_intro footer .quantity #qty{ box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset; color: #004833; } .shop.shop_details.page_content .page_intro footer .automatic_redemption, .shop.shop_details_logged.page_content .page_intro footer .automatic_redemption{ color:#FFFFFF; } .shop.shop_details.page_content .page_intro footer .automatic_redemption input#itemRecurRedeem, .shop.shop_details_logged.page_content .page_intro footer .automatic_redemption input#itemRecurRedeem{ height: auto !important; float:left; } .shop.shop_details.page_content .page_intro footer .automatic_redemption span, .shop.shop_details_logged.page_content .page_intro footer .automatic_redemption span{ color: #004833; text-align: left; float: left; } .shop.shop_details.page_content .page_intro footer .automatic_redemption input, .shop.shop_details_logged.page_content .page_intro footer .automatic_redemption input{ float:left; } .shop.shop_details.page_content .page_intro footer .frequency span, .shop.shop_details_logged.page_content .page_intro footer .frequency span{ text-align: left; font-weight: normal !important; font-size: 14px; color: #004833; margin-top:20px; } .shop.shop_details.page_content .page_intro footer .frequency input, .shop.shop_details_logged.page_content .page_intro footer .frequency input{ width: 146px; text-align: left; color: #004833; } .shop.shop_details.page_content .page_intro footer .frequency, .shop.shop_details_logged.page_content .page_intro footer .frequency{ color:#FFFFFF; } .shop.shop_details.page_content .page_intro footer .frequency span, .shop.shop_details_logged.page_content .page_intro footer .frequency span{ color: #FFFFFF; text-align: left; } .shop.shop_details.page_content .page_intro footer .frequency input, .shop.shop_details_logged.page_content .page_intro footer .frequency input{ float:left; } .shop.shop_details.page_content .page_intro footer .product_nav, .shop.shop_details_logged.page_content .page_intro footer .product_nav{ display:none; } .shop.shop_details.page_content .page_intro footer button.primary, .shop.shop_details_logged.page_content .page_intro footer button.primary{ margin: 29px 0 0 0; } .shop.shop_details.page_content .page_intro footer .messages, .shop.shop_details_logged.page_content .page_intro footer .messages{ width: 100%; } .shop.shop_details.page_content .page_intro footer .messages p.message, .shop.shop_details_logged.page_content .page_intro footer .messages p.message{ font-size: small; display: none; } /* ///// Shop detail page - END //// */ /* /////// product_detail_freeform_02_box - START /////////// */ .shop_details_freeform .product_detail_freeform_02{ margin-bottom:0px; } .shop_details_freeform .product_detail_freeform_02 .four_products_tile{ background-color:#EBE9E5; } .product_detail_freeform_02 .product_detail_freeform_02_box{ } .product_detail_freeform_02 .product_detail_freeform_02_box .strong{ } /* /////// product_detail_freeform_02_box - END /////////// */ /* /////// POINTS PLUS PAY SLIDER - START /////////// */ #vpp-slider{ -webkit-appearance: none; width: 100%; height: 10px; border-radius: 5px; background: #FFFFFF; outline: none; border: #D7D2CB solid 1px; margin-bottom:40px; } #vpp-slider .range-slider-handle{ border-radius: 50%; background: #FFFFFF; border: #D7D2CB solid 1px; box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px inset; margin: 0px; font-size: 10px; width: 40px; height: 40px; overflow: visible; z-index: 1000; top: -16px; left: 0px; } #vpp-slider .range-slider-handle::before{ content: " "; position: absolute; top: 11px; left: 11px; border-radius: 50%; width: 16px; height: 16px; display: block; background: #E30000; z-index: 0; } #vpp-slider .range-slider-active-segment{ margin: 0px; height: 8px; background: #78BE20; border-radius: 5px; border: 1px solid rgb(255, 255, 255); box-shadow: 0 0px 0 rgba(255, 255, 255, 0) inset; } /* /////// POINTS PLUS PAY SLIDER - END /////////// */ /* ///////////////////////////////////////////////////// */ /* //////////// Product detail page - END ///////////// */ /* ///////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* ///// My Account pages - Rewards Summary & User Profile - START //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ body#SPN_REWARDS_SUMMARY{ } .rewards_summary.page_content{ background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/2177054_Amplify_STG_Header_1920x390_My-Account.jpg) no-repeat top center; padding: 0px; margin-top: 0px; float:left; width:100%; padding-bottom: 200px; background-color:#FFFFFF; } @media screen and (max-width: 640px){ .rewards_summary.page_content{ background-image:none; } } @media screen and (max-width: 40em) { .rewards_summary.page_content #sidebar{ display: none; } } .rewards_summary.page_content h1{ display:none; } .rewards_summary.page_content input{ } .rewards_summary.page_content .page_intro{ box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(255, 255, 255, 0) inset; border-radius: 0px; overflow: visible; background: transparent; } @media screen and (max-width: 1025px){ .rewards_summary.page_content .page_intro{ float: left; width: 100%; padding:0px; } } .rewards_summary.page_content .page_intro ul#breadcrumb{ color: #FFFFFF; } .rewards_summary.page_content .page_intro ul#breadcrumb li{ } .rewards_summary.page_content .page_intro ul#breadcrumb li a{ } .rewards_summary.page_content .page_intro ul#breadcrumb li span{ } .rewards_summary.page_content .page_intro .row h2{ text-align: left; margin: 0; padding: 106px 0 0 0; font-size: 36px; font-weight: 300; line-height: 48px; margin-bottom:200px; display: block; z-index: 1000; position: relative; } .rewards_summary.page_content #user_actions{ margin:0px; } @media screen and (max-width: 40em) { .rewards_summary.page_content #user_actions{ margin-top: 0px; } } .rewards_summary.page_content #user_actions nav.sidebar_menu{ margin-top: 20px; } .rewards_summary.page_content #user_actions nav.sidebar_menu ul{ float: left; width: 100%; margin-bottom: 20px; } .rewards_summary.page_content #user_actions nav.sidebar_menu ul li{ float: left; width: 100%; margin-bottom: -7px; } .rewards_summary.page_content #user_actions nav.sidebar_menu ul li a{ float: left; width: 100%; padding-left: 20px; background: url('https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-arrow-icon1x.png') no-repeat left; color: #004833; font-size: 14px; padding:17px 16px 14px; margin: 0px; text-shadow: 0 0px 0 #2D373E; border-radius: unset; line-height: 16px; text-shadow: none; box-shadow: 0 0px 0 #555 inset; } .rewards_summary.page_content #user_actions nav.sidebar_menu ul li a:hover{ text-shadow: none; padding-right: 4px; background-color: #E4E4E4; } .rewards_summary.page_content label#criteria_label{ } .rewards_summary.page_content label#criteria_label span{ } .rewards_summary.page_content label#criteria_label select{ } .rewards_summary.page_content label#criteria_label:after{ } .rewards_summary.page_content #view_statement{ top: 14px; margin-top: 15px; } .rewards_summary.page_content #view_statement:hover{ } .rewards_summary.page_content #view_statement span{ } .rewards_summary.page_content .page_intro .small-54.small-offset-3.columns{ margin-left: 0px !important; width: 100%; } .rewards_summary.page_content .page_intro .small-54.small-offset-3.columns p{ margin:0px; } .rewards_summary.page_content .page_intro #RewardsSummary{ float:left; width:100%; } .rewards_summary.page_content .page_intro #RewardsSummary #AccountInformationForm{ } .rewards_summary.page_content .page_intro #RewardsSummary #AccountInformationForm span{ margin-bottom:15px; margin-top:15px; } .rewards_summary.page_content .page_intro #RewardsSummary .point_summary{ color:#000000; margin-bottom:100px; } .rewards_summary.page_content .page_intro #RewardsSummary .point_summary span.label{ font-size: 14px; line-height: 18px; color: #004833; text-transform: capitalize; font-weight:bold; } .rewards_summary.page_content .page_intro #RewardsSummary .point_summary span.value{ color: #004833; font-weight: 300; font-size: 30px; margin-bottom: 20px; float: left; width: 100%; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent{ border-bottom: 1px solid #d6d5d0; margin-top:10px; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent #divPrinterFriendlyContentHeader{ } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation{ font-size: 16px; color: #0072AC; line-height: 18px; text-align: left; padding: 5px 10px; width: auto; position: relative; border-radius: 0px; background-color: #FFFFFF; border-top: 1px solid #d6d5d0; border-right: 1px solid #d6d5d0; border-left: 1px solid #d6d5d0; float: left; width: 100%; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation a{ display: block; padding: 5px 10px; color: #004833; position: relative; transition: .3s ease; background-color:transparent; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation a:focus{ overflow: auto; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation a h3{ color: #004833; font-size: 16px; font-weight: normal; margin: 0px; font-family: helvetica, sans-serif, arial; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation a:hover{ outline: none; text-decoration: none; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content{ } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content .transpose_table{ } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content .transpose_table tr{ border-top-width: 0px; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content .transpose_table tr td{ border-left-width: 0px; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content .transpose_table td{ background: #FFFFFF; color:#004833; font-size: 14px; line-height: 20px; padding:10px; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content .transpose_table tr td::before{ width: auto; font-size: 14px; color: #004833; line-height: 20px; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content #DataTables_Table_0_wrapper{ } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content #DataTables_Table_0_wrapper label{ color: #004833; font-size: 16px; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content #DataTables_Table_0_wrapper #DataTables_Table_0{ } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent.accordion .accordion-navigation > a, .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent.accordion > dd.accordion-navigation > a, .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent.accordion > dd.accordion-navigation > a:hover{ text-decoration:none; } .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation h3{ font-size: 16px; color: #0072AC; padding:0px; } /* //////////// User Profile - START //////////// */ #div_profile{ float:left; width:100%; } form#ProfileForm{ } form#ProfileForm .accordion{ float:left; width:100%; border-bottom: 1px solid #CCCCCC; } form#ProfileForm .accordion .accordion-navigation{ font-size: 16px; color: #0072AC; line-height: 18px; text-align: left; padding: 20px; width: auto; position: relative; border-radius: 0px; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; float:left; width:100%; } form#ProfileForm .accordion .accordion-navigation > .content, form#ProfileForm .accordion dd > .content{ padding:0px; } form#ProfileForm .accordion .accordion-navigation h3{ font-size: 16px; color: #004833; padding: 0px; font-weight: bold; margin:0px; width: 100%; line-height:18px; font-family: helvetica, sans-serif, arial; } form#ProfileForm .accordion .accordion-navigation #update_profile{ float:left; width:100%; padding: 10px 0px; } form#ProfileForm .accordion .accordion-navigation #change_password{ float:left; width:100%; padding: 10px 0px; } form#ProfileForm .accordion .accordion-navigation #update_profile p, form#ProfileForm .accordion .accordion-navigation #change_password p{ margin-bottom:20px; width:100%; } form#ProfileForm .accordion .accordion-navigation #update_profile p .rewards-account-info-msg, form#ProfileForm .accordion .accordion-navigation #change_password p .rewards-account-info-msg{ width:100%; } form#ProfileForm .accordion .accordion-navigation #update_profile .required, form#ProfileForm .accordion .accordion-navigation #change_password .required{ margin-bottom:20px; } form#ProfileForm .accordion .accordion-navigation #usrProfUpdButton, form#ProfileForm .accordion .accordion-navigation #securityInfoUpdBtn{ } form#ProfileForm .accordion .accordion-navigation #usrProfUpdButton:hover, form#ProfileForm .accordion .accordion-navigation #securityInfoUpdBtn:hover{ } form#ProfileForm .accordion .accordion-navigation #usrProfUpdButton span, form#ProfileForm .accordion .accordion-navigation #securityInfoUpdBtn span{ } form#ProfileForm .accordion .accordion-navigation a{ background-position: right 0px; } form#ProfileForm .accordion .accordion-navigation.active a { background-position: right -92px; } form#ProfileForm .accordion .accordion-navigation a:hover{ text-decoration:none; } form#ProfileForm .accordion .accordion-navigation span{ color:#004833 !important; line-height: 10px; font-size: 14px; text-transform: inherit; font-weight: bold; line-height: 15px; } form#ProfileForm .accordion .accordion-navigation button:hover span{ color:#FFFFFF; } form#ProfileForm .accordion .accordion-navigation.update_security_info{ } form#ProfileForm .accordion .accordion-navigation.update_security_info #update_security_info{ float: left; width: 100%; padding: 10px 0px; } form#ProfileForm .accordion .accordion-navigation.update_security_info #update_security_info p{ margin-bottom:20px; } form#ProfileForm .accordion .accordion-navigation.update_security_info .row .columns{ float:left; margin-bottom:20px; } form#ProfileForm .accordion .accordion-navigation.update_security_info #update_security_info label{ margin-bottom:0px; } form#ProfileForm .accordion .accordion-navigation.notification_preferences{ } form#ProfileForm .accordion .accordion-navigation.notification_preferences #notification_preferences{ float: left; width: 100%; padding: 10px 0px; } form#ProfileForm .accordion .accordion-navigation.notification_preferences #notification_preferences p{ margin-bottom:20px; } form#ProfileForm .accordion .accordion-navigation.notification_preferences .row .columns{ float:left; margin-bottom:20px; } form#ProfileForm .accordion .accordion-navigation.notification_preferences #notification_preferences label{ margin-bottom:0px; position: relative; } form#ProfileForm .accordion .accordion-navigation.personal_information{ } form#ProfileForm .accordion .accordion-navigation.personal_information #personal_information{ float: left; width: 100%; padding: 10px 0px; } form#ProfileForm .accordion .accordion-navigation.personal_information #personal_information p{ margin-bottom:20px; } form#ProfileForm .accordion .accordion-navigation.personal_information .row .columns{ float:left; margin-bottom:20px; } form#ProfileForm .accordion .accordion-navigation.personal_information #personal_information label{ margin-bottom:0px; } .rewards_summary.page_content label[for=rem_computer_sw]{ } .rewards_summary.page_content label[for=rem_computer_sw] input{ vertical-align: top; height: auto; } .rewards_summary.page_content label[for=rem_computer_sw] span{ margin: 0px; } form#ProfileForm .accordion .accordion-navigation.personal_information{ } form#ProfileForm .accordion .accordion-navigation.personal_information #personal_information p{ float:left; } form#ProfileForm .accordion .accordion-navigation.personal_information label[fpr=country]{ } form#ProfileForm .accordion .accordion-navigation.personal_information label[fpr=country] span{ float:left; margin:0 20px 20 0px; } /* //////////// User Profile - END //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* ///// My Account pages - Rewards Summary & User Profile - END //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* ///// My Account pages - Transfer Points & Manage Accounts - START //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ .account.account_cards.page_content.logged{ background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/2177054_Amplify_STG_Header_1920x390_Get-in-Touch.jpg) no-repeat top center; padding: 0px; margin-top: 0px; float:left; width:100%; padding-bottom:200px; background-color:#FFFFFF; } @media screen and (max-width: 640px){ .account.account_cards.page_content.logged{ background-image:none; } } .account.account_cards.page_content.logged h1{ display:none; } .account.account_cards.page_content.logged p{ float:left; width:100%; margin-bottom:20px; } .account.account_cards.page_content.logged .page_intro{ box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(255, 255, 255, 0) inset; border-radius: 0px; overflow: visible; background: transparent; } @media screen and (max-width: 1025px){ .account.account_cards.page_content.logged .page_intro{ float: left; width: 100%; padding: 0px; } } .account.account_cards.page_content.logged .page_intro .row{ margin: 0 -0.5em; max-width: none; } @media screen and (max-width: 1025px){ .account.account_cards.page_content.logged .page_intro .row .small-54.small-offset-3.columns { margin: 0px !important; width: 100%; } } .account.account_cards.page_content.logged .page_intro .row h2{ color: #004833; float: left; width: 100%; font-size: 42px; font-weight: 300; height:100px; line-height:56px; margin-bottom:200px; z-index: 100; position: relative; } .account.account_cards.page_content.logged .page_intro #ajaxEventDiv{ float:left; width:100%; } .account.account_cards.page_content.logged .page_intro #ajaxEventDiv p.error{ margin-bottom:50px; } .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form{ float:left; width:100%; } .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form label{ color: #004833; line-height: 10px; font-size: 14px; text-transform: capitalize; font-weight: bold; } .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form label[for=rec_orig_acc], .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form label[for=acc_type]{ } .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form label[for=rec_orig_acc] span, .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form label[for=acc_type] span{ } .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form label[for=rec_orig_acc] select, .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form label[for=acc_type] select{ } .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form label[for=rec_orig_acc]:after, .account.account_cards.page_content.logged .page_intro #ajaxEventDiv form label[for=acc_type]:after{ } .account.account_cards.page_content.logged label{ } .account.account_cards.page_content.logged label span{ } .account.account_cards.page_content.logged label input{ } .account_cards.page_content #user_actions{ margin-top: 0px; } @media screen and (max-width: 40em){ .account_cards.page_content #user_actions{ margin-top: 0px; } } .account_cards.page_content #user_actions nav.sidebar_menu{ } .account_cards.page_content #user_actions nav.sidebar_menu ul{ float: left; width: 100%; margin-bottom: 20px; } .account_cards.page_content #user_actions nav.sidebar_menu ul li{ float: left; width: 100%; margin-bottom: 20px; } .account_cards.page_content #user_actions nav.sidebar_menu ul li a{ float: left; width: 100%; padding-left: 20px; background: url('https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-arrow-icon1x.png') no-repeat left; color: #2D373E; font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px; text-shadow: 0 0px 0 #2D373E; border-radius: unset; text-shadow: none; } .account_cards.page_content #user_actions nav.sidebar_menu ul li a:hover{ text-shadow: none; box-shadow: 0px 0px 0px #FFFFFF; } .account_cards.page_content #user_actions nav.sidebar_menu ul li a:focus{ box-shadow: 0 0px 0 #555 inset; } .account.account_cards.page_content.logged #btn_submit{ } .account.account_cards.page_content.logged #btn_submit:hover{ } .account.account_cards.page_content.logged #btn_submit span{ } .account.account_cards.page_content.logged #btn_reset{ } .account.account_cards.page_content.logged #btn_reset:hover{ } .account.account_cards.page_content.logged #btn_reset span{ } .account.account_cards.page_content.logged #btn_cancel{ } .account.account_cards.page_content.logged #btn_cancel:hover{ } .account.account_cards.page_content.logged #btn_cancel span{ } /* Management Accounts page - START */ .account.account_cards.page_content.logged #form_card{ float:left; width:100%; } .account.account_cards.page_content.logged #form_card .fivePad{ float:left; width:100%; } .account.account_cards.page_content.logged #form_add_card{ float:left; width:100%; } .account.account_cards.page_content.logged #form_add_card label[for=bankProductId]{ } .account.account_cards.page_content.logged #form_add_card label[for=bankProductId] span{ } .account.account_cards.page_content.logged #form_add_card label[for=bankProductId] select{ } .account.account_cards.page_content.logged #form_add_card label[for=bankProductId]:after{ } .account.account_cards.page_content.logged #form_add_card .medium-24{ width: 30%; } @media screen and (max-width: 1025px){ .account.account_cards.page_content.logged #form_add_card .medium-24{ width: 50%; } } .account.account_cards.page_content.logged label[for=addButton]{ } .account.account_cards.page_content.logged label[for=addButton] span{ } .account.account_cards.page_content.logged label[for=addButton] select{ } .account.account_cards.page_content.logged label[for=addButton]:after{ } .account.account_cards.page_content.logged #my_cards{ float:left; width:100%; } .account.account_cards.page_content.logged #my_cards form.my_accounts{ float:left; width:100%; } .account.account_cards.page_content.logged #my_cards form.my_accounts label{ } .account.account_cards.page_content.logged #my_cards form.my_accounts label span{ color: #004833; line-height: 10px; font-size: 14px; text-transform: capitalize; font-weight: bold; line-height:15px; font-family: inherit; } .account.account_cards.page_content.logged button#addButton{ margin-bottom: 30px; } .account.account_cards.page_content.logged button#addButton:hover{ } .account.account_cards.page_content.logged button#addButton span{ } .account.account_cards.page_content.logged button#cancelButton{ margin-bottom: 30px; } .account.account_cards.page_content.logged button#cancelButton:hover{ } .account.account_cards.page_content.logged button#cancelButton span{ } .account.account_cards.page_content.logged #my_cards{ float:left; width:100%; } .account.account_cards.page_content.logged #my_cards h3{ float:left; margin-bottom:30px; } .account.account_cards.page_content.logged #my_cards form.my_accounts label{ margin-bottom:15px; } .account.account_cards.page_content.logged #my_cards form.my_accounts button{ margin-bottom: 15px; } .account.account_cards.page_content.logged #my_cards form.my_accounts button:hover{ } .account.account_cards.page_content.logged #my_cards form.my_accounts button span{ } /* Management Accounts page - END */ /* //////////////////////////////////////////////////////////////////////////// */ /* ///// My Account pages - Transfer Points & Manage Accounts - END //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* ///// Wishlist - START //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ .shop.shop_index.page_content.featured_banner{ height:202px; background: #FFFFFF; } @media only screen and (max-width: 640px){ .shop.shop_index.page_content.featured_banner{ } } .shop.shop_index.page_content.featured_banner:before{ height: 342px; } #wish_list_main{ float: left; width: 100%; padding-top: 60px; background: #FFFFFF; } @media only screen and (max-width: 640px){ #wish_list_main{ padding:0px; } } #wish_list_main #user_actions{ } #wish_list_main #user_actions nav.sidebar_menu{ } #wish_list_main #user_actions nav.sidebar_menu ul{ float: left; width: 100%; margin-bottom: 20px; } #wish_list_main #user_actions nav.sidebar_menu ul li{ float: left; width: 100%; margin-bottom: -7px; } #wish_list_main #user_actions nav.sidebar_menu ul li a{ float: left; width: 100%; padding-left: 20px; background: url('https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-arrow-icon1x.png') no-repeat left; color: #004833; font-size: 14px; padding:17px 16px 14px; margin: 0px; text-shadow: 0 0px 0 #2D373E; border-radius: unset; line-height: 16px; text-shadow: none; box-shadow: 0 0px 0 #555 inset; } #wish_list_main #user_actions nav.sidebar_menu ul li a:hover{ text-shadow: none; padding-right: 4px; background-color: #E4E4E4; color: #004833; } #wish_list_main #user_actions nav.sidebar_menu ul li a:hover:before{ color: #49346E; font-size: 15px; padding-right: 4px; } #wish_list_main #wishlistUserItemList{ } #wish_list_main #wishlistUserItemList h2{ font-size: 30px; color: #004833; text-align: left; line-height: 36px; font-weight: bold; border-bottom: 0px solid #cccccc; padding: 0px; margin: 0px 0px 24px; float: left; } #wish_list_main #wishlistUserItemList section.index.page_content{ background: transparent; } #wish_list_main #wishlistUserItemList section.index.page_content .row{ margin: 0px; } #wish_list_main #wishlistUserItemList section.index.page_content .row h3{ display:none; } .container_wish_list_title{ float: left; border-bottom: #D6D5D0 solid 6px; width: 100%; } /* //////////////////////////////////////////////////////////////////////////// */ /* ///// Wishlist - END //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* ///// Pay with Rewards - START //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ .pwrl.page_content{ background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-ph_credit-cards_1920x342.jpg) no-repeat top right !important; padding: 0px; margin-top: 0px; float:left; width:100%; margin-bottom:200px; } .pwrl.page_content h1{ display:none; } .pwrl.page_content input{ } .pwrl.page_content .page_intro{ box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(255, 255, 255, 0) inset; border-radius: 0px; overflow: visible; background: transparent; } @media screen and (max-width: 1025px){ .pwrl.page_content .page_intro{ float: left; width: 100%; padding:0px; } } .pwrl.page_content .page_intro .row h2{ color: #621A4B; text-align: left; margin: 0; padding: 106px 0 0 0; font-size: 42px; font-weight: 300; line-height: 48px; font-family: "myriad-pro"; margin-bottom:200px; } .pwrl.page_content #user_actions{ margin-top: 430px; } .pwrl.page_content #user_actions nav.sidebar_menu{ } .pwrl.page_content #user_actions nav.sidebar_menu ul{ float: left; width: 100%; margin-bottom: 20px; } .pwrl.page_content #user_actions nav.sidebar_menu ul li{ float: left; width: 100%; margin-bottom: 20px; } .pwrl.page_content #user_actions nav.sidebar_menu ul li a{ float: left; width: 100%; padding-left: 20px; background: url('https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-arrow-icon1x.png') no-repeat left; color: #2D373E; font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px; text-shadow: 0 0px 0 #2D373E; border-radius: unset; line-height: 14px; text-shadow: none; } .pwrl.page_content #user_actions nav.sidebar_menu ul li a:hover{ text-shadow: none; box-shadow: 0px 0px 0px #FFFFFF; } .pwrl.page_content label#criteria_label{ } .pwrl.page_content label#criteria_label span{ } .pwrl.page_content label#criteria_label select{ } .pwrl.page_content label#criteria_label:after{ } .pwrl.page_content #view_statement{ } .pwrl.page_content #view_statement:hover{ } .pwrl.page_content #view_statement span{ } .pwrl.page_content .page_intro .small-54.small-offset-3.columns{ margin-left: 0px !important; width: 100%; } .pwrl.page_content .page_intro #RewardsSummary{ margin-top: 40px; float:left; width:100%; } .pwrl.page_content .page_intro #RewardsSummary #AccountInformationForm{ } .pwrl.page_content .page_intro #RewardsSummary #AccountInformationForm span{ margin-bottom:15px; } .pwrl.page_content .page_intro #RewardsSummary .point_summary{ color:#000000; margin-bottom:100px; } .pwrl.page_content .page_intro #RewardsSummary .point_summary span.label{ font-size: 14px; line-height: 18px; color: #004833; text-transform: capitalize; margin-bottom:20px; font-weight:bold; } .pwrl.page_content .page_intro #RewardsSummary .point_summary span.value{ color: #004165; font-weight: 300; } .pwrl.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent{ border-bottom: 1px solid #CCCCCC; } .pwrl.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent #divPrinterFriendlyContentHeader{ } .pwrl.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation{ font-size: 16px; color: #0072AC; line-height: 18px; text-align: left; padding: 10px; width: auto; position: relative; border-radius: 0px; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; clear: none; float: left; width: 100%; padding:0px; } img.giftcard_info_icon{ width: 23px; height: 24px; position: relative; top: 5px; } .pwrl.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation a{ display: block; padding: 13px 36px 13px 18px; color: #2d373e; position: relative; transition: .3s ease; background-color: #f9f9f8; } .pwrl.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation a h3{ color: #621a4b; font-size:16px; font-weight:normal; } .pwrl.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation a:hover{ outline: none; text-decoration: none; background-color: #f4f3f0; } .pwrl.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation .content{ padding:20px; } .pwrl.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent.accordion .accordion-navigation > a, .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent.accordion > dd.accordion-navigation > a, .rewards_summary.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent.accordion > dd.accordion-navigation > a:hover{ text-decoration:none; } .pwrl.page_content .page_intro #RewardsSummary #dlPrinterFriendlyContent .accordion-navigation h3{ font-size: 16px; color: #0072AC; padding:0px; } /* //////////////////////////////////////////////////////////////////////////// */ /* ///// Pay with Rewards - END //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* ///// Point Exchange - START //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ .content_point_exchange.page_content{ background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-ph_credit-cards_1920x342.jpg) no-repeat top right !important; padding: 0px; margin-top: 0px; float:left; width:100%; margin-bottom:200px; } .content_point_exchange.page_content h1{ display:none; } .content_point_exchange.page_content input{ } .content_point_exchange.page_content .page_intro{ box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(255, 255, 255, 0) inset; border-radius: 0px; overflow: visible; background: transparent; } @media screen and (max-width: 1025px){ .content_point_exchange.page_content .page_intro{ float: left; width: 100%; padding:0px; } } .content_point_exchange.page_content .page_intro .row h2{ color: #621A4B; text-align: left; margin: 0; padding: 106px 0 0 0; font-size: 42px; font-weight: 300; line-height: 48px; font-family: "myriad-pro"; margin-bottom:200px; } .content_point_exchange.page_content #user_actions{ margin-top: 430px; } .content_point_exchange.page_content #user_actions nav.sidebar_menu{ } .content_point_exchange.page_content #user_actions nav.sidebar_menu ul{ float: left; width: 100%; margin-bottom: 20px; } .content_point_exchange.page_content #user_actions nav.sidebar_menu ul li{ float: left; width: 100%; margin-bottom: 20px; } .content_point_exchange.page_content #user_actions nav.sidebar_menu ul li a{ float: left; width: 100%; padding-left: 20px; background: url('https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-arrow-icon1x.png') no-repeat left; color: #2D373E; font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px; text-shadow: 0 0px 0 #2D373E; border-radius: unset; line-height: 14px; text-shadow: none; } .content_point_exchange.page_content #user_actions nav.sidebar_menu ul li a:hover{ text-shadow: none; box-shadow: 0px 0px 0px #FFFFFF; } /* //////////////////////////////////////////////////////////////////////////// */ /* ///// Point Exchange - END //////////// */ /* //////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////// FREE FORM PAGE - START /////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////// */ /* ///// FREE FORM PAGE Template style - START /////// */ /* /////////////////////////////////////////////////// */ .freeform_page_temp { float: left; width: 100%; background: #FFFFFF; padding-bottom: 100px; } .freeform_page_temp p{ float:left; width:100%; margin-bottom:25px; } .freeform_page_temp p.strong{ font-weight:bold; margin-bottom: 17px; } .freeform_page_temp p strong{ font-weight:bold; } .freeform_page_temp a,.giftcard_activation a { color: #E30000; } a.back_to_top { color: #004833; text-decoration: underline; } .freeform_page_temp a:hover,.giftcard_activation a:hover{ text-decoration: underline !important; } section.modal_default.lightbox_message_default.giftcard_activate p:nth-child(4) { display: none; } section.modal_default.lightbox_message_default.giftcard_activate a { text-decoration: underline; color: #E30000; } section.index.page_content.freeform_page_temp_anchor.faq_anchor a { text-decoration: underline; } /* /////// top_banner - START /////////// */ .freeform_page_temp section.index.page_content.top_banner{ text-decoration: underline; float: left; width: 100%; height:390px; background-position: 50% 0; } .freeform_page_temp section.index.page_content.top_banner:before{ content: ' '; height: 390px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; } @media only screen and (max-width: 700px){ .freeform_page_temp section.index.page_content.top_banner{ height: 142px; border-bottom: 1px solid #D6D5D0; } .freeform_page_temp section.index.page_content.top_banner:before{ height:142px; background:none !important; } } .freeform_page_temp section.index.page_content.top_banner .page_intro{ background: transparent; } .freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb{ font-size: 14px; text-align: left; line-height: 18px; text-transform: capitalize; margin-bottom:60px; } .freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb li{ font-family: Helvetica; font-size: 14px; text-align: left; line-height: 18px; text-transform: capitalize; float: none; } .freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb li a{ font-family: Helvetica; font-size: 14px; text-align: left; line-height: 18px; text-transform: capitalize; } .freeform_page_temp section.index.page_content.top_banner .page_intro h1{ } @media screen and (max-width: 700px){ .freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } .travel_freeform section.index.page_content.top_banner .page_intro h1{ color: #004833 !important; text-align: center; } } @media screen and (max-width: 425px){ .travel_freeform section.index.page_content.top_banner .page_intro h1{ text-align: left; } } /* /////// top_banner - END /////////// */ /* /////// intro_box - START /////////// */ .freeform_page_temp section.index.page_content.intro_box{ float: left; width: 100%; margin-bottom: 60px; background: transparent; } .freeform_page_temp section.index.page_content.intro_box h1{ text-align:center; margin-bottom:60px; } .freeform_page_temp section.index.page_content.intro_box h2{ text-align: center; } .freeform_page_temp section.index.page_content.intro_box .intro{ } /* /////// intro_box - END /////////// */ /* /////// ul - START /////// */ .freeform_page_temp ul{ float:left; width:100%; margin-bottom:30px; } .freeform_page_temp ul li{ float: left; width: 100%; margin-bottom: 15px; position: relative; line-height: 18px; font-family: Helvetica; } .freeform_page_temp ul.pdf{ } .freeform_page_temp ul.pdf li{ float: left; width: 100%; margin-bottom: 15px; position: relative; line-height: 18px; background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-mrs-pdf-icon_14x16.png) no-repeat top left; padding-left: 20px; } .freeform_page_temp ul.pdf li a{ } .freeform_page_temp ul.no_bullet{ } .freeform_page_temp ul.no_bullet li{ float: left; width: 100%; margin-bottom: 15px; position: relative; line-height: 18px; } .freeform_page_temp ul.bullet{ position:relative; } .freeform_page_temp ul.bullet li{ float: left; width: 100%; margin-bottom: 15px; padding-left: 20px; position: relative; line-height: 18px; } .freeform_page_temp ul.bullet li:after{ content: " "; position: absolute; left: 0; top: 5px; display: block; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #004833; background-color: #004833; } .freeform_page_temp ul.bullet li a{ } .freeform_page_temp ul.right_arrow{ } .freeform_page_temp ul.right_arrow li{ float: left; margin-bottom: 15px; width: 100%; text-align: left; background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_icon_right_arrow.png) no-repeat left; padding-left: 20px; } .freeform_page_temp ul li ul.right_arrow{ margin-top: 15px; } .freeform_page_temp ul li ul.right_arrow li:after{ display:none; } .freeform_page_temp ul li ul.no_bullet{ margin-top:15px; padding-right: 30px; } .freeform_page_temp ul li ul.no_bullet li{ padding-left:0px; } /* /////// ul - END /////// */ /* /////// freeform_page_temp_box - START /////////// */ .freeform_page_temp section.index.page_content.freeform_page_temp_box{ } /* /////// freeform_page_temp_box - END /////////// */ /* /////// freeform_page_temp_3_boxes - START /////////// */ .freeform_page_temp section.index.page_content.freeform_page_temp_3_boxes{ margin:60px 0px 40px; } .freeform_page_temp section.index.page_content.freeform_page_temp_3_boxes .freeform_page_temp_box{ float: left; padding: 20px 25px; background: #FFFFFF; height:234px; width:100%; margin-bottom:20px; } @media screen and (max-width: 985px){ .freeform_page_temp section.index.page_content.freeform_page_temp_3_boxes .freeform_page_temp_box{ height:332px; } } @media screen and (max-width: 641px){ .freeform_page_temp section.index.page_content.freeform_page_temp_3_boxes .freeform_page_temp_box{ height:auto; } } .freeform_page_temp section.index.page_content.freeform_page_temp_3_boxes .freeform_page_temp_box h3{ margin-bottom:28px; width:100%; } .freeform_page_temp section.index.page_content.freeform_page_temp_3_boxes .freeform_page_temp_box p{ margin-bottom:30px; width:100%; } .freeform_page_temp section.index.page_content.freeform_page_temp_3_boxes .freeform_page_temp_box p.strong{ font-weight:bold; } .freeform_page_temp section.index.page_content.freeform_page_temp_3_boxes .freeform_page_temp_box p.last{ margin-bottom:0px; } /* /////// freeform_page_temp_3_boxes - END /////////// */ /* /////// white_border - START /////////// */ .freeform_page_temp section.index.page_content.white_border{ } .freeform_page_temp section.index.page_content.white_border .white_border_height_6px{ border-top:6px solid #D6D5D0; } /* /////// white_border - END /////////// */ /* /////// freeform_page_temp_2_colum - START /////////// */ .freeform_page_temp section.index.page_content.freeform_page_temp_2_colum{ margin:60px 0px; } .freeform_page_temp section.index.page_content.freeform_page_temp_2_colum h2{ font-size: 30px; color: #004833; line-height: 36px; } .freeform_page_temp section.index.page_content.freeform_page_temp_2_colum p{ width:100%; } @media screen and (max-width: 641px){ .freeform_page_temp section.index.page_content.freeform_page_temp_2_colum h2{ text-align:center; margin-bottom:36px; } .freeform_page_temp section.index.page_content.freeform_page_temp_2_colum p.center_for_mobile{ text-align:center; } } /* /////// freeform_page_temp_2_colum - END /////////// */ /* /////// freeform_page_temp_anchor - START /////////// */ .freeform_page_temp section.freeform_page_temp_anchor{ margin: 72px 0 36px; } .freeform_page_temp section.freeform_page_temp_anchor h4{ font-size: 24px; color: #004833; text-align: left; line-height: 30px; margin-bottom:30px; width:100%; } .freeform_page_temp section.freeform_page_temp_anchor p{ float:left; width:100%; margin-bottom:25px; } .freeform_page_temp section.freeform_page_temp_anchor p.strong{ font-weight:bold; margin-bottom: 17px; } .freeform_page_temp section.freeform_page_temp_anchor p strong{ font-weight:bold; } .freeform_page_temp section.freeform_page_temp_anchor ul.right_arrow a,.freeform_page_temp section.freeform_page_temp_anchor ul.no_bullet a,.freeform_page_temp_anchor_box a{ text-decoration: underline; } .freeform_page_temp section.freeform_page_temp_anchor ul.right_arrow li{ float: left; margin-bottom: 15px; width: 100%; text-align: left; background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_icon_right_arrow.png) no-repeat left; padding-left: 20px; } .freeform_page_temp section.freeform_page_temp_anchor ul.no_bullet{ } .freeform_page_temp section.freeform_page_temp_anchor ul.no_bullet li{ float: left; width: 100%; margin-bottom: 15px; padding-left: 20px; position: relative; line-height: 18px; } .freeform_page_temp section.freeform_page_temp_content{ margin:36px 0px; } .freeform_page_temp section.freeform_page_temp_content .freeform_page_temp_content_box{ float: left; margin-bottom: 25px; width:100%; } .freeform_page_temp section.freeform_page_temp_content h2{ font-size: 24px; text-align: left; line-height: 30px; margin-bottom:34px; width:100%; float:left; } .freeform_page_temp section.freeform_page_temp_content h4{ font-size: 24px; text-align: left; line-height: 30px; margin-bottom:34px; width:100%; float:left; } .freeform_page_temp section.freeform_page_temp_content h5{ font-size: 18px; text-align: left; line-height: 24px; margin-bottom: 19px; width: 100%; float: left; font-weight: bold; } .freeform_page_temp section.freeform_page_temp_content a{ text-decoration: underline; color: #E30000; } a.back_to_top:before { content: ""; background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/arrow_icon1x.png) no-repeat; padding-left: 20px; } .freeform_page_temp section.freeform_page_temp_content a.back_to_top{ font-size: 14px; color: #004833; letter-spacing: 0; text-align: right; line-height: 22px; float:right; } .freeform_page_temp section.freeform_page_temp_content .freeform_page_temp_anchor_box{ } .freeform_page_temp section.freeform_page_temp_content .right_arrow{ } .freeform_page_temp section.grey_border .grey_border_height_1px{ border-top:1px solid #D7D2CB; } .freeform_page_temp section.grey_border .contactus_grey_border_height_1px{ border-top:1px solid #D7D2CB; position: relative; top: -70px; } /* /////// freeform_page_temp_anchor - END /////////// */ /* /////// freeform_content_with_whitebg - START /////////// */ .freeform_page_temp section.freeform_content_with_whitebg{ } .freeform_page_temp section.freeform_content_with_whitebg .freeform_content_with_whitebg_content{ background: #FFFFFF; padding: 50px; margin-bottom: 60px; float:left; } @media screen and (max-width: 641px){ .freeform_page_temp section.freeform_content_with_whitebg .freeform_content_with_whitebg_content{ padding: 10px; } } .freeform_page_temp section.freeform_content_with_whitebg .freeform_content_with_whitebg_content h4{ float: left; width: 100%; font-weight: bold; margin-bottom: 25px; } .freeform_page_temp section.freeform_content_with_whitebg .freeform_content_with_whitebg_content p{ float:left; width:100%; margin-bottom:20px; } .freeform_page_temp section.freeform_content_with_whitebg .freeform_content_with_whitebg_content p a{ font-style: normal; } .freeform_page_temp section.freeform_content_with_whitebg .freeform_content_with_whitebg_content p a:hover{ text-decoration: underline; } /* /////// freeform_content_with_whitebg - END /////////// */ /* ///////// freeform product list - START /////////////////////////// */ .freeform_page_temp section.index.page_content.shop_offers h2{ margin-bottom:47px; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list{ width:auto; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li{ width:25%; } @media screen and (max-width: 640px){ .freeform_page_temp section.index.page_content.shop_offers ul.card_list li{ width:50%; } } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a{ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); background: #FFFFFF; border: 0px solid #e0e0e0; border-radius: 0px; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a img{ width: 80% !important; height: 80% !important; min-width: 80%; margin: 10%; min-height:172px; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a .caption{ position: relative; top: 0; left: 0; background: transparent; color: #0072ac; text-align: center; text-shadow: none; border-radius: 5px; font-size: 14px; width: 100% !important; letter-spacing: 0; box-shadow: 0 0px 0 #CCCCCC inset; display: block !important; padding: 20px; border-top: 0px solid #e0e0e0; margin: 0px; float: left; height:101px; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a .caption span{ font-size: 16px; color: #004833; letter-spacing: 0; line-height:22px; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a:hover .caption span{ text-decoration:underline; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a .item_price{ background-color: #004833; float: left; width: 100%; height: 48px; box-shadow: 0 0px 0 #CCCCCC inset; border-top: 0px solid #e0e0e0; border-radius: 0px; } @media screen and (max-width: 845px){ .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a .item_price{ height: 64px; } } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a .item_price .points{ float:left; width:100%; margin-top:8px; text-align:center; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a .item_price .points span.number{ color: #FFFFFF; line-height: 22px; font-size: 16px; font-weight: 600; margin: 0; text-align: center; letter-spacing: 0px; float: none; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a .item_price .points span.label{ color: #FFFFFF; line-height: 22px; font-size: 16px; font-weight: 600; margin: 0; text-align: center; float: none; text-transform: capitalize; font-weight:normal; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li a .item_price .points span.points_prefix{ color: #FFFFFF; line-height: 22px; font-size: 16px; font-weight: 600; margin: 0; text-align: center; float: none; font-weight:normal; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li .points_plus_pay{ } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li .points_plus_pay .points_plus_pay_or{ position: relative; margin-bottom: 20px; margin-top: 30px; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li .points_plus_pay .points_plus_pay_or span.text_or{ width: 40px; height: 22px; font-size: 14px; color: #004833; line-height: 22px; background: #F4F3F0; margin: 0 auto; display: block; text-align: center; z-index: 100; position: relative; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li .points_plus_pay .points_plus_pay_or span.border_cross{ background: #D7D2CB; height: 1px; width: 100%; position: absolute; top: 10px; z-index: 1; } .freeform_page_temp section.index.page_content.shop_offers ul.card_list li .points_plus_pay .points_plus_pay_or_text{ text-align: center; color: #004833; } /* ///////// freeform product list - END /////////////////////////// */ /* /////// more_rewarding_program - START /////////// */ .freeform_page_temp section.index.page_content.more_rewarding_program{ float:left; width:100%; margin-bottom:60px; margin-top:90px; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box{ border-right: 1px solid #D7D2CB; border-left: 1px solid #D7D2CB; float: left; width: 100%; padding: 0 1em 0 1em; } @media screen and (max-width: 641px){ .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box{ border-right: 0px solid #D7D2CB; border-left: 0px solid #D7D2CB; border-top: 1px solid #D7D2CB; border-bottom: 1px solid #D7D2CB; padding: 20px 0; } } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box.first{ padding: 0px; border: 0px solid #D7D2CB; float: left; width: 100%; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box.last{ padding: 0px; border: 0px solid #D7D2CB; float: left; width: 100%; } @media screen and (max-width: 641px){ .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box.first{ margin-bottom: 20px; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box.last{ margin-top: 20px; margin-bottom: 20px; } } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box h2{ width:100%; float:left; margin-bottom:35px; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box h4{ font-weight:bold; margin-bottom:16px; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box p{ margin-bottom:20px; float:left; width:100%; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box img{ float:left; width:100%; margin-bottom:25px; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box ul{ float:left; width:100%; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box ul li{ padding-left: 15px; float: left; position: relative; margin-bottom: 15px; line-height: 18px; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box ul li::before { content: "•"; color: #004833; display: inline-block; width: 20px; margin-left: 0px; font-size: 30px; top: 0px; position: absolute; left: 0px; } /* /////// more_rewarding_program - END /////////// */ /* /////// travel_box - START /////////// */ .freeform_page_temp section.freeform_page_temp_content .freeform_page_temp_content_box .travel_box{ background:#FFFFFF; } .freeform_page_temp section.freeform_page_temp_content .freeform_page_temp_content_box .travel_box .travel_box_content{ margin:20px 30px; background:#FFFFFF; } .freeform_page_temp section.freeform_page_temp_content .freeform_page_temp_content_box .travel_box .travel_box_content h4{ } .freeform_page_temp section.freeform_page_temp_content .freeform_page_temp_content_box .travel_box .travel_box_content p{ } .freeform_page_temp section.freeform_page_temp_content .freeform_page_temp_content_box .travel_box .travel_box_content a{ margin-top: 20px; } /* /////// travel_box - END /////////// */ /* /////// white_border - START /////////// */ .freeform_page_temp section.index.page_content.white_border{ margin-bottom:60px; } /* /////// white_border - END /////////// */ /* /////////////////////////////////////////////////// */ /* ///// FREE FORM PAGE Template style - END ///////// */ /* /////////////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Contactus page - START //////////// */ /* /////////////////////////////////////////// */ .contactus_freeform { background: #F4F3F0; padding-bottom: 100px; margin-bottom: 0px; } /* ///////////////////////////////////////////////// */ /* CSS for contact us page START added on 17/06/2020 */ /* ///////////////////////////////////////////////// */ section.general.general_contact.page_content { background: #fff; } form#FormEmailUs label[for=name], form#FormEmailUs label[for=email_addr], form#FormEmailUs label[for=msg_primary_card_holder] { margin-bottom: 32px; } form#FormEmailUs label#msg_primary_card_holder { margin-bottom: 30px; } form#FormEmailUs { height: 1550px; padding: 0px 10px; } form#FormEmailUs label[for=case_issue_type] span { text-transform: none; } label[for=case_issue_type].required span[aria-hidden] { color: red !important; } span.ashtrik { color: red; } .general_contact ul#breadcrumb span { color: #fff; text-transform: none; font-size: 14px; } .general_contact ul#breadcrumb li { color: #fff; font-size: 14px; } .general_contact a { color: #FFFFFF; text-transform: none !important; font-size: 14px !important; } .general_contact:before { content: ' '; height: 390px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/2177054_Amplify_STG_Header_1920x390_Get-in-Touch.jpg) no-repeat top center; } .freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb { color: #FFFFFF; font-size: 16px; text-align: left; line-height: 18px; text-transform: inherit; margin-bottom: 60px; } .more_rewarding_program_box.last a,.more_rewarding_program_box.first a { text-decoration: underline; } .more_rewarding_program_box.last a:hover,.more_rewarding_program_box.first a:hover { text-decoration: underline; color: #E30000; } .general_contact ul#breadcrumb { color: #FFFFFF; margin-top: 30px; margin-bottom: 55px; float: left; width: 100%; } input#btn_back { padding: 10px 16px; border-radius: 3px; border: 1px solid #FF0006; background: #fff; font-size: 14px; position: absolute; left: 187px; top: 90px; } input#form-EmailUs-Submit { padding: 10px; border-radius: 3px; border: 1px solid #FF0006; background: #fff; font-size: 14px; text-transform: capitalize; position: relative; right: 246px; top: 90px; } @media(max-width:1025px){ input#form-EmailUs-Submit { right: 208px; } } @media(max-width:768px){ input#form-EmailUs-Submit { position: relative; right: 143px; top: 93px; } .medium-20.columns.hide-for-small-only.item-total-points { width: 75px; } form#FormEmailUs fieldset { position: relative; top: -711px; } td.contact-number-oversea,td.contact-number,td.mailing-address { position: relative; right: 20px !important; top: 5px; } input#btn_back { left: 186px; top: 93px; } td.mailing_address_heading { top: 287px; } } @media(max-width:633px){ input#btn_back { left: 10px; } input#form-EmailUs-Submit { position: relative; left: 502px; } } @media(max-width:640px){ form#FormEmailUs fieldset { top: 25px !important; right: -1px!important; } input#btn_back { left: 10px; top: 60px; } input#form-EmailUs-Submit { right: -510px; top: 60px; } .freeform_page_temp.contact_freeform { left: 0px; } .promotion_freeform{ display:none; } section.white_space { height: 0px; } h2.featured_title { border-bottom: 1px solid #D6D5D0; border-bottom-color: #D6D5D0 !important; } } @media(max-width:622px){ input#form-EmailUs-Submit { position: relative; left: 490px; top: -170px !important; } } @media (max-width: 616px){ form#FormEmailUs fieldset { top: 75px !important; } .freeform_page_temp.contact_freeform { left: 10px !important; } input#form-EmailUs-Submit { position: relative; left: 480px; top: 60px !important; } p.success_message { top: -94px; left: 10px; } input#btn_back { left: 10px; top: 102px; } input#form-EmailUs-Submit { left: 453px; top: 102px !important; } } @media (max-width: 590px){ input#form-EmailUs-Submit { position: relative; left: 460px; } } @media (max-width: 540px){ input#form-EmailUs-Submit { position: relative; left: 394px; top: 101px !important; } p.success_message { top: -52px; left: 10px; } form#FormEmailUs fieldset { top: 75px !important; } input#btn_back { left: 10px; top: 101px; } } @media (max-width: 530px){ input#form-EmailUs-Submit { position: relative; left: 395px; } } @media (max-width: 509px){ input#form-EmailUs-Submit { position: relative; left: 375px; } } @media (max-width: 520px){ input#form-EmailUs-Submit { position: relative; left: 388px; } } @media(max-width:500px){ input#btn_back { left: 10px; } input#form-EmailUs-Submit { position: relative; left: 296px; } } @media (max-width: 415px){ input#form-EmailUs-Submit { position: relative; left: 269px !important; top: 0px !important; } td.mailing_address_heading { top: 284px; } p.success_message { top: -220px !important; } } @media (max-width: 411px){ input#form-EmailUs-Submit { position: relative; left: 269px !important; top: 0px !important; } } @media (max-width:426px) { form#FormEmailUs fieldset { position: relative; top: -95px !important; right: -4px !important; } input#btn_back { top: -60px; } input#form-EmailUs-Submit { left: 279px; top: -60px !important; } .general_contact.page_content .row header h3 { color: #004833 !important ; position: relative; top: 20px; padding-left: 14px; } .general_contact ul#breadcrumb li { color: #004833 ; font-size: 14px; } .general_contact a { color: #004833 !important; text-transform: none !important; font-size: 14px !important; } .general_contact ul#breadcrumb span { color: #004833 !important; text-transform: none; font-size: 14px; } .back_button a span{ color: #20024E ; } p.success_message { top: -226px !important } section.index.page_content.grey_border.freeform_page_temp_content.contact_content{ position: relative; top: -178px; } .general_contact:before,.promotion_freeform,section.white_space{ display: none; } td.charitable_note_text { max-width: 377px; margin: auto; } img.info_icon.charitable_note_icon { position: relative; top: -26px; } table.amp_email_notification td>.info_icon { position: absolute; top: 92px !important; } table.amp_rewards_details td:nth-child(2) { width: 377px; } td.mailing_address_heading { top: 282px !important; } .freeform_page_temp section.index.page_content.more_rewarding_program .more_rewarding_program_box p{ display: contents; } #wishlistUserItemList ul.card_list div.sl-image-link a img{ height: 100% !important; } section.index.page_content.giftcard_activate{ padding: 0px 10px !important; } .point_summary { left: -24px; position: relative; } .general_contact ul#breadcrumb { display: none; } } @media(max-width:376px){ section.index.page_content.grey_border.freeform_page_temp_content.contact_content { margin: auto; max-width: 347px; } form#FormEmailUs fieldset { top: -60px !important; } table.amp_rewards_details td:nth-child(2) { width: 324px; } input#form-EmailUs-Submit { left: 227px !important; top: -20px !important; } input#btn_back { top: -20px !important; } p.success_message { top: -187px; font-size: 12px; } .freeform_page_temp ul li ul.right_arrow { margin-top: 15px !important; margin: auto; } p.success_message { top: -193px !important; } table.amp_email_notification td>.info_icon { position: absolute; top: 93px !important; } } @media (max-width: 360px){ p.success_message { top: -186px !important; } input#form-EmailUs-Submit { left: 216px !important; top: -20px !important; } select#account_id_rs, select#statementPeriod, select#statementDate, select#case_issue_type, select#supplier, select#acct_num_1, select#card_brand, select#exp_date_month, select#exp_date_year{ font-size: 11px; } } @media (max-width: 320px){ input#form-EmailUs-Submit { left: 177px !important; } table.amp_rewards_details td:nth-child(2) { width: 270px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a { width: unset; left: -77px; } } @media (max-width: 280px){ td.mailing_address_heading { position: absolute; top: 342px !important; left: 0; } p.success_message { top: -187px; font-size: 11px; max-width: 279px; } input#btn_back { left: 10px; top: 65px; } input#form-EmailUs-Submit { left: 136px !important; top: -20px !important; } table.amp_rewards_details td:nth-child(2) { width: 234px; } } input#btn_back:hover { color: #FFFFFF; background-color: #e24d6b; } input#form-EmailUs-Submit:hover { color: #FFFFFF; background-color: #e24d6b; } .general_contact.page_content form#FormEmailUs input#form-EmailUs-Submit { display: block; } .general_contact.page_content form#FormEmailUs input#form-EmailUs-Submit:disabled { display: none; } label > span:first-child { text-transform: none; color: #2D373E !important; margin: 0px; min-height: auto; display: block; } .phone-text p { margin-bottom: 0px; left: -45px; position: relative; } td.phone-button .icon-phone { background: #ffffff url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-phone-green.png) no-repeat center top; background-size: contain; width: 22px; height: 22px; top: 5px; display: block; margin-right: -13px; margin-left: -9px; position: relative; margin-top: 20px; } td.phone-button .icon-globe { background: #ffffff url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-mail-amplify.png) no-repeat center top; background-size: contain; width: 22px; height: 22px; top: -27px; display: block; margin-right: -13px; margin-left: -9px; position: relative; } td.phone-button .icon-mail { background: #ffffff url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-travel-green.png) no-repeat center top; background-size: contain; width: 22px; height: 22px; display: block; top: -36px; right: 10px; position: relative; } p.call-us { margin-bottom: 5px; } p.Mailing-address {margin-top: 20px;} td.phone-text a { color: #da1710 !important; } .freeform_page_temp_content_box a{ color: #E30000; } td.contact-number-oversea { position: relative; top: -35px; right: 40px; } td.contact-number { right: 40px; position: relative; } td.mailing-address { position: relative; top: -48px; right: 40px; } form#FormEmailUs fieldset { position: relative; top: 65px; right: -178px; } td.mailing_address_heading { position: absolute; top: 269px; left: 0; } /*///// CSS for contact us page END /////*/ .freeform_content_with_whitebg_content a:hover { text-decoration: underline; } /* /////// intro_box - START /////////// */ .contactus_freeform section.main-section section.index.page_content{ background:#F4F3F0; } .contactus_freeform section.index.page_content.intro_box{ float: left; width: 100%; margin-bottom: 60px; } .contactus_freeform section.index.page_content.intro_box h1{ text-align:center; margin-bottom:60px; } .contactus_freeform section.index.page_content.intro_box h2{ text-align: center; } .contactus_freeform section.index.page_content.intro_box .intro{ } ul#contact_breadcrumb { position: absolute; margin-top: 17px; } .freeform_page_manage_my_profile { margin-top: 30px; } /* /////// intro_box - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// Contactus page - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* ///// Earn - START //////////////////////// */ /* /////////////////////////////////////////// */ .earn_freeform { padding-bottom: 0px; } .earn_freeform h2{ } @media screen and (max-width: 640px){ .freeform_page_temp.earn_freeform .column, .freeform_page_temp.earn_freeform .columns{ padding-left: 12px; padding-right: 12px; } } /* /////// top_banner - START /////////// */ .earn_freeform section.index.page_content.top_banner{ } .earn_freeform.freeform_page_temp section.index.page_content.top_banner:before{ background:url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/2177054_Amplify_STG_Header_1920x390_Earn-Points.jpg) no-repeat top center #048938; } .earn_freeform section.index.page_content.top_banner .page_intro{ } .earn_freeform section.index.page_content.top_banner .page_intro #breadcrumb{ } @media only screen and (max-width: 700px){ .earn_freeform section.index.page_content.top_banner .page_intro #breadcrumb{ display:none; } } .earn_freeform section.index.page_content.top_banner .page_intro #breadcrumb li{ color:#FFFFFF; } .earn_freeform section.index.page_content.top_banner .page_intro #breadcrumb li a{ color:#FFFFFF; } .earn_freeform section.index.page_content.top_banner .page_intro h1{ color:#FFFFFF; } @media screen and (max-width: 700px){ .earn_freeform section.index.page_content.top_banner .page_intro h1{ margin-top: 50px; font-size: 40px; color: #004833; text-align: center; } } @media screen and (max-width: 425px){ .earn_freeform section.index.page_content.top_banner .page_intro h1{ text-align: left; } } /* /////// top_banner - END /////////// */ /* /////// earn_rewards_center - START /////////// */ .earn_freeform section.index.page_content.earn_rewards_center{ background:#F9F9F8; padding:68px 0px; margin-bottom:107px; } @media screen and (max-width: 640px){ .earn_freeform section.index.page_content.earn_rewards_center{ padding:40px 0px; margin-bottom:40px; } } .earn_freeform section.index.page_content.earn_rewards_center .earn_rewards_center_box{ width: 800px; margin: auto; } @media screen and (max-width: 769px){ .earn_freeform section.index.page_content.earn_rewards_center .earn_rewards_center_box{ width: auto; } } .earn_freeform section.index.page_content.earn_rewards_center .earn_rewards_center_box h2{ text-align: center; margin-bottom:20px; } .earn_freeform section.index.page_content.earn_rewards_center .earn_rewards_center_box p{ text-align: center; } @media screen and (max-width: 640px){ .earn_freeform section.index.page_content.earn_rewards_center .earn_rewards_center_box h2{ text-align: left; } .earn_freeform section.index.page_content.earn_rewards_center .earn_rewards_center_box p{ text-align: left; } } .earn_freeform section.index.page_content.earn_rewards_center .card_box{ float: left; width: 100%; } .earn_freeform section.index.page_content.earn_rewards_center .card_box a{ background: #FFFFFF; border: 4px solid #D7D2CB; max-width: 182px; float: left; padding: 25px 0px; text-align: center; width: 48%; font-weight: bold; color: #004833; font-size:16px; } .earn_freeform section.index.page_content.earn_rewards_center .card_box a:hover { border: 4px solid #004833; color: #004833; } section.index.page_content.points_earning_and_how a { color: #004833 !important; } @media screen and (max-width: 641px){ .earn_freeform section.index.page_content.earn_rewards_center .card_box a{ width: 100%; margin-bottom: 20px; max-width:100%; font-size:16px; } } .freeform_page_temp.earn_freeform a { color: #004833; } .earn_freeform section.index.page_content.earn_rewards_center .card_box a:hover{ text-decoration: none; } /* /////// earn_rewards_center - END /////////// */ /* /////// points_earning_and_how - START /////////// */ section.main-section .earn_freeform section.index.page_content.points_earning_and_how{ float:left; width:100%; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how h2{ width:100%; float:left; margin-bottom:35px; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how tr th{ width:50%; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_box{ float:left; width:100%; margin-bottom: 60px; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_box .cards_img{ float:left; width:100%; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_box .cards_img img{ margin-right: 8px; width: 126px; } @media screen and (max-width: 640px){ section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_box .cards_img img{ width:95px; height:60px; float:left; margin-right:15px; } } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .earn_content_box{ float: left; margin-bottom:20px; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .earn_content_box h3{ font-size: 24px; color: #004833; text-align: left; line-height: 30px; font-weight:bold; width:100%; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .earn_content_box p{ } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .earn_content_box p a{ color:#5DC200; text-decoration: none; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how table.normal thead tr{ width:50%; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_tbl{ float:left; width:100%; color:#621A4B; font-size:14px; background:#FFFFFF; margin-bottom:20px; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_tbl .points_earning_and_how_tbl_left{ width:50%; float:left; border-right:solid 1px #575f65; padding:13px 18px; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_tbl .points_earning_and_how_tbl_right{ width:50%; float:left; padding:13px 18px; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_tbl .points_earning_and_how_tbl_head{ float:left; width:100%; border-bottom:2px solid red; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_tbl .points_earning_and_how_tbl_body{ float:left; width:100%; border-bottom:solid 1px #575f65; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .points_earning_and_how_tbl .points_earning_and_how_tbl_body.grey_bg{ background:#F9F9F8; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .amplify_black_platinum{ float:left; width:100%; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .amplify_black_platinum .amplify_black_platinum_heading{ float: left; width: 100%; font-size: 24px; color: #2D373E; line-height: 22px; border-bottom: 3px solid #D7D2CB; padding-bottom: 11px; margin-bottom: 45px; font-weight:bold; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .amplify_black_platinum .amplify_black_platinum_body{ float:left; width:100%; margin-bottom: 40px; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .amplify_black_platinum .amplify_black_platinum_body .large{ font-size: 48px; color: #621A4B; text-align: left; line-height: 30px; margin-bottom:5px; font-weight:bold; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .amplify_black_platinum .amplify_black_platinum_body .small{ font-size: 16px; color: #621A4B; text-align: left; line-height: 22px; margin-bottom: 30px; font-weight:bold; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .amplify_black_platinum .amplify_black_platinum_body .copy p{ padding-right:25px; } @media screen and (max-width: 640px){ section.main-section .earn_freeform section.index.page_content.points_earning_and_how .amplify_black_platinum .amplify_black_platinum_body .copy p{ padding-right:0px; } } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .earn_back_to_top{ float:left; width:100%; margin-bottom:50px; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .earn_back_to_top a{ text-align: right; position: relative; float: right; color: #004833; text-decoration: underline; } section.main-section .earn_freeform section.index.page_content.points_earning_and_how .earn_back_to_top a:before { background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_arrow.png) no-repeat 0px 0px; content: ''; width: 16px; height: 16px; position: absolute; left: -20px; top: -3px; background-size:cover; } /* /////// points_earning_and_how - END /////////// */ /* /////// freeform_content_with_whitebg - START /////////// */ section.main-section .earn_freeform section.index.page_content.freeform_content_with_whitebg{ background-color:#f5f5f4; } section.main-section .earn_freeform section.index.page_content.freeform_content_with_whitebg .freeform_content_with_whitebg_content{ background-color:#f5f5f4; padding: 50px 50px 20px; float: left; } @media screen and (max-width: 640px){ section.main-section .earn_freeform section.index.page_content.freeform_content_with_whitebg .freeform_content_with_whitebg_content{ padding: 26px 8px; } } section.main-section .earn_freeform section.index.page_content.freeform_content_with_whitebg .freeform_content_with_whitebg_content h4{ color:#78BE20; } /* /////// freeform_content_with_whitebg - END /////////// */ /* /////// things_you_should_know - START /////////// */ .earn_freeform .things_you_should_know{ } .earn_freeform .things_you_should_know .things_you_should_know_content{ background:#F4F3F0; float: left; padding: 45px 47px; width:100%; } .earn_freeform .things_you_should_know .things_you_should_know_content h4{ margin-bottom:30px; } @media screen and (max-width: 640px){ .earn_freeform .things_you_should_know .things_you_should_know_content{ padding:0px; background:#FFFFFF; } } /* /////// things_you_should_know - END /////////// */ /* /////////////////////////////////////////// */ /* ///// Earn - END //////////////////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// About page - START //////////// */ /* /////////////////////////////////////////// */ .about_freeform { } /* /////// top_banner - START /////////// */ .about_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .about_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .about_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ } } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// About page - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// FAQ page - START //////////// */ /* /////////////////////////////////////////// */ .faq_freeform { } /* /////// top_banner - START /////////// */ .faq_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .faq_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .faq_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// FAQ page - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Help page - START //////////// */ /* /////////////////////////////////////////// */ .help_freeform { } /* /////// top_banner - START /////////// */ .help_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .help_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .help_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// Help page - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Privacy page - START //////////// */ /* /////////////////////////////////////////// */ .privacy_freeform { } /* /////// top_banner - START /////////// */ .privacy_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .privacy_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .privacy_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// Privacy page - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// site index page - START //////////// */ /* /////////////////////////////////////////// */ .siteindex_freeform{ } /* /////// top_banner - START /////////// */ .siteindex_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .siteindex_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .siteindex_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// site index page - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// velocity page - START //////////// */ /* /////////////////////////////////////////// */ .velocity_freeform { } /* /////// top_banner - START /////////// */ .velocity_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .velocity_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .velocity_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// Velocity page - END //////////// */ /* /////////////////////////////////////////// */ /* //////////////////////////////////////////////////// */ /* //// travel_terms_and_conditions page - START ////// */ /* //////////////////////////////////////////////////// */ .travel_terms_and_condition_freeform{ } /* /////// top_banner - START /////////// */ .travel_terms_and_condition_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .travel_terms_and_condition_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .travel_terms_and_condition_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* //////////////////////////////////////////////////////////////// */ /* //////////// travel_terms_and_conditions page - END //////////// */ /* //////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////// */ /* //////////// website terms of use page - START //////////// */ /* /////////////////////////////////////////////////////////// */ .website_terms_of_use_freeform{ } /* /////// top_banner - START /////////// */ .website_terms_of_use_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .website_terms_of_use_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .website_terms_of_use_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// website terms of use page - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// amplify_travel_freeform page - START //////////// */ /* /////////////////////////////////////////// */ .amplify_travel_freeform{ } /* /////// top_banner - START /////////// */ .amplify_travel_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .amplify_travel_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .amplify_travel_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* //////////////////////////////////////////////////////////// */ /* //////////// amplify_travel_freeform page - END //////////// */ /* //////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* ///// Featured - START //////////////////////// */ /* /////////////////////////////////////////// */ .featured_freeform { } /* /////// top_banner - START /////////// */ .featured_freeform section.index.page_content.top_banner{ } .featured_freeform.freeform_page_temp section.index.page_content.top_banner:before{ } .featured_freeform section.index.page_content.top_banner .page_intro h1{ } @media screen and (max-width: 700px){ .featured_freeform section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////// medium-banner-mod_section - START /////////// */ .featured_freeform section.index.page_content.medium-banner-mod_section{ margin:60px 0 30px; } /* /////// medium-banner-mod_section - END /////////// */ /* /////// featured_how_to_win - START ///////*/ .featured_freeform section.index.page_content.featured_how_to_win{ margin:60px 0px; } .featured_freeform section.index.page_content.featured_how_to_win .featured_how_to_win_box h3{ font-size: 18px; color: #004833; text-align: left; line-height: 24px; margin-bottom: 15px; font-weight: bold; } .featured_freeform section.index.page_content.featured_how_to_win .featured_how_to_win_box.first h3{ font-size: 24px; color: #004833; text-align: left; line-height: 30px; margin-bottom: 25px; font-weight: normal; } .featured_freeform section.index.page_content.featured_how_to_win .featured_how_to_win_box p{ font-size:16px; } .featured_freeform section.index.page_content.featured_how_to_win .featured_how_to_win_box ul li{ font-size: 14px; color: #004833; text-align: left; line-height: 18px; } /* /////// featured_how_to_win - END ///////*/ /* /////// featured_freeform_top - START /////////// */ .featured_freeform.featured_freeform_top{ margin-bottom: 0px; } .featured_freeform.featured_freeform_top section.index.page_content.medium-banner-mod_section{ margin: 0px 0 30px; } /* /////// featured_freeform_top - END /////////// */ /* /////////////////////////////////////////// */ /* ///// Featured - END //////////////////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* ///// Giftcards - START //////////////////////// */ /* /////////////////////////////////////////// */ .giftcards_freeform { } /* /////// top_banner - START /////////// */ .giftcards_freeform section.index.page_content.top_banner{ } .giftcards_freeform.freeform_page_temp section.index.page_content.top_banner:before{ } .giftcards_freeform section.index.page_content.top_banner .page_intro h1{ } @media screen and (max-width: 700px){ .giftcards_freeform section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////// medium-banner-mod_section - START /////////// */ .giftcards_freeform section.index.page_content.medium-banner-mod_section{ margin:60px 0 30px; } /* /////// medium-banner-mod_section - END /////////// */ section#gift_card_main { background-color: #FFFFFF; } .giftcard_activate form { } .giftcard_activate label { margin: 10px 0; font-weight: bold; } .giftcard_activate p { margin: 1.12em 0; } .giftcard_activate .gift_card_activate_button { padding: 12px !important; width: auto; margin-bottom: 30px; } .giftcard_activate .intro { } .giftcard_activate .section_title { } .giftcard_activate .form_row { margin: 25px 0; } .giftcard_activate .additional_info { margin: 10px 0; } .giftcard_activate .mandatory { color: #E30000; display: inline; } .giftcard_activate .modal_header { font-size: 22px; font-weight: bold; } button.primary.gift_card_activate_button { margin-bottom: 30px; right: 5px; } button.primary.gift_card_activate_button, button.gift_card_activate_button, .small-60.medium-15.columns button.primary.gift_card_activate_button { padding: 12px !important; width: auto; margin-bottom: 30px; } .small-60.medium-15.columns button.primary.gift_card_activate_button { right: 305px; } @media(max-width:1024px){ .small-60.medium-15.columns button.primary.gift_card_activate_button { right: 299px; } } @media(max-width:902px){ .small-60.medium-15.columns button.primary.gift_card_activate_button { right: 265px; } } @media(max-width:768px){ .small-60.medium-15.columns button.primary.gift_card_activate_button { right: 225px; } } @media (max-width: 640px){ .small-60.medium-15.columns button.primary.gift_card_activate_button { right: -540px; top: -59px; } } @media (max-width: 500px){ .small-60.medium-15.columns button.primary.gift_card_activate_button { right: -400px; top: -59px; } } @media(max-width:425px){ .small-60.medium-15.columns button.primary.gift_card_activate_button { position: absolute; top: -67px; right: 7px; width: auto; } section.index.page_content.giftcard_activate { position: relative; top: -54px; } .giftcard_activate .gift_card_activate_button { width: auto; } section.main-section section.index.page_content { } } /* /////////////////////////////////////////// */ /* //////////// Gift Card Detail - START //////////// */ /* /////////////////////////////////////////// */ #buttonArea { display: flex; margin-top: 20px; width: 100%; } button#add_to_cart[disabled], button#add_to_cart[disabled] span { opacity: 0.45; cursor: not-allowed; } #buttonArea button { background: #E30000; border-radius: 3px; color: white; font-size: 16px; margin-right: 20px; } .deliveredVia { display: flex; padding-left: 2%; padding-top: 5%; } .deliveredVia :first-child { padding-right: 8%; } .dept-product { background-color: unset; margin-top: 20px; } div#qty_chosen.chosen-container.chosen-container-single.chosen-container-single-nosearch { margin-bottom: 10px; width: 55% !important; } div#qty_chosen.chosen-container.chosen-container-single.chosen-container-single-nosearch a div b { border-left: solid 1px #ddd; } .gift-card-num { color: rgb(98, 26, 75); direction: rtl; font-size: 24px; font-weight: 500; text-align: right; width: 45px; } .gift-card-product1 { vertical-align: middle; } .gift-card-product-cell1 { padding: 20px 0 20px 0; vertical-align: middle; } .gift-card-product-cell1 div span { font-size: 16px !important; } .gift-card-product-cell3 { vertical-align: middle; } .gift-card-product-cell4 { padding-right: 0; vertical-align: middle; } .giftcard-total{ display: inline-block; float: right; } .giftcard-total .small-30{ width:100%; } .giftcard-total .price{ } .giftcard-total .gift-card-num{ font-size: 30px; color: #004833; letter-spacing: 0; font-weight: normal; text-align: right; float: right; } .consolidated_options_container #totalPointsRedeemed .freight{ font-size: 14px; color: #757463; text-align: right; line-height: 20px; float: right; font-weight: normal; } footer .quantity { width: 100px !important; } .item_details { border-bottom: none !important; } label.price { } label.quantity::after { pointer-events: none; top: 15px !important; } .page_content p { float: unset; } .row .consolidated-items { width: 100%; } .shop label.quantity select { color: unset; } .small-60.medium-60.columns.end { border-top: solid 5px white; } #totalPointsRedeemed { float: right; font-size: 16px; margin: 30px 0 15px 0; width: 100%; } #totalPointsRedeemed p{ font-size: 14px; margin-right: 10px; text-align: right; margin-bottom: 5px; } #totalPointsRedeemed p.totalRedeemedRewardPoints{ line-height: 40px; margin: 0px 10px 0px 0px; font-weight: normal; font-size: 30px; } #totalPointsRedeemed .freight { float: right; margin-right: 10px; line-height: 20px; font-size: 14px; } tr.gift-card-product.gift-card-product1 { vertical-align: middle !important; } tr.gift-card-product.gift-card-product3{ } tr.gift-card-product.gift-card-product3 .quantity::after{ } table tr:nth-of-type(even) { background-color: unset; } .item_details { margin-left: 10px; } table tbody tr td label.quantity { margin-bottom: 0 !important; } tr.gift-card-product td { border: none; font-size: 16px; } td.gift-card-product-cell3 { padding: 10px 26px; } table tbody tr.gift-card-product { border-width: 0 0 1px 0; } .consolidated-items #buttonArea .virtual-card, .consolidated-items #buttonArea .physical-card{ display: block; color: #FFFFFF !important; font-size: 16px; font-weight: normal; text-align: center; padding: 9px 12px 11px !important; line-height: 16px; background: #E30000; text-shadow: 0 0px 0 rgba(255, 255, 255, 0); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); opacity: 1; border-radius: 3px; border: 1px solid #E30000; margin: 0px 0px 10px 0px !important; width: 30%; } .consolidated-items #buttonArea .virtual-card{ margin: 0px 20px 10px 0px !important; } @media only screen and (max-width: 1020px){ .consolidated-items #buttonArea .virtual-card, .consolidated-items #buttonArea .physical-card{ width:100%; } } .consolidated_options_container .gift_card_section #gcConsolidated .gift-card-product-cell3 .quantity::after{ top:15px !important; } .consolidated_options_container .gift_card_section #gcConsolidated .gift-card-product-cell4 .price{ display:none; } .consolidated_options_container #totalPointsRedeemed p{ } @media screen and (max-width: 40em){ #buttonArea { width: 100%; } #buttonArea button { margin: 0; } #buttonArea :first-child { margin-left: 20px; margin-right: 20px; } div#qty_chosen.chosen-container.chosen-container-single.chosen-container-single-nosearch { width: 80% !important; } .gift-card-num { margin-left: 0 !important; } .gift-card-product-cell1 { display: block; padding: 20px 0 0 10px; } .gift-card-product-cell3, .gift-card-product-cell4 { display: inline-block; width: 50%; } label.price { font-weight: 600; } .small-60.medium-35.medium-push-25.columns.end { margin: 0; } .small-60.medium-35.medium-push-25.columns.end button.primary { margin-right: 0; width: 100%; } table tr td { font-size: 13px; } #totalPointsRedeemed p { font-size: 18px; font-weight: 600; } td.gift-card-product-cell3 { padding: 10px 26px 10px 10px; } tr.gift-card-product td { font-size: 18px; } } /* /////////////////////////////////////////// */ /* //////////// Gift Card Detail - END //////////// */ /* /////////////////////////////////////////// * /* /////////////////////////////////////////// */ /* ///// Travel - START //////////////////////// */ /* /////////////////////////////////////////// */ .travel_freeform{ background: #F4F3F0; padding-bottom: 100px; margin-bottom: 0px; } section.main-section .travel_freeform section.index.page_content{ background: #F4F3F0; } /* /////// top_banner - START /////////// */ .travel_freeform section.index.page_content.top_banner{ } .travel_freeform.freeform_page_temp section.index.page_content.top_banner:before{ background:url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/2177054_Amplify_STG_Header_1920x390_Amplify-Travel.jpg) no-repeat top center #f4f3f0; } .travel_freeform section.index.page_content.top_banner .page_intro{ } .travel_freeform section.index.page_content.top_banner .page_intro ul#breadcrumb{ color:#FFFFFF; } .travel_freeform section.index.page_content.top_banner .page_intro ul#breadcrumb li{ color:#FFFFFF; } .travel_freeform section.index.page_content.top_banner .page_intro ul#breadcrumb li a{ color:#FFFFFF; } .travel_freeform section.index.page_content.top_banner .page_intro h1{ color:#FFFFFF; } a#bookButton{ width: 100px; } a#bookNowBtn { max-width: 100px; text-decoration: none; } .button_div { text-align: center; } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* ///// Travel - END //////////////////////// */ /* /////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////// */ /* ///// amplify_black_exclusive_travel_offers - START ////////// */ /* ////////////////////////////////////////////////////////////// */ /* /////// top_banner - START /////////// */ .amplify_black_exclusive_travel_offers_freeform section.index.page_content.top_banner{ } .amplify_black_exclusive_travel_offers_freeform.freeform_page_temp section.index.page_content.top_banner:before{ background:url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-ph_credit-cards_1920x342.jpg) no-repeat top center #f4f3f0; } .amplify_black_exclusive_travel_offers_freeform section.index.page_content.top_banner .page_intro{ } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* ///// amplify_black_exclusive_travel_offers - END //////////////////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* ///// paywithpoints - START //////////////////////// */ /* /////////////////////////////////////////// */ /* /////// top_banner - START /////////// */ .paywithpoints_freeform section.index.page_content.top_banner{ } .paywithpoints_freeform.freeform_page_temp section.index.page_content.top_banner:before{ background:url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-ph_credit-cards_1920x342.jpg) no-repeat top center #f4f3f0; } .paywithpoints_freeform section.index.page_content.top_banner .page_intro{ } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* ///// paywithpoints - END //////////////////////// */ /* /////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////// */ /* //////////// amplify Black Premium shopper page - START //////////// */ /* //////////////////////////////////////////////////////////////////// */ .amplify_black_premium_shopper_freeform { } /* /////// top_banner - START /////////// */ .amplify_black_premium_shopper_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .amplify_black_premium_shopper_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .amplify_black_premium_shopper_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* ////////////////////////////////////////////////////////////////// */ /* //////////// amplify Black Premium shopper page - END //////////// */ /* ////////////////////////////////////////////////////////////////// */ /* ///////////////////////////////////////////////////////////////// */ /* //////////// amplify_black_exclusive_rewards - START //////////// */ /* ///////////////////////////////////////////////////////////////// */ .amplify_black_exclusive_rewards_freeform { } /* /////// top_banner - START /////////// */ .amplify_black_exclusive_rewards_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .amplify_black_exclusive_rewards_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .amplify_black_exclusive_rewards_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////////////////////////// */ /* //////////// amplify_black_exclusive_rewards - END //////////// */ /* /////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Caltex - START //////////// */ /* /////////////////////////////////////////// */ .caltex_freeform { } /* /////// top_banner - START /////////// */ .caltex_freeform section.index.page_content.top_banner{ } .caltex_freeform.freeform_page_temp section.index.page_content.top_banner:before{ } .caltex_freeform section.index.page_content.top_banner .page_intro h1{ } @media screen and (max-width: 700px){ .caltex_freeform section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////// medium-banner-mod_section - START /////////// */ .caltex_freeform section.index.page_content.medium-banner-mod_section{ margin:60px 0 30px; } /* /////// medium-banner-mod_section - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// Caltex - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Addresserror - START //////////// */ /* /////////////////////////////////////////// */ .addresserror_freeform { } /* /////// top_banner - START /////////// */ .addresserror_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .addresserror_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .addresserror_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* /////////////////////////////////////////// */ /* //////////// Addresserror - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// amplify_black - START //////////// */ /* /////////////////////////////////////////// */ .amplify_black_freeform { } /* /////// top_banner - START /////////// */ .amplify_black_freeform section.index.page_content.top_banner{ } .amplify_black_freeform.freeform_page_temp section.index.page_content.top_banner:before{ background:url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb-ph_credit-cards_1920x342.jpg) no-repeat top center #f4f3f0; } .amplify_black_freeform section.index.page_content.top_banner .page_intro{ } .amplify_black_freeform section.index.page_content.top_banner .page_intro #breadcrumb{ } .amplify_black_freeform section.index.page_content.top_banner .page_intro #breadcrumb li{ } .amplify_black_freeform section.index.page_content.top_banner .page_intro #breadcrumb li a{ } .amplify_black_freeform section.index.page_content.top_banner .page_intro h1{ } @media screen and (max-width: 700px){ .amplify_black_freeform section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* ////// amplify_black_content - START /////// */ .amplify_black_freeform section.index.page_content.amplify_black_content{ float:left; width:100%; margin-bottom:60px; margin-top:65px; } /* ////// amplify_black_content - END /////// */ /* /////////////////////////////////////////// */ /* //////////// amplify_black - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Changes - START //////////// */ /* /////////////////////////////////////////// */ .changes_freeform { } /* /////// top_banner - START /////////// */ .changes_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .changes_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .changes_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb{ margin-bottom:10px; } .changes_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* ////// changes_content - START /////// */ .changes_freeform section.index.page_content.changes_content{ float:left; width:100%; margin-bottom:60px; margin-top:65px; } /* ////// changes_content - END /////// */ /* /////////////////////////////////////////// */ /* //////////// Changes - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Mortgage Fee Rebates - START //////////// */ /* /////////////////////////////////////////// */ .redeem_mortgage_fee_rebates_freeform { } /* /////// top_banner - START /////////// */ .redeem_mortgage_fee_rebates_freeform.freeform_page_temp section.index.page_content.top_banner{ height:202px; } .redeem_mortgage_fee_rebates_freeform.freeform_page_temp section.index.page_content.top_banner:before{ height:202px; background:#FFFFFF; } @media screen and (max-width: 700px){ .redeem_mortgage_fee_rebates_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb{ margin-bottom:10px; } .redeem_mortgage_fee_rebates_freeform.freeform_page_temp section.index.page_content.top_banner .page_intro h1{ margin-top: 25px; font-size: 40px; } } /* /////// top_banner - END /////////// */ /* ////// changes_content - START /////// */ .redeem_mortgage_fee_rebates_freeform section.index.page_content.redeem_mortgage_fee_rebates_content{ float:left; width:100%; margin-bottom:60px; margin-top:65px; } /* ////// changes_content - END /////// */ /* /////////////////////////////////////////// */ /* //////////// Mortgage Fee Rebates - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Disclaimer - START //////////// */ /* /////////////////////////////////////////// */ .disclaimer_freeform{ } /* /////////////////////////////////////////// */ /* //////////// Disclaimer - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Giftcard FAQ - START //////////// */ /* /////////////////////////////////////////// */ .giftcard_faq_freeform{ } /* /////////////////////////////////////////// */ /* //////////// Giftcard FAQ - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Order Tracking Definitions - START //////////// */ /* /////////////////////////////////////////// */ .order_tracking_definitions_freeform{ } .order_tracking_definitions_freeform .freeform_page_temp_content_box h4{ margin-bottom: 0px; } /* /////////////////////////////////////////// */ /* //////////// Order Tracking Definitions - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// View Statement More info - START //////////// */ /* /////////////////////////////////////////// */ .view_statement_more_info_freeform{ } /* /////////////////////////////////////////// */ /* //////////// View Statement More info - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Amplify Signature Exclusive Travel Offers - START //////////// */ /* /////////////////////////////////////////// */ .amplify_signature_exclusive_travel_offers_freeform{ } /* /////////////////////////////////////////// */ /* //////////// Amplify Signature Exclusive Travel Offers - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////// */ /* //////////// Amplify Signature - START //////////// */ /* /////////////////////////////////////////// */ .amplify_signature_freeform{ } /* /////////////////////////////////////////// */ /* //////////// Amplify Signature - END //////////// */ /* /////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Rewards summary page Top - START //////////// */ /* /////////////////////////////////////////////////////////////////// */ .freeform_page_temp.myaccount_rewards_summary_page_top{ margin-bottom:0px; } .freeform_page_temp.myaccount_rewards_summary_page_top .index.page_content.intro_box{ background: transparent; } .freeform_page_temp.myaccount_rewards_summary_page_top h3{ margin-top:70px; margin-bottom:30px; } .freeform_page_temp.myaccount_rewards_summary_page_top p.intro{ } /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Rewards summary page Top - END //////////// */ /* /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Rewards summary page Bottom - START //////////// */ /* /////////////////////////////////////////////////////////////////// */ .freeform_page_temp.myaccount_rewards_summary_page_bottom{ margin-top:60px; } /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Rewards summary page Bottom - END //////////// */ /* /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Profile page Top - START //////////// */ /* /////////////////////////////////////////////////////////////////// */ .freeform_page_temp.myaccount_profile_page_top{ margin-bottom:0px; } .freeform_page_temp.myaccount_profile_page_top h3{ margin-top:70px; margin-bottom:30px; } .freeform_page_temp.myaccount_profile_page_top p.intro{ } .freeform_page_temp.myaccount_profile_page_top section.index.page_content.intro_box{ border-bottom: 6px solid #D6D5D0; margin-bottom: 40px; } /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Profile page Top - END //////////// */ /* /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Profile page Bottom - START //////////// */ /* /////////////////////////////////////////////////////////////////// */ .freeform_page_temp.myaccount_profile_page_bottom{ margin-top:60px; } /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Profile page Bottom - END //////////// */ /* /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Pay with rewards page Top - START //////////// */ /* /////////////////////////////////////////////////////////////////// */ .freeform_page_temp.myaccount_pay_with_rewards_page_top{ margin-bottom:0px; } .freeform_page_temp.myaccount_pay_with_rewards_page_top h3{ margin-top:70px; margin-bottom:30px; } .freeform_page_temp.myaccount_pay_with_rewards_page_top p.intro{ } /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Pay with rewards page Top - END //////////// */ /* /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Pay with rewards page Bottom - START //////////// */ /* /////////////////////////////////////////////////////////////////// */ .freeform_page_temp.myaccount_pay_with_rewards_page_bottom{ margin-top:60px; } /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Pay with rewards page Bottom - END //////////// */ /* /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Transaction Eraser page Top - START //////////// */ /* /////////////////////////////////////////////////////////////////// */ .freeform_page_temp.myaccount_transaction_eraser_page_top{ margin-bottom:0px; } .freeform_page_temp.myaccount_transaction_eraser_page_top h3{ margin-top:70px; margin-bottom:30px; } .freeform_page_temp.myaccount_transaction_eraser_page_top p.intro{ } /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Transaction Eraser page Top - END //////////// */ /* /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Transaction Eraser page Bottom - START //////////// */ /* /////////////////////////////////////////////////////////////////// */ .freeform_page_temp.myaccount_transaction_eraser_page_bottom{ margin-top:60px; } /* /////////////////////////////////////////////////////////////////// */ /* //////////// My Account - Transaction Eraser page Bottom - END //////////// */ /* /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////// FREE FORM PAGE - END /////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////// */ /* ///// Footer - START ///////////// */ /* ////////////////////////////////// */ #footer_main{ } footer#footer_main{ float:left; width:100%; color:#004833; background:#78BE20; } footer#footer_main .footer_textupload{ float:left; width:100%; } footer#footer_main .footer_textupload .contactus_div{ } @media screen and (max-width: 640px){ footer#footer_main .footer_textupload .contactus_div{ width: 100%; border-bottom: 1px solid #004833; float: left; margin-bottom: 34px; } } footer#footer_main .footer_textupload a.contactus{ float: left; margin: 40px 5px; } @media screen and (max-width: 640px){ footer#footer_main .footer_textupload a.contactus{ margin: 40px 5px 30px; } } footer#footer_main .footer_textupload section.index.page_content{ background: transparent; } footer#footer_main .footer_textupload section.index.page_content ul{ float: right; margin: 40px 5px 0px; text-align: right; } footer#footer_main .footer_textupload section.index.page_content ul li a:hover { /*06/07/2020*/ text-decoration: underline; } @media screen and (max-width: 640px){ footer#footer_main .footer_textupload section.index.page_content ul{ float:left; } } footer#footer_main .footer_textupload section.index.page_content ul.footer-links1{ } @media screen and (max-width: 640px){ footer#footer_main .footer_textupload section.index.page_content ul.footer-links1{ margin-top: 0px; } } footer#footer_main .footer_textupload section.index.page_content ul.footer-links2{ margin: 80px 5px 40px; position: relative; left: 466px; } @media screen and (max-width: 640px){ footer#footer_main .footer_textupload section.index.page_content ul.footer-links2{ margin: 0px 5px 8px; left: 0px; top: 0px; } } @media screen and (max-width: 425px){ footer#footer_main .footer_textupload section.index.page_content ul.footer-links2{ margin: 70px 5px -57px !important; } } footer#footer_main .footer_textupload section.index.page_content ul li{ float:left; margin-left:43px; margin-bottom:24px; } @media screen and (max-width: 640px){ footer#footer_main .footer_textupload section.index.page_content ul li{ margin-right: 43px; margin-left:0px; } } footer#footer_main .footer_textupload section.index.page_content ul li.first{ margin-left:0px; } footer#footer_main .footer_textupload section.line-separator-footer{ background: transparent; } footer#footer_main .footer_textupload section.line-separator-footer .footer_line{ background:#004833; height:1px; } footer#footer_main .footer_textupload .sgb-footer-ts-cs{ margin-top:24px; margin-bottom:24px; font-size: 12px; } footer#footer_main .footer_textupload .sgb-footer-ts-cs p{ margin-bottom:0px; } footer#footer_main .footer_textupload section.index.page_content ul.sns_icons{ margin-top:24px; } @media screen and (max-width: 640px){ footer#footer_main .footer_textupload section.index.page_content ul.sns_icons{ float: left; margin-left: 0px; } } footer#footer_main .footer_textupload section.index.page_content ul.sns_icons li{ float: left; margin-right: 6px; margin-left: 0px; } footer#footer_main .footer_textupload section.index.page_content ul.sns_icons li.last{ margin-right:0px; } footer#footer_main #sitemap{ display:none; } footer#footer_main .copyright{ display:none; } /* ////////////////////////////////// */ /* ///// Footer - END ///////////// */ /* ////////////////////////////////// */ /* ////////////////////////////////// */ /* ///// Font - START ///////////// */ /* ////////////////////////////////// */ @font-face { font-family: "DragonBold"; src:url("/rewards/theme/phoenix/fonts/DragonBold/DragonBold 2.otf") format("opentype"), url("/rewards/theme/phoenix/fonts/DragonBold/DragonBold-Bold.ttf") format('truetype'); } /* ////////////////////////////// */ /* ///// Font - END ///////////// */ /* ////////////////////////////// */ footer .top_pagination .catalog_items_msg { color: #004833; font-size: 36px; font-weight: bold; margin-bottom: 43px; padding-bottom: 0px; } .row .separator_bottom { margin-top: 40px; } form#ShippingAddressForm{ margin-top:10px; } form#ShippingAddressForm label[for=po_addr_sw] > input[type=checkbox] { appearance: checkbox !important; -moz-appearance: checkbox !important; -webkit-appearance: checkbox !important; display: inline-block; float: none; height: 16px; width: auto; } form#ShippingAddressForm label[for=company_addr_sw_n] span{ color:#004833; } form#ShippingAddressForm label[for=company_addr_sw_y] span{ color:#004833; } form#ShippingAddressForm label[for=po_addr_sw] > span { display: inline-block; margin-right: 10px; vertical-align: top; width: auto; } form#ShippingAddressForm label[for=name] input#name{ margin-bottom: 5px; } form#ShippingAddressForm label[for=name] div{ float:left; } form#ShippingAddressForm label[for=po_addr_sw] input#po_addr_sw{ height: auto !important; } .most_wanted_list h2 { text-align: left; padding-top: 36px; padding-bottom: 36px; font-size: 30px; color: rgb(98, 26, 75) !important; } .most_wanted_list p { text-align: left; color: rgb(98, 26, 75) !important; } .featureFreeformBottom { font-family: sans-serif; margin: auto; padding: 0 20px; } .featureFreeformBottom a { color: black; display: block; margin-top: 10px; text-decoration: none; } .featureFreeformBottom heading { color: rgb(114, 31, 87); display: block; margin-bottom: 20px; } .featureFreeformBottom p { line-height: 20px; } .featureFreeformBottom .top-half heading { font-size: 24px; } .featureFreeformBottom .bottom-half heading { font-size: 18px; font-weight: bold; } .featureFreeformBottom .bottom-half img { height: 14px; vertical-align: middle; } .featureFreeformBottom .bottom-half p:first-of-type { margin-bottom: 40px; } .featureFreeformBottom .top-half { display: flex; align-items: flex-start; margin: 50px 0; } .featureFreeformBottom .top-half a { color: red; font-style: italic; } .featureFreeformBottom hr { margin-top: 0; } .featureFreeformBottom p { font-size: 14px; } .featureFreeformBottom .top-half > img { width: 300px; } .featureFreeformBottom .bottom-half { background-color: white; margin-bottom: 40px; padding: 30px; } .featureFreeformBottom .bottom-half p { margin-bottom: 0; } .featureFreeformBottom .under-40 { margin-right: 15px; } .featureFreeformBottom .top-text { align-self: stretch; background-color: white; flex-grow: 1; padding: 15px; } @media screen and (max-width: 40em) { .featureFreeformBottom, .featureFreeformBottom .top-half, .featureFreeformBottom .bottom-half { display: block; } .featureFreeformBottom .bottom-half { margin: 40px 10px 40px 10px; } .featureFreeformBottom .top-half { margin: 10px; } .featureFreeformBottom .top-half img { width: 100% !important; } .featureFreeformBottom a img { width: auto; } .featureFreeformBottom p { margin-bottom: 10px; } .featureFreeformBottom .top-text { padding: 20px; margin-top: -5px; } .featureFreeformBottom .under-40 { margin-right: 0; margin-bottom: 40px; } } .featureFreeformTop { font-family: sans-serif; margin: 0 auto 0 auto; padding: 0 20px; width: 100%; } .featureFreeformTop a { text-decoration: none; } .featureFreeformBottom hr, .featureFreeformTop hr { background-color: white; border: none; height: 7px; width: 100%; } .featureFreeformTop hr { margin-top: 40px; } .featureFreeformTop .title1, .featureFreeformTop .title2, .featureFreeformTop li { color: rgb(98, 26, 75); } .featureFreeformTop .title1 { font-size: 32px; font-family: serif; margin-bottom: 15px; } .featureFreeformTop .title2 { font-size: 20px; margin: 15px 0; } .featureFreeformTop .top-half { display: flex; margin-top: 40px; } .featureFreeformTop .top-half span { color: black; font-size: 16px; } .featureFreeformTop .white-section-top { background-color: white; padding: 20px; width: 100%; } .featureFreeformTop .white-section-top a { color: red; font-weight: bold; } .featureFreeformTop .white-section-top span { font-style: italic; } .featureFreeformTop .white-section-top p:first-of-type { font-size: 18px; margin: 15px 0; } .featureFreeformTop .bottom-half { display: flex; } .featureFreeformTop .bottom-half li { font-size: 24px; line-height: 18px !important; list-style: disc; margin-bottom: 15px; } .featureFreeformTop .bottom-half li span { color: black; display: inline-block; font-size: 14px; } .featureFreeformTop .bottom-half ul { padding-left: 20px; } .featureFreeformTop .bottom-half .bullet-section .title2 { font-weight: bold; } .featureFreeformTop .bottom-half .text-section { line-height: 24px; margin-right: 50px; width: 315px; } .featureFreeformTop .bottom-half .text-section h2 { font-weight: bold; } #shop_offers #shop_list .row h2 { margin-bottom: 30px; } .shop .row .page_intro .shop_category_title .featured_title { font-family: serif; } @media screen and (max-width: 40em) { .featureFreeformTop, .featureFreeformTop .top-half, .featureFreeformTop .bottom-half { display: block; } .featureFreeformTop .top-half { margin-top: 15px; } .featureFreeformTop img { width: 100%; } .featureFreeformTop li span { vertical-align: top; } .featureFreeformTop .text-section { font-size: 18px; } .featureFreeformTop .title2 { margin-top: 30px; } section#shop_offers .row .row { margin-top: 40px; } .freeform_page_temp { margin-bottom: 0; } .back_button { display: block; color: #E30000; margin-top: 0px; height: 50px; float: left; width: 100%; padding-left: 5px; } .back_button:after { content: " "; float: left; width: 100%; height: 50px; position: absolute; left: 0px; z-index: 0; } .back_button a { background: transparent; border: 0px solid #FFF; z-index:1000; margin: 0px; } .back_button a:before{ content: " "; background: url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_icon_left_arrow.png) no-repeat 0px 0px; z-index: 10000; float: left; display: block; width: 7px; height: 12px; position: relative; top: 19px; left: 0px; } .back_button a.button:hover{ background: transparent; } .back_button a.button:hover span{ color: #ffffff; } .back_button a span { font-size: 14px; text-align: left; padding: 0px; line-height: 50px; color: #ffffff; z-index: 0; position: relative; display: block; margin-left: 16px !important; } .page_intro #breadcrumb { display: none; } .shop.shop_index.page_content { height: unset; } } .card .caption { color: #004833; font-size: 16px; letter-spacing: 0; line-height: 22px; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; border-radius: 5px; } .card .item_price { background-color: #004833; float: left; width: 100%; height: 48px; box-shadow: 0 0px 0 #CCCCCC inset; border-top: 0px solid #e0e0e0; border-radius: 0px; } #most_wanted_item_list li a div.item_price.sale div.points span.label { padding-top: 12px; } .most_wanted_rewards_home .card .item_price .points { float: left; padding-top: 3px; text-align: center; width: 100%; } .card .item_price .points .number { color: #FFF; line-height: 22px; font-size: 16px; font-weight: 600; margin: 0; text-align: center; letter-spacing: 0px; float: none; } .card .item_price .points .label { color: #FFFFFF; background-color: inherit; line-height: 22px; font-size: 16px; margin: 0; padding: 0; text-align: center; float: none; text-transform: lowercase; } .card .item_price .points .points_prefix { color: #FFFFFF; background-color: inherit; line-height: 22px; font-size: 16px; margin: 0; padding: 0; text-align: center; float: none; } .item_price.sale { height: 48px !important; } #shop_list #offer_offer_highlight li div.small-60.medium-60.columns { padding: 0; } .home_freeform .index.page_content.home_product_offers { padding: 60px 0px; background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_fraxel_seamless_new.png"); } section.index.page_content.home_product_offers { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_fraxel_seamless_new.png"); } .home_product_offer_feature { background: #048937; position: relative; height: auto; width: 100%; margin-bottom: 20px; padding: 20px 0px 50px 0px; text-align: center; } .home_product_offer_Header { margin-bottom: 30px; max-width: 800px; margin: auto; } .home_product_offer_feature h4 { color: #ffffff; text-align: center; } .home_product_offer_feature P { color: #ffffff; text-align: center; } .home_product_offer_Header h2 { text-align: center; margin-bottom: 30px; } span#available_point_balance:after { content: "Pts"; padding-left: 5px; display:none; } /* //////////// Home Welcome & Points //////////// */ .home_welcome_points_header h3 { margin-top: 5px; margin-bottom: 5px; } .home_welcome_points_header h4 { margin-top: 5px; margin-bottom: -15px; } td.td-member-firstname { background-color: #ffffff; } td.td-member-pointsBalance{ background-color: #ffffff; } a.button_icon_right { line-height: 16px !important; display: block; color: #004833 !important; font-size: 16px; font-weight: normal; text-align: center; border-radius: 6px; box-shadow: 0 0px 0 rgba(255,255,255,0) inset, 0 0px 0 rgba(0,0,0,0); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); margin: 20px auto!important; padding: 9px 12px 11px; width: 40%; margin: 0 auto; height: auto; opacity: 1; border-radius: 3px; border: 1px solid #e30000 ; text-transform: capitalize; } .button_icon_right:hover{ transition: 0.2s ease-in-out 0s; background-color: #e3764d; color: #ffffff !important; } p { line-height: 20px; } form#AccountInformationForm label[for=account]:after, form#AccountInformationForm label[for=statementPeriod]:after, form#AccountInformationForm label[for=statementDate]:after, form#FormEmailUs label[for=case_issue_type]:after, #giftCardActivationForm label[for=supplier]:after, .cart_actions .payment_information .payment-card-brand label:after, .cart_actions .payment_information .payment-expiration-month label:after, .cart_actions .payment_information .payment-expiration-year label:after { border-top: none; } select#account_id_rs,select#statementPeriod,select#statementDate,select#case_issue_type, select#supplier,select#acct_num_1,select#card_brand,select#exp_date_month,select#exp_date_year { background-size: 50px; background-position: right -8px top 14px; } select#acct_num_1 { margin-top: 10px; } p.Features { margin-bottom: 0px; float: none; } ul.Features { line-height: 20px; } .terms-and-cond-desc a { display: contents; } .terms-and-cond-desc p { margin-bottom: 0px; } .terms-and-cond-desc ul { margin-top: 10px; } .terms-and-cond-desc li { margin-bottom: 5px; color: #2D373E; display: inline-flex; font-weight: 500; width: 100%; } .terms-and-cond-desc li:before { content: "\2022"; color: #004833; font-weight: bold; display: inline-block; padding-right: 15px; font-size: 20px; width: 25px; } @media(max-width:1024px){ .small-9.medium-9.large-3.columns.plus, .small-9.medium-9.large-3.columns.minus, .small-9.medium-9.large-6.columns.equals, .small-51.medium-51.large-12.columns.points_earned, .small-51.medium-51.large-12.columns.points_redeemed { width: 100%; right: -30px; } } button.wishlist.add_to_wishlist_btn.rmid_62460[disabled] { display: none; } button#add_to_cart.primary.addtocartbtn[disabled], button#add_to_cart.primary.addtocartbtn[disabled] span{ } button#okSubmit { margin: 20px; } label.automatic_redemption span { text-transform: none; } .small-60.columns.hide-for-small-only { display: block !important; } form#ProfileForm label[for=accept_promo_sw] > span, form#ProfileForm label[for=newsletter_optional] > span { font-weight: normal !important; } form#ProfileForm label[for=birth] > span { margin-bottom: 15px; } form#ProfileForm label[for=email_addr_readonly]>span:nth-child(2) { text-transform: lowercase !important; } form#FormEmailUs label[for=email_addr]>span b { text-transform: lowercase !important; } label.email_box span:nth-child(2) { text-transform: lowercase !important; font-weight: normal !important; } form#ProfileForm .accordion .accordion-navigation.personal_information #personal_information label span:last-child { font-weight: normal !important; } .email_confirmation label span { text-transform: none !important; } h3.modal_header { display: none; } p.text-center.text a:hover { color: #fff; text-decoration: underline; } p.text-center.text a { color: #fff; } .small-60.columns h4 { color: #fff; } label[for=email_addr_readonly] { top: 6px; position: absolute; } label[for=email_addr_readonly] span:nth-child(1) { margin-bottom: 10px; } label[for=email_addr_readonly] span:nth-child(2) { font-weight: normal !important; } .freeform_content_with_whitebg_content h4,.freeform_page_temp_content_box h4,.freeform_content_important_info h4 { color: #004833 !important; } form#FormEmailUs label[for=case_issue_type]:after { border: none; } form#FormEmailUs label[for=name] b, form#FormEmailUs label[for=email_addr] b { font-weight: normal; } .small-30.medium-10.columns.item-quantity { width: 78px; } p#msgRedemptionAssistance { margin-bottom: 20px; } label.email_box span:nth-child(1):after { content: ":"; } .medium-40.columns.item-quantity,.small-30.medium-20.columns.item-quantity { max-width: 158px; } li.blktxt, p#msgThankYou,.giftcard_activate p strong , p.specialty_popup_header,.more_rewarding_program_box.last h4 { color: #004833; } .lightbox_checkout_confirmation_2.modal_default.confirmation_Popup_scrollbar { overflow: hidden; } p#msgThankYou,p#msgConfNumber,p#msgOrderInfo,ul#msgOrderDesc,p#msgRedemptionAssistance, .lightbox_speed_bump.modal_default h3 { text-align: center !important; } .giftcard_activate p strong { font-size: 18px; } .lightbox_checkout_confirmation_2 footer,.lightbox_speed_bump.modal_default h3 { display: none; } .medium-30.columns.hide-for-small-only.item-total-points { max-width: 155px; } @media(max-width:1024px){ .medium-30.columns.hide-for-small-only.item-total-points { max-width: 147px !important; } footer#footer_main .footer_textupload section.index.page_content ul.footer-links2 { margin: 80px 5px 40px; position: relative; left: 0px; top: -70px; } } @media(max-width:768px){ .medium-30.columns.hide-for-small-only.item-total-points { max-width: 110px !important; } } p.message a { display: inline !important; padding: 0px !important; } div.add_to_cart_btn button[disabled] { opacity: .45; cursor: not-allowed; } input#udf_1_USER_DEF_1,input#udf_1_USER_DEF_2,input#udf_1_ACCT_MAP_ID{ margin-top: 10px; } select#card_brand option[value="3"],select#card_brand option[value="4"] { display: none; } table.sgb_rewards_summary td:first-child { min-width: 48px; } table.sgb_rewards_summary td:nth-child(2) { position: relative; top: -10px; right: 10px; } .rewards_summary table td:first-child { min-width: 48px; } sup.redeemp_points_sup { top: -20px; font-size: 30%; } .heading a { color: #2D373E; } p.Call_us_heading { margin-bottom: -10px; } .contact_breadcrumb { position: absolute; top: -419px; left: -174px; width: 140px; } ul#contact_breadcrumb { display: flex; color: #fff; } #contact_breadcrumb li:last-child { left: -6px; color: #ffffff; } ul#contact_breadcrumb a { text-decoration: none; color: #fff !important; } ul#contact_breadcrumb a:hover { text-decoration: underline; } ul#contact_breadcrumb span { color: #fff !important; padding-left: 6px; } label.email_box { position: absolute; left: 12px; } .hui_button { text-align: center; } /*Breadcrumb start*/ #breadcrumb li span.breadcrumb-spacer-white::after,span.breadcrumb-spacer-white:after { content: ">"; } .page_intro #breadcrumb li span.breadcrumb-spacer-white::after { color: #ffffff; } #breadcrumb li span.breadcrumb-spacer-red::after,span.breadcrumb-spacer-red:after { content: ">"; } .redeem_page.freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb li span.breadcrumb-spacer-red { color:#D5002B; } #breadcrumb li a { margin: 0 9px 0 0; } #contact_breadcrumb li a { margin: 0 -2px 0 0; } /*Breadcrumb end*/ table.sgb_rewards_summary { margin-top: 20px; } @media(max-width:1024px){ p.success_message{ top: -51px; } } @media only screen and (max-width: 1024px){ .earn_freeform section.index.page_content.earn_rewards_center .earn_rewards_center_box { max-width: 634px !important; } .earn_freeform section.index.page_content.top_banner { background-size: contain; } .earn_freeform section.index.page_content.top_banner { height: 194px; } .rewards_summary.page_content{ background-size: contain; } section.rewards_summary.page_content #top_box_display #header_display { height: 40px !important; } span.total_points.points_only .points { position: relative; top: -55px; } } #ShippingAddressesForm .scrollBox label input[type="radio"] + span { width: 267px; } @media screen and (max-width: 641px){ #ShippingAddressesForm .scrollBox label input[type="radio"] + span { width: 270px } } @media screen and (max-width: 425px){ #ShippingAddressesForm .scrollBox label input[type="radio"] + span { width: 226px; } } .home_product_offer_box h2 { font-size: 35px; } .promotion-text p { position: relative; top: 75px; color: #ffffff; } .promotion-text p:nth-child(2) { font-size: 10px; } .freeform_content_with_whitebg_content p a { color: #E30000 !important; } /* /////////// Mobile view CSS - START ///////////// */ @media screen and (max-width: 1024px){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span input[type="text"] { position: absolute; right: -19px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a { position: relative; right: -32px; } } @media screen and (max-width: 768px){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span input[type="text"] { top: 25px; right: -49px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a { position: relative; right: -65px; } } @media screen and (max-width: 600px){ .lightbox_checkout_confirmation_2.modal_default.confirmation_Popup_scrollbar { width: 420px; } } @media screen and (max-width: 541px){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span input[type="text"] { top: 25px; right: 83px; top: 44px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity { position: relative; left: 439px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row { border-bottom: 0px solid #FFFFFF; background-color: #F1F1F2; padding-right: 20px; } } @media screen and (max-width: 425px){ #ShippingAddressesForm .scrollBox label input[type="radio"] + span { width: 233px; } section.shop.shop_details_logged.page_content h1 { position: relative; top: 55px; } section.shop.shop_details_logged.page_content .back_button { position: relative; right: 16px; top: -40px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity { position: relative; left: 310px; } table.amp_email_notification td:nth-child(2){ left: 0px; } .lightbox_checkout_confirmation_2.modal_default.confirmation_Popup_scrollbar { width: 300px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span input[type="text"] { top: 45px !important; left: -4px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a{ left: -55px; top: 1px; } form#shoppingCartForm .item_row span.item_points .points, form#shoppingCartForm .item_row span.item_points .amount { display: block; float: right; clear: both; width: auto; padding-right: 20px; } form#shoppingCartForm .item_row span.item_points::before { float: right; } .checkout form#shoppingCartForm span.item_points .total_point_label { margin-top: 30px; float: right; } form#shoppingCartForm .item_row span.item_points .points, form#shoppingCartForm .item_row span.item_points .amount { display: block; float: right; clear: both; width: auto; padding-left: 0; } span.total_points.points_only .points { top: 0px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list footer.item_row{ padding-right: 20px; } .card .caption span { display: block; overflow: hidden; text-overflow: ellipsis; overflow-wrap: break-word; white-space: normal; } } @media screen and (max-width: 412px){ .lightbox_checkout_confirmation_2.modal_default.confirmation_Popup_scrollbar { width: 284px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity { position: relative; left: 300px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a { width: unset; left: -81px; top: 3px; } } @media screen and (max-width: 376px){ .lightbox_checkout_confirmation_2.modal_default.confirmation_Popup_scrollbar { width: 248px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a{ width: unset; left:-58px; top: 2px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity { position: relative; left: 262px; } } @media screen and (max-width: 360px){ #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity { position: relative; left: 256px !important; } } @media screen and (max-width: 320px){ .lightbox_checkout_confirmation_2.modal_default.confirmation_Popup_scrollbar { width: 191px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a{ width: unset; left:-42px !important; top: 2px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span input[type="text"] { top: 46px !important; right: 73px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity { position: relative; left: 205px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a { width: unset; left: -69px !important; top: 3px !important; } } @media screen and (max-width: 280px){ .lightbox_checkout_confirmation_2.modal_default.confirmation_Popup_scrollbar { width: 150px; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity { position: relative; left: 187px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span input[type="text"] { top: 46px !important; right: 54px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a { width: unset; left: -50px !important; top: 2px !important; } } @media screen and (max-width: 215px){ .lightbox_checkout_confirmation_2.modal_default.confirmation_Popup_scrollbar { width: 150px; } section.shop.checkout.page_content .page_intro h2{ font-size: 25px; } table.amp_email_notification td>.info_icon { position: absolute; top: 128px !important; } .page_content a,.off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_left li span.available_point_balance_label,.off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_left li span.available_point_balance { color: #004833; font-size: 13px; } form#shoppingCartForm .item_row span.item_points .points, form#shoppingCartForm .item_row span.item_points .amount { padding-right: 6px; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.item_points .total_point_label{ padding-right: 6px; } section.main-section section.index.page_content.home_tiles .box_home_tiles a .small_text span{ font-size: 12px; } .off-canvas-wrap .inner-wrap .tab-bar.show-for-medium-down section .title a{ margin-left: -9px; } #home_featured_offers #featured_list ul.card_list div.sl-image-link a img.dispatch-item-image, #home_featured_offers #featured_list ul.card_list div.sl-image-link a img.new-item-image, #home_featured_offers #featured_list ul.card_list div.sl-image-link a img.sale-item-image, #home_most_redeemed_offers #most_redeemed_list ul.card_list div.sl-image-link a img.dispatch-item-image, #home_most_redeemed_offers #most_redeemed_list ul.card_list div.sl-image-link a img.new-item-image, #home_most_redeemed_offers #most_redeemed_list ul.card_list div.sl-image-link a img.sale-item-image, #home_rewards_by_points_balance #point_balance_list ul.card_list div.sl-image-link a img.dispatch-item-image, #home_rewards_by_points_balance #point_balance_list ul.card_list div.sl-image-link a img.new-item-image, #home_rewards_by_points_balance #point_balance_list ul.card_list div.sl-image-link a img.sale-item-image{ width: 25px !important; height: 25px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity { position: relative; left: 104px !important; } #SPN_SHOPPINGCART form#shoppingCartForm .cart_list .item_row .row span.quantity a { width: unset; left: 8px !important; top: 2px !important; } #SPN_CHECKOUT #shoppingCartForm #ajaxEventDiv .cart_list .item_row .row span.thumb img { width: 76px; height: 76px; } .lightbox_checkout_confirmation_2.modal_default.confirmation_Popup_scrollbar { width: 105px; margin: auto !important; } ul.card_list li a .caption span { font-size: 11px; } .page_content h1,.shop.shop_details.page_content .page_intro h2.mobile_product_item_name.show-for-medium-down, .shop.shop_details_logged.page_content .page_intro h2.mobile_product_item_name.show-for-medium-down, .shop.shop_details.page_content .page_intro .row .item_details h2, .shop.shop_details_logged.page_content .page_intro .row .item_details h2,.shop.shop_details.page_content .page_intro footer .price .number, .shop.shop_details_logged.page_content .page_intro footer .price .number{ font-size: 20px; } } /* /////////// Mobile view CS - END ///////////// */ /* /////////// ADA CSS - START ///////////// */ nav.sidebar_menu>ul li.submenu>a::after{ display: none; } #shop_offers #shop_list header .row .search_filter_order #order_type #selsort{ background-color: #ffffff; } .edit_row{ background: #ffffff !important; margin: 20px 0 0 0 !important; } .ship_to button span{ font-size: 16px; } .shop.checkout .cart_actions .email_confirmation{ background: #ffffff !important; } footer.item_row span{ color: #2D373E; font-size: 14px; margin-top: 10px; text-transform: initial; font-weight: bold; } span.total.points_only span.points,span.total.points_amount span.points, span.total.points_amount span.amount { color: #004833 !important; font-size: 30px !important; font-weight: normal !important; margin-top: 0px !important; } span.total.points_amount span.amount:before { content: "+"; padding-right: 10px; } .shop.checkout .cart_actions .chkt-actn-buttons{ background: #ffffff !important; } .label { background-color: transparent; } .email_confirmation.row h3 { font-size: 24px !important; position: relative; right: -15px; } span.total.points_amount { color: #2D373E; font-size: 14px; margin-top: 30px; text-transform: initial; float: left; width: 100%; text-align: right; padding: 0 0 10px 10px; font-weight: bold; } .page_content.shop_details .page_intro, .page_content.shop_details_logged .page_intro{ overflow: unset !important; } table.amp_rewards_details, table.reward_summary_multiple_account{ border-right: 0px solid #0074C4; padding: 9px 15px 9px 15px; font-weight: normal !important; color: #0074C4; background: #F2F8FC; width: 100%; border-left: 0px solid #0074C4; border-top: 1px solid #0074C4; border-bottom: 1px solid #0074C4; position: relative; top: -22px; left: 0px; } img.rewards_summary_info_icon { width: 24px; height: 24px; position: absolute; } img.info_icons { height: 24px; width: 24px; } img.info_icon { width: 24px; height: 24px; } p.email_notification_text { padding-left: 20px; margin-bottom: 0px; } table.amp_email_notification td>.info_icon { position: absolute; top: 118px; } table.amp_rewards_details td>.info_icons { position: relative; top: 8px; } table.amp_email_notification td>span { padding-left: 20px; } #breadcrumb li a, #breadcrumb li, #breadcrumb li span{ color: #004833 ; } .giftcard_activation p:nth-child(3)>.info_icon { position: relative; top: 6px; } table.amp_rewards_details td:nth-child(1) { width: 40px; } div.ada_shipto{ border-bottom: none !important; } .freeform_page_temp ol.no_bullet li,ol.no_bullet li { float: left; width: 100%; margin-bottom: 15px; position: relative; line-height: 18px; } ol.no_bullet { list-style: decimal; padding-left: 17px; font-family: Helvetica; } span.member-firstName { word-wrap: break-word; } .full_image P { color: #ffffff; position: relative; top: -20px; } button.button.primary:focus { background: #E30000; } button.travel.button.primary,button.redeem.button.primary { width: auto; } button.travel.button.primary a { text-decoration: none; } .button_div { text-align: center; } button.travel.button { background: #FFFFFF; text-shadow: 0 0px 0 rgb(255 255 255 / 0%); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 35%); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%); opacity: 1; border-radius: 3px; border: 1px solid #E30000; width: auto; } button.travel.button.primary{ text-shadow: 0 0px 0 rgb(255 255 255 / 0%); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 35%); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%); opacity: 1; border-radius: 3px; border: 1px solid #E30000; margin: 0px 0px 12px; background: #E30000; } a#bookButton:hover,button.redeem.button.primary a:hover { text-decoration: none !important; } button.travel.button:hover { transition: 0.2s ease-in-out 0s; background-color: #e3764d; } @media only screen and (max-width: 600px){ .travel_button_div { text-align: center; } } button.button.white a:hover { text-decoration: none; } button.button.white:hover{ transition: 0.2s ease-in-out 0s; background-color: #eb4d4d; } button.button.white{ background: #FFFFFF; text-shadow: 0 0px 0 rgb(255 255 255 / 0%); transition: 0.2s ease-in-out 0s; -webkit-box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 35%); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%); opacity: 1; border-radius: 3px; width: auto; } .freeform_section_row01 { margin-top: 32px !important; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link:before { color:#78BE20; font-size: 24px; height: 24px; width: 24px; position: absolute; top: 0px; left: 4px; font-family: "Font Awesome 5 Free"; font-weight: bold; content: "\f004"; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link a:after { content: ""; border-radius: 50%; line-height: 1px; padding: 9px; background: #004833; margin: 0 auto; height: 10px; width: 10px; display: block; position: absolute; top: -6px; right: -16px; z-index: 0; font-size: 17px; } header#header_main .header_top_row #nav_holder nav#logged_panel ul.logged_panel_bottom li.wishlist_link a span#wishlist_item_count{ content: ""; border-radius: 50%; line-height: 8px; padding: 9px; color: #fff; background: transparent; margin: 0 auto; height: 10px; width: 30px; display: block; position: absolute; top: -10px; left: 16px; z-index: 100; font-weight: bold; font-size: 14px; text-align: center; letter-spacing: -2px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.wishlist_link:before { color: #004833 !important; font-size: 24px; height: 24px; width: 24px; position: absolute; top: 0px; left: 4px; font-family: "Font Awesome 5 Free"; font-weight: normal; content: "\f004"; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.wishlist_link a:after { content: ""; border-radius: 50%; line-height: 1px; padding: 9px; background: #ffffff; margin: 0 auto; height: 10px; width: 10px; display: block; position: absolute; top: -6px; right: -16px; z-index: 0; font-size: 17px; } .off-canvas-wrap .bottom-bar.mobile-only-private .logged_panel_bottom ul.logged_panel_bottom_right li.wishlist_link a span#wishlist_item_count { content: ""; border-radius: 50%; line-height: 8px; padding: 9px; color: #004833; background: transparent; margin: 0 auto; height: 10px; width: 30px; display: block; position: absolute; top: -10px; left: 16px; z-index: 100; font-weight: bold; font-size: 14px; text-align: center; letter-spacing: -2px; } .freeform_page_temp section.freeform_page_temp_anchor h2 { font-size: 24px; color: #004833; text-align: left; line-height: 30px; margin-bottom: 30px; width: 100%; } /* /////////// ADA CSS - END ///////////// */ /* ///////////////////////////////////////// */ /* /////////// CSS Reset - END ///////////// */ /* ///////////////////////////////////////// */ /* ------------------------------------------------------------------------ */ @charset "UTF-8"; /* * ============================================================================ * Custom CSS - v0.15 Amplify * ============================================================================ */ /* Scss Document */ /*Variables*/ /* MTF (testing): "/ProgramInfo/10866" PROD: "/ProgramInfo/8785" local: "".."; */ .body-font, .top-slider .slider-wrapper .slide-text .button-container a, .top-banner .slider-wrapper .slide-text .button-container a, .redeem_page.freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb li, .redeem_page.freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb li a, .redeem_page .redeem-category-landing .heading p, .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption .button-container a.button, .redeem_page .red-banner .heading p, .product_page.freeform_page_temp .heading p { font-family: helvetica, sans-serif, arial; } .redeem_page.amplify .heading-title, .redeem_page.amplify .top-slider .slider-wrapper .slide-text h1, .top-slider .slider-wrapper .slide-text .redeem_page.amplify h1, .redeem_page.amplify .top-banner .slider-wrapper .slide-text h1, .top-banner .slider-wrapper .slide-text .redeem_page.amplify h1, .redeem_page.amplify .redeem-category-landing .category-grid .category-data figure figcaption h3, .redeem_page.amplify .public_page.freeform_page_temp .accessing-your-rewards-account .data .title, .public_page.freeform_page_temp .accessing-your-rewards-account .data .redeem_page.amplify .title, .redeem_page.amplify .public_page.freeform_page_temp .a-more-rewarding-program .data .title, .public_page.freeform_page_temp .a-more-rewarding-program .data .redeem_page.amplify .title, .public_page.amplify .heading-title, .public_page.amplify .top-slider .slider-wrapper .slide-text h1, .top-slider .slider-wrapper .slide-text .public_page.amplify h1, .public_page.amplify .top-banner .slider-wrapper .slide-text h1, .top-banner .slider-wrapper .slide-text .public_page.amplify h1, .public_page.amplify .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption h3, .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption .public_page.amplify h3, .public_page.amplify .public_page.freeform_page_temp .accessing-your-rewards-account .data .title, .public_page.freeform_page_temp .accessing-your-rewards-account .data .public_page.amplify .title, .public_page.amplify .public_page.freeform_page_temp .a-more-rewarding-program .data .title, .public_page.freeform_page_temp .a-more-rewarding-program .data .public_page.amplify .title, .public_page.freeform_page_temp.amplify .accessing-your-rewards-account .data .title, .public_page.freeform_page_temp.amplify .a-more-rewarding-program .data .title, .product_page.amplify .heading-title, .product_page.amplify .top-slider .slider-wrapper .slide-text h1, .top-slider .slider-wrapper .slide-text .product_page.amplify h1, .product_page.amplify .top-banner .slider-wrapper .slide-text h1, .top-banner .slider-wrapper .slide-text .product_page.amplify h1, .product_page.amplify .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption h3, .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption .product_page.amplify h3, .product_page.amplify .public_page.freeform_page_temp .accessing-your-rewards-account .data .title, .public_page.freeform_page_temp .accessing-your-rewards-account .data .product_page.amplify .title, .product_page.amplify .public_page.freeform_page_temp .a-more-rewarding-program .data .title, .public_page.freeform_page_temp .a-more-rewarding-program .data .product_page.amplify .title { font-family: "Dragonbold", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* BACKGROUND GRADIENT */ /* BACKGROUND RADIAL */ /* BACKGROUND SIZE */ /* BACKGROUND COLOR OPACITY */ /* BORDER RADIUS */ /* BOX */ /* BOX RGBA */ /* BOX SHADOW */ /* BOX SIZING */ /* COLUMNS */ /* DOUBLE BORDERS */ /* FLEX */ /* FLIP */ /* FONT FACE */ /* OPACITY */ /* OUTLINE RADIUS */ /* RESIZE */ /* ROTATE*/ /* TEXT SHADOW */ /* TRANSFORM */ /* TRANSFORM STYLE */ /* TRANSITION */ /* TRIPLE BORDERS */ /* KEYFRAMES */ /* ANIMATION */ /* Vertical align center */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next { background: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/arrow.png") 0 center no-repeat; background-size: auto 100%; z-index: 100; width: 30px; height: 58px; position: absolute; display: block; cursor: pointer; top: 50%; margin-top: -34px; line-height: 0; font-size: 0; padding: 0; border: none; outline: none; } .slick-prev { left: -20px; } .slick-next { background-position: 100% center; right: -20px; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; } /* Dots */ .slick-slider { margin-bottom: 0; } .slick-dots { position: absolute; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0 6px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 12px; height: 12px; font-size: 12px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; line-height: 12px; text-align: center; color: transparent; border: 1px solid #FFFFFF; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { background-color: #FFFFFF; } @media screen and (max-width: 960px) { .slick-prev, .slick-next { width: 20px; height: 38px; } .slick-prev { left: -10px; } .slick-next { right: -10px; } } .freeform_page_temp { /*-----------Vertical tabs-----------*/ /*-----------Accordion styles-----------*/ /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ } .freeform_page_temp ul.resp-tabs-list { margin: 0px; padding: 0px; } .freeform_page_temp ul.resp-tabs-list li { font-weight: 600; font-size: 13px; display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; width: auto; } .freeform_page_temp .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } .freeform_page_temp .resp-tabs-container p { float: none; } .freeform_page_temp h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .freeform_page_temp .resp-tab-content { display: none; padding: 15px; } .freeform_page_temp .resp-tab-active { border: 1px solid #c1c1c1; border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px; } .freeform_page_temp .resp-tab-active { border-bottom: none; background-color: #fff; } .freeform_page_temp .resp-content-active, .freeform_page_temp .resp-accordion-active { display: block; } .freeform_page_temp .resp-tab-content { border: 1px solid #c1c1c1; } .freeform_page_temp h2.resp-accordion { font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; } .freeform_page_temp h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px; } .freeform_page_temp h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; } .freeform_page_temp .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .freeform_page_temp .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; } .freeform_page_temp .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } .freeform_page_temp .resp-vtabs .resp-tab-content { border: none; } .freeform_page_temp .resp-vtabs li.resp-tab-active { border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px; } .freeform_page_temp .resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #2D373E; } .freeform_page_temp h2.resp-tab-active span.resp-arrow { border: none; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #D5002B; } .freeform_page_temp h2.resp-tab-active { background: #DBDBDB !important; } .freeform_page_temp .resp-easy-accordion h2.resp-accordion { display: block; } .freeform_page_temp .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; } .freeform_page_temp .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } .freeform_page_temp .resp-jfit { width: 100%; margin: 0px; } .freeform_page_temp .resp-tab-content-active { display: block; } .freeform_page_temp h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; } @media only screen and (max-width: 768px) { .freeform_page_temp ul.resp-tabs-list { display: none; } .freeform_page_temp h2.resp-accordion { display: block; } .freeform_page_temp .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .freeform_page_temp .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .freeform_page_temp .resp-accordion-closed { display: none !important; } .freeform_page_temp .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } } h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1; font-weight: normal; } sup { /*top: 0;*/ font-size: 65%; } /*Common classes*/ .clear, .top-slider, .top-slider .slider-wrapper .slide-text .button-container, .top-banner .slider-wrapper .slide-text .button-container, .redeem_page.freeform_page_temp, .public_page.freeform_page_temp, .product_page.freeform_page_temp { clear: both; } .clear:after, .top-slider:after, .top-slider .slider-wrapper .slide-text .button-container:after, .top-banner .slider-wrapper .slide-text .button-container:after, .redeem_page.freeform_page_temp:after, .public_page.freeform_page_temp:after, .product_page.freeform_page_temp:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } a { color: #2D373E; } a:hover { color: #2D373E; } .italic_me { font-style: italic !important; } p.pbody { margin-top: 16px; text-align: left; padding: 0 7px 26px; } a.button.white { width: auto; } /*flex wrapper*/ .flex-wrapper { display: flex; -moz-align-items: center; -ms-align-items: center; align-items: center; } .flex-wrapper.top { -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .flex-wrapper.normal { -moz-align-items: normal; -ms-align-items: normal; align-items: normal; } .flex-wrapper.space-between { -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .red_border_height_1px { border-top: 1px solid #D5002B; } .red_border_height_1px.margin-top { margin-top: 30px; } #main .login-new-btn.button-container { float: right; margin: 18px 10px 18px 0; } #main .login-new-btn.button-container a { height: 36px; color: #fff; line-height: 36px; font-size: 16px; font-family: helvetica, sans-serif, arial; padding-left: 20px !important; text-transform: none; padding-right: 20px !important; margin-bottom: 0; font-weight: normal; min-width: 230px; } @media screen and (max-width: 1024px) { .bottom-bar.mobile-only { background-color: #F9F9F8 !important; border-top: 2px solid #D7D2CB; } .bottom-bar.mobile-only .login-new-btn.button-container { float: none; margin: 18px 10px 18px 10px; width: auto; text-align: center; } .bottom-bar.mobile-only .login-new-btn.button-container a { width: auto; height: 36px; color: #fff; line-height: 36px; font-size: 16px; font-family: helvetica, sans-serif, arial; padding-left: 20px !important; text-transform: none; padding-right: 20px !important; margin-bottom: 0; font-weight: normal; } } @media screen and (max-width: 640px) { .bottom-bar.mobile-only .login-new-btn.button-container a { width: 95%; } } /*----Slider & banner container----*/ .top-slider { opacity: 0; height: 0; -webkit-transition: opacity 1s ease; -khtml-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } .top-slider.slick-initialized { visibility: visible; height: auto; opacity: 1; } .top-slider.slick-slider { margin: 0; margin-bottom: 30px; } .top-slider .slick-dots { margin-bottom: 0; } .top-slider .slick-dots li { float: none; width: auto; margin: 0 6px; } .top-slider .slider-wrapper { height: 350px; position: relative; overflow: auto; } .top-slider .slider-wrapper:after { content: ""; background: url("{$imageDomain}/images/slider-left-img.png") no-repeat right center; background-size: auto 100%; position: absolute; z-index: 2; left: 0; top: 0; width: 60%; height: 100%; } .top-slider .slider-wrapper:before { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 50%; height: 100%; } .top-slider .slider-wrapper .slide-img { position: absolute; z-index: 1; right: 0; top: 0; height: 100%; width: auto; max-width: none; } .top-slider .slider-wrapper .slide-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; color: #ffffff; width: 100%; left: 0; } .top-slider .slider-wrapper .slide-text .copy-container { width: 92%; max-width: 1080px; margin: 0 auto; } .top-slider .slider-wrapper .slide-text h1 { color: #ffffff; font-size: 48px; margin-bottom: 30px; max-width: 480px; line-height: 1.2; } .top-slider .slider-wrapper .slide-text h1.no-margin { margin: 0; } .top-slider .slider-wrapper .slide-text p { color: #ffffff; font-size: 15px; max-width: 480px; line-height: 1.4; margin-bottom: 30px; } .top-slider .slider-wrapper .slide-text p:last-child { margin-bottom: 0; } .top-slider .slider-wrapper .slide-text .button-container a { border: 0; } /*----Slider data----*/ .top-banner .slider-wrapper { background: #dfcdc1; } .top-banner .slider-wrapper:after { width: 57%; } .top-banner .slider-wrapper .slide-text .copy-container { width: 41%; max-width: none; margin-left: 5%; } .top-banner .slider-wrapper .slide-text h1 { max-width: 500px; } .top-banner .slider-wrapper { height: 450px; position: relative; overflow: auto; } .top-banner .slider-wrapper:after { content: ""; background: url("{$imageDomain}/images/slider-left-img.png") no-repeat right center; background-size: auto 100%; position: absolute; z-index: 2; left: 0; top: 0; width: 60%; height: 100%; } .top-banner .slider-wrapper:before { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 50%; height: 100%; } .top-banner .slider-wrapper .slide-img { position: absolute; z-index: 1; right: 0; top: 0; height: 100%; width: auto; max-width: none; } .top-banner .slider-wrapper .slide-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; color: #ffffff; width: 100%; left: 0; } .top-banner .slider-wrapper .slide-text .copy-container { width: 92%; max-width: 1080px; margin: 0 auto; } .top-banner .slider-wrapper .slide-text h1 { color: #ffffff; font-size: 48px; margin-bottom: 30px; max-width: 480px; line-height: 1.2; } .top-banner .slider-wrapper .slide-text h1.no-margin { margin: 0; } .top-banner .slider-wrapper .slide-text p { color: #ffffff; font-size: 15px; max-width: 480px; line-height: 1.4; margin-bottom: 30px; } .top-banner .slider-wrapper .slide-text p:last-child { margin-bottom: 0; } .top-banner .slider-wrapper .slide-text .button-container a { border: 0; } /*---------------Amplify slider---------------*/ .redeem_page.amplify .top-slider .slider-wrapper:after { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/slider-left-img-amplify.png"); width: 78%; } .redeem_page.amplify .top-slider .slider-wrapper:before { background: #048938; } .redeem_page.amplify .top-slider .slider-wrapper .slide-text h1 { max-width: 460px; padding-bottom: 20px; border-bottom: 1px solid #ffffff; } .redeem_page.amplify .top-slider .slider-wrapper .slide-text p { font-size: 18px; } .public_page.amplify .top-slider .slider-wrapper .slide-text .copy-container, .product_page.amplify .top-slider .slider-wrapper .slide-text .copy-container { margin-left: 5%; } .public_page.amplify .top-slider .slider-wrapper:after, .product_page.amplify .top-slider .slider-wrapper:after { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/slider-left-img-amplify-product.png"); background-position: right center; background-size: cover; width: 58%; } .public_page.amplify .top-slider .slider-wrapper:before, .product_page.amplify .top-slider .slider-wrapper:before { background: #048938; width: 40%; } .public_page.amplify .top-slider .slider-wrapper .slide-img, .product_page.amplify .top-slider .slider-wrapper .slide-img { width: 60%; object-fit: cover; object-position: top; } .public_page.amplify .top-slider .slider-wrapper .slide-text h1, .product_page.amplify .top-slider .slider-wrapper .slide-text h1 { max-width: 500px; } /*------*/ @media screen and (min-width: 1921px) { .top-slider .slider-wrapper .slide-img, .top-banner .slider-wrapper .slide-img { min-width: 50%; object-fit: cover; } } @media screen and (max-width: 1181px) { .top-slider .slider-wrapper:after { width: 65%; } .top-slider .slider-wrapper .slide-text h1 { max-width: 45%; font-size: 44px; } .top-slider .slider-wrapper .slide-text p { max-width: 45%; } .top-banner .slider-wrapper:after { width: 60%; } } @media screen and (max-width: 961px) { .top-slider.slick-slider { margin-bottom: 20px; } .top-slider .slider-wrapper:after { width: 70%; } .top-slider .slider-wrapper .slide-text h1 { max-width: 45%; font-size: 40px; } .top-slider .slider-wrapper .slide-text p { max-width: 45%; } } @media screen and (max-width: 768px) { .top-slider .slider-wrapper:after { width: 100%; background-image: none; background-color: #D5002B; } .top-slider .slider-wrapper .slide-img { display: none; } .top-slider .slider-wrapper .slide-text { text-align: center; } .top-slider .slider-wrapper .slide-text h1 { max-width: 100%; font-size: 38px; } .top-slider .slider-wrapper .slide-text p { max-width: 60%; float: none; margin: 0 auto 30px; } /*---*/ .top-banner .slider-wrapper { height: auto; } .top-banner .slider-wrapper:after, .top-banner .slider-wrapper:before { display: none; } .top-banner .slider-wrapper .slide-img { display: block; position: static; width: 100%; height: auto; } .top-banner .slider-wrapper .slide-text { position: static; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); background: #D5002B url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/banner-bg-alitude.png") center top no-repeat; padding: 40px 0 50px; } .top-banner .slider-wrapper .slide-text .copy-container { width: 90%; margin-left: 5%; } /*---amplify---*/ .redeem_page.amplify .top-slider .slider-wrapper:after { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/slider-left-img-amplify.png"); background-position: center top; width: 100%; background-color: #048938; } .redeem_page.amplify .top-slider .slider-wrapper .slide-text h1 { max-width: 100%; } .redeem_page.amplify .top-slider .slider-wrapper .slide-text p { font-size: 16px; } .public_page.amplify .top-slider .slider-wrapper:after, .public_page.amplify .top-banner .slider-wrapper:after, .product_page.amplify .top-slider .slider-wrapper:after, .product_page.amplify .top-banner .slider-wrapper:after { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/slider-left-img-amplify-product.png"); background-position: center top; width: 100%; background-color: #048938; } .public_page.amplify .top-slider .slider-wrapper .slide-text h1, .public_page.amplify .top-banner .slider-wrapper .slide-text h1, .product_page.amplify .top-slider .slider-wrapper .slide-text h1, .product_page.amplify .top-banner .slider-wrapper .slide-text h1 { max-width: 100%; font-size: 36px; } } @media screen and (max-width: 641px) { .top-slider .slider-wrapper { background: #D5002B; height: auto; padding: 30px 0 65px; } .top-slider .slider-wrapper:before, .top-slider .slider-wrapper:after { display: none; } .top-slider .slider-wrapper .slide-text { position: relative; top: auto; -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .top-slider .slider-wrapper .slide-text h1 { font-size: 36px; } .top-slider .slider-wrapper .slide-text p { max-width: 90%; font-size: 14px; } /*---*/ .top-banner .slider-wrapper { padding: 0; } /*--amplify--*/ .redeem_page.amplify .top-slider .slider-wrapper { color: #048938; } .redeem_page.amplify .top-slider .slider-wrapper:after { display: block; } .redeem_page.amplify .top-slider .slider-wrapper .slide-text p { font-size: 14px; } .public_page.amplify .slider-wrapper, .product_page.amplify .slider-wrapper { color: #048938; } .public_page.amplify .slider-wrapper:after, .product_page.amplify .slider-wrapper:after { display: block; background-position: left center; } .public_page.amplify .slider-wrapper .slide-text h1, .product_page.amplify .slider-wrapper .slide-text h1 { font-size: 36px; } .public_page.amplify .top-slider .slider-wrapper, .product_page.amplify .top-slider .slider-wrapper { padding: 30px 0; } .public_page.amplify .top-slider .slider-wrapper .slide-text, .product_page.amplify .top-slider .slider-wrapper .slide-text { padding: 20px 0 20px; } .public_page.amplify .top-slider .slider-wrapper .slide-text .copy-container, .product_page.amplify .top-slider .slider-wrapper .slide-text .copy-container { margin-left: auto; } .public_page.amplify .top-slider .slider-wrapper .slide-text h1, .product_page.amplify .top-slider .slider-wrapper .slide-text h1 { margin: 0 auto; padding: 0 20px; } } /*Freeform pages*/ .redeem_page.freeform_page_temp { padding-bottom: 0; float: none; margin-bottom: 0; /*---------------Amplify code update---------------*/ } .redeem_page.freeform_page_temp section.index.page_content.top_banner { height: auto; background: #ffffff; padding: 0; } .redeem_page.freeform_page_temp section.index.page_content.top_banner:before { height: auto; } .redeem_page.freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb { margin: 30px 0; } .redeem_page.freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb li { color: #D5002B; } .redeem_page.freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb li a { color: #2D373E; } .redeem_page.freeform_page_temp section.index.page_content.top_banner .page_intro #breadcrumb li:last-child { color: #2D373E; } .redeem_page.freeform_page_temp ul.dot-list { margin-bottom: 0; } .redeem_page.freeform_page_temp ul.dot-list li { float: none; padding-left: 20px; text-align: left; } .redeem_page.freeform_page_temp ul.dot-list li:before { content: ""; background: #000000; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 6px; } .redeem_page.freeform_page_temp.amplify section.index.page_content.top_banner .page_intro #breadcrumb li a { color: #004833; } .redeem_page.freeform_page_temp.amplify section.index.page_content.top_banner .page_intro #breadcrumb li:last-child { color: #004833; } .redeem_page { /*---------------Amplify code update---------------*/ } .redeem_page #hero { margin: 0 0 20px; padding: 0; } .redeem_page #hero .row { max-width: 100%; padding: 0; } .redeem_page #hero .row .columns { padding: 0; } .redeem_page .redeem-category-landing .heading { margin: 30px 0; } .redeem_page .redeem-category-landing .heading h2 { color: #1f1c4f; text-align: center; margin-bottom: 25px; } .redeem_page .redeem-category-landing .heading p { color: #2D373E; float: none; text-align: center; width: 100%; margin: 0 auto; max-width: 600px; line-height: 1.4; } .redeem_page .redeem-category-landing .category-grid { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 5%; } .redeem_page .redeem-category-landing .category-grid .category-data { width: 100%; position: relative; } .redeem_page .redeem-category-landing .category-grid .category-data figure { position: relative; width: 100%; height: 100%; } .redeem_page .redeem-category-landing .category-grid .category-data figure .img-name { width: 100%; display: block; height: 0; padding-bottom: 62.5%; background-position: center top; background-repeat: no-repeat; background-size: cover; background-color: #2D373E; } .redeem_page .redeem-category-landing .category-grid .category-data figure .overlay { position: absolute; z-index: 1; display: block; left: 0; top: 0; width: 100%; height: 100%; color: #ffffff; text-align: center; line-height: 1; padding: 1rem 2rem; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .redeem_page .redeem-category-landing .category-grid .category-data figure .overlay:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+72,0.75+100 */ background: -moz-linear-gradient(top, transparent 0%, transparent 72%, rgba(0, 0, 0, 0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, transparent 72%, rgba(0, 0, 0, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, transparent 72%, rgba(0, 0, 0, 0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */ } .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0; z-index: 2; } .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption h3 { font-size: 36px; text-align: center; color: #ffffff; margin-bottom: 20px; } .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption .button-container { text-align: center; } .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption .button-container a.button { font-size: 15px; font-weight: 400; display: inline-block; /*padding: 6px 20px 8px !important;*/ width: auto; height: auto; margin: 0; } .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption .button-container a.button:hover { color: #ffffff; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; float: none; margin-bottom: 20px; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul li { width: auto; float: none; margin-bottom: 10px; padding-right: 20px; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul li:before { content: ""; background: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/wrp_arrow_icon1x.png") no-repeat 0px 0px; padding-left: 20px; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul li a { color: #ffffff; white-space: nowrap; } .redeem_page .redeem-category-landing .category-grid .category-data.travel figure .img-name { padding-bottom: 132%; } .redeem_page .redeem-category-landing .category-grid .category-data.gift-cards { margin-bottom: 7%; } .redeem_page .redeem-category-landing .category-grid .category-data.lifestyle figure .img-name { padding-bottom: 30%; } .redeem_page .redeem-category-landing .category-grid .left-data { width: 48%; } .redeem_page .redeem-category-landing .category-grid .right-data { width: 48%; } .redeem_page .redeem-category-landing .category-grid .full-width { width: 100%; } .redeem_page .red-banner { background: #008739 url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/2177054_Amplify_Banners_STG_Base_DT_FA_v1.png") no-repeat center top; background-size: auto 100%; padding: 0; margin-bottom: 30px; color: #ffffff; } .redeem_page .red-banner > a { display: block; padding: 40px 0; } .redeem_page .red-banner .heading h2 { color: #ffffff; font-size: 52px; text-align: center; margin-bottom: 15px; } .redeem_page .red-banner .heading p { color: #ffffff; float: none; font-size: 14px; width: 80%; margin: 0 auto; max-width: 600px; line-height: 1.4; } .redeem_page .red-banner.pink { background-image: none; background-color: #ffd9f7; } .redeem_page .red-banner.pink .heading h2 { color: #1f1c4f; font-weight: lighter; } .redeem_page .red-banner.pink .heading p { color: #1f1c4f; font-weight: lighter; } .redeem_page.amplify .redeem-category-landing .heading h2 { color: #004833; } .redeem_page.amplify .redeem-category-landing .heading p { color: #004833; } .redeem_page.amplify .red-banner { padding: 0; background-color: #008739; background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/2177054_Amplify_Banners_STG_Base_DT_FA_v1.png"); } /*Media queries*/ @media screen and (max-width: 1181px) { .redeem_page .redeem-category-landing .heading h2 { font-size: 30px; } .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption { margin-bottom: 15px; } .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption h3 { font-size: 32px; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul li { padding-right: 15px; } .redeem_page .red-banner .heading h2 { font-size: 48px; } } @media screen and (max-width: 961px) { .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption h3 { font-size: 30px; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul li { margin-bottom: 6px; } .redeem_page .red-banner .heading h2 { font-size: 44px; } } @media screen and (max-width: 768px) { .redeem_page .redeem-category-landing .category-grid { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } .redeem_page .redeem-category-landing .category-grid .left-data { width: 100%; } .redeem_page .redeem-category-landing .category-grid .right-data { width: 100%; } .redeem_page .redeem-category-landing .category-grid .category-data { margin-bottom: 30px; } .redeem_page .redeem-category-landing .category-grid .category-data figure .img-name { padding-bottom: 67%; } .redeem_page .redeem-category-landing .category-grid .category-data.travel figure .img-name { padding-bottom: 67%; } .redeem_page .redeem-category-landing .category-grid .category-data.gift-cards { margin-bottom: 30px; } .redeem_page .redeem-category-landing .category-grid .category-data.lifestyle figure .img-name { padding-bottom: 67%; } } @media screen and (max-width: 641px) { .redeem_page { /*---------------Amplify code update---------------*/ } .redeem_page .redeem-category-landing .heading { margin: 20px 0; } .redeem_page .redeem-category-landing .heading h2 { font-size: 26px; margin-bottom: 15px; text-align: left; } .redeem_page .redeem-category-landing .heading p { text-align: left; } .redeem_page .red-banner { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/2177054_Amplify_Banners_STG_Base_MB_FA_v1.png"); background-size: cover; padding: 50px 0; } .redeem_page .red-banner > a { padding: 50px 0; } .redeem_page.amplify .redeem-category-landing .heading h2 { text-align: center; } .redeem_page.amplify .redeem-category-landing .heading p { text-align: center; } .redeem_page.amplify .red-banner { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/2177054_Amplify_Banners_STG_Base_MB_FA_v1.png"); } } @media screen and (max-width: 481px) { .redeem_page .redeem-category-landing .category-grid .category-data figure figcaption h3 { font-size: 26px; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links { position: static; padding-top: 10px; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul { width: 98%; margin: 10px auto; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul li { min-width: 50%; margin-bottom: 10px; } .redeem_page .redeem-category-landing .category-grid .category-data .detail-links ul li a { color: #2D373E; font-size: 13px; } .redeem_page .red-banner .heading h2 { font-size: 42px; } } .public_page.freeform_page_temp { padding-bottom: 0; float: none; margin-bottom: 0; background-color: #f9f9f9; } .public_page.freeform_page_temp .top-banner { margin-bottom: 50px; } .public_page.freeform_page_temp .ready-to-redeem { text-align: center; background: #f4f3ef; padding: 100px 0; /*---*/ } .public_page.freeform_page_temp .ready-to-redeem h2 { font-size: 36px; margin-bottom: 30px; text-align: center; } .public_page.freeform_page_temp .ready-to-redeem p { color: #2D373E; line-height: 1.4; } .public_page.freeform_page_temp .ready-to-redeem p a { color: #E30000; font-weight: 700; } .public_page.freeform_page_temp .ready-to-redeem .mobile { display: none; } .public_page.freeform_page_temp .ready-to-redeem .button-container a.button { width: auto; } .public_page.freeform_page_temp .ready-to-redeem .button-container a.button span { padding-left: 20px; padding-right: 20px; } .public_page.freeform_page_temp .ready-to-redeem.amplify { background: #ffffff; } .public_page.freeform_page_temp .ready-to-redeem.amplify p { color: #004833; } .public_page.freeform_page_temp .ready-to-redeem.amplify a.button.mobile { background-color: #78be20 !important; border-color: #78be20 !important; } .public_page.freeform_page_temp .ready-to-redeem.amplify a.button.mobile span { color: #004833; } .public_page.freeform_page_temp .amplify-rewards { padding: 70px 0 50px; text-align: center; } .public_page.freeform_page_temp .amplify-rewards .data { margin: 0 auto; max-width: 1180px; width: 92%; } .public_page.freeform_page_temp .amplify-rewards h2 { float: none; text-align: center; margin-bottom: 25px; } .public_page.freeform_page_temp .amplify-rewards p { float: none; color: #004833; line-height: 1.4; max-width: 855px; margin: 0 auto 20px; } .public_page.freeform_page_temp .amplify-rewards .button-container a.button { width: auto; margin-top: 10px; } .public_page.freeform_page_temp .amplify-rewards .button-container a.button span { padding-left: 20px; padding-right: 20px; } .public_page.freeform_page_temp .accessing-your-rewards-account { padding: 70px 0 50px; text-align: center; background: #F1F1EF; } .public_page.freeform_page_temp .accessing-your-rewards-account .data { margin: 0 auto; max-width: 1180px; width: 92%; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .column-3 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 55px; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .column-3 .reward-wrapper { width: 31.5%; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .column-3 .reward-wrapper p { max-width: 300px; margin: 0 auto; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .heading { margin-bottom: 80px; } .public_page.freeform_page_temp .accessing-your-rewards-account .data h2 { text-align: center; margin-bottom: 15px; } .public_page.freeform_page_temp .accessing-your-rewards-account .data p { float: none; color: #004833; line-height: 1.4; max-width: 700px; margin: 0 auto 30px; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .icon-wrapper { padding: 0; display: inline-block; margin-bottom: 20px; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .icon-wrapper .icon { background-repeat: no-repeat; background-position: center top; background-size: contain; width: 90px; height: 90px; display: block; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .icon-wrapper .icon.desktop { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-desktop-green.png"); } .public_page.freeform_page_temp .accessing-your-rewards-account .data .icon-wrapper .icon.mobile { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-mobile-green_01.png"); } .public_page.freeform_page_temp .accessing-your-rewards-account .data .icon-wrapper .icon.phone { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-phone-green.png"); } .public_page.freeform_page_temp .accessing-your-rewards-account .data .title { font-size: 24px; color: #004833; font-weight: 400; margin-bottom: 15px; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .button-container a.link { text-decoration: underline; } .public_page.freeform_page_temp .a-more-rewarding-program { padding: 110px 0 100px; text-align: center; background: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/bg-rewarding-program.jpg") no-repeat center top; background-size: cover; } .public_page.freeform_page_temp .a-more-rewarding-program .data { margin: 0 auto; max-width: 1180px; width: 94%; } .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 0; } .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 .reward-wrapper { width: 23.5%; max-width: 205px; } .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 .reward-wrapper p { margin-bottom: 10px; } .public_page.freeform_page_temp .a-more-rewarding-program .data .heading { margin-bottom: 80px; } .public_page.freeform_page_temp .a-more-rewarding-program .data h2 { text-align: center; margin-bottom: 15px; } .public_page.freeform_page_temp .a-more-rewarding-program .data p { float: none; min-height: 60px; color: #004833; line-height: 1.4; max-width: 800px; margin: 0 auto 30px; } .public_page.freeform_page_temp .a-more-rewarding-program .data .icon-wrapper { padding: 0; display: inline-block; margin-bottom: 20px; } .public_page.freeform_page_temp .a-more-rewarding-program .data .icon-wrapper .icon { background-repeat: no-repeat; background-position: center top; background-size: contain; width: 90px; height: 90px; display: block; } .public_page.freeform_page_temp .a-more-rewarding-program .data .icon-wrapper .icon.merchandise { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-merchandise-green.png"); } .public_page.freeform_page_temp .a-more-rewarding-program .data .icon-wrapper .icon.travel { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-travel-green.png"); } .public_page.freeform_page_temp .a-more-rewarding-program .data .icon-wrapper .icon.gift-card { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-gift-card-green.png"); } .public_page.freeform_page_temp .a-more-rewarding-program .data .icon-wrapper .icon.frequent-flyer { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-frequent-flyer-green.png"); } .public_page.freeform_page_temp .a-more-rewarding-program .data .title { font-size: 24px; color: #004833; font-weight: 400; margin-bottom: 15px; } .public_page.freeform_page_temp .a-more-rewarding-program .data .button-container a.link { text-decoration: underline; } .public_page.freeform_page_temp.amplify { background-color: #ffffff; } .public_page.freeform_page_temp.amplify .top-slider { margin-bottom: 0; } .public_page.freeform_page_temp.amplify .ready-to-redeem p a { color: #004833; } .reward-center { padding: 50px 0; background: #f4f3ef; } .reward-center.lightgrey { background: #F9F9F8; } .reward-center .data { width: 94%; max-width: 1180px; margin: 0 auto; text-align: center; } .reward-center .data p { color: #2D373E; max-width: 760px; margin: 0 auto 40px; line-height: 1.4; float: none; } .reward-center .data p:last-child { margin-bottom: 0; } .reward-center .data h3 { max-width: 610px; margin: 0 auto 80px; line-height: 1.4; font-size: 24px; font-weight: 500; } .reward-center .data .column-3 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 55px; } .reward-center .data .column-3 .reward-wrapper { width: 32%; } .reward-center .data .phone-button { padding: 20px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; margin-bottom: 20px; background: #ffffff; } .reward-center .data .phone-button .icon-desktop { background: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-desktop-green.png") no-repeat center top; background-size: contain; width: 90px; height: 90px; display: block; } .reward-center .data .phone-button .icon-mobile { background: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-mobile-green_01.png") no-repeat center top; background-size: contain; width: 90px; height: 90px; display: block; } .reward-center .data .phone-button .icon-phone { background: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-phone-green.png") no-repeat center top; background-size: contain; width: 90px; height: 90px; display: block; } .reward-center .data .title { font-size: 16px; color: #621A4B; font-weight: 700; margin-bottom: 10px; } .reward-center .data .contact { color: #2D373E; font-size: 30px; font-weight: 700; margin-bottom: 20px; } .public_page.freeform_page_temp #extra_footer_main, .product_page.freeform_page_temp #extra_footer_main { position: absolute; z-index: 100; float: left; width: 100%; color: #004833; background: #78BE20; } .public_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content, .product_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content { background: #78BE20; } .public_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content.firstcontent, .product_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content.firstcontent { margin-bottom: 25px; } .public_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul, .product_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul { float: left; margin: 62px 0px 0px; text-align: right; } .public_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul li, .product_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul li { float: right; margin-left: 0px; margin-bottom: 14px; width: 100%; text-align: right; position: relative; } .public_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul li a, .product_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul li a { color: #004833; } .public_page.freeform_page_temp #extra_footer_main .extra-footer-logo.contactus, .product_page.freeform_page_temp #extra_footer_main .extra-footer-logo.contactus { float: left; margin: 40px 5px; width: 57px; height: 50px; cursor: default; } .public_page.freeform_page_temp #extra_footer_main .extra-footer-logo.contactus img, .product_page.freeform_page_temp #extra_footer_main .extra-footer-logo.contactus img { width: 100%; height: 100%; object-fit: cover; object-position: left; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo, .product_page.freeform_page_temp #header_main_extra.extra-header-logo { float: left; width: 70%; height: 73px; position: absolute; top: 48px; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo .header_top_row, .product_page.freeform_page_temp #header_main_extra.extra-header-logo .header_top_row { background: #FFFFFF; position: absolute; top: 0; left: 0px; width: 100%; z-index: 1000; border-bottom: 1px solid #e8e8ed; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo .header_top_row .row, .product_page.freeform_page_temp #header_main_extra.extra-header-logo .header_top_row .row { max-width: 100%; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo .header_top_row #nav_holder, .product_page.freeform_page_temp #header_main_extra.extra-header-logo .header_top_row #nav_holder { height: 73px; background: transparent; box-shadow: 0 0px 0 transparent; border-radius: 0px; overflow: visible; margin: 0 auto; position: relative; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra, .product_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra { height: 72px; width: 100%; max-width: 1800px; float: none; margin: 0 auto; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra h1, .product_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra h1 { float: left; margin: 11px 25px 11px 0; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra a, .product_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra a { cursor: auto; height: 51px; width: 298px; background-size: cover; } /*--Media queries---*/ @media screen and (min-width: 1900px) { .public_page.freeform_page_temp #header_main_extra.extra-header-logo, .product_page.freeform_page_temp #header_main_extra.extra-header-logo { left: 37%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } } @media screen and (max-width: 1181px) { .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 .reward-wrapper { width: 48%; margin-bottom: 40px; max-width: none; } .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 .reward-wrapper p { max-width: 200px; } .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 .reward-wrapper .button-container { max-width: 200px; margin: 0 auto; } } @media screen and (max-width: 1024px) { .public_page.freeform_page_temp #header_main_extra.extra-header-logo, .product_page.freeform_page_temp #header_main_extra.extra-header-logo { height: 55px; top: 0; z-index: 100; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra, .product_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra { height: 55px; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra h1, .product_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra h1 { margin: 6px 25px 6px 0; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra a, .product_page.freeform_page_temp #header_main_extra.extra-header-logo #main_extra a { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/sgb_mobile_logo.png") !important; background-size: contain; height: 38px; width: 159px; margin-left: 10px; } .public_page.freeform_page_temp #header_main_extra.extra-header-logo .header_top_row #nav_holder, .product_page.freeform_page_temp #header_main_extra.extra-header-logo .header_top_row #nav_holder { height: 55px; } } @media screen and (max-width: 961px) { .reward-center .data h3 { font-size: 20px; } } @media screen and (max-width: 768px) { .public_page.freeform_page_temp .ready-to-redeem { text-align: left; padding: 20px 0; /*---*/ } .public_page.freeform_page_temp .ready-to-redeem .row { width: 86%; margin: 0 auto; } .public_page.freeform_page_temp .ready-to-redeem h2 { font-size: 30px; text-align: left; } .public_page.freeform_page_temp .ready-to-redeem .non-mobile { display: none; } .public_page.freeform_page_temp .ready-to-redeem .mobile { display: block; } .public_page.freeform_page_temp .ready-to-redeem .button-container a.button { width: 100%; } .public_page.freeform_page_temp .ready-to-redeem.amplify { text-align: center; padding: 50px 0; } .public_page.freeform_page_temp .ready-to-redeem.amplify h2 { text-align: center; } .public_page.freeform_page_temp .amplify-rewards { padding: 40px 0; } .public_page.freeform_page_temp .amplify-rewards h2 { font-size: 24px; } .public_page.freeform_page_temp .accessing-your-rewards-account { padding: 40px 0; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .heading { margin-bottom: 30px; } .public_page.freeform_page_temp .accessing-your-rewards-account .data h2 { font-size: 24px; margin-bottom: 20px; line-height: 1.4; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .column-3 { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; } .public_page.freeform_page_temp .accessing-your-rewards-account .data .column-3 .reward-wrapper { width: 100%; margin-bottom: 40px; } .public_page.freeform_page_temp .a-more-rewarding-program { padding: 40px 0; } .public_page.freeform_page_temp .a-more-rewarding-program .data .heading { margin-bottom: 60px; } .public_page.freeform_page_temp .a-more-rewarding-program .data h2 { font-size: 24px; line-height: 1.4; } .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; } .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 .reward-wrapper { width: 100%; margin: 0 auto 40px; } .public_page.freeform_page_temp .a-more-rewarding-program .data .column-4 .reward-wrapper:last-child { margin-bottom: 0; } .reward-center { border: 2px solid #D7D2CB; background-color: #ffffff; padding: 40px 0 30px; } .reward-center .data { width: 90%; } .reward-center .data p { text-align: left; margin-bottom: 25px; } .reward-center .data h3 { font-size: 18px; margin-bottom: 40px; } .reward-center .data .phone-button { background: #F9F9F8; } .reward-center .data .reward-wrapper p { text-align: center; } .reward-center .data .column-3 { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .reward-center .data .column-3 .reward-wrapper { width: 100%; margin-bottom: 45px; } .reward-center.lightgrey { border: 0 none; } .reward-center.lightgrey .data .phone-button { background: #ffffff; } } @media screen and (max-width: 641px) { .public_page.freeform_page_temp .amplify-rewards .button-container a.button { width: 100%; } .public_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul li, .product_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul li { float: left; text-align: left; } .public_page.freeform_page_temp #extra_footer_main .extra-footer-logo.contactus, .product_page.freeform_page_temp #extra_footer_main .extra-footer-logo.contactus { margin: 6px 5px 0; } .public_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul, .product_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content ul { margin: 10px 0px 0px; } .public_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content.firstcontent, .product_page.freeform_page_temp #extra_footer_main .footer_textupload section.index.page_content.firstcontent { margin-bottom: 80px; } } .product_page.freeform_page_temp .things-you-know, .public_page.freeform_page_temp .things-you-know { padding: 90px 0 25px; } .product_page.freeform_page_temp .things-you-know .data, .public_page.freeform_page_temp .things-you-know .data { max-width: 1180px; width: 94%; margin: 0 auto; background: #ffffff; border: 2px solid #D7D2CB; padding: 45px 4%; } .product_page.freeform_page_temp .things-you-know .data h3, .public_page.freeform_page_temp .things-you-know .data h3 { margin-bottom: 25px; font-size: 16px; font-weight: 700; } .product_page.freeform_page_temp .things-you-know .data p, .public_page.freeform_page_temp .things-you-know .data p { float: none; color: #2D373E; line-height: 1.4; } .product_page.freeform_page_temp .things-you-know .data p.sm-margin, .public_page.freeform_page_temp .things-you-know .data p.sm-margin { margin-bottom: 15px; } .product_page.freeform_page_temp .things-you-know .data p a, .public_page.freeform_page_temp .things-you-know .data p a { color: #E30000; font-style: italic; text-decoration:underline; } .product_page.freeform_page_temp .things-you-know .data ul, .public_page.freeform_page_temp .things-you-know .data ul { float: none; margin: 0 0 1rem 0; } .product_page.freeform_page_temp .things-you-know .data ul li, .public_page.freeform_page_temp .things-you-know .data ul li { float: none; padding-left: 25px; margin-bottom: 10px; position: relative; color: #2D373E; line-height: 1.4; } .product_page.freeform_page_temp .things-you-know .data ul li:before, .public_page.freeform_page_temp .things-you-know .data ul li:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-pdf.png") no-repeat 0px 0px; } .product_page.freeform_page_temp { padding-bottom: 0; float: none; margin-bottom: 0; background-color: #f4f3f0; } .product_page.freeform_page_temp .top-banner { margin-bottom: 60px; } .product_page.freeform_page_temp .top-slider .back_button { position: absolute; top: -28px; left: 13px; width: calc(100% - 13px); } .product_page.freeform_page_temp .top-slider .back_button a span { color: #ffffff !important; } .product_page.freeform_page_temp .top-slider .back_button a:before { position: absolute; left: 0; background-image: url(../../altitude/images/wrp_icon_left_arrow-white.png); left: -2px; top: 17px; } .product_page.freeform_page_temp .heading { margin: 0 auto 30px; max-width: 1180px; width: 90%; } .product_page.freeform_page_temp .heading h2 { text-align: center; margin-bottom: 20px; } .product_page.freeform_page_temp .heading p { color: #2D373E; float: none; text-align: center; width: 100%; margin: 0 auto 30px; max-width: 600px; line-height: 1.5; } .product_page.freeform_page_temp .reward-types { text-align: center; margin: 0 auto 35px; max-width: 1180px; width: 90%; } .product_page.freeform_page_temp .reward-types h3 { color: #621A4B; text-align: center; margin-bottom: 25px; font-size: 24px; line-height: 1.4; } .product_page.freeform_page_temp .reward-types a.link { display: inline-block; border: 4px solid #D7D2CB; background: #ffffff; color: #2D373E; font-size: 16px; padding: 25px 20px; line-height: 1.4; min-width: 200px; margin: 0 8px 10px; } .product_page.freeform_page_temp .product-conatiner { margin: 0 auto 30px; padding: 40px 0; border-bottom: 8px solid #ffffff; max-width: 1180px; width: 94%; } .product_page.freeform_page_temp .product-conatiner#cashback { margin-bottom: 0; border-bottom: 0 none; } .product_page.freeform_page_temp .product-conatiner .products-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: center; -ms-flex-pack: flex-start; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 23.8%; margin-right: 1.6%; margin-bottom: 45px; overflow: hidden; background: #ffffff; text-align: center; padding: 0; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product:nth-child(4n) { margin-right: 0; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product figure { display: block; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product figure span.img-name { width: 100%; display: block; height: 0; padding-bottom: 103%; margin-bottom: 15px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #ffffff; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product figure figcaption { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; -khtml-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; -o-box-orient: horizontal; box-orient: horizontal; -webkit-box-pack: end; -khtml-box-pack: end; -moz-box-pack: end; -ms-box-pack: end; -o-box-pack: end; box-pack: end; -webkit-box-align: center; -khtml-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; font-size: 16px; color: #2D373E; min-height: 44px; padding: 0 10px; line-height: 1.4; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product .point-info { background: #621A4B; color: #ffffff; padding: 20px 2%; font-size: 16px; } .product_page.freeform_page_temp .product-conatiner .products-wrapper .button-container { width: 100%; text-align: right; } .product_page.freeform_page_temp .product-conatiner .products-wrapper .button-container a { color: #2D373E; padding: 10px 5px; display: inline-block; } .product_page.freeform_page_temp .product-conatiner .products-wrapper .button-container a:before { content: ""; background: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/wrp_arrow_icon1x.png") no-repeat 0px 0px; padding-left: 20px; } .product_page.freeform_page_temp .border-bottom-0 { border-bottom: 0 none !important; } .product_page.freeform_page_temp .margin-bottom-0 { margin-bottom: 0 !important; } .product_page.freeform_page_temp.amplify .heading p { color: #004833; } .product_page.freeform_page_temp.amplify .reward-types { width: 94%; margin: 50px auto 30px; } .product_page.freeform_page_temp.amplify .reward-types #breadcrumb { margin: 0 0 50px 0; float: none; } .product_page.freeform_page_temp.amplify .reward-types #breadcrumb li { font-family: helvetica, sans-serif, arial; font-size: 14px; color: #D5002B; float: none !important; text-transform: none; } .product_page.freeform_page_temp.amplify .reward-types #breadcrumb li a { color: #004833; } .product_page.freeform_page_temp.amplify .reward-types #breadcrumb li:last-child { color: #004833; } .product_page.freeform_page_temp.amplify .reward-types h3 { color: #004833; font-weight: 700; } .product_page.freeform_page_temp.amplify .reward-types a.link { margin: 0 1.1% 10px 0; width: 23.8%; color: #004833; } .product_page.freeform_page_temp.amplify .reward-types a.link:last-child { margin-right: 0; } .product_page.freeform_page_temp.amplify .product-conatiner .products-wrapper article.product figure figcaption { color: #004833; } .product_page.freeform_page_temp.amplify .product-conatiner .products-wrapper article.product .point-info { background: #048938; } .product_page.freeform_page_temp.amplify .reward-center .data .contact { color: #333333; } .product_page.freeform_page_temp.amplify .reward-center .data h3 { font-weight: 700; font-family: dragonbold; font-size: 24px; max-width: 780px; } .product_page.freeform_page_temp.amplify .reward-center .data p { color: #004833; } .product_page.freeform_page_temp.amplify .reward-center .data .title { color: #004833; } .product_page.freeform_page_temp.amplify .reward-center .data .phone-button { background-color: transparent; border-radius: 0; margin-bottom: 0; } .product_page.freeform_page_temp.amplify .reward-center .data .phone-button .icon-phone { background: transparent url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-phone-amplify.png) no-repeat center top; background-size: contain; width: 90px; height: 90px; } .product_page.freeform_page_temp.amplify .reward-center .data .phone-button .icon-mail { background: transparent url(https://mtf.loyaltygateway.com/ProgramInfo/10688/images/icon-mail-amplify.png) no-repeat center top; background-size: contain; width: 90px; height: 90px; } /*--Media queries---*/ @media screen and (max-width: 961px) { .product_page.freeform_page_temp .reward-types h3 { font-size: 18px; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product { width: 30%; margin-right: 5%; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product:nth-child(4n) { margin-right: auto; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product:nth-child(3n) { margin-right: 0; } } @media screen and (max-width: 768px) { .product_page.freeform_page_temp .things-you-know, .public_page.freeform_page_temp .things-you-know { padding: 45px 0; } .product_page.freeform_page_temp .top-banner { margin-bottom: 40px; } .product_page.freeform_page_temp .heading { width: 100%; } .product_page.freeform_page_temp .heading h2 { text-align: left; font-size: 30px; } .product_page.freeform_page_temp .heading p { text-align: left; } .product_page.freeform_page_temp .reward-types { margin-bottom: 30px; width: 92%; } .product_page.freeform_page_temp .reward-types h3 { font-size: 16px; } .product_page.freeform_page_temp .reward-types a.link { padding: 10px; display: block; width: 100%; margin: 0 0 10px; } .product_page.freeform_page_temp .product-conatiner { padding: 20px 0; margin-bottom: 10px; width: 92%; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product { width: 48%; margin-right: 4%; margin-bottom: 20px; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product:nth-child(3n) { margin-right: auto; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product:nth-child(2n) { margin-right: 0; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product figure figcaption { font-size: 14px; min-height: 40px; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product .point-info { padding: 10px 2%; font-size: 14px; line-height: 1.4; } .product_page.freeform_page_temp .product-conatiner .products-wrapper article.product .point-info strong { display: block; } .product_page.freeform_page_temp.amplify .product-conatiner .heading h2 { text-align: center; } .product_page.freeform_page_temp.amplify .product-conatiner .heading p { text-align: center; } .product_page.freeform_page_temp.amplify .reward-types a.link { width: 100%; } } /*---*/ /* Custom grey html box */ .custom-html-block { margin: 30px 0; } .custom-html-block .grey-box { background: #D7D2CB; padding: 30px 10%; } .custom-html-block .white-box { background: #ffffff; padding: 30px 10%; } .custom-html-block.text-center { text-align: center; } .custom-html-block.red-border { border-bottom: 1px solid #D5002B; } /*Media queries*/ @media screen and (max-width: 641px) { .custom-html-block .grey-box { padding: 30px 5%; } .custom-html-block .white-box { padding: 30px 5%; } .custom-html-block h4 { font-size: 36px; } .red_border_height_1px { margin: 0 5%; } .back_button a:before { background-image: url("https://mtf.loyaltygateway.com/ProgramInfo/10688/images/wrp_icon_left_arrow.png"); width: 16px; height: 16px; margin-right: 10px; } .back_button a span { font-family: helvetica, sans-serif, arial; color: #D5002B !important; } } /* * ============================================================================ * Custom CSS - v0.15 Amplify * ============================================================================ */