/* *----------------------------------------------------------------- * Licensed Materials - Property of IBM * * WebSphere Commerce * * (C) Copyright IBM Corp. 2013, 2014 All Rights Reserved. * * US Government Users Restricted Rights - Use, duplication or * disclosure restricted by GSA ADP Schedule Contract with * IBM Corp. *----------------------------------------------------------------- */ /*** Typography ***/ /*********** Elegant Font Icons ***********/ @font-face { font-family: 'ElegantIcons'; src:url('../fonts/ElegantIcons.eot'); src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('../fonts/ElegantIcons.woff') format('woff'), url('../fonts/ElegantIcons.ttf') format('truetype'), url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg'); font-weight: normal; font-style: normal; } /*Mona Farag SO adding Giner font DWR-4068 */ @font-face { font-family: 'F37 Ginger Bold'; src: url('../fonts/ginger/F37Ginger-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Bold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-Bold.svg#7db0a735880422cc5fa2f936a390d651') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'F37 Ginger BoldItalic'; src: url('../fonts/ginger/F37Ginger-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-BoldItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-BoldItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-BoldItalic.svg#bb8d7a6ec0d5deda275935ab00ad83ba') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'F37 Ginger Italic'; src: url('../fonts/ginger/F37Ginger-Italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-Italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Italic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-Italic.svg#630483153372c6803c45567348abcad0') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'F37 Ginger Light'; src: url('../fonts/ginger/F37Ginger-Light.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Light.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-Light.svg#4a1efc7fd28af5705abda90f380987ed') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'F37 Ginger LightItalic'; src: url('../fonts/ginger/F37Ginger-LightItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-LightItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-LightItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-LightItalic.svg#1c7eff18379a490689d240dabfae793f') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'F37Ginger'; src: url('../fonts/ginger/F37Ginger-Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Regular.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-Regular.svg#cd0eb1181545a540be3acd13cd87c831') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'F37 Ginger Thin'; src: url('../fonts/ginger/F37Ginger-Thin.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-Thin.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Thin.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-Thin.svg#f3e13b7d84e2887d1408955c128d7a0a') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'F37 Ginger ThinItalic'; src: url('../fonts/ginger/F37Ginger-ThinItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-ThinItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-ThinItalic.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-ThinItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-ThinItalic.svg#337ef199cf72f1b39d8898efcdfd3ac9') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } /*Mona Farag EO adding Giner font DWR-4068 */ /*Mona Farag SO DWR-4068 Please DON'T DELETE without confirmation: this duplicate for adding Ginger font under the name of Vag font to handle inline styles and Coremedia files*/ @font-face { font-family: 'VAG Rounded W01 Bold'; src: url('../fonts/ginger/F37Ginger-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Bold.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-Bold.svg#7db0a735880422cc5fa2f936a390d651') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: VAGRounded; src: url('../fonts/ginger/F37Ginger-Regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/ginger/F37Ginger-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/ginger/F37Ginger-Regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Regular.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/ginger/F37Ginger-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/ginger/F37Ginger-Regular.svg#cd0eb1181545a540be3acd13cd87c831') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } /*Mona Farag EO DWR-4068 Please DON'T DELETE without confirmation: this duplicate for adding Ginger font under the name of Vag font to handle inline styles and Coremedia files*/ input[type=text], input[type=password] { -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .button_text p { color: #004990 !important; } .containerMaxWidth { max-width: 1440px; margin: 0 auto; } .fullWidthPageMaxWidth { max-width: 1600px; margin: 0 auto; } optgroup { display: none; } [data-icon]:before { font-family: 'ElegantIcons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon__q, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard { font-family: 'ElegantIcons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } /*********** END Elegant Font Icons ***********/ @media (max-width: 600px) { /* Stops input zoom on iphone */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select#dobDayAdc, select#dobMonthAdc, select#dobYearAdc { font-size: 16px !important; } } button, input, textarea, select { margin: 0; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; } input,textarea{color: #4c4c4c;} textarea::-webkit-input-placeholder{color: #4c4c4c;} textarea:-moz-placeholder{color: #4c4c4c;} textarea::-moz-placeholder{color: #4c4c4c;} textarea:-ms-input-placeholder{color: #4c4c4c;} input::-webkit-input-placeholder{color: #4c4c4c;} input::-moz-placeholder{color: #4c4c4c;} input:-ms-input-placeholder{color: #4c4c4c;} fieldset, iframe, img { margin: 0; padding: 0; border: 0; } .clearfix { clear:both } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } dl, ol, ul { margin: 0; } body{ pointer-events:none; } /* Button */ .basicButton { display: inline-block; position: relative; background-color: #004990; border-radius: 3px; border-spacing: 0; vertical-align: middle; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #ffffff; } .basicButton:hover { background-color: #003a73; } .basicButton > span { display: table-cell; height: 30px; padding: 0 15px; line-height: normal; text-align: center; vertical-align: middle; font-size: 14px; } /* Department button */ .departmentButton { display: inline-block; position: relative; margin: 0; border-radius: 3px; border-spacing: 0; vertical-align: middle; outline: 0px none; } .departmentButton.selected > span { border-color: #fdd466; } #departmentsMenu > li:first-child .departmentButton span { padding: 0; } /* email preferences */ #header_hd p { color: #004990; } #cmscontentarea a{ text-decoration:underline; } .welcomemsg_align{ margin-bottom:20px; } .hd_align_style{ color: #333; font-family:F37 Ginger Bold,Arial,sans-serif;font-size: 18px; line-height: 20px;margin-bottom:2%;margin-top:2%; } .msg_align_style{ width:100%;color: #333;font-family: Arial,sans-serif;font-size: 16px;line-height: 20px;margin-bottom: 15px; } .email_align_style{ width:100%; } .cmscontent_align_message{ padding-bottom: 20px; } .newslettter_selected_message{ float: left;width: 50%;margin-left: 0px; } .email_align_a_style{ text-decoration:underline;display: inline-block;float: right;text-align:right;position: absolute;right:15.5% } .boots_email_newsletter_style{ border-bottom:#cccccc solid 1px; margin-top:25px; } .boots_email_declare_style{ margin-top: 20px; } .nwltr_title_declare{ color: #333;font-family:F37 Ginger Bold,Arial,sans-serif;font-size: 16px;line-height: 20px; } .button_name_confirm{ padding: 35px 0px 35px;float:none;height:40px;font-family:F37 Ginger Bold,Tahoma,Arial,sans-serif;line-height: 40px;font-size:18px;text-align: center; } .buttom_name_link{ width:225px;float:right;font-size:0.9em; } .email_newsletters_title_content{ color: #333;font-family:F37 Ginger Bold,Arial,sans-serif;font-size: 16px;line-height: 20px;margin-bottom: 5px; } .preferences_con_padding{ padding-bottom:0px; } .nwsletr_align_margin{ margin-left:31px; } @media (min-width: 601px) and (max-width: 1280px) { .email_align_a_style{ right:5%; } .buttom_name_link{ width:175px; } .buttom_name_link .button_text{ font-size: 1.1em !important; } } @media (max-width: 600px) { .email_align_a_style{ right:3%; } .buttom_name_link{ width:150px; } } /* Menu */ .basicMenu { display: none; } .basicMenu.active { display: block; position: absolute; top: 100%; z-index: 20; background-color: #ffffff; border: 1px solid #c9cece; border-radius: 0 0 4px 4px; } .basicMenu > h3, .basicMenu > .closeButton { display: none; } .basicMenu > ul { margin: 0; padding: 0 16px 16px 16px; list-style: none; } .basicMenu > ul > li { padding: 8px 0; border-bottom: 1px solid #c9cece; } .basicMenu > ul > li > a { display: block; margin: 0 -8px; padding: 8px; } .basicMenu > ul > li > span { display: block; padding: 8px 0; } /* Underline decoration */ .basicMenu a, .departmentMenu a, #quickLinksBar > li > a, #searchFilterButton { text-decoration: none; } .basicMenu a:hover, .departmentMenu a:hover, #quickLinksBar > li > a:hover, #searchFilterButton:hover, .product_name > a:hover { text-decoration: underline; } /* Arrow decoration */ #searchButton:after, .pageControlButton:after { content: ""; display: block; position: absolute; width: 7px; height: 7px; right: 3px; bottom: 3px; background-image: url("../../images/responsive/rwdUI_boots.png"); background-position: -101px -1px; } .departmentButton.selected:after { content: " "; background-position: -21px -21px; } #quickLinksButton:after { bottom: 10px; background-position: -121px -1px; } #departmentsButton:after, #allDepartmentsButton:after, #searchButton:after { background-position: -121px -1px; } #quickLinksButton.selected:after, #widget_minishopcart.selected:after, #departmentsButton.selected:after, #allDepartmentsButton.selected:after, #searchButton.selected:after { content: " "; background-position: -241px -21px; } .pageControlButton:after { background-position: -141px -1px; } /* Marketing content */ .left_espot { position: relative; z-index: 0; } @media (max-width: 600px) { .left_espot { position: relative; z-index: 0; } } @media (max-width: 600px){ .store_directions_title { font-size: 1.1em; } } .left_espot.centered { text-align: center; } .left_espot.centered > a, .left_espot.centered > img { display: inline-block; max-width: 100%; vertical-align: top; } .left_espot.centered > a > img { display: block; max-width: 100%; } /* Subscribe button */ .subscribeButton { position: absolute; right: 5px; top: 5px; z-index: 1; background-color: rgba(0,0,0,0); line-height: 0; } .subscribeButton:before { content: url("../../images/responsive/rss_feed.png"); } /*** Grid system ***/ /* Row container */ .rowContainer, .rowContainer > .row { padding: 5px 0; } .rowContainer > .row.margin-true { padding: 0 5px; } .row.margin-true > div > div { margin: 10px 5px; } .row.margin-true > div > div:first-of-type { margin-top: 5px; } .row.margin-true > div > div:last-of-type { margin-bottom: 5px; } .row.margin-true > div > .row { margin: 0 !important; } /* Row */ .row:after { content: ""; display: block; clear: both; } .row > div { float: left; } .row > .right { float: right; } /* Columns */ .col1 { width: 8.333333%; } .col2 { width: 16.666666%; } .col3 { width: 25%; } .col4 { width: 33.333333%; } .col5 { width: 41.666666%; } .col6 { width: 50%; } .col7 { width: 58.333333%; } .col8 { width: 66.666666%; } .col9 { width: 75%; } .col10 { width: 83.333333%; } .col11 { width: 91.666666%; } .col12 { width: 100%; } /* * RWD-A - 0-600px * RWD-B - 601-1280px * RWD-C - 1281px+ */ /* Grid system - RWD-A */ @media (max-width: 600px) { .acol1 { width: 8.333333%; } .acol2 { width: 16.666666%; } .acol3 { width: 25%; } .acol4 { width: 33.333333%; } .acol5 { width: 41.666666%; } .acol6 { width: 50%; } .acol7 { width: 58.333333%; } .acol8 { width: 66.666666%; } .acol9 { width: 75%; } .acol10 { width: 83.333333%; } .acol11 { width: 91.666666%; } .acol12 { width: 100%; } .rowContainer > .row.margin-true { padding-left: 0; padding-right: 0; } .row.margin-true > div > div { margin-left: 0; margin-right: 0; } } /* Grid system - RWD-C */ @media (min-width: 1281px) { .ccol1 { width: 8.333333%; } .ccol2 { width: 16.666666%; } .ccol3 { width: 25%; } .ccol3_custom_20 { width: 20%; } .ccol4 { width: 33.333333%; } .ccol5 { width: 41.666666%; } .ccol6 { width: 50%; } .ccol7 { width: 58.333333%; } .ccol8 { width: 66.666666%; } .ccol9 { width: 75%; } .ccol9_custom_80 { width: 80%; } .ccol10 { width: 83.333333%; } .ccol11 { width: 91.666666%; } .ccol12 { width: 100%; } .rowContainer, .rowContainer > .row { padding: 10px 0; } .rowContainer > .row.margin-true { padding: 0 10px; } .row.margin-true > div > div { margin: 20px 10px; } .row.margin-true > div > div:first-of-type { margin-top: 10px; } .row.margin-true > div > div:last-of-type { margin-bottom: 10px; } } /* wc/widget/Grid - fluid grid responsive to container width */ .grid { margin: 0; padding: 0; list-style: none; min-height:600px; } .grid > li { display: inline-block; vertical-align: top; } /*** Header ***/ #header { position: relative; background-color: #ffffff; font-size: 14px; line-height: normal; /* Needed because of bad CSS reset */ z-index: 10; padding: 18px 20px 0 18px; border-bottom: 2px solid #d5e6f7; } #headerRow1 { position: relative; height: 78px; } #headerRow2 { position: relative; min-height: 44px; } #headerRow1:after, #headerRow2:after { content: ""; display: block; clear: both; } /* Logo */ #logo { position: absolute; z-index: 1; height: 100%; } #logo .contentRecommendationWidget, #logo .contentRecommendationWidget > .left_espot, #logo .contentRecommendationWidget > .left_espot > a, #logo .contentRecommendationWidget > .left_espot > a > img, #logo .genericESpot { height: 100%; max-width: none; } /*** Quick links bar ***/ #quickLinksBar, #omniPresentLinksBar, #userControlLinksBar { margin: 0; padding: 0; color: #333333; list-style: none; text-align: right; } #quickLinksBar, #userControlLinksBar{ padding: 5px 10px 0 0; } #quickLinksBar > li, #omniPresentLinksBar > li, #userControlLinksBar > li { display: inline-block; text-align: left; vertical-align: middle; } #quickLinksBar > li.hidden, #omniPresentLinksBar > li.hidden, #userControlLinksBar > li.hidden{ position: absolute; visibility: hidden; } #quickLinksBar > li.cacheHidden, #omniPresentLinksBar > li.cacheHidden, #userControlLinksBar > li.cacheHidden{ position: absolute; visibility: hidden; } #quickLinksBar > li.separator-false, #omniPresentLinksBar > li.separator-false, #userControlLinksBar > li.separator-false{ border-right: 0 none; } #quickLinksBar > li > a, #omniPresentLinksBar > li > a, #userControlLinksBar > li > a { display: block; position: relative; margin: -5px 0; /* -10 changed to -5px to fix DWR-6140 coment issue */ padding: 9px 15px; } #quickLinksBar > li > span, #omniPresentLinksBar > li > span, #userControlLinksBar > li > span { padding: 0 15px; } #quickLinksBar > li > a > br, #omniPresentLinksBar > li > a > br, #userControlLinksBar > li > a > br { display: none; } #quickLinksBar .spanacce, #omniPresentLinksBar .spanacce, #userControlLinksBar .spanacce { width: 0; height: 0; margin: 0; padding: 0; } #quickLinksMenu.active, #omniPresentLinksBar.active, #userControlLinksBar.active { right: 15px; width: 298px; } /* -----------------------------------------------------------------------------*/ /* Basket Flex Option /* -----------------------------------------------------------------------------*/ @media (min-width: 1281px){ .flexbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; } .flexbox .col:nth-child(2) { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flexbox .col:nth-child(1) { -webkit-order: 0; -ms-flex-order: 0; order: 0; } } /* -----------------------------------------------------------------------------*/ /* RB: Mini Cart /* -----------------------------------------------------------------------------*/ #cartDropdown > .closeButton, #close_container > .closeButton { display: block; position: absolute; top: 10px; right: 10px; background-color: #E5E5E5; border-radius: 50%; width: 2em; height: 2em; font-size: 1.1em; line-height: 2em; vertical-align: middle; text-align: center; color: #fff; margin: 0 auto; } #cartDropdown > .closeButton:hover, #close_container > .closeButton:hover { background-color: #333333; } #cartDropdown > .closeButton:focus, #close_container > .closeButton:focus { outline: 0; } #cartDropdown > h3 { text-align: center; color: #004990; font-size: 1.5625em; margin-top: 5px; margin-bottom: 10px; line-height: 1.9em; } #cartDropdown > .content { padding: 0px 15px 0px 15px; } .product_image { border: 1px solid rgb(232, 232, 232); padding: 5px !important; } #cartDropdown > .footer { padding: 0px 19px 20px 19px; text-align: right; font-size: 16px; } #empty_mini_basket { padding: 80px 0px 96px 0px; text-align: center; font-size: 1.09375em; } /* -----------------------------------------------------------------------------*/ /* RB: Mini Cart end /* -----------------------------------------------------------------------------*/ /* Mini cart */ #cartDropdown { position: relative; width: 360px; background-color: #ffffff; border: 1px solid #cbd7e4; border-radius: 0 0 4px 4px; } #cartDropdown > .closeButton:hover:after { background-position: -241px -1px; } /*** Global Nav background ***/ #globalNavigationContainer{ position: absolute; top: 102px; left: 0; right: 0; background-color: #ffffff; } #globalNavigationContainer #globalNavigationContainer_eSpots .supermenu_espot{ display: none; width: 33%; text-align: center; position: absolute; right: 0; } #globalNavigationContainer #globalNavigationContainer_eSpots .supermenu_espot div.contentRecommendationWidget{ margin: 0; position: absolute; top: 0; left: 0; text-align: center; line-height: 1.8em; } #globalNavigationContainer #globalNavigationContainer_Footer_eSpot{ display: none; width: 100%; text-align: center; position: absolute; bottom: 0; min-height: 60px; margin: 0 0 15px 0; } #globalNavigationContainer #globalNavigationContainer_Footer_eSpot div.contentRecommendationWidget{ margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; line-height: 1.8em; } #globalNavigationContainer #globalNavigationContainer_Footer_eSpot div.contentRecommendationWidget p, #globalNavigationContainer #globalNavigationContainer_eSpots .supermenu_espot div.contentRecommendationWidget p{ color:#c2c2c2; font-size: 1.0625em !important; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif!important; } @media (min-width: 1281px) { #globalNavigationContainer #globalNavigationContainer_eSpots .supermenu_espot{ width: 23%; z-index: 1; } } .globalNavigationContainer:before, .globalNavigationContainer:after{ bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .globalNavigationContainer{ border-top: 2px solid #cae0f5; } .globalNavigationContainer:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: white; border-width: 12px; margin-left: -12px; } .globalNavigationContainer:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #cae0f5; border-width: 15px; margin-left: -15px; } /*** Departments bar ***/ #departmentsButton { display: none; } #topLevelMenu { margin: 0; padding: 5px 0; list-style: none; } /* 5644 { */ /* #topLevelMenu.ready { height:200px; }*/ @media (min-width:1281px) { #topLevelMenu.ready { height:200px; } } /* 5644 } */ #topLevelMenu > li{ display: inline-block; } #departmentsMenu > li > .link, #departmentsMenu > li > .toggle { display: none; } #topLevelMenu > li > .link, #topLevelMenu > li > .toggle { display: none; } /* Department menu */ .topLevelMenu{ top:72px; left:-75px; border-right: 1px solid #e6f2fc; } #departmentMenu{ padding-left:0; } #departmentMenu li{ display:table; width:100%; /*height: 3.5em; */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } .globalNavArrow, .mobileBackArrow{ font-size:28px; display: inline-block; color:#c2c2c2; top: 5px; position: relative; } .globalNavArrow{ float:right; pointer-events: none; } #topLevelMenu .mobileBackArrow{ float:left; right:-7px; } /*change for INC5893385*/ #departmentMenu li a{ display: table-cell; vertical-align: middle; width:94%; /*width:100%;*/ position: absolute; height: inherit; padding-left: 6%; /*padding-left: 20px;*/ } #departmentMenu li.highlighted{ background-color: #e5eff9; } #departmentMenu li a:focus{ outline: none; } #departmentMenu li a .departmentLinkOutput{ width: 100%; height: inherit; position: relative; color: #004990; } .departmentMenu{ width: 100%; } #departmentMenu li a .departmentLinkOutput span{ width:80%; } #departmentMenu li a .categoryLinkOutput span{ width:80%; } #departmentMenu li a .subcategoryLinkOutput span{ width:80%; } #departmentMenu li a span{ vertical-align: -webkit-baseline-middle; vertical-align: baseline-middle; top: 10px; display: block; position: relative; white-space: wrap; width:100%; } .menuItemLabel{ pointer-events:none; } .departmentMenu{ display: none; position: absolute; margin: 0; /*padding: 0 16px;*/ background-color: #FFFFFF; font-size: 12px; list-style: none; } .categoryList { display: none; position: absolute; margin: 0; padding: 0; background-color: #FFFFFF; font-size: 12px; list-style: none; border-right: 1px solid #e6f2fc; } .subcategoryMenu{ display: none; position: absolute; margin: 0; padding: 0; background-color: #FFFFFF; font-size: 12px; list-style: none; border-right: 1px solid #e6f2fc; } .departmentMenu.active, .categoryList.active, .subcategoryMenu.active { display: block; z-index: 2; } .departmentMenu > .departmentMenuPointer { background-image: url('../../boots/pointer.png'); background-repeat: no-repeat; height: 11px; width: 16px; position: absolute; top: -8px; } .departmentMenu > .header { margin: 0; padding: 8px 0; border-bottom: 1px solid #cbd7e4; font-size: inherit; } .departmentMenu > .header > .link { display: block; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1em; line-height: 18px; margin: 0 -8px; padding: 5px 8px 0 8px; } .departmentMenu > .header > .toggle { display: none; } .departmentMenu > li { height: 40px; padding-left:16px; } .topLevelMenu > ul > li > a, .departmentButton { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; display: block; margin: 0; font-size: 17px; color: #004990; } .departmentButton { padding: 5px 8px; } #allDepartmentsMenu { width: 240px; padding-bottom: 16px; } .departmentMenuListItem:hover, .categoryMenuListItem:hover, .subcategoryList li:hover{ background-color: #e5eff9; } .departmentMenuListItem:hover a, .categoryMenuListItem:hover a{ text-decoration:none; } .topLevelMenuListItem{ padding-right: 16px; } #topLevelMenu > li.topLevelMenuListItem:last-child { padding-right: 0 !important; } .subcategoryList li{ position: relative; } .subcategoryList li a{ top: -5px; } @media (min-width: 601px){ .globalNavLiSingleLineHeight{ height: 3.5em; } .globalNavLiDoubleLineHeight{ height: 5em; } .globalNavLiTripleLineHeight{ height: 6.5em; } } @media (min-width: 601px) and (max-width: 1280px) { .topLevelMenu{ left: 0px; top: 120px; } #globalNavigationContainer{ top: 128px; } #topLevelMenu { float: left; width: 100%; display: block!important; } .subcategoryMenu{ padding: 0; } #header #estore_header_bottom_row{ height:80px; } #departmentMenu li a .departmentLinkOutput span{ width:60%; } #departmentMenu{ padding-left: 0; } .departmentMenu{ padding: 0; } .subcategoryMenu{ border-right: none; } } /* Category list */ .categoryList { margin: 0; list-style: none; left:2px; } .departmentMenu.active > .categoryList { display: block; } .categoryList li { display: table; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 16px; } .categoryList > li.more { display: block; } .categoryList > li > a { display: table-cell; vertical-align: middle; font-size: 14px; margin: 0 -8px; } .categoryList > li > a:last-child { font-weight: normal; text-transform: none; } .categoryList > li.more > a { font-weight: bold; text-transform: uppercase; } /* Subcategory list */ .subcategoryList { margin: 0; padding: 0; list-style: none; } .subcategoryList > li > a { display: block; font-size: 14px; margin: 0 -8px; padding: 5px 8px; } #departmenrGlobalNavArrow{ right:18px; } .viewAllHeader{ font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size:16px; } /*** Search bar ***/ #searchButton { display: none; } #searchBar { position: absolute; right: 18px; top: 14px; width: 33%; padding: 2px; } #searchBox { position: relative; height: 38px; background-color: #ffffff; border: 1px solid #bfbfbf; text-align: right; vertical-align: middle; right: 27px !important; } #searchBox > * { text-align: left; } #searchTermWrapper { position: absolute; left: 0; right: 170px; height: 18px; padding: 6px 10px; margin: 4px 0; width: 91%; } #searchTermWrapper > .placeholder { position: absolute; color: #bfbfbf; cursor: text; } #searchTermWrapper > input { position: relative; width: 100%; height: 19px; margin: 0px; padding: 0px; background-color: transparent; border: 0 none; font-size: inherit; outline: none; } #searchFormLabel { display: none; } #searchFilterButton { display: none; position: relative; width: 110px; padding: 5px 10px; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; vertical-align: middle; } #searchFilterButton:after { content: ""; display: block; position: absolute; right: 5px; bottom: 5px; width: 4px; height: 4px; background-image: url("../../images/responsive/rwdUI_boots.png"); background-position: -201px -1px; } #searchFilterButton.selected:after { content: " "; background-position: -221px -1px; } #searchFilterMenu.active { right: -1px; width: 170px; } #searchBox .submitButton { content: ""; background: url("../../images/boots/estore_spritesheet.png") no-repeat -2px -90px; background-size: 35.5px 159.5px; height: 20px; width: 20px; position: absolute; margin: 0 0 0 0; padding: 1px; top: 8px; right: 5px; clip: inherit; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; border: 0px; font-size: 0px; cursor: pointer; } .submitButtonLabel, .preventFormSubmitLabel { display: none; } .mobileNavBackButtons{ display:none !important; } @media (min-width: 601px) and (max-width: 1280px) { #searchBar { width: 80%; } .subcategoryList { position: relative; left: -1px; } } @media (max-width: 600px) { .topLevelMenuListItem{ padding-right: 0; } .subcategoryList > li > a{ padding: 0 0 0 30px !important; } #departmentMenu li a .lowerLevelMenuListItem{ display: inline; position: relative; right: 0; top: 11.5px; vertical-align: -moz-middle-with-baseline; } #departmentMenu li .mobileBackLink .menuItemLabel{ top: 12px; } #subcategoryList li .mobileBackLink span, #subcategoryList .subcategoryLinkOutput span { top: 17px !important; } .categoryList li, .subcategoryMenu { padding: 0; width:100%; } .mobileNavBackButtons { display: block !important; } .subcategoryMenu.active{ width: 100%; } #topLevelMenu span { display: table-cell; height: 50px; vertical-align: middle; top:10px; right:15px; } #searchTermWrapper > input { width: 100%; outline: none; margin-top: 6px; } #searchBox { border: none; height: 46px; right: 0 !important; padding-right: 54px; box-sizing: border-box; } #searchBox .submitButton { width: 35px; height: 35px; background: none; /*right: -17px; */ top: 5px; padding: 0; background-color: #cae0f5; border-radius: 3px; right: 10px; background-image: url("../../images/boots/searchMobileArrow.png");; background-position: center center; background-repeat: no-repeat; background-size: 7px; } #searchBox .submitButtonLabel { font-size: 0.875em; text-indent: -9999px; background: none; top: 0px; position: absolute; right: 6px; } #searchBox .submitButtonLabel:after { background: none; right: -23px; color: #004990; direction: rtl; margin-top: 6px; font-family: 'ElegantIcons'; font-weight: 800; content: "5" !important; transform: none !important; padding-right: 1px !important; background: #E5EFF7 !important; font-size: 2.5em !important; width: 35px !important; height: 35px !important; line-height: 0.9 !important; text-align: center !important; top: -1px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-radius: 2px; text-indent: 0px; position: absolute; } } @media (min-width: 1281px) { #searchBox { width: 100%; float: right; } #searchBar { margin-top: -6px; } } /* Autocomplete menu */ #autoSuggestHistory { padding-top: 15px; } #searchDropdown { position: absolute; left: -1px; right: -1px; top: 38px; z-index: 1; } #AutoSuggestDiv { background-color: #ffffff; border: 1px solid #c9cece; font-size: 1em !important; font-family: Arial, sans-serif; } #AutoSuggestDiv > ul, .autoSuggestDivNestedList { padding: 0; } #AutoSuggestDiv > ul > li { padding: 0; margin: 0; list-style: none; } #AutoSuggestDiv .list_section li { list-style: none; } #AutoSuggestDiv .list_section li > a, #AutoSuggestDiv #autoSuggestAdvancedSearch > a { padding: 10px 25px; display: block; height: 100%; color: #333 !important; } #AutoSuggestDiv .heading { padding: 10px 25px; color: #999; list-style: none; } #AutoSuggestDiv #autoSuggestAdvancedSearch { border-bottom: 0 none; background-color: #fff; color: #b54200; padding: 0; } #AutoSuggestDiv #autoSuggestAdvancedSearch:hover { background-color: #D5E6F7 !important; } #AutoSuggestDiv .list_section li > a:hover, #AutoSuggestDiv #autoSuggestAdvancedSearch > a:hover { text-decoration: underline; background: #D5E6F7 !important; } #autoSuggest_Result_div, #autoSuggestCachedSuggestions_div { display: none; } @media (max-width: 600px) { #AutoSuggestDiv .list_section li > a, #AutoSuggestDiv #autoSuggestAdvancedSearch > a { padding: 10px; } #AutoSuggestDiv .heading { padding: 10px; } #AutoSuggestDiv .list_section li > a, #AutoSuggestDiv #autoSuggestAdvancedSearch > a { padding: 10px 10px; } } /*** Footer ***/ #footerWrapper .mobile-app-footer, .footer_wrapper_position .mobile-app-footer{ display:none; } #footer { padding: 10px; text-align: center; border-top:1px solid #b7c3d3; } #footerRow1 { display: inline-block; width: 440px; text-align: left; } @media (max-width: 480px) { #footerRow1 { width: 220px; text-align: center; } } @media (min-width: 961px) { #footerRow1 { width: 880px; text-align: center; } } #footerRow1 > .section { display: inline-block; width: 200px; padding: 10px; text-align: left; vertical-align: top; } #footerRow1 > .section > .header { position: relative; margin-left: 30px; padding: 5px 10px; border-bottom: 1px solid #bfbfbf; border-bottom: 1px solid rgba(185,185,185,0.45); color: #333; font-size: 16px; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } #footerRow1 > .section > .header:before { content: ""; display: block; position: absolute; left: -30px; bottom: -1px; width: 30px; height: 3px; } #footerRow1 > .section > .header > .toggle { display: none; } #footerRow1 > .section > ul { margin-left: 30px; padding: 10px; color: #ffffff; font-size: 12px; list-style: none; } #footerRow1 > .section > ul > li > a { color: #333333; display: block; font-size: 1.1em; margin: 0 -10px; padding: 2px 10px; } #footerRow1 > .section > ul > li > a:hover { text-decoration: underline; } /*** wc/widget/Carousel - fluid, touch-enabled carousel responsive to container width ***/ .carousel { position: relative; overflow: hidden; } .carousel > h2 { position: relative; z-index: 1; margin: 0; padding: 0 50px 10px 10px; color: #010f1c; font-weight: inherit; } .carousel > .content { position: relative; z-index: 0; } .carousel > .content > ul { display: block; position: relative; left: 0%; margin: 0; padding: 0; list-style: none; white-space: nowrap; } .carousel > .content > ul > li { display: inline-block; vertical-align: top; white-space: normal; } .carousel > .content > ul > li.hidden { visibility: hidden; } .carousel .left_espot.centered { margin: 0 5px; } /* Prev/next page buttons */ .carousel > .prevPageButton, .carousel > .nextPageButton { display: block; position: absolute; top: 50%; z-index: 1; width: 21px; height: 42px; margin-top: -21px; overflow: hidden; } .carousel > .prevPageButton { left: 10px; } .carousel > .nextPageButton { right: 10px; } .carousel > .prevPageButton.hidden, .carousel > .nextPageButton.hidden { display: none; } .carousel > .prevPageButton:before, .carousel > .nextPageButton:before { content: url("../../images/responsive/rwdUI_boots.png"); display: block; position: absolute; top: -60px; } .carousel > .prevPageButton:before { left: -1px; } .carousel > .nextPageButton:before { left: -81px; } .carousel > .prevPageButton:hover:before, .carousel > .prevPageButton:active:before { left: -41px; } .carousel > .nextPageButton:hover:before, .carousel > .nextPageButton:active:before { left: -121px; } /* Page control */ .pageControl { position: absolute; z-index: 1; left: 10px; right: 10px; bottom: 10px; } .pageControl.hidden { display: none; } .pageControl > a { display: inline-block; vertical-align: top; } .pageControl > .hidden { display: none !important; } /* Page control - dot */ .pageControl.dot { text-align: center; } .pageControl.dot > a { width: 20px; height: 20px; margin: 0 10px; background-color: #22a3e7; border-radius: 10px; opacity: 0.4; border: 1px solid transparent; } .pageControl.dot > a:hover { opacity: 0.6; } .pageControl.dot > a.selected { opacity: 0.8; } /* Page control - number */ .pageControl.number { text-align: center; } .pageControl.number > a { width: 25px; margin: 0 10px; background-color: #22a3e7; border-radius: 2px; color: #ffffff; font-size: 14px; opacity: 0.4; } .pageControl.number > a:hover { opacity: 0.6; } .pageControl.number > a.selected { opacity: 0.8; } .pageControl.number > .ellipsis:after { content: "\2026"; color: #4d4d4d; } /* Page control - thumbnail */ .pageControl.thumbnail { text-align: center; } .pageControl.thumbnail > a { display: inline-block !important; height: 30px; margin: 0 10px; background-color: #ffffff; border: 1px solid #a7daf5; border-radius: 2px; } .pageControl.thumbnail > a:hover { border: 1px solid #79c7f0; } .pageControl.thumbnail > a.selected { border: 1px solid #22a3e7; } .pageControl.thumbnail > a > img { height: 100%; } /* Options */ .carousel.clip-true > .content { overflow: hidden; } .carousel.padding-true { padding: 10px; } .carousel.padding-true > .content { margin: 0 30px; } .carousel.padding-true .pageControl { position: relative; left: auto; right: auto; bottom: auto; padding-top: 10px; } .carousel.padding-true .pageControl.hidden { display: block; visibility: hidden; } .carousel.background-true { background-image: url("../../images/colors/color1/widget_carousel/widget_bg.png"); } .carousel.border-true { border: 1px solid #e9e9e9; border-radius: 10px; } /*** wc/widget/Carousel - vertical orientation ***/ .carousel > .header { position: relative; padding: 10px; line-height: 40px; } .carousel > .header:after { content: ""; display: block; clear: both; } .carousel > .header > h2 { display: inline-block; margin: 0; font-weight: inherit; line-height: normal; vertical-align: middle; } .carousel > .header > .controlBar { float: right; } /* Prev/next page buttons */ .controlBar > .prevPageButton, .controlBar > .nextPageButton { display: inline-block; position: relative; width: 6px; height: 12px; border: 14px solid transparent; overflow: hidden; vertical-align: middle; } .controlBar > .prevPageButton.hidden, .controlBar > .nextPageButton.hidden { display: none; } .controlBar > .prevPageButton:before, .controlBar > .nextPageButton:before { content: url("../../images/responsive/rwdUI_boots.png"); display: block; position: absolute; top: -1px; } .controlBar > .prevPageButton:before, .controlBar > .prevPageButton:hover:before, .controlBar > .prevPageButton:active:before { left: -21px; } .controlBar > .nextPageButton:before, .controlBar > .nextPageButton:hover:before, .controlBar > .nextPageButton:active:before { left: -41px; } /* Page control */ .controlBar .pageControl { display: inline-block; position: static; left: auto; right: auto; bottom: auto; line-height: 38px; vertical-align: middle; } @media (min-width: 601px) and (max-width: 1280px) { .controlBar .pageControl { display: inline-block; position: static; left: auto; bottom: auto; line-height: 38px; vertical-align: middle; } } .controlBar .pageControl.hidden { display: none; } /* Page control - number */ .controlBar > .pageControlWrapper { display: inline-block; vertical-align: middle; } .pageControlButton, .pageControlMenu > .closeButton { display: none; } .controlBar .pageControl.number > a { width: 38px; margin: 0 2px; background-color: #ffffff; border: 1px solid #a0a0a0; border-radius: 5px; color: #4d4d4d; font-size: 16px; text-align: center; opacity: 1; } .controlBar .pageControl.number > a:hover, .controlBar .pageControl.number > a.selected { background-color: #767676; border-color: #767676; color: #ffffff; opacity: 1; } /* Control bar - subscribe button */ .controlBar > .subscribeButton { display: inline-block; position: static; right: auto; top: auto; margin: 0 2px; vertical-align: middle; } /*** Widgets ***/ .catalogEntryRecommendationWidget > .header, .categoryRecommendationWidget > .header { border-bottom: 1px solid #e9e9e9; } .contentRecommendationWidget { position: relative; } .contentCarouselWidget > .content { width: 125%; margin: 0 -12.5%; } .contentCarouselWidget .left_espot, .contentCarouselWidget .left_espot.centered { width: 80%; margin: 0 auto; } .contentCarouselWidget.clip-true > .content { width: auto; margin: 0; } .contentCarouselWidget.clip-true .left_espot, .contentCarouselWidget.clip-true .left_espot.centered { width: auto; margin: 0; } .contentCarouselWidget > .prevPageButton, .contentCarouselWidget > .nextPageButton { width: 40px; height: 72px; margin-top: -36px; } .contentCarouselWidget > .prevPageButton { left: 0; } .contentCarouselWidget > .nextPageButton { right: 0; } .contentCarouselWidget > .prevPageButton:before, .contentCarouselWidget > .nextPageButton:before { content: url("../../images/responsive/DirectionalControls_MasterSprite.png"); } .contentCarouselWidget > .prevPageButton:before { left: 0; top: 0; } .contentCarouselWidget > .prevPageButton:focus:before, .contentCarouselWidget > .prevPageButton:hover:before { left: 0; top: -72px; } .contentCarouselWidget > .prevPageButton:active:before { left: 0; top: -144px; } .contentCarouselWidget > .nextPageButton:before { left: -40px; top: 0; } .contentCarouselWidget > .nextPageButton:focus:before, .contentCarouselWidget > .nextPageButton:hover:before { left: -40px; top: -72px; } .contentCarouselWidget > .nextPageButton:active:before { left: -40px; top: -144px; } .topLevelMenuMobileArrow{ display:none; } #loggedIn_dropDown_Options{ display: none; } .adcard > a > span:not(:only-child):not(:last-of-type):not(:empty)::after { content: '\00a0'; } /*** 0 - 1133px ***/ @media (max-width: 1133px) { /* Page control - number */ .pageControlButton { display: inline-block; position: relative; width: 38px; margin: 0 5px; background-color: #767676; border: 1px solid #767676; border-radius: 5px; color: #ffffff; font-size: 16px; line-height: 38px; text-align: center; } .pageControlButton.hidden { display: none; } .pageControlMenu { display: block; border: none !important; } .pageControlMenu.active { display: block; position: absolute; z-index: 20; background-color: #ffffff; border: 1px solid #a0a0a0; } .pageControlMenu > .pageControl.number > a { display: block; margin: 4px; } .pageControlMenu > .pageControl.number > .ellipsis { display: block; line-height: normal; text-align: center; } .pageControlMenu > .pageControl.number > .ellipsis:after { content: "\22ee"; } .pageControlMenu > .closeButton { display: block; position: relative; width: 14px; height: 14px; margin: 0 4px 4px 4px; border: 13px solid #ffffff; overflow: hidden; } .pageControlMenu > .closeButton:before { content: url("../../images/responsive/rwdUI_boots.png"); display: block; position: absolute; left: -61px; top: -1px; } .pageControlMenu > .closeButton:hover:before { left: -241px; } } /*** RWD-A ***/ @media (max-width: 600px) { /* Menu */ .basicMenu > h3 { display: block; margin: 0; padding: 15px; background-color: #687979; color: #ffffff; font-size: inherit; } .basicMenu > .closeButton { display: block; position: absolute; top: 5px; right: 5px; padding: 10px; color: #ffffff; font-family: monospace; } .basicMenu > .closeButton > span:before { content: "[x]"; } /* Header */ #header:before { height: 5px; } #headerRow1 { height: 53px; } /* Quick links bar */ #quickLinksBar > li > a { font-size: 12px; } #quickLinksBar > li > a > br { display: inline; } #quickLinksMenu.active { left: 0; right: 0; width: auto; } /* Mini cart button */ #widget_minishopcart { margin: 3px 15px; } /* Mini cart */ #cartDropdown { width: auto; } /* top level nav */ .topLevelMenuMobileArrow{ display:block; } .mobileBackLink{ left: 20px; } /* Departments menu */ #departmentsButton { display: block; max-width: 300px; margin: 2px 90px 2px 15px; } #departmentsButton > span { display: block; height: 36px; line-height: 36px; padding: 0 10px; text-align: left; } #departmentsMenu { display: none; } #departmentsMenu.active { display: block; position: absolute; left: 0; right: 0; top: 100%; margin: 0; padding: 0 15px 15px 15px; background-color: #ffffff; border: 1px solid #c9cece; border-top: 3px solid #ffa200; border-radius: 0 0 4px 4px; color: #404040; font-size: 12px; list-style: none; } #departmentsMenu > li { display: block; } #departmentsMenu > li.hidden { position: static; visibility: visible; } #departmentsMenu > li.cacheHidden { display: none; } .departmentMenu { display: none; } /* Department menu */ .departmentMenu { position: relative; margin: 0; padding: 0; border: 0 none; } .departmentMenu > .header > .toggle { display: block; position: absolute; right: -8px; top: 0; margin: 8px 0; padding: 8px; font-family: monospace; } /* Category list */ .categoryList { display: none; border-bottom: 1px solid #ffa200; } .departmentMenu.active .categoryList { display: block; } /* Subcategory list */ .subcategoryList { border-bottom: 1px solid #e0dee5; } .subcategoryList > li { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%; padding-right: 16px; vertical-align: top; } /* "All departments" menu */ #allDepartmentsButton { display: none; } #allDepartmentsMenu { display: none !important; } /* Search bar */ #searchButton { display:block; position: absolute; right: 0; top: 57px; width: 58px; height: 38px; margin: 2px 15px; background-color: #ffffff; border: 1px solid #BFBFBF; border-radius: 4px; vertical-align: middle; overflow: hidden; } #searchButton:before { content: url("../../images/responsive/rwdUI_boots.png"); position: absolute; left: -99px; top: -9px; clip: rect(21px, 135px, 35px, 121px); } #searchButton:hover:before { left: -119px; clip: rect(21px, 155px, 35px, 141px); } #searchBar { display: none; } #searchBar.active { display: block; position: static; right: auto; width: auto; padding: 2px 2px; border-top: 1px solid #c9cece; } /* Autocomplete menu */ #searchDropdown { left: 0px; top: 48px; right: 0; } #AutoSuggestDiv { border: none; border-bottom: 2px solid #d5e6f7; } /* Footer */ #footerRow1 > .section > .header:before { height: 30px; border-radius: 3px 3px 0 3px; } #footerRow1 > .section > .header > .toggle { display: block; position: absolute; left: -30px; bottom: -1px; width: 6px; height: 12px; border-width: 9px 12px; border-style: solid; border-color: transparent; overflow: hidden; } #footerRow1 > .section > .header > .toggle:before { content: url("../../images/responsive/rwdUI_boots.png"); display: block; position: absolute; left: -161px; top: -1px; } #footerRow1 > .section.active > .header > .toggle { width: 12px; height: 6px; border-width: 12px 9px; } #footerRow1 > .section.active > .header > .toggle:before { left: -181px; top: -1px; } #footerRow1 > .section > ul { display: none; } #footerRow1 > .section.active > ul { display: block; } /* Carousel */ .contentCarouselWidget { overflow: hidden; } #AutoSuggestDiv #autoSuggestHistory ul.autoSuggestDivNestedList li.heading span{ display:inline-block;border-top:1px solid #c9cece;padding-top:15px;width:100%;} /* Mobile Burger Menu for new Global Navigation */ #overlay.mobile_header_opened_overlay{ background-color: rgba(51,51,51, 0.8); z-index: 999; opacity:1 !important ;} #estore_header_bottom_row #topLevelMenu li{ display: block; height: 50px; width:100%; border-bottom: 1px solid #e4effa; backround:white } #estore_header_bottom_row #topLevelMenu li#storeHelpQuickLinkBurger { border-bottom: 0px solid #D5E6F7 !important; } #estore_header_bottom_row #topLevelMenu li.last { border-bottom: 2px solid #D5E6F7 !important; } #estore_header_bottom_row #topLevelMenu li { background:#fff } #estore_header_bottom_row #topLevelMenu li a{ font-size: 14px; padding:0 0 0 20px; height:50px; position: absolute; width: 85%; text-decoration: none; overflow: hidden; } #adcardQuickLink span{ display:table-cell; } #estore_header_bottom_row #topLevelMenu{ position: absolute; width: 100%; background-color: #fff; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_locator,#header #estore_header_top_row #omniPresentLinksBar #mobileLink_burger { background-color: #fff; z-index: 1000; } #header #topLevelMenu .adcard{ color:#b8237b; } #departmentMenu { border: medium none; left: 0; width: 100% !important; padding:0; padding-top: 8px; border-top-width: 2px; border-top-style: solid; border-top-color: rgb(213, 230, 247); } #catergoryList, #subcategoryList{ border-top-width: 2px; border-top-style: solid; border-top-color: rgb(213, 230, 247); } #catergoryList, #subcatergoryList, .departmentMenu, .subcategoryMenu{ width:100% !important; } .categoryList { background-color: #fff; border: medium none; outline: 0 none; padding: 0; } .subcategoryMenu.active{ position: absolute; } .departmentMenu.active .categoryList { display: block; width: 100%; } #topLevelMenu #loggedIn_dropDown_Options{ padding-left:0; width: 100%; top: -2px; padding-top: 7px; border-top-width: 2px; border-top-style: solid; border-top-color: rgb(213, 230, 247); } } /*** Mobile (portrait) - 0-400px ***/ @media (max-width: 600px) { /* Search bar */ #searchTermWrapper { width: auto; height: 46px; box-sizing: border-box; position: relative; margin: 0; border-right: none; padding-right: 24px; } #searchFilterButton { display: none; } #searchFilterMenu.active { display: none; } } @media (max-width: 400px) { /* Category list */ .categoryList > li { width: 100%; padding-right: 0; } } /*** High-resolution displays ***/ @media (-webkit-device-pixel-ratio: 2) { .contentCarouselWidget > .prevPageButton:before, .contentCarouselWidget > .nextPageButton:before { content: url("../../images/responsive/DirectionalControls_MasterSprite.png"); -webkit-transform: scale(1); } #widget_minishopcart:before { clip: rect(82px, 54px, 120px, 2px); } } @media (-webkit-device-pixel-ratio: 2) and (max-width: 1133px) { .pageControlMenu > .closeButton:before { content: url("../../images/responsive/rwdUI_boots@2x.png"); -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0 0; } } @media (-webkit-device-pixel-ratio: 2) and (max-width: 600px) { #searchButton:before, #footerRow1 > .section > .header > .toggle:before { content: url("../../images/responsive/rwdUI_boots@2x.png"); -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0 0; } #searchButton:before { clip: rect(42px, 270px, 70px, 242px); } #searchButton:hover:before { clip: rect(42px, 310px, 70px, 282px); } } /* -----------------------------------------------------------------------------*/ /* RB: Basket layout template /* -----------------------------------------------------------------------------*/ #marketing_right, #marketing_left { height: 80px; } #top_cta { position: relative; margin-top: 29px; } #adcard_points { margin-bottom: 13px; } #bottom_cta { padding-top:10px; margin-bottom: 2.5em; margin-top: 2.25em; } #basket_right_bar { background-color: #f7f7f7; } /* -----------------------------------------------------------------------------*/ /* RB: Basket_CallToActionTop_UI.jspf /* -----------------------------------------------------------------------------*/ .boots_button_primary { background-color: #004990; padding: 6px 1% 6px 1%; display: inline-block; min-width: 180px; border-radius: 3px; } .boots_button_primary .button_text { color: #fff; font-size: 1.1em; text-align: center; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } .boots_button_secondary { background-color: #cae0f5; padding: 6px 1% 6px 1%; display: inline-block; min-width: 180px; border-radius: 3px; } .boots_button_secondary:hover { background-color: #b5cde7; } .boots_button_secondary:focus { border-color: #CAE0F5; } .boots_button_secondary .button_text { color: #004990 !important; font-size: 1.1em; text-align: center; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } #basket_top_continue { float: left; margin-top: 4em; margin-left: 2%; width: 19.5%; min-width: 176px; margin-top: -2em; } #cta_top_switch_between_points { float: left; width: 100%; margin-top: 1.25em; } #cta_top_switch_between_points #continue_shopping { float: left; padding-left: 2%; width: 18%; } #cta_top_switch_between_points #pricing { float: left; width: 60%; text-align: center; } #cta_top_switch_between_points #convert_to_points, #cta_top_switch_between_points #convert_to_pounds { float: left; width: 17%; margin-right: 3%; text-align: right; } #cta_top_switch_between_points #continue_shopping, #cta_top_switch_between_points #convert_to_points, #cta_top_switch_between_points #convert_to_pounds { font-size: 0.87em; text-decoration: underline; line-height: 3em; order: 4; } #cta_top_switch_between_points #can_pay_line_1 { font-size: 1.3em; font-weight: bold; } #cta_top_switch_between_points #can_pay_line_2 { font-size: 0.75em; line-height: 2.2em; } #basket_header { float: left; width: 100%; text-align: center; line-height: 2em; padding: 0; font-size: 1.5em; } #basket_top_checkout { width: 19.5%; min-width: 176px; position: absolute; right: 3%; } #basket_top_checkout.disabled { pointer-events: none; } /** Mobile RWD-A**/ @media (max-width: 600px) { #cta_top_switch_between_points { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #basket_top_continue { width: 98%; margin: 0.5em 1% 1em 1%; } #basket_top_checkout { width: 98%; margin: 1em 1% 0 1%; } .boots_button_primary .button_text { font-size: 1.3em; } .boots_button_secondary .button_text { font-size: 1.3em; } .basket_product_headers { display: none; } #basket_header { width: 100%; } #basket_top_total { font-size: 1.2em; margin: 0; padding: 0; width: 100%; text-align: center; } #basket_header { width: 100%; line-height: 0em; font-size: 1.3em; order: 1; } #cta_top_switch_between_points #pricing { width: 100%; order: 2; } #top_cta { margin-top: 19px; } #cta_top_switch_between_points #can_pay_line_1 { line-height: 1.7em; font-size: 0.87em; } #cta_top_switch_between_points #can_pay_line_2 { font-size: 0.7em; line-height: 1.4em; } #cta_top_switch_between_points #continue_shopping, #cta_top_switch_between_points #convert_to_points, #cta_top_switch_between_points #convert_to_pounds { font-size: 0.87em; line-height: 3.2em; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #cta_top_switch_between_points #convert_to_points { float: left; width: 18%; margin-right: 2%; text-align: right; } #basket_header { font-size: 1.25em; line-height: 0em; } #basket_top_checkout, #basket_top_continue { margin-top: -0.9em; } #basket_top_total { font-size: 1.09375em; margin-top: -3em; margin-right:2%; } #cta_top_switch_between_points { margin-top: 2.5em; } #cta_top_switch_between_points #can_pay_line_1 { font-size: 1.1em; } #cta_top_switch_between_points #can_pay_line_2 { font-size: 0.69em; line-height: 1em; } #cta_top_switch_between_points #continue_shopping, #cta_top_switch_between_points #convert_to_points, #cta_top_switch_between_points #convert_to_pounds { font-size: 0.75em; line-height: 2.8em; } #adcardPointsSectionMsg2{ display:none; } } .basket_price_header { margin-left: 11%; width: 39%; } /* -----------------------------------------------------------------------------*/ /* RB: Basket_ProductItems_UI.jspf /* -----------------------------------------------------------------------------*/ #plus_minus_container, .basketSaveForLaterLinkContainer { float: right; min-width: 6.9375em; position: relative; bottom: 0; } .basketSaveForLaterLinkContainer { float: right; text-align: center; width: 8.8em; } /** Desktop RWD-C **/ @media (min-width: 1281px) { #free_gift_qty_container { float: right; } } #free_gift_qty_container { position: relative; bottom: 0.45em; } #ShopCartPagingDisplay { margin-right: 3%; margin-left: 2%; padding-top: 1.875em; } .table_headers { padding-bottom: 1.875em; } .cell { padding: 0px 0.3125em 0.3125em 0; } .basket_product_headers p { float: left; padding: 1.25em 0px 1.25 2.5em; } .basket_product_discount { left: 3.2%; position: relative; text-align: right; top: 0.3125em; } .basket_product_discount p { font-size: 1.09375em; line-height: 1.09375em; } .basket_product_price { top: 0.3em; position: relative; } .cost_bold { font-weight: bold; text-align: right; font-size: 1.09375em; line-height: 1.09375em; } .product_item { font-size: 16px; } .product_item h3, .product_item h2 { font-size: 1.25em; line-height: 1.25em; } .basket_product_image img { margin-bottom: 20px; border: 1px solid #e5e5e5; width: 70%; } .basket_product_sku { font-size: 0.6875em; line-height: 0.6875em; padding-top: 0.5em; } .basket_edit_product_attribute { font-size: 1em; line-height: 1.09375em; padding-top: 1.3125em; } .basket_edit_product_attribute a { color: #333333; } .greater_than_icon { color: #000; } .basket_edit_product_attribute a { text-decoration: underline; } #ss_container { float: right; margin-right: -25%; margin-top: -0.5625em; min-width: 111px; } .free_gift_qty { margin-right: 37px; border: 1px solid #d0d0d0; border-radius: 2px; padding: 5px 0px 5px 0px; width: 35px; height: 25px; text-align: center; vertical-align: middle; background: #fff; font-size: 1.09375em; } .free_gift_text { padding-top: 1.5em; color: #ce0b3c; font-size: 1.25em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } .item-quantity { margin-right: 35%; float: right; } #basket_top_checkout_mobile { display: none; } #basket_top_checkout_mobile.disabled, #basket_top_checkout_mobile.disabled:hover, #basket_top_checkout_mobile.disabled:focus, #basket_top_checkout_mobile.disabled:active { background-color: #d0d0d0; color: #999999; cursor: default; border: 2px solid transparent; pointer-events: none; } #basket_top_checkout { display: block; } .showing_points { display: none; } .hideElement { display: none; } .showElement { display: block; } .showing_pounds_double_line, .showing_pounds_triple_line_mobile { display: block; } .break_line { display: none; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #basket_top_checkout_mobile.disabled { display: none; } #ShopCartPagingDisplay { margin-right: 2%; } #plus_minus_container { float: none; } #free_gift_qty_container{ width:inherit; margin-left: 2.3125em; } .basket_product_discount { left: 2.2%; } .product_item h3, .product_item h2 { font-size: 1.09375em; line-height: 1.09375em; max-width: 90%; } h3.product_stockComingSoon { max-width: 100% !important; width:100% } .basket_edit_product_attribute { font-size: 0.875em; line-height: 0.875em; padding-top: 1.125em; } .basket_product_discount p, .cost_bold { font-size: 0.875em; line-height: 0.875em; } .basket_product_discount p.showing_points { padding-top: 9px; } #ShopCartPagingDisplay { right: 2%; font-size: 1em; } #basket_top_checkout { right: 2%; } #top_cta { margin-top: 19px; } .basket_product_image img { margin-bottom: 1.875em; width: 80%; } .table_headers { padding-bottom: 2.3125em; } .basket_product_sku { padding-top: 0.5625em; } .free_gift_text { padding-top: 0.6875em; font-size: 1.09375em; } .item-quantity { margin-right: 25%; } #basket_top_checkout_mobile { display: none; } #basket_top_checkout { display: block; } .break_line { display: block; } .showing_pounds_triple_line_mobile { display: none; } } /** Mobile RWD-A**/ @media (max-width: 600px) { #basket_top_checkout_mobile { display: block; position: relative; /*margin-top: 0.8em;*/ width: 96%; margin-left: 1%; order: 3; line-height: 36px; margin: 0.8em 0.4em 0px; display: block; } #cta_top_switch_between_points #continue_shopping { width: 50%; } #cta_top_switch_between_points #convert_to_points, #cta_top_switch_between_points #convert_to_pounds { width: 45%; margin-right: 3%; } #basket_top_checkout { display: none; } .qty_error_show { padding-bottom: 1.25em; } .basket_product_price { float: right !important; margin-top: -1.825em; } .basket_product_discount p { font-size: 0.75em; line-height: 0.75em; margin: 2.875em 0 0 0; } .basket_product_discount { margin-top: 0.5em; } .table_headers { display: none; } #ShopCartPagingDisplay { padding-top: 1.5em; } .product_item h3, .product_item h2 { font-size: 0.875em; line-height: 1.4em; } .basket_product_sku { font-size: 0.75em; line-height: 0.75em; padding-top: 0.625em; } .basket_edit_product_attribute { font-size: 0.75em; line-height: 0.75em; padding-top: 1.125em; } .cost_bold { font-size: 0.75em; line-height: 0.75em; } .basket_product_image img { margin-bottom: 1.5625em; } .basket_product_discount { text-align: right; position: inherit; } #plus_minus_container, .basketSaveForLaterLinkContainer { float: left; margin-top: 1.25em; clear: left; margin-bottom: 12px; position: inherit; } #free_gift_qty_container { float: left; margin-top: 1.25em; clear: left; margin-bottom: 1.5625em; position: inherit; } .basket_product_image img { width: 85%; } .free_gift_text { padding-top: 1.25em; font-size: 0.875em; } .item-quantity { float: left; margin-top: 1.25em; } .free_gift_qty { margin-right: 0px; } .break_line { display: block; } } /* -----------------------------------------------------------------------------*/ /* JE: Basket_CallToActionBottom_UI.jspf /* -----------------------------------------------------------------------------*/ #basket_bottom_checkout { float: right; width: 19.5%; margin: 0.15em 3% 0.5em 0; min-width: 176px; } #basket_bottom_checkout.disabled { pointer-events: none; } #empty_basket { line-height: 3em; margin-left: 2%; border-bottom: 1px solid #333; font-size: 0.875em; } .overlay_checkout_form label { display: inline-block; cursor: pointer; position: relative; margin: 0.4em 0 0 25px; } .overlay_checkout_form input[type=radio] { /* 5691 { */ /* display: none; */ opacity: 0; width: 0; /* 5691 } */ } .overlay_checkout_form label:before { content: ""; display: inline-block; width: 19px; height: 19px; position: absolute; left: -25px; bottom: 0em; background-image: url("../../images/boots/checkbox_clicked.png"); background-size: 18px 18px; background-repeat: no-repeat; } #dont_label .overlay_checkout_form label:before { height: 19px !important; } .overlay_checkout_form .radio label:before { border-radius: 8px; } .overlay_checkout_form input[type=radio]:checked + label:before { background-image: url("../../images/boots/checkbox_selected.png"); } #basket_checkout_product_overlay { position: fixed; top: 50%; left: 50%; z-index: 949; width: 320px; background: #FFF; font-size: 0.875em; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } a.close-btn{ background: none repeat scroll 0 0 #d0d0d0; border-radius: 50px; color: #ffffff; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.5em; height: 35px; line-height: 33px; position: absolute; right: 0; top: 0.5em; text-align: center; width: 35px; margin-right: 3%; outline: none; } a.close-btn:hover{background: none repeat scroll 0 0 #e5e5e5;} .overlay_checkout_title { text-align: center; color: #333333; /* color: #004990; - 5600 */ margin: 0.5em 0 -0.4em 0; font-size: 1.652em; line-height: 1.875em; font-weight: normal; } #basket_checkout_product_overlay .overlay_checkout_text { margin: 0.8em 6% -0.6em 6%; text-align: left; position: relative; bottom: 7px; line-height: 18px; } #basket_checkout_Full_Add .overlay_checkout_text { bottom: 0; margin-top: 1.2em; } #basket_checkout_Full_Add .overlay_checkout_text .bold_span { font-weight: bold; } #basket_checkout_product_overlay .overlay_checkout_form { margin: 1em 6% 0 6%; text-align: left; } #basket_checkout_product_overlay .overlay_checkout_form img { display:none; } #basket_checkout_product_overlay .overlay_checkout_button { width: 88%; margin: 0 6% 0.52em 6%; } #basket_overlay_account .overlay_checkout_button{ margin-bottom: 1em; } #basket_checkout_Full_Add .overlay_checkout_button{ margin-top: 1em; margin-bottom: 1em; } #basket_overlay_no_account .overlay_checkout_button { margin: 0 6% 0.6em 6%; } #basket_overlay_no_account{ margin-top:19px; } #basket_checkout_product_overlay .overlay_checkout_form_p { margin: 0.9375em 0 0.9375em 0; } #basket_checkout_product_overlay .overlay_checkout_form_title { margin: 1.1em 6% 0 5.7%; font-weight: bold; } #basket_checkout_product_overlay .overlay_checkout_form_forgot { margin: 0.5em 6% 1.1em 7%; text-align: right; font-size: 0.875em; padding-top: 2px; position: relative; bottom: 2px; text-decoration:underline } #basket_checkout_product_overlay .overlay_checkout_form_forgot a:hover { text-decoration: underline; color:#333; } #basket_checkout_product_overlay .radio_buttons { margin-right: 10px; } #basket_checkout_product_overlay .overlay_checkout_points_tick { padding: 2.7% 7% 0 7%; background-color: rgb(245,227,239); height: 2.25em; color: rgb(193,76,142); position: relative; bottom: 2px; } #basket_checkout_product_overlay .overlay_checkout_points_tick img { display:none; } #basket_checkout_product_overlay .input_form { border-width: 0.09em; border-color: #E5E5E5; height: 2.7em; border-style: solid; width: 80.5%; padding: 0 0.8em 0 0.8em; margin: 0.3em 7% 0 6%; -webkit-appearance: none; background-color: white; border-radius: 2px; } #basket_checkout_product_overlay .input_form:focus { border: 1px solid #CAE0F5 !important; } #basket_checkout_product_overlay .overlay_checkout_points_tick input[type=radio], .hidden { display: none; } #basket_checkout_product_overlay .overlay_checkout_points_tick input[type=checkbox] { display: none; } #basket_checkout_product_overlay .overlay_checkout_points_tick label { position: relative; bottom: 2px; cursor: pointer; } #basket_checkout_product_overlay .overlay_checkout_points_tick label:before { content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 10px; position: relative; left: -3px; bottom: -4px; background-color: #fff; } #guest_checkout_button { margin-bottom: 0.8em !important; } #guest_checkout_button:hover { background-color: #d0d0d0; } #basket_checkout_product_overlay .overlay_checkout_points_tick input[type=checkbox]:checked + label:before { font-size: 15px; color: rgb(193,76,142); text-align: center; line-height: 15px; background-image: url("../../images/boots/checkTick.svg"); background-size: 13px 10px; background-position: 2px 4px; background-repeat: no-repeat; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #empty_basket { position: relative; top: 3.3em; } #basket_bottom_checkout { width: 96%; position: relative; bottom: 50px; margin: 0px auto; display: block; float: none; } } /* ------------------------------------------- */ /* ------------ Tablet styles ---------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { #empty_basket { margin-right:2%; } #basket_bottom_checkout{ margin-right:2%; } } /* ================================ Basket_CallToActionBottom END ============================== */ /* -----------------------------------------------------------------------------*/ /* RB: Plus/Minus UI element /* -----------------------------------------------------------------------------*/ .uantity, .plus_quantity_disabled, .qty_error, .minus_quantity_trash { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .basket_quantity, .minus_quantity, .plus_quantity_disabled { float: left; border: 1px solid #d0d0d0; width: 35px; height: 38px; text-align: center; display: block; vertical-align: middle; cursor: pointer; border-radius: 0; -webkit-appearance: none; line-height: 40px; font-size: 1.375em; } .plus_quantity, .minus_quantity { cursor: pointer; font-size: 1.375em; line-height: 40px; text-align: center; vertical-align: middle; } .basket_quantity { cursor: auto; font-size: 1.09375em; } .qty_error, .qty_error_show { padding-top: 5px; clear: left; width: 111px; color: #CC0033; font-size: 0.8em; display: none; text-align: left; } .qty_error_show { display: block; padding-bottom: 1.25em; } .minus_quantity_trash { cursor: pointer; background-image: url("../../images/responsive/trash_active.png"); background-size: 14px 20px; background-repeat: no-repeat; background-position: center; font-size: 0em; } .plus_quantity, .minus_quantity, .minus_quantity_trash, .basket_quantity { float: left; border: 1px solid #d0d0d0; padding: 0px; width: 38px; height: 38px; display: block; text-align: center; vertical-align: middle; } .plus_quantity_disabled { background-color: #E8E8E8; color: #000; cursor: default; } .plus_quantity_disabled:hover { background-color: #E8E8E8; } .basket_quantity, .basket_quantity:focus { border-width: 1px 0px; border-top: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; } .minus_quantity, .minus_quantity_trash { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .plus_quantity { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } /* -----------------------------------------------------------------------------*/ /* JE: Order Summary Totals, RB Updated 24/03/15 /* -----------------------------------------------------------------------------*/ #total_left{text-align: right;} #total_right { text-align: right; } #total_right { float: right; display: inline-table; } .subtotal{ font-size: 1.0875em; padding-bottom: 0.5em; font-weight: bold; line-height: 2em; } .savings { font-weight: bold; color: #CC0033; font-size: 1.0875em; } #which_includes { font-size: 1.0875em; padding-top: 0.75em; font-weight: bold; line-height: 1.75em; } .basket_offer_description, .basket_offer_value { line-height: 1.9em; font-size: 0.875em; list-style: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; } .brackets_total { font-size: 0.75em; line-height: 2em; } .total_font{ font-size: 1.2em; font-weight: bold; padding-top: 0.4em; } .points_total{ color: #b8237b; font-size: 1.25em; font-weight: bold; padding-top: 1em } #points_question { background: #B8237B; -moz-border-radius: 50%; border-radius: 50%; color: #fff; margin-left: 1px; font-size: 0.7em; bottom: 2px; position: relative; width: 19px; height: 19px; display: inline-block; text-align: center; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { .subtotal{ font-size: 0.875em; padding-bottom: 8px; } .total_font{ font-size: 1.09375em; font-weight: bold; } .points_total{font-size: 0.875em;} .brackets_total{font-size: 0.6875em;} #which_includes { font-size: 0.875em; } #points_question { background: #B8237B; -moz-border-radius: 50%; border-radius: 50%; color: #fff; margin-left: 1px; font-size: 1em; bottom: 2px; position: relative; width: 19px; height: 19px; display: inline-block; text-align: center; } #total_right{ margin-right:0%; } } /** Mobile RWD-A**/ @media (max-width: 600px) { #order_totals .row { margin: 1.2em 0 0.5em 0px; } #basket_total #basket_total_body #offer_row { padding-bottom: 1em; } #bottom_cta { margin-top: 1.25em; } #points_question { background: #B8237B; -moz-border-radius: 50%; border-radius: 50%; color: #fff; margin-left: 1px; font-size: 1em; bottom: 2px; position: relative; width: 19px; height: 19px; display: inline-block; text-align: center; } #contentF { padding-right: 0em; } .subtotal { padding-bottom: 8px; } .total_font{ font-size: 0.875em; font-weight: bold; } .points_total, .brackets_total, .subtotal { font-size: 0.75em; } } /* ================================ Advantage Card SCSS START ============================== */ #adv_row{ margin-left: 2%; margin-right: 3%; background-color: rgb(251, 244, 248); } #adv_row .adv_row-left{ margin-top: 0.9em; margin-bottom: 0.9em; } #adv_row .adv_row-right{ padding-top: 1.5em; padding-bottom: 0.9375em; } #adv_row .adv_float_right{ float: right; padding-right: 3%; } #adv_row-show{ margin-left: 4.1em; padding-top: 0.45em; font-size: 1.09375em; } #adv_row .adv_card-title {font-weight: bold;} #adv_row .adv_points{ color: #B8237B; margin-left: 6.3em; text-indent: -6.3em; } p.adv_points.adv_card-title { font-size: 1.09375em; } #adv_row .adv_row-left .adv_points{ cursor:pointer; } #basket_adcard_icon { width: 1.875em; position: relative; top: 0.3125em; margin-right: 0.5em; } #adv_row .adv_card_number{ padding-top: 0.6em; } #adv_row .adv_card_input{ border: 1px solid #E5E5E5; height: 2.125em; margin-right: 0.625em; width: 13.9375em; text-indent: 1.3125em; border-radius: 3px; } #adv_row .adv_card_input:focus { border: 1px solid #cae0f5; } #adv_row .adv_card_button{ padding-left: 3%; padding-top: 0.9375em; font: inherit; } .button.secondary.boots_button_secondary_submit { width: inherit!important; min-width: 107.5px; border: 0; height: 40px; cursor: pointer; } /* ------------------------------------------- */ /* ------------ Tablet styles --------------- */ /* ------------------------------------------- */ @media (max-width: 1280px) { #adv_row .adv_float_right { float:none; padding-right: 3%; } #adv_row{ margin-right:2%; } #adv_row .adv_row-left {width: 100%;} #adv_row .adv_row-right { width: 75%; margin-left: 3.8em; padding-top: 0em; } #adv_row .adv_card_number {padding-top: 0.4375em;} #adv_row .adv_card-title {font-size: 0.875em;} #adv_row-show { font-size: 0.875em; margin-left: 4.3em; padding-top: 0.7em; width: 600px; } } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #adv_row { width: 96%; } .button.secondary.boots_button_secondary_submit { float: left; clear: both; margin-top: 0.5em; max-height: 40px; } #adv_row .adv_row-left {position: relative;right: 3%;} #adv_row-show { margin-left: 4.1em; font-size: 0.75em; padding-top: 1em; width:auto; } #adv_row .adv_row-right { margin-left: 3.0em; padding-top: 0em; position: relative; right: 3%; } #adv_row .adv_card-title {font-size: 0.75em;} #adv_row .adv_card_input { float: left; width: 12em; } } /* ================================ Advantage Card SCSS End ============================== */ /* -----------------------------------------------------------------------------*/ /* RB: Offers in Basket /* -----------------------------------------------------------------------------*/ #offer_row-show p { font-size: 1.09375em; margin-left: 4em; padding-top: 0.6em; font-size: 1.09375em } #basket_offers_body #offer_row { margin-top: 2.5em; padding-top: 1.5em; border-top: 1px solid #E5E5E5; } #offer_row, #basket_offer_row { margin: 1em 3% 0em 2%; padding-bottom: 2.3em; position: relative; border-bottom: 1px solid #E5E5E5; } #basket_total #basket_total_body #offer_row { border-bottom: 1px solid #E5E5E5; padding-bottom: 1.55em; } #adv_row2{ margin-left: 2%; margin-right: 3%; background-color: rgb(251, 244, 248); height: 119px; } .offer_points { color: #CC0033; cursor: pointer; } .offer_points_title { margin-left: 5px; } .offer_points_disabled { color: #CC0033; cursor: auto; margin-left: 20px; } .basket_promo_padding{ right: -1.3% !important; position: relative; } .basket_promo #basket_offer_promo_description{ left: 6.4%; position: relative; } .total_savings_left{ float: left; text-align: right; } .total_savings_right{ float: right; text-align: right; } .padding-right-15 { left: 3.5% !important; position: relative; } .subtotal_and_savings_left, .subtotal_and_savings_right { float: left; text-align: right; } .subtotal_and_savings_left ul { padding: 0px; } /** Mobile RWD-B **/ @media (max-width: 600px) { .total_savings { position: relative; margin-top: 1em; bottom: 0; } .total_savings p, .basket_promo p { font-size: 0.875em; } #offer_row, #basket_offer_row { padding-bottom: 1.75em; margin: 0 3% 0 2%; } #basket_total_body #offer_row #promotions { height: 0px; } #offer_row-show { font-size: 0.75em; } #offer_row-show p { margin-left: 49px; } #basket_offer_arrow { margin-left: 15px; } .total_savings_right{ width: initial; } .basket_promo_padding { right: 6.5% !important; } .padding-right-15 { left: 2.4% !important; } #basket_offers .adv_row-left, #offer_row #promotions{ position: relative; right: 3%; } .basket_promo #basket_offer_promo_description{ left: 0; padding-right: 7.9%; text-align: justify; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #offer_row-show { font-size: 0.875em; } #offer_row, #basket_offer_row{ margin-right:2%; } .total_savings p, .basket_promo p { font-size: 1.09375em; } .padding-right-15 { left: 0 !important; } .basket_promo #basket_offer_promo_description{ left: 5.4%; } } #basket_offer_arrow, #basket_adcard_arrow, #basket_promo_arrow, #delivery_section_arrow, #payment_section_arrow, #order_summary_section_arrow, #checkout_deliveryInst_arrow { margin-right: 0.25em; margin-left: 0.8em; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); cursor: pointer; } .defaultClosedArrow{ -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); cursor: pointer; } #appliedPromotionCodes #basket_promo_arrow { margin: 0 0 0 8px; padding: 0; font-size: 1.5em; position: relative; top: 3px; cursor: pointer; } #basket_offer_title_padding{ margin-left: 13px; } #basket_offer_arrow_disabled{ transform: rotate(0deg); -webkit-transform: rotate(0deg); } #basket_offer_arrow_closed{ width: 6.5px; height: 0.75em; margin-right: 1.25em; margin-left: 1.875em; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); } /* -----------------------------------------------------------------------------*/ /* RB: Empty basket /* -----------------------------------------------------------------------------*/ #WC_EmptyShopCartDisplayf_div_1 { background-color: #fff; text-align: center; } /* -----------------------------------------------------------------------------*/ /* RB: Empty basket END /* -----------------------------------------------------------------------------*/ /* ================================ Basket Missed Offers START ============================== */ /* -----------------------------------------------------------------------------*/ /* CD: Basket missed offer /* -----------------------------------------------------------------------------*/ /** Mobile **/ @media (max-width: 600px) { [id^=basket_missed_offer-show] { font-size: 0.75em; margin: 0 0 0 1.45em; } #missed_offer{ padding-top:1.1875em; } } /** Tablet **/ @media (min-width: 601px) and (max-width: 1280px) { [id^=basket_missed_offer-show] { font-size: 0.875em; margin: 0 0 0 1.5em; } #missed_offer{ padding-top:1.0625em; } } /** Desktop **/ @media (min-width:1281px){ [id^=basket_missed_offer-show]{ margin: 0 0 0 1.5em; } #missed_offer{ padding-top:1.84375em; } } [id^=basket_missed_offer-show] > a{ font-size: 1.09375em; padding-top: 0.53125em; color: #333333; font:Arial; padding:0; } .basket_missed_offer { color: #CC0033; font-size:1.25em; font-family: F37 Ginger Bold; margin:0; padding:0; } [id^=basket_missed_offer_arrow]{ width: 0.4375em; height: 0.78125em; margin-right: 0.5em; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; } /* ================================ Basket Missed Offers END ============================== */ /* -----------------------------------------------------------------------------*/ /* JE: Variant Overlay /* -----------------------------------------------------------------------------*/ #basket_variant_product_overlay { position: fixed; top: 50%; left: 50%; z-index: 3000; height: 277px; width: 320px; background: #FFF; transform: translate(-50%, -50%); font-size: 0.875em; } #basket_variant_product a.close-btn{background: none repeat scroll 0 0 #000000;border-radius: 50px;color: #ffffff;display: block;font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-weight: bold;height: 37px;line-height: 33px;position: absolute;right: 0;text-align: center;text-decoration: none;width: 37px;margin-right:10px;} #basket_variant_product a.close-btn:hover{background: none repeat scroll 0 0 #e5e5e5;} .basket_edit_variant { padding-top: 0.5em; color: #333 !important; font-size: 1.09375em; } .price_widget_clear{ margin: 0 !important; width: auto !important; } @media (min-width: 1281px) { #shopper_actions_container{ margin: 0 5.5% 0 -1%; width: 52.5%; } } #basket_overlay_price { color: #333; font-size: 1.3em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; margin: 1em 0 0 0; } #basket_overlay_variant_header { font-size: 0.875em; } #basket_overlay_price span{ color: #999999; } #estore_product_price_widget #basket_overlay_price #PDP_productPrice { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif !important; font-size: 1.375em !important; line-height: 34px; } #estore_product_price_widget #basket_overlay_price .details { clear: left; font-size: 0.7em !important; line-height: 17px; color: #999; width: auto; min-width: 60px; font-family: arial,helvetica,clean,sans-serif; padding-top: 10px; } .basket_overlay_button{ margin-top: 0.6em; max-width: 100% !important; } #left_container .s7flyoutzoomview { border: none; } #left_container #images_container{ margin-top: 1.55em; position: relative; right: 7%; } .basket_overlay_sku{ margin: 4px 0 0 0 !important; } #shopper_actions_container #estore_product_price_widget #productId { font-size: 0.7em !important; } #right_container #description_container { margin-top:1.6em; } #basket_overlay_full_details{ text-decoration: underline; font-weight: bold; } #WC_QuickInfo_Link_UpdateCartItem { width: 99%; } .purchase_section .plus_quantity, .purchase_section .minus_quantity, .purchase_section .minus_quantity_trash, .purchase_section .basket_quantity { width: 37px; height: 37px; } .basket_overlay_variant{ margin: 0 !important; width: auto !important; padding-top: 0.7em; left: -3px; margin-bottom: 15px !important; } div.widget_quick_info_popup > .top { display: none; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #quickInfoPopup #left_container { width: 55.5%; } #quickInfoPopup #right_container { width: 44.5%; } #quickInfoPopup { width: 100%; } } @media (min-width: 1281px) { #shopper_actions_container{ margin: 0 5.5% 0 -1%; width: 52.5%; } } /** Mobile RWD-B **/ @media (max-width: 600px) { #quickInfoPopup #title_container h3 { padding-top: 1.5em; } } /* -----------------------------------------------------------------------------*/ /* JE: Variant Overlay End/ /* -----------------------------------------------------------------------------*/ #variant_product_description ul{ margin-top: 10px; line-height: 20px; } #variant_product_description #estore_product_longdesc{ width:auto; } /* -----------------------------------------------------------------------------*/ /* SA: QuickInfo Overlay /* -----------------------------------------------------------------------------*/ /** Desktop RWD-C **/ @media (min-width: 1281px) { #quickinfo_container { left: 8% !important; top: 3.5% !important; height: auto !important; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #quickinfo_container { left: 10% !important; top: 4em !important; } } /** Mobile RWD-B **/ @media (max-width: 600px) { #quickinfo_container { left: 0% !important; top: 0% !important; } } /* -----------------------------------------------------------------------------*/ /* SA: QuickInfo End /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* CD: QuickInfo Overlay structure /* -----------------------------------------------------------------------------*/ #quickinfo_close > .closeButton { display: block; position: absolute; top: 10px; right: 10px; background-color: #333333; border-radius: 50%; width: 2em; height: 2em; } #quickinfo_close > .closeButton:hover { background-color: #E5E5E5; } #quickinfo_close > .closeButton:focus{ outline: 0; } #quickinfo_close .x_font{ color: #fff; position: relative; top: 5px; left: 5px; font-size: 20px; } #quickinfo_container{ position: absolute; z-index: 3000; background: #FFF; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #quickinfo_close{ float:right; order:1; } #quickinfo_product_info{ order:2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #quickinfo_image{ order:1; } #quickinfo_image .image_container img{ max-height:100%; max-width:100%; display: block; margin-left: auto; margin-right: auto; } #quickinfo_varient_container{ order:2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #quickinfo_product_title{ order:1; margin: 40px 50px 10px 40px; } #quickinfo_varient_info{ order:2; position: relative; } #quickinfo_product_description{ order:3; } #quickinfo_product_info #plus_minus_container{ float: left; position: absolute; bottom: 58px; left: 0; } #quickinfo_product_info .button.primary {max-width: 100%;position: absolute; bottom: 9px; left: 0;} #basket_variant_overlay #estore_product_variant{ margin: 0; width: 100%; } #basket_variant_overlay #estore_product_variant li .productVarient{ margin: 0; } #basket_variant_overlay .product_text { border-bottom: #fff; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #quickinfo_product_info .button.primary { position: inherit; bottom: 0; width: 100%; max-width: none; } #quickinfo_product_info #plus_minus_container { margin-bottom: 10px; position: inherit; bottom: 0; } } /** Mobile RWD-B **/ @media (max-width: 600px) { #quickinfo_product_info #plus_minus_container { position: initial; margin-bottom: 10px; margin-top: -20px; } #quickinfo_product_info .button.primary { position: initial; } #quickinfo_product_info #estore_product_variant form{ overflow-x: auto; } #quickinfo_product_title{ margin: 50px 50px 10px 40px; } #quickinfo_varient_container{ margin: 0 3% 0 3%; } } /* -----------------------------------------------------------------------------*/ /* CD: QuickInfo Overlay structure End /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* CD: Mini Basket Added Item START /* -----------------------------------------------------------------------------*/ #MiniShopCartAddedSubtotal{ text-align:center; } #MiniShopCartProductAddedWrapper .subtotal{ padding-bottom: 1.71875em; padding-top: 1.625em; } #MiniShopCartProductAddedWrapper .product{ padding-bottom: 1.59375em !important; } #MiniShopCartProductAddedWrapper .product_name{ padding-bottom: 0.78125em; } /* -----------------------------------------------------------------------------*/ /* CD: Mini Basket Added Item END */ /* -------------------------------------*/ .adCardNo_error { clear: both; color: #CC0033; font-size: 0.8em; padding-top: 0.4375em; } .dropdown_arrow { display: inline-block; text-indent: 0; transform-origin: center; text-align: center; font-size: 30px; position: relative; top: 6px; color: #333; line-height: 0px; padding-bottom: 2px; pointer-events: none; } #store_result_list_view .store_details_header .dropdown_arrow { top: 5px; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { .dropdown_arrow { font-size: 25px; top: 4px; left: 2px; } } /** Mobile RWD-B **/ @media (max-width: 600px) { .dropdown_arrow { font-size: 20px; top: 3px; } } /* -----------------------------------------------------------------------------*/ /* JE: Promotion code /* -----------------------------------------------------------------------------*/ #PromotionCodeForm .promo_input{ border-width: 1px; border-color: #E5E5E5; height: 2.125em; margin-right: 0.625em; border-style: solid; max-width: 19.5625em; width: 50%; margin-left: 2em; position: relative; bottom: 1px; text-indent: 1.3125em; border-radius: 2px; } #PromotionCodeForm .promo_input:focus { border: 1px solid #CAE0F5 !important; } #PromotionCodeForm .promo_submit{ width: 24%; min-width: 6em; max-width: 5.375em; float: inherit; text-decoration: inherit; } #PromotionCodeForm .promo_empty_error { clear: both; color: #CC0033; font-size: 0.8em; padding-top: 0.4375em; margin-left: 2.49em; } #PromotionCodeForm .promotion_code{ margin-left: 0.75em; margin-bottom: 0.3125em; } #PromotionCodeForm .promotion_input{ margin-top: 0.625em; } #promo_row-show{ margin-top: 0.75em; margin-bottom: 0.75em; min-width: 300px; } #PromotionCodeForm .promotion_code_title { cursor: pointer; font-weight: bold; padding: 0; margin: 0; font-size: 1.07em; position: relative; left: -3px; } #PromotionCodeForm .promotion_used { margin-top: 0.75em; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } #PromotionCodeForm .promotion_used a {text-decoration: underline;} #PromotionCodeForm .promo_input_disabled{display: none;} #promoCode_disabled { padding-right: 0.3125em; margin-left: 1.7em; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #PromotionCodeForm .promotion_code_title { font-size: 0.875em; } .savings { font-size: 0.875em; } #PromotionCodeForm .promotion_code {margin-left: 0.5625em;} #PromotionCodeForm .promo_input { margin-left: 1.625em; text-indent: 1.3125em; } #PromotionCodeForm .promotion_used { font-size: 0.875em; } #appliedPromotionCodes {} #PromotionCodeForm .promo_empty_error { margin-left: 2.2em; } #promoCode_disabled { margin-left: 1.9em; } #PromotionCodeForm .promotion_used a { padding-left: 0.8em; } #appliedPromotionCodes #basket_promo_arrow { margin: 0; } } /** Mobile RWD-B **/ @media (max-width: 600px) { #promocode { position: relative; right: 3%; margin-top: 1em; } #PromotionCodeForm .promotion_code { margin-left: 0px; margin-bottom: 0.625em; } #PromotionCodeForm .promo_input { margin-left: 12px; } #PromotionCodeForm .promo_submit {min-width: 4.3em;} #PromotionCodeForm .promotion_used { font-size: 0.75em; } #PromotionCodeForm .promo_empty_error { margin-left: 1.6em; } #promoCode_disabled { margin-left: 2.3em; } } /* -----------------------------------------------------------------------------*/ /* JE: Promotion code apply END /* -----------------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------*/ /* JE: Marketing Header /* -----------------------------------------------------------------------------*/ #marketing_left .left_espot, #marketing_right .left_espot { padding-top: 1.1em; padding-bottom: 1em; font-size: 1.25em; } #marketing_left .left_espot { font-size: 1.25em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #000000; } #marketing_left .left_contents { float: left; width: 100%; text-align: center; } #marketing_right .right_contents { float: left; width: 100%; text-align: center; } #marketing_left .market_contents_text, #marketing_right .market_contents_text { float: right; width: 100%; } #marketing_right .left_espot { font-size: 1.25em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #000000; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #marketing_right{height: 2.6875em;} #marketing_left{height: 2.6875em;} #marketing_left .left_espot { font-size: 0.875em; padding-top: 1.4em; top: 0.15em; line-height: 0.875em; width: 97%; } #marketing_right .left_espot { font-size: 0.875em; padding-top: 1.6em; line-height: 0.875em; display: inline-block; height: 2em; } #basket_container #basketMessageContainer #marketing_left, #basket_container #basketMessageContainer #marketing_right { height: 55px; } } /** Mobile RWD-B **/ @media (max-width: 600px) { #PromotionCodeForm .promotion_code_title { font-size: 0.875em; } .subtotal_and_savings { margin-top: 2.1em; font-size: 1.1em; } .savings { font-size: 0.85em; } #basket_container #basketMessageContainer #marketing_left, #basket_container #basketMessageContainer #marketing_right { min-height: 45px; height: auto; } #basket_container #basketMessageContainer .oneMessageContainer { width: 100%; } #marketing_left .left_espot { font-size: 0.75em; text-align: center; width: 72%; padding: 0.3em 14% 0 22%; margin: 0; line-height: 1.4em; background-position: 12% 5px; background-size: 1.5em 2em; z-index: 1; min-height: 2.5em; height: auto; } #marketing_right .left_espot { font-size: 0.75em; text-align: center; width: 72%; margin: 0; line-height: 1em; background-position-x: 8px; background-position-y: 8px; margin-top: 0.5em; background-size: 2.3em 1.5em; padding: 0.3em 0 0.4em 3.5em; line-height: 1.3em; text-align: left; min-height: 2.5em; height: auto; } #marketing_left .left_contents { float: none; text-align: left; padding-top: 0; margin-right: 0; margin-left: 0; } #marketing_right .right_contents { float: none; padding-top: 0; margin-left: 0; } #marketing_right .market_contents_text { float: none; margin-left: 0; } #marketing_left .market_contents_text { float: none; margin-left: 0; line-height: 0.8125em; width: 100%; padding-top: 0.3em; } } /* -----------------------------------------------------------------------------*/ /* TODO - Speak to rich , best approach /* -----------------------------------------------------------------------------*/ @media (max-width: 314px) { #marketing_right .left_espot { padding: 1.8em 16% 0.2em 14%; } } /* -----------------------------------------------------------------------------*/ /* JE: Marketing Header END /* -----------------------------------------------------------------------------*/ /* -------------------------------------------*/ /* SA: Bulky Heavy Item - indicator in basket */ /* -------------------------------------------*/ .store_no_collect, .proof_delivery, .basketDropship { font-size: 0.7875em; line-height: 0.9875em; padding-top: 1.5em; } .redBorder{ border-color: #CC0033; } /* -------------------------------------------*/ /* RB: 2397 Edit Variant Overlay */ /* -------------------------------------------*/ #title_container h3 { max-width: 88%; font-weight: normal; text-align: center; margin: 0px auto; padding-top: 0.92em; line-height: 1.4em; font-size: 1.875em; } /* ------------------------------------------- */ /* ------------ tablet styles ---------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { #title_container h3 { font-size: 1.875em; } .basket_overlay_sku{ font-size: 11px !important; } #left_container .s7container { width: 100%!important; } } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px){ #title_container h3 { font-size: 1.5625em; } } .left_column #estore_product_image_widget { width: 300px; } .color_and_size ul { padding: 0; width: 105%; } /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #left_container #estore_product_image_widget{ margin: 0 0 0 0; padding-bottom: 18px; } #left_container #estore_product_image_widget .s7flyoutviewer { width: 85%!important; margin: 0; } #left_container #estore_product_image_widget .s7flyoutviewer .s7swatches{ left: 30%; } #left_container #estore_product_image_widget .s7flyoutviewer .s7flyoutzoomview { width: 100% !important; height: 100% !important; left: 0 !important; } #left_container #estore_product_image_widget .loading_placeholder { position: relative; top: 20px; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #left_container #estore_product_image_widget{ margin: 0; } #left_container #estore_product_image_widget .s7flyoutviewer { width: 100% !important; height: 100% !important; } } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #left_container #estore_product_image_widget .s7flyoutviewer { width: 95%!important; } } .color_and_size li .productVarient { margin: 0px 7px 5px 0 !important; } .color_and_size li .productVarientSize { height: auto !important; width: 141px !important; } #shopper_actions_container .productVarient.selected { border-radius: 45px; border: 1px solid #ccc; } #shopper_actions_container .productVarientSize.selected { border: 1px solid #999999; border-radius: 0; cursor: pointer; height: auto !important; width: 141px !important; display: block; } #close_container a.close-btn { position: relative; float: right; margin-top: -25px; margin-right: -15px; } .right-column #estore_product_variant { width: 350px; margin-top: 25px; position: relative; } .right-column #estore_product_variant #variantSelectedText { font-size: 16px; line-height: 20px; margin: 0 0 15px 0; visibility: hidden; } .right-column #estore_product_variant #variantSelectedText span{ font-weight: bold; } .right-column #estore_product_variant li{ list-style: none; display: inline-block; } .right-column #estore_product_variant li input[type="radio"]{ position: absolute; opacity: 0; width:40px; height:40px; cursor:pointer; } .right-column #estore_product_variant li .productVarient{ height:45px; width:45px; padding: 0; margin: 0 12px 12px 0; float: left; } .right-column #estore_product_variant p { color: #999; } .right-column #estore_product_variant .productVarient img{ cursor: pointer; } .right-column #estore_product_variant .productVarient label .tooltip{ z-index:1000; display:none; position:relative; text-align: center; white-space: nowrap; top: -80px; left: -52px; width: 150px; } .right-column #estore_product_variant .productVarient:hover .tooltip{ display:block; } .right-column #estore_product_variant .productVarient label .tooltip span{ background-color: #fff; border: 1px solid #ccc; padding: 4px 10px; text-align: center; white-space: nowrap; font-size: 14px; margin: 0 auto 0 auto; } .right-column #estore_product_variant .productVarient.selected{ width: 43px; height: 43px; border-radius: 45px; border: 1px solid #ccc; } .right-column #estore_product_variant .productVarient.selected img{ border-radius: 31px; border: 2px solid #fff; width: 39px; height: 39px; cursor: default; } .right-column #estore_product_variant .productVarient label .tooltip:after, .right-column #estore_product_variant .productVarient label .tooltip span:before { content:""; width: 0; height: 0; position: absolute; } .right-column #estore_product_variant .productVarient label .tooltip span:before { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ccc; left: 45.5%; top: 107%; } .right-column #estore_product_variant .productVarient label .tooltip:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; left: 46.2%; top: 105%; } .right-column #estore_product_variant .productVarient.selected label .tooltip{ display:none; } .right-column #estore_product_variant li .productVarientSize{border:1px solid #e5e5e5;height:auto; width:141px;display: block;font-size:.8em;text-align:center;position:relative; } .right-column #estore_product_variant li .productVarientSize:hover{border:1px solid #999999;} .right-column #estore_product_variant li .productVarientSize label.size{padding:8px;cursor:pointer;display:inline-block;} .right-column #estore_product_variant li .productVarientSize.selected{border:1px solid #999999; border-radius: 0;cursor:pointer;height:auto;width:141px;display: block;} .right-column #estore_product_variant li .productVarientSize input[type="radio"]{ position: absolute; opacity: 0; width:auto; height:auto; cursor:pointer; left:0; top:0; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px){ #basket_overlay_price { font-size: 1.25em; margin: 0; } #right_container { width: 103%; } #right_container #description_container { margin-top: 1em; font-size: 0.7em; line-height: 2em; } #right_container div#estore_product_variant { overflow: inherit; position: relative; bottom: 2em; } #left_container #images_container{ position: inherit; } #right_container .color_and_size { padding-top: 11px; padding-bottom: 11px; float: left; width: 100%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-order: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #right_container .purchase_section{ -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } #right_container .price_widget_clear { margin: 3.5em 0 1.5em 0 !important; } #right_container #shopper_actions_container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: -5px; } #right_container #estore_product_price_widget { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #basket_overlay_variant_header{ position: relative; top: 5em; font-size: 0.875em; } #right_container .basket_overlay_variant_span { position: absolute; width: 96%; height: auto; overflow-y: hidden; overflow-x: scroll; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-overflow-scrolling: touch; white-space: nowrap; } #estore_product_price_widget .productid { font-size: 0.7em !important; } #right_container div#estore_product_variant { overflow: inherit; } #left_container #images_container{ position: inherit; } .right-column #estore_product_variant { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; overflow: hidden; -ms-overflow-style: hidden; width:100%; } .right-column #estore_product_variant li .productVarient{ margin: 0 12px 8px 0;} .right-column #estore_product_variant li .productVarientSize{border:1px solid #e5e5e5; height:auto; width:90px; display:block; font-size:.8em; text-align:center; position:relative; margin: 0 5px 8px 0; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;} .right-column #estore_product_variant li .productVarientSize.selected{border:1px solid #999999; border-radius: 0;cursor:pointer;height:auto;width:90px;display: block;} .right-column #estore_product_variant #variantSelectedText { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; margin-top: 0px; margin-left: 0px; } .right-column #estore_product_variant form{ width: 100%; height: auto; overflow-y: hidden; overflow-x: scroll; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; -webkit-overflow-scrolling: touch; white-space: nowrap; } .right-column #estore_product_variant li .productVarientSize label.size{padding:8px 0;white-space:nowrap;cursor:pointer;display:inline-block;} } /* ------------------------------------------- */ /* ------------ Desktop styles -------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { .right-column #estore_product_variant { width: 520px; margin: 0 0 0 22px; } } /* ------------------------------------------- */ /* ------------ Tablet styles -------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { .right-column #estore_product_variant li .productVarientSize { border:1px solid #e5e5e5; height:auto; width:95px; margin-right:5px; margin-left:0px; display: block; font-size:.72em; text-align:center; position:relative; } .right-column #estore_product_variant li .productVarientSize.selected { border:1px solid #999999; border-radius: 0; cursor:pointer; height:auto; width:95px; display: block; } .right-column #estore_product_variant li .productVarientSize label.size { padding:8px 0px; white-space:nowrap; cursor:pointer; display:inline-block; } #left_container .s7staticimage{ margin-right: 139px; } } /* -------------------------------------------*/ /* SA: 2056 Proceed to checkout assumed login */ /* -------------------------------------------*/ #basket_checkout_assumed_signin #basket_checkout_product_overlay > form { margin: 16px 18px 16px 18px; } #basket_checkout_assumed_signin .forgotPassword { text-align: right; margin-bottom :18px; font-size : 0.75em; } #basket_checkout_assumed_signin .forgotPassword > a:hover { text-decoration: underline; } #basket_checkout_assumed_signin input[type="email"], #basket_checkout_assumed_signin input[type="password"] { border: 1px solid #d0d0d0; border-radius: 2px; padding: 10px; width: 262px; margin-top: 6px; } #basket_checkout_assumed_signin input#logonId, #basket_checkout_assumed_signin input#logonPassword { color: #9c9c9c; height: auto; } #basket_checkout_assumed_signin .loginfield { margin-bottom: 5px; } #checkoutSigninError_AssumedLogin, #checkoutSigninError_Guest { color: #CC0033; margin: 2px 18px; font-size :0.8em; } #basket_checkout_assumed_signin .pwd_label { padding-top: 10px; } #basket_checkout_assumed_signin a.button.secondary { line-height: 38px; min-height: 38px; } .results_none_block { display:block; text-align:center; position: relative; left: -8.3334%; } .results_none_block .results_none_description { padding:0 !important; text-align: left; } .results_none_block_lists { display:inline-block } .results_none_block_lists .advice_holder { padding-left: 0; line-height: 1.85em; } .results_none_block_lists .advice_holder li { list-style: inside disc none; margin: 0; font-size: 1.25em; } .looking-search h1 { line-height: normal; margin-bottom: 15px; } .looking-search p { max-width: 450px; margin: 0 auto; } @media (max-width: 768px) { .results_none_block { left: 0%; } #basket_checkout_assumed_signin #basket_checkout_product_overlay{ font-size: 0.75em; } #checkoutSigninError { font-size :0.75em; } .widget_search_results .results_none_block .results_none_description { font-size: 1em !important; } .results_none_block_lists, .looking-search h1 { margin: auto 20px; font-size: 1em !important; } .results_none_block_lists .advice_holder li { font-size: .875em !important; } .results_none_block_lists .advice_holder { margin: 11px auto 34px; padding: 0; line-height: 1.3em; } .looking-search h1 { line-height: 1.5em !important; margin-bottom: 6px !important; } .looking-search p { font-size: .875em !important; } } /** -------- CD: B-02889 PCA PoC ------------ **/ #find_new_address_container .button.primary{ color: #004990; background-color: #ffffff; border: 1px solid #cae1f3; } #find_new_address_container .button.primary:hover { background-color: #b2c6dd; color: #004990; } /** -------- Desktop Styles ------------ **/ #bookappointment #hostedIframe { width: 100%; margin-top: 0px; } #bookappointment .qnomyResizeClass { height: 1600px; overflow-y: scroll; } #myAppointments .qnomyResizeClass { height: 1600px; overflow-y: scroll; } #bookappointment { position: relative; width: 100%; } #myAppointments #hostedIframe { position: relative; width: 100%; border: none; } /* Desktop Styles */ @media (min-width: 1281px) { #pca_address_label { position:relative; top:2px } #Checkout_Address_inner_container, #myaccount_address_inner_container{ margin:auto; } .checkout_form_container .address_header, .myaccount_address_form_container .address_header{ font-size: 1.5625em; padding: 0 !important; } .checkout_form_container span, .myaccount_address_form_container span{ width: 8.2em; display: inline-block; overflow: visible; } .checkout_form_container div, .myaccount_address_form_container div{ height: 2.8em; margin-top: 1em; font-size: 1em; } .checkout_form_container input:focus, .checkout_form_container textarea:focus, .checkout_custom_home_choose input:focus, .checkout_store_collect input:focus, #personalDetails input:focus, .store_locator_container input:focus { border: 1px solid #cae0f5 !important; } #find_new_address_container { margin-top: 4.6em; height: 36px; } #find_new_address_container .button.primary{ color: #004990; background-color: #ffffff; border: 1px solid #cae1f3; } #find_new_address_container .button.primary:hover { background-color: #b2c6dd; color: #004990; } #find_new_address_container .button.primary:active { background-color: #000000; color: #ffffff; } #find_address #checkout_confirm_address { float: right; height: inherit; max-height: 38px; padding: 0; } #find_address a#checkout_confirm_address { height: 36px; } .checkout_form_container input{ width:42.5%; } #manual_address_fields input, .myaccount_address_form_container input, #deliveryContactDetails input, .contact_details_address_container input, .checkout_custom_home_choose input { width:33.5%; } #editSavedCardDetails input { width: 35.5%; } #editSavedCardDetails .styled-select { width: 19% !important } .checkout_form_container .wrapped_label_input_align,.myaccount_address_form_container .wrapped_label_input_align{ vertical-align: top; } .checkout_form_container label, .myaccount_address_form_container label{ vertical-align: -webkit-baseline-middle; } #manual_address a { width:30.5em; font-size:0.75em; text-decoration:underline; vertical-align: bottom; } #manual_address a[disabled]{ pointer-events: none; } #delivery_title{ height:3.3em !important; } .checkout_button{ width: 13em !important; font-size: 1.25em; } #checkout_confirm_address div{ height: 0 !important; margin-top: 0 !important; } #confirm_address_container{ float:right; } #Checkout_Address_inner_container, #myaccount_address_inner_container{ margin-bottom: 7.4em; } #delivery_content, #collect_content { padding-top:5.8em; } #card_content{ padding-top:3.8em; } #billingAddressOPC { padding-top:2em } #payment_container { margin-bottom: 0; } #Checkout_Address_container, #myaccount_address_container{ margin-left:1em; width: 97%; margin:0 auto; } #myaccount_address_container{ width: 87%; } .address_container .personTitle{ width:15em; } .address_container #personTitle_arrow{ left:12.5%; top: 0.3em; } .customTitleArrowContainer{ width: 11.9% !important; overflow: hidden; outline:0; } #titleLabelSpan, .countryLabelSpan{ bottom: 0px; position: relative; } .address_container .personTitle:focus{ width:100%; } #confirm_address_container{ margin-right:3.4%; } #address_form_buttons{ margin-top:5%; } #delivery_personTitle_dropdown.dijitMenuPopup { border: 1px solid rgb(202, 224, 245); background: #F6FAFE none repeat scroll 0% 0%; } #delivery_personTitle .dijitValidationTextBoxLabel { font-weight:normal; padding-left: 1.1125em !important; width:10em; padding-top: 0.833em; } #delivery_personTitle .dijitInputField { margin-top:2px; } #delivery_title_label .styled-select::before { z-index:0 } #delivery_personTitle_dropdown .dijitMenuItem {cursor:pointer} #delivery_personTitle_dropdown .dijitMenuItem:hover{background-color:#CAE0F5;} } @media (min-width: 601px) and (max-width: 1280px){ #checkout_manual_address #custom_checkbox { width:auto } #myAppointments #hostedIframe { margin-top: 0px; width: 100%; } #myAppointments .qnomyResizeClass { width: 100%; margin-top: 20px; margin-left: -33%; } #bookappointment .qnomyResizeClass { width: 100%; margin-top: 20px; margin-left: -33%; } .results_none_block { left: -25%; } .checkout_deliveryInst_container textarea { height: 85px !important; } #Checkout_Address_inner_container, #checkout_manual_address, #Checkout_Address, #myaccount_address_inner_container, #myAccount_address_manual_address{ margin:auto; } #Checkout_Address .mandatoryFields { padding-top:0; } #find_new_address_container { margin-top: 4.6em; } .checkout_form_container .address_header, .myaccount_address_form_container .address_header{ font-size: 1.25em; margin-bottom: 1.39em; padding: 0 !important; } .checkout_form_container .wrapped_label_input_align, .myaccount_address_form_container .wrapper_label_input_align{ vertical-align: top; } .checkout_form_container label, .myaccount_address_form_container label{ vertical-align: -webkit-baseline-middle; } .checkout_form_container span, .myaccount_address_form_container span, .contact_details span { width: 9.2em; display: inline-block; } #myaccount_add_Address #manual_house_name_span{ width:9.2em; } .checkout_form_container input, #manual_address_fields input, .myaccount_address_form_container input, .contact_details_address_container input, .checkout_custom_home_choose input { width: 45%; } #editSavedCardDetails .styled-select { width: 24% !important; margin-left: 2%; } #myAccountSavedCardContainer #editSavedCardDetails .styled-select{ width: 32% !important; } .checkout_form_container div{ height: 2.8em; margin-top:1.0em; width: 100%; } #find_address #checkout_confirm_address { float:right; height: inherit; } #find_address a#checkout_confirm_address { height: 38px; /* Pharmacy Fix */ } #find_address #delivery_backToReviewPage { float:left } #manual_address { height: 1.4em; margin-top: 0.8em; } .manual_address_container .checkout_form_container div, .manual_address_container .myaccount_address_form_container div{ height: 2.8em; margin-top:1.5em; } .checkout_form_container label, .myaccount_address_form_container label{ width: 6em; } #manual_address a{ width: 30.5em; font-size: 0.75em; text-decoration: underline; vertical-align: bottom; } #manual_address a[disabled]{ pointer-events: none; } .checkout_button{ width: 10.5em !important; font-size: 1.09375em !important; } #checkout_confirm_address div{ height: 0 !important; margin-top: 0 !important; } .findAddressPDF{ float:right; height:0 !important; } #confirm_address_container a{ float:right; } #paf_address_buttons { margin: 0 0 6em; } #Checkout_Address_inner_container, #myaccount_address_inner_container{ margin-bottom: 2.5em; } #delivery_content, #collect_content, #card_content{ padding-top: 2.9em; } .address_container .personTitle{ width:100% } .address_container #personTitle_arrow{ left: 21%;; top: 7px; } .customTitleArrowContainer{ width: 160px !important; overflow: hidden; top: 0px !important; } .checkout_custom_home_choose #titleLabelSpan{ bottom: 0em } .address_container .personTitle:focus{ width:100%; } #confirm_address_container{ display:inline; } #review_delivery_heading { padding-bottom: 0.6em; } #collection_details_day { margin-bottom: 17px; } form#CollectStoreDeliveryContactDetails { margin-top: 20px; } form#CollectStoreDeliveryContactDetails h3 { font-size: 1.85em !important; } } /* Mobile Styles */ @media (max-width: 600px){ #bookappointment .qnomyResizeClass { width: 100%; margin-top: 30px; margin-left: 0%; } #myAppointments .qnomyResizeClass { width: 100%; margin-top: 30px; margin-left: 0%; } #myAppointments #hostedIframe { position: relative; margin-top: 5%; } .checkout_deliveryInst_container textarea { font-size:16px !important } #postocdeLabel span { top: 0px; } .pcaitem { white-space: pre-wrap !important; } .pca .pcaautocomplete { width: -o-calc(100% - 10%) !important; /* opera */ width: -webkit-calc(100% - 10%) !important; /* google, safari */ width: -moz-calc(100% - 10%) !important; /* firefox */ } .checkout_form_container .address_header, .myaccount_address_form_container .address_header h3, #deliveryNamedDay h3 { font-size: 1.0625em !important; padding: 0; } #Checkout_Address_container div{ margin:auto; margin-top: 0.8em; height: auto; } .checkout_form_container input, .myaccount_address_form_container input, .checkout_custom_home_choose input { width: 100%; margin-top: 0.5em !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .styled-select.int_country_select_box { margin-top:0em !important; width:100% !important } #delivery_countrySelect { margin-top: 0em !important; height:2.8em !important; } .checkout_form_container span, .contact_details span { display:block; overflow: visible; } .checkout_button{ font-size: 1.09375em !important; width: 100% !important; } #checkout_confirm_address{ margin: 1em 0 0.5em 0; height: inherit; } #confirm_address_container div{ margin-top: 0 !important; } #manual_address a{ width:30.5em; font-size:0.75em; text-decoration:underline; } #manual_address a[disabled]{ pointer-events: none; } .address_container{ margin-bottom:1em; } #delivery_content, #collect_content, #card_content{ padding-top: 0.8em; padding-bottom:0.8em; } #delivery_option_and_content_container #collect_content_container .collect_content { width: 94% } #delivery_options_table { padding: 0 0 0 8%; } #manual_address_header{ margin-bottom:1em; } .address_container .personTitle{ width:100%; } .address_container #personTitle_arrow{ right:18.3%; top: 27px !important; } .customTitleArrowContainer{ width: 45% !important; overflow: hidden; } #titleLabelSpan, .countryLabelSpan { bottom: 13px; position: relative; } .address_container .personTitle:focus{ width:100%; } #personTitle_container{ margin-top:1.8em !important; } #address_form_buttons{ margin: 0 !important; } #confirm_address_container, #find_new_address_container{ width:100%; margin: 0 !important; } } .checkout_form_container .address_header, .myaccount_address_form_container .address_header{ font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } .checkout_form_container label, .myaccount_address_form_container label{ font-size: 0.875em; font-weight: bold; } #pca_countrydelivery_label span { /* padding-bottom:6px */ } .checkout_form_container input, .address_container.myaccount_address_form_container input, .manual_address_container .myaccount_address_form_container input, .contact_details_address_container input, .myaccount_address_form_container select, .checkout_custom_home_choose input { font: Arial; font-size: 0.875em; text-indent: o; -webkit-appearance:none; -moz-appearance: none; padding-left: 18px; padding-right: 18px; } .checkout_form_container input, .address_container.myaccount_address_form_container input, .manual_address_container .myaccount_address_form_container input, .checkout_contact_details_container input, .contact_details_address_container input, .checkout_custom_home_choose input, .boots_form.eps input { border-radius: 2px; height:2.8em; border: 1px solid #D0D0D0; font-size:14px; /* Removed !important as was causing issues */ font-weight: normal; } .checkout_form_container input:focus, .myaccount_address_form_container input:focus, .checkout_contact_details_container input:focus, .contact_details_address_container input:focus, .checkout_custom_home_choose input:focus, .boots_form.eps input:focus, .eps_sign_up_form input:focus { border: 1px solid #cae0f5 !important; outline:none !important } .checkout_deliveryInst_container textarea { border: 1px solid #D0D0D0; } .checkout_form_container select, .myaccount_address_form_container select, .contact_details_address_container select, .checkout_custom_home_choose select, .eps_sign_up_form select, #personalDetails select, #parentClubDetails select, #myAddress_address_container #myAddress_personTitle { -webkit-appearance:none; border-radius:2px; min-height: 2.8em !important; height:2.8em !important; border: 1px solid #D0D0D0; font-size:14px; padding-left: 16px; padding-right: 16px; } #Checkout_Address_container select.errorBorder { height:2.5em !important; } .checkout_form_container select option, .myaccount_address_form_container select option, .checkout_custom_home_choose option, .contact_details option, #personalDetails select option, #parentClubDetails select option{ padding-left: 18px; padding-right: 18px; } .checkout_form_container select.disabledField, .myaccount_address_form_container select.disabledField { height:3.1em; } .checkout_form_container #form_address, .checkout_form_container #address_country, .myaccount_address_form_container #form_address, .myaccount_address_form_container #address_country{ border-width: 1px; border-color: #E5E5E5; border-style: solid; position: relative; border-radius: 2px; } .address_container #address_country{ background-color:#f8f8f8; } .manual_address_container{ display:none; } .manual_address_title{ color: #a8a8a8; } .address_container #Checkout_Address h3, .address_container .manual_address_container h3, .address_container #myaccount_add_Address h3{ font-weight:normal; } .address_container .personTitle{ -webkit-appearance:none; -moz-appearance: none; border-radius: 2px; padding-right:1em; position:relative; z-index:1; background:transparent; width: 100%; } /* RB: These have to be set to important to override site-wide field styles */ .PCAField { -webkit-appearance: initial !important; -moz-appearance: initial !important; } #Checkout_Address_container input, #Checkout_Address_container select, #myaccount_address_container select, #myaccount_address_container input, #contact_details_address_container input, #contact_details_address_container select, #deliveryContactDetails input, #deliveryContactDetails select, #checkoutStoreSummary input, #checkoutStoreSummary select { -webkit-appearance:none; -moz-appearance: none; font-weight: normal; } #Checkout_Address_container select { text-indent: 0em; } #Checkout_Address select, #myaccount_add_Address select { font-weight: normal; } input#paf_billing_address1, input#paf_delivery_address1 { vertical-align: top; } .address_container #personTitle_container, .address_container #myAddress_country_code{ position:relative; margin-top: 1.0em; } .input_roi_align{ padding-bottom: 0.1em; } .select_roi_top{ margin-top: 1.3em; } .field_roi_align{ margin-top:1.0em; padding-top:0em; } .required_roi_style{ margin-top:0em; padding-top:0em; } .address_container #personTitle_arrow{ position:absolute; font-size:25px !important; z-index:0; } select::-ms-expand { display: none; } input::-moz-focus-inner { border: 0; padding: 0; } #checkout_address_buttons #checkout_find_new_address div, #cfs_checkout_address_buttons #checkout_find_new_address div { height: 0 !important; margin-top: 0 !important; } #confirm_address_container{ margin-top:0 !important; height: 36px; } .mandatoryDiv{ display:inline; } .mandatoryFields{ padding-top:1.0em; font-size:0.875em; } #checkout_manual_address .mandatoryFields, #myAccount_address_manual_address .mandatoryFields { margin-top: 0.7em; } /* MyAddress Book */ .address_form_container{ padding-top:0.6em; line-height:1.25em; } .address_form_container label{ font-size: 1.2em; font-weight: bold; } .address_form_container input, .address_form_container select{ font-size: .8em; } .address_form_container div { height: 2.8em; margin-top: 1.0em; } .address_form_container .mandatoryFields{ font-size:.9em; } .address_form_container .button.cancel { background-color: #ffffff; border: 1px solid #cae1f3; color: #004990; } #paf_myAddress_form label{font-size:0.9em;} #addressBox_buttons #find_address_container div, #addressBox_buttons #cancel_address_container div, #addressBox_buttons #save_address_container div { height: 0 !important; margin-top: 0 !important; } .address_form_container .address_button { font-size: 1.2em !important; width: 11em !important; } .address_form_container input { width: 53.5%; height: 2.8em; } .address_form_container div.find_address{ height:auto !important; display:none; } .address_form_container span { display: inline-block; overflow: visible; width: 9.5em; } .address_form_container .checkoutAddressErrorMsg{ font-size:0.9em; } .address_form_container #manual_house_name_span { width: 9.5em !important; margin-right:0; } .address_form_container #titleLabelSpan { bottom: 0; position: relative; } .address_form_container div.manual_address_container{ height:auto !important; display:none; } .adressbook_container .button.cancel { background-color: #ffffff; border: 1px solid #cae1f3; color: #004990; } .adressbook_container .address_button { font-size: 1.2em !important; width: 11em !important; } .adressbook_container input { width: 44%; height: 3.2em; } .adressbook_container div#addressBox_buttons{ height: 100%; margin-bottom: 20px; overflow: hidden; } .adressbook_container div#addressBox_cancel_buttons{ float: left; height: auto; margin-bottom: 0; margin-top: 0; overflow: hidden; } .adressbook_container #myaccount_address_inner_container{margin:0;} .adressbook_container .myaccount_address_form_container span{width:9.3em;} .adressbook_container .myaccount_address_form_container .wrapped_label_input_align { vertical-align: inherit; } .adressbook_container #manual_address a { font-size: 0.75em; margin-left: 16.2em; } .address_form_container #save_address_container{display:none;} #password_container, #password_container #passwordSection{position:relative;color:#333;padding-bottom:0;} #password_container #passwordSection input{width:27.3438em;} #password_container input.current_password{ width:27.3438em; border:none; margin-bottom:.9em; margin-left:0px; padding-left: 0; text-indent: 0px; color:#333; } #password_container #passwordSection .labelSpan { display: inline-block; font-weight: bold; overflow: visible; width: 11em; color:#333; } #password_container .labelSpan { display: inline-block; font-weight: bold; overflow: visible; width: 11em; color:#333; } #password_container .checkbox_registration, #staffdiscountdetails #staff_card_remove_link{ position:absolute; right:10px; top: 30px; z-index: 1; float:none; color:#333; text-decoration:underline; font-size:0.75em; } #staffdiscountdetails #staff_card_remove_link{ top:70px; } #password_container .bubble-container { position: absolute; display: none; } #password_container .bubble-container { color: #333; font-size: 0.875em; right: 10.5%; top: -6px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #password_container .bubble-container { right: 10.8%; } } /* Tablet */ @media (min-width: 601px) and (max-width: 1280px) { .adressbook_container input { width: 53.5%; height: 3.2em; } #password_container .bubble-container { position: relative; display: none; left: 25%; margin-top: -5px; width:50%; } #password_container .res-bubble { position: relative; background: #ffffff; border: 1px solid #CAE0F5; } #password_container .res-bubble:after, #password_container .res-bubble:before { top: -27px; left: 30px; height: 0; width: 0; pointer-events: none; } #password_container .res-bubble:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 14px; margin-left: -14px; } #password_container .res-bubble:before { top: -30px; border-color: rgba(202, 224, 245, 0); border-bottom-color: #CAE0F5; border-width: 15px; margin-left: -15px; } } /* Mobile Styles */ @media (max-width: 600px){ .checkout_form_container span.styled-select { margin-top: 0.5em !important; } #check_delivery_heading { font-size:1.0625em !important } .checkout_form_container input, .myaccount_address_form_container input, .checkout_contact_details_container input, .checkout_custom_home_choose input { border-radius: 2px; height:2.8em; border: 1px solid #D0D0D0; font-size:16px; /*JI Removed important */ } .checkout_form_container select, .myaccount_address_form_container select, .checkout_contact_details_container select, .checkout_custom_home_choosecontact_details select { -webkit-appearance:none; border-radius:2px; min-height: 2.8em !important; height:2.8em !important; border: 1px solid #D0D0D0; font-size:16px !important; padding-left: 10px !important; padding-right: 14px !important; } .address_form_container div { height: auto; } .address_form_container span { display: block; width: 100% ; } .address_form_container input { margin-top: 0.5em !important; width: 89%; } #addressBox_buttons{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #addressBox_buttons #find_address_container { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #addressBox_buttons #cancel_address_container { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .address_form_container #titleLabelSpan { bottom: 7px; } #password_container .checkbox_registration{ right:11px; top: 70px; } #password_container input.current_password { margin-bottom: 1.7em; margin-left: 0; padding-left: 0; text-indent: 0px; width: 93.5%; } #password_container .bubble-container { margin: 6px 0 10px; position: initial; } .adressbook_container #manual_address a { margin-left: 0; } .address_form_container .address_button { font-size: 1em !important; width: 20em !important; margin-bottom:1em; } } @media (min-width: 1281px) { .address_form_container .address_button { font-size: 1.2em !important; width: 13em !important; } } /******************* JE: Checkout Payment structure START ********************************/ /********** Note: These styles will evolve/delete as OPC progresses **************/ #order_summary_container { background-color: white; } #order_summary { width: 81.413%; margin: 0 auto; border-bottom: 1px solid rgb( 208, 208, 208); margin-top: 6px; } .option_selection { background-color: rgb( 229, 239, 249); width: 81.413%; margin: 0 auto; border: 2px solid rgb( 229, 239, 249); padding-bottom: 3px; } #delivery_container h2, #payment_container h2 { margin: 0 auto; width: 81.413%; margin-bottom: 0; font-size: 40px; color: #004890; } .select_option_body { width: 81.413%; border: 2px solid rgb( 0, 73, 143); height: auto; margin: 0 auto; text-align: left; } .select_option_body h3 { padding: 3.7em 9.8% .8em 9.8%; font-size: 1.5625em; font-weight: normal; } #payment_container { margin-top: 50px; } #delivery_content_container { display: none; } #paypal_content_container { display: none; } #checkout_cta_bottom_body { width: 81%; margin: 0 auto; text-align: right; margin-top: 30px; margin-bottom: 30px; } #card_option_button { margin: 2.5em 0em 2.5em 16.5%; width: 82%; } #card_option_button img { width: 20em; margin: 1.1em 0 0 0%; } #card_option { width: 60%; } #paypal_option_button { margin: 2.5em 1em 2.5em 27%; width: 47%; } #paypal_option { width: 40%; } #paypal_option img { width: 4em; margin: 0.9em 0 0 0; } /*** Tablet ***/ @media (max-width: 1280px) { #card_option_button { margin: 1.65em 0em 1.8em 11%; padding-bottom: 10px; width: 87%; } #paypal_option_button { margin: 1.65em 0em 1.8em 2.5%; padding-bottom: 10px; width: 62%; } #card_option { width: 75%; } #card_option_button img { width: 20em; margin: 1.25em 0 0 0%; } #paypal_option { width: 25%; } } /* Mobile Styles */ @media (max-width: 600px) { #card_option_button { background-size: 7.7em 3.2em; background-position: 50.0% 13px; background-image: url("../../images/boots/cards-collected-mobile.jpg"); background-repeat: no-repeat; margin: 1.1em 0em 1.2em 11%; padding-bottom: 0.9em; } #card_option_button img { display: none; } #card_option { width: 63%; } #paypal_option { width: 37%; } #paypal_option_button { margin: 1.1em 0em 1.2em 7%; padding-bottom: 14px; width: 69%; } #paypal_option img { width: 3.7em; margin: 1em 0 0 0; } } /******************* JE: Checkout Payment structure START ********************************/ /********** Note: These styles will evolve/delete as OPC progresses **************/ #order_summary_container { background-color: white; } #order_summary { width: 81.413%; margin: 0 auto; border-bottom: 1px solid #00498f; margin-top: 6px; } .select_option { border: 2px solid #d0d0d0; background-color: rgb( 255, 255, 255); width: 65%; height: 71px; margin: 0 auto; margin-top: 30px; margin-bottom: 34px; text-align: center; font-size: 1.5625em; } .select_option_selected { border: 3px solid rgb(0, 72, 144); } .option_selection { background-color: rgb( 229, 239, 249); width: 81.413%; margin: 0 auto; border: 2px solid rgb( 229, 239, 249); padding-bottom: 3px; } #payment_option_and_content_container .option_selection { font-size: 0.6em; } #delivery_container h2, #payment_container h2 { width: 81.413%; font-size: 1.8em; color: #004890; } .select_option_body { width: 81.413%; border: 2px solid rgb( 0, 73, 143); height: auto; margin: 0 auto; text-align: left; } .select_option_body h3 { padding: 3.7em 9.8% .8em 9.8%; font-size: 1.5625em; font-weight: normal; } #payment_container { margin-top: 0px; } #delivery_content_container { display: none; } #paypal_content_container { display: none; } #checkout_cta_bottom_body { width: 81%; margin: 0 auto; text-align: right; margin-top: 30px; margin-bottom: 30px; } #card_option_button { margin: 2.5em 0em 2.5em 16.5%; width: 82%; } .masterpass_override_card { width: 50% !important; } .masterpass_override #card_option_button { width: 74%; margin: 2.5em 0em 2.5em 20.1%; } .masterpass_override_paypal { width: 20% !important; } .masterpass_override #paypal_option_button { width: 85%; margin: 2.5em 1em 2.5em 7%; } .masterpass_override_masterpass { width: 30%; } #masterpass_option_button img { width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } #masterpass_option_button { margin: 2.5em 1em 2.5em 9.3%; width: 56%; cursor: pointer; position: relative; } #redeem_content { padding-top: 5em; } .redeem_override_card { width: 50% !important; } .redeem_override #card_option_button { width: 74%; margin: 2.5em 0em 2.5em 20.1%; } .redeem_override_paypal, .redeem_override_wallet { width: 20% !important; } .redeem_override #paypal_option_button, .redeem_override #wallet_paypal_option_button { width: 85%; margin: 2.5em 1em 2.5em 7%; } .redeem_override_redeem { width: 30%; } #redeem_option_button img { height: auto; margin-top: 0.7em; } #redeem_option_button { margin: 2.5em 1em 2.5em 9.3%; width: 56%; cursor: pointer; } .masterpass_override_card.redeem_override_card { width: 23% !important; margin-left: 8.6%; } .masterpass_override_paypal.redeem_override_paypal, .masterpass_override_masterpass.redeem_override_masterpass, .masterpass_override_masterpass.redeem_override_redeem, .masterpass_override_payin3.redeem_override_payin3, .masterpass_override_wallet.redeem_override_wallet { width: 20.5% !important; } .masterpass_override_masterpass.redeem_override_masterpass #masterpass_option_button, .masterpass_override_masterpass.redeem_override_redeem #redeem_option_button, .masterpass_override_paypal.redeem_override_paypal #paypal_option_button, .masterpass_override_wallet.redeem_override_wallet #wallet_paypal_option_button, .masterpass_override_payin3.redeem_override_payin3 #payin3_option_button { width: 90% !important; margin: 2.5em 0; } .masterpass_override_card.redeem_override_card #card_option_button { width: 90%; margin: 2.5em 0em 2.5em 0; } .masterpass_override_cardContainer .triLeft::before, .redeem_override_cardContainer .triLeft::before, .masterpass_override_cardContainer .triLeft::after, .redeem_override_cardContainer .triLeft::after { left: 29% !important; } .masterpass_override_cardContainer.redeem_override_cardContainer .triLeft::after, .masterpass_override_cardContainer.redeem_override_cardContainer .triLeft::before { left: 20.4% !important; } #card_option_button img { width: 20em; margin: 1.2em 0 0 0; } #card_option { width: 60%; } #paypal_option_button { margin: 2.5em 1em 2.5em 27%; width: 47%; } #paypal_option { width: 40%; } #paypal_option img { width: 4em; margin: 0.9em 0 0 0; } /*** Tablet ***/ @media (max-width: 1280px) { #card_option_button { margin: 1.65em 0em 1.8em 11%; padding-bottom: 10px; width: 87%; } #paypal_option_button { margin: 1.65em 0em 1.8em 2.5%; padding-bottom: 10px; width: 62%; } #card_option { width: 75%; } #card_option_button img { width: 20em; margin: 1.25em 0 0 0%; } #paypal_option { width: 25%; } #redeem_option_button, #masterpass_option_button { padding-bottom: 10px; } .masterpass_override_card.redeem_override_card { width: 24% !important; margin-left: 2.7%; } .masterpass_override_paypal.redeem_override_paypal, .masterpass_override_masterpass.redeem_override_redeem, .masterpass_override_payin3.redeem_override_payin3, .masterpass_override_wallet.redeem_override_wallet { width: 24% !important; } .redeem_override.redeem_override_card #card_option_button img { width: 90%; max-width: 20em; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin: 0px; } .redeem_override.redeem_override_card #card_option_button p { height: 117%; } .redeem_override #card_option_button { margin: 1.6em 0em 1.6em 21%; width: 75.5%; } .redeem_override_card { width: 41% !important; } .redeem_override_paypal, .redeem_override_wallet { width: 25% !important; } .redeem_override #paypal_option_button, .redeem_override #wallet_paypal_option_button { width: 90%; margin: 1.6em 1em 1.6em 5%; } #wallet_paypal_option_button, #payin3_option_button { height: 72px; } .redeem_override_redeem { width: 30%; } #redeem_option_button { margin: 1.6em 1em 1.6em 4.3%; width: 76%; } #redeem_content { padding-top: 2.7em; } .masterpass_override_cardContainer.redeem_override_cardContainer .triLeft::after, .masterpass_override_cardContainer.redeem_override_cardContainer .triLeft::before { left: 14.4% !important; } .redeem_override_cardContainer .triLeft::before, .redeem_override_cardContainer .triLeft::after{ left: 24.4% !important; } .masterpass_override_cardContainer.redeem_override_cardContainer.newPaymentDetailsContainer .triRight::after, .masterpass_override_cardContainer.redeem_override_cardContainer.newPaymentDetailsContainer .triRight::before { left: 85.5% !important; } } /* Mobile Styles */ @media (max-width: 600px) { #card_option_button { background-size: 7.7em 3.2em; background-position: 50.0% 13px; background-image: url("../../images/boots/cards-collected-mobile.jpg"); background-repeat: no-repeat; margin: 1.1em 0em 1.2em 11%; padding-bottom: 0.9em; } .masterpass_override_card #card_option_button { background-size: 60% 3.2em; } .redeem_override.redeem_override_card #card_option_button { background-image: url("../../images/boots/cards-collected-mobile-grid2.png"); background-position: 50% 50%; background-size: auto 90%; } #card_option_button img { display: none; } #card_option { width: 63%; } #paypal_option { width: 37%; } #paypal_option_button { margin: 1.1em 0em 1.2em 7%; padding-bottom: 14px; width: 69%; } #paypal_option img { width: 3.7em; margin: 1em 0 0 0; } .masterpass_override_paypal.redeem_override_paypal { margin-left: 0; } #masterpass_option_button, #redeem_option_button { padding-bottom: 14px; } .masterpass_override_masterpass.redeem_override_redeem #redeem_option_button p, .masterpass_override_masterpass.redeem_override_masterpass #masterpass_option_button p, .masterpass_override_paypal.redeem_override_paypal #paypal_option_button p, .redeem_override.redeem_override_redeem p, .redeem_override.redeem_override_paypal p { width: 90%; margin: 0 auto; margin-top: 3px; } .masterpass_override_masterpass.redeem_override_redeem #redeem_option_button img , /*.masterpass_override_masterpass.redeem_override_masterpass #masterpass_option_button img,*/ .masterpass_override_paypal.redeem_override_paypal #paypal_option_button img, .redeem_override.redeem_override_redeem img, .redeem_override.redeem_override_paypal img { width: 40px !important; position: relative; } #redeem_option_button img { height: 2.2em; margin-top: 0.4em; } .redeem_override.redeem_override_paypal img{ max-width: 3.7em; } .redeem_override.redeem_override_card, .redeem_override.redeem_override_paypal, .redeem_override.redeem_override_redeem { width: 29% !important; } .redeem_override.redeem_override_card{ margin-left: 7%; } #card_option_button, #paypal_option_button, #redeem_option_button, #masterpass_option_button { height: 40px; } .redeem_override.redeem_override_card #card_option_button, .redeem_override.redeem_override_paypal #paypal_option_button, .redeem_override.redeem_override_redeem #redeem_option_button { width: 88%; margin: 1.3em 0; margin-bottom: 1em; height: 40px; } #paypal_option_button img, #redeem_option_button img/*, #masterpass_option_button img*/ { margin-top: 0.6em; } /*#masterpass_option_button p img { max-width: 67%; }*/ #redeem_content { padding-top: 1.5em; } .masterpass_override_masterpass.redeem_override_masterpass #masterpass_option_button { margin: 1.3em 0px 1em; height: 40px; } .masterpass_override_cardContainer.redeem_override_cardContainer .triLeft::after, .masterpass_override_cardContainer.redeem_override_cardContainer .triLeft::before { left: 17.3% !important; } .masterpass_override_paypal #paypal_option_button img /*,#masterpass_option_button img*/ { width: 80%; max-width: 3.5em; position: relative; } .redeem_override_cardContainer .triLeft::before, .redeem_override_cardContainer .triLeft::after{ left: 21% !important; } } /******************* JE: Checkout Payment structure END **********************************/ /* ================================ EStoreSearch Criteria SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #collect_content_container #collect_content .store_locator_container { margin:0 auto; max-width: 930px; padding:0; overflow:visible; margin-bottom: 5em; } #collect_content_container #collect_content #storelocator_search_container {position:relative;} #storelocator_search_block { position: relative; float: none;} #collect_content_container #collect_content #storelocator_search_container .label-store-locator { color: #333333; font-family: Arial,sans-serif; font-size: 1em; font-weight: bold; } #collect_content_container #collect_content #storelocator_search_container input:focus { border: 1px solid #CAE0F5; } /* Mobile Styles */ @media (max-width: 600px) { #collect_content_container #collect_content #storelocator_search_container { margin-top:0px; position:relative; margin-bottom: 2em; } #collect_content_container #collect_content #storelocator_search_container input{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; width:100%; display:block; } } @media (min-width: 1281px) { #collect_content_container #collect_content #storelocator_search_container #checkout_location_link {display: block; margin-top: 10px;} #collect_content_container #collect_content #storelocator_search_container #checkout_findStore_button, .store_locator_container #StoreLocator_GetDirection_button { position: absolute; top: 0; right: 0; } .findStoresButtonContainer #checkout_findStore_button { width: 225px; } /* ================================ EStoreSearch Criteria SCSS end ============================== */ /* ================================ EStore Order Return SCSS Start ============================== */ #estore_returns_section{border-top:1px solid #d0d0d0;padding-top:25px;margin:20px 0;position:relative;} #estore_returns_section div.retuns_section h3{font-size:1em;color:#333;} #estore_returns_section div.retuns_section h3{font-size:1em;} #estore_returns_section .retuns_section{margin-left:10px;} #estore_returns_section .retuns_section p{margin-bottom:10px;} #estore_returns_section .retuns_section span{font-family:arial;position:absolute;right:0;font-size:.8em;font-weight:normal;} #estore_returns_section [id^="refund_order_item_arrow"], #estore_returns_section [id^="replace_order_item_arrow"] { height: 0.78125em; margin-right: 0.5em; transition-duration: 0.5s; transition-property: transform; width: 0.4375em; cursor:pointer; } /* ================================ EStore Order Return SCSS Start ============================== */ } /******************* RB: Delivery options styling **********************************/ .delivery_options_table, #named_day_header { padding: 0 9.8% 20px 7%; } #delivery_options_table { padding: 0 9.8% 20px 7%; } .delivery_options_row { border-bottom: 1px solid #d0d0d0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; margin: 12px 0; padding: 9px 0px 20px; } #deliveryoption_name { font-size: 1.09375em; font-weight: bold; order: 1; -webkit-order:1; } #deliveryoption_cutOffMessage { order: 2; -webkit-order:2; } #deliveryoption_deliveryDate { order: 3; -webkit-order:3; } #deliveryoption_deliveryCharge { order: 4; -webkit-order:4; } #delivery_option_button { order: 5; -webkit-order:5; } .delivery_options_cell { float: left; } #deliveryoption_date, #deliveryoption_signature { float: left; } #deliveryoption_signature { clear: left; font-size: 0.9em; } #deliveryoption_name, #deliveryoption_deliveryCharge { font-size: 1.09375em; font-weight: bold; } #deliveryoption_cutOffMessage, #deliveryoption_deliveryDate { font-size: 0.75em; } #deliveryoption_name { width: 15.3%; } #deliveryoption_cutOffMessage { width: 44.8%; min-height: 1px; /* so that it still shows if the div is empty */ margin: 2px 20px; font-size: 0.875em; position: relative; top: -1px; } #deliveryoption_deliveryDate { width: 19.1%; margin: 2px 10px; position:relative; top:-1px; font-size: 0.875em; } #deliveryoption_deliveryCharge { width: 10%; margin: 0px 10px; padding: 0 10px; } #delivery_option_button { width: 6.45em; min-width: 6.45em; height: 1.5em; font-size: 1.09375em; text-align: center; line-height: 1.6em; margin-top: -10px; } #delivery_option_button:focus { background-color: #B5CDE7; border: 2px solid #CAE0F5 !important; } /* ------------------------------------------- */ /* ------------ Tablet styles ---------------- */ /* ------------------------------------------- */ @media (min-width: 601px) and (max-width: 1280px) { #collect_content_container #collect_content .store_locator_container { margin-bottom: 3em; } #deliveryoption_name, #deliveryoption_deliveryCharge { font-size: 0.875em; } #delivery_options_table { padding: 0.5em 8% 25px 8%; } #deliveryoption_name { width: 16.5%; } #deliveryoption_cutOffMessage { width: 29%; line-height: 1.25em; font-size: 0.75em; } #deliveryoption_deliveryDate { width: 20.7%; line-height: 1.4em; margin: 3px 0; padding: 0; font-size: 0.75em; } #deliveryoption_deliveryCharge { width: 11.8%; margin: -2px 0; line-height: 1.8em; } #delivery_option_button { width: 6.2em; min-width: 6.2em; } } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { .delivery_options_row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 12px 0px; padding: 9px 0px; } #deliveryoption_name { order: 1; -webkit-order: 1; width: 38%; font-size: 0.875em; } #deliveryoption_cutOffMessage { order: 2; -webkit-order: 2; width: 62%; line-height: 1.5em; margin: 2px 0 0 0; padding: 0; font-size: 0.75em; } #deliveryoption_deliveryDate { font-size: 0.75em; } #deliveryoption_signature { font-size: 1em; } #deliveryoption_deliveryDate { order: 4; -webkit-order: 4; width: 42%; margin: 11px 0px 0px 0px; padding: 0; } #deliveryoption_deliveryCharge { order: 3; -webkit-order: 3; width: 34%; font-size: 0.875em; margin: 13px 0 0 0; padding: 0; } #delivery_option_button { order: 5; -webkit-order:5; width: 100%; margin-top: 11px; margin-bottom: 11px; font-size: 0.875em; color: #004990 !important; height: 29px; } #delivery_option_button .button_text p { line-height: 30px; } #delivery_options_table { padding: 0 7% 0px 7%; } } /*** change delivery button start*/ #delivery_options_change { padding: 0px 9.8% 20px 7%; } .delivery_options_change_button.button.primary { max-width: 283px; } .delivery_options_change_button.button.primary:hover, .delivery_options_change_button.button.primary:active { max-width: 283px; } @media (min-width: 601px) and (max-width: 1280px) { #delivery_options_change { padding: 0.5em 8% 25px; } } @media (max-width: 600px) { .delivery_options_change_button.button.primary { width:100%; max-width:100% } #delivery_options_change { padding: 0px 7%; } div#shipmodeDetails { margin-bottom: 0px !important; } } /*** change delivery button end*/ /******************* RB: Delivery options styling END **********************************/ /******************* JE: Checkout Delivery Options START ********************************/ #delivery_option_and_content_container #home_delivery_option_button { border-style: solid; margin-right: 19.5%; width: 70%; margin-top: 2.7em; } #delivery_option_and_content_container #collect_in_store_option_button { border-style: solid; margin-left: 19.5%; width: 70%; margin-top: 2.7em; } @media (min-width: 601px) { #collect_in_store_option_button h3{ padding-left: 6px; } } #delivery_option_and_content_container .option_selection h3 { font-family: "F37 Ginger Bold", Tahoma, Arial, sans-serif; font-size: 1em; color: #004890; padding-top: 0.15em; cursor: pointer; } #home_delivery_option h3 { padding-top: 0.15em !important; padding-right: 8px; } #home_delivery_option img { width: 38px; padding-right: 15px; top: 19px; position: relative; vertical-align: top; } #collect_in_store_option img { width: 39px; position: relative; right: 20px; top: 10px; } .triRight { position: relative; background: #fff; border: 2px solid #004890; } .triRight:after, .triRight:before { bottom: 100%; left: 72.7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .triRight:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 11px; margin-left: -11px; bottom: 99.9%; /*Little hack to ensure the white arrow always overlaps the bottom of the blue arrow, avoiding a 0.1px blue bottom border. */ } .triRight:before { border-color: rgba(17, 48, 245, 0); border-bottom-color: #004890; border-width: 13px; margin-left: -13px; } #paypal_content_container .triRight:after { left: 80%; } #paypal_content_container .triRight:before { left: 80%; } .triLeft { position: relative; background: #fff; border: 2px solid #004890; } .triLeft:after, .triLeft:before { bottom: 100%; left: 27.7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .triLeft:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .triLeft:before { border-color: rgba(17, 48, 245, 0); border-bottom-color: #004890; border-width: 13px; margin-left: -13px; } #card_content_container #savedCardsListOPC { display: none; } #card_content_container .triLeft:after { left: 34.88%; } #card_content_container .triLeft:before { left: 34.88%; } h3#Checkout_outOfStock { font-size: 17px !important; padding-top: 1.3em !important; background-image: none !important; padding-left: 0; } .Checkout_outOfStock_unclick { pointer-events: none; border-color: rgb(229, 239, 249); } #Checkout_outOfStock { font-size: 11px !important; padding-top: 16px; line-height: 0px; white-space: nowrap; } #Checkout_outOfStock img { display: none; } #Checkout_outOfStock a { float: none !important; color: #333; text-decoration: underline; pointer-events: all; font-size: 11px !important; position: relative; } #delivery_section_arrow, #payment_section_arrow { margin: 0; position: relative; padding: 0; top: 13px; } #delivery_section_arrow:hover, #payment_section_arrow:hover { cursor:pointer } #checkout_container_title { position: relative; top: 11px; right: 9px; cursor: pointer; } #paypal_option_button, #card_option_button { cursor: pointer; } #collect_content_container { display:none; } /*** Tablet ***/ @media (max-width: 1280px) { .option_selection { background-color: rgb( 229, 239, 249); width: 94%; margin: 0 auto; border: 1px solid rgb( 229, 239, 249); } #order_summary { width: 97.413%; } h3#Checkout_outOfStock { font-size: 14px !important; padding-top: 17px !important; } #delivery_container h2, #payment_container h2 { width: 97.413%; } .select_option_body { width: 94%; } #delivery_container h2, #payment_container h2 { font-size: 30px; } #delivery_option_and_content_container .option_selection h3 { font-size: 0.8em; padding-top: 0 !important; } .select_option_body h3 { font-size: 1.63em; } #delivery_option_and_content_container #collect_in_store_option_button { margin-left: 16.5%; width: 80%; margin-top: 1.7em; border: 3px solid transparent !important; } #delivery_option_and_content_container #home_delivery_option_button { margin-right: 16.5%; width: 80%; margin-top: 1.7em; border: 3px solid transparent !important; } .select_option { height: 62px; margin-bottom: 26px; } #home_delivery_option img { padding-right: 11px; top: 0px; right: 3px; width: 33px; vertical-align: sub; } #collect_in_store_option h3 { bottom: 0; left: 0; } #collect_in_store_option img { right: 11px; top: 8px; width: 30px; } #home_delivery_option h3 { padding-top: 14px !important; padding-right: 6px; } #card_content_container .triLeft:after { left: 41.3%; } #card_content_container .triLeft:before { left: 41.3%; } #paypal_content_container .triRight:after { left: 83.5%; } #paypal_content_container .triRight:before { left: 83.5%; } #delivery_section_arrow, #payment_section_arrow { top: -4px; } #checkout_container_title { top: -2px; right: 5px; } .checkout_custom_dropdown p { padding-top: 6px; padding-bottom: 6px; padding-left: 20px; } .triLeft:after, .triLeft:before { bottom: 100%; left: 28.7%; } } /* Mobile Styles */ @media (max-width: 600px) { .select_option_body h3 { padding: 0 0 1em 7%; } #payment_container { margin-top: 15px; } #delivery_container h2, #payment_container h2 { font-size: 1.5625em; } #delivery_option_and_content_container .option_selection h3 { font-size: 0.6em !important; padding-top: 3.25em; margin: 0; } #home_delivery_option h3 { padding-top: 3.25em !important; } h3#Checkout_outOfStock { font-size: 0.875em !important; padding-top: 19px !important; } .select_option_body h3 { font-size: 1.0625em; } #collect_in_store_option img { display: none; } #home_delivery_option img { display: none; } #delivery_option_and_content_container #home_delivery_option_button { height: 76px; margin-left: 2%; margin-top: 0.8em; margin-bottom: 0.8em; padding: 0; } #delivery_option_and_content_container #collect_in_store_option_button { height: 76px; width: 80%; margin-top: 0.8em; margin-bottom: 0.8em; margin-left: 14%; padding: 0; overflow: hidden; } #collect_content_container .select_option_body, #delivery_content_container .select_option_body { width:94%; box-sizing: border-box; } #collect_content_container #collect_content .checkout_store_collect { box-sizing: border-box; width: 86%; padding:0; overflow: inherit; } #collect_content_container #collect_content .tabButtonContainer { margin-left:-7%; margin-right:-7%; border-bottom: 1px solid #D0D0D0; position: relative; top: 1px; } #collect_content_container #collect_content .checkout_locationIcon_title { margin: 20px auto; } #collect_content_container #collect_content #checkout_findStore_button, #collect_content_container #collect_content #storelocator_search_container #StoreLocator_GetDirection_button { position: static; max-width: inherit; width: 100%; } #collect_content_container #collect_content #store_locator_results_panel_heading { padding-top:0; font-size: 1.1875em !important } #collect_content_container #collect_content #checkoutCFSMap { margin-top:0 !important; } #collect_in_store_option h3 { padding-bottom: 0.4em; background-size: 1.9em 2.4em; background-position: 50.5% 10px; background-repeat: no-repeat; background-image: url("../../images/boots/BootsBasketImage.png"); } #home_delivery_option h3 { background-size: 2.4em 1.5em; background-position: 50% 19px; background-image: url("../../images/boots/BootsVanImage.png"); background-repeat: no-repeat; padding: 0; } h3#Checkout_outOfStock { padding-bottom: 2px !important; } #Checkout_outOfStock { padding-bottom: 4px; } .not_suitable_mobile { white-space: nowrap; width: 60%; overflow: hidden; margin: 0 auto; line-height: 10px !important; padding-top: 12px !important; } .not_suitable_mobile_link { padding-top:8px !important } #card_content_container .triLeft:after { left: 35.3%; } #card_content_container .triLeft:before { left: 35.3%; } #paypal_content_container .triRight:after { left: 78.5%; } #paypal_content_container .triRight:before { left: 78.5%; } } /******************* JE: Checkout Delivery Option END **********************************/ /******************* SA: Checkout Order Summary START **********************************/ .row > div.ordersummary_product_price { float: right; width: auto; line-height: 3.682em; } .acol2.col2.basket_product_image { width: 10%; min-width: 170px; } #order_summary_content_container{ margin-bottom: 32px; margin-left: 7px; } #hide_summary.order_link { float: right; } #edit_basket.order_link { float: left; } .ordersummary_product_item { line-height: 62px; } .ordersummary_product_item span { display: inline-block; vertical-align: middle; line-height: normal; } .ordersummary_product_item .basket_product_image img { margin-bottom: -0.41em; width: 4.58em; } .basket_summary .right { padding-top: 8px; } #order_summary #order_summary_section_arrow { margin-left: 0; cursor:pointer } #order_summary #order_summary_section_arrow:hover { cursor:pointer } .basket_summary:before { content: ""; background: url("/wcsstore/eBootsStorefrontAssetStore/images/boots/estore_spritesheet.png") no-repeat scroll 0 -43px rgba(0, 0, 0, 0); background-size: 35.5px 171.5px; height: 21px; width: 21px; /*margin: 13px 7px 13px -7px;*/ margin: 0; padding: 0; clip: inherit; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; position:relative; top:2px; left:-8px; display:inline-block } .ordersummary_product_name, .ordersummary_product_price { font-size: 1.25em; } #order_summary_dropdown { font-size: 1.25em; line-height: 1.53125em; padding: 12px 0 20px 0; } #order_summary_bottom_cta { padding-bottom: 20px; } #edit_basket.order_link{ color: #333333; font-size: 0.75em; margin-top: 0.7em; text-decoration: underline; } #hide_summary.order_link { width: 225px; } #order_summary_bottom_cta { padding-bottom: 21px; } /* Mobile Styles */ @media (max-width: 600px){ .ordersummary_product_item .basket_product_image img{ width: 2.81em; margin-bottom: -0.089em; } .ordersummary_product_name, .ordersummary_product_price { font-size: 0.6875em; } .ordersummary_product_name { line-height: 45px; } .basket_summary { font-size: 0.67em; } .basket_summary:before { padding: 0; background: url("/wcsstore/eBootsStorefrontAssetStore/images/boots/estore_spritesheet.png") no-repeat scroll 0px -39px rgba(0, 0, 0, 0); background-size: 35.5px 151.5px; top: 6px; } #order_summary_dropdown { padding-bottom: 10px; } #delivery_option_and_content_container .option_selection { width:94% } #delivery_container #delivery_dropdown { line-height: 2.125em } .ordersummary_product_item .basket_product_image img { margin-bottom: -4px; } .ordersummary_product_item { line-height: 48px; } .basket_summary .right { padding-top: 4px; margin-top: 0px !important; } .basket_summary_item { display: none; } #order_summary_bottom_cta { padding-bottom: 12px; } .acol2.col2.basket_product_image { width: 16.66%; min-width: 60px; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #order_summary_bottom_cta { padding-bottom: 18px; } .ordersummary_product_item .basket_product_image img{ width: 3.25em; } .ordersummary_product_name, .ordersummary_product_price { font-size: 0.875em; } #order_summary_dropdown { padding-bottom: 17px; margin-top: 10px; font-size: 1em; } #order_summary_dropdown .right{ margin-top: 4px; } .ordersummary_product_item { line-height: 3.25em; } .ordersummary_product_item .basket_product_image img { margin-bottom: -0.153em; } .basket_summary { font-size:1.0625em; } .basket_summary:before { background: url("/wcsstore/eBootsStorefrontAssetStore/images/boots/estore_spritesheet.png") no-repeat scroll -2px -43px rgba(0, 0, 0, 0); background-size: 35.5px 174.5px; top: 0px; } .acol2.col2.basket_product_image { width: 7%; min-width: 60px; } } /* Grid system - RWD-C */ @media (min-width: 1281px) { .ordersummary_product_name { margin-left: -3.24em; line-height: 66px; } } /******************* SA: Checkout Order Summary ENDS **********************************/ /******************* JE: Saved Home Delivery Address START **********************************/ .select_option_body h3 { padding: 0 0 0.5em 9.8%; font-size: 25px; } div#shipmodeDetails { margin-bottom: 40px; } .checkout_custom_dropdown { border-style: solid; border-width: 1px; background-color: rgb(246, 250, 254); border-color: rgb(202, 224, 245); text-align: left; width: 100%; height: 100%; position: relative; border-radius: 4px; float: left; bottom: 7px; } .checkout_custom_dropdown .dijitButtonNode { text-align: left; } .checkout_custom_dropdown_list { border-style: solid; border-width: 1px; background-color: #ffffff; border-color: rgb(202, 224, 245); text-align: left; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; font-size: 0.875em; cursor: pointer; } .checkout_custom_home_choose { font-size: 14px; padding: 0 4% 0.5em 4%; overflow: hidden; } .store_locator_container #checkout_store_collect_results { width: 100%; margin: 25px 0px; } #EStoreStoreLocatorNextBox a { margin-right:0 !important; } .checkout_store_collect #checkout_store_collect_results { width: 92.3%; margin: 0 auto; } .checkout_store_collect #checkoutStoreAddress, .store_locator_container #checkoutStoreAddress { margin-top: 11px; } #CheckoutStoreSummary .checkout_custom_home_choose { padding: 0 9.8% 2.5em 9.8%; } #delivery_content .checkout_custom_home_choose { margin-bottom: 1.5em; } #review_delivery_container b{ padding-right: 10px; } #checkout_review_delivery_container_store { margin-bottom: 5em; } #checkout_review_delivery_container, #checkout_review_delivery_container_store{ padding: 0; } #checkout_review_delivery_container .row, #checkout_review_delivery_container_store .row, #checkout_deliveryInst_container_store_reg_cfs { padding: 0 7.9% 2em 6.8%; } .checkout_custom_home_choose label { font-weight: bold; float: left; } div#comboButton_label, div#comboButton_store_label { text-align: left; float: left; line-height: 16px; width: 100%; } td.dijitReset.dijitStretch.dijitButtonNode { z-index: 9; pointer-events: none; padding-top: 6px; padding-bottom: 6px; padding-left: 20px; position: relative; width: 80%; white-space: inherit; } td#comboButton_arrow { text-align: right; z-index: 100; padding: 0; width: 100%; height: 100%; position: absolute; left: 0%; } td.dijitReset.dijitMenuItemIconCell { display: none; } .dijitMenuItemLabel { line-height: 19px; padding: 7px 0 7px 20px; } .dijitReset.dijitArrowButtonChar { color: transparent; background-image: url("../../images/boots/small_arrow_active.png"); background-size: 8px; background-repeat: no-repeat; position: relative; background-position: 50%; height: 25px; width: 25px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); float: right; right: 21px; top: 25%; background-color: white; border: 1px solid rgb( 208, 208, 208 ); border-radius: 2px; } #checkout_add_new { cursor: pointer; font-weight: normal; text-decoration: underline; padding: 0; font-size: 12px; float: right; position: relative; top: 20px; } dijitReset.dijitArrowButtonInner { width: 0; height: 0; } .dijitBackgroundIframe{ height: 0px !important; overflow: hidden; display: none; } .dijitReset.dijitArrowButtonInner { display: none; } /** Tablet RWD-B **/ @media (max-width: 1280px) { .checkout_custom_home_choose { padding: 0 0 0 0; } #review_delivery_heading { padding-bottom: 1em; } .checkout_store_collect .checkout_custom_home_choose, .store_locator_container .checkout_custom_home_choose { margin-top: 15px; } } /* Mobile Styles */ @media (max-width: 600px) { .store_locator_container #checkout_store_collect_results { width: 94%; margin-left:10px; margin-right:10px } #cfs_multiple_locations, #direction_multiple_locations { margin: 0 10px; margin-top: 35px; width: 94%; } .checkout_custom_dropdown { width: 100%; margin-top: 1.3em!important; } .checkout_custom_home_choose { padding: 0.6em 8.2% 0em 8.2%; overflow: hidden; } #checkout_add_new { float: right; margin-top: -14px; margin-bottom: 4px; } .select_option_body h3 { font-size: 17px; line-height: 21px; padding-bottom: 0em; } } /******************* JE: Saved Home Delivery Address END **********************************/ /******************* SS: Add delivery instructions START **********************************/ .checkout_deliveryInst_container .checkout_deliverInst_Header { cursor: pointer; margin-top: 1.5em; margin-bottom: 1.5em; padding-left: 25%; margin-left: -12px; } .checkout_deliveryInst_container label { display: inline-block; font-weight: normal; padding-right: 20%; padding-bottom: 1em; } .checkout_deliveryInst_container textarea { text-align: left; width: 94%; padding: 0.5em 2.5% 0.5em 2.5%; resize: none; position: relative; top: 4px; height: 70px; border: 1px solid #D0D0D0; border-radius: 2px; } #checkout_deliveryInst_arrow { position: relative; margin: 0; padding: 0; position: relative; right: 4px; top: 6px; font-size: 27px; } #checkout_deliveryInst_arrow_reviewHome { font-size: 30px; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #checkout_deliveryInst_arrow { top: 5px; } #checkout_deliveryInst_arrow_reviewHome { font-size: 25px; } .checkout_deliveryInst_container { padding: 1em 0 1em 0; } } /** Mobile RWD-A **/ @media (max-width: 600px) { .checkout_deliveryInst_container .checkout_deliverInst_Header { padding-left: 0; margin-left: -7px; } #checkout_deliveryInst_arrow_reviewHome { font-size: 20px; } .checkout_deliveryInst_container { padding-left: 0; } .checkout_deliveryInst_container{ font-size:initial; } .checkout_deliveryInst_container label, .checkout_deliveryInst_container textarea, .checkout_deliveryInst_container .checkout_deliverInst_Header{ font-size:0.75em; width: 95%; } .checkout_deliveryInst_container textarea { margin-bottom:10px } } /******************* SS: Add delivery instructions END **********************************/ /******************* JE: Review Delivery Details START **********************************/ #review_delivery_heading { padding-bottom: 0.5em; padding-left: 0; } #checkout_right_column { text-align: right; } #review_delivery_container { padding-top: 0.1em; } #checkout_right_links { float: right; position: inherit; padding: 0; color: #333333; cursor: pointer; font-weight: normal; text-decoration: underline; font-size: 12px; } #checkout_continue_payment { width: 225px; float: right; } #deliverySummary { padding-bottom: 30px; } .CheckoutDeliveryOptionHomeSummary { padding: 0 6.2% 0 6.2%; } #check_delivery_heading { padding-left: 0; } .custom_dropdown_address{ padding-top: 2px; line-height: 18px; } .custom_dropdown_address_dropdown{ display: block; padding-top: 0px; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { .checkout_newline_span { display: inherit; } #check_delivery_heading { line-height: 25px; margin-top: 6px; padding-bottom: 42px; } #checkout_continue_payment { margin-right: 1.6em; width: 15.5em; margin-top: 42px; height: inherit; } .CheckoutDeliveryOptionHomeSummary { padding: .5em 5% 0 8.2%; } .checkout_custom_home_choose #review_delivery_heading { font-size: 1.4em; margin-bottom: 0em; } } /* Mobile Styles */ @media (max-width: 600px) { #checkout_right_links { float: right; } #checkout_continue_payment { width: 100%; margin-right:0; } .checkout_newline_span { display: inherit; } .checkout_newline_span_m { display: inherit; } .CheckoutDeliveryOptionHomeSummary { padding: 0; } #review_delivery_heading { font-size: 1.2em !important; } #delivery_options_heading { font-size: 1.2em !important; } #delivery_content .checkout_custom_home_choose { margin-bottom: 0; } } /******************* JE: Review Delivery Details END **********************************/ .dijitDialogPaneContent { width: 100% !important; } .purchase_section { min-width: 300px; } #quickInfoPopup { width: 1033px; margin: 0 auto; } #errorMessage p{ color: #CC0033; font-family: arial; } .adcard_form #warningMessagePara { text-indent: 0; padding-left: 0; } .adcard_form #warningMessagePara a{font-weight:bold;color:#CC0033;padding-bottom:8px;cursor:auto;} #estore_error_overlay{ position: fixed; z-index: 3000; margin: 10px auto 0px auto; width: 450px; background: #FFF; color: #000; text-align: center; padding: 20px 20px; font-size: 1em; left: 0; right: 0; top: 15%; } #estore_error_overlay .overlay_head{ font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.2em; padding: 15px 0 5px; margin: 0; line-height: 1.2em; text-align: center; } #estore_error_overlay_back{ display: block; z-index: 2000; background: #000; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; opacity: 0.6; } #estore_error #overlay{ display: block; } #disable_background{ display: none; } /******** SS: B-03139 - No delivery options available for my order START *********/ .popup_overlay { display: none; position: fixed; z-index: 3000; margin: 10px auto 0px auto; width: 450px; background: #FFF; color: #000; text-align: center; padding: 20px 20px; font-size: 1em; left: 0; right: 0; top: 15%; } .popup_overlay p { display: inline-block; width: 90%; text-align: left; padding: 10px 0px 15px 0px; font-size: .9em; } /** Defect 1045 fix **/ .popup_overlay #popup_overlay_body{ text-align: left; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { .popup_overlay p{ width: 85%; padding: 10px 0; font-size: 0.85em; } } /* Mobile Styles */ @media (max-width: 600px) { .popup_overlay { width: 85%; } .popup_overlay p{ padding:10px 0 15px 0; width: 85%; font-size:0.85em; } .popup_overlay h6{ font-size:0.95em; } #contentRecommendationWidget_ESPOT_STORE_LOCATOR_ .left_espot img { width: 100% !important; } } /******** SS: B-03139 - No delivery options available for my order END *********/ /******************* JE: Collect in Store START **********************************/ .checkout_store_collect, .store_locator_container { text-align: left; font-size: 14px; width: 84%; margin: 0 auto; overflow: auto; margin-bottom: 45px; } .store_locator_container { width: 84%; margin-left: 10.2%; } #check_collect_heading { padding: 0; margin-bottom: 0.58em; margin-top: 0.2em; } .store_locator_container #check_collect_heading { width: 100%; } .checkout_store_collect label { font-weight: bold; padding-right: 3.5em; display: inline-block; width: 9.2em; line-height: 17px; padding: 0; } #checkout_collect_input, #store_locator_input_direction { -webkit-appearance: none; appearance: none; border-radius: 3px; height: 38px; border: 1px solid #D0D0D0; width: 35%; padding: 0 1.3125em; } #checkout_find_store { margin: 0 auto; } #checkout_findStore_button { width: 175px; float: right; } #checkout_store_collect_results #tab2Widget { display: none; } .no-border-locator #checkout_findStore_button, #StoreLocator_GetDirection_button { width: calc(90% - (25% + 1.5em + 33.5%)); max-width: 225px; position: absolute; top: 0; right: 0; } p#store_locator_results_panel_heading { font-weight: bold; margin-bottom: 3.3em; } .checkout_locationIcon_title { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #004990; margin-left: 12.3em; margin-top: 7px; } .location_icon_img { height: 14px; position: relative; top: 3px; margin-right: 6px; } @media (min-width: 601px) { #delivery_option_and_content_container #checkout_find_store label { display: table; float: left; height: 39px; } #storelocator_search_container .label-store-locator span, #delivery_option_and_content_container #checkout_find_store label span { display: table-cell; vertical-align: middle; } #delivery_option_and_content_container .checkout_locationIcon_title { margin-left: 9.2em; margin-top: 1em; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #collectNamedDay #delivery_options_table .delivery_options_row_namedDay { margin-top: 67px; width: 450px; } .checkout_store_collect, .store_locator_container { font-size: 16px; padding: 0 8.2% 0em 8.1%; } .store_locator_container { padding: 0; margin-left: 9.4%; overflow: hidden; } .store_locator_container #check_collect_heading { width: 100%; font-size: 1.4em !important; margin-top: 0; } #storeLocatorMap, #storeDetailBingMap { min-height: 450px !important; max-height: 450px !important; } .store_locator_container #checkout_store_collect_results { width: 100%; } div#personTitle_container { margin-top: 20px; } .checkout_store_collect #checkout_find_store label .store_locator_container #checkout_find_store label { width: 4em; margin-right: 4.8em; } } /* Mobile Styles */ @media (max-width: 600px) { .checkout_store_collect, .store_locator_container { font-size: 16px; padding: 0 7.7% 0 7%; } .store_locator_container { padding: 0 0% 0 3%; margin: 0; width: 100%; } .store_locator_container .select_option_body h3 { font-size: 1.25em !important; } .store_locator_container #check_collect_heading { padding-bottom: 1px; } .store_locator_container label { display: block; padding: 10px 0; width: 100%; } .checkout_store_collect label { padding: 6px 0 0 0; font-size: 1em; top:0px; width: 100%; } location_icon_img { margin-right: 9px; } } /******************* JE: Collect in Store END **********************************/ /******************* JE: Copy to Billing address START **********************************/ /******************* JE: Custom TickBox **********************************/ #custom_checkbox { padding-left: 7.4em; padding-bottom: 1em; height: auto; } #int_term_and_condition #custom_checkbox { padding-left: 0; } #billing_address #custom_checkbox{ display:none; } .custom_checkbox .custom_checkbox_tick input[type=checkbox] { opacity: 0; } .custom_checkbox .custom_checkbox_tick label { position: relative; left: 25px; bottom: 2px; cursor: pointer; font-weight: normal; } .custom_checkbox .custom_checkbox_tick label:before { content: ""; display: inline-block; width: 17px; height: 17px; margin-right: 10px; position: relative; bottom: -5px; background-color: #fff; border-style: solid; border-width: 2px; border-color: #004990; } #custom_checkbox_for_term_and_condition .custom_checkbox_tick label::before, #custom_checkbox .custom_checkbox_tick label::before, .common_custom_checkbox .custom_checkbox_tick label::before{ width: 16px; height: 16px; bottom: -4px; border-width: 1px; border-color: #D0D0D0; position:absolute; top:0; left: -25px } #custom_checkbox_for_term_and_condition .custom_checkbox_tick label, #custom_checkbox .custom_checkbox_tick label, .common_custom_checkbox .custom_checkbox_tick label { width:98% } #custom_checkbox_for_term_and_condition .custom_checkbox_tick { padding-top: 2em; } .custom_checkbox .custom_checkbox_tick input[type=checkbox]:checked + label:before { font-size: 15px; color: rgb(193,76,142); text-align: center; line-height: 15px; background-image: url("../../images/boots/checkTickBlue.svg"); background-size: 12px 12px; background-position: 2px 2px; background-repeat: no-repeat; } .common_custom_checkbox input { width: 0; padding: 0; height: 0; margin: 0; } .custom_checkbox .custom_checkbox_tick img { display: none; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #custom_checkbox { padding-left: 8.3em; } } /* Mobile Styles */ @media (max-width: 600px) { #custom_checkbox { padding-left:0; } #custom_checkbox_for_term_and_condition .custom_checkbox_tick label, #custom_checkbox .custom_checkbox_tick label, .common_custom_checkbox .custom_checkbox_tick label { width:94% } #delivery_option_and_content_container #checkout_collect_input { position: inherit; margin-top: 0.3em; margin-bottom: 0.8em; box-sizing: border-box; width: 100%; height: 2.6em; } #delivery_option_and_content_container #collect_content_container #collect_content .checkout_locationIcon_title { margin: 0; } } /******************* JE: Copy to Billing address END **********************************/ /******************SA: Checkout address STARTS **********************/ #Checkout_Address_container .errorBorder, #myaccount_address_container .errorBorder { border: 1px solid #CC0033 !important; border-radius: 2px; } .checkout_form_container .checkoutAddressErrorMsg, .manual_address_container .checkout_form_container .checkoutAddressErrorMsg, .myaccount_address_form_container .checkoutAddressErrorMsg, .manual_address_container .manual_address_container .checkoutAddressErrorMsg { height:auto; } .checkoutAddressErrorMsg.personalErrorPad{margin: 20px 0 20px 30px;} #signIn_section #errorMessage #errorMessageContainer{ margin-left:0px; } #eStore_logIn_registration #errorMessage p{text-indent:0;} .checkoutAddressErrorMsg p span { margin-right: 10px; font-size: 18px; position: relative; top: 2px; } .checkoutAddressErrorMsg ul li a span { text-decoration: underline; } .checkoutAddressErrorMsg span { display: inline; } /* Mobile Styles */ @media (max-width: 600px) { .checkoutAddressErrorMsg li { position: relative; left: 0; } #edit_your_personal_information .checkoutAddressErrorMsg, #ph_extd_registration .checkoutAddressErrorMsg{ font-size: 0.825em; width:92% !important; } #edit_your_personal_information .checkoutAddressErrorMsg { font-size: 0.9em; } } /**************** SA: Checkout address ENDS *******************/ .disabledField { color: grey; background-color: #F0F0F0 !important; } /******** B-01799 - Can't checkout with blacklisted delivery address START *********/ .popup_overlay p.popup_overlay_head{ font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.2em; padding: 15px 0 5px; margin: 0; font-weight: normal; line-height: 1.2em; text-align: center; } /******** B-01799 - Can't checkout with blacklisted delivery address END *********/ #shipmodeDetails h3 { padding: 0 0 0 7% } @media (min-width: 601px) and (max-width: 1280px) { #shipmodeDetails h3 { padding: 0 0 0 8% } } @media (max-width: 600px) { #shipmodeDetails h3 { } } .delivery_options_row:last-child { border-bottom: medium none; } .freeDelivery .delivery_options_row:last-child{ border-bottom: 1px solid #d0d0d0; } /***********SS checkout Store search Resutls STARTS *************/ #checkout_store_collect_results h3 { padding: 0; line-height: 3em; } #checkout_store_collect_results .tab_container { width: auto; float: none; display: block; font-size: 1.4em !important; height: 25px; padding: 11px 0; } .store_locator_container #checkout_store_collect_results .tab_container { height: 32px; padding-top: 13px; line-height: 32px; } #checkout_store_collect_results .tab_text, .store_locator_container .tab_text { float: none; display: inline; color: #004990; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; padding-left: 0px; } #checkout_store_collect_results .tab_container.inactive_tab { color: #004990; } /*#checkout_store_collect_results .tab_container:after { width: 12px; height: 12px; }*/ #checkout_store_collect_results .bold { font-weight: bold; } #checkout_store_collect_results .store_opening_details_container, #checkout_store_collect_results p.store_address { font-size: 0.875em; } #checkout_store_collect_results .store_details_header { margin: 0 0 0 -0.9em; } #checkout_store_collect_results span.store_day { display: inline-block; width: 54px; } #checkout_store_collect_results span.time_seperator { display: inline-block; width: 28px; text-align: center; } #checkout_store_collect_results .store_opening_details_container ul { padding: 0px; list-style: none; margin: 5px 0 10px 0; } #checkout_store_collect_results .store_opening_details_container ul li { line-height: 1.1em; } #checkout_store_collect_results a.buttonSelect { width: 105px; float: right; } #checkout_store_collect_results a.view_on_map { color: #004990; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; position: relative; margin: 10px 15px 0 0; float: right; } #checkout_store_collect_results a.view_on_map:before { background: url("../../images/boots/estore_spritesheet.png") no-repeat -2px -114px; background-size: 35px 159px; height: 16px; width: 12px; position: absolute; margin: 0; padding: 1px; content: ""; top: 0px; left: -19px; clip: inherit; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; } #store_result_list_view > .row { border-top: 1px solid #d0d0d0; padding: 23px 0 24px; } #store_result_list_view > .row:first-child { border-top: none; } .store_locator_container .tabButtonContainer { border-bottom: 3px solid #cae0f5; } .store_locator_container .tab_container:after { display: none; } #checkout_store_collect_results span.list_icon { background: url("../../images/boots/list_view.svg") no-repeat; background-size: 14px 14px; float: none; border: none; display: inline; position: relative; top: 2px !important; right: 6px; padding: 0 8px; } #checkout_store_collect_results span.location_icon { background: url("../../images/boots/estore_spritesheet.png") no-repeat -1px -114px; background-size: 35px 159px; height: 17px; width: 15px; display: inline-block; clip: inherit; -webkit-transform: scale(1); -webkit-transform-origin: 0 0 0; position: relative; right: 4px; } #checkout_store_collect_results .dropdown_arrow { font-size: 24px; } #checkout_store_collect_results .view_on_map_and_select_container { padding-top: 2px; } #checkout_store_collect_results .store_opening_details_container { padding-top: 19px; } /** Desktop **/ @media (min-width: 1281px) { #checkout_store_collect_results span.list_icon { top: 5px !important; } #checkout_store_collect_results #store_result_list_view div.row div.ccol1 { width: 12.4%; } #checkout_store_collect_results #store_result_list_view div.row div.ccol5 { width: 37.6%; } #checkout_store_collect_results .store_opening_details_container .store_contact_no { float: right; width: 42%; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #checkout_store_collect_results #store_result_list_view div.row div.col1 { width: 20%; } #checkout_store_collect_results #store_result_list_view div.row div.col5 { width: 30%; } #checkout_store_collect_results #store_result_list_view a.view_on_map { float: right; display: block; margin-right: 2px; } #checkout_store_collect_results #store_result_list_view a.buttonSelect { float: none; display: block; width: 115px; } #checkout_store_collect_results .view_on_map_and_select_container { float: right; } #checkout_store_collect_results .store_address { width: 70%; line-height: 1.22em; } #checkout_store_collect_results h3 { font-size: 20px; padding-bottom: 5px; } #checkout_store_collect_results .tab_container { font-size: 1.1em !important; padding: 10px 0; height: 23px; } /*#checkout_store_collect_results .tab_container:after { width: 10px; height: 10px; }*/ #store_result_list_view > .row{ padding: 16px 0 17px; } #checkout_store_collect_results .store_opening_details_container { padding-top: 25px; } #checkout_store_collect_results .store_opening_details_container .store_contact_no { padding-top: 3px; } } /* Mobile Styles */ @media (max-width: 600px) { .bolddistance { margin-bottom: 20px; margin-top:15px } #checkout_store_collect_results .store_address { width: 50%; } #store_result_list_view .view_on_map, #store_result_list_view .buttonSelect { width: 50% !important; } #store_result_list_view .view_on_map { left: 22px; margin-right: 0px !important; } #checkout_store_collect_results h3 { padding-top: 1em; } #checkout_store_collect_results p.store_address { padding: 3px 0 0px 0; line-height: 1.22em; } #store_result_list_view > .row { padding: 11px 0 17px; } #checkout_store_collect_results .tab_container { font-size: 1em !important; padding: 10px 0; height: 20px; } /*#checkout_store_collect_results .tab_container:after { width: 10px; height: 10px; }*/ #checkout_store_collect_results .store_details_header { margin: 0 0 0 -0.6em; } #checkout_store_collect_results .view_on_map_and_select_container { padding-top: 6px; } #checkout_store_collect_results .store_opening_details_container { padding-top: 7px; } #checkout_store_collect_results .store_opening_details_container .store_contact_no { padding-top: 11px; } #checkout_store_collect_results span.list_icon { top: 13px; } #checkout_store_collect_results span.location_icon { top: 2px; right:3px } } /*********** CD: My Account Registration Page B-01833 START *************/ #edit_your_personal_information #adcard_expanded { margin:20px 0; border-bottom:#d0d0d0 solid 1px;} #edit_your_personal_information #adcard_expanded .adcard_text_comment { font-size:0.875em; line-height:1.2; margin:20px 0;bottom: 16px; display: inline-block; font-size: 0.875em; line-height: 1.2; margin: 20px 0; position: relative;} #edit_your_personal_information #adcard_expanded .adCardContainer_img_container{display: inline-block;} #edit_your_personal_information #adcard_expanded .adcard_include { font-size:11px; width:100%; display:block; font-weight:normal;} #edit_your_personal_information #adcard_expanded .adcard_or { margin-bottom:0.9em; font-weight: bold;} /*********** CD: My Account Registration Page B-02642 START *************/ #edit_your_personal_information #personalDetails .labelSpan, #ph_extd_registration #personalDetails .labelSpan, #staffcard_form .labelSpan, #myAccountAddressLabel .labelSpan, #staffdiscountdetails .labelSpan, #Adv_Card_Contact_details .labelSpan { width:150px; display: inline-block; overflow: visible; font-size: 0.875em; font-weight: bold; font: Ariel; } #myAccountAddressLabel .labelSpan{width:13em;padding-right:0.8em;} #staffdiscountdetails{ position:relative; } #registrationGenderLabel .dropdown_arrow, #registrationTitleLabel .dropdown_arrow, #myAddress_title_label .dropdown_arrow{ font-size: 24px; left: auto !important; position: relative; right: 40px; top: 5px !important; width: auto; pointer-events: none; } .registrationDateOfBirthLabel .dropdown_arrow { pointer-events: none; } #personalDetails #personCountry_arrow { right: 28px; font-size: 24px; pointer-events: none; } #staffcard_form input, #staffcard_form select, #myAccountAddressLabel select { padding-left:1.40625em; margin-bottom:2em; } #edit_your_personal_information select, #ph_extd_registration select, #staffcard_form select, #myAccountAddressLabel select, #myAddress_address_container select, #eStore_registration_form select, #parentClubDetails select{ background-color: #f6fafe; height: 2.8em; } #personalDetails input, #personalDetails select, #myAccountAddressLabel select, #parentClubDetails select, .boots_form.eps select{ -webkit-appearance: none; -moz-appearance: none; } #myaccountAddress_arrow{ right: 45px; font-size: 24px; top: 5px; } #edit_your_personal_information .button_footer_line, #ph_extd_registration .button_footer_line{ float: right; font-size: 0.85em; } #personalDetails select{ border-radius: 2px; border: 1px solid #d0d0d0; height: 2.8em; margin: 0 0 30px 0; font-size:0.875em; } #personalDetails select#country { width: 18em!important; padding-right: 32px!important; } #personalDetails select.errorBorder { border-color: #cc0033 !important; } #edit_your_personal_information .finalInput, #ph_extd_registration .finalInput{ margin-bottom:0; } #edit_your_personal_information input[type=text], #edit_your_personal_information input[type=email], #ph_extd_registration input[type=text], #staffcard_form input[type=text], #myaccount_add_Address input[type=text]{ border-radius: 2px; border: 1px solid #d0d0d0; height: 2.8em; } #edit_your_personal_information input[type=text]:focus, #edit_your_personal_information input[type=email]:focus, #ph_extd_registration input[type=text]:focus, #staffcard_form input[type=text]:focus{ -webkit-appearance:none; -moz-appearance: none; border: 1px solid #CAE0F5 !important; outline:#cae0f5 solid 1px; } #my_account_personal_details{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } #my_account_personal_details .left_column{ -webkit-order: 1; order:1; } #my_account_personal_details .right_column{ -webkit-order: 1; order:1; } .my_account_header{ color: #004990; text-align: center; margin: 10px 0 0 0; } #edit_your_personal_information .errorBorder, #ph_extd_registration .errorBorder{border:1px solid #cc0033 !important; border-radius:2px;} #personal_details_container #mandatoryFields, #staffcard_form #mandatoryFields{ font-size:0.6875em; margin-top:1.875em; } #WC_UserRegistrationUpdateForm_div_16 #mandatoryFields, #ADCRegistrationForm #mandatoryFields{ font-size:0.6875em; margin-bottom: 1em; } .myAccount_section{ padding: 1.25em 0em; border-bottom:1px solid #d0d0d0; } .myAccount_section #personalDetails > div{overflow: hidden;} .address_and_align_header{ margin-buttom:10px; } .my_house_address_margin_topx{ margin-top: 10px; } .AC_personal_details { border-bottom: none; } @media (min-width: 601px){ .AC_personal_details .button.secondary {width: 28%; height:38px; font-size:1.125em;display: inline-block;float: right;margin: 0 0 15px 0;} } #personal_details_container #screenName_details{ font: Ariel; } .staffCardContent{ display: inline-block; vertical-align: -webkit-baseline-middle; font-size:0.95em; } .staffCardExp{ display: inline-block; font-size: 0.95em; } .StaffCardExpirationDate{ margin-top: 1.1em; } #staffcard_form input, #staffcard_form select{ -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-right:0px; } #staffcard_form #StaffExpMonth_arrow, #staffcard_form #StaffExpYear_arrow{ pointer-events: none; } #personalDetails select#editRegistrationTitle, #personalDetails select#myAddress_personTitle, #myAddress_address_container select#myAddress_personTitle { min-width: 145px; } #personalDetails select#myAddress_personTitle { min-width: 10em; } #myAddress_address_container select#address_int_country { padding-left: 14px!important; padding-right: 36px!important; } #staffcard_form #cardNumber2 { margin: 4px; } #staffcard_form #cardNumber3 { margin-left: -2px; } /** Desktop Styles **/ @media (min-width:1281px){ #myAccountAddressLabel select { width:70% !important; } #personalDetails #personCountry_arrow { right: 40px; font-size: 24px; pointer-events: none; } .my_account_header{ font-size: 1.5625em; } #personal_details_container #screenName_details{ font-size:0.875em; margin-left:11.3em; margin-top:0.9375em; } #ph_extd_registration input[type=text], staffcard_form input[type=text]{ width: 39.8%; } #edit_your_personal_information input, #edit_your_personal_information select, #staffcard_form input, #staffcard_form select, #myAccountAddressLabel select, #myAddress_address_container select{ margin-bottom:2em; font-size:0.875em; } #myAccountAddressLabel select option { padding: 5px 0; padding-left: 18px; padding-right: 40px; } #myaccount_add_Address #myAddress_personTitle{ margin-bottom: 0; } #paf_buttons #add_address_cancel_button #cancel_address_PAF .button_text{ height: 0; } #personalDetails #adv_country_detail select { width: 15%; min-width: 12em; } .registrationDateOfBirthLabel #registrationDateOfBirthDay, #parentClubDetails select.kidDobDay, .registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width: 11%; } .registrationDateOfBirthLabel #registrationDateOfBirthMonth, #parentClubDetails select.kidDobMonth, .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc { width: 17%; margin-left: 26px; position: relative; } .registrationDateOfBirthLabel #DOBMonth_arrow, #staffcard_form #DOBMonth_arrow, #parentClubDetails #DOBMonth_arrow, .registrationDateOfBirthLabel #DOBMonthAdc_arrow { margin-left:-45px; font-size: 24px; } .registrationDateOfBirthLabel #DOBday_arrow, #parentClubDetails #DOBday_arrow, .registrationDateOfBirthLabel #DOBdayAdc_arrow { margin-left:-38px; font-size: 24px; } .registrationDateOfBirthLabel #DOByear_arrow , #staffcard_form #DOByear_arrow, #parentClubDetails #DOByear_arrow, .registrationDateOfBirthLabel #DOByearAdc_arrow { margin-left:-45px; font-size: 24px; } .registrationDateOfBirthLabel #registrationDateOfBirthYear, #parentClubDetails select.kidDobYear, .boots_form select.dobYear, .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { margin-left: 30px; position: relative; width:12%; } .registrationDateOfBirthLabel select{ font-size:0.75em; height: 3.4em; } .registrationDateOfBirthLabel .dropdown_arrow{ top:5px; } #edit_your_personal_information .button_footer_line, #ph_extd_registration .button_footer_line{ width: 225px; margin-right: 0.7em; } #edit_your_personal_information input[type=text], #edit_your_personal_information input[type=email], #ph_extd_registration input[type=text], #staffcard_form input[type=text], #edit_your_personal_information input[type="text"], #myaccount_add_Address input[type="text"] { padding:0; padding-left: 1.3125em; padding-right: 1.3125em; text-indent: 0; } .registrationDateOfBirthLabelBlock{ display: inline-block; width: 44%; } .registrationDateOfBirthLabelBlock .registrationDateOfBirthLabel #registrationDateOfBirthDay{ width: 28%; } .registrationDateOfBirthLabelBlock .registrationDateOfBirthLabel #registrationDateOfBirthMonth{ width: 32%; margin-left: 5%; position: relative; } .registrationDateOfBirthLabelBlock .registrationDateOfBirthLabel #registrationDateOfBirthYear{ margin-left: 7%; position: relative; width: 25%; } .registrationDateOfBirthLabelBlock #DOBMonth_arrow, .registrationDateOfBirthLabelBlock #DOByear_arrow{ margin-left: -40px; } #registrationTitleLabel select, #registrationGenderLabel select{ height: 2.8em; width: 9em; } } /* Tablet Styles */ @media (min-width: 601px) and (max-width: 1280px) { #myAddress_manual_address_container input[type="text"] { padding:0} #edit_your_personal_information input[type=text], #edit_your_personal_information input[type=email], #staffcard_form input[type=text], #myaccount_add_Address input[type="text"], #myAddress_manual_address_container input[type="text"] { padding: 0; text-indent: 1.3125em; } #registrationGenderLabel .dropdown_arrow, #registrationTitleLabel .dropdown_arrow, #myAddress_title_label .dropdown_arrow, #myaddress_country_label .dropdown_arrow { right: 45px; top:5px; } .my_account_header{ font-size: 1.25em; } #myaccount_address_container { width: 97%; margin: auto; } .contact_details h3 { margin-bottom: 20px; } #edit_your_personal_information #personalDetails .labelSpan, #ph_extd_registration #personalDetails .labelSpan, #staffcard_form .labelSpan, #myAccountAddressLabel .labelSpan, #staffdiscountdetails .labelSpan{ display: inline-block; overflow: visible; font-size: 0.875em; font-weight: bold; font: Ariel; width: 24.6%; } #myAddress_address_container .dropdown_arrow{ width: 10em; } #personal_details_container #screenName_details{ font-size:0.687em; margin-left:25.6%; margin-top:0.2em; } #edit_your_personal_information input[type=text],#edit_your_personal_information input[type=email]{ width: 73% !important; } #ph_extd_registration input[type=text]{ width: 60%; } #edit_your_personal_information input, #ph_extd_registration input, #staffcard_form input{ padding-left:1.4em; margin-bottom:1.45em; font-size: 0.875em; } #edit_your_personal_information select, #ph_extd_registration select, #myAccountAddressLabel select{ height: 2.85em; } #myAddress_address_container #myAddress_personTitle{ width:12em; } #edit_your_personal_information select, #ph_extd_registration select, #myAccountAddressLabel select, #myAddress_address_container select{ height: 2.8em !important; } #pca_myAddress_form #address_int_country { height: 3.9em !important; width: 18em; } #staffcard_form select{ font-size: 0.875em; } #edit_your_personal_information input, #ph_extd_registration input, #staffcard_form input{ height: 2.6em; } .registrationDateOfBirthLabel #registrationDateOfBirthDay, .registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width: 20%; max-width: 100px; } .registrationDateOfBirthLabel #registrationDateOfBirthMonth, .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc{ width: 25%; margin-left: 3%; position: relative; max-width: 150px; } .registrationDateOfBirthLabel #DOBMonth_arrow, #parentClubDetails #DOBMonth_arrow, .registrationDateOfBirthLabel #DOBMonthAdc_arrow{ margin-left:-37px; } .registrationDateOfBirthLabel #DOBday_arrow, #parentClubDetails #DOBday_arrow, .registrationDateOfBirthLabel #DOBdayAdc_arrow{ margin-left:-38px; } .registrationDateOfBirthLabel #DOByear_arrow, #staffcard_form #DOByear_arrow, #parentClubDetails #DOByear_arrow, .registrationDateOfBirthLabel #DOByearAdc_arrow{ margin-left:-35px; } .registrationDateOfBirthLabel #registrationDateOfBirthYear, .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { margin-left: 3%; position: relative; width: 25%; max-width: 100px; } .registrationDateOfBirthLabel select{ font-size:0.75em; height: 3.4em; } .registrationDateOfBirthLabel .dropdown_arrow{ top:5px; } #edit_your_personal_information .button_footer_line, #ph_extd_registration .button_footer_line{ float: right; width: 115px; font-size: 0.9em; margin-right:0.7em; } #personalDetails #registrationTitleLabel .labelSpan{ top:1px; } #staffcard_form #cardNumber2 { width: 85px; } .registrationDateOfBirthLabelBlock{ display: inline-block; width: 74%; } .registrationDateOfBirthLabelBlock .registrationDateOfBirthLabel #registrationDateOfBirthDay{ width: 25%; } .registrationDateOfBirthLabelBlock .registrationDateOfBirthLabel #registrationDateOfBirthMonth{ width: 40%; margin-left: 5%; position: relative; } .registrationDateOfBirthLabelBlock .registrationDateOfBirthLabel #registrationDateOfBirthYear{ margin-left: 4%; position: relative; width: 25%; } .registrationDateOfBirthLabelBlock #DOBMonth_arrow, .registrationDateOfBirthLabelBlock #DOByear_arrow{ margin-left: -37px; } #personTitle_arrow{ margin-left: 5px; } #personCountry_arrow, #myaddress_country_label .customTitleArrowContainer #personTitle_arrow{ margin-left: -44px; } #registrationTitleLabel select, #registrationGenderLabel select{ height: 2.8em; width: 9em; } } /* Mobile Styles */ @media (max-width: 600px) { #WC_UserRegistrationUpdateForm_div_16 #mandatoryFields{ margin-bottom: 0; } #my_account_personal_details .right_column{ margin: auto; } .my_account_header{ font-size: 1.0625em; } .AC_personal_details .button.secondary {margin: 0px 0 15px 0;} #edit_your_personal_information { width: 100%; } #edit_your_personal_information #personalDetails .labelSpan, #ph_extd_registration #personalDetails .labelSpan, #staffcard_form .labelSpan, #myAccountAddressLabel .labelSpan, #staffdiscountdetails .labelSpan { width:9.8em; display: block; overflow: visible; font-size: 0.875em; font-weight: bold; padding-bottom:0.4em; } #edit_your_personal_information #personalDetails .labelSpan { padding-bottom:0} #personal_details_container #screenName_details{ font-size:0.6875em; } #personalDetails select#country .dropdown_arrow { position: absolute; } #personalDetails select#country { width: 60% !important; height: 2.8em!important; line-height: 2.8em!important; } #staffcard_form input, #myAccountAddressLabel select{ height: 2.5em; margin-bottom:0em; padding-left:0.8em; margin-bottom: 0.9em; font-size:16px; } #edit_your_personal_information input, #edit_your_personal_information select, #ph_extd_registration input, #ph_extd_registration select{ font-size:16px; margin-bottom: 0.6em; } #edit_your_personal_information select { margin-bottom: 1em; } #edit_your_personal_information input, #ph_extd_registration input{ text-indent: 0.9em; } #addressBookMainDiv #content_footer, #addressBookMainDiv #myHomeAddressContainer{ margin: auto; width:94%; } #titleLabelSpan { bottom: 0px; display:block } .countryLabelSpan { bottom: 0; } #registrationTitleLabel select, #registrationGenderLabel select{ height: 2.8em; width: 9em; } #edit_your_personal_information .button_footer_line, #ph_extd_registration .button_footer_line{ width: 100%; font-size: 0.8em; } .registrationDateOfBirthLabel #registrationDateOfBirthDay, registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width: 25%; } .registrationDateOfBirthLabel #registrationDateOfBirthMonth, .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc { width: 41%; position: relative; margin-left: 0.45em; } .registrationDateOfBirthLabel #DOBMonth_arrow, #staffcard_form #DOBMonth_arrow, #parentClubDetails #DOBMonth_arrow, .registrationDateOfBirthLabel #DOBMonthAdc_arrow{ margin-left:-1.5em; } .registrationDateOfBirthLabel #DOBday_arrow, #parentClubDetails #DOBday_arrow, .registrationDateOfBirthLabel #DOBdayAdc_arrow{ margin-left:-1.5em; } .registrationDateOfBirthLabel #DOByear_arrow, #staffcard_form #DOByear_arrow, #parentClubDetails #DOByear_arrow, .registrationDateOfBirthLabel #DOByearAdc_arrow{ margin-left:-1.4em; } .registrationDateOfBirthLabel #registrationDateOfBirthYear, .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { margin-left: 0.45em; position: relative; width: 27%; } .registrationDateOfBirthLabel select{ font-size:0.75em; height: 3.5em; } .registrationDateOfBirthLabel .dropdown_arrow{ top:5px; font-size:25px; } #staffcard_form input[type="text"] { margin-left: 5px; } #staffcard_form #cardNumber3 { width: 14% } .registrationDateOfBirthLabelBlock{ display: inline-block; width: 99%; } .registrationDateOfBirthLabelBlock .registrationDateOfBirthLabel #registrationDateOfBirthDay{ width: 21%; } .registrationDateOfBirthLabelBlock .registrationDateOfBirthLabel #registrationDateOfBirthMonth{ width: 44%; margin-left: 2%; position: relative; } .registrationDateOfBirthLabelBlock .registrationDateOfBirthLabel #registrationDateOfBirthYear{ margin-left: 2.5%; position: relative; width: 30%; } #personCountry_arrow{ margin-left: -13px; } } @media (width: 1024px) { #edit_your_personal_information input[type=text],#edit_your_personal_information input[type=email], #ph_extd_registration input[type=text]{ width: 74%; } } @media (width: 768px) { #edit_your_personal_information input[type=text],#edit_your_personal_information input[type=email], #ph_extd_registration input[type=text]{ width: 45%; } } #eStore_registration_form .labelSpan, .boots_form.eps .labelSpan, #selfDetailsDiv .labelSpan{ width:9.7em; display: inline-block; overflow: visible; font-weight: bold; } #staffdiscountdetails .labelSpan { width: 13em; padding-right:0.8em; } #eStore_registration_form{ margin-bottom: -20px; } #eStore_registration_form #editRegistrationTitle, #eStore_registration_form #WC_UserRegistrationUpdateForm_FormInput_gender_In_Register_1, .boots_form .personTitle, .boots_form.eps select{ height: 2.8em; margin-bottom: 2.188em; background-color: #f6fafe; width:8.875em; font-size:0.875em; } /* Mobile Styles */ @media (max-width: 600px) { #eStore_registration_form #registrationTitleLabel .labelSpan{ width:100%; } #eStore_registration_form { margin-bottom: -30px; } .AC_personal_details #registrationDateOfBirthDay, .AC_personal_details #registrationDateOfBirthDayAdc { width: 29%; margin-right: 1%; } #staffdiscountdetails .labelSpan { width: 9.8em; display: block; overflow: visible; font-size: 0.875em; font-weight: bold; padding-bottom: 0.4em; } } /************** Change Email Updated Personal Inof B-2644 Start ********/ #email_address_container{color:#333;position:relative;padding-bottom:30px; overflow: hidden;} #email_address_container .labelSpan { color: #333; display: inline-block; font-weight: bold; overflow: visible; width: 13em; padding-right: 0.8em; font-size: 0.875em; } #email_address_container .labelFloat{} #ADCRegistrationForm #email_address_container .labelFloat{float:left;width:13em;} #email_address_container .value{position: relative;} #ADCRegistrationForm #email_address_container .value{font-weight:normal; font-size: 0.875em !important;; padding-left:0px} #email_address_container .checkbox_registration{ position:absolute; right:10px; top: 20px; z-index: 1; float:none; color:#333; text-decoration:underline; font-size:0.75em; } #email_address_container #loginSection{margin:25px 0 0; clear: both;} #email_address_container .checkbox_label{padding-left:0;} #email_address_container #loginSection input{margin-left:0;} #email_address_container #loginSection .column_desc_section { display: block; margin-left: 14em; margin-bottom: 1.5em; font-size: 0.875em; } #email_address_container { -webkit-appearance: none; -moz-appearance: none; } #email_address_container #loginSection input { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } @media (min-width: 601px) and (max-width: 1280px) { #loginSection .labelSepcial { margin-top: 0px; } #edit_your_personal_information #email_address_container .labelSpan { padding-right: 0em !important; } #password_container .labelSpan, #email_address_container .labelSpan,#password_container #passwordSection .labelSpan{width:17.5%;} #password_container.myAccount_section #passwordSection input{-webkit-appearance: none; -moz-appearance: none; appearance: none;width:73%;margin:0 0 2em 0em;text-indent:0;} #email_address_container #loginSection .column_desc_section {margin-left: calc(17.5% + 38px);} #email_address_container #loginSection input { margin-left: 0px !important; } #password_container.myAccount_section #passwordSection input { width: 73%; } #email_address_container #loginSection input { margin-left: 4px; } #ADCRegistrationForm #email_address_container .labelFloat{width:25.3%;} #ADCRegistrationForm #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthDay, #ADCRegistrationForm #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width:23% } #ADCRegistrationForm #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthMonth, #ADCRegistrationForm #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc { width:42%} #ADCRegistrationForm #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthYear, #ADCRegistrationForm #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { width: 27%} } /* Mobile Styles */ @media (max-width: 600px) { #email_address_container .checkbox_registration{bottom: 15px; top: inherit;} #email_address_container .value{font-size:0.875em;padding-left:0;} #email_address_container #loginSection{margin:35px 0 0 ;} #email_address_container .labelSpan{width:75%;padding:0 0 5px;} #email_address_container{padding-bottom:2em; height: auto;} #email_address_container #loginSection input{width:100%;margin-left:0;} #email_address_container #loginSection .column_desc_section{margin-left:0;} #ADCRegistrationForm #email_address_container .labelFloat{width:75%;} } /************** Change Password Updated Personal Inof B-2607 Start ********/ #password_container.myAccount_section #passwordSection input { width: 39.8%; margin:0 0 2em 0em; text-indent: 0px; padding: 0 1.3125em; height:2.8em; } .checkout_custom_home_choose { border: medium none; margin: 0; padding: 0; } #lastUsedShipModeDiv .delivery_options_row{ border: medium none; margin: 0; padding: 0; } .delivery_option_name, .delivery_option_charge { font-weight: bold; } /************** Staff Card Form B-01978 Start ********/ #StaffCardForm select#cardExpiryYear{ margin-left: 20px; position: relative; } #staffcard_form .sectionTitle h3 { color: #004990; text-align: center; margin-top:1em; } #staffcard_form #errorMessage #errorMessageContainer{ margin-left:0px; } #staffcard_form .sectionTitle p { margin-top:1em; line-height: 1.5em } #StaffCardForm a.button.secondary { float: left; margin-bottom: 1em; width:20%; } #StaffCardForm a.button.primary { float: right; margin-bottom: 1em; width:20%; margin-right:1%; } #StaffCardForm fieldset { margin: 2em 0 2em 0; } #staffcard_form #cardExpiryMonth { width: 140px; min-width:100px; margin-right: 1px; } #StaffCardForm input#cardNumber1{ width: 100px; } input#cardNumber3 { width: 55px; text-align: center; } input#cardNumber2{ padding-left:0.1em; width:75px; text-align: center; } #password_container input.current_password{ outline:none; background:#ffffff; } input#currentLogonPassword:focus{outline:0 !important;border:none !important;background:#ffffff;} #personalDetails .labelSpan{ vertical-align:middle; } #StaffExpMonth_arrow, #StaffExpYear_arrow{ margin-left:-50px; } @media (min-width: 1280px) { #StaffCardForm select#cardExpiryYear{ width: 144px; } } /* Tablet Styles */ @media (min-width: 601px) and (max-width: 1280px) { #StaffExpMonth_arrow, #StaffExpYear_arrow{ top: 7px; } #StaffExpMonth_arrow{ margin-left:-56px; } #StaffExpYear_arrow{ margin-left:-43px; } #staffcard_form #cardExpiryMonth { min-width:91px; width: 100px; padding: 0 0 0 1.25em; margin: 0; } input#cardNumber3, input#cardNumber2 { padding: 0 0 0 0.1em; width: 39px; } #StaffCardForm input#cardNumber1 { min-width:91px; padding: 0 0 0 1.25em; margin: 0; font-size:0.875em; } #staffcard_form #DOBMonth_arrow{ margin-left: -56px; } #StaffCardForm select#cardExpiryYear { margin-left: 31px; width:85px; } #StaffCardForm a.button.secondary { width: 25%; } #StaffCardForm a.button.primary{ width: 25%; } #password_container.myAccount_section #passwordSection input { width: 73%; margin:0 0 2em 0em; padding: 0; text-indent: 1.3125em; border:1px solid #d0d0d0; -webkit-appearance: none; } #password_container input.current_password{ margin-left:0; width:61.5%; } #StaffCardForm fieldset { min-width: 406px; } } /* Mobile Styles */ @media (max-width: 600px) { #StaffExpMonth_arrow, #StaffExpYear_arrow{ margin-left:-43px; } #staffcard_form{width:95%;} #password_container input.current_password{background:transparent;} #StaffCardForm select#cardExpiryMonth, #StaffCardForm input#cardNumber1 { width: 100px; font-size: 1em; padding: 0px 0px 0px 2.5%; margin: 0px; text-align: center; } #StaffCardForm select#cardExpiryYear { max-width: 113px; min-width: 65px; margin: 0px 0px 0px 18px; padding: 0px 0px 0px 2.5%; } input#cardNumber3, input#cardNumber2 { font-size:1em; padding:0 0 0 2.5%; margin:0; } input#cardNumber2{ width:14%; } input#cardNumber3{ width:12%; } #staffcard_form #cardNumber3 { width:30px; margin: 0; margin-left: 0.5%; margin-bottom: 1em; } #staffcard_form #cardNumber2 { max-width: 85px; margin: 0px 0px 1em 0.5%; min-width: 58px; } #StaffCardForm #personalDetails{ margin-bottom: 1em; } #password_container.myAccount_section #passwordSection input{ margin: 0 0 0.9em; text-indent: 0.9em; width: 100%; border:1px solid #d0d0d0; height: 2.8em; } #password_container #passwordSection .labelSpan{padding-bottom:7px} #password_container #passwordSection{padding-bottom:15px;} #staffcard_form select{height: 2.7em;} #StaffCardForm a.button.secondary, #StaffCardForm a.button.primary{ width:100%; float:none; } #StaffCardForm #mandatoryFields{ margin-top:0px; } #password_container.myAccount_section #passwordSection input{ padding: 0; } } /** My Account Address Book CD ***/ #addressBookTab{ cursor: pointer; text-align: center; } .myAccountButton{ font-size:0.75em; text-decoration:underline; color: black; } #addressBookTab{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position:relative; } .my_address_selected_header h3{ color:#004990; } .my_address_selected_header::after { content:''; width:15px; height:15px; background:#fff; position:absolute; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); top: 86%; left:49%; border-left:#cae0f5 solid 1px; border-top:#cae0f5 solid 1px; outline: none; z-index: 1; } /*.store_locator_container #checkout_store_collect_results .tab_container:after { display:block; top: 93%; }*/ @media (min-width: 1281px){ #myHomeAddressContainer #newAddressForm{ margin-top: -30px; } } .my_address_unselected_header::after{ border: medium none; content: none; outline: medium none; } #addressBookTab #myAddresses{ order:1; position:relative; } #addressBookTab #storeAddresses{ order:2; position:relative; } #addressBookTab h3{ font-size:1.25em; } .my_address_selected_header{ background-color:#cae0f5; } .my_address_unselected_header h3{ color: #333333; } .my_address_unselected_header{ border-bottom: 3px solid #cae0f5; text-align: center; } .my_account_subheader{ -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width:87%; margin:auto } #addressBookTab{ width:87%; margin:auto; } .my_account_subheader .addressDropdown{ order:1; width:100%; } .my_account_subheader .no_store_message{ font-size:.95em; } .my_account_subheader .no_store_message span{display:block;padding-top:10px;} .myAddressButtonContainer{ order: 2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; float:right; width:22%; position:relative; top:-48px; } #myAddressDeleteButton{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #myAddressAddNewButton{ -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .myAddressButtonContainer .myAddressButton{ margin-left:25%; } #myAccountAddressLabel select{ height:2.85em; border-radius: 2px; border: 1px solid #d0d0d0; } #myaddress_country_label .dropdown_arrow{ font-size: 24px; right: 45px; top: 5px; } #myaddress_country_label select{ width:30%; } .myAccountAddressButton{ float:right; width: 225px; font-size: 0.8em; margin-right:5%; } #errorMessageDisplay{ margin-left:25px; } .my_account #errorMessage #errorMessageContainer{ margin-left:25px; } #edit_your_personal_information .my_account #errorMessage #errorMessageContainer, #ph_extd_registration .my_account #errorMessage #errorMessageContainer{ margin-left:5px; } #edit_your_personal_information .checkoutAddressErrorMsg, #ph_extd_registration .checkoutAddressErrorMsg{ position: relative; width: 95%; } #edit_your_personal_information .checkoutAddressErrorMsg p span, #ph_extd_registration .checkoutAddressErrorMsg p span { font-size: 18px; left: -25px; margin-right: 10px; position: absolute; top: 0px; } #edit_your_personal_information .checkoutAddressErrorMsg ul, #ph_extd_registration .checkoutAddressErrorMsg ul { padding-left: 0px; } #edit_your_personal_information .checkoutAddressErrorMsg li { left: 0px } #ph_extd_registration .checkoutAddressErrorMsg li { left: 10px; } #updatePersonalInfo_overlay .estores_overlay_content { max-width: 320px; } #overlayPasswordContainer p{ margin-left: 20px; margin-top: 20px; margin-right: 20px; } .myAccountOverlayInput{ height: 3.5em !important; width: 80% !important; border-radius:0px !important; } #updatePersonalInfo_overlay .overlay_button { width: 88%; margin: 1.1em 6% 1em 6%; } #overlayPasswordContainer .input_form{ border-width: 0.09em; border-color: #E5E5E5; height: 2.7em !important; border-style: solid; width: 80.5%; padding: 0 0.8em 0 0.8em; margin: 1.3em 7% 0 6%; -webkit-appearance: none; background-color: white; } #storeAddressConatiner{ position: relative; } #storeAddressConatiner select{margin-bottom:0; padding-right: 35px;} #storeAddressConatiner #store_address_display{ font-size:.9em; position: absolute; top: 170px; } #edit_your_personal_information, #ph_extd_registration{ width: 87%; margin: auto; } #edit_your_personal_information #email_address_container .labelSpan { padding-right:1.1em } #editableAddressForm #errorMessageDisplay{ margin-left:8.5%; margin-top:0em; } #staffcard_form{width:87%;margin:0 auto;} #staffcard_form #errorMessage{margin:3% 0;} #staffcard_form .errorBorder{ border: 1px solid #CC0033 !important; border-radius: 2px; } #addressBookTab #myAddresses h3, #addressBookTab #storeAddresses h3{ text-align: center; } #myaccount_address_inner_container #myAddress_form_addressErrorMsgs{ margin-left: 0; } /* Tablet Styles */ @media (min-width: 601px) and (max-width: 1280px) { #ADCRegistrationForm #email_address_container .value { padding-left: 4px; } #addressBookTab h3{ font-size:0.875em; } #edit_your_personal_information, #ph_extd_registration{ width: 97%; } #myAccountAddressLabel select{ width: 53% !important; height:3.85em; border-radius: 2px; border: 1px solid #d0d0d0; font-size: 0.875em; } .myAddressButtonContainer .myAddressButton { margin-left: 8%; } #myaccountAddress_arrow { float: right; font-size: 24px; left: auto; right: 23%; top: 8px !important; } #personalDetails select#myAddress_personTitle, #myHomeAddressContainer #editRegistrationTitle, #myHomeAddressContainer #country{ font-size: 0.875em; } #addressBookTab h3{ padding: 0.6em; } .my_account_header{ padding-bottom:0.8em; } #myaddress_country_label select{ width:40%; } .myAccountAddressButton { float: right; width: 112px; font-size: 0.8em; margin-right: 1%; } .my_address_selected_header::after { top:81%; } #addressBookTab{ width:97%; } .my_account_subheader{ width:97%; } #myAccountAddressLabel #myAccountAddressSpan{ width:24.6%; position: relative; vertical-align: middle; padding-right: 0em; } #editableAddressForm #errorMessageDisplay{ margin-left:32px; } .myAddressButtonContainer{ top: -46px; } } /* Mobile Styles */ @media (max-width: 600px) { .container_content_leftsidebar .left_column { display:none; } .container_content_leftsidebar .right_column { width:100% !important; float:none !important; } #addressBookTab h3{ font-size:0.875em; padding:0.7em; } #myAccountAddressLabel select{ height: 2.8em; border-radius: 2px; border: 1px solid #d0d0d0; width: 98.5%; } #addressBookTab{ width:98%; } .my_account_subheader{ width:98%; margin:auto; } .my_account_subheader .addressDropdown{ order:1; width:100%; } .myAddressButtonContainer{ display: inline-block; float: none; order: 2; position: relative; text-align: right; width: 100%; top:25px; } #edit_your_personal_information .button_footer_line, #ph_extd_registration .button_footer_line{ width:100%; float:none; } .myAddressButtonContainer div{ display: inline; } .myAddressButtonContainer .myAddressButton{ margin-right:5%; margin-left:0%; } .my_account_subheader{ -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; } .my_account_subheader .addrbook_header{ height:3em; } .my_account_header{ padding-bottom: 0; } #myaddress_country_label select{ width:70%; height:2.5em; } #myaddress_country_label .dropdown_arrow, #myAccountAddressLabel .dropdown_arrow { font-size: 24px; margin-left: auto; right: 45px; top: 5px; width: auto; } #myaddress_country_label .dropdown_arrow { position: absolute; right: 16px; top: -4px; } #myAccountAddressLabel .dropdown_arrow{ position: absolute !important; top: 11px !important; right: 24px !important; width: 26px; } .content_footer { margin:auto 15px } .myAccountAddressButton{ float:none; width: 100%; font-size: 0.8em; margin:auto; margin-left: auto 15px; } .my_address_selected_header::after { top:80%; } .my_account_subheader, .myAccountAddressButton { padding-left: 8px; } #edit_your_personal_information, #ph_extd_registration{ padding-left: 0px; width: 100%; } #edit_your_personal_information input[type=text],#edit_your_personal_information input[type=email], #ph_extd_registration input[type=text]{ height:2.7em; box-sizing: border-box; width: 100%; margin-bottom:1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #staffdiscountdetails { width:98% } #staffdiscountdetails #staff_card_remove_link { top: 117px; right: 36px; } #editableAddressForm #errorMessageDisplay { margin-left:22px } #staffcard_form #errorMessage { margin:5%; } } #ADCRegistrationForm { overflow: hidden; } /* Edit personal details - adcard parenting club */ .adcard_parenting_club_section { width: 100%; padding: 1.5em 0; margin-top: 1.5em; border-top: 1px solid #d0d0d0; } .adcard_parenting_club_heading { font-size: 1.05em; margin-bottom: 1em; } .adcard_parenting_club_details { margin-bottom: 1em; font-size: 0.875em; } .adcard_parenting_club_cta { float: right; text-decoration: underline; font-size: 0.875em; } /* BEGIN: B-04204 - Confirm changes dialog */ #confirm_changes_dialog .estores_overlay_content { padding: 40px 50px; box-sizing: border-box; } .confirm_dialog_heading { margin: 10px 45px; } .confirm_dialog_title { font-size: 1.25em; line-height:1.5; padding-top: 15px; } .confirm_dialog_content { font-family: arial,helvetica,clean,sans-serif; padding: 5px 6% 25px 6%; text-align:left; } .confirm_dialog_image_wrapper { margin-bottom: 2em; text-align: center; } .confirm_dialog_image { max-height: 172px; max-width: 100%; } .confirm_dialog_text { margin-bottom: 2em; text-align:left; font-size:.9em; } .dialogRequiredFields{ display: inline-block; font-size: 0.77em; padding-top: 3px; font-weight: normal; padding-bottom: 10px; } .dialogOrlabel{ display: inline-block; font-size: 0.9em; font-weight: bold; padding-bottom: 1em; } .dialog_input_row { text-align: left; margin-bottom: 1em; } .dialog_input_row:last-child { margin-bottom: 0; } .dialog_input_label { display: block; font-size: 0.875em; line-height: 2em; font-weight: bold; } .dialog_input { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; padding: 0 5px 0 5px; border: 1px solid #d0d0d0; border-radius: 2px; width: 100%; font-size: 0.875em; text-indent: 1.3125em; box-sizing: border-box; } .dialog_input:focus, .dialog_dropdown:focus { outline: none; } .dialog_dropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 16px 0 16px; height: 40px; border: 1px solid #cae0f5; background: #f6fafe; border-radius: 3px; } #adcarddigits::-webkit-inner-spin-button, #adcarddigits::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } #adcarddigits { -moz-appearance: textfield; } #confirm_changes_dialog .cancel_dialog { box-sizing: border-box; height: 40px !important; width: 45%; float: left; } #confirm_changes_dialog .submit_dialog { width: 45%; float: right; text-align: center; padding: 9px 0px 10px 0px; min-width: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .dialog_input_wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .dialog_input_nowrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .dialog_dob_label { position: relative; } .dialog_dob_label:nth-child(1) { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .dialog_dob_label:nth-child(2) { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; margin: 0 0.4em; } .dialog_dob_label:nth-child(3) { -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .dialog_input_wrap .dialog_dob_label .dropdown_arrow { position: absolute; right: 5px; top: 6px; left: inherit; pointer-events: none; } @media (max-width: 600px) { .confirm_dialog_heading { margin: 0; } .dialog_input_row{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex !important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #confirm_changes_dialog .dialog_input_row .cancel_dialog { width: 100%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #confirm_changes_dialog .dialog_input_row .submit_dialog{ width: 100%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; margin:0px 0 20px; } } /* END: B-04204 - Confirm changes dialog */ div#comboButton2_label, div#comboButton2_store_label { float: left; line-height: 16px; text-align: left; width: 100%; } #deliveryAddressShowAll { margin: 10px 20px 20px; cursor: pointer; text-decoration: underline; } #deliveryAddressShowAll:hover { text-decoration: underline; } .checkout_custom_dropdown_list > tbody > tr:hover { background-color: rgb(246, 250, 254); } /** Grayedout - Payment Dropdown Starts ***/ .greyedOut, .greyedOut span{ color: #d0d0d0 !important; cursor: default !important; } /** Grayedout - Payment Dropdown Ends ***/ /** B03762 checkout contact form **/ /** SA:Guest Contact Details starts **/ .checkout_custom_home_choose > form.delivery_contact_details { border-top: 1px solid #e8e8e8; padding-top: 10px; } .contact_details div label span { display: inline-block; overflow: visible; margin-top: 0.7em; } .contact_details label { width: 100%; margin-bottom: 30px; } .delivery_contact_details .address_header{ font-size: 2em; padding: 0 !important; } form.delivery_contact_details .errorBorder { border: 1px solid #CC0033; border-radius: 2px; } #contact_details_address_container { padding-bottom:2em; margin: auto; } .checkout_form_container div#continue_payment_button div { height: auto; margin-top: 0; } /* Mobile Styles */ @media (max-width: 600px) { .button_text { margin-top: 0px !important; -webkit-appearance: none !important; } div#continue_payment_button { width: 94.8%; } .contact_details div label span{ font-size: 0.875em; margin-top: 0px; } .delivery_contact_details .address_header { padding: 0 !important; margin-bottom: 10px; font-size: 1.2em !important; margin-top: .5em; } .contact_details label { margin-bottom: 0.6em; } #checkout_continue_payment { margin-top: 28px; max-height: 36px; } #contact_details_address_container { margin: 0.8em auto auto; } .delivery_contact_details #Checkout_Address > div { margin-bottom: 10px; } .delivery_contact_details #Checkout_Address > div#continue_payment_button { width: 99%; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { .contact_details label { margin-bottom: 19px; } } /** Desktop RWD-C **/ @media (min-width: 1281px) { #myaddress_country_label select#country { height: 2.9em !important; } #contact_details_address_container { padding: 0 9.8% 2em; } .delivery_contact_details .address_header { margin-bottom: .4em; font-size: 2em; } #checkout_continue_payment { margin-top: 28px; } .contact_details div label span { width: 9.2em; } } /** SA:Guest Contact Details starts **/ /***********SS On Screen Order Confirmation - Guest customer STARTS *************/ .on_screen_order_confirmation { width: 65%; margin: 3em auto; font-size: 0.875em; } .on_screen_order_confirmation h1 { color: #004890; font-size: 1.875em; line-height: 2.4em; } .on_screen_order_confirmation p.order_description { padding: 5px 0 14px 0; } .on_screen_order_confirmation div.row div { line-height: 2.2em; } .on_screen_order_confirmation div.row div label { font-weight: bold; } .on_screen_order_confirmation h2 { font-size: 1.3em; line-height: 1.4em; padding: 1.2em 0 0.8em 0; } .on_screen_order_confirmation h2.registter_for_boots_account_heading { border-top: 1px solid rgb(208, 208, 208); margin-top: 2em; padding: 1.8em 0 1em 0; } .on_screen_order_confirmation .register_form_description { padding: 1.6em 0 2.2em 0; } .on_screen_order_confirmation input[type="password"] { width: 30%; margin-bottom: 1.7em; border: 1px solid #d0d0d0; border-radius: 2px; height: 37px; padding: 0; } .on_screen_order_confirmation .order_progress_update { padding-top: 10px; } .on_screen_order_confirmation .order_progress_update a{ text-decoration: underline; } .on_screen_order_confirmation div.row .bubble-container .res-bubble div { margin-bottom: 0px; line-height: 1.8em; } /** Desktop **/ @media (min-width: 1281px) { .on_screen_order_confirmation div.row div.col3, .on_screen_order_confirmation div.row div.ccol3 { width: 25.6%; } .on_screen_order_confirmation div.row div.col8, .on_screen_order_confirmation div.row div.ccol8 { width: 74.4%; } .on_screen_order_confirmation div.row div.col1, .on_screen_order_confirmation div.row div.ccol1 { width: 9.5%; } .on_screen_order_confirmation div.row div.col11, .on_screen_order_confirmation div.row div.ccol11 { width: 90.5%; } .on_screen_order_confirmation .button.secondary, .on_screen_order_confirmation .button.secondary:focus { width: 230px; } .on_screen_order_confirmation div.row .bubble_parent_container { position: relative; } .on_screen_order_confirmation div.row .bubble-container { left: 270px; top: 0px; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { .on_screen_order_confirmation { width: 70%; } .on_screen_order_confirmation h1 { font-size: 1.475em; } .on_screen_order_confirmation div.row div.col3, .on_screen_order_confirmation div.row div.ccol3 { width: 40%; } .on_screen_order_confirmation div.row div.col8, .on_screen_order_confirmation div.row div.ccol8 { width: 60%; } .on_screen_order_confirmation h2 { padding-bottom: 0.5em; font-size: 1.2em; } .on_screen_order_confirmation h2.registter_for_boots_account_heading { padding-top: 2.3em; } .on_screen_order_confirmation .register_form_description { padding-bottom: 1.5em; } .on_screen_order_confirmation div.row div.col1, .on_screen_order_confirmation div.row div.ccol1 { width: 16.5%; } .on_screen_order_confirmation div.row div.col11, .on_screen_order_confirmation div.row div.ccol11 { width: 83.5%; } .on_screen_order_confirmation input[type="password"] { width: 52.3%; } .on_screen_order_confirmation .button.secondary, .on_screen_order_confirmation .button.secondary:focus { float: right; width: 200px; } .on_screen_order_confirmation .button.secondary.guestCreate, .on_screen_order_confirmation .button.secondary.guestCreate:focus { float: left; } .on_screen_order_confirmation div.row .bubble_parent_container { position: relative; } .on_screen_order_confirmation div.row .bubble-container { left: 270px; top: 0px; } } /** Mobile RWD-A **/ @media (max-width: 600px) { .on_screen_order_confirmation { width: 90%; font-size: 0.845em; margin: 1.5em auto } .on_screen_order_confirmation h1 { font-size: 1.275em; } .on_screen_order_confirmation p.order_description { padding: 2px 0 12px; width: 90%; } .on_screen_order_confirmation div.row { margin-bottom: 8px; } .on_screen_order_confirmation div.row div { line-height: normal; padding-bottom: 4px; } .on_screen_order_confirmation .order_progress_update { padding-top: 20px; } .on_screen_order_confirmation h2 { padding: 1.4em 0 0.5em; font-size: 1.1em; } .on_screen_order_confirmation h2.registter_for_boots_account_heading { padding-top: 2.2em; margin-top: 2.7em; } .on_screen_order_confirmation .register_form_description { padding: 0.9em 0 1.1em; } .on_screen_order_confirmation input[type="password"] { width: 100%; margin-bottom: 0; } } /***********SS On Screen Order Confirmation - Guest customer ENDS *************/ /**** JI: My Offers landing page Start ****/ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #my_offers_landing_page .my_offers_container{overflow: hidden; width: 80%; margin: 0 auto;} #my_offers_landing_page .my_offers_container .my_offers_heading{text-align: center; margin: 0 0 30px 0;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option{height: 170px; width: 100%; float:left; background-color: #ececec; margin: 0 0 20px 0; position: relative;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option a{height: 170px; width: 100%; position: absolute;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option a .option_roundle {height:25px; width:25px; position:absolute; bottom: 18px; right:20px; background-color: #cc0033; border-radius: 15px;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option a .option_roundle p{ font-size: 0.825em; color: #fff; text-align: center; font-weight: bold; line-height: 25px; } #my_offers_landing_page .my_offers_container .my_offers_links { display: flex; justify-content: center; -webkit-justify-content: center; } #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option:last-child {margin-bottom: 140px;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #my_offers_landing_page .my_offers_container {width: 100%;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option:last-child {margin-bottom: 50px;} } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #my_offers_landing_page .my_offers_container {width: 100%;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option{height: 250px; width: 32.5%;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option a{height: 250px;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option:first-child{margin: 0 1% 0 0;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option:last-child{margin: 0 0 0 1%;} #my_offers_landing_page .my_offers_container .my_offers_links .my_offers_option:last-child{margin: 0 0 50px 1%;} } /**** JI: My Offers landing page End ****/ /**** JI: My Offers lister page Start ****/ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ #estore_myaccount_container {width: 95%; margin: 0 auto 30px auto;}/*TO MOVE*/ #my_offers_lister_page .my_offers_lister_container{margin: 0 0 40px 0;} #my_offers_lister_page .my_offers_lister_container .my_offers_heading{text-align: center; margin: 0 0 20px 0;} #my_offers_lister_page .my_offers_lister_container .tabContainer .tabButtonContainer .tab_header .tab_container {display: table-cell;} #my_offers_lister_page .my_offers_lister_container ul#offers_used{display: none;} #my_offers_lister_page .my_offers_lister_container ul li{margin-right: 0px; float: left; padding:0; overflow: hidden;} .estore_promotions_container{ line-height:normal; border:1px solid #e8e8e8; font-family:arial,helvetica,clean,sans-serif; height:475px; overflow:hidden; position:relative; margin:10px 10px 0 0; padding:15px 5%; } .estore_promotions_container .promotion_image{ padding: 5px; margin: 0 auto 10px auto; padding-top: 0; position: initial;; text-align:center; border:none; height:200px; } .estore_promotions_container .image { position: relative; width: 100%; padding-top: 20px; } .estore_promotions_container .promotion_image img { max-height: 175px; } .estore_promotions_container .promotion_image .promotion_new_notify{ display:inline-block; width:40px; height:40px; border-radius:50px; left: 15px; position: absolute; top: 20px; background:#0099ff; color:#fff; font-size:.8em; line-height: 39px; font-weight: bold; } .estore_promotions_container .promotion_info{ float:none; position:initial; height:230px; } .estore_promotions_container .promotion_info .promotions_points{margin: 0 0 5px 0;} .estore_promotions_container .promotion_info .promotions_points a { display: block; padding: 0; font-family: arial,helvetica,clean,sans-serif; font-weight: bold; font-size: 1.0625em; line-height: 20px; text-align: center; color: #b8237b; } .estore_promotions_container .promotion_info .promotions_condition{margin: 0 0 15px 0;} .estore_promotions_container .promotion_info .promotions_condition p { padding: 0; font-family: arial,helvetica,clean,sans-serif; font-size: 0.875em; line-height: 20px; text-align: center; color: #b8237b; } .estore_promotions_container .promotion_info .promotions_description{margin: 0 0 12px 0;} .estore_promotions_container .promotion_info .promotions_description a{text-decoration: underline; white-space: nowrap;} .estore_promotions_container .promotion_info .promotions_description p{font-size:0.875em;} .estore_promotions_container .promotion_info .promotions_description a, .estore_promotions_container .promotion_info .promotions_description p{ line-height: 20px; width:90%; overflow: hidden; } .estore_promotions_container .promotion_info .promotions_expiry{margin: 0 0 20px 0;} .estore_promotions_container .promotion_info .promotions_expiry p { padding: 0; font-family: arial,helvetica,clean,sans-serif; font-size: 0.8125em; line-height: 20px; font-weight: bold; } .estore_promotions_container .promotion_info .promotions_terms{margin: 0 0 10px 0;} .estore_promotions_container .promotion_info .promotions_terms a { padding: 0; font-family: arial,helvetica,clean,sans-serif; font-size: 0.875em; line-height: 20px; text-decoration: underline; } .estore_promotions_container .promotion_info .promotions_add{ overflow:hidden; position: absolute; bottom: 20px; width: 90%; left: 5%; } .estore_promotions_container .promotion_info .promotions_add .button.primary{ line-height: 36px; min-height: 36px; font-size: 1em; overflow: hidden; width: auto; display: block; text-align: center; max-width: none; } .estore_promotions_container .promotion_info .promotions_add p{ line-height: 36px; min-height: 36px; font-size: 1.125em; overflow: hidden; width: auto; display: block; text-align: center; border-radius: 3px; font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif; } .estore_promotions_container .promotion_info .promotions_add .button.primary.btn_acceptOffer { background: #B8237b; } .estore_promotions_container .promotion_info .promotions_add .button.primary.btn_acceptOffer:hover { background: #931C62; } /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #estore_myaccount_container {margin: 0 3% 0 3%; width: 94%;}/*TO MOVE*/ } /* ------------------------------------------- */ /* ------------ Desktop styles --------------- */ /* ------------------------------------------- */ @media (min-width: 1281px) { #estore_myaccount_container {max-width: 1400px;} .estore_promotions_container .promotion_info .promotions_add .button.primary{font-size: 1.125em;} .estore_promotions_container .promotion_info .promotions_expiry p {font-size: 0.875em;} #my_offers_lister_page .my_offers_lister_container ul li:nth-of-type(2n){margin-right: 0px;} #my_offers_lister_page .my_offers_lister_container ul li:nth-of-type(3n){margin: 0;} } /* ------------------------------------------- */ /* ------ Additional breakpoint styles ------- */ /* ------------------------------------------- */ @media (min-width: 1416px) { #my_offers_lister_page .my_offers_lister_container ul li:nth-of-type(2n){margin-right: 0px;} #my_offers_lister_page .my_offers_lister_container ul li:nth-of-type(3n){margin-right: 0px;} #my_offers_lister_page .my_offers_lister_container ul li:nth-of-type(4n){margin: 0;} } @media (min-width: 1395px){#my_offers_lister_page .my_offers_lister_container ul li:nth-of-type(4n) .estore_promotions_container{margin-right:0;}} @media (min-width: 1220px) and (max-width: 1287px){#my_offers_lister_page .my_offers_lister_container ul li:nth-of-type(3n) .estore_promotions_container{margin-right:0;}} @media (min-width: 820px) and (max-width: 1219px){#my_offers_lister_page .my_offers_lister_container ul li:nth-of-type(2n) .estore_promotions_container{margin-right:0;}} @media (max-width: 819px) {#my_offers_lister_page .my_offers_lister_container ul li .estore_promotions_container{margin-right:0;}} /**** JI: My Offers lister page End ****/ /**** JI: New and events lister page Start ****/ #my_offers_lister_page .news_and_events_container{margin: 0 0 40px 0;} #my_offers_lister_page .news_and_events_container .news_item_container {padding: 15px 0 35px 0; border-bottom: 1px solid #d0d0d0; overflow: hidden;} #my_offers_lister_page .news_and_events_container .news_item_container .news_item_image {float: left; margin: 0 30px 15px 0;} #my_offers_lister_page .news_and_events_container .news_item_container .news_item_description {margin: 0 0 30px 0;} #my_offers_lister_page .news_and_events_container .news_item_container .news_item_description .news_item_description_title {font-size: 0.875em; font-weight: bold; margin: 0 0 15px 0;} #my_offers_lister_page .news_and_events_container .news_item_container .news_item_description .news_item_description_subtitle {font-size: 0.875em; font-weight: bold;} #my_offers_lister_page .news_and_events_container .news_item_container .news_item_description .news_item_description_body a {text-decoration: underline;} #my_offers_lister_page .news_and_events_container .news_item_container .news_item_description .news_item_description_body a#read_more{display: none;} #my_offers_lister_page .news_and_events_container .news_item_container .news_item_description .news_item_description_link{margin: 15px 0 15px 0;} #my_offers_lister_page .news_and_events_container .news_item_container .news_item_description .news_item_description_link a{text-decoration: underline;} #my_offers_lister_page .news_and_events_container .news_item_container .news_item_cta a {float: right; width:285px;} /* ------------------------------------------- */ /* ------------ Mobile styles ---------------- */ /* ------------------------------------------- */ @media (max-width: 600px) { #my_offers_lister_page .news_and_events_container .news_item_container .news_item_image{float: none; margin-right: 0;} } /**** JI: New and events lister page End ****/ /**** CD: Staff Card Success Overlay ****/ #updateStaffCard_overlay { position: absolute; top: 36.5%; left: 50%; z-index: 3000; width: 40%; background: #FFF; font-size: 0.875em; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align:center; padding:0 5%; } #updateStaffCard_overlay h5{ color: #333333; } #updateStaffCard_overlay p{ padding-top: 5%; margin-bottom: 5%; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #updateStaffCard_overlay { width: 35%; } #my_offers_lister_page .my_offers_lister_container ul.grid_mode li{width:45% !important;margin-right:10px} } /** Mobile RWD-A **/ @media (max-width: 600px) { #updateStaffCard_overlay { width: 88%; top: 0; } } /*** MK: Named Day Delivery ***/ #delivery_option_results, #cfs_delivery_option_results { list-style: none; } .delivery_options_valid_date, .delivery_options_invalid_date, #key #options #available { border: 1px solid rgb( 208, 208, 208 ); border-radius: 3px; background-color: rgb( 255, 255, 255 ); width: 47px; height: 47px; float: left; font-size: 11px; font-family: "Arial"; color: rgb( 51, 51, 51 ); text-align: center; text-transform: uppercase; margin-right: 25px; margin-top: 12px; } .delivery_options_invalid_date, #key #options #unavailable { border-color: #b4b0aa; background-color: #c3c0b9; color: #6d6b66; } .delivery_options_selected, #key #options #selected { border-color: rgb( 0, 73, 143 ); background-color: rgb( 229, 245, 255 ); font-size: 11px; font-family: "Arial"; color: rgb( 0, 73, 144 ); text-align: center; } .delivery_options_valid_date .day, .delivery_options_valid_date .date, .delivery_options_invalid_date .day, .delivery_options_invalid_date .date { width: 100%; float: left; } .delivery_options_valid_date .day, .delivery_options_invalid_date .day { padding-top: 6px; } .delivery_options_valid_date .date, .delivery_options_invalid_date .date { font-size: 20px; font-family: 'F37 Ginger Bold', Tahoma, Arial, sans-serif; color: rgb( 51, 51, 51 ); } #carousel_inner, #cfs_carousel_inner { float:left; width: 504px; overflow: hidden; margin-left: 30px; margin-right: 30px; padding-top: 20px; padding-left: 5px; } #delivery_option_results, #cfs_delivery_option_results { position:relative; list-style-type: none; /* removing the default styling for unordered list items */ left: 0px; margin: 0px; padding: 0px; width:9999px; /* important */ padding-bottom:10px; } #named_day_title { font-size: 25px; font-family: 'F37 Ginger Bold', Tahoma, Arial, sans-serif; color: rgb( 51, 51, 51 ); line-height: 2.479; } #named_day_text { padding-bottom: 10px; } #left_scroll, #cfs_left_scroll { float: left; clear: left; margin: 42px 0 10px 0px; cursor: pointer; } #right_scroll, #cfs_right_scroll { float: left; margin: 42px 0 10px 0px; cursor: pointer; } #deliveryOptionsPanel { padding: 16px 30px 14px; width: 594px; } #back_to_delivery_options, #confirm_named_day_date { cursor: pointer; } #key { width: 594px; margin-bottom: 20px; overflow: auto; } #key #options { margin: 0 auto; width: 400px; margin-top: 5px; } .key_text { float: left; margin: 5px 5px 0 0; } #key > #options > #available, #key > #options > #unavailable, #key > #options > #selected { width: 14px; height: 14px; display: block; padding: 0; margin: 5px; float: left; border-radius: 0px; } #confirm_named_day_date { float: right; } .checkoutSectionLarge div.confirmBar { padding-top: 40px !important; } #container div.checkoutSection .help_link { margin-top: 20px; margin-bottom: 0; } .namedDayMonth { font-size: 14px; font-family: "Arial"; font-weight: bold; text-align: center; float: left; margin-top: -20px; width: 52px; } .pointerDisabled { opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ cursor: auto; } #deliveryNamedDay #delivery_time, #collectNamedDay #cfs_delivery_time { font-size: 1em; color: #999999; width: 100%; text-align: center; padding-top: 95px; } #deliveryNamedDay #checkout_confirm_named_date, #collectNamedDay #cfs_checkout_confirm_named_date { float: right; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #deliveryNamedDay #carousel_inner, #collectNamedDay #cfs_carousel_inner { width: 350px !important; } #deliveryNamedDay h3 { padding: 0em 0 1em 8%; font-size: 1.25em; } #deliveryNamedDay .delivery_options_row { padding: 14px 0px 28px !important; } #deliveryNamedDay .delivery_options_row_namedDay { margin-top: 67px !important; width: 450px !important; } #deliveryNamedDay > div#checkout_address_buttons, #collectNamedDay > div#cfs_checkout_address_buttons { margin-top: 170px !important; padding: 0 8.5% 3em !important; } #deliveryNamedDay #delivery_time, #collectNamedDay #cfs_delivery_time { font-size: 0.75em !important; } #deliveryNamedDay .select_option_body h3 { padding: 0 0 1.1em 8% !important; font-size: 20px !important; } #deliveryNamedDay #deliveryoption_deliveryDate { line-height: inherit !important; } } /* Mobile Styles */ @media (max-width: 600px) { #check_collect_heading { font-size:1.2em !important } #deliveryNamedDay .delivery_options_row_namedDay { width: 215px !important; } #deliveryNamedDay h3 { padding-left: 7% !important; padding-bottom: 1.3em; } #deliveryNamedDay #delivery_options_table { padding-left: 7.5% !important; } #deliveryNamedDay .delivery_options_valid_date, .delivery_options_invalid_date, #key #options #available { width: 38px !important; height: 38px !important; margin-right: 12px !important; } #deliveryNamedDay .delivery_options_valid_date .day, .delivery_options_invalid_date .day { padding-top: 0px !important; } #deliveryNamedDay .delivery_options_valid_date .date, .delivery_options_invalid_date .date { font-size: 18px !important; margin-top: -3px !important; } #deliveryNamedDay #carousel_inner, #collectNamedDay #cfs_carousel_inner { margin-left: 15px !important; margin-right: 15px !important; width: 145px !important; padding-top: 25px !important; } #deliveryNamedDay .namedDayMonth { margin-top: -20px !important; font-size: 0.8em; } #deliveryNamedDay #delivery_time, #collectNamedDay #cfs_delivery_time { padding-top: 0px !important; } #deliveryNamedDay #deliveryoption_deliveryDate { width: 42% !important; margin-top: 25px !important; } #deliveryoption_deliveryCharge { margin-top: 10px !important; margin-left: 0 !important; padding-right:5px } #deliveryoption_cutOffMessage { width: 62% !important; } #deliveryoption_name { width: 34% !important; padding-right:5px } #deliveryNamedDay .delivery_options_row { padding-bottom: 11px !important; } #deliveryNamedDay > div#checkout_address_buttons, #collectNamedDay > div#cfs_checkout_address_buttons { padding: 0 5% 1.3em !important; padding-top: 26px !important; } #deliveryNamedDay #left_scroll, #deliveryNamedDay #right_scroll { margin-top: 26px!important; } #left_scroll, #cfs_left_scroll { float: left; clear: left; margin: 38px 0 10px 0px; cursor: pointer; } #right_scroll, #cfs_right_scroll { float: left; margin: 38px 0 10px 0px; cursor: pointer; } #deliveryNamedDay #delivery_time, #collectNamedDay #cfs_delivery_time { padding-top: 90px !important; font-size: 0.75em; } } /***********SS INT Term and Condtion STARTS *************/ #int_term_and_condition_popup { font-size: initial; } #int_term_and_condition { font-size: initial; padding-bottom: 1em; margin-top: 10px; } #int_term_and_condition input { margin: 3px 10px 0 0; float: left; } #int_term_and_condition p { font-size: 0.875em; } #int_term_and_condition a { text-decoration: underline; } /** Mobile RWD-A **/ @media (max-width: 600px) { #int_term_and_condition p { float: left; width: 90%; font-size: 0.75em; } } /***********SS INT Term and Condtion ENDS *************/ .checkout_custom_dropdown { min-height: 55px; } /** Desktop RWD-C **/ @media (min-width: 1281px) { .checkout_custom_dropdown_list, .checkout_custom_dropdown { width: 100%; } #comboButton_dropdown, #comboButton2_dropdown, #comboButton_store_dropdown { width:40.7%; } #comboButton_dropdown .dijitMenuItemLabel { padding-bottom:20px; } #cfs_carousel_inner { padding-left: 10px; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { .checkout_custom_dropdown_list, .checkout_custom_dropdown { width: 100%; } #comboButton_dropdown, #comboButton2_dropdown, #comboButton_store_dropdown { width:46.7%; } #myaccountCardComboButton { margin-left:2% } } /* Mobile Styles */ @media (max-width: 600px) { #shippingAddressDisplayArea table, #shippingAddressDisplayAreaStore table { margin: 0 10% 2em 0; } } #comboButton2 > p, #comboButton2_store > p { padding-bottom: 6px; padding-left: 20px; padding-top: 6px; } #delivery_option_and_content_container .home_delivery #delivery_content_container { display: block; } #delivery_option_and_content_container .home_delivery #delivery_content_container #delivery_content { border: none; padding-top:0; } #delivery_option_and_content_container .home_delivery #delivery_content_container #delivery_content.triRight::before { border: none !important; } #delivery_option_and_content_container .home_delivery #delivery_content_container #delivery_content.triRight::before { border: none !important; } /***********SS Custom Drop Down slect box STARTS *************/ .styled-select { overflow: visible; border: 1px solid rgb(202, 224, 245); background: rgb(246, 250, 254); border-radius: 2px; position: relative; margin: 0px; padding: 0px; display: inline-block; } .styled-select select { background: transparent; width: 100% !important; border: 0; border-radius: 0; min-height: 3.2em; padding-left: 1.3125em; -webkit-appearance: none; position: relative; z-index: 3 !important; font-weight: normal; } .styled-select:before { position: absolute; font-size: 25px !important; right: 0.4em; top: 0.3em; z-index: 2; } #billing_country_bottom_container .countriesListArrowContainer.styled-select { width: 200px; } .checkout_form_container .styled-select.int_country_select_box { width: 160px; } /***********SS Custom Drop Down slect box ENDS *************/ .delivery_options_row_namedDay { width: 615px; margin: 0 auto; margin-top: 50px; } #deliveryNamedDay #delivery_options_table { height: 120px; margin-top: -25px; } #deliveryNamedDay .delivery_options_row { padding: 11px 0px 47px; } #deliveryNamedDay #carousel_inner, #collectNamedDay #cfs_carousel_inner { padding-top: 35px; margin-top: -15px; } #collectNamedDay #cfs_carousel_inner { padding-top: 35px !important; } #deliveryNamedDay .namedDayMonth { margin-top: -35px; } #deliveryNamedDay #deliveryoption_cutOffMessage { width: 30%; } #deliveryNamedDay #deliveryoption_deliveryDate { width: 16.1%; } #deliveryNamedDay #deliveryoption_deliveryCharge { margin: 2px 10px; } .delivery_options_valid_date:hover { color: #004A87; border:1px solid #004A87; background-color:#E4F5FF; cursor:pointer } .delivery_options_valid_date .date:hover { color: #004A87; } #deliveryNamedDay > div#checkout_address_buttons, #collectNamedDay > div#cfs_checkout_address_buttons { padding: 0 9.8% 5em; clear: left; padding-top: 60px; } #back_to_delivery_options #checkout_back_delivery_options:hover { background-color: #F4F9FD; } #back_to_delivery_options .button.primary { background-color: #ffffff; border: 1px solid #cae1f3; color: #004990; } /* Mobile Styles */ @media (max-width: 600px) { #checkout_confirm_named_date, #cfs_checkout_confirm_named_date { margin: 1em 0 0.5em; } } .error_text { font-weight: bold; color: #CC0033; } #checkout_find_postoffice .error_text, #checkout_find_store .error_text { display: none; margin-top: -5px; font-size: 14px; width: 100%; line-height: 1.3em; position: relative; padding-left: 23px; box-sizing: border-box; margin-bottom: 22px; } #checkout_find_postoffice .error_text:before, #checkout_find_store .error_text:before { font-family: "ElegantIcons"; content: "\e063"; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0px; top: -2px; font-size: 21px; } #cfs_multiple_locations ul, #direction_multiple_locations ul { margin: 0; padding: 13px 0px 0px 16px; } #cfs_multiple_locations li p, #direction_multiple_locations li p { text-decoration: underline; padding-bottom: 13px; } #cfs_multiple_locations, #direction_multiple_locations { margin-top: 35px; } div#collectStoreContact_form_addressErrorMsgs { padding-bottom: 20px; font-size: 1.125em; } #checkoutCFSMap { width: 100%; min-height: 487px; padding-top: 29px; margin-bottom: 113px; overflow: hidden; border-top: 1px solid rgb(208, 208, 208); } #storeLocatorMap { width: 100%; min-height: 487px; margin-bottom: 113px; overflow: hidden; } #storeLocatorMap, #storeDetailBingMap { margin-top: 19px; min-height: 555px; } #CFSMapViewStoreDetails { width: 238px; min-height: 147px; background-color: #fff; padding: 20px; overflow: auto; } #CFSMapViewStoreDetails .distance { font-weight: bold; padding-bottom: 3px; } #CFSMapViewStoreDetails .address { font-size: 0.875em; line-height: 1.4em; } #CFSMapViewStoreDetails .buttonSelect { margin-bottom: 5px; } #mapWrapper { position: relative; z-index: 0; } .infobox { position: absolute; z-index: 1000; top: 65px; right: 190px; } #EStoreStoreAddress .infobox { top: 18px; left: 22px; right: auto !important; } #EStoreStoreAddress #CFSMapViewStoreDetails { min-height: 100px; } .mobileOrder, .row > div.mobileOrder { float: none; } @media (min-width: 1281px) { #checkout_find_postoffice .error_text, #checkout_find_store .error_text { margin-top: -20px; } } /* Tablet Styles */ @media (min-width: 601px) and (max-width: 1280px) { #checkoutCFSMap, #storeLocatorMap, #storeDetailBingMap { margin-top: 19px; margin-bottom: 20px; min-height: 320px; max-height: 320px; } .infobox { top: 20px !important; right: 30px !important; } #CFSMapViewStoreDetails .buttonSelect { margin-top: 15px; width: 118px !important; } } /* Mobile Styles */ @media (max-width: 600px) { #checkoutCFSMap, #storeLocatorMap, #storeDetailBingMap { margin-top: 22px; margin-bottom: 20px; min-height: 328px; } #storeLocatorMap { min-height: 518px; } #CFSMapViewStoreDetails { width: 165px; min-height: 147px; } .infobox { top: 50px !important; right: 20px !important; } #EStoreStoreAddress .infobox { left: 40px; } #CFSMapViewStoreDetails .buttonSelect { width: 165px !important; margin-top: 10px !important; } #checkout_find_postoffice .error_text, #checkout_find_store .error_text { margin-top: 0px; font-size: 12px; margin-bottom: 0px; } #checkout_find_postoffice .error_text:before, #checkout_find_store .error_text:before { font-size: 19px; } .mobileOrder { display: table; width: 100%; } .mobileOrderTop { display: table-header-group; } .mobileOrderBottom { display: table-footer-group; } } /* CD: My Account PCA Address */ #myAddress_manual_address_container #manual_house_name_span{ width: 11em !important; vertical-align: middle; } /** Desktop RWD-C **/ @media (min-width: 1281px) { #cardAuthPanel iframe#authView { border: 1px solid #000000; margin-left:28.8%; } .secureAuthorisation { margin: 0 auto; width: 70%; } div#footerlogos ul li { display: inline; float: left; } } /****** SS: B-04099 - GUEST - accept T&Cs during checkout STARTS ******/ #custom_checkbox_for_term_and_condition { font-size: 13px; } /****** SS: B-04099 - GUEST - accept T&Cs during checkout ENDS ******/ /* ================================ AccountDeactivate SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ .myaccount-deactivation{ margin-top: 80px; border-top: 1px solid #D0D0D0 !important; display: block; width: 100%; } .myaccount-deactivation .my-left { width: 580px; float: left; } .myaccount-deactivation .my-left h1 { font-size: 1.111em; color: #333; font-weight: bold; font-family: arial; line-height: 24px; margin-top: 20px; padding-bottom: 20px; } .myaccount-deactivation .my-left h2 { font-size: 0.875em; color: #333; font-weight: normal; font-family: arial; line-height: 20px; margin-bottom: 30px; } .myaccount-deactivation .my-right { width: 180px; height: 100px; float: right; text-align: right; margin-right: 10px; float: right; padding-top: 56px; } .account_advantage_card .my-right{ text-align:right; margin-right: 10px; margin-bottom:10px } .account_advantage_card .my-right a:link, .myaccount-deactivation .my-right a:link{ font-size: 0.8em; color: #333; text-decoration: underline; font-family: arial; } .account_advantage_card { padding: 1em 0 0.1em 0; border-bottom: 1px solid #D0D0D0; } .account_advantage_card .labelSpan { width: 15em; display: inline-block; overflow: visible; font-size: 0.875em; font-weight: bold; } #account_deactivation_overlay { display: none; position: fixed; z-index: 3000; margin: 0px auto 0px auto; width: 515px; background: #FFF; color: #000; text-align:center; padding:10px 10px; font-size:1em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; left: 0; right: 0; top:15%;} #account_deactivation_overlay h1 {font-size:1.250em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; line-height: 0px; margin-top: 40px; margin-bottom: 20px; color: #333;} #account_deactivation_overlay h2 {font-size:1em; font-family: Arial,sans-serif; margin-bottom: 30px; margin-top: 20px; color: #333;} #account_deactivation_overlay .button-holder {width: 90%; height: 60px; margin-left: 25px; margin-right: 25px;} #account_deactivation_overlay .button-holder .left{width: 185px; height:40px; float: left; margin-right: 89px;} #account_deactivation_overlay .button-holder .right{width: 185px; height:40px; float: left;} @media (max-width: 600px) { .myaccount-deactivation{ margin-top: 10px; border-top: 1px solid #D0D0D0 !important; display: block; width: 100%; } .myaccount-deactivation .my-left {width: 100%;} .myaccount-deactivation .my-right { width: 100%; height: 50px; float: right; text-align: right; margin-right: 10px; float: right; padding: 0; } .myaccount-deactivation .my-left h2 { font-size: 0.875em; color: #333; font-weight: normal; font-family: arial; line-height: 20px; } #account_deactivation_overlay { display: none; position: fixed; z-index: 3000; margin: 5px auto 0px auto; width: 100%; background: #FFF; color: #000; text-align:center; padding: 5px 5px; font-size:1em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; left: 0; right: 0; top:15%;} #account_deactivation_overlay h2 {font-size:1em; font-family: Arial,sans-serif; margin-bottom: 30px; margin-top: 20px; color: #333; line-height: 20px;} #account_deactivation_overlay .button-holder { width: 100%; height: 120px; margin-left: 15px; margin-right: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #account_deactivation_overlay .button-holder .left{ width: 93%; height:40px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; margin-bottom: 25px; } #account_deactivation_overlay .button-holder .right{ width: 93%; height:40px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; margin-bottom: 15px; } #account_deactivation_overlay { box-sizing: border-box; } #account_deactivation_overlay .button-holder { margin: 0; } #account_deactivation_overlay .button-holder .left { width: calc(100% - 40px); margin-left: 20px; } #account_deactivation_overlay .button-holder .right { width: calc(100% - 40px); margin-left: 20px; } /* 5661 } */ .account_advantage_card { padding: 1em 0px 0.9em; } } @media (min-width: 601px) and (max-width: 1280px) { .myaccount-deactivation .my-left {width: 372px;} .myaccount-deactivation .my-right { width: 130px; height: 50px; float: right; text-align: right; margin-right: 10px; float: right; padding-top: 99px; } #account_deactivation_overlay .button-holder {width: 75%; height: 60px; margin: 0 auto !important;} #account_deactivation_overlay .button-holder .left{width: 185px; height:40px; float: left; margin-right: 9px;} #account_deactivation_overlay .button-holder .right{width: 185px; height:40px; float: left;} } .storeAddressDetail{ margin-left:6.3%; margin-top:1.2em; position:relative; } /* ================================ AccountDeactivate SCSS END ============================== */ /* ================================ AdCard remove SCSS START ============================== */ /* ------------------------------------------- */ /* ------------ Standard styles -------------- */ /* ------------------------------------------- */ .adcard-remove{ margin-top: 80px; border-top: 1px solid #D0D0D0 !important; display: block; width: 100%; } .adcard-remove .adcard-left { width: 580px; float: left; } .adcard-remove .adcard-left h1 { font-size: 0.875em; color: #333; font-weight: bold; font-family: arial; line-height: 40px; margin-top: 20px; } .adcard-remove .adcard-left h2 { font-size: 0.875em; color: #333; font-weight: normal; font-family: arial; line-height: 20px; margin-bottom: 30px; } .adcard-remove .adcard-right { width: 180px; height: 100px; float: right; text-align: right; margin-right: 10px; float: right; padding-top: 56px; } .adcard-remove .adcard-right a:link{ font-size: 0.688em; color: #333; text-decoration: underline; font-family: arial; } #adcard_remove_overlay { display: none; position: fixed; z-index: 3000; margin: 10px auto 0px auto; width: 515px; background: #FFF; color: #000; text-align:center; padding:10px 10px; font-size:1em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; left: 0; right: 0; top:15%;} #adcard_remove_overlay h1 { font-size:1.250em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; margin-top: 30px; margin-bottom: 0px; color: #333; width: 80%; text-align: center; margin-left: auto; margin-right: auto; display: inline-block; line-height: normal;} #adcard_remove_overlay h2 { font-size:1em; font-family: Arial,sans-serif; margin-bottom: 20px; color: #333; width: 412px; margin: 10px auto 20px; line-height: 27px;} #adcard_remove_overlay .button-holder {width: 90%; height: 60px; margin-left: 25px; margin-right: 25px;margin-top:30px;} #adcard_remove_overlay .button-holder .left{width: 185px; height:40px; float: left; margin-right: 89px;} #adcard_remove_overlay .button-holder .right{width: 185px; height:40px; float: left;} @media (max-width: 600px) { .adcard-remove{ margin-top: 10px; border-top: 1px solid #D0D0D0 !important; display: block; width: 100%; } .adcard-remove .adcard-left {width: 100%;} .adcard-remove .adcard-right { width: 100%; height: 50px; float: right; text-align: right; margin-right: 10px; float: right; padding: 0; } .adcard-remove .adcard-left h2 { font-size: 0.875em; color: #333; font-weight: normal; font-family: arial; line-height: 20px; } #adcard_remove_overlay { display: none; position: fixed; z-index: 3000; margin: 5px auto 0px auto; width: 100%; background: #FFF; color: #000; text-align:center; padding: 5px 5px; font-size:1em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; left: 0; right: 0; top:15%;} #adcard_remove_overlay h2 {font-size:1em; font-family: Arial,sans-serif; margin-bottom: 30px; margin-top: 20px; color: #333; line-height: 20px;} #adcard_remove_overlay .button-holder { width: 100%; height: 120px; margin-left: 15px; margin-right: 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } #adcard_remove_overlay .button-holder .left{ width: 93%; height:40px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; margin-bottom: 25px; } #adcard_remove_overlay .button-holder .right{ width: 93%; height:40px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; margin-bottom: 15px; } } #order_payment_info_detail{ margin-top: 10px; display:inline-block; width:100%; } .order_payment_info_p_one{ width: 66%; float: left; font-weight: bold; text-align:left; } .order_payment_info_p_two{ font-weight: bold; text-align:right; } @media (max-width:600px){ #adcard_remove_overlay h2{ width:auto; } #adcard_remove_overlay{ width:auto!important; } } @media (min-width: 601px) and (max-width: 1280px){ .adcard_signup_section_col_heading { height: 64px; } } @media (min-width: 601px) and (max-width: 1280px) { .adcard-remove .adcard-left { width: 372px; } .adcard-remove .adcard-right { width: 130px; height: 50px; float: right; text-align: right; margin-right: 10px; padding-top: 99px; } #adcard_remove_overlay .button-holder { width: 75%; height: 60px; margin: 0 auto !important; } #adcard_remove_overlay .button-holder .left { width: 185px; height:40px; float: left; margin-right: 9px; } #adcard_remove_overlay .button-holder .right { width: 185px; height:40px; float: left; } } /* ================================ AdCard remove SCSS END ============================== */ /********** My Account - Order Details CD Start **************/ .my_account_order_bold{ font-weight: bold; width: 12.1875em; } .my_account_order_normal{ font-size: 1.0625em; font-weight: normal !important; } .underline{ text-decoration: underline; } #order_details_content{ margin: auto; padding:0; } #order_details_top{ margin-bottom:2em; } .order_split_info{ padding: .9em 0 .5em; } .order_split_info a{ text-decoration:underline; } .order_info{ padding-bottom: 1em; } .order_address, .order_payment_info{ padding-bottom: 0.5em; } .order_info p, .order_address div, .order_payment_info p, #order_returns_title, .order_split_info p{ display:inline-block; font-size: 1.0625em; } #returnsDetails{ font-size:1.0625em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; } .myAccount_orders_section{ padding: 1em 0; position:relative; } .myAccount_orders_section_border_bottom{ border-bottom: 1px solid #d0d0d0; } .myAccount_orders_section:not(.order_address):not(:last-child) .order_payment_info:last-child { padding-bottom: 0; } .myAccount_orders_section_underline{ border-bottom: 1px solid #d0d0d0; } .align_top{ vertical-align:top; } #order_reorder_button_container{ text-align:left; } #order_reorder_button{ width: 14.0625em; } #refund_order_details{ margin-left: -11px; } #order_details_content div#my_account_item_details { margin: 5px 0 0 10px; } #refund_order_details .my_account_order_normal{float:right;font-size:.9em;position: absolute; right: 0; top: 11px;} #refund_order_details{ position:relative; } #refund_order_details .delivery{display:none} #refund_order_details .totalSum p { border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; font-weight: bold !important; margin-bottom: 1em; padding-bottom: 1.5em !important; padding-top: 1.5em !important; text-align: right; width: auto; } #refund_order_details span#order_returns_title{font-size:.98em;} #totalNumberOrders .my_account_order_bold{ padding-bottom: 10px; width: 12.1875em; } #my_account_item_details_shipped{ padding-top: 10px; } @media (min-width: 601px) and (max-width: 1280px){ .my_account_order_bold{ width: 9em; } .my_account_order_normal{ font-size: 0.875em; font-weight: normal !important; } .order_info p, .order_address div, .order_payment_info p, #order_returns_title, .order_split_info p{ font-size: 0.875em; } #order_reorder_button{ width: 7.125em; } #refund_order_details{ margin-left: -9px; } } @media (min-width: 1025px) and (max-width: 1281px){ .colSpaceRight{width:80.3333%;} .colSpaceLeft{width:17%;} } @media (max-width: 600px) { .order_payment_info p, .order_address div{ display:block; } #order_details_top .my_account_order_bold, #my_account_item_details_shipped .my_account_order_bold{ width: 7em; } .my_account_order_normal{ font-size: 0.875em; font-weight: normal !important; } .order_info p, .order_address div, .order_payment_info p, #order_returns_title, .order_split_info p{ font-size: 0.875em; } #order_reorder_button_container{ margin:auto; } #order_reorder_button{ width: 100%; } .myAccount_orders_section{ padding: 1em 0; } #refund_order_details{ margin-left: -7px; } } /********** MY Address Book ***********/ #myAddress_address_container #myAddress_personTitle,#myAddress_address_container #myAddress_country_code #address_country{ height: 2.8em !important; } #myAddress_address_container #personTitle_container .dropdown_arrow, #myAddress_address_container #myAddress_country_code .dropdown_arrow{ top: 8px; z-index: 3000; left: 12%; } #myAddress_address_container #myAddress_country_code .dropdown_arrow { font-size: 24px !important; left: auto !important; margin-right: 0; margin-top: 0 !important; right: 45px !important; top: 5px !important; width: auto; } #myaccount_address_container{ margin-top:3.3em; } #myAddress_address_container .customTitleArrowContainer{ display: inline; } #myAddress_address_container #myAddress_personTitle{ width: 10em; padding-left: 14px!important; } #myAddress_country_code #pca_countrymyAddress__label #address_country{ width: 24%; background-color:#f6fafe; } #myaccount_address_container #manual_address_title{ color:black; } .adressbook_container .myaccount_address_form_container span { width: 13em; padding-right:0.8em; } #manualAddressContainer{ height: auto; } #manualAddressContainer div{ margin-top: 0; height: auto; } #manualAddressContainer .required_roi_style{ margin-top:1em; } #manualAddressContainer .cancelButton{ float: left; width: 25%; margin-top:1em; margin-bottom: 1em; } #addressBox_buttons #cancel_address{ float: left; } @media (min-width: 601px) and (max-width: 1280px){ .myaccount_address_form_container div{ margin-top:1.0em; } #myaccount_address_container { margin-top: 2em; } #myAddress_address_container #myAddress_personTitle, #myAddress_address_container #myAddress_country_code #address_country{ height: 4em; } #myAddress_country_code #pca_countrymyAddress__label #address_country{ width:37% } .adressbook_container .myaccount_address_form_container span { width: 9.3em; padding-right:0; } #myAccount_address_manual_address { margin: 0; width: 100%; } #myAddress_manual_address_container #manual_house_name_span { width: 22%; margin-right: 2.6%; vertical-align: middle; } } @media (max-width: 600px){ #myaccount_add_Address select{ padding-right: 0; } #myaccount_address_container { margin-top: 2.3em; } .adressbook_container input, .adressbook_container select{ width: 92%; height: 2.5em; padding: 0 0 0 1.125em; margin: auto; } #myAddress_country_code #pca_countrymyAddress__label #address_country{ width: 98%; } .customTitleArrowContainer { width: auto; position: relative; } label[for="myAccountAddresses"] .customTitleArrowContainer { display: block; width: 100%!important; height: 100%; } #myAddress_address_container #myAddress_personTitle { width: 10em; } .adressbook_container div#addressBox_cancel_buttons{ float: none; } #myAddress_address_container #myAddress_personTitle, #myAddress_address_container #myAddress_country_code #address_country { height: 2.8em !important; } } /********** Order History ******/ #order_history_content{ margin: auto; } .tableHeader{ font-size: 0.875em; font-weight: bold; text-align: left; } .tableHeader th{ text-align: left; } .tableRow td{ font-size: 0.875em; padding: 1em 2px; border-bottom: 1px solid #d0d0d0; line-height: initial; vertical-align: baseline; } #adcardStatement_container #transactionsShown{ padding-bottom: 10px; } .bold { font-weight: bold; } #shownOrders{ margin-bottom:2em; } #shownOrders{ font-size: 0.875em; } #order_history_content .pagination li{ display: inline-block; padding: 0.75em 1.1em; color: #a0a0a0; } #order_history_content .pagination .selected{ border: 1px solid #d2d2d2; border-radius: 2px; background-color: #f7f7f7; color: black; } #order_history_content .pagination{ text-align: center; margin: auto; font-size: 0.75em; margin-top: 3em; padding-bottom: 30px; } #order_history_content .pagination .dropdown_arrow{ font-size: 24px; top: 5px; pointer-events: auto; } #order_history_content .pagination .previous, #order_history_content .pagination .next{ border: 1px solid #d2d2d2; border-radius: 2px; padding: 0.2em 0.6em 0.6em 0.2em; margin: 0 1em; } #order_history_content .pagination .disabledArrow{ color: #d3d3d3; } #order_history_content .pagination .disabled{ background-color: #dddddd; } #myAddress_country_code #pca_countrymyAddress__label #address_int_country{ height: 3.5em; width: auto; } #pca_myAddress_form input{ height: 2.6em; } #pca_myAddress_form select{ text-indent:0; } @media (min-width: 1281px) { .showElipsisdesktop{ display: inline-block !important; } .desktopPaginationHide{ display: none !important; } .address_container #address_int_country{ height: 3.5em !important; line-height: 3.5em !important; padding-bottom: 0 !important; padding-top: 0 !important; width: 18em; padding-left: 14px!important; } #myAddress_country_code .dropdown_arrow { left: 14.5%; } #myAddress_address_container #myAddress_personTitle { padding-left: 14px!important; } #myAddress_country_code{ width: 100%; } #pca_countrymyAddress_int_label .customTitleArrowContainer{ width: 14.5% !important; } #pca_myAddress_form #personTitle_container #personTitle_arrow{ top:7px; } #myAccountAddressLabel select{ max-width: 58% !important; } } @media (min-width: 601px) and (max-width: 1280px){ #order_history_content .pagination li{ padding: 0.75em; } .myaccount_address_form_container select{ text-indent: 0; } .address_container #int_pca_country{ width: 68%; } #myAddress_address_container #myAddress_personTitle, #myAddress_address_container #address_int_country { padding-left: 14px!important; } #myAddress_country_code #pca_countrymyAddress__label #address_int_country { height: 4em; width: 80%; } #myaccount_add_Address #myAddress_int_country_type{margin-top: 0 !important;} #myAddress_address_container #myAddress_personTitle{ font-size: 1em; height: 2.8em !important; } #myAddress_address_container #personTitle_container .dropdown_arrow{ font-size: 24px !important; left: auto !important; line-height: 1.8em; right: 45px !important; top: 5px!important; width: auto; z-index: 3000; } #myAddress_country_code{ height: 3.5em; } #myAddress_country_code .dropdown_arrow { left: 12% !important; top: -45px !important; z-index: 3000; pointer-events:none; } #orderHistoryStatus, #orderHistoryStatusHeader{ display: none; } .adressbook_container #manual_address a { margin-left: 26.4%; } #shownOrders{ font-size: 0.75em; } .tabletPaginationHide{ display: none !important; } .pagination ul{ padding-left: 0; } #order_history_content .pagination .previous, #order_history_content .pagination .next { margin: 0; } .showElipsistablet{ display: inline-block !important; } #addressBox_buttons #save_address{ width:150px; } #pca_myAddress_form #address_int_country{ width: auto; } #myAddress_address_container #pca_countrymyAddress_int_label .customTitleArrowContainer{ width: 60% !important; } #pca_myAddress_form input{ height: 2.8em; } } @media (max-width: 600px){ #order_history_content .pagination .dropdown_arrow{ font-size: 24px; top: 5px; } #pca_myAddress_form input, #pca_myAddress_form select{ text-indent: 0; width:100% } #edit_your_personal_information input, #ph_extd_registration input{ width: 100%; } select#addressId:focus { border-color: #d0d0d0; outline: none; } #myAddress_address_container select#address_int_country { margin-bottom: 1px; width: 100%; } #myAddress_country_code #pca_countrymyAddress__label #address_int_country{ height: 2.6em !important; } #myAddress_address_container #myAddress_country_code .dropdown_arrow{ left: 62.5%; } #myAddress_country_code #pca_countrymyAddress_int_label .customTitleArrowContainer{ width: 100% !important; display: block; padding: 0px!important; } .address_container #int_pca_country { top: 26px !important; width: 47%; } #myAddress_address_container .international_country_pca { height: 4em; } #myAddress_address_container #myAddress_country_code.international_country_pca .dropdown_arrow { display: inline-block; font-size: 24px; left: auto !important; margin-top: auto; position: absolute; right: 10px !important; top: 11px !important; width: auto!important; z-index: 3000; padding-right: 0px!important; } #orderHistoryStatus, #orderHistoryOrderDate, #orderHistoryStatusHeader, #orderHistoryOrderDateHeader{ display: none; } #shownOrders { font-size: 0.75em; text-align: center; } .myaccount_address_form_container input, .myaccount_address_form_container select{ text-indent: 0; } #shownOrders{ margin-bottom:1em; } #order_history_content .my_account_header{ font-size: 1.25em; padding-bottom:0.5em; } .mobilePaginationHide{ display: none !important; } #order_history_content .pagination .previous, #order_history_content .pagination .next{ margin: 0; } .pagination ul{ padding: 0; } #order_history_content .pagination li{ padding: 0.7em 1.1em; } #order_history_content .pagination .previous, #order_history_content .pagination .next { padding: 0em 0.2em 0.7em; } #order_history_content .pagination{ font-size: 0.7em; margin-bottom: 1em; } .showElipsismobile{ display: inline-block !important; } #myAddress_manual_address_container #manual_house_name_span{ width:100% !important; } #manualAddressContainer #manual_address{ margin-top: 0px; } #pca_myAddress_form div{ margin-top: 1em; } .myaccount_address_form_container input, .myaccount_address_form_container select { font-size: 16px; } #personalDetails .labelSpan{ white-space: nowrap; } #manualAddressContainer{ margin-top: 0 !important; } #pca_myAddress_form .cancelButton { width: 101%; margin-top: 0px; order: 2; } .display_flex_align_button{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #pca_myAddress_form .left_border, #pca_myAddress_form .right_border { margin-top: 0; } #pca_myAddress_form .cancelButton .button_text{ margin-top: 0; } .myAccountAddressButton{ padding-left: 0px; } #addressBox_buttons #addressBox_buttons, #addressBox_buttons #cancel_address, #addressBox_buttons .cancel_myAddress{ width: 100%; } #myAccountAddressLabel select{ width: 97% !important; } #myAccountAddressLabel select#addressId { padding-left: 0.6em!important; } #personalDetails .labelSpan{ display:block; margin-bottom: 6px; } #box #content_footer .myAccountAddressButton { float: none; font-size: 0.8em; width: 100%; } #myaddress_country_label select { height: 3em; width: 95%; padding-top: 0px; padding-bottom: 0px; } td.statementStoreTable { padding-left: 10px; } th.statementStoreTable{ padding-left: 9px; } } #checkout_deliveryInst_container_reg, #checkout_deliveryInst_container_store_reg { float: left; width: 100%; } #checkout_deliveryInst_container_reg .checkout_deliverInst_Header { padding-left: 21.5%; } #checkout_delivery_instrucion_content_container_reg .row, #checkout_delivery_instrucion_content_container_reg_store .row { padding: 0; } /* ================================ Category widget SCSS START ============================== */ #category-widget { padding: 0 10px; overflow: hidden; } #category-widget h1 { position: relative; color: #333; font-size: 1.25em; line-height: 2.25em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; overflow: hidden; outline: none; } #category-widget h2 { position: relative; color: #333; font-size: 1.25em; line-height: 2.25em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; overflow: hidden; outline: none; } #category-widget .category-link { width: 100%; display: block; margin-bottom: 15px; } #category-widget .category-link a:link{font-family: Arial,sans-serif; color: #333; font-size: 0.875em;} #category-widget .category-link a:hover{text-decoration: underline;} #category-widget .category-view-all:link{font-family: Arial,sans-serif; color: #333; font-size: 0.7em !important; text-decoration: underline; float: right;} .category_widget_heading.mobile, .category_widget_arrow { display: none; } @media (max-width: 600px){ .categoryNavWidget { padding-bottom: 1.5em; position: relative; } .categoryNavWidget:after { content: ''; display: block; position: absolute; left: -15px; right: -15px; border-top: 1px solid #999; } #category-widget { padding: 0; } #category-widget h1 { height: 50px; font-size: 1.09375em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; line-height: 50px; margin-bottom: 1.3em; padding: 0 5% 0 0; cursor: pointer; border-bottom: 1px solid #d0d0d0; border-top: none; overflow: hidden; } #category-widget h1:focus { outline: none; } #category-widget h2 { height: 50px; font-size: 1.09375em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; line-height: 50px; margin-bottom: 1.3em; padding: 0 5% 0 0; cursor: pointer; border-bottom: 1px solid #d0d0d0; border-top: none; overflow: hidden; } #category-widget h2:focus { outline: none; } .category_widget_arrow { display: block; height: 20px; width: 20px; margin: 13px 0px 0 0; left: -7px; float:left; position: relative; overflow: hidden; color:#d0d0d0; } .category_widget_arrow::before { font-family: 'ElegantIcons'; font-size: 22px; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "3"; left: 0; top: 0; position: absolute; -webkit-transform: scale(1); } #category-widget .collapsed { border-bottom: 0; margin-bottom: 0; } #category-widget .collapsed .category_widget_arrow::before { content: "5"; } #category-widget .collapsed ~ .category-link, #category-widget .collapsed ~ .category-view-all { display: none; } .category_widget_heading:not(.mobile) { display: none; } .category_widget_heading.mobile { display: block; } #category-widget .category-link:not(:last-child) { margin-bottom: 40px; } #checkout_deliveryInst_container_reg .checkout_deliverInst_Header { padding-left: 7%; } } /* ================================ Category widget SCSS END ============================== */ /* ==================== My Account: Order Item Details CD ==============*/ #myAccountAddressLabel #addressId { padding-left: 1em !important; padding-right: 30px!important; } #my_account_item_details #item_headers, #my_account_item_details_shipped #item_headers{ padding-top: 2.5em; padding-bottom: 3.125em; text-align: right; width: 48%; float:right; } #my_account_item_details #header_container, #my_account_item_details_shipped #header_container{ overflow: hidden; } #my_account_item_details #item_details_container, #my_account_item_details_shipped #item_details_container{ width:48%; } #my_account_item_details #item_content #item_details_container div, #my_account_item_details_shipped #item_content #item_details_container div{ text-align: right; } #my_account_item_details #item_headers p, #my_account_item_details_shipped #item_headers p{ display: inline-block; } #my_account_item_details #product_name p, #my_account_item_details_shipped #product_name p{ font-size: 1.0625em; font-weight: bold; } #my_account_item_details #prodcut_part_number p, #my_account_item_details_shipped #prodcut_part_number p{ font-size: 0.75em; } #my_account_item_details .productInfoContainer, #my_account_item_details_shipped .productInfoContainer{ display: inline-block; vertical-align: top; } #my_account_item_details #product_image img, #my_account_item_details_shipped #product_image img{ border: 1px solid #e5e5e5; } #my_account_item_details #item_variant, #my_account_item_details_shipped #item_variant{ font-size: 0.875em; padding: 1em 0; } #my_account_item_details #item_details_container, #my_account_item_details_shipped #item_details_container{ float:right; } #my_account_item_details #item_content div, #my_account_item_details_shipped #item_content div{ display: inline-block; } #my_account_item_details #non_image_container, #my_account_item_details #headers, #my_account_item_details_shipped #non_image_container, #my_account_item_details_shipped #headers{ width:80%; } #my_account_item_details #headers, #my_account_item_details #non_image_container, #my_account_item_details_shipped #headers, #my_account_item_details_shipped #non_image_container{ float:right; } #my_account_item_details #item_order_quantity, #my_account_item_details_shipped #item_order_quantity{ margin-right:23px; } #product_item_details div{ display: block !important; } #replaced_or_refunded_item .refund_link{text-decoration: underline;cursor: pointer;padding-top:5px;} #my_account_item_details p.refund_link{font-size: 0.9em;text-decoration: underline;cursor: pointer;} @media (min-width: 601px) and (max-width: 1280px){ #checkout_deliveryInst_container_reg .checkout_deliverInst_Header { padding-left: 28%; } #my_account_item_details #item_details_container, #my_account_item_details_shipped #item_details_container{ float:right; } #my_account_item_details #item_headers p, #my_account_item_details .productInfoContainer, #my_account_item_details_shipped #item_headers p, #my_account_item_details_shipped .productInfoContainer{ font-size: 0.875em; } #my_account_item_details #item_headers p.tabSpace{ position: relative; right: 5px;} #my_account_item_details #product_image, #my_account_item_details_shipped #product_image{ width: 100%; } #my_account_item_details #product_image img, #my_account_item_details_shipped #product_image img{ width: 80%; } #my_account_item_details #item_details_container, #my_account_item_details_shipped #item_details_container{ width:48% } #my_account_item_details #item_headers, #my_account_item_details_shipped #item_headers{ padding-bottom: 1.125em; padding-top: 1.5em; } #my_account_item_details, #my_account_item_details_shipped{ padding-bottom: 5%; } #my_account_item_details #item_order_quantity, #my_account_item_details_shipped #item_order_quantity{ margin-right:23px; } } @media (max-width: 600px){ #my_account_item_details #item_order_quantity, #my_account_item_details_shipped #item_order_quantity{ margin-right:0; } #my_account_item_details #item_details_container, #my_account_item_details_shipped #item_details_container{ float:none !important; } #my_account_item_details #item_headers, #my_account_item_details #item_details_container #order_item_saving, #my_account_item_details_shipped #item_headers,#my_account_item_details_shipped #item_details_container #order_item_saving{ display: none; } #my_account_item_details #product_image, #my_account_item_details_shipped #product_image{ width: 100%; } #my_account_item_details #item_headers p, #my_account_item_details .productInfoContainer, #my_account_item_details_shipped #item_headers p, #my_account_item_details_shipped .productInfoContainer{ font-size: 0.875em; } #my_account_item_details #product_image img, #my_account_item_details_shipped #product_image img{ width: 80%; } #my_account_item_details #non_image_container, #my_account_item_details_shipped #non_image_container{ margin-left: -8%; } #my_account_item_details #headers, #my_account_item_details_shipped #headers{ float:none; } #my_account_item_details #non_image_container, #my_account_item_details_shipped #non_image_container{ width:75%; } #my_account_item_details #item_content #item_details_container div, #my_account_item_details_shipped #item_content #item_details_container div{ text-align: left; } #my_account_item_details #item_details_container div, #my_account_item_details_shipped #item_details_container div{ float: none; } #replaced_or_refunded_item .refund_link{text-decoration: underline;cursor: pointer;padding-top:5px;} #my_account_item_details #item_subtotal_refund_container, #my_account_item_details_shipped #item_subtotal_refund_container{ float:right !important; text-align: right !important; } #my_account_item_details #item_details_container, #my_account_item_details_shipped #item_details_container{ width:100%; padding-top: 10px; } #my_account_item_details, #my_account_item_details_shipped{ overflow: hidden; padding-top:5%; } #my_account_item_details #item_order_quantity, #my_account_item_details_shipped #item_order_quantity{ padding: 5px; border: 1px solid #e5e5e5; text-align: center; width: 20px; } #my_account_item_details #order_item_subtotal p, #my_account_item_details_shipped #order_item_subtotal p{ font-weight: bold; } #order_history_container{ padding-bottom:20px; } #my_account_item_details #item_details_container{padding-bottom:10px;} } /***** My Account PAF ****/ #paf_myAddress_form #add_address_cancel_button .button_text{ margin-top:0; } #paf_myAddress_form #add_address_cancel_button{ width:200px; float:left; } #paf_myAddress_form #find_address_container{ width:200px; margin-bottom: 30px; } #paf_myAddress_form input{ height: 2.8em; } #paf_myAddress_form #myAddress_personTitle{ text-indent:0; } #paf_myAddress_form .mandatoryFields, #pca_myAddress_form .mandatoryFields{ font-size: 12px; } #myaccount_add_Address #paf_buttons .mandatoryFields{ padding-bottom: 1.5em; padding-top:0.2em; } @media (min-width:1281px){ #paf_myAddress_form #addressBox_buttons div{ width:200px; } } @media (min-width: 601px) and (max-width: 1280px){ #paf_myAddress_form #manual_house_name_span{ width:9.3em !important; } #paf_myAddress_form #paf_buttons{ margin-top:0; margin-bottom:1.5em; overflow: hidden; } #paf_myAddress_form #myAddress_personTitle{ width:130px; } #paf_myAddress_form #addressBox_buttons div{ width:180px; } } @media (max-width: 600px){ #paf_myAddress_form #find_address_container{ margin-bottom: 0; } #paf_myAddress_form #add_address_cancel_button{ width: 100%; } #paf_buttons #find_address_container{ float: none !important; width:100%; } #paf_myAddress_form input{ width:100%; margin-bottom: 0.9em; text-indent: 0; } #paf_myAddress_form select{ margin-bottom: 0.9em; } .adressbook_container .myaccount_address_form_container #manual_house_name_span{ width:13em; } #paf_myAddress_form #paf_buttons{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1em; } #paf_myAddress_form #add_address_cancel_button{ order:2; } #paf_myAddress_form #find_address_container{ order:1; } #paf_myAddress_form #save_address_container{ width: 100%; margin-bottom: 1em; } #paf_myAddress_form #cancel_address_container{ width: 100%; } #paf_myAddress_form .address_container{ margin-bottom: 0; } } /* ==================== My Account: Order History Summary JE ==============*/ #top_ordersummary_container{ overflow: hidden; font-size: 1.0625em; } #ordersummary .totalSaving { color: #CC0033; font-weight: bold; } #ordersummary .totalAdvantageCard p{ color: #b8237b; } #ordersummary .totalSum { font-weight: bold; overflow: hidden; } #ordersummary .double_padding{ padding-top: 1.5em; } #ordersummary .single_padding{ padding-top: 0.75em; } .totalSum p { font-weight: bold !important; padding-top: 1em !important; padding-bottom: 1em !important; } #ordersummary .totalSum { font-size: 1.25em; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding: 1em 0; } #ordersummary #order_summary_total_saving p{ font-weight: bold; color:#ce0e3c; } #ordersummary #order_summary_delivery_charges{ padding: 1.5em 0; } #ordersummary .text_left{ position: relative; right: 0px; display:inline; } #ordersummary .price_container{ display:inline; text-align:right; } #left_hand_navigation_button{ display: none; } /** Desktop RWD-B **/ @media (min-width: 1281px){ #widget_left_nav_myAccount{ display:block !important; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { .order_detail_width{ min-width:60px; } #ordersummary #order_summary_total_saving{ padding-top: 1em; } #top_ordersummary_container{ font-size: 0.875em; } #ordersummary .text_left{ position:absolute; right: 140px; } #ordersummary .totalSum { border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding: 1em 0; } #ordersummary .totalSum p{ font-size: 1.0625em; } #widget_left_nav_myAccount{ display:block !important; } .checkbox_label #new_email_address_label, .checkbox_label #confirm_email_address_label{ display: block; width:90%; } } /** Mobile RWD-C **/ @media (max-width: 600px) { #top_ordersummary_container{ font-size: 0.875em; } #ordersummary .totalSum { font-size: 1.0625em; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #ordersummary .text_left{ position:absolute; right: 116px; text-align:right; } .my_account_breadcrumb{ display:none; } #left_hand_navigation_button{ display: block; overflow: hidden; padding: 1em 6%; border-bottom: 1px solid #cccccc; cursor: pointer; width: 88%; } #left_hand_navigation_button p{ display:inline-block; font-size: 0.875em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; } #left_hand_navigation_button p{ display:inline-block; } #left_hand_navigation_button #my_account_arrow{ float:right; } #left_hand_navigation_button #my_account_arrow .dropdown_arrow{ top: 0 !important; } } /****** Basket confirmation Overlay CD ********/ [id*='basket_confirmation_overlay'] { position: fixed; top: 36.5%; left: 50%; z-index: 3000; width: 400px; background: #FFF; font-size: 0.875em; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 30px; margin: 0px; } [id*='basket_confirmation_overlay'] a{ display: inline-block; } [id*='basket_confirmation_overlay']{ text-align: center; } [id*='basket_confirmation_overlay'] h4{ margin-bottom: 1em; } #basket_confirmation_button_no{ width: 49%; float: left; } #basket_confirmation_text { padding: 1em 0; width: 100%; font-size: 1.5em; text-align: center; line-height: 1.375em; } #basket_confirmation_button_yes{ width: 49%; } @media (min-width: 601px) and (max-width: 1280px){ [id*='basket_confirmation_overlay'] { width:30em; } } @media (max-width: 601px){ [id*='basket_confirmation_overlay'] { width:75%; } #basket_confirmation_button_no{ width: 100%; float: none; } #basket_confirmation_button_yes{ margin: 1em 0; width: 100%; float: none; font-size: 1.25em !important; height: 37px !important; } } /********** CD My Account Left Hand Navigation ***********/ #left_navigation_container .header{ height: 2.1875em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 16px; /* 1.0625em changed to 16px to fix DWR-6411 :Roshan */ position: relative; cursor: pointer; } #left_navigation_container .section_list{ font-size: 0.875em; margin-bottom: 2.5em; } #left_navigation_container .section_list ul{ list-style-type: none; padding-left:0; } #left_navigation_container .section_list li{ margin-bottom: 1em; } #left_navigation_container .arrow{ display:none; } @media (max-width: 600px){ #estore_facet_navigation_widget #facet_nav_collapsible_myAccount{ position:absolute; left: -1000px; padding: 0 15px; width: 75%; background-color: #fff; top:0; z-index: 100000; height:100%; overflow:auto; } #myAccountLeftNavigation{ width:0; } #left_navigation_container .header span{ display: block; position: relative; height: inherit; line-height: inherit; font-size: inherit; } #left_navigation_container .arrow{ display:block; top: 0 !important; } #left_navigation_container{ padding-left: 0; margin-top: 0; } #left_navigation_container .section_list{ margin-bottom: 0; } #left_navigation_container .section_list:not([aria-expanded])::after, #left_navigation_container .section_list[aria-expanded="true"]::after { content: ''; display: block; position: absolute; left: -15px; right: -15px; border-top: 1px solid #999; } #left_navigation_container .header{ height: 50px; line-height: 50px; padding: 0 5% 0 0; border-bottom: 1px solid #e7e7e7; } #left_navigation_container .section_list li { margin: 0; display: table; width: 100%; min-height: 50px; } #left_navigation_container .section_list li a { display: table-cell; vertical-align: middle; } #left_navigation_container .optionContainer{ cursor: pointer; } .facetWidget .content_right_border { min-width: auto; max-width: inherit; } .facetWidget div.widget_left_nav_position { margin-right: 0; } } /******** CD: Back to Account Summary Button *****/ #left_navigation_container #back_to_order_history ul{ list-style-type: none; padding: 0; margin-left: -8px; margin-bottom:2.5em; position: relative; } #left_navigation_container #back_to_order_history ul a, #left_navigation_container #back_to_order_history ul span{ display: inline-block; } #left_navigation_container #back_to_order_history .arrow_left { font-size: 18px; position: absolute; top: 1px; } #left_navigation_container #back_to_order_history a{ display: inline-block; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.0625em; padding-left: 20px; } @media (max-width: 600px){ #left_navigation_container #back_to_order_history{ display: none; } } #paymentOptionsContent iframe { width: 100%; } #account_deactivation_overlay .button-holder a.terciary:hover { background: #b2c6dd; } /********** Card and billing dropdown STARTS (SS) ***********/ .paymentCard_dropdown_container, .billingDropdown_container { overflow: visible; padding: 0 0 2em 0; width: 81%; margin: 0 auto; } td#cardComboButton_arrow, td#billingComboButton_arrow { height: 100%; left: 0; padding: 0; position: absolute; text-align: right; width: 100%; z-index: 100; } #cardComboButton_button, #billingComboButton_button { text-align: left; } #cardAddNewAndEdit label { float: none; font-size: 12px; font-weight: normal; text-decoration: underline; float: right; cursor: pointer; } #cardAddNewAndEdit label.editCardDetails { float: left; padding-left: 18%; } #editSavedCardDetails .row { padding-top: 2em; } /** Desktop RWD-C **/ @media (min-width: 1281px) { #billingComboButton_dropdown { width: 44.2%; } #billingComboButton_dropdown .dijitMenuItemLabel { padding-bottom:20px; } #cardComboButton_dropdown { width: 38.6% !important; } #cardAddNewAndEdit { margin-top:9px; } } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #billingComboButton_dropdown { width: 52.8% !important; } .paymentCard_dropdown_container, .billingDropdown_container { width: 84%; } #cardComboButton_dropdown { width: 46.2% !important; } #editSavedCardDetails #check_delivery_heading { font-size: 1.25em; padding-bottom: 0.7em; margin-top: 0.5em } #editSavedCardDetails .row { padding-top: 1.2em; } #editSavedCardDetails input { width: 56%; margin-left: 2%; } #editSavedCardDetails div.row label { margin-top: 0.75em; } } @media (max-width: 600px) { #cardAddNewAndEdit{ text-align: right; } #cardAddNewAndEdit label { float: none; padding-right: 0; } #cardAddNewAndEdit label.editCardDetails { padding-left: 0%; padding-right: 7%; float: none !important; } .paymentCard_dropdown_container, .billingDropdown_container { width: 91.6667%; } #editSavedCardDetails .row { padding-top: 0em; } } /********** Card and billing dropdown ENDS (SS)***********/ /********* CD Order details prmotions *******/ #order_details_promotions .order_detail_item_offer { color: #CC0033; font-size: 1.0625em; margin:0; padding:0; cursor: pointer; } #order_details_promotions .promo_order_item_content{ margin-left:20px; } #order_details_promotions [id^=promotion_order_item_arrow]{ width: 0.4375em; height: 0.78125em; margin-right: 0.5em; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; } #my_account_item_details #item_content{ overflow: hidden; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #order_details_promotions .promo_order_item_content{ margin-left:18px; } } /** Mobile RWD-B **/ @media (max-width: 600px) { #order_details_promotions .promo_order_item_content{ margin-left:18px; } } /* store locator for team Star */ .store-locator-heading{color: #004990; text-align: center;} .no-border-locator{border: none !important;} .checkboxfield input[type="checkbox"] { display: none; } .checkboxfield input[type="checkbox"]:checked + .chckbox::before { font-family: "ElegantIcons"; content: "N"; font-size: 1.2em; font-weight: 900; } .checkboxfield .chckbox::before { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; content: ""; width: 18px; height: 18px; background-color: #FFF; color: #004990; text-align: center; border: 1px solid #D0D0D0; } .checkboxfield .chckbox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; } .checkboxfield label { width: auto; margin-right: 10px; height: 18px; } #storelocator_error_message { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: 0px; margin-top:40px } #storelocator_error_message:before { font-family: "ElegantIcons"; content: "\e063"; color: #C03; font-size: 1.6em; margin-right: 10px; margin-top:2px } #storelocator_error_message p {color: #C03 !important; font-weight: bold !important; width: 50%; margin-top: 5px;} .store_details_link { float: right; margin-top: 21px; text-decoration: underline; } .blue-list-icon {color: #004990; font-weight: bold;} .store-pagination { display: flex !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 175px; padding-left:0; -webkit-justify-content: center; -webkit-align-items: center; display: -webkit-flex; } .store-pagination a{ width: 35px !important; height: 35px !important; display: inline-block !important; margin-right: 10px !important; color: #333 !important; border: 1px solid transparent; } .store-pagination a:hover:not(.disabled), .store-pagination a:active:not(.disabled), .store-pagination a.selected{ background-color: #F7F7F7; border: 1px solid #D0D0D0 !important; border-radius: 3px; } .store-pagination a[data-icon].disabled { color: #d0d0d0 !important; opacity: .5; cursor: not-allowed; } .store-map{margin-top: 20px; width: 100%; overflow: hidden;} /* end store locator */ /* store services filter */ .store_services_filters_container { margin-bottom: 4em; } .store_services_filters_section { padding: 1em 0; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } .store_services_filters_section_heading { line-height: 2em; cursor: pointer; } .store_services_filters_section_heading #store_services_filter_arrow { position: static; padding: 0; font-size: 2em; vertical-align: top; } .store_services_filters_section_title { font-weight: bold; vertical-align: middle; } #store_services_filters_section_content { margin-top: 1em; } .store_services_filters_category { margin-bottom: 2em; } .store_services_filters_category_heading { margin-bottom: 1em; } .store_services_filters_category_title { font-weight: bold; } .store_service_filter_row { margin-top: 20px; } .store_service_filter_row:first-child { margin-top: 0; } .store_service_filter_row:nth-child(n+6), .store_services_filters_category_content.view_all_filters .store_service_filter_row.view_all_filters_cta { display: none; } .store_services_filters_category_content.view_all_filters .store_service_filter_row, .store_services_filters_category_content:not(.view_all_filters) .store_service_filter_row.view_all_filters_cta { display: block; } .store_services_filters_category_content.view_all_filters .store_service_filter_row, .store_services_filters_category_content:not(.view_all_filters) .store_service_filter_row.view_all_filters_cta a.view_all_filters_link:after { display: block; content:"View more"; position:relative; } .store_service_filter_row:nth-child(n+6), .store_services_filters_category_content.view_all_filters .store_service_filter_row.view_all_filters_cta a.view_all_filters_link:after { content:"View less"; position:relative; } .store_service_filter_row.view_all_filters_cta { text-align: left; padding-left: 30px; } .view_all_filters_link { text-decoration: underline; display:block; } .store_service_filter_checkbox { display: none; } .store_service_filter_row .store_service_filter_label { width: auto; line-height: 20px; font-weight: normal; cursor: pointer; padding: 0 0 0 30px; position: relative; position: relative; } .store_service_filter_checkbox + .store_service_filter_label::before { display: block; position: absolute; top: 0; left: 0; content: ""; width: 18px; height: 18px; background-color: #fff; color: #004990; border: 1px solid #D0D0D0; } .store_service_filter_checkbox:checked + .store_service_filter_label::before{ font-family: "ElegantIcons"; content: "\4e"; font-size: 1.2em; font-weight: 900; } .store_services_active_filters { padding: 1em 0; } .store_services_active_filters_label { display: inline-block; height: 30px; line-height: 30px; margin-bottom: 1em; font-weight: bold; } .store_services_filter_tag { display: inline-block; float: left; position: relative; height: 30px; line-height: 30px; padding: 0 35px 0 10px; margin: 0 10px 10px 0; background: #e5eff9; } .store_services_filter_tag::before { position: absolute; right: 10px; top: 8px; color: #999; } #ApplyFilter { float: right; } #ClearAllFilter { float: right; text-decoration: underline; } #store_result_filter_error_view #errorMessageContainer { margin: 2em 0 0 0; } #store_result_filter_error_view #errorMessageContainer .warning_icon { position: absolute; top: 0; left: 0; margin: 0; } #store_result_filter_error_view #errorMessageContainer #warningMessagePara { padding-left: 2.2em; position: relative; } @media (min-width: 1281px) { .store_services_filters_category { padding-left: 226px; } #ApplyFilter { max-width: 225px; } } @media (max-width: 1280px) and (min-width: 601px) { .store_services_filters_category { padding-left: 19%; } #ApplyFilter { max-width: 225px; } } /* END store services filter */ /* store details */ #EStoreStoreDetails { max-width: 910px; margin: 0 auto; } #store_details_back_link { padding: 0; font-size: 1.1em; color: #333; } #store_details_back_link::before { content: '4'; font-family: ElegantIcons; position: relative; bottom: -1px; left: -3px; height: 5px; width: 3px; } .row>div.store_services_section { float: none; } .store_services_section_title { margin: 0; font-family: Arial; font-weight: bold; font-size: 1em; margin-bottom: .5em; } .store_service_category { margin-bottom: .3em; } .store_name { font-size: 1.6em; color: #004990; text-align: center; } .store_info_list { margin-bottom: 1em; overflow: hidden; } .store_info_list_label { float: left; clear: left; width: 10.2045em; font-weight: bold; } .store_info_list_label::after { content: ':'; } .store_info_list_item { float: left; margin: 0; } .store_info_list_item + .store_info_list_item { clear: left; margin-left: 10.2045em; } .store_manager_tel_cta { text-decoration: underline; } .store_opening_hours { border-collapse: collapse; border-spacing: 0; } .store_hours_table_container { margin-bottom: 2em; } .store_hours_heading, .store_hours_day, .store_hours_time { padding: 0; } .store_hours_heading { padding-bottom: 1em; text-align:left; } .store_hours_day::after { content: ':'; } .store_hours_day { padding-right: 1em; } .store_details_map_container { min-height: 410px; position: relative; } .store_details_map_container:empty { background: #dedede; } #store_directions_container { margin-top: 2em; margin-bottom: 1em; } #store_direction_origin::before { content: open-quote; } #store_direction_origin::after { content: close-quote; } #store_directions_list { padding: 0; margin-top: 0.5em; list-style: none; } .store_direction_item { margin-top: 0.5em; counter-increment: direction_item; position: relative; padding-left: 2em; } .store_direction_item::before { content: counter(direction_item)"."; position: absolute; top: 0; left: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .store_direction_item:first-child { margin-top: 0; } .store_services_section { margin: 0 0 2em; } .store_service_category_heading { cursor: pointer; font-size: 1em; position: relative; line-height: 2em; } .store_service_category_title { font-family: Arial; font-weight: bold; font-size: 1em; margin-left: 2em; } .store_service_category_heading .dropdown_arrow { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -ms-transform: rotate(0); /* IE 9 */ -webkit-transform: rotate(0); /* Chrome, Safari, Opera */ transform: rotate(0); left: -6px; top: 0; position: absolute; padding: 0; font-size: 2em; } .store_services_list { list-style-type: none; padding-left: 2em; margin-top: 0.3em; } .store_details_print_link_wrapper { text-align: right; } .store_details_print_link { text-decoration: underline; } @media (min-width: 601px) and (max-width: 1280px) { .store_hours_day { min-width: 5em; } } @media (max-width: 600px) { .store_hours_day { min-width: 5em; } .store_services_section { margin: 1em 0; } .store_details_map_container { height: 325px; min-height: auto; } .store_service_category_title { font-size: 1em; } } @media print { .store_hours_table_container { width: 50%; } .store_services_section, .store_details_content #storelocator_search_container{ display: none; } } /* end store details */ /**** Defect fix ****/ @media (min-width: 1281px) { #basket_overlay_price { font-size: 1.875em !important; } #estore_product_price_widget #basket_overlay_price #PDP_productPrice { font-size: 1.125em !important; } #estore_product_price_widget #basket_overlay_price .saving { font-size: 0.563em !important; font-weight:normal } #estore_product_price_widget #basket_overlay_price .was_prices_holder .was_price { font-size: 0.500em !important; padding:0 } #estore_product_price_widget { font-size: 1em !important; } #basket_overlay_price .was_prices_holder .was_price{ font-size: 0.7em !important; } } #basket_overlay_price .was_prices_holder .was_price{ font-family: arial,helvetica,clean,sans-serif; } /********* Edit saved Card Starts ******/ #editSavedCardDetails .noPadding { padding: 0em; } #editSavedCardDetails div.row select { width: 100% !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #editSavedCardDetails div.row label { margin-top: 0.6em; } #editSavedCardDetails .requiredText { font-size: 0.75em; padding-top: 1em; } #editCardButtonContainer .saveButton { float: right; } #editCardButtonContainer #sveEditCardButton { width: 230px; float: right; margin-right: 0.3em; } #editCardButtonContainer #cancelEditCardButton{ width: 230px; } #editSavedCardDetails .button.primary { background: #ffffff; border: 1px solid #cae1f3; color: #004990; } #editSavedCardDetails .button.secondary { background: rgb(203, 225, 247); color: #004990; } #editSavedCardDetails .button.primary, #editSavedCardDetails .button.secondary { width: 230px; } #editSavedCardDetails .button.primary:hover, #editSavedCardDetails .button.secondary:hover { background: #b2c6dd; } #editSavedCardDetails div.row#editCardButtonContainer{ padding-top: 3.2em; padding-bottom: 5em; } #editSavedCardDetails .errorBorder { border-color: #cc0033 !important } @media (max-width: 600px) { #editSavedCardDetails div.row label { position: static; top: 0px; padding-bottom: 3px; } #editSavedCardDetails .button.primary, #editSavedCardDetails .button.secondary { width: 100% !important; margin-bottom: 20px; } #editSavedCardDetails h3 { font-size: 1.2em !important; margin-top: 0.4em !important } #editSavedCardDetails { width: 87.5%; } #editSavedCardDetails .styled-select { margin-top: 8px; width:40%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #editSavedCardDetails div.row#editCardButtonContainer { padding-bottom: 0em; } } .checkoutSavedCardExpired { color: #cc0033; } .checkoutSavedCardExpired .saved_card_expired { font-weight: bold; padding-left: 12px; } /********* Edit saved Card Ends ******/ /***** Order details - multiple parcels ******/ #order_details_content #item_content{ overflow: hidden; } /*******Reorder and Favourites section ******/ #reorder_myfav_container{ margin:0 auto 50px; width:100%; overflow:hidden; } #reorder_myfav_container > div{ display:inline-block; width: 49%; vertical-align:top; } #reorder_myfav_container div.reorder_section{ border:1px solid #d0d0d0;text-align:center;margin-right:12px;padding:20px 10px; } #reorder_myfav_container div.favourites_section{ border:1px solid #d0d0d0;text-align:center;padding:20px 10px; } #reorder_myfav_container div > h3{ font-size:1.2em; margin:0; padding:0; line-height:1.5em; } #reorder_myfav_container div > h3 a{ text-decoration:none; } #reorder_myfav_container div > p{ font-size:.9em; } @media (min-width: 601px) and (max-width: 1280px) { #reorder_myfav_container div > h3{ font-size:1.1em; } #reorder_myfav_container div.reorder_section{ margin-bottom:15px;padding:20px 10px;margin-right:12px; } #reorder_myfav_container div.favourites_section{ padding:20px 10px; } #editSavedCardDetails div.row#editCardButtonContainer { padding-top: 2em; padding-bottom: 2.7em; } #editCardButtonContainer #cancelEditCardButton, #editCardButtonContainer #sveEditCardButton { width: 175px; } } @media (max-width: 600px) { #reorder_myfav_container div.reorder_section{ width:80%;margin-bottom:15px;padding:20px 10px;margin-right:0; } #reorder_myfav_container div.favourites_section{ width:80%;padding:20px 10px; } #reorder_myfav_container > div{ display:inline; } #reorder_myfav_container div.reorder_section, #reorder_myfav_container div.favourites_section{ margin-left:auto; margin-right:auto; } } /******* END ******/ /*******AdCard Point Statements section START ******/ #adcardStatement_container #adcard_statement_content{margin:0 auto;} #adcardStatement_container p { display: inline-block; font-size: .98em; overflow:hidden; } #adcardStatement_container #transactionsShown{ font-size:.78em; } #adcardStatement_container p.my_account_summary_bold { font-weight: bold; width: 16em; } #adcardStatement_container div.statement_info {padding-bottom:1em;} #adcardStatement_container div.notification, #adcardStatement_container p.notification{font-size:.95em} #adcardStatement_container table {border-collapse: collapse; border-spacing: 0;} /*******AdCard Point Statements section END ******/ /*******My Appointments section ******/ #myappointments_container > div{ border:1px solid #d0d0d0;text-align:center;float:left;margin-right:12px;padding:20px 10px;margin-bottom:20px;width:100%; } /******* END ******/ /*******Pharmacy Espot section ******/ #mypharmacyEspot > div{ border:1px solid #d0d0d0;text-align:center;float:left;margin-right:12px;padding:20px 10px;margin-bottom:20px;width:100%;margin-top:30px; } /******* END ******/ /*******Favourites Espot section ******/ #myFavourtiesEspot{ border:1px solid #d0d0d0;text-align:center;float:left;margin-right:12px;padding:20px 10px;margin-bottom:20px;width:100%; } /******* END ******/ /****** My Account Summary CD *******/ .my_account_summary_header{ font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-size: 1.25em; } @media (min-width: 601px) and (max-width: 1280px) { .my_account_summary_header{ font-size: 1.0625em; } .promo_offer_container .dropdown_arrow { width: 24px !important; height: 24px !important } } @media (max-width: 600px) { .my_account_summary_header{ font-size: 1.0625em; } #storelocator_error_message { margin-top: 80px; } #storelocator_error_message p { width:95%; /* 100%; */ } } /*** Global Navigation ***/ #globalNavBackground{ z-index:9999; } .hide{ display:none!important; } .promo_offer_container h3{ padding: 1em 0 0.3em 0; cursor: pointer; font-size: 1.0625em !important; overflow: hidden; } .promo_offer_container .dropdown_arrow { display: inline-block; /*top: -4px;*/ vertical-align: top; margin-right: 0; width: auto; left: -6px; width: 30px; height: 30px } .promo_offer_description { padding: 0 0 1.2em 24px; clear: both; margin: 0; } .promo_offer_container { margin-left: -5px; width:85% } .promo_offer_title{ color: #cc0033; margin-left: -6px; display: inline-block; width: 81%; line-height: normal; } @media (min-width: 601px) and (max-width: 1280px) { .promo_offer_description { padding-left: 18px; } .tabletHide{ display:none; } .promo_offer_container .dropdown_arrow { top: -3px; } .promo_offer_container h3 > span { float: left; } } @media (max-width: 600px) { .promo_offer_description { padding-left: 2.1em; font-size: 0.875em; } .promo_offer_title{ margin-top: 0px; margin-left: 4px } .promo_offer_container .dropdown_arrow { top: -2px; width: 20px; height: 20px; left:0; margin-left: 0px; } .checkout_custom_home_choose .delivery_options_row { margin-top: 12px; } .checkout_contactDetails { margin-bottom: 12px; } .promo_offer_container h3 > span { float: left; } } /* defect 195 START */ #estore_pdp_image { position:relative; } #estore_product_image_widget_mobile { display: block; position: absolute; width: 100%; height: 100%; top: 0px; z-index: 999; } /* defect 195 END */ /********* Masterpass Starts ******/ #masterpassContainer .select_option_body { padding: 5.8em 0; } #masterpassContainer .select_option_body.triLeft:after, #masterpassContainer .select_option_body.triLeft:before { left:65%; } #masterpassContainer .masterpassContainerInner { width: 81%; margin: 0 auto; } .masterpassContainerInner > div { text-align: right; margin-top: 17px; } #masterpassContainer .button.primary { width: 220px; } #masterpassContainer .delivery_charge { color: #999; font-size: 14px; } #masterpassContainer .total_to_pay { font-size: 1.25em; font-weight: bold; } #masterpassContainer h3.address_header { padding: 0; } @media (max-width: 600px) { #masterpassContainer .select_option_body.triLeft:after, #masterpassContainer .select_option_body.triLeft:before { left:61%; } #masterpassContainer .masterpassContainerInner { width: 91%; } #masterpassContainer .select_option_body { padding: 1.4em 0; } #masterpassContainer .button.primary { width: 100%; font-size: 1.0625em !important; } #masterpassContainer h3.address_header { font-size: 1.0625em !important; text-align: center; } #masterpassContainer .delivery_charge { font-size: 13px; } #masterpassContainer .total_to_pay { font-size: 1.0625em; } } /********* Masterpass Ends ******/ #delivery_container .custom_dropdown_address, #payment_container .custom_dropdown_address { display: block; } @media (max-width: 600px) { .custom_dropdown_address>span { display: inline-block; } .custom_dropdown_address>span:first-child { display: block; } } @media (min-width: 601px) and (max-width: 1280px) { #basket_top_continue { min-width: 200px; } } /******* My Account Summary Page *********/ .myAccountDisplay{ padding: 0; margin: auto; } #orderSummaryTableMyAccount{ margin-top: 2em; } #orderSummaryTableMyAccount th{ padding-bottom: 0.9375em; } #orderSummaryTableMyAccount td{ font-size: 0.875em; } #view_all_orders{ margin-top:1.5625em; font-size: 0.875em; } #myAccountSummaryNoOrdersText{ font-size: 0.875em; } #account_summary_personal_details p, #ma_address_summary_section p, #ma_cards_summary_section p{ display: inline-block; font-size: 0.875em; } #account_summary_personal_details .personal_info_summary, #ma_cards_summary_section .card_details_summary{ margin-bottom:1em; } #account_summary_personal_details .my_account_summary_bold, #ma_address_summary_section .my_account_summary_bold, #ma_cards_summary_section .my_account_summary_bold{ font-weight: bold; width: 8.75em; } #account_summary_personal_details .my_account_summary_title{ font-weight: bold; width: 15em; } .myAccountDisplay .my_account_header { text-align:center; color: #004990; font-size:1.25em; line-height:1.5em; padding:0; } .myAccountDisplay .my_account_point{ font-family: arial; font-size: 1em; font-weight: normal; color: #ba237b; text-align:center; margin:0; } .myAccountDisplay .my_account_espot { text-align:center; background:#ececec; padding:30px 0; margin-bottom:20px; } #account_summary_personal_details .my_account_text_right{ text-align:right; text-decoration:underline; font-size:0.875em; } .my_account_summary_header_container{ margin-top:1.5em; margin-bottom:1em; } .my_account_summary_section{ padding-bottom: 2em; overflow:hidden; } .my_account_summary_section .myaccount_recent_order{ margin:0 !important; } #ma_address_summary_section .ma_address_container p{ display: block; } .ma_address_summary .mas_address_content{ display: inline-block; vertical-align: top; } #ma_address_summary_section #view_all_addresses{ position: relative; font-size: 0.875em; } #ma_personal_summary_section, #ma_address_summary_section{ border-bottom: #d0d0d0 solid 1px; } #mas_address_container{ overflow: hidden; } #advantageCardDetails{ font-size: 0.875em; font-weight: bold; color: #ba237b; padding-top: 15px; } #WC_MyAccountDisplay_div_5 h2{ line-height: 1em; padding-bottom: 0; } #WC_MyAccountDisplay_div_5{ text-align: center; margin-bottom: 2em; } #mas_address_container #mas_delivery_address{ float: left; } #mas_address_container #mas_store_address{ float: right; } @media (min-width: 601px) and (max-width: 1280px) { .orderStatusTableHeader, .orderStatusTableData{ display: none; } #orderSummaryTableMyAccount{ margin-top: 1.4em; } #account_summary_personal_details .personal_info_summary, #ma_cards_summary_section .card_details_summary{ margin-bottom:1em; } #account_summary_personal_details .my_account_summary_bold, #ma_address_summary_section .my_account_summary_bold, #ma_cards_summary_section .my_account_summary_bold{ width: 8em; } #account_summary_personal_details .my_account_summary_title{ width: 15em; } #mas_address_container #mas_delivery_address{ margin-bottom: 1em; float: none; display: block; } #mas_address_container #mas_store_address{ float: none; display: block; } } @media (max-width: 600px) { .myAccountDisplay{ margin-top: 2em; } .orderStatusTableHeader, .orderStatusTableData, .orderDateTableHeader, .orderDateTableData{ display: none; } #orderSummaryTableMyAccount th{ padding-bottom: 0; } #orderSummaryTableMyAccount{ margin-top: 0.5em; } #view_all_orders{ margin-top:1.5em; } #myAccountSummaryNoOrdersText{ margin-top: 1.25em; } #account_summary_personal_details .my_account_summary_bold, #account_summary_personal_details .my_account_summary_title, #ma_address_summary_section .my_account_summary_bold, #ma_cards_summary_section .my_account_summary_bold{ width: 100%; } #account_summary_personal_details #change_personal_information{ margin-top: 2em; } .my_account_summary_header_container{ margin-bottom:1em; } #account_summary_personal_details .personal_info_summary, #ma_cards_summary_section .card_details_summary{ margin-bottom:1em; } #mas_address_container #mas_delivery_address{ margin-bottom: 1em; float:none; } #mas_address_container #mas_store_address{ float: none; display: block; } .ma_address_summary .mas_address_content{ display:block; } #mas_address_container #view_all_addresses{ top: 0; } .ma_address_summary_width{ width: 75%; } } /********** Redeem Points START (SS)***********/ #payment_redeemRow { margin: 0px 10% 2em; border-bottom: 1px solid #D0D0D0; padding-bottom: 2em; font-size: 14px; } #payment_redeem_NoPoints { margin: 0px 10% 2em; margin-bottom: 5.3em; } .redeem_online_panel { margin: 0px 10% 2em; } #payment_redeemInput, #payment_redeemError, #payment_redeemDelivery { margin: 1.2em 10% 1em; font-size: 14px; margin-bottom: 6.1em; } #payment_redeemError { margin:0 } #payment_redeem #errorMessage { margin-top:20px } #payment_redeemPay{ text-align: right; margin: 0px 10% 1em; padding-bottom: 1em; font-size: 14px; } #payment_redeemButton { width: 24%; margin: 1.7em 0 0 0; min-width: 176px; float: right; } #payment_redeemDigits_container { margin-top: -10px; } .payment_redeemDigits { border-radius: 2px; height: 2.4em; border: 3px solid #004990; width: 73px; padding-left: 1.3125em; } #payment_redeemInput label { font-weight: bold; padding-right: 6em; } #payment_redeemInputText { font-weight: bold; } #payment_redeemDeliveryText { font-weight: bold; } #payment_redeemInput img{ height: auto; width: 88px; position: relative; top: 27px; margin-left: 1em; } #payment_redeemCardText { color: #b8237b; font-weight: bold; } #payment_redeemRow .middleColumn { text-align: right; padding-right: 26%; } #payment_redeemWarning { font-size: 0.75em; color: #666666; padding-left: 11%; font-size: 12px; } #payment_redeemDeliveryPts { color: #999999; margin-bottom: 1em; } #payment_redeemPtsTotal { color: #b8237b; font-size:25px; font-weight: bold; } #payment_redeemInputText .mandatoryFields{ font-size:0.6875em; } .payment_redeemCardTextDesktop{ display: block; } .payment_redeemCardTextMobile{ display: none; } #INT_redeem_form_errors { width: 100%; margin-bottom: 2em; } .payment_redeemErrorU{ text-decoration: underline; } p.international_or { float: left; margin-top: 1.2em; } #payment_redeemInput #payment_redeem_internationalDOB label { padding-right: 0; } #payment_redeemInput #payment_redeem_internationalDOB .labelSpan { padding-right: 2.7em; } #payment_redeemInput select { margin: 0px 0px 30px; background-color: #F6FAFE; border-radius: 2px; min-height: 2.8em !important; height: 2.8em; border: 1px solid #D0D0D0; font-size: 14px !important; padding-left: 16px; font-weight: normal; -moz-appearance: none; -webkit-appearance: none; } #payment_redeem_internationalDOB{ height: 2.25em; margin-top: 1em; } #payment_redeemError .checkoutAddressErrorMsg p span { margin-right: 5px; } .redeem_override_cardContainer .triRight::after, .redeem_override_cardContainer .triRight::before { left: 81.3%; } .masterpass_override_cardContainer.redeem_override_cardContainer .triRight::after, .masterpass_override_cardContainer.redeem_override_cardContainer .triRight::before{ left: 83.5%; } .masterpass_override_card.redeem_override_card #card_option_button p{ height: 100%; } .masterpass_override_card.redeem_override_card #card_option_button img { width: 90%; margin: 0; position: relative; top: 50%; transform: translateY(-50%); max-width: 310px; } .redeem_override_card #card_option_button img { width: 50%; margin: 1em 0 0 0; max-width: 310px; } .masterpass_override_card.redeem_override_card #mobile_card_grid { display:none; } #redeem_content #dobDayOL{ width: 83px; } #redeem_content #dobMonthOL{ width: 130px; margin-left: 26px; position: relative; } #redeem_content #dobYearOL{ margin-left: 30px; position: relative; width: 92px; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #payment_redeemPtsTotal { font-size:17px; } #redeem_content { padding-top: 1.8em; } #payment_redeemRow, #payment_redeemInput, #payment_redeemError, #payment_redeemPay, #payment_redeemDelivery, #payment_redeem_NoPoints { margin: 0px 8.5% 2em; } #payment_redeem_NoPoints { margin-bottom: 3em; } #payment_redeemRow { padding-bottom: 1.4em; } .masterpass_override_card.redeem_override_card #card_option_button p{ height: 116%; } #redeem_content #dobDayOL{ min-width: 90px; } #redeem_content #dobMonthOL{ min-width: 113px; } #redeem_content #dobYearOL{ width: 89px; } .redeem_override_cardContainer .triRight::after, .redeem_override_cardContainer .triRight::before { left: 78.99%; } .masterpass_override.masterpass_override_card #card_option_button p{ height: 117%; } .masterpass_override.masterpass_override_card #card_option_button img{ width: 90%; max-width: 320px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); margin: 0px; } } /** Mobile RWD-B **/ @media (max-width: 600px) { #payment_redeemRow, #payment_redeemInput, #payment_redeemError, #payment_redeemPay, #payment_redeemDelivery { margin: 0px 8.2% 1.5em 7.2%; padding-bottom: 1em; } #payment_redeemPtsTotal { font-size:17px; } #payment_redeemWarning { padding-top: 1em; } #payment_redeemDigits { width: 21%; } .payment_redeemCardTextDesktop { display: none; } .payment_redeemCardTextMobile { display: block; } .payment_redeemCardPointsMobile { text-align: right; padding-right: 0 !important; } #payment_redeemInput #payment_redeem_internationalDOB .labelSpan { display: block; padding-bottom: 0.5em; } #payment_redeem_internationalDOB { margin-bottom: 1.4em; } #payment_redeemInput label { padding-right: 6%; } #payment_redeem_internationalDOB .registrationDateOfBirthLabel #dobDayOL { width: 29%; } #payment_redeem_internationalDOB .registrationDateOfBirthLabel #dobMonthOL { width: 34%; margin-left: 5%; } #payment_redeem_internationalDOB .registrationDateOfBirthLabel #dobYearOL { width: 29%; margin-left: 4%; } #payment_redeemError .checkoutAddressErrorMsg { font-size: 12px; } .masterpass_override_card.redeem_override_card #card_option_button { background-image: url("../../images/boots/cards-collected-mobile-grid2.png"); margin: 1.3em 0px 1em; background-position: 50% 50%; background-size: 42px; width: 79%; height: 40px; } .masterpass_override_paypal.redeem_override_paypal, .masterpass_override_masterpass.redeem_override_masterpass, .masterpass_override_masterpass.redeem_override_redeem, .masterpass_override_card.redeem_override_card { width: 22% !important; } .masterpass_override_card.redeem_override_card { margin-left: 7%; } #payment_redeemWarning { padding-left: 0; } #payment_redeemButton { width: 100%; margin: 1em 0px 0px; } #payment_redeemInput img { width: 70px; top: 17px; height: auto; margin-left: 0.8em; } .payment_redeemDigits { height: 2em; } .redeem_override_cardContainer .triRight::after, .redeem_override_cardContainer .triRight::before { left: 78.5%; } } /********** Redeem Points ENDS (SS)***********/ .billingDropdown_container .row { position:relative } .checkout_custom_home_choose .row { position:relative; padding-top: 1.5em; } @media (max-width: 600px){ #billing_address .dijitReset.dijitArrowButtonChar { right: 18px; } } @media (min-width: 601px){ .billingDropdown_container .row #checkout_right_column { position:absolute; top:27%; right:0 } .checkout_custom_home_choose .row #cardAddNewAndEdit { position:absolute; top:27%; right:0 } .billingDropdown_container .row #checkout_right_column label#checkout_add_new { top:0 } } @media (min-width: 1281px){ .checkout_custom_home_choose .row #cardAddNewAndEdit { position:absolute; top:0; right:0 } #myappointments_container > div { width:94%; margin-right:0; } #mypharmacyEspot > div { width: 94%; margin-right:0 } } #OrderStatusDetailsDisplayExt_grand_total_1{ width: 73px; text-align: left; } .faqtAgent_lightbox { z-index: 999; } #faqtAgent_lightbox{ opacity: 0.5; height: 1518px; visibility:hidden; display: none; } #faqtAgent_template{ top: 433px; left: 333px; position: absolute; visibility:hidden; display: none; } #faqtAgent_content{ top: 458px; left: 358px; position: absolute; visibility:hidden; display: none; } #faqtAgent_close{ top: 726.5px; left: 776px; position: absolute; visibility:hidden; display: none; } /********** My account saved card STARTS (SS)***********/ #myAccountSavedCardContainer .styled-select{ overflow: hidden; } #myAccountSavedCardContainer .paymentCard_dropdown_container { width: 83%; } #myAccountCardContainer { margin-top: 15px; } #myAccountSavedCardContainer .my_account_summary_header_container { margin-bottom: 0.9em; } #myAccountSavedCardContainer .my_account_summary_header { font-size: 1.45em; } #myAccountCardContainer div label { padding-top:5px; } #myAccountSavedCardContainer #editSavedCardDetails div.row { padding-bottom: 0.6em; padding-top: 1.3em; } #myAccountSavedCardContainer #editSavedCardDetails div.row input, #myAccountSavedCardContainer #editSavedCardDetails div.row select { padding-top:0; padding-bottom: 0; } #myAccountSavedCardContainer #policyIdContainer .styled-select{ width: 38.2%; } #myAccountSavedCardContainer .dijitReset.dijitArrowButtonChar { right: 21px; } #myAccountSavedCardContainer #cardAddNewAndEdit { margin-top: 6px; } #myAccountSavedCardContainer #editSavedCardDetails .button.secondary { background: #004990; color: #ffffff; margin-top: 8px; width: 226px; } #myAccountSavedCardContainer #editSavedCardDetails .button.secondary:hover { background: #b2c6dd; color: #004990; } #myAccountDeleteSavedCardPopup div.row { margin-top: 25px; } #myAccountDeleteSavedCardPopup a.secondary { border: 1px solid #cae1f3; background: #fff; color: #004990; width: 49%; min-height: 38px; line-height: 38px; float: left; } #myAccountDeleteSavedCardPopup a.secondary:hover { background: #b2c6dd; } #myAccountDeleteSavedCardPopup a.primary { width: 49%; float: right; } #myAccountSavedCardContainer #cardErrorHeading { float: none; } #myAccountSavedCardContainer #editSavedCardDetails div.row select { min-width: 115px; } #myAccountSavedCardContainer select:focus { outline: none; } td#myaccountCardComboButton_arrow { height: 100%; left: 0; padding: 0; position: absolute; text-align: right; width: 100%; z-index: 9; } #myaccountCardComboButton_dropdown { width: 43.75%; } .payment_redeemCardPoints { text-align: right; padding-right: 100px !important; } .payment_redeemCardPointsErrorBorder { border-bottom: 1px solid #d0d0d0; margin: 0 10% 2em; padding-bottom: 1em; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #myAccountSavedCardContainer .paymentCard_dropdown_container { width: 95%; } #myAccountCardContainer { margin-top: -12px; } #myAccountSavedCardContainer #cardAddNewAndEdit { display: block; float: right; /* margin-right: 16.6667%;*/ margin-top: 6px; width: auto; text-align: right; position: static; } #cardAddNewAndEdit label { float: right !important; margin-left: 25px; } #cardAddNewAndEdit label.editCardDetails { float: left !important; padding-left: 0; } #myAccountSavedCardContainer #policyIdContainer .styled-select { width: 76% !important; } #myAccountSavedCardContainer #editSavedCardDetails .button.secondary { margin-top: 0; width: 176px; float: right; } #myAccountSavedCardContainer .my_account_summary_header_container { margin-bottom: 0; font-size: 0.85em; } #myAccountSavedCardContainer #editSavedCardDetails div.row input { width: 68%; } #myAccountSavedCardContainer .requiredText { font-size: 0.75em; } #myAccountSavedCardContainer .checkoutAddressErrorMsg { margin-top: 10px; } #myaccountCardComboButton_dropdown { width: 40.1%; } .payment_redeemCardPoints { padding-right: 40px !important; } } /** Mobile **/ @media (max-width: 600px) { #myAccountSavedCardContainer .paymentCard_dropdown_container { width: 90%; } #myAccountSavedCardContainer #editSavedCardDetails .button.secondary { width: 100%; margin-top: 25px; } #myAccountSavedCardContainer .my_account_summary_header_container { margin-bottom: 0; font-size: 0.85em; } #myAccountSavedCardContainer #editSavedCardDetails div.row { padding-bottom: 0; padding-top: 0.8em; } #myAccountSavedCardContainer #editSavedCardDetails div.row label { padding-bottom: 1px; font-size: 0.95em; } #myAccountSavedCardContainer .requiredText { font-size: 0.75em; } #myAccountSavedCardContainer #policyIdContainer .styled-select { width: 100%; } #myAccountSavedCardContainer #expMonth, #myAccountSavedCardContainer #expYear, #myAccountSavedCardContainer #issueCardDetails .styled-select { width: 48.5%; } #myAccountSavedCardContainer .styled-select { margin-top: 0.5em !important } #myAccountSavedCardContainer .my_account_header { padding-bottom: 0; line-height: normal; padding-top: 1em; } #myAccountSavedCardContainer #editSavedCardDetails div.row input { height: 2.6em; } #myAccountSavedCardContainer .checkoutAddressErrorMsg { margin-top: 10px; font-size: 0.875em; } #myAccountSavedCardContainer .checkoutAddressErrorMsg li { left: 0; margin-left: 20px; } #myAccountDeleteSavedCardPopup a.secondary, #myAccountDeleteSavedCardPopup a.primary { float: none; display: block; margin: 0 0 15px 0; font-size: 1em; width: auto; } #myAccountSavedCardContainer .popup_overlay p.popup_overlay_head { font-size: 1em; } #myAccountNoSavedCard { padding: 1em 0; } } /********** My account saved card ENDS (SS)***********/ /********** My account Remove Patient START ***********/ #removePatientContainer { width: 928px; margin: 0 auto; padding-bottom: 130px; margin-top: 160px; } .frpsRemovePatient #removePatientContainer { margin-top: 104px; } #removePatientContainer h2 { font-size: 3.7em; line-height: 0.85em; color: #004990; margin: 0; position: relative; margin-bottom: 40px; } .patientBlock { min-height: 100px; border: 2px solid #85BAA3; width: 100%; padding-top: 30px; padding-left: 30px; box-sizing: border-box; font-weight: normal; padding-right: 26px; } .patientBlock + div { border-top: 0px; } .patientBlock.noPatients { text-align: center; vertical-align: middle; padding: 0px; line-height: 100px; } .patientBlock span { font-weight: bold; display: inline-block; line-height: 38px; } .patientBlock a.button.secondary { font-weight: normal; width: auto; padding-left: 19px; padding-right: 19px; float: right; font-size: 16px; } .backButton { margin-top: 26px; font-size: 14px; display: block; margin-left: -5px; } .backButton:before { font-size: 16px; line-height: 14px; display: inline-block; } .backButton span { display: inline-block; line-height: 17px; vertical-align: top; } #removePatientPopup { width: 516px; } #removePatientPopup:focus { outline: none; } #removePatientPopup #msgpopup_content_wrapper { width: 400px; margin: 0 auto; } #removePatientPopup .actions { margin-top: 27px; } #removePatientPopup p:last-child { font-size: 14px; width: 90%; } #removePatientPopup .title { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; font-size: 28px; text-align: center; width: 280px; margin: 0 auto; line-height: 1.4em; margin-bottom: 0.6em; } #removePatientPopup .actions a { width: 184px; font-size: 16px; } #removePatientPopup .fl { float: left; } #removePatientPopup .fr { float: right; } @media (min-width: 768px) and (max-width: 1280px) { #removePatientContainer { width: 610px; margin-top: 120px; } .frpsRemovePatient #removePatientContainer { margin-top: 66px; } #removePatientContainer h2 { margin-bottom: 32px; } .backButton { margin-top: 36px; } #removePatientPopup .title { font-size: 20px; width: 100%; } } @media (max-width: 767px) { #removePatientContainer { width: 268px; padding-bottom: 90px; float: none; margin-top: 86px; } .frpsRemovePatient #removePatientContainer { margin-top: 40px; } #removePatientContainer h2 { font-size: 1.75em; margin-bottom: 30px; } .patientBlock { padding-top: 6px; padding-left: 20px; padding-right: 20px; overflow: hidden; min-height: auto; padding-bottom: 20px; } .patientBlock.noPatients { font-size: 12px; } .patientBlock span { font-size: 14px; display: block; } .patientBlock a.button.secondary { margin-top: 5px; } .backButton { margin-top: 17px; } #removePatientPopup { width: 320px; box-sizing: border-box; padding-right: 0px; padding-left: 0px; } #removePatientPopup #msgpopup_content_wrapper { width: 100%; box-sizing: border-box; padding-right: 15px; padding-left: 15px; } #removePatientPopup .title { font-size: 18px; width: 66%; } #removePatientPopup #msgpopup_content_wrapper p:last-child { width: 100%; } #removePatientPopup #msgpopup_content_wrapper .actions { display: table; width: 100%; } #removePatientPopup #msgpopup_content_wrapper .actions a:last-child { margin-bottom: 20px; display:table-header-group; float: none; margin-top: 0px; } #removePatientPopup .actions a { width: 100%; margin-top: 20px; } } /********** My account Remove Patient ENDS ***********/ /********** Basket delivery messagge STARTS (SS)******************/ #basketMessageContainer { margin: 29px 3% 0px 2%; width: 95%; float: left; background-color: #f3f6f8; } .left_contents .left_espot .free_collection_icon { position: absolute; top: -5px; width: 26px; left: -45px; } .left_contents .left_espot .basket_message { margin-left: 45px; position:relative } .right_contents .left_espot .free_delivery_icon { width: 39px; position: absolute; top: 20px; top: 0; left: -54px; } .right_contents .left_espot .basket_message { margin-left: 53px; position:relative } #basketMessageContainer .left_espot { display: block; } #basketMessageContainer #marketing_left, #basketMessageContainer #marketing_right { background: #f3f6f8; min-height: 60px; height: auto; } #basketMessageContainer #marketing_left.oneMessageContainer .left_contents, #basketMessageContainer #marketing_left.oneMessageContainer .market_contents_text { float: none; } #basketMessageContainer #marketing_left.oneMessageContainer .left_contents, #basketMessageContainer #marketing_right.oneMessageContainer .right_contents { display:table; margin:0 auto; float: none; } #basketMessageContainer #marketing_left.oneMessageContainer .left_espot { color: #000; background-position: 0 6px; } /** Tablet RWD-B **/ @media (min-width: 601px) and (max-width: 1280px) { #basketMessageContainer { margin: 19px 2% 19px 2%; width:96% } #basketMessageContainer #marketing_left.oneMessageContainer .left_espot { background-position: 0 3px; } .left_contents .left_espot .free_collection_icon { position: absolute; top: -6px; width: 21px; } .left_contents .left_espot .basket_message { margin-left: 40px; } .right_contents .left_espot .free_delivery_icon { width: 31px; position: absolute; top: 0px; } .right_contents .left_espot .basket_message { margin-left: 45px; } #basketMessageContainer #marketing_left, #basketMessageContainer #marketing_right { min-height: 55px; } } /** Mobile **/ @media (max-width: 600px) { #basketMessageContainer { margin: 14px 2% 14px 2%; } .oneMessageContainer#marketing_left .left_contents .market_contents_text { padding-top: 0; } .oneMessageContainer#marketing_left .left_contents .left_espot .free_collection_icon { top: 8px; } #basketMessageContainer #marketing_left.oneMessageContainer .left_espot { text-align: center; width: 100%; padding: 0; } .oneMessageContainer .left_contents .left_espot .free_collection_icon { position: relative; top: 4px; left: 0; } #basketMessageContainer #marketing_left.oneMessageContainer, #basketMessageContainer #marketing_right.oneMessageContainer { height: 45px; } .left_contents .left_espot .basket_message { margin-left: 0px; } #basketMessageContainer #marketing_right.oneMessageContainer .left_espot { text-align: center; color: #000; width: 100%; padding-left: 0em; } .oneMessageContainer .right_contents .left_espot .free_delivery_icon { position: relative; top: 5px; left: 0; } .oneMessageContainer .right_contents .left_espot .basket_message { margin-top: 0.2em; } #basketMessageContainer #marketing_left.oneMessageContainer .left_contents, #basketMessageContainer #marketing_right.oneMessageContainer .right_contents { width: 100%; } .left_contents .left_espot .basket_message { padding-left: 10px; display: inline-block; margin-left: 0; } .left_contents .left_espot .free_collection_icon { position: absolute; top: 2px; width: 20px; left: -13%; } .right_contents .left_espot .free_delivery_icon { width: 27px; position: absolute; top: 8px; left: -30%; } .right_contents .left_espot .basket_message { margin-left: 4px; display: inline-block; margin-right: 5px; text-align:center } .right_contents .left_espot .basket_message label{ display: inline-block; position: relative; top: 13px; left: 5px; transform: translate(0, -30%); } #marketing_right .left_espot { padding: 0.1em 0 0.4em 3.5em; line-height: 1.42em; } } /********** Basket delivery messagge ENDS (SS)******************/ /****** restyle drobdown micik *****/ .orderByDropdown, .selectWrapperPageSize { height:40px !important; border:0 !important } .orderByDropdown .dijitSelect, .selectWrapperPageSize .dijitSelect { border-radius:3px !important; border:1px solid #d0d0d0; height: 27px; padding-right: 2px !important; } .orderByDropdown .dijitSelect:hover, .selectWrapperPageSize .dijitSelect:hover, .orderByDropdown .dijitSelect:focus, .selectWrapperPageSize .dijitSelect:focus{ background-color: #D5E6F7; } .orderBySelectMenu, .pageSizeSelectMenu { left: 0px !important; top:-2px !important } .pageSizeSelectMenu .dijitMenuItemLabel, .orderBySelectMenu .dijitMenuItemLabel { padding-left:12px !important } .pageSizeSelectMenu > table { border-radius-bottom-left:3px; border-radius-bottom-right:3px; } .orderByDropdown .dijitSelect .dijitSelectLabel, .selectWrapperPageSize .dijitSelect .dijitSelectLabel { line-height:13px } .productListingWidget > .header_bar > .showing_products { float: left; font-size: 14px; line-height: 40px; margin-right:30px; } .productListingWidget > .header_bar .controls .sorting_controls, .productListingWidget > .header_bar .controls .view_controls { float: left; margin-left: 0px !important; padding-right: 0px; } @media (min-width: 601px) and (max-width: 720px) { .productListingWidget > .header_bar .controls .view_controls { padding-left: 0px !important; background: none !important } .productListingWidget > .header_bar .controls .sorting_controls { margin-bottom:10px; padding-right:10px !important } } /****** checkout payment option iframe height *****/ #paymentOptionsContent iframe { height: 860px; } #paymentOptionsContent iframe.savedCard { height: 370px; } @media (max-width: 600px) { #paymentOptionsContent iframe { height: 955px; } #paymentOptionsContent iframe.savedCard { height: 320px; } } #paymentOptionsContent .container p { padding: 0 0 0.5em 9.8%; width: 81%; } /**** #650 ***/ .password_strength_indicator_box { position:relative; display:inline-block; overfow:visible; } #eStore_registration_form .bubble-container { top: -26px; left: 20px; } /**** #650 EOF ****/ /**** #603 ***/ @media (max-width: 600px) { div#cvos_overlay_pddesc div.cvos_overlay_formInputs input#tf_checklocation { font-size:16px !important; } } /**** #603 EOF ****/ div#cvos_overlay_pddesc div.cvos_overlay_formInputs input#tf_checklocation:focus { border: 1px solid #CAE0F5 !important; } /******* Parenting Club START *********/ #parentClubDetails .labelSpan{ width:9.7em; display: inline-block; overflow: visible; font-size: 1em; font-weight: bold; vertical-align: middle; } #parentClubDetails select.kidDobDay{ width: 11% } #parentClubDetails select.kidDobMonth{ width: 15%; margin-left: 3%; position: relative; } #parentClubDetails select.kidDobYear{ margin-left: 3%; position: relative; width: 11%; } #parentClubDetails input { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2.8em; padding: 0 5px 0 5px; border: 1px solid #d0d0d0; border-radius: 2px; margin: 0 0 16px 0; width: 45%; font-size: 14px; text-indent: 1.3125em; } #parentClubDetails select.kidCount { width: 11%; min-width: 137px; } @media (min-width: 601px) and (max-width: 1280px) { #parentClubDetails select.kidDobDay{ width: 15.5%; max-width:100px; } #parentClubDetails select.kidDobMonth{ width: 29%; margin-left: 2%; position: relative; max-width:200px; } #parentClubDetails select.kidDobYear{ margin-left: 2%; position: relative; width: 19%; max-width:100px; } #parentClubDetails select.kidCount{width:15%;} } @media (max-width:600px){ #parentClubDetails input { width: 95%; } } #parentClubDetails select{ margin-bottom: 16px; } #eStore_SignUp_Preferences #kidDetailsContainer h2{ font-size: 1.214em; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-weight: normal; } #kidGender { width: 20%; } #requiredInfo { font-size: 0.786em; margin: 12px 0; } #parentClubDetails #KidCount_arrow { margin-left: -38px; } #parentClubDetails select.errorBorder, #parentClubDetails input.errorBorder { border-color: #cc0033; } #parentClubDetails h4, #parentClubOptIn h4{ font-family: arial,helvetica,clean,sans-serif; font-weight: bold; font-size: 1em; margin: 10px 0 20px 0; } .kidCountContainer{ margin-bottom: 24px; } #eStore_SignUp_Preferences div.messagesuccess { width: auto; } #eStore_SignUp_Preferences div.messagesuccess div.container { padding: 0; } @media (max-width: 600px){ #requiredInfo { margin: 50px 0 10px 0; } #parentClubDetails .labelSpan{ width: 100%; } #parentClubDetails select.kidCount { width: 35%; min-width: 150px; } #parentClubDetails select.kidDobDay { width: 25%; } #parentClubDetails select.kidDobMonth { width: 42%; margin-left: 2%; } #parentClubDetails select.kidDobYear { width: 29%; margin-left: 2%; } } @media (min-width: 1281px){ #parentClubDetails #KidCount_arrow:before { font-size:0.875em } } /******* Parenting Club END *********/ /******* Over 60s Club START *********/ #eStore_SignUpConfirmation_tempCard #over_sixty .tempCard_con_text { width: 50%; } #eStore_SignUpConfirmation_tempCard #over_sixty ul { margin-top: 0; } #eStore_SignUpConfirmation_tempCard #over_sixty h2 { padding: 0px; margin-bottom: 0px; font-size: 1.063em; line-height: 1.2; font-weight: normal !important; } #eStore_SignUpConfirmation_tempCard #over_sixty p { margin-bottom:25px } #eStore_SignUpConfirmation_tempCard #over_sixty { padding: 1em 0; } #eStore_SignUpConfirmation_tempCard #over_sixty ul { list-style:none; padding-left: 0px; padding-bottom: 20px; padding-top: 4px; } #eStore_SignUpConfirmation_tempCard #over_sixty ul li { position: relative; padding: 0px 0px 0px 8px; font-size: 0.9em; line-height: 22px; } #eStore_SignUpConfirmation_tempCard #over_sixty ul li::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 45px; background: #333 none repeat scroll 0% 0%; left: 0; top: 9px; position: absolute; } #eStore_SignUpConfirmation_tempCard #over_sixty .tempCard_con_text { margin-bottom: 0; } #eStore_SignUpConfirmation_tempCard #over_sixty { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position:relative } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 50% !important; padding-right: 20px; } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox2 { -ms-flex-order: 3; -webkit-order: 3; order: 3; } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox3 { -ms-flex-order: 2; -webkit-order: 2; order: 2; display: -webkit-flex; -webkit-flex-wrap: wrap; width:45% !important } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; position: absolute; bottom: 0; right: 0; } #eStore_SignUpConfirmation_tempCard #over_sixty .tempCard_number { text-align: center; border: 0px solid #D0D0D0; border-radius: 10px; float: right; padding: 0px 10px; } #eStore_SignUpConfirmation_tempCard #over_sixty .tempCard_number .contentRecommendationWidget { border: 1px solid #d0d0d0; padding: 0px; border-radius: 10px; position: absolute; width: 45%; right: 0; } #eStore_SignUpConfirmation_tempCard #over_sixty .tempCard_con_text { width: 57%; } @media (min-width: 601px) and (max-width: 1280px) { #eStore_SignUpConfirmation_tempCard #over_sixty .tempCard_number .contentRecommendationWidget { padding: 5px; } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 45% !important; padding-right: 20px; } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox2 { -ms-flex-order: 3; -webkit-order: 3; order: 3; width:100% } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox3 { -ms-flex-order: 2; -webkit-order: 2; order: 2; display: -webkit-flex; -webkit-flex-wrap: wrap; width:45% !important; } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; position: relative; bottom: 0 } } @media (max-width: 600px){ #eStore_SignUpConfirmation_tempCard #over_sixty .tempCard_number .contentRecommendationWidget { position:relative; padding: 5px; } #eStore_SignUpConfirmation_tempCard h1 { padding: 30px 0px 15px 0; } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox1 { -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100% !important } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox2 { -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 100% !important } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox3 { -ms-flex-order: 3; -webkit-order: 3; order: 3; display: -webkit-flex; -webkit-flex-wrap: wrap; width: 100% !important; padding:0; justify-content: center; } #eStore_SignUpConfirmation_tempCard #over_sixty .tempCard_number .contentRecommendationWidget { width:100% } #eStore_SignUpConfirmation_tempCard #over_sixty .over_sixty_txtbox4 { -ms-flex-order: 4; -webkit-order: 4; order: 4; position: relative; width: 100% !important } #eStore_SignUpConfirmation_tempCard #over_sixty { padding: 0px; } } /******* Over 60s Club END *********/ #store_result_list_view { margin-bottom:40px } /**** pagination ****/ #EStoreStoreLocatorMiddleBox a { text-align:center; line-height:38px; border: 1px solid transparent; } #EStoreStoreLocatorPrevBox a, #EStoreStoreLocatorNextBox a { color: #333 !important; border-radius: 3px; border: 1px solid #D0D0D0; font-size: 1.6em; width: 35px; height: 35px; display: -webkit-flex !important; -webkit-justify-content: center; -webkit-align-items: center; display: flex !important; align-items: center; justify-content: center; margin-right: 10px; text-align:center; line-height:38px; } #EStoreStoreLocatorMiddleBox { text-align:center; width:100% } #EStoreStoreLocatorMiddleBox span { width:15px; text-align:center; display:inline-block; margin-left:-10px } #EStoreStoreLocatorPrevBox { float:left } #EStoreStoreLocatorNextBox { float:right } @media (max-width: 600px){ #eStore_registration_form #errorMessage { margin-top: 20px !important; line-height: 18px !important; } #eStore_registration_form #errorMessage .warning_icon { top:0px !important } } /* Error message */ #errorMessage, #delivery_form_addressErrorMsgsTitle, #deliveryContact_form_addressErrorMsgs { font-family: Arial, sans-serif; color: #C03; position: relative; margin-left:30px !important; font-size: 0.875em; line-height:1.5em } #deliveryContact_form_addressErrorMsgs { font-size:1em } #errorMessage #errorMessageContainer, #delivery_form_addressErrorMsgsTitle, #deliveryContact_form_addressErrorMsgs { margin-bottom: 25px; padding-bottom:0px; } #errorMessage .warning_icon, #delivery_form_addressErrorMsgsTitle p span.warning_icon, #deliveryContact_form_addressErrorMsgs p span.warning_icon { font-size: 1.250em; display: inline-block; left: -30px; position: absolute; top: 0 !important; } #errorMessage ul, #delivery_form_addressErrorMsgsTitle ul, #deliveryContact_form_addressErrorMsgs ul { list-style:none !important; padding:0; margin:0; } #errorMessage ul li, #delivery_form_addressErrorMsgsTitle ul li, #deliveryContact_form_addressErrorMsgs ul li { position:relative; font-size:0.813em; padding-left:10px; font-size: 1em } #errorMessage ul li::before, #delivery_form_addressErrorMsgsTitle ul li:before, #deliveryContact_form_addressErrorMsgs ul li:before { content: ''; display: inline-block; width: 4px; height: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #C03; position:absolute; left:0; top:8px } #errorMessage p { padding-bottom: 8px; font-weight: bold; } #errorMessage span { font-size: 1em } @media (max-width: 600px) { #errorMessage, #delivery_form_addressErrorMsgsTitle, #deliveryContact_form_addressErrorMsgs { font-size: 0.813em !important; } #deliveryContact_form_addressErrorMsgs { font-size: 0.875em !important; } #errorMessage ul li::before { top:6px } } .checkoutAddressErrorMsg { color: #C03; font-size: 14px!important; } .checkoutAddressErrorMsg p { padding-bottom: 8px; font-weight: bold; color: #C03; font-size: 14px !important; } .checkoutAddressErrorMsg a#warningMessagePara{ padding-bottom: 8px; font-weight: bold; color: #C03; font-size: 14px !important; } @media (min-width: 601px) { #storelocator_search_container .label-store-locator { display:table; width: 25%; margin-right: 1em; height: 40px; float: left; will-change: transform; } #collect_content_container #collect_content #storelocator_search_container input { max-width: 344px; line-height:normal; } #collect_content_container #collect_content #storelocator_search_container .mylocation-icon { margin-left: calc(25% + 1em); margin-top: 1.5em; } } @media (min-width: 1281px) { #comboButton_dropdown, #comboButton_store_dropdown { width: 52.1% !important; } #checkout_deliveryInst_container_store_reg_cfs .checkout_deliverInst_Header { padding-left: 17%; } } td#comboButton_store_arrow { height: 100%; left: 0; padding: 0; position: absolute; text-align: right; width: 100%; z-index: 100; } div.free_gifts_block { width: auto !important } /***** CFS defect fixes ********/ /****Desktop***/ @media (min-width: 1281px) { #collectNamedDay #named_day_header, #collectNamedDay #delivery_options_table { padding: 0; } #collectNamedDay #deliveryoption_name { width: 214px; position: relative; top: 0px; font-size: 1.25em; } #deliveryoption_cutOffMessage { width: 36%; font-size: 0.875em; } #deliveryoption_deliveryDate { width: 16%; } #collectNamedDay #deliveryoption_deliveryCharge { width: 9%; text-align: right; margin-right: 0; padding-right: 0; font-size: 1.25em; } #collectNamedDay .delivery_options_row { padding-bottom: 35px; } #checkoutStoreSummary h3#review_delivery_heading { padding-bottom: 0.6em; } #checkoutStoreSummary #review_delivery_container { margin-bottom: 2em; margin-top: 2em; } } /****Tablet***/ @media (min-width: 601px) and (max-width: 1280px) { #collectNamedDay #named_day_header, #collectNamedDay #delivery_options_table { padding: 0; } #delivery_options_table #carousel_container { overflow: hidden; } #collectNamedDay > div#cfs_checkout_address_buttons { margin-top: 60px !important; padding: 0 8.5% 0 !important; } #collectNamedDay #delivery_options_table .delivery_options_row_namedDay { margin-top: 67px; width: 450px; } #collectNamedDay #deliveryoption_name { width: 28%; margin-top: -4px; } #collectNamedDay #deliveryoption_cutOffMessage { width: 34%; } #collectNamedDay h3#named_day_header { font-size: 1.25em !important; } #collectNamedDay #deliveryoption_deliveryCharge { width: 9%; text-align: right; margin-right: 0; padding-right: 0; margin-top: -4px; } #collectNamedDay .delivery_options_row { padding-bottom: 35px; } #checkoutStoreSummary form#CollectStoreDeliveryContactDetails { margin-top: 0; } #checkoutStoreSummary form#CollectStoreDeliveryContactDetails h3.address_header { font-size: 1.4em !important; margin-top: 1em; } #collection_details_day { margin-bottom: 4px; } #checkoutStoreSummary #collection_details_day, #checkoutStoreSummary #reviewSelectedAddressDetails { display: table; width: 100%; } #checkoutStoreSummary #collection_details_day > div, #checkoutStoreSummary #reviewSelectedAddressDetails > div { display: table-cell; float: none; vertical-align: top; } #checkoutStoreSummary #collection_details_day > div#checkout_right_column, #checkoutStoreSummary #reviewSelectedAddressDetails > div#checkout_right_column { vertical-align: bottom; } } /****Mobile***/ @media (max-width: 600px){ #collectNamedDay #named_day_header, #collectNamedDay #delivery_options_table { padding: 0; } #collectNamedDay h3#named_day_header { font-size: 1.07em !important; margin-top: -12px; } #collectNamedDay .delivery_options_row { padding-bottom: 15px; } #collectNamedDay .delivery_options_row_namedDay { width: 215px !important; margin-top: 35px !important; } #collectNamedDay .delivery_options_valid_date, #collectNamedDay .delivery_options_invalid_date { height: 37px !important; margin-right: 12px !important; width: 37px !important; } #collectNamedDay .delivery_options_valid_date .day, #collectNamedDay .delivery_options_invalid_date .day { padding-top: 0 !important; } #collectNamedDay .delivery_options_valid_date .date, #collectNamedDay .delivery_options_invalid_date .date { font-size: 18px !important; margin-top: -3px !important; } #collectNamedDay > div#cfs_checkout_address_buttons { padding: 0!important; } #collect_content .checkout_store_collect{ margin-bottom: 0 !important; } #collectNamedDay #cfs_checkout_confirm_named_date { margin-bottom: 12px; } #collectNamedDay #back_to_delivery_options .button.primary { display: block; clear: both; width: auto !important; } #checkoutStoreSummary .checkout_custom_home_choose { padding: 0; } } /***** CFS defect fixes ends********/ @media (max-width: 600px) { #WC_QuickInfo_Link_UpdateCartItem { width: 100%; } } @media (max-width: 600px) { .orderBySelectMenu .dijitMenuItemLabel { font-size:0.8em !important; padding: 10px 0px 12px 5px !important; } } @media (max-width: 600px){ .store_info_list_label{ clear: left; width: 100%; font-weight: bold; } .store_info_list_item + .store_info_list_item{ clear: left; margin:0; } } #onScreenOrderConfirmationPopup.popup_overlay p { margin-right: 10px; } #payment_redeem_NotLoggedIn_Error { font-size: 0.875em; } @media (max-width: 600px){ #payment_redeem_NotLoggedIn { margin: 0.6em 8.2% 0; } #card_content { padding-bottom: 0; } #payment_redeem_NotLoggedIn_Error { padding-bottom: 2em; } } /************ Paypal / Masterpass / CFS Store Closed popup Starts **************/ #confirmToPaypalPopup div.row, #confirmToMasterpassPopup div.row, #cfsStoreClosed_overlay div.row { margin-top: 13px; } #confirmToPaypalPopup a.secondary, #confirmToMasterpassPopup a.secondary, #cfsStoreClosed_overlay a.secondary { border: 1px solid #cae1f3; background: #fff; color: #004990; width: 49%; min-height: 38px; line-height: 38px; float: left; font-size: 1.1em; } #confirmToPaypalPopup a.secondary:hover, #confirmToMasterpassPopup a.secondary:hover, #cfsStoreClosed_overlay a.secondary:hover { background: #b2c6dd; } #confirmToPaypalPopup a.primary, #confirmToMasterpassPopup a.primary, #cfsStoreClosed_overlay a.primary { width: 49%; float: right; font-size: 1.1em; } /**** Mobile ****/ @media (max-width: 600px){ #confirmToPaypalPopup a.secondary, #confirmToPaypalPopup a.primary, #confirmToMasterpassPopup a.secondary, #confirmToMasterpassPopup a.primary, #cfsStoreClosed_overlay a.secondary, #cfsStoreClosed_overlay a.primary { float: none; display: block; margin: 0 0 15px 0; font-size: 1em; width: auto; } #confirmToPaypalPopup.popup_overlay p.popup_overlay_head, #confirmToMasterpassPopup.popup_overlay p.popup_overlay_head { font-size: 1em; } } /************ Paypal / Masterpass /CFS Store closed popup Starts **************/ .facetbutton{outline: none !important;} .message_text{text-align: left !important;} /************ Dropship delivery option Starts **************/ .dropshipDeliveryOptionSummary { padding: 0.3em 6.5% 0 5.9%; } #shipmodeDetails.dropshipDeliveryOptionSummary h3#review_delivery_heading { padding-left: 0; } #shipmodeDetails.dropshipDeliveryOptionSummary h3#review_delivery_heading.dropshipDeliveryHeading { line-height: normal; padding-top: 35px; border-top: 1px solid #e8e8e8; } .dropshipDeliveryOptionSummary .dropshipDeliveryInfo { padding: 10px 0 23px 0; } .dropshipDeliveryOptionSummary .dropshipDeliveryDetailsRow { padding: 24px 0; } .dropshipDeliveryOptionSummary .dropshipDeliveryItem { font-weight: bold; padding-bottom: 20px; font-size: .95em; } .dropshipDeliveryOptionSummary .dropshipDeliveryItem a { text-decoration: underline; } .dropshipDeliveryOptionSummary .dropshipDelvieryPromise { float: left; font-weight: bold; } .dropshipDeliveryOptionSummary .dropshipSignReq { float: right; font-size: 0.95em; } .dropshipDeliveryOptionSummary .dropshipDelvieryDate { font-size: 0.95em; clear: both; } .dropshipDeliveryOptionSummary .dropshipDelvieryDateMsg { font-size: 0.95em; } .dropshipDeliveryOptionSummary .dropshipDelvieryPromise span { padding-left: 5px; } .dropshipDeliveryOptionSummary .checkout_deliveryInst_container .checkout_deliverInst_Header { margin-top: 0; padding-left: 25%; padding-top: 9px; } .blueInfoIcon{ width: 16px; height: 16px; text-decoration: none; display: inline-block; background: url(../../images/boots/blueInfoIcon.png) no-repeat 0 0; font-size: 0px; } .dropshipDeliveryOptionSummary .blueInfoIcon { position: relative; top: 2px; margin-right: 9px; } .dropshipDeliveryOptionSummary.registeredUser { padding: 0; } .dropshipDeliveryOptionSummary.registeredUser h3#review_delivery_heading.dropshipDeliveryHeading { line-height: normal; padding-top: 35px; border-top: 1px solid #e8e8e8; padding-bottom: 0; } .dropshipDeliveryOptionSummary.registeredUser .dropshipDeliveryDetailsRow { padding: 24px 0 !important; } .dropshipDeliveryOptionSummary.registeredUser .checkout_custom_home_choose .row { padding-top: 0 !important; padding-bottom: 0 !important; } .dropshipDeliveryOptionSummary.registeredUser .dropshipRegiesterUser.row { padding-bottom: 0 !important; } /****Tablet***/ @media (min-width: 601px) and (max-width: 1280px) { .dropshipDeliveryOptionSummary .dropshipDeliveryInfo { padding: 10px 0 9px 0; } .dropshipDeliveryOptionSummary .dropshipDeliveryDetailsRow { padding: 22px 0 12px 0; } #shipmodeDetails.dropshipDeliveryOptionSummary h3#review_delivery_heading.dropshipDeliveryHeading { font-size: 1.45em; } .dropshipDeliveryOptionSummary .checkout_deliveryInst_container { padding: 0; } .dropshipDeliveryOptionSummary.registeredUser .dropshipDeliveryInfo { padding: 10px 0 9px 0 !important; } .dropshipDeliveryOptionSummary.registeredUser .dropshipDeliveryDetailsRow { padding: 22px 0 12px 0 !important; } } /**** Mobile ****/ @media (max-width: 600px){ .dropshipDeliveryOptionSummary .dropshipDeliveryInfo { padding: 10px 0 9px 0; } .dropshipDeliveryOptionSummary .dropshipDeliveryDetailsRow { padding: 22px 0 12px 0; } .dropshipDeliveryOptionSummary { padding: 0; width: 91%; margin: 0 auto; } .dropshipDeliveryOptionSummary .checkout_deliveryInst_container .checkout_deliverInst_Header { padding-left: 6px; } .dropshipDeliveryOptionSummary .checkout_custom_home_choose { padding: 0.6em 0 0; font-size: 0.825em; } .dropshipDeliveryOptionSummary .dropshipSignReq { position: relative; top: 27px; font-size: 0.9em; } .dropshipDeliveryOptionSummary .dropshipDeliveryItem { padding-bottom: 0px; } .dropshipDeliveryOptionSummary .dropshipDelvieryPromise { padding-top: 8px; } #shipmodeDetails.dropshipDeliveryOptionSummary h3#review_delivery_heading.dropshipDeliveryHeading { padding-top: 17px; } .dropshipDeliveryOptionSummary.registeredUser .dropshipDeliveryInfo { padding: 10px 0 9px 0 !important; } .dropshipDeliveryOptionSummary.registeredUser .dropshipDeliveryDetailsRow { padding: 22px 0 12px 0 !important; } .dropshipDeliveryOptionSummary.registeredUser { width: auto; font-size: 0.9em; } } /************ Dropship delivery option Ends **************/ /*** Cookie Bar ***/ #cookieBar { color:#4c4c4c; display:none; display: block; z-index: 99; position: relative; background-color: #fff; } #cookieBar .cookieEnabled{ padding: 25px 60px 0 30px; } #cookieBar .cookieDisabled{ padding: 25px 30px 0 30px; } #cookieBar .cookieEnabled { display: none; } #cookieBar .cookieDisabled { display: none; } #cookieBar::after { content: ""; display: block; clear: both; } #cookieBar h3 { font-family: Arial, sans-serif; display:block; color:#333333; font-weight:bold; font-size:0.750em; line-height: 1.25em; margin-right:35px; float:left; margin-bottom:35px } #cookieBar .cookieDisabled h3 { margin-bottom:25px } #cookieBar p { display:block; color:#4c4c4c; font-size:0.750em; line-height: 1.25em; padding-bottom:25px } #cookieBar a { text-decoration:underline } #cookieBar .notificationCloseBtn { background: #D0D0D0 none repeat scroll 0px 0px; border-radius: 50px; color: #FFF; display: block; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; font-weight: normal; height: 31px; line-height: 30px; position: absolute; top: 25px; right: 25px; text-align: center; text-decoration: none; width: 31px; margin-right: 10px; font-size: 1.4em; cursor:pointer } #cookieBar .notificationCloseBtn:hover { background-color: #333; } @media (min-width: 601px) and (max-width: 1280px) { #cookieBar .notificationCloseBtn { top: 15px; right: 10px; } } @media (max-width: 600px){ #cookieBar .cookieEnabled { padding: 25px 50px 0px 10px; } #cookieBar .cookieDisabled { padding: 25px 10px 0px 10px; } #cookieBar h3 { float: none; margin-bottom: 10px; } #cookieBar .cookieDisabled h3 { margin-bottom:10px } #cookieBar .notificationCloseBtn { top: 15px; right: 5px; } } @media (min-width: 1281px){ #CookieToOverlay h3 {font-size: 1.625em;} } .basketSaveForLaterLinkContainer { font-size: 0.875em; margin-bottom: 2em; margin-top: 14px; } .basketSaveForLaterLinkContainer a { text-decoration: underline; } /****Tablet***/ @media (min-width: 601px) and (max-width: 1280px) { .basketSaveForLaterLinkContainer { padding-left: 0px; font-size: 0.7875em; line-height: 0.9875em; padding-top: 1em; margin-bottom: 2em; float: left; margin-top: 7px; } } /**** Mobile ****/ @media (max-width: 600px){ .basketSaveForLaterLinkContainer { font-size: 0.75em; margin-bottom: 1.5625em; width: 10em; margin-top: 3px; } } /******** Desktop : "need help" text center alignment********/ #need_help { font-size: 0.9em; font-weight: normal; color: #000 !important; text-align: center; margin-top: 3.8em; padding: 1.85em 0em 1.4em; border-top: .1em solid #00498f !important; width: 81.413%; margin: 1.5em auto 8em; } #need_help #needHelpLink { text-decoration: underline; } /****Tablet***/ @media (min-width: 601px) and (max-width: 1280px) { #need_help { margin-top: 1em; width: 97.413%; font-size: 0.775em; padding-top: 1.2em; } } /**** Mobile ****/ @media (max-width: 600px){ #need_help { width: 97.413%; margin-top: 1em; font-size: 0.775em; padding-top: 1.3em; } } #basketMessageContainer span.basketSpendMore { color: #cc0033; } #basketMessageContainer span.basketSpendMore span { color: #333333; } /**** VAT Order details ****/ .flag_vatExempted{ font-size:1.0625em; list-style-type: none; padding:10px 0; } /****Tablet***/ @media (min-width: 601px) and (max-width: 1280px) { .flag_vatExempted{ font-size: 0.875em; } } /**** Mobile ****/ @media (max-width: 600px){ .flag_vatExempted{ font-size: 0.75em; } } .labelSepcial { margin-top:9px; } @media (min-width: 1281px){ .labelSepcial { white-space: nowrap; } } @media (min-width: 601px) and (max-width: 1280px){ .labelSepcial { margin-top:6px; } } @media (min-width: 601px) and (max-width: 1280px){ #giftBoxPrice{ padding-top: 9px; } } @media (max-width: 600px){ #giftBoxPrice{ padding-top: 5px; } } @media (min-width: 1280px){ #giftBoxPrice{ padding-top: 13px; } } /****************** Basket add Advantage Card Starts ***********/ #basket_adcard #adv_row { background: #fff; border-bottom: 1px solid #e5e5e5; padding: 1.6em 0 1.8em; } #basket_adcard .advCardInput { padding-top: 0.675em; } #basket_adcard #basket_adcard_icon { width: 4.35em; top: 0; vertical-align: middle; margin-right: 1.4em; } #basket_adcard #adv_row .adv_points { text-indent: 0; margin-left: 1.3em; font-family: arial,helvetica,clean,sans-serif; font-size: 1.075em; } #basket_adcard .advCardTitle { font-size: 1.07em; font-weight: bold; padding-left: 6.6em; padding-top: 0.5em; } #basket_adcard #adv_row .adv_row-right { padding-top: 0; } #basket_checkout_product_overlay a.button.secondary.overlay_checkout_button { background: #004990; color: #fff; } #basket_checkout_product_overlay a#guest_checkout_button { background: #cae0f5; color: #004990; border-color: #cae0f5; } #basket_checkout_product_overlay a.button.secondary.overlay_checkout_button:hover { background: #013261; } #basket_checkout_product_overlay a.button.secondary.overlay_checkout_button.disabled, #basket_checkout_product_overlay a.button.secondary.overlay_checkout_button.disabled:hover, #basket_checkout_product_overlay a.button.secondary.overlay_checkout_button.disabled:focus, #basket_checkout_product_overlay a.button.secondary.overlay_checkout_button.disabled:active { background-color: #d0d0d0; color: #999999; cursor: default; border: 2px solid transparent; } #basket_checkout_product_overlay a#guest_checkout_button:hover { background: #b5cde7; border-color: #b5cde7; } #basket_checkout_product_overlay a#guest_checkout_button:focus { background-color: #B5CDE7; border-color: #CAE0F5; } #basket_checkout_product_overlay p.payByPointsUnavailable { margin: 0 6% 1em; font-size: 0.875em; clear: both; position: relative; top: -8px; } #basket_adcard #adv_row .adv_card_input.errorBorder { border-color: #CC0033 !important } #INT_redeem_form_errors .errorBorder { border-color: #CC0033 !important } /** RB Added this style again. if you removed it previously, please ping me **/ .errorBorder { border-color: #CC0033 !important } #errorUL li p { font-weight: normal; } /**** Desktop ****/ @media (min-width: 1281px){ #basket_adcard div.row .ccol6 { width: 46%; } #basket_adcard div.row .ccol2 { width: 20.6667%; } #basket_adcard #adv_row .adv_card_input, #basket_adcard .boots_button_secondary_submit { width: 97% !important; } } /****Tablet***/ @media (min-width: 601px) and (max-width: 1280px) { #basket_adcard #adv_row .adv_points { margin-left: 0; font-size: 0.875em; } #basket_adcard #basket_adcard_icon { margin-right: 1.25em; width: 3.6em; } #basket_adcard .advCardTitle { font-size: 0.835em; padding-left: 5.8em; } #basket_adcard div.row .ccol6 { width: 42%; } #basket_adcard div.row .ccol2 { width: 24.6667%; } #basket_adcard .boots_button_secondary_submit { font-size: 1.056em; } #basket_adcard #adv_row .adv_card_input, #basket_adcard .boots_button_secondary_submit { width: 92% !important; } #adCardPoundsContainer .basket_adcard_icon_box, #adCardPointsContainer .basket_adcard_icon_box { padding-left: 0em !important; } } /**** Mobile ****/ @media (max-width: 600px){ #basket_adcard #adv_row { padding: 1em 0 1.2em; } #basket_adcard #adv_row .adv_points { margin-left: 0; font-size: 0.875em; } #basket_adcard #basket_adcard_icon { float: left; width: 3.5em; margin-right: 0.7em; margin-left: 0; } #basket_adcard .advCardTitle { padding-left: 0; font-size: 0.875em; padding-bottom: 0.3em; } #basket_adcard #adv_row .adv_card_input, #basket_adcard .boots_button_secondary_submit { width: 99% !important; margin-bottom:1em } #basket_adcard #adv_row .adv_card_input { font-size: 16px !important; padding:0 !important; height: 2.6em } #basket_adcard .boots_button_secondary_submit { font-size: 1.056em; } #basket_adcard .cannotCollectPointDesc { display: block; float: left; width: 95%; } } /****************** Basket add Advantange Card Ends ***********/ /****************** Basket Save for later Starts ***********/ #basketSaveForLaterContainer { margin:0 3% 0 2%; } #basketSaveForLaterContainer .moveToBasketLinkContainer, #basketSaveForLaterContainer .product_stockComingSoon { margin: 20px 0; text-align: right; } #basketSaveForLaterContainer .moveToBasketLinkContainer a { float: none; width: 216px; font-size: 1.05em; } #basketSaveForLaterContainer .removeSaveForLaterItem { text-align: right; font-size: 0.78em; } #basketSaveForLaterContainer .removeSaveForLaterItem a { text-decoration: underline; font-size: 1.09375em; } #basketSaveForLaterContainer .product_item { padding: 37px 0 13px; border-top: 1px solid #e5e5e5; } #basketSaveForLaterContainer .basketSaveForLaterContainerInner .product_item:first-child { border-top: none; } #basketSaveForLaterContainer #basket_header { padding-bottom: 30px; font-size: 1.2em; float: none; } #basketSaveForLaterContainer .saveForLaterItemRemoveMessage { padding-bottom: 10px; font-weight: bold; position: relative; padding-left: 25px; } #basketSaveForLaterContainer .saveForLaterItemRemoveMessage span { position: absolute; left: 0; top: 2px; } #basketSaveForLaterContainer h3 { font-family: arial,helvetica,clean,sans-serif; font-size: 1em; font-weight: bold; line-height: normal; } #basketSaveForLaterContainer .basket_edit_product_attribute { font-size: 0.875em; } #basketSaveForLaterContainer #shoppong_list_special { border:0 !important} /****Tablet***/ @media (min-width: 601px) and (max-width: 1280px) { #basketSaveForLaterContainer #basket_header { font-size: 1.06em; padding-bottom: 42px; } #basketSaveForLaterContainer h3 { font-size: 0.9em; } #basketSaveForLaterContainer .removeSaveForLaterItem a { font-size: 1em; } #basketSaveForLaterContainer .moveToBasketLinkContainer a { width: 173px; } #basketSaveForLaterContainer .saveForLaterItemRemoveMessage { padding-bottom: 0; margin-top:20px; } } /**** Mobile ****/ @media (max-width: 600px){ #basketSaveForLaterContainer #basket_header { font-size: 1.06em; } #basketSaveForLaterContainer h3 { font-size: 0.9em; } #basketSaveForLaterContainer .removeSaveForLaterItem a { font-size: 1em; } #basketSaveForLaterContainer .moveToBasketLinkContainer a { width: 173px; } #basketSaveForLaterContainer .saveForLaterItemRemoveMessage { padding-bottom: 0; margin-top:20px; } #basketSaveForLaterContainer .cost_bold { font-size: 1em; padding-top: 10px; } #basketSaveForLaterContainer .product_item { padding: 30px 0; } #basketSaveForLaterContainer .basket_edit_product_attribute { font-size: 0.75em; } } /****************** Basket Save for later Ends ***********/ .pointsData{text-align: right !important;} @media (max-width: 600px){ #adcardStatement_container .referenceNumber{display: none;} #adcardStatement_container p.my_account_summary_bold {width: 60%;} } /**************** VAT exempt link in Basket page Starts ****************/ .vat_exemptable_basket { padding: 39px 0 20px; font-size: 0.875em; } .vat_exemptable_basket a { margin-left: 13px; text-decoration: underline; } /****Tablet***/ @media (min-width: 601px) and (max-width: 1280px) { .vat_exemptable_basket { padding: 19px 0 12px; } .vat_exemptable_basket a { margin-left: 10px; } } /**** Mobile ****/ @media (max-width: 600px){ .vat_exemptable_basket { padding: 13px 0 12px; font-size: 0.75em; } .vat_exemptable_basket a { margin-left: 10px; } } /**************** VAT exempt link in Basket page Ends ****************/ @media (max-width: 600px){ .myAccount_section #currentLogonPassword{ margin-left:0px!important; } #password_container input::-webkit-input-placeholder { color:black; } } /**************** INT - accept T&Cs for registered user Starts ****************/ #intRegUserTermAndConditon { padding: 0 7.9% 0 6.8%; } #intRegUserTermAndConditon #int_term_and_condition p { font-size: 0.75em; } #intRegUserTermAndConditon #checkout_continue_payment { margin-top: 14px; } /****Tablet***/ @media (min-width: 601px) and (max-width: 1280px) { #intRegUserTermAndConditon #checkout_continue_payment { margin-right: 0; } #intRegUserTermAndConditon .custom_checkbox .custom_checkbox_tick label { padding-left: 3px; } } /**** Mobile ****/ @media (max-width: 600px){ #intRegUserTermAndConditon .custom_checkbox .custom_checkbox_tick label { padding-left: 3px; } #intRegUserTermAndConditon #checkout_continue_payment { margin-top: 23px; } } /**************** INT - accept T&Cs for registered user Ends ****************/ @media (min-width: 1281px){ .bubble_special{ margin-left: 550px; margin-top: 26px; } } @media (min-width: 601px) and (max-width: 1280px) and (orientation:landscape) { .bubble_special{ margin-left: 84px !important; top: 5px !important; } } @media (min-width: 601px) and (max-width: 1280px) and (orientation:portrait) { .bubble_special{ margin-left: 59px !important; top: 5px !important; } } @media(max-width:600px){ #adcard_remove_overlay .button-holder .right{ width: 92%; } } #payment_redeem_NoPoints ul { font-size: 0.875em; margin: 0 4px !important; } @media(max-width:600px){ #payment_redeem_NoPoints { margin: 0 8.2% 1.5em 7.2%; } #payment_redeem_NoPoints ul { font-size: 0.875em; margin: 0 4px !important; } #payment_redeem_NoPoints_Error p, #payment_redeem_NoPoints ul { font-size: 0.825em; } } /**************** Mini Basket Starts ****************/ #quick_cart_container { position: absolute; } body #quick_cart_container,body #MiniShopCartProductAdded { border: 1px solid #004890; top: 92px !important; background: #fff; } #quick_cart_container:after, #quick_cart_container:before, #MiniShopCartProductAddedWrapper:after, #MiniShopCartProductAddedWrapper:before { top: -28px; left: 91.7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #quick_cart_container:after, #MiniShopCartProductAddedWrapper:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; top: -28px; border-width: 15px; margin-left: -14px; } #quick_cart_container:before, #MiniShopCartProductAddedWrapper:before { border-color: rgba(17, 48, 245, 0); border-bottom-color: #004890; border-width: 14px; margin-left: -13px; } #cartDropdown { border: none; width: 310px; } #cartDropdown > .content { padding: 0 20px; } #quick_cart_container .tab_container { font-size: 0.9em !important; height: 39px; line-height: 39px; padding: 0 !important; } /*#quick_cart_container .tab_container:after { width: 11px; height: 11px; }*/ #quick_cart_container .tab_container label { padding-right: 4px; } #quick_cart_container .subtotal span, #MiniShopCartProductAdded .subtotal span { font-size: inherit; } #quick_cart_container .subtotal span .mini_basket_order_qty, #MiniShopCartProductAdded .subtotal span .mini_basket_order_qty { font-size: 0.625em; display: block; } #quick_cart_container #GotoCartButton1, #MiniShopCartProductAdded #GotoCartButton2 { font-size: 0.965em; display: block; text-align: center; padding: 10px 0; min-height: 10px; line-height: normal; } #quick_cart_container #GotoCartButton1 span.button_text { font-size: 1.1em; } #quick_cart_container #mini_basket_continue_cta { font-size: 0.9em; } #quick_cart_container .product_image, #MiniShopCartProductAdded .product_image { width: 75px !important; height: 75px !important; padding: 0 !important; top: 4px !important; } #quick_cart_container .product_image > a, #MiniShopCartProductAdded .product_image > a { height: 65px !important; padding: 5px !important; } #quick_cart_container .product, #MiniShopCartProductAdded .product { padding: 0 0px 32px 95px !important; } #quick_cart_container .product_name a, #MiniShopCartProductAdded .product_name a { font-size: 0.875em !important; font-weight: bold; color: #000000 !important; } #quick_cart_container .product_color_value, #MiniShopCartProductAdded .product_color_value { text-decoration: none; } #MiniShopCartProductAdded #cartDropdown > h3#cartDropdownMessage { font-size: 1.0625em; margin: 20px; color: #333; line-height: normal; } #MiniShopCartProductAdded .product_quantity, #MiniShopCartProductAdded .product_price { display: block !important; } #MiniShopCartProductAdded .product_price { font-weight: bold; margin-top: 1em !important; float: none !important; text-align: right; } #MiniShopCartProductAdded .product { min-height: 94px !important; border: none !important; } #MiniShopCartProductAdded #MiniShopCartProductAddedWrapper .subtotal { padding: 0 !important; } div#widget_minishopcart_popup > #cartDropdown .products > .product .product_price, div#widget_minishopcart_popup > #cartDropdown .products > .product .product_quantity { float: none !important; display: block; margin-top: 1.2em !important; } div#widget_minishopcart_popup > #cartDropdown .products > .product .product_price { font-weight: bold; text-align: right; } #quick_cart_container h3.tab_header { color: #333; display: block; padding: 10px 0 5px 0 !important; width: 100%; } body #MiniShopCartProductAdded .notification_basket_bottom .product_price { display: inline !important; margin-top: 0 !important; } body #MiniShopCartProductAdded .notification_basket_bottom .mini_basket_order_qty { text-align: center !important; } body #MiniShopCartProductAdded .notification_basket_bottom .subtotal { text-align: center; line-height: normal; } body #MiniShopCartProductAdded .notification_basket_bottom a#GotoCartButton2{ margin-top: 1.2em; } body #MiniShopCartProductAdded .mini_basket_continue_shoping { text-align: center; line-height: 3.5em; } body #MiniShopCartProductAdded .mini_basket_continue_shoping a { text-decoration: underline; font-size: 0.875em; } body #MiniShopCartProductAdded { position: fixed !important; opacity: 0; } #quick_cart_container .mini_basket_top_section.miniBasketInt { padding-top: 1.3em; } #quick_cart_container .mini_basket_top_section.miniBasketInt .tab_header { display:none !important; } #empty_mini_basket { padding: 20px 0 26px; } #empty_mini_basket p { font-weight: bold; font-size: 0.9em; padding-bottom: 24px; } #empty_mini_basket a { text-decoration: underline; font-size: 0.825em; } /************* Mobile **************/ @media(max-width:600px){ body #quick_cart_container, body #MiniShopCartProductAdded { top: 51px !important; /*width: 96% !important;*/ margin: 0 auto; } #quick_cart_container:after, #quick_cart_container:before, #MiniShopCartProductAdded:after, #MiniShopCartProductAdded:before { left: 94.7%; margin-bottom: -1px; display: none !important; } body #quick_cart_container, body #MiniShopCartProductAdded { /*top:52px;*/ width:100% !important; border:0; border-bottom:2px solid #d5e6f7; } #quick_cart_container:before { display:none } #cartDropdown { width: auto; } body #quick_cart_container .boots_button_primary .button_text { font-size: 1.1em; } body #quick_cart_container .subtotal { font-size: 1.0875em; } #quick_cart_container .product_image, #MiniShopCartProductAdded .product_image { width: 93px !important; height: 98px !important; } #quick_cart_container .product_image > a, #MiniShopCartProductAdded .product_image > a { height: 83px !important; padding: 5px !important; } #quick_cart_container .product, #MiniShopCartProductAdded .product { padding: 0 0px 32px 105px !important; } div#widget_minishopcart_popup > #cartDropdown .products > .product .product_price { text-align: left !important; font-size: 1em !important; } body #MiniShopCartProductAdded .notification_basket_bottom a#GotoCartButton2 { font-size: 0.825em; } #MiniShopCartProductAdded #MiniShopCartProductAddedWrapper .subtotal { font-size: 1.1em; } #MiniShopCartProductAdded .product_price { text-align: left; font-size: 1em !important; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_basket { border-bottom: 2px solid #fff !important; height: 39px; margin: 0 !important; position: absolute; right: 0; top: 0 !important; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_basket a#widget_minishopcart { margin-left: 30%; } #header #estore_header_top_row #omniPresentLinksBar #mobileLink_search { width: 15.7%; } #header { min-height: 51px; /* removed !important as this is casuing issues in pharmacy */ border-bottom: 2px solid #d5e6f7 ; } #contentWrapper, .content_wrapper { border-top: none !important; margin-top: 0 !important; } } /**************** Mini Basket Ends ****************/ .stockMessageText { text-align:center !important; padding:0; margin:0 } .nonPayablePoints { text-align:right; float:right; width:100px; font-weight:bold; padding-top:5px } @media (min-width: 601px) and (max-width: 1280px) { .nonPayablePoints { width:100px; line-height:1.1em; padding-top:18px; font-size:0.875em } } @media (max-width: 600px) { .nonPayablePoints { width:75px; line-height:1.3em; padding-top:20px; font-size:0.75em } } /**************** CD - Rich Relevance Starts ****************/ /* Desktop */ .rrPlacement{ margin-bottom: 30px; padding-botom:30px; } .rrPriceContainer p{ display: inline-block; } .extreme .rrPriceContainer .product_price{ float: left; } .rrPriceContainer .product_ppu{ float: right; color: #999999; font-size: 0.6em; margin-top:8px; } .rrContainer h3{ text-align: center; } .rrContainerVertical h3{ text-align: center; font-size: 1.25em; margin-top: 2em; margin-bottom: 1.25em; } .rrContainer{ padding-bottom: 40px; position:relative; margin: auto; overflow:hidden; padding-left: 10px; padding-right: 10px; } .rrContainerVertical{ position:relative; margin: auto; } .rrContainer .rrItemContainer{ display: inline-block; padding: 10px 5px 3px 10px; } .rrContainerVertical .rrItemContainer{ display: block; padding: 10px auto; } .rrItemsContainer .rrItemContainer{ position: relative; padding: 1em; width: 200px; vertical-align: top; height: 300px; border: 1px solid rgb(232, 232, 232); font-family: arial,helvetica,clean,sans-serif; line-height: normal; overflow: hidden; text-align: center; } .rrContainer .rrItemsContainer .rrItemContainer{ margin: 10px 10px 0 0; } .rrContainerVertical .rrItemsContainer .rrItemContainer{ margin: 10px auto; } .rrContainer .rrItemsContainer{ text-align: center; white-space: nowrap; position:relative; } .rrContainerVertical .rrItemsContainer{ text-align: center; position:relative; height:300px; width: 100%; overflow: hidden; } .rrItemsContainer .rrItemContainer img{ max-height: 50%; width: 50%; } .rrItemsContainer div{ position: relative; } .rrItemsContainer .rrItemContainer, .rrItemsContainer .rrRatingContainer{ padding-top: 18px; } .rrItemsContainer .rrRatingContainer span{ text-align: left; position: relative; } .rrItemsContainer .rrRatingContainer span:before{ position: absolute; left: 0; content: ""; color: #333333; letter-spacing: 2px; font-family: 'ElegantIcons'; font-size: .87em; z-index: 1; } .rrItemsContainer .rrRatingContainer span:after{ color: #999999; letter-spacing: 2px; font-family: 'ElegantIcons'; font-size: .87em; content: "\e033 \e033 \e033 \e033 \e033"; } .rrItemsContainer .rrRatingContainer span.noRating:before{content: "";} .rrItemsContainer .rrRatingContainer span.rating1:before{content: "\e033";} .rrItemsContainer .rrRatingContainer span.rating1_5:before{content: "\e033 \e034";} .rrItemsContainer .rrRatingContainer span.rating2:before{content: "\e033 \e033";} .rrItemsContainer .rrRatingContainer span.rating2_5:before{content: "\e033 \e033 \e034";} .rrItemsContainer .rrRatingContainer span.rating3:before{content: "\e033 \e033 \e033";} .rrItemsContainer .rrRatingContainer span.rating3_5:before{content: "\e033 \e033 \e033 \e034";} .rrItemsContainer .rrRatingContainer span.rating4:before{content: "\e033 \e033 \e033 \e033";} .rrItemsContainer .rrRatingContainer span.rating4_5:before{content: "\e033 \e033 \e033 \e033 \e034";} .rrItemsContainer .rrRatingContainer span.rating5:before{content: "\e033 \e033 \e033 \e033 \e033";} .rrItemsContainer .product_offer_notify{ background: #cc0033 none repeat scroll 0 0; border-radius: 50px; color: #fff; display: inline-block; font-size: 0.8em; font-weight: bold; height: 40px; left: 15px; line-height: 39px; position: absolute; width: 40px; top: 20px; font-family: arial,helvetica,clean,sans-serif; text-align:center; } .rrItemsContainer .rrItemTitle, .rrItemsContainer .product_price{ font-family: arial; font-weight: bold; } .rrItemsContainer .rrItemTitle{ white-space: normal; } .rrItemsContainer .rrTitleContainer{ padding-top: 20px; font-size: 1.0875em; text-align: center; overflow: hidden; height: 60px; } .rrItemsContainer .rrPriceContainer{ padding-top: 12px; font-size: 1.25em; } .rrItemsContainer .product_price{ text-align:left; } .rrItemsContainer .product_review_count{ font-size: 0.875em; } .rrCarouselArrows{ cursor: pointer; } .rrContainer .rrCarouselArrows{ top: 160px; } .rrContainer .rrCarouselArrows{ border: 1px solid rgb(232, 232, 232); width:30px; height:30px; position:absolute; z-index:1; } .rrContainer .rrCarouselArrows .dropdown_arrow { font-size: 25px; top: 2px; left: 1px; } .rrContainerVertical .rrCarouselArrows{ width:100%; height:50px; position:absolute; z-index:9; } .rrContainerVertical .rrCarouselArrows .dropdown_arrow { font-size: 50px; left: 0; right: 0; width: 100%; } .rrContainer .rrLeftArrowContainer{ left:10px; } .rrContainer .rrRightArrowContainer{ right:10px; } .rrContainerVertical .rrLeftArrowContainer{ top:0; right: 0; left: 0; } .rrContainerVertical .rrRightArrowContainer{ right: 0; left: 0; } .rrDisabledArrow{ color:#d5d5d5; pointer-events: none; } /* Tablet */ @media (min-width: 601px) and (max-width: 1280px) { .rrContainer .rrItemContainer{ height: 250px; width: 170px; } .rrContainer .rrItemsContainer .rrTitleContainer{ padding-top: 15px; font-size: 0.875em; } .rrContainer .rrItemsContainer .rrPriceContainer{ padding-top: 15px; font-size: 1.25em; } .rrItemsContainer .rrTitleContainer{ height: 37px; } .rrContainer .rrItemsContainer .rrItemContainer img{ max-height: 50%; } .rrContainer .rrItemsContainer .rrRatingContainer{ padding-top: 8px; } .rrContainer .rrItemsContainer .rrRatingContainer span:before, .rrContainer .rrItemsContainer .rrRatingContainer span:after{ font-size: .75em; letter-spacing: 1px; top:3px; } .rrContainer .rrItemsContainer .product_review_count{ font-size: 0.75em; } .rrContainer .rrCarouselArrows{ top: 165px; } .rrPriceContainer .product_ppu{ font-size: 0.5em; float: none; right:1px; } .rrItemsContainer .product_price{ margin-left:0; } } /* Mobile */ @media (max-width: 600px){ .rrContainer .rrItemsContainer .rrItemContainer{ padding-right:0; padding-left:0; margin-right:5px; margin-left:5px; height: 250px; } .rrContainer{ padding-left: 0; padding-right: 0; } .rrContainer .rrItemsContainer .rrTitleContainer{ padding-top:15px; font-size: 0.875em; } .rrContainer .rrItemsContainer .rrPriceContainer{ padding-top:15px; font-size: 1.25em; } .rrContainer .rrItemsContainer .rrItemContainer img{ max-height: 50%; } .rrContainer .rrItemsContainer .rrRatingContainer span:before, .rrItemsContainer .rrRatingContainer span:after{ font-size: .75em; letter-spacing: 1px; top:3px; } .rrContainer .rrItemsContainer .rrRatingContainer{ padding-top:0px; } .rrContainer .rrItemsContainer .product_review_count{ font-size: 0.75em; } .rrContainer .rrCarouselArrows{ bottom: 0px; top:inherit; } .rrContainer .rrLeftArrowContainer{ left:5px; } .rrContainer .rrRightArrowContainer{ right:5px; } .rrPriceContainer .product_ppu{ margin-right: 9%; margin-top:4px; } .rrItemsContainer .extreme .product_price{ margin-left: 9%; } } #basket_container #richRelevanceContainer{ padding-bottom: 7px; } #basket_container #richRelevanceContainer, #basket_container .rrContainerVertical .rrCarouselArrows{ background-color: #f7f7f7; } #basket_container .rrContainer .rrCarouselArrows{ background-color: white; } #basket_container .rrItemsContainer .rrItemContainer{ background-color: white; } /**************** CD - Rich Relevance Ends ****************/ .on_screen_order_confirmation ul { padding-left: 0; text-indent:0; } .on_screen_order_confirmation ul { list-style:none } .on_screen_order_confirmation ul li { padding-left:5px; } .on_screen_order_confirmation ul li:before { content: ''; display: inline-block; width: 4px; height: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 45px; background: #333; left:-5px; bottom:3px; position:relative; } /********* CD - Generci Error Pages Start **********/ .estore_generic_error_container{ float: none !important; margin-left: auto !important; margin-right: auto !important; margin-top: 60px !important; min-height: 100% !important; height: 100%; overflow: hidden; } #error_details { width: 100%; box-sizing: border-box; } .estore_generic_error_container .content{border:none;} .estore_generic_error_container .error_container{color:#cc0033;margin-top:1em;} .estore_generic_error_container .error_container .header{color:#cc0033;font-size:1em;font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif;} .estore_generic_error_container .error_container a{text-decoration: underline;} .estore_generic_error_container .error_container ul li{font-size:.95em;} .estore_generic_error_container .error_container .warning_icon{font-size:1.4em;} #estore_generic_error_container{ border-bottom: solid 3px #cadff2; } .estore_generic_error_header{ font-size: 1.5625em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #004990; } .estore_generic_error_container h5{ padding-bottom: 25px; } .estore_generic_error_container.info{ font-size:0.875em; } .estore_generic_error_container.info a{ text-decoration: underline; } #error_page_header{ height: 90px; background-color: white; padding: 10px 20px 0; border-bottom: solid 3px #cadff2; } #error_page_header_boots_logo{ width:120px; background-color:white; } #estore_generic_error_container ul, #ebootsPageNotFoundErrorContainer ul{ padding: 10px 0 0 0; list-style-position: inside; } #estore_generic_error_container ul li, #ebootsPageNotFoundErrorContainer ul li{ padding-top: 15px; } #estore_generic_error_container ul a, #ebootsPageNotFoundErrorContainer ul a{ text-decoration: underline; } #page_not_found_image{ width: 205px; height: 255px; } .estore_generic_error_container #errorPage #error_details{ float: left; } .estore_generic_error_container #errorPage #errorPageFoundImgContainer{ float: right; position: relative; top: -50px; text-align: center; } @media (min-width: 601px) and (max-width: 1280px) { .estore_generic_error_header{ font-size: 1.25em; } .estore_generic_error_container.info{ font-size:0.875em; } #error_page_header{ height: 75px; } #error_page_header_boots_logo{ width:100px; background-color:white; } } @media (max-width: 600px) { .estore_generic_error_header{ font-size: 1.25em; } .estore_generic_error_container.info{ font-size:0.875em; position: relative; top: -15px; } #error_page_header{ height: 50px; text-align: center; } .estore_generic_error_container #errorPage #errorPageFoundImgContainer{ display: none; } .estore_generic_error_container{ width: 92% !important; margin-top: 30px !important; min-height: 230px !important; } .estore_generic_error_container .error_container .warning_icon{float:left;} .estore_generic_error_container .error_container .header{padding-bottom:10px;margin-bottom:10px;width:85%;line-height:1.4em;display:inline-block} #error_page_header_boots_logo{ width:70px; background-color:white; text-align: center; } } @media (min-width: 1281px) { .estore_generic_error_container { width: 50%!important; } } /************ CD Error page End *********/ .basketitem { display:block; margin-right:20px } #WC_EmptyShopCartDisplayf_div_1 { min-height: 80px !important } #basketSaveForLaterContainer #basket_header { border-top: 1px solid #E5E5E5 !important; padding: 40px 0px 0px 0px !important; } #payment_redeem_NoPoints .checkoutAddressErrorMsg p span { top: 1px; font-size: 1.1em; } @media (min-width: 1281px) { #payment_redeem_NoPoints .checkoutAddressErrorMsg p span { font-size: 17px; } } @media (max-width: 600px) { #payment_redeem_NoPoints .checkoutAddressErrorMsg p span { font-size: 1.25em; } } @media (min-width: 1281px) { #editSavedCardDetails .styled-select { width: 15% !important; } } @media (min-width: 1281px) { .email_close_button{ margin-top:11px; } } @media (max-width: 600px) { .email_close_button{ margin-top:11px; } } #WC_EmptyShopCartDisplayf_div_1 h2 { line-height: 3.125em; } @media (max-width: 600px) { #WC_EmptyShopCartDisplayf_div_1 h2 { font-size: 1.5625em; } } #billing_address { padding-bottom:1.5em } @media (min-width: 1281px) { /*.checkout_custom_home_choose.paymentCard_dropdown_container > div.row > div:first-child,*/ .checkout_custom_home_choose.billingDropdown_container > div.row > div:first-child { max-width: 145px; } } @media (max-width: 600px) { #email_link_change {position: relative;} } @media (min-width: 1281px) { #longdesc_arrow { display:none; } } @media (min-width: 601px) and (max-width: 1280px){ #longdesc_arrow { display:none; } } /***** Deactivate account ****/ .myaccount-deactivation #myaccount_deactivate_text{ margin-top: 20px; } .myaccount-deactivation #myaccount_deactivate_text #myaccount_deactivate_title{ font-size: 14px; font-weight: bold; padding-bottom: 5px; } .myaccount-deactivation #myaccount_deactivate_details #myaccount_deactivate_msg, .myaccount-deactivation #myaccount_deactivate_details a{ font-size: 12px; } .myaccount-deactivation #myaccount_deactivate_details #myaccount_deactivate_msg{ float: left; } .myaccount-deactivation #myaccount_deactivate_details a{ text-decoration: underline; float: right; padding-right: 10px; } #account_deactivation_overlay .close-btn{ top:31px; } @media (max-width: 600px) { .myaccount-deactivation #myaccount_deactivate_details a{ margin-top: 10px; } #account_deactivation_overlay .close-btn{ top:26px; } } #canNotPaywithPointsBasketBottomMsg p { margin-top: 2.2em; text-align: right; } #delivery_container h2#delivery_dropdown { line-height: normal; padding:0.3em 0 0.75em; } #payment_container h2#payment_dropdown { border-top: 1px solid #ddd; line-height: normal; padding:0.3em 0 0.75em; margin-top: 0.58em; } #CollectStoreDeliveryContactDetails .custom_checkbox_tick a { text-decoration: underline; } @media (min-width: 601px) and (max-width: 1280px){ #delivery_container h2#delivery_dropdown { padding:0.9em 0 0; font-size: 1.5em; } #order_summary_dropdown { margin-top: 0; padding:0 0 13px; } #order_summary_dropdown .dropdown_arrow, #delivery_dropdown .dropdown_arrow, #payment_dropdown .dropdown_arrow { font-size: 30px; } #delivery_dropdown .dropdown_arrow, #payment_dropdown .dropdown_arrow { top: 1px; } #payment_option_and_content_container .option_selection, #delivery_container .option_selection { margin-top: 1em; } #payment_container h2#payment_dropdown { margin-top: 0.78em; padding: 0.9em 0 0.225em; font-size: 1.5em; } } @media (max-width: 600px) { #order_summary_dropdown { margin-top: 0; padding:0 0 0.575em; } #delivery_container h2#delivery_dropdown { padding:0.9em 0 0; font-size: 1em; } #delivery_dropdown .dropdown_arrow, #payment_dropdown .dropdown_arrow { top: 0px; } #payment_container h2#payment_dropdown { margin-top: 0.78em; padding: 0.9em 0 0.225em; font-size: 1em; } #payment_container { margin-top: 3px; } #payment_option_and_content_container .option_selection, #delivery_container .option_selection { margin-top: 1em; } #CollectStoreDeliveryContactDetails .custom_checkbox_tick label { padding-top: 0; } } #globalNavigationContainer_eSpots .supermenu_espot{ z-index: 1; } #adCardPoundsContainer .basket_adcard_icon_box, #adCardPointsContainer .basket_adcard_icon_box { display:table-cell; padding-left: 1.3em; } #adCardPoundsContainer h5#adcard_dropdown, #adCardPointsContainer h5.adv_points, #adCardPoundsContainer h4#adcard_dropdown, #adCardPointsContainer h4.adv_points { display:table-cell; vertical-align:middle } #adCardPoundsContainer h4#adcard_dropdown, #adCardPointsContainer h4.adv_points{ line-height: 1.53125em; font-weight: normal; } @media (max-width: 600px) { #adCardPoundsContainer .basket_adcard_icon_box, #adCardPointsContainer .basket_adcard_icon_box { padding-left: 0em; } } .stockComingBasket { font-weight:bold; text-align:right; margin: 20px 0px; } @media (min-width: 601px) and (max-width: 1280px){ .stockComingBasket { font-size: 0.875em; } } #basket_checkout_product_overlay a span, #plus_minus_container .minus_quantity .screenReader, #plus_minus_container .plus_quantity .screenReader, #plus_minus_container .plus_quantity_disabled .screenReader, #cvos_overlay_close .cvosCloseDialogue .screenReader{ height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } .pdp_favourites_section .favourite_signinOverlay .screenReader{ height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } #eStore_registration_form .screenReader{ height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } .screenReader{ height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } #adcard_expanded #adcard_text_comment_main{ color: #b8237b; } #adcard_expanded #adcard_text_comment_main span{ font-weight: bold; } /***** user story 4938 Cancel button Starts **********/ #delivery_backToReviewPage, #billing_backToReviewPage, #store_backToReviewPage, #homeDelivery_backToReviewPage, #CFSDelivery_backToReviewPage, #deliveryOptionsChange_backToReviewPage { float: left; display: none; } .findStoresButtonContainer { display: block; float: none; margin-top: 15px; width: 100%; } #contact_details_address_container #checkout_continue_payment { margin-top:0; } #delivery_options_change .delivery_options_change_button { float: left; width: 225px; font-size: 1.1em; } @media (max-width: 600px) { #delivery_backToReviewPage, #billing_backToReviewPage, #store_backToReviewPage, #homeDelivery_backToReviewPage, #CFSDelivery_backToReviewPage, #deliveryOptionsChange_backToReviewPage { float: none; } .findStoresButtonContainer #checkout_findStore_button, #contact_details_address_container #checkout_continue_payment, #delivery_options_change .delivery_options_change_button { float: none; margin-bottom: 1em; } #delivery_options_change .delivery_options_change_button:hover { max-width: 100%; } } #GotoCartButton1:hover, #GotoCartButton2:hover { background-color: #012361; } /***** user story 4938 Cancel button Ends **********/ /***** My Account tidy up Chris Davies *****/ .my_account_breadcrumb, .main_content #WC_MyAccountDisplay_div_1 .myaccount_title{ display:none; height:20px; } #my_account_personal_details #password_container .labelSpan{ width:13em; font-size: 0.875em; padding: 0 0.8em 0 0; } #my_account_personal_details #email_address_container .labelSpan{ width:11em; font-size: 0.875em; padding: 0 0.8em 0 0; } .container_content_leftsidebar{ padding-top:35px; } #myAccountSavedCardContainer #policyIdContainer .styled-select{ width: 28.2% !important; } #myAccountSavedCardContainer #policyIdContainer > div{ max-width: 100% } #my_account_personal_details .account_advantage_card .labelSpan{ width: 13em; padding-right: 0.8em; } #my_account_personal_details .account_advantage_card .value { vertical-align:top } @media (min-width: 601px) and (max-width: 1280px){ .container_content_leftsidebar{ padding-top:25px; } #my_account_personal_details .checkbox_label #new_email_address_label, #my_account_personal_details .checkbox_label #confirm_email_address_label{ width: 100%; } #my_account_personal_details #password_container .labelSpan, #my_account_personal_details #email_address_container .labelSpan{ width:24.6%; padding: 0 2% 0 0; vertical-align: middle; } #my_account_personal_details #password_container .labelSpan { padding:0 !important } #myAccountSavedCardContainer #policyIdContainer .styled-select{ width: 76% !important; } #my_account_personal_details .account_advantage_card .labelSpan{ width: 24.6%; padding-right: 0em; } #adcardQuickLinkGuest #adcardHeaderSignUpSpan{ display: none; } #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthDay, #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width: 17%; max-width: 100px; } #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthMonth, #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc { width: 29%; } #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthYear, #personalDetails .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { width: 23%; } #edit_your_personal_information #email_address_container .value { vertical-align: top; } } @media (max-width: 600px){ #my_account_personal_details #email_address_container .labelSpan{ width: 100%; } .container_content_leftsidebar{ padding-top:0px; } #estore_myaccount_container #eStore_registration_form #WC_UserRegistrationUpdateForm_FormInput_gender_In_Register_1{ margin-bottom: 0.9em; } #topLevelMenu #adcardQuickLinkContainer, #topLevelMenu #adcardQuickLinkGuestContainer, #topLevelMenu #adcardQuickLinkLoggedInContainer{ border-bottom: 2px solid #d5e6f7 !important; } #topLevelMenu #shipToMessage{ border-top: 1px solid #E4EFFA !important; } #my_account_personal_details .account_advantage_card .labelSpan{ width: 100%; } #topLevelMenu { margin:0 !important; padding:0 !important } #header #topLevelMenu { margin-bottom: 30px !important; } } #reviewSelectedAddressDetails label, #collection_details_day label { top: 2px !important } @media (min-width: 1281px) { #deliveryoption_cutOffMessage { top: -2px } #deliveryoption_deliveryDate { top: -2px } } @media (min-width: 601px) and (max-width: 1280px) { #collectNamedDay #deliveryoption_name { margin-top: -3px } #deliveryoption_cutOffMessage { top: -3px } #deliveryoption_deliveryDate { top: -4px } } @media (min-width: 601px) and (max-width: 1280px) { #Social_media_wrapper .Social_media_icons h3 { padding: 10px 5px 10px 0px; } } #pdp_bundle_component_item_list .image { width: 115px; } #pdp_bundle_component_item_list .image img { width: 100%; height: auto; } #pdp_bundle_component_item_list .bundle_prod_info_container.left { width: calc(100% - 125px); } #pdp_bundle_component_item_list .product_rating .product_rating { padding-bottom: 0; } #pdp_bundle_component_item_list ul { margin-top: 20px !important; } .bundle_saving_details { clear: both; padding-bottom: 5px; } .bundle_saving_details .b_Save { font-weight: bold; padding-right: 10px; } .bundle_saving_details .when_bought_separately { font-size: 0.765em; } #estore_product_price_widget .productid { font-size: 0.875em !important; } #estore_product_price_widget .price .non_payable { text-transform: lowercase; } #pdp_bundle_component_item_list { padding-top: 12px; } @media (min-width: 1281px) { #pdp_bundle_component_item_list { padding-top: 20px; } } @media (max-width: 600px) { #estore_product_longdesc #contentOmnipresent { /*margin-left: 0 !important;*/ } #pdp_bundle_component_item_list .bundle_prod_info_container .view_bundle_product { display: block; width: 100%; margin-top: 20px; text-align: right; } #estore_product_price_widget .productid { font-size: 0.775em !important; } .product_listing_container .list_mode .shopperActions { max-height: 56px; } .product_listing_container .list_mode .compare_target { position: static !important; padding: 12px 0 !important; } .product_listing_container .list_mode .estore_product_container { max-height: 340px !important; } .product_listing_container .list_mode li:first-child { border-top: 1px solid rgb(232, 232, 232); } } .estore_header_bottom_row { display:none } @media (max-width: 600px) { #estore_productpage_template_container.brand_chanel #estore_pdp_blcol_4 { border-top: 1px solid #D0D0D0; border-bottom:0px solid #D0D0D0; } #estore_productpage_template_container.brand_chanel #estore_pdp_blcol_4 #estore_social_widget { margin-bottom:-10px !important } #estore_productpage_template_container.brand_chanel #estore_pdp_blcol_4 #estore_pdp_bottomsec { border-top:0 !important } #advantageCard_omniPresent .column_label { margin-bottom:7px } } @media (max-width: 768px) { .advantageCardImg {width:96%} } .CookieContentText { padding: 0 2em 2em 2em; text-align:left; line-height: 1.375em; } .CookieContentText a { text-decoration:underline } .CookieContentText a:hover { text-decoration:none } @media (max-width: 600px) { .CookieContentText { padding: 1em; } } /****** Site Map Start CD*********/ #siteMapContainer .static_page_content{ padding:0; margin:auto; } .static_page_content #siteMapHeader{ text-align:center; } .static_page_content #siteMapHeader > h1 { font-size: 1.7em; line-height: 2.625em; color: #004990; font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif; } .static_page_content .column_box .siteMapColumn ul { list-style: none outside none; padding: 0; text-decoration: none; overflow: hidden; } .static_page_content .column_box .siteMapColumn ul .h2 { color: #333333; margin-top: 15px; } .static_page_content .column_box .siteMapColumn ul li a { display: block; text-decoration: none; font-size: 1.025em; color: #999; padding-bottom: 8px; } .static_page_content .column_box .siteMapColumn { float: left; font-size: 12px; } .static_page_content .column_box .siteMapColumn .siteMapSection{ display:block; width:100%; margin-bottom:40px; line-height:2em; } .static_page_content .column_box .siteMapColumn .siteMapSection > ul > li{ display: inline-block; width:19%; vertical-align: top; position:relative; } .siteMapColumn .siteMapSection > a{ font-size: 1.6em !important; font-family: "F37 Ginger Bold"; color: black !important; font-weight: bold; } .siteMapColumn .siteMapSection{ border-bottom: solid 1px #d0d0d0; } .siteMapColumn .subcategoryBlock > a{ font-size: 1.2em !important; font-weight: bold; color: black !important; } .siteMapColumn .subcategoryChildHeading > a{ font-size: 1.2em !important; color: black !important; } @media (min-width: 601px) and (max-width: 1280px) { .static_page_content .column_box .siteMapColumn .siteMapSection > ul > li{ width:32%; } .static_page_content #siteMapHeader > h1 { font-size: 1.6em; } .siteMapColumn .siteMapSection > a{ font-size: 1.5em !important; } .static_page_content .column_box .siteMapColumn ul li a, .siteMapColumn .subcategoryBlock > a{ font-size: 1em; } } @media (max-width: 600px){ .static_page_content .column_box .siteMapColumn .siteMapSection > ul > li{ width:100%; } .static_page_content .column_box .siteMapColumn .siteMapSection{ padding-bottom: 30px; } .static_page_content #siteMapHeader > h1 { font-size: 1.4em; } .siteMapColumn .siteMapSection > a{ font-size: 1.3em !important; } } /**************** Email preferences : Mobile CD*****************/ #eStore_SignUp_Preferences #ma_ep_header{ /*color: #004990 !important; font-size: 1.5625em;*/ } #ma_changeEmailPref{ float: right; position: relative; text-decoration: underline; font-size: 0.9em; } #ma_emailPrefWelcome #ma_msg1{ margin-bottom:15px; } #ma_emailPreferences .preferences_con{ padding-bottom: 20px !important; } #myAccountEmailNewsletter #email_newsletters_innerColumn{ padding-top:10px !important; font-size: 15px !important; } #myAccountEmailNewsletter .nwsletr_align_margin .longdescription { font-size: 13px !important; } #eStore_SignUp_Preferences #emailPreferencesOptOutCheckbox{ display: inline; } #eStore_SignUp_Preferences #emailPreferencesOptOutLabel{ position: relative; top: 8px; display: inline; padding-left:10px; } #eStore_SignUp_Preferences #ma_emailPreferences{ height: 50px; } @media (max-width: 600px){ #eStore_SignUp_Preferences #ma_ep_header{ font-size: 1.25em; } #eStore_SignUp_Preferences #ma_email{ padding:10px 0 0 0; font-size: 0.963em; } #eStore_SignUp_Preferences #ma_msg{ width: 100%; font-size: 0.963em; } #eStore_SignUp_Preferences #ma_msg1, #eStore_SignUp_Preferences #ma_msg2{ padding-bottom:10px; display: block !important; } #eStore_SignUp_Preferences #ma_msg{ margin: 0; } #myAccountEmailNewsletter .nwsletr_align_margin{ margin-left: 0 !important; } #myAccountEmailNewsletter .nwsletr_align_margin .longdescription{ width: 100% !important; padding-left: 0px !important; } #myAccountEmailNewsletter #longdescription_id{ padding-left: 0 !important; font-size: 0.963em; } #eStore_SignUp_Preferences #ma_cmscontent11{ padding-left: 0 !important; width: 100% !important; font-size: 0.8em; } #ma_changeEmailPref{ right:3%; float: right; position: relative; text-decoration: underline; font-size: 0.9em; top: 20px; } #myAccountEmailNewsletter #nwsltrgrpname{ margin: 0 !important; } #myAccountEmailNewsletter #cmscontent_align_message_id{ padding: 0 !important; width: 100% !important; } #myAccountEmailNewsletter #wrapper11{ padding-left: 0 !important; padding-top:7px !important; font-size:15px !important; } #eStore_SignUp_Preferences #ma_confirmButton{ width: 100% !important; padding-right: 0 !important; } #myAccountEmailNewsletter #cmscontent_align_message_id{ font-size: 0.8em !important; } #eStore_SignUp_Preferences #ma_emailPreferences{ position: relative; } #eStore_SignUp_Preferences #emailPreferencesOptOutCheckbox{ display: inline; padding: 0; left: 25px; position: absolute; } #eStore_SignUp_Preferences #emailPreferencesOptOutLabel{ max-width: 421px; position: relative; top: 8px; display: inline; float: right; word-wrap: break-word; padding-left: 25px; } #eStore_SignUp_Preferences #ma_emailPreferences{ height: 50px; } } @media (min-width: 601px) and (max-width: 1280px) { #myAccountEmailNewsletter .nwsletr_align_margin .longdescription{ padding-left: 0 !important; } #ma_emailPrefWelcome #ma_msg1{ margin-bottom:15px; } #eStore_SignUp_Preferences #ma_ep_header{ font-size: 1.25em; } #eStore_SignUp_Preferences #emailPreferencesOptOutCheckbox{ display: inline; } #eStore_SignUp_Preferences #emailPreferencesOptOutLabel{ width: 92%; position: relative; top: 8px; display: inline; float: right; } #eStore_SignUp_Preferences #ma_emailPreferences{ height: 50px; } } #progress_bar_container { background: white; opacity: 0.7; width:100%; height:100%; position: absolute; top:0; left:0; z-index:9998 } p.international_or, #payment_redeem_internationalDOB { float: none; } #payment_redeemDeliveryText { padding-bottom: 1.5em; } #payment_redeemDelivery { margin-bottom: 3em; } #payment_redeemInput { margin-bottom: 2em; padding-bottom: 4em; border-bottom: 1px solid #d0d0d0; } #payment_redeem_NoDeliveryPoints_Error #errorMessage { float: none; } #payment_redeem_NoDeliveryPoints_Error #errorMessage #payment_redeemError { position: relative; } @media (max-width: 600px){ p.international_or { float: left; margin:2.1em 0.2em 0 0; font-size: 12px; } #payment_redeem_internationalDOB { height: 4.25em; } #payment_redeemInput { margin-bottom: 1em; padding-bottom: 2em; } #payment_redeemDeliveryText { padding-bottom: 0em; } #payment_redeemDelivery { margin-bottom: 1.5em; } #payment_redeemDelivery .radio_primary_label { margin-top: 1em; } } /* #2666, #2668 */ #collect_content_container #collect_content #storelocator_search_container { margin-top: 1em; } #collect_content_container #collect_content #storelocator_search_container #StoreLocator_GetDirection_button { height: 40px; } .advantageCardContainer { text-align:center } @media (max-width: 1280px){ .advantageCardContainer img { width:94% } } #MiniShopCartProductAdded .minibasket_variant, #quick_cart_container .minibasket_variant { padding-top: 0.8em; } @media (min-width: 601px) and (max-width: 1280px) { .registrationDateOfBirthLabel #registrationDateOfBirthDay, .registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width: 13%; } .registrationDateOfBirthLabel #registrationDateOfBirthMonth, .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc { width: 22%; } .registrationDateOfBirthLabel #registrationDateOfBirthYear, .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { width: 15%; } #order_details_content { width: 100%; } .col4.ccol4.right.tabSpace, #order_item_saving.col4.ccol4.productInfoContainer.right { width: 31%; padding-right: 2%; } } #adCardContainer{ display: inline-block; } #loading_popup img { position: relative; left: -40px; top: -40px; } @media (min-width: 1281px) { #edit_your_personal_information #personalDetails .labelSpan { width: 13em; padding-right: 0.8em; } #my_account_personal_details #email_address_container .labelSpan { width: 13em; padding-right:0.8em !important } #paf_address_buttons a.button.secondary.checkout_button { float: right; } } .accountHeader { text-align: center; font-size: 1.750em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #004990; margin-bottom: 30px; line-height: 1.5; } #eStore_SignUp_Preferences h1.accountHeader{ text-align: center; font-size: 1.750em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; color: #004990; margin-bottom: 30px; line-height: 1.5; } @media (max-width: 600px) { .accountHeader { margin: 20px 0; } #eStore_SignUp_Preferences h1.accountHeader{ margin: 20px 0; } } /****** CD - Defect fix, ADCARD UPDATE OVERLAY OVERRIDE OF LEGACY NONESENSE ********/ #AdCard_updateDetailsConfirmation_overlay #formSuccessContainer{ margin: 0 !important; color: black !important; width: auto !important; } #myAccountLeftNavigation{ padding-top:30px; } #thank_you_dialog .confirm_dialog_content .confirm_dialog_text { text-align:center } @media (max-width: 600px) { #confirm_changes_dialog h5.confirm_dialog_title { font-size: 1em; } #confirm_changes_dialog .confirm_dialog_content { font-family: arial,helvetica,clean,sans-serif; padding: 10px 0; text-align: left; } #confirm_changes_dialog .confirm_dialog_image { max-height: none; } #confirm_changes_dialog .confirm_dialog_image_wrapper { margin-bottom: 1.5em; } #confirm_changes_dialog .confirm_dialog_text { margin-bottom: 1.250em; } #confirm_changes_dialog .dialog_input_wrap { width: 100%; } #confirm_changes_dialog .dialog_dropdown { padding: 0px 13px; } } .store_no_collect, .proof_delivery, .basketDropship { background: url(../../images/boots/blueInfoIcon.png) no-repeat 0 1.5em; background-size: 12px; padding-left: 1.5em; padding-bottom: 1em; } .basketDropship { padding-bottom:0 } @media (min-width: 601px) and (max-width: 1280px) { .store_no_collect, .proof_delivery, .basketDropship { width: 71%; } #checkoutSavedBillingAddressDropdown #checkout_right_column.col2 { width: 16.6667%; } #checkoutSavedBillingAddressDropdown .col8 { width: calc(83.3333% - 145px) !important; } body #billingComboButton_dropdown { width: 44.8% !important; } #savedCardsListOPC .col7 { width: calc(81% - 145px); } #myAccountCardContainer .col3 #savedCardsListOPC .col3 { width: 19%; } #savedCardsListOPC #cardAddNewAndEdit label { margin-left: 15px; } body #cardComboButton_dropdown { width: 43% !important; } } /***** ADCARD 3 Digit overlays - Mobile ********/ #confirm_changes_dialog .estores_overlay_content .dropdown_arrow { font-size: 20px; position: absolute; right: 9px; top: 9px; left: auto; } @media (max-width: 600px) { #confirm_changes_dialog .estores_overlay_content .dropdown_arrow { font-size: 20px; position: absolute; right: 9px; top: 9px; } } .basket_product_details .space_adjust h3, .basket_product_details .space_adjust h2{ font-family: arial,helvetica,clean,sans-serif; font-size:1em; font-weight:bold } @media (min-width: 1281px) { .basket_product_price .price { padding-top: 6px; } .basket_product_discount .showing_pounds { padding-top: 6px } .basket_product_discount .showing_points { padding-top: 6px } } @media (min-width: 601px) and (max-width: 1280px) { .basket_product_details .space_adjust h3, .basket_product_details .space_adjust h2 { font-size: 0.875em; } .basket_product_price .price, .basket_product_discount .showing_pounds { padding-top: 9px; } } @media (max-width: 600px) { .basket_product_details .space_adjust h3, .basket_product_details .space_adjust h2 { font-size: 0.813em; } .basket_product_price .price { font-size: 1.125em; } .basket_product_discount .showing_pounds { } } @media (min-width: 601px) and (max-width: 1280px) { #email_address_container .labelSpan { padding-right:0 } #ADCRegistrationForm #email_address_container .labelFloat { width: 24.6%; } } #estore_product_promotions_on_pdp h2 { line-height: 2.2em; } .basket_product_details #estore_product_promotions_on_pdp h2 { position: relative; line-height: 1.2em; padding-left: 35px; } #estore_partnerSitesLogo h4 {font-weight:normal} .UpdateParentingclubToOverlay { padding: 30px 0} #myaccount_add_Address span { /*width: 13em !important; - 4702 */ padding-right: 0.8em !important; } #myaccount_add_Address span.customTitleArrowContainer { width:150px !important } #myaccount_add_Address #personTitle_arrow { width:30px !important } @media (min-width: 601px) and (max-width: 1280px) { #myaccount_add_Address span { width: 24.6% !important; padding-right: 0em !important; } #myAccount_address_manual_address #manual_house_name_span, #myAddress_manual_address_container span { width:24.6% !important } #myAddress_address_container span#manual_house_name_span { width:24.6% !important; } } @media (min-width: 1281px) { #myAccountSavedCardContainer #editSavedCardDetails .button.secondary { float: right; } } #myAccountAddUpdatePopupConfirm.popup_overlay p { text-align: center; } @media (max-width: 600px) { #myAccountSavedCardContainer #policyIdContainer .styled-select { width: 100% !important; } } /**************** PH - Tooltip overlay design Starts ****************/ .info-tooltip { float: right; width: 22px; height: 22px; line-height: 22px; } .info-tooltip:before { font-family: "ElegantIcons"; content: "\e060"; font-size: 20px; text-indent: inherit; color: #004990; } .availableLabel .info-tooltip { float:none; display:inline-block; margin-left:2px; vertical-align:middle; } .tooltipOverlay{ background: white none repeat scroll 0 0; border: 1px solid #124c8f; box-sizing: border-box; color: #333; display: block; font: 11px Arial,sans-serif; height: auto; left: auto; overflow: hidden; padding: 20px 32px 20px 20px; position: absolute; top: -20px; white-space: inherit; width: 162px; z-index: 1; cursor:pointer; right:0; line-height: 20px; } .tooltipOverlay:after{ font-family: "ElegantIcons"; content: "\e060"; font-size: 20px; text-indent: inherit; color: #004990; width: 20px; height: 20px; line-height: 20px; position: absolute; top: 8px; right: 8px; } /* Extended registration tooltip */ /*Desktop*/ .reggen-tt { top: 302px; left: 88px; white-space: normal; } @media (min-width: 601px) and (max-width: 1280px) and (orientation:portrait) { .reggen-tt { top: 305px; left: 39px; } } @media (max-width: 600px) { .reggen-tt { top: 258px; left: 74px;; } } /**************** PH - Tooltip overlay design Ends ******************/ /**************** RB - PMED PIF Starts ******************/ div#pif_container { width: 65%; margin: 0 auto; margin-top: 2.9em; } h2#pif_product_header { text-align: center; font-size: 1.55em; color: #004890; } p#pif_text { font-size: 0.875em; margin-top: 0.7em; } a#pif_product_link { text-decoration: underline; } @media (min-width: 601px) and (max-width: 1280px) { div#pif_container { margin-top: 1em; } h2#pif_product_header { font-size: 1.3em; } div#pif_container { width: 80%; } p#pif_text { margin-top: 0.9em; } } @media (max-width: 600px){ h2#pif_product_header { font-size: 1em; line-height: 1.5em; } div#pif_container { margin-top: 1em; width: 90%; } p#pif_text { font-size: 0.875em; margin-top: 1.6em; } } @media (min-width: 1281px) { div#pif_container { width: 80%; } p#pif_text { width: 960px; margin: 0 auto; } } /**************** RB - PMED PIF Ends ******************/ #checkout_store_collect_results .store_details_header.bold { cursor: pointer; display: inline-block; } #checkoutPostOfficeSummary .contact_details { font-size: initial; } #checkoutPostOfficeSummary .contact_details div label span { font-size: 0.875em; } #checkoutPostOfficeSummary #checkout_continue_payment { font-size: 1em; } @media (min-width: 1281px){ #checkoutPostOfficeSummary .delivery_contact_details .address_header { font-size: 1.5em; } } @media (min-width: 601px) and (max-width: 1280px) { #checkoutPostOfficeSummary .delivery_contact_details .address_header { font-size: 1.3em !important; } } @media (max-width: 600px){ #manual_house_name_span { height: auto !important; } } .ordersummary_product_item .medicinePrice { text-align: right; } .ordersummary_product_item .medicinePrice span { margin-right: 0; padding-right: 0; } @media (min-width: 601px) and (max-width: 1280px) { .ordersummary_product_item .medicinePrice { font-size: 0.75em; } } @media (max-width: 600px){ .ordersummary_product_item .medicinePrice span { vertical-align: top; font-size: 0.675em; } } #eStore_SignUpConfirmation_tempCard h2.Confirmation_tempCard_con_h2{ font-weight: normal; font-size: 1.5em; color: #004990; text-align: center; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; line-height: normal; margin-bottom: 20px; padding: 0px; } @media (max-width: 600px){ #eStore_SignUpConfirmation_tempCard h2.Confirmation_tempCard_con_h2 { font-size: 1.125em; } } #ShopCartPagingDisplay #plus_minus_container .basket_quantity, #ShopCartPagingDisplay #plus_minus_container .basket_quantity:focus { border-width: 1px 0px; border-top: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; } .checkout_delivery_instruction_container { padding-bottom:10px } /*#quick_cart_container .tab_container:after { top: 84%; }*/ @media (max-width: 600px){ #collect_content_container #collect_content #EStoreStoreAddress .tabButtonContainer { margin-left: 0; margin-right: 0; } } #BVRRSummaryContainer .bv-cleanslate .bv-core-container-471 .bv-primarySummary-rating-container { padding-left: 0px !important; margin-left: 0px !important; } #BVRRSummaryContainer .bv-cleanslate .bv-core-container-471 .bv-summary-bar .bv-rating-ratio-count { font-size: 20px !important; top: -1px !important; position: relative !important; } @media (max-width: 600px) { #BVRRSummaryContainer .bv-cleanslate .bv-core-container-471 .bv-summary-bar-minimalist-horizontal .bv-stars-container { margin-right: 0px !important; } #BVRRSummaryContainer .bv-cleanslate div { text-align:center !important; } } #estore_pdp_trcol .bv-rating-ratio-number { display:none !important; } #estore_pdp_trcol .bv-write-review-container { display:none !important; } #phOrders thead th.tableHeader,#phOrders tbody td { padding-right: 15px; vertical-align: top; } #estore_product_promotions_on_pdp #product_promotion_show { margin-bottom:10px } #quick_cart_container .tab_header.tab_header_double { border: none !important; } #redeem_content_container #redeem_inner_container { width: 81%; margin: 0px auto; padding-bottom: 5em; } @media (min-width: 601px) and (max-width: 1280px) { #redeem_content_container #redeem_inner_container { width: 100%; padding-bottom: 0em; } } @media (max-width: 600px) { #redeem_content_container #redeem_inner_container { width: 100%; padding-bottom: 0em; } } .basket_pharmacy_item a { background: url("../../images/boots/greenPlusIcon.png") no-repeat 0 0; display: inline-block; text-decoration: underline; background-size: 18px 19px; padding-left: 25px; margin-top: 15px; font-size: 0.875em; } @media (min-width: 601px) and (max-width: 1280px) { .basket_pharmacy_item a { font-size: 0.7875em; } } @media (max-width: 600px) { .basket_pharmacy_item a { font-size: 0.75em; } } #myaccountCardComboButton_dropdown .checkout_custom_dropdown_list { border-radius: 3px; top: -4px !important; border-top-right-radius: 0px; border-top-left-radius: 0px; } /*Defect ID : 6103 - top level navigation wrapping*/ @media (min-width: 601px) and (max-width: 730px){ .topLevelMenuListItem{ padding-right: 0; } .departmentButton{ padding: 5px 3px; } } /** Accessibility skip to links **/ #accessibilityRolesContainer{ max-width:1360px; margin: auto; position: absolute; left: -999px; } #accessibilityRolesContainer.active{ margin-bottom:6px; margin-top:5px; } a.skip-link { left:-999px; position:absolute; top:auto; width:1px; height:1px; overflow:hidden; z-index:-999; } a.skip-link:focus, a.skip-link:active { color: #fff; background-color:#004990; left: 0; top: 0; width: auto; height: auto; overflow:auto; padding: 8px 25px; text-align:center; font-size:0.875em; z-index:999; position: relative; } #skipToNav { font-size: 0px; display: none; } @media (min-width: 1281px) { #deliveryNamedDay #delivery_options_table { padding-left: 9.8%; } #order_summary_content_container .basketDropship { font-size: 0.7em; padding-bottom: 0.5em; } } @media (max-width: 600px) { #order_summary_content_container .basketDropship { padding-left: 1.8em; padding-bottom: 1em; } #collect_content_container #collect_content .store_locator_container .tabButtonContainer { border-bottom: 2px solid #cae0f5; } } #custom_checkbox #checkUseDeliveryAsBilling, .custom_checkbox #term_and_condition_input{ width:0; padding:0; height: 0; margin: 0; } #custom_checkbox_for_term_and_condition .custom_checkbox_tick a { text-decoration:underline } #custom_checkbox_for_term_and_condition .custom_checkbox_tick a:hover { text-decoration:none } #card_content #cardAddNewAndEdit #savedCardEditLink, #card_content #cardAddNewAndEdit #savedCardAddLink { text-decoration: underline; font-size: 12px; } #card_content #cardAddNewAndEdit #savedCardEditLink { float: left; } #card_content #cardAddNewAndEdit #savedCardAddLink { float: right; } @media (min-width: 1281px) { #card_content #cardAddNewAndEdit #savedCardEditLink { padding-left: 2.5em; } #cardComboButton_dropdown { width: 44% !important; } } @media (min-width: 601px) and (max-width: 1280px) { #card_content #savedCardsListOPC .row .col8 { width: calc(83.3333% - 145px) !important; } body #cardComboButton_dropdown { width: 47% !important; } } @media (max-width: 600px) { #card_content #cardAddNewAndEdit #savedCardEditLink, #card_content #cardAddNewAndEdit #savedCardAddLink { float: none; display: inline-block; margin-left: 1.5em; } } #quick_cart_container.withCookie { top:170px !important } .dijitMenuTable { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #cae0f5; border-left: 1px solid #cae0f5; border-right: 1px solid #cae0f5; position: relative; z-index: 20; width: 100%; top: -3px; border-top: 0; } .dijitMenuItemLabel { font-size: 1em; line-height: 19px; padding: 7px 0 7px 20px; } .securePaymentAuthorisation { font-family: arial,helvetica,clean,sans-serif; } #secureAuthorisationHeaderLogo { margin: 25px 0; } #secureAuthorisationWrapper { padding: 18px; border: 1px solid #666666; } #paymentAuthorisationHeading { background: #666; color: #fff; font-size: 1.4em; height: 46px; line-height: 46px; text-align: center; font-weight: bold; margin-bottom: 1em; } #authorisationPaymentInstruction { margin-bottom: 1.3em; text-align: center; font-size: 0.875em; } #secureAuthorisationWrapper iframe#authView { width: 425px; min-height: 500px; border: 1px solid #666; margin: 0 auto; display: block; } .backToCheckoutFromPaymentAuthorisation,.backToCheckoutFromPaymentAuthorisation:hover, .backToCheckoutFromPaymentAuthorisation:focus { border: 1px solid #666; display: inline-block; padding: 5px 30px; color: #000; text-decoration: none; margin: 1em 0; } @media (min-width: 601px) and (max-width: 1280px) { .securePaymentAuthorisation .secureAuthorisation { width: 97%; margin: 0 auto; } } @media (max-width: 600px){ .securePaymentAuthorisation .secureAuthorisation { width: 97%; margin: 0 auto; } #secureAuthorisationWrapper iframe#authView { width: 99%; } #secureAuthorisationHeaderLogo { margin: 13px 0; } #secureAuthorisationWrapper { padding: 9px; } #authorisationPaymentInstruction { text-align: left; font-size: 0.875em; } #paymentAuthorisationHeading { font-size: 1em; } #paymentAuthorisationHeaderLogo { text-align: center; } #paymentAuthorisationHeaderLogo img { width: 56px; } } #savedCardEditLink { padding-left:15px } @media (max-width: 600px){ #savedCardEditLink { padding-left:0px } } @media (min-width: 1281px){ #estore_myaccount_container #myAddress_manual_address_container #manual_house_name_span { width: 13em !important; } } @media (min-width: 601px) and (max-width: 1280px) { #estore_myaccount_container #myAddress_manual_address_container #manual_house_name_span { width: 22% !important; } } #checkoutPaymentCardContainer > div.row > div:first-child { max-width:145px } .productDetailsQuanAndActContainer .qty_errorMax { float: none; width: 100%; margin-left: 0; margin-top: 0; height: 24px; } .productDetailsQuanAndActContainer .quantity_section { padding-top: 8px; } #estore_productpage_template_container .shopperActions .productDetailsQuanAndActContainer .button.primary { top: 44px; } @media (max-width: 1280px) { #estore_productpage_template_container .shopperActions .productDetailsQuanAndActContainer .button.primary { top: 28px; } .productDetailsQuanAndActContainer .qty_errorMax { height: 20px; margin-bottom: 0; } } #BVRRSummaryContainer .bv-primarySummary-rating-container { padding-left: 0px !important; margin-left: 0px !important; } @media (min-width: 1281px){ #edit_your_personal_information .res-bubble { left:50px } #edit_your_personal_information #eStore_registration_form .bubble-container { right:0 } } @media (min-width: 601px) and (max-width: 1280px) { #edit_your_personal_information #eStore_registration_form .bubble-container { margin-left: 4px !important; margin-bottom:20px; left: 24.6%; } } @media (max-width: 600px) { #overlayPasswordContainer .input_form { height: 2.3em !important; } } div#showPMedOrder_overlay { width: 38.5%; margin-top: 0px; } div#showPMedOrder_overlay .close-btn { margin-right: 1.5%; } div#showPMedOrder_overlay #instructions { padding: 4px 15px 28px 25px; } div#showPMedOrder_overlay div#inner_container { width: 88%; margin: 0 auto; } div#showPMedOrder_overlay #image_container, div#showPMedOrder_overlay #product_item_details, div#showPMedOrder_overlay div#product_name p{ float: left; } div#showPMedOrder_overlay .basket_product_image img { width: 90%; } div#showPMedOrder_overlay #product_item_details p { padding: 0px; } div#showPMedOrder_overlay div#product_name p { padding: 0px; font-weight: bold; margin-top: -5px; margin-left: 3%; } div#showPMedOrder_overlay #pmed_icon, #product_item_details #pmed_icon { background: url("../../images/boots/greenPlusIcon.png") no-repeat 0 0; display: inline-block; background-size: 18px 19px; margin-top: 5px; width: 100%; height: 20px; margin-left: 2.5%; } #product_item_details #pmed_icon { margin-top: 16px; margin-left: 0%; } div#showPMedOrder_overlay p#item_order_quantity, div#showPMedOrder_overlay #pmed_icon { float: left; clear: left; margin-left: 2.5%; line-height: 2em; } div#showPMedOrder_overlay .Pmed_button { width: 100%; float: left; margin-top: 10px; } div#showPMedOrder_overlay .Pmed_button a { float: left; width: 48%; } div#showPMedOrder_overlay a#removeProduct { margin-right: 2.5%; } @media (min-width: 601px) and (max-width: 1280px) { div#showPMedOrder_overlay { width: 74.5%; } div#showPMedOrder_overlay h5 { font-size: 1.25em; line-height: 2em; } div#showPMedOrder_overlay .popup_overlay p { width: 88%; padding-left: 0px; padding-right: 0px; padding-top: 1px; } div#showPMedOrder_overlay .Pmed_button { margin-top: 20px; } } @media (max-width: 600px) { div#showPMedOrder_overlay { width: 86%; } div#showPMedOrder_overlay #instructions { padding: 4px 0px 25px 0px; width: 100%; } div#showPMedOrder_overlay div#inner_container { width: 100%; } div#showPMedOrder_overlay .Pmed_button { display: flex; flex-wrap: wrap; margin-top: 20px; } div#showPMedOrder_overlay #removeProduct { order: 2; } div#showPMedOrder_overlay #completeForm { order: 1; } div#showPMedOrder_overlay .Pmed_button a { width: 100%; margin-bottom: 12px; } div#showPMedOrder_overlay a#removeProduct { margin-right: 0%; } div#showPMedOrder_overlay h5 { font-size: 1.25em; line-height: 2em; } } #estore_generic_error_container{ border-bottom: solid 1px #cadff2; } #unsupported_device_error_body { width: 44% !important; border: 1px solid #d0d0d0; height: 155px; margin: 0 auto; margin-top: 50px; margin-bottom: 100px; } #estore_generic_error_container img#boots_logo { margin: 20px 0px 15px 17px; } .estore_generic_error_header{ font-size: 1.5625em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-weight: normal; color: #004990; } #unsupported_device_error_body.info{ font-size:0.875em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } #unsupported_device_error_body.info a{ text-decoration: underline; } #error_page_header{ height: 90px; background-color: white; padding: 10px 20px 0; border-bottom: solid 1px #cadff2; } #error_page_header_boots_logo{ width:120px; background-color:white; } #estore_generic_error_container ul, #ebootsPageNotFoundErrorContainer ul{ padding: 15px; } #estore_generic_error_container ul li, #ebootsPageNotFoundErrorContainer ul li{ padding-bottom: 15px; } #estore_generic_error_container ul a, #ebootsPageNotFoundErrorContainer ul a{ text-decoration: underline; color:black; } #page_not_found_image{ width: 205px; height: 255px; } #unsupported_device_error_body #errorPage #error_details{ width: 90%; margin: 0 auto; margin-top: 30px; } #unsupported_device_error_body #errorPage #errorPageFoundImgContainer{ float: right; position: relative; top: -50px; text-align: center; } #boots_logo_header_container{ border-bottom: solid 1px #cadff2; } #errorPage #error_details p { margin-top: 0.875em; font-size: 0.875em; } #boots_logo_header_container #boots_logo{ width: 100px; } #error_details{ vertical-align: top; position: relative; } #errorGenericImgContainer{ top: 25px; position: relative; float:right; } @media (min-width: 601px) and (max-width: 1280px) { .estore_generic_error_header{ font-size: 1.25em; } #unsupported_device_error_body.info{ font-size:0.875em; } #error_page_header{ height: 75px; } #unsupported_device_error_body{ width: 70% !important; margin-top: 45px; margin-bottom: 75px; } #errorPage #error_details p { margin-top: 1.5em; } #error_page_header_boots_logo{ width:100px; background-color:white; } #estore_generic_error_container img#boots_logo { margin: 22px 0px 15px 17px; } #boots_logo_header_container #boots_logo{ width: 95px; } #generic_error_image{ width: 150px; } } @media (max-width: 600px) { .estore_generic_error_header{ font-size: 1.25em; margin: 0.5em 0px 1.5em !important; } #estore_generic_error_container img#boots_logo { margin: 10px 0px 0px 30px; } #unsupported_device_error_body.info{ font-size:0.875em; position: relative; top: -15px; } #error_page_header{ height: 40px; text-align: center; } #unsupported_device_error_body #errorPage #errorPageFoundImgContainer{ display: none; } #unsupported_device_error_body { width: 100% !important; margin-top: 0px !important; } #unsupported_device_error_body { border: none; font-size: 13px; } #error_page_header_boots_logo{ width:70px; background-color:white; text-align: center; } #boots_logo_header_container{ text-align: center; } #unsupported_device_error_body { height: 50px; } #errorPage #error_details p { margin-top: 1em; font-size: 1.15em; } #boots_logo_header_container #boots_logo{ width: 55px; } #generic_error_image{ display:none; } #error_details{ width:100%; } } /* 5814 { */ @media (max-width: 600px) { .contentRecommendationWidget .frps_steps ol { height:auto; } } /* 5814 } */ /* START OnlineClinicTemplate Leaflet link */ .view-patient-information-online-leaflet { width: 608px; margin: 0 auto; } .view-patient-information-online-leaflet a { text-decoration: underline; font-size: 0.875em; } @media (max-width: 600px) { .view-patient-information-online-leaflet { width: 100%; padding: 0 20px; box-sizing: border-box; } } @media (min-width: 1281px) { .view-patient-information-online-leaflet { width: 930px; } } /* END OnlineClinicTemplate Leaflet link */ @media (max-width: 600px) { #basket_checkout_product_overlay { position: absolute; } } #collect_content_container div#checkout_right_column label#checkout_right_links a { font-size: 12px; } #payment_container .select_option_selected { border-width: 2px; } @media (max-width: 600px) { #order_details_content.acol11 { width: 100%; } } @media (min-width: 601px) and (max-width: 1280px) { #pca_myAddress_form .international_country_pca { height: auto; } #pca_myAddress_form #pca_countrymyAddress_int_label .customTitleArrowContainer select#address_int_country { margin-bottom: 0; height: 2.8em !important; width: 18em; } #pca_myAddress_form #pca_countrymyAddress_int_label .customTitleArrowContainer span#int_pca_country { width: 30px !important; } #myaccount_add_Address #myAddress_int_country_type { margin-top: 1em !important; } #pca_myAddress_form #myAddress_int_country_type label span { position: relative; top: 5px; } } @media (min-width: 601px) and (max-width: 870px) { #pca_myAddress_form #myAddress_int_country_type label span { position: relative; top: 14px; } #myaccount_add_Address #myAddress_int_country_type { margin-top: 0.5em !important; } } #isEstoreStoreSearchTimedOut_overlay { display: none; position: fixed; z-index: 3000; margin: 10px auto 0px auto; width: 400px; background: #FFF; color: #000; padding:20px 45px; font-size:1em; left: 0; right: 0; top:15%;} #isEstoreStoreSearchTimedOut_overlay a.close-btn{background: none repeat scroll 0 0 #d0d0d0;border-radius: 50px;color: #ffffff;display: block;font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-weight: bold;height: 37px;line-height: 35px;position: absolute;right: 0;text-align: center;text-decoration: none;width: 37px;margin-right:10px;} #isEstoreStoreSearchTimedOut_overlay a.close-btn:hover{background: none repeat scroll 0 0 #000000;} #isEstoreStoreSearchTimedOut_overlay p.overlay_head{font-family: F37 Ginger Bold,Tahoma,Arial,sans-serif;font-size:1.25em !important;padding:10px 0 5px;margin:0; line-height:1.2em;text-align:center; width:100%} #isEstoreStoreSearchTimedOut_overlay p.signin-long-desc{ display:inline-block; width:100%; font-size:.9em; line-height:1.4em; text-align:left; adding:15px 0 10px; margin:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } #epsForm .boots_form.eps select#title { width: 11.5em; } .offer_just_for_me .estore_offers_available .estore_promotions_container { height: 540px; } .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_description { min-height: 64px; } .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_condition { min-height: 40px; } .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_expiry { margin-top: 10px; } .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_add { position: static; padding-bottom: 15px; width: 100%; min-height: 60px; } .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_expiry { min-height: 40px; } @media (min-width: 1281px) { #my_offers_lister_page.offer_just_for_me .my_offers_lister_container ul li{ width: 25% !important; } #my_offers_lister_page.offer_just_for_me .my_offers_lister_container ul li:nth-of-type(4n) .estore_promotions_container { margin-right: 0; } .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_add a.button.primary, .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_add p{ line-height: normal; padding: 5px 10px; } } @media (min-width: 601px) and (max-width: 870px) { .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_add a.button.primary, .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_add p{ line-height: normal; padding: 5px 10px; } #my_offers_lister_page.offer_just_for_me .my_offers_lister_container ul.grid_mode li { width: calc(50% - 10px) !important } .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_expiry { min-height: 40px; } } @media (max-width: 600px) { .offer_just_for_me .estore_offers_available .estore_promotions_container { border-width: 0 0 1px 0; height: auto; } .offer_just_for_me .estore_promotions_container .promotion_info { height: auto; } .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_description, .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_condition, .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_expiry { min-height: auto; } .offer_just_for_me .estore_promotions_container .promotion_info .promotions_points a { font-size: 0.9em; } .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_points, .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_add { min-height: 25px; } } @media (min-width: 1281px){ #checkoutNewStoreAddressForm #collectNamedDay #deliveryoption_deliveryCharge { width: 15%; } } #checkoutNewStoreAddressForm #collectNamedDay #cfs_checkout_address_buttons { padding-right: 0 !important; } @media (max-width: 600px) { #checkoutNewStoreAddressForm #deliveryoption_name { width: auto !important; } #collect_content #checkoutNewStoreAddressForm { margin-bottom: 50px !important; } #checkoutNewStoreAddressForm #deliveryoption_deliveryDate { -webkit-order: 1; -ms-flex-order: 1; order: 1; position: relative; top: 30px; } #checkoutNewStoreAddressForm #deliveryoption_deliveryCharge { -webkit-order: 1; -ms-flex-order: 1; order: 1; } } .myOffersLandingPageContainer.ccol10 { margin:0 auto; float: none; max-width: 900px; } #myOfferLandingPage #edit_your_personal_information #personalDetails .labelSpan { display: block; width: auto; padding-bottom:5px; } #myOfferLandingPage #edit_your_personal_information input[type="text"] { width: 85%; } #myOfferLandingPage .registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width: 25%; } #myOfferLandingPage .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc { width: 38%; } #myOfferLandingPage .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { width: 25%; } #myOfferLandingPage #edit_your_personal_information .button_footer_line { width: 95%; display: block; float: none; } #myOfferLandingPage #edit_your_personal_information #adcard_expanded { margin-bottom: 0; border-width: 0px; } #myOfferLandingPage .myOfferLandingPageHeading { font-size: 1.2em; text-align: center; } #myOfferLandingPage #edit_your_personal_information { width: auto; margin: 0; } #myOfferLandingPage #personal_details_container #mandatoryFields { margin-top: 0px; } #myOfferLandingPage .myOfferSignupForADC p { margin: 20px 0 40px; } #myOfferLandingPage select { background: #F6F9FE; border: 1px solid #CADFF4; } @media (max-width: 600px) { #myOfferLandingPage #eStore_logIn_registration, #myOfferLandingPage #eStore_registration_form { width: 100%; max-width: 100%; } #myOfferLandingPage .myOfferLandingPageHeading { font-size: 1em; text-align: left; } #myOfferLandingPage #edit_your_personal_information input[type="text"] { width: 98%; } #myOfferLandingPage .registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width: 30%; } #myOfferLandingPage .registrationDateOfBirthLabel #registrationDateOfBirthMonthAdc { width: 40%; } #myOfferLandingPage .registrationDateOfBirthLabel #registrationDateOfBirthYearAdc { width: 30%; } } @media (min-width: 600px) and (max-width: 1280px) { .myOffersLandingPageContainer .my_offers_container { width: 100% !important; } .myOffersLandingPageContainer.col8 { width: 90%; margin: 0 auto; } .myOffersLandingPageContainer #eStore_logIn_registration { max-width: 100%; } .myOffersLandingPageContainer #myOfferLandingPage #edit_your_personal_information input[type="text"] { width: 95% !important; } .myOffersLandingPageContainer #eStore_logIn_registration #signIn_section { width: 50%; max-width: 50%; margin-bottom: 30px; } .myOffersLandingPageContainer #eStore_logIn_registration #newCustomer_section { width: calc(50% - 21px); margin-left: 20px; } #myOfferLandingPage .registrationDateOfBirthLabel #registrationDateOfBirthDayAdc { width: 30%; } } .offerUsedPinkContainer { color: #B8247A; font-weight: bold; } @media (min-width: 601px){ #alreadyUsedYourOffers .actionButton a.secondary{ width: 49%; margin-right:0.5%; } #alreadyUsedYourOffers .actionButton a.primary{ width: 49%; margin-left:0.5%; } } @media (min-width: 600px){ #alreadyUsedYourOffers .actionButton a.secondary{ margin-bottom: 10px; } } .promo_offer_container.basketDigitalOffer h3 span.promo_offer_title{ color: #b8237b; } .basketDigitalOfferDetails { padding-left: 115px; font-size: 1.075em; } .basketDigitalOfferDetails h4 { color: #B7237B; font-weight: bold; font-size: 1em; padding-bottom: 10px; line-height: normal; } .basketDigitalOfferDetails p { padding: 0 0 10px 0; } @media (min-width: 601px) and (max-width: 1280px) { .basketDigitalOfferDetails { font-size: 0.875em; padding-left:80px; } } @media (max-width: 600px) { .basketDigitalOfferDetails { font-size: 0.875em; padding-left:67px; width: auto; padding-top: 10px; } .basketDigitalOfferDetails p.digitalOfferDesc { padding-bottom: 0px; } } .single_padding.basketDigitalOffer .price_container p, .single_padding.basketDigitalOffer .right.text_left p{ color: #B7237B; } .sign_in_registration.digitalOffer #newCustomer_section h2.registration_header, .sign_in_registration.digitalOffer #eStore_logIn_registration #signIn_section h1{ color: #333; font-size:1.4em; } @media (min-width: 601px) and (max-width: 1280px) { .sign_in_registration.digitalOffer #newCustomer_section h2.registration_header, .sign_in_registration.digitalOffer #eStore_logIn_registration #signIn_section h1{ font-size:1.2em; } } @media (max-width: 600px) { .sign_in_registration.digitalOffer #newCustomer_section h2.registration_header, .sign_in_registration.digitalOffer #eStore_logIn_registration #signIn_section h1{ font-size:1em; } } #promo_row-show_multiple { margin-bottom: 0.75em; margin-top: 0.75em; min-width: 300px; } #appliedPromotionCodes span#basket_promo_arrow_stag { transform: rotate(90deg); margin: 0 0 0 8px; padding: 0; font-size: 1.5em; position: relative; top: 3px; } .pdp_favourites_section div.disabled #wishListIcon { background-position: 4px -64px; } @media (max-width: 600px) { #personalDetails .labelSpan { width: auto; } } #alreadyUsedYourOffers .actionButton { width:90%; display: inline-block; padding-top: 20px; } #alreadyUsedYourOffers .actionButton .button.primary { float: right; width:48%; } #alreadyUsedYourOffers .actionButton .button.secondary { float: left; width:48%; } .popup_overlay#alreadyUsedYourOffers p { padding:15px 0 0 0; } @media (max-width: 600px) { #alreadyUsedYourOffers .actionButton .button.primary, #alreadyUsedYourOffers .actionButton .button.secondary { float: none; width: auto; display: block; } #alreadyUsedYourOffers .actionButton .button.secondary { margin-top: 15px; } #alreadyUsedYourOffers .actionButton { width: 100%; } .popup_overlay#alreadyUsedYourOffers p.popup_overlay_head { width: 85%; } .popup_overlay#alreadyUsedYourOffers p { display: block; width: 100%; } } @media (max-width: 1280px) { .offer_just_for_me .estore_offers_available .estore_promotions_container .promotion_info .promotions_points { font-size: 14px; } #my_offers_lister_page.offer_just_for_me .my_offers_lister_container { margin-bottom: 30px; } } #myOfferLandingPage .myOfferLandingPageHeading { font-family:"F37 Ginger Bold",Arial,sans-serif; font-size: 20px; line-height: 30px; } @media (max-width: 1280px) { #myOfferLandingPage .myOfferLandingPageHeading { font-size: 17px; line-height: 25px; } } #myOfferLandingPage .myOfferLandingPageHeading:first-letter, #myOfferLandingPage .myOfferLandingPageHeading::first-letter { text-transform: uppercase; } @media (min-width: 601px) { #globalNavigationContainer { overflow: hidden; } } @media (min-width: 768px) and (max-width: 1280px) { #collectNamedDay #delivery_options_table .delivery_options_row_namedDay, #deliveryNamedDay .delivery_options_row_namedDay { width: 600px !important; } #deliveryNamedDay #carousel_inner, #collectNamedDay #cfs_carousel_inner { width: 500px !important; } } @media (max-width: 600px) { #collectNamedDay #delivery_options_table .delivery_options_row_namedDay, #deliveryNamedDay .delivery_options_row_namedDay { width: 267px !important; } #deliveryNamedDay #carousel_inner, #collectNamedDay #cfs_carousel_inner { width: 197px !important; } #deliveryNamedDay #deliveryNamedDayError { padding-left: 7%; margin-top:-22px; } #deliveryNamedDay #delivery_options_table { margin-top: 0; } #deliveryNamedDay #deliveryoption_deliveryCharge { margin-top: 22px !important; } } #add_new_card_cancel_button a{ width: 125px; position: absolute; bottom: 135px; height: 2.5em; line-height: 2.5em; } @media (max-width: 600px) { #add_new_card_cancel_button a{ width: auto; bottom:0px; position: relative; display: block; } } @media (min-width: 768px) and (max-width: 1280px) { #collectNamedDay #delivery_options_table .delivery_options_row_namedDay, #deliveryNamedDay .delivery_options_row_namedDay { width: 600px !important; } #deliveryNamedDay #carousel_inner, #collectNamedDay #cfs_carousel_inner { width: 500px !important; } } @media (max-width: 600px) { #collectNamedDay #delivery_options_table .delivery_options_row_namedDay, #deliveryNamedDay .delivery_options_row_namedDay { width: 267px !important; } #deliveryNamedDay #carousel_inner, #collectNamedDay #cfs_carousel_inner { width: 197px !important; } #deliveryNamedDay #deliveryNamedDayError { padding-left: 7%; margin-top:-22px; } #deliveryNamedDay #delivery_options_table { margin-top: 0; } #deliveryNamedDay #deliveryoption_deliveryCharge { margin-top: 22px !important; } } #idConsentOverlay, #idConsentOverlayServiceUnavailable { position: fixed; top: 50%; left: 50%; z-index: 4000; width: 970px; background: #fff; font-size: 0.875em; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #idConsentOverlayProgressCheck, #idConsentOverlayProgressResult { position: fixed; top: 50%; left: 50%; z-index: 4000; width: 500px; background: #fff; font-size: 0.875em; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #idConsentOverlayServiceUnavailable p.itemSavedInBasketMsg { padding-top: 10px; } #idConsentOverlayProgressCheck p, #idConsentOverlayProgressResult p { text-align: center; font-size: 16px; } #idConsentOverlayProgressCheck .idConstentProgressImg, #idConsentOverlayProgressResult .idConstentProgressImg { text-align: center; margin: 20px 0 40px; } #idConsentOverlayProgressCheck .idConstentProgressImg img { height: 40px; } .idConsentOverlayTitle { font-size: 20px; color: #333; font-weight: normal; text-align: center; padding: 20px 0; } .idConsentOverlayContent { padding:0px 35px 35px; } #idConsentOverlay .idConsentOverlayContent p { padding: 5px 0; font-size: 14px; line-height: normal; } #idConsentOverlay a.close-btn { margin-right: 0; right: 9px; } #idConsentOverlay .custom_checkbox { padding: 20px 0; position: relative; } #idConsentOverlay #custom_checkbox_for_term_and_condition .custom_checkbox_tick a { text-decoration: none; } #idConsentOverlay #custom_checkbox_for_term_and_condition .custom_checkbox_tick input { position: absolute; } #idConsentOverlay .idConsentOverlayButtonCon { padding: 10px 35px 35px; } #idConsentOverlay .idConsentOverlayButtonCon a { width: 225px; } #idConsentOverlay .idConsentOverlayButtonCon a.button.primary { float: right; border-width: 2px; } #idConsentOverlay .idConsentOverlayButtonCon a.button.secondary { float: left; } #idConsentOverlay .privacyPolicyLink { text-decoration: underline; } #idConsentOverlayProgressResult .idConstentProgressImg { background-image: url("../../images/boots/checkTickBlue.svg"); background-size: 25px 25px; background-position: center; background-repeat: no-repeat; height: 32px; } @media (min-width: 601px) and (max-width: 1280px) { #idConsentOverlay, #idConsentOverlayServiceUnavailable { width: 680px; } #idConsentOverlay .idConsentOverlayButtonCon a { width: 180px; } } @media (max-width: 600px) { #idConsentOverlay, #idConsentOverlayProgressCheck, #idConsentOverlayProgressResult, #idConsentOverlayServiceUnavailable { width: 99% } #idConsentOverlay { height: 100%; overflow-y: scroll; } #idConsentOverlay .idConsentOverlayButtonCon a { width: auto; display: block; float: none; } #idConsentOverlay .idConsentOverlayButtonCon a.button.primary { margin-bottom: 20px; } #idConsentOverlay .idConsentOverlayButtonCon a.button.primary, #idConsentOverlay .idConsentOverlayButtonCon a.button.secondary { float: none; } #idConsentOverlay .idConsentOverlayContent { padding:0px 20px 20px; } .idConsentOverlayTitle { padding: 20px 80px; } #idConsentOverlay .idConsentOverlayContent p.custom_checkbox_tick { width: 90%; } #idConsentOverlay .idConsentOverlayContent p { line-height: inherit; } } .clinicJourneyTitleContainer .selectWrapper.selectTitle { display: inline-block; } h2.clincsPatientsSummaryHeading { line-height: normal !important; } .clincsPatientsSummaryDesc { margin-bottom: 55px; line-height: 1.6em; font-size: 20px; } .clincsPatientsSummaryDesc p { padding-top: 8px; } @media (min-width: 601px) and (max-width: 1280px) { .clincsPatientsSummaryDesc { font-size: 14px; } } @media (max-width: 600px) { .clincsPatientsSummaryDesc { font-size: 14px; margin-bottom: 45px; } .clincsPatientsSummaryDesc p { padding-top: 8px; } } .idcheck_editdetails_heading { color: #004990; font-size: 25px; line-height: normal; margin: 40px 0 15px; } .idcheck_editdetails_subheading { margin-bottom: 44px; } .idcheck_editdetails_subheading p { font-size: 14px; padding-bottom: 10px; } #idEditDetailsDob span.dobDay.styled-select, #idEditDetailsDob span.dobYear.styled-select { width: 100px; margin-right:10px; } #idEditDetailsDob span.dobMonth.styled-select { width: 130px; margin-right:10px; } #IdEditDetailsContainer { height: auto !important; } @media (min-width: 1281px) { #idEditDetailsSearchAddress { position: relative; top: 2px; left: 122px; width: 223px !important; font-size: 1em; } #Checkout_Address_container.customerEditDetails { width: 65%; margin: 0 auto; } #IdCheckEditDetailsContainer.checkout_form_container span { width: 10em; } #IdCheckEditDetailsContainer.checkout_form_container div { margin-top: 25px; } #IdCheckEditDetailsContainer.checkout_form_container div#checkout_address_buttons { margin-top: 43px; margin-bottom: 74px; } #IdCheckEditDetailsContainer.checkout_form_container div#checkout_address_buttons .checkout_button { width: 225px !important; min-height: 42px !important; line-height: 38px !important; font-size: 1.25em; margin-top: -4px; letter-spacing: 0.5px; } #IdCheckEditDetailsContainer.checkout_form_container div#checkout_address_buttons #confirm_address_container { margin-right: 4px; } #Checkout_Address_container.customerEditDetails #paf_myAddress_form input { height: 2.6em; width: 40.3%; } #Checkout_Address_container.customerEditDetails #paf_myAddress_form .idEditcountryRegion input { width: 143px; } #Checkout_Address_container.customerEditDetails #IdCheckEditDetailsContainer.checkout_form_container select { min-height: 2.6em !important; height: 2.6em !important; } #IdCheckEditDetailsContainer p.mandatoryFields { padding-top: 0px; font-size: 11px; } #IdCheckEditDetailsContainer.checkout_form_container span#manual_house_name_span { width: 8.2em; padding-right: 1.3em; } } @media (min-width: 601px) and (max-width: 1280px) { #Checkout_Address_container.customerEditDetails { width: 85%; margin: 0 auto; } .idcheck_editdetails_heading { font-size: 20px; margin: 40px 0 19px; } #IdCheckEditDetailsContainer.checkout_form_container span { width: 8.4em; } #IdCheckEditDetailsContainer.checkout_form_container div { margin-top: 15px; } .idcheck_editdetails_subheading { margin-bottom: 22px; } #Checkout_Address_container.customerEditDetails #paf_myAddress_form input { height: 2.6em; width: 49.5%; } #Checkout_Address_container.customerEditDetails #paf_myAddress_form .idEditcountryRegion input { width: 122px; } #Checkout_Address_container.customerEditDetails #IdCheckEditDetailsContainer.checkout_form_container select { min-height: 2.6em !important; height: 2.6em !important; } #IdCheckEditDetailsContainer.checkout_form_container span#manual_house_name_span { width: 8.2em !important; padding-right: 0.2em; } #IdCheckEditDetailsContainer.checkout_form_container div#checkout_address_buttons { margin-top: 48px; margin-bottom: 52px; } #IdCheckEditDetailsContainer.checkout_form_container div#checkout_address_buttons .checkout_button { width: 13.6em !important; min-height: 38px !important; line-height: 38px !important; } #IdCheckEditDetailsContainer.checkout_form_container { width: auto; } #IdCheckEditDetailsContainer.checkout_form_container div#checkout_address_buttons #confirm_address_container a { margin-right:1em; } #idEditDetailsDob span.dobDay.styled-select { width: 96px; } #idEditDetailsDob span.dobMonth.styled-select { width: 142px; } #idEditDetailsDob span.dobYear.styled-select { width: 86px; } #idEditDetailsSearchAddress { position: relative; top: 6px; left: 10px; width: 150px !important; font-size: 1em !important; } } #IdCheckEditDetailsContainer.checkout_form_container div#checkout_address_buttons #confirm_address_container a.button.primary{ width: 225px; height: 42px; line-height: 40px; margin-top: -4px; } @media (max-width: 600px) { #Checkout_Address_container.customerEditDetails { width: 92%; margin: 0 auto; } .idcheck_editdetails_heading { font-size: 17px; margin: 29px 0 11px; } #Checkout_Address_container.customerEditDetails div.idcheck_editdetails_subheading { padding-right: 10px; margin-top: 0; margin-bottom: 19px; } #Checkout_Address_container.customerEditDetails #IdCheckEditDetailsContainer.checkout_form_container select { min-height: 2.5em !important; height: 2.5em !important; margin-bottom: 0 !important; font-size: 14px !important; } #IdCheckEditDetailsContainer.checkout_form_container div { margin-top: 16px; } #Checkout_Address_container.customerEditDetails #paf_myAddress_form input { height: 2.5em; margin-top: 0.2em !important; margin-bottom: 0 !important; } #Checkout_Address_container.customerEditDetails #personTitle_container { margin-top: 1.2em !important; } #idEditDetailsDob span.dobDay.styled-select { width: calc(30% - 10px); display: inline-block; margin-right: 5px; } #idEditDetailsDob span.dobMonth.styled-select { width: calc(40% - 10px); display: inline-block; margin-right: 5px; } #idEditDetailsDob span.dobYear.styled-select { width: calc(30% - 10px); display: inline-block; margin-right: 5px; } #Checkout_Address_container.customerEditDetails #IdCheckEditDetailsContainer.checkout_form_container span.styled-select:before { top: 0.1em; } #IdCheckEditDetailsContainer.checkout_form_container div.clearfix { margin:0px; padding: 0px; } #IdCheckEditDetailsContainer.checkout_form_container div#checkout_address_buttons { margin-top: 12px; margin-bottom: 52px; } #IdCheckEditDetailsContainer.checkout_form_container #checkout_confirm_address { margin: 1em 0; } #Checkout_Address_container.customerEditDetails #paf_myAddress_form .idEditcountryRegion input { width: 162px; } #idEditDetailsSearchAddress { margin-top: 1em; } #IdCheckEditDetailsContainer.checkout_form_container div#checkout_address_buttons #confirm_address_container a.button.primary{ width: 100% } } #idCheckUnsuccessfull { width: 66%; margin: 0 auto; padding-bottom: 75px; } #idCheckUnsuccessfull h3 { color: #004990; font-size: 25px; line-height: normal; margin: 60px 0 4px; } #idCheckUnsuccessfull div.idcheckunsuccfulldetails { padding-bottom: 32px; } #idCheckUnsuccessfull p { font-size: 14px; } #idCheckUnsuccessfull div.idcheckunsuccfulldetails p { padding-top: 10px; } #idCheckUnsuccessfull h4 { font-size: 14px; font-weight: bold; padding-top: 15px; font-family: arial,helvetica,clean,sans-serif; line-height: normal; } #clinic-page div #content h2.forScreenReaderOnly, h2.forScreenReaderOnly { padding: 0 !important; margin: 0 !important; font-size: 0 !important; } #idConsentOverlayServiceUnavailable p { padding-top: 10px; } @media (min-width: 601px) and (max-width: 1280px) { #idCheckUnsuccessfull { width: 75%; } #idCheckUnsuccessfull h3 { font-size: 20px; margin-top: 51px; } #clinic-page div #content h2.forScreenReaderOnly, h2.forScreenReaderOnly { padding: 0 !important; margin: 0 !important; font-size: 0 !important; } } @media (max-width: 600px) { #idCheckUnsuccessfull { width: 92%; } #idCheckUnsuccessfull h3 { font-size: 17px; margin-top: 26px; margin-bottom: 8px; } #idCheckUnsuccessfull div.idcheckunsuccfulldetails { padding-bottom: 23px; } #idCheckUnsuccessfull h4 { line-height: 19px; padding-bottom: 1px; padding-top: 12px; } #idConsentOverlayProgressCheck .idConsentOverlayTitle, #idConsentOverlayProgressResult .idConsentOverlayTitle { padding: 20px 40px; } #idConsentOverlayServiceUnavailable .idConsentOverlayTitle { padding: 20px 100px; } #clinic-page div #content h2.forScreenReaderOnly, h2.forScreenReaderOnly { padding: 0 !important; margin: 0 !important; font-size: 0 !important; } } #idConsentOverlay .idConsentOverlayButtonCon a.button.primary.disabled { pointer-events: none; } .customerEditDetails #no_PAFaddress_overlay a { text-decoration: underline; } .PAFaddressFinderWidgetContainer .PAFaddressFinderLabelContainer { width: 152px; padding-top: 10px; } .PAFaddressFinderWidgetContainer .PAFaddressFinderLabelContainer label.addressFinderLabel { font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; font-size: 1.2em; color: #004990; } .PAFaddressFinder .PAFaddressFinderButtonContainer { margin-left: 10px; } .PAFaddressFinderWidgetContainer { display: -webkit-box; } .PAFaddressFinder .PAFaddressFinderInputContainer, .PAFaddressFinder .PAFaddressFinderButtonContainer { float: left; } .PAFaddressFinder .PAFaddressFinderInputContainer { position: relative; } #PAFAddressSearchSectionDisplay { width: calc(100% - 8.8em); margin-top:0 !important; } .PAFaddressFinder .PAFaddressFinderButtonContainer #PAFaddressFinderButton{ width: 175px; padding-top: 0; } .PAFaddressFinder .addressFinderSearchRestultContainer { position: absolute; top: 40px; left: 1px; width: calc(100% - 15px); height: 270px !important; overflow-y: scroll; overflow-x: hidden; border: 1px solid #d0d0d0; background: #fff; padding: 15px 0; padding-right: 12px; z-index: 10; } .PAFaddressFinder .addressFinderSearchRestultContainer::-webkit-scrollbar{ width:20px; background:#f7f7f7; border-left:1px solid #d0d0d0; } .PAFaddressFinder .addressFinderSearchRestultContainer::-webkit-scrollbar-thumb{ background:#d0d0d0; border-radius: 16px; height:30px; } .PAFaddressFinder .PAFaddressFinderInputContainer .addressFinderSearchRestult, .checkout_form_container div.findAdressContainer .addressFinderSearchRestultContainer .addressFinderSearchRestult { padding: 10px 20px !important; font-size: 14px !important; cursor: pointer; width: calc(100% - 20px); } .PAFaddressFinder .PAFaddressFinderInputContainer .addressFinderSearchRestult:hover { background: rgb(246, 250, 254) !important; } .addressFinderButton.disabled { pointer-events: none; } /*CR 6.1 to 6.6 styles Start*/ .checkout_form_container div.findAdressContainer, .checkout_form_container div.findAdressContainer div { height: auto !important; } .checkout_form_container div.findAdressContainer .addressFinderSearchRestultContainer { height: 270px !important; width: -webkit-fill-available; width: -moz-available; } .ViewAddressDetails, .ViewAddressDetails .adressDetailsContainer, .findAddressWidgetNlabelContainer{ display: -webkit-flex; display: flex; } .adressDetailsContainer { margin-top:4px !important; } .ViewAddressDetails .adressDetailsContainer{ width:calc(100% - 9em); margin-top:0; } .adderssDetails, .changeLink { font-weight:normal; font-size: 14px; color: #333333; } .adderssDetails { list-style: none; padding: 0; margin:0 !important;; width: calc(100% - 3em); } #IdCheckEditDetailsContainer.checkout_form_container div.mandatoryFieldsContainer{ margin-top:50px; } .changeLink { border-bottom: 1px solid #333; padding-bottom: 1px; height: 14px; font-size:12px; } .editAddressDetails.addressDisplayActive div#addressDisplayWidget { font-size: 14px; } .findAddressWidgetNlabelContainer label.addressFinderLabel-pd{ display:block; width:10em; } .findAdressContainer .editAddressMainLabel p.editAdressMainsubLabel { line-height: 2.3em; font-size: 0.85em; } .findAddressWidgetNlabelContainer div#pafAddressFinderId { width:89%; /*Plz don't remove it's for ie*/ width: -webkit-fill-available; width: -moz-available; } #IdCheckEditDetailsContainer.checkout_form_container div#pafAddressDisplayId { width: calc(100% - 10em); } .findAdressContainer .PAFaddressFinder, .findAdressContainer .PAFaddressFinder div{ padding:0 !important; margin:0 !important; } .PAFaddressFinderInputContainer input{ text-transform:upperCase; } .findAdressContainer .PAFaddressFinder .PAFaddressFinderButtonContainer{ width:auto !important; margin-left: 13px !important; } .findAdressContainer .PAFaddressFinder .PAFaddressFinderInputContainer{ width:48%; } /*CR 6.1 to 6.6 styles End*/ /*clinic journey pixel perfect styles Start */ #clinic-page #findPatientAddressArea #patient_registration_form input, #frps-page #findPatientAddressArea #patient_registration_form input{ width:340px; } #clinic-page .progressBarWrapper#phProgressBar{ height:90px; margin-bottom: 0; } #clinic-page .progressBarWrapper .section-title{ line-height:2.3em; font-size:1.56em; } /*#clinic-page div #content h2{ line-height:0.8em; letter-spacing:1px; display:inline; }*/ #clinic-page #sectionOne form#paf_address_form, #frps-page form#paf_address_form { margin-top: 28px; margin-bottom: 20px; font-size: 1.4em; line-height: 1.3em; } /* SO defect #125 fix */ #clinic-page div#sectionTwo #findPatientAddressArea, #frps-page div#findPatientAddressArea{ min-height:50vh; height: auto; } /* EO defect #125 fix */ div#patient_registration_form div#addressSectionHeading1 h2 { line-height: 2em; margin-bottom: 0.3em; display: block; margin-top: 0; } div#addressSectionHeading2 { margin-bottom: 64px; } div#patient_registration_form #addressSectionHeading2{ margin-bottom: 44px; } #patient_registration_form #addressSectionHeading2 h4 { font-size: 1.4em; margin-top: 0; line-height: 2em; margin-bottom: 0; letter-spacing: -1px; } #checkout_address_buttons.opt_block .optn-button:last-child { margin: 0; } #checkout_address_buttons.opt_block .optn-button { margin-right: 49px; font-size: 0.8em; max-width: 356px; width: calc((100% - 50px) / 2); transition: 0.3s; float: left; min-width: auto; } #clinic-page div #content #patient_confirm_address h2, #frps-page div #content #patient_confirm_address h2 { font-size: 3.6em; line-height: 1em; width:100%; margin:0; } #clinic-page .next.acol12.col12.ccol12, #clinic-page .next { display:none; } #clinic-page .nosteps-6 .progress-state{ width:16%; } span.houseNumber { padding-right: 5px; } #clinic-page #sectionTwo_b{ margin-bottom:50px !important; min-height:auto; } /*clinic journey pixel perfect styles End*/ /*edit details style*/ span.houseNumber { width:auto !important; } .idcheck_editdetails_heading { margin: 67px 0 15px; } .checkout_form_container div.findAdressContainer .PAFaddressFinderInputContainer input { width: 89%; } .checkout_form_container .findAdressContainer .PAFaddressFinder .PAFaddressFinderInputContainer{ width:57%; } .checkout_form_container .findAdressContainer .PAFaddressFinder .PAFaddressFinderButtonContainer { margin-left:0 !important; } .checkout_form_container .findAdressContainer .PAFaddressFinder .PAFaddressFinderButtonContainer #PAFaddressFinderButton{ width:216px; } .acol12.col12.ccol12.editAddressDetails.js-editAddressDetails.addressDisplayActive { display: -ms-flexbox; display: -webkit-flex; display:-moz-box; display: flex; } .acol12.col12.ccol12.editAddressDetails.js-editAddressDetails.addressDisplayActive .editAddressMainLabel { display: none; } .editAddressDetails.addressDisplayActive .findAddressWidgetNlabelContainer { width: calc(100% - 12em); } .editAddressDetails.addressDisplayActive div { margin-top: 0 !important; } .editAddressDetails .ViewAddressDetails, .editAddressDetails a.changeLink, .editAddressDetails.addressDisplayActive .editAddressMainLabel{ display:none; } .editAddressDetails.addressDisplayActive .ViewAddressDetails, .editAddressDetails.addressDisplayActive a.changeLink{ display:inline-block !important; } #IdCheckEditDetailsContainer.checkout_form_container .findAddressWidgetNlabelContainer .PAFAddressSearchSectionDisplay{ margin-top:0 !important; } #IdCheckEditDetailsContainer.checkout_form_container #idEditDetailsDob .dobContainer span#titleLabelSpan { font-size: 0.875em; font-weight: bold; } /*Pharmacy items fixes Start*/ #collectStoreEpsContainer { padding: 2em !important; background: #f7f7f7; border: none !important; font-size:14px; } #collectStoreEpsContainer p.no-pre-space { margin-left: 0; } #edpDTh3.gray-title { width: 100%; margin-bottom: 1.5em; display: block; font-weight: bold; font-size:14px; } #collectStoreEpsContainer .left_espot.centered { width: calc(20% - 1.5em); margin-right: 1em; } #collectStoreEps { padding: 0 !important; } /*defect #7*/ .delivery_options_row .delivery_option_name { margin-right: 10px; } /*defect #31*/ #collectStoreEpsContainer .checkbox_container { display: inline-block; } /*defect #93*/ #collectStoreEpsContainer .text_container { width: 80% !important; } #collectStoreEpsContainer img#contentImage_collectStoreEps{ margin:0 !important; } /*Pharmacy items fixes End*/ /*CR adding reason for mobile number note at summary and registration page start*/ .checkout_custom_home_choose form div.mobileContainer p.mobileNubmerNote, #CFSDelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote, #CFPODelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote, #homeDelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote{ font-size: 13px; width: 45%; font-weight: normal; position: relative; left: 133px; display: inline-block; padding-bottom: 15px; } #CollectPostOfficeDeliveryContactDetails div.mobileContainer p.mobileNubmerNote{ left:119px; } #CFSDelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote, #CFPODelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote, #homeDelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote{ left:120px; } #personalDetails #WC_AddressEntryForm__div_phone1.mobileContainer p.mobileNubmerNote{ font-size: 13px; width:calc( 100% - 9.7em); font-weight: normal; position: relative; left: 12em; display: inline-block; padding-bottom: 15px; } #personalDetails #WC_AddressEntryForm__div_phone1.mobileContainer #WC_UserRegistrationAddForm_NameEntryForm_FormInput_phone1_1{ margin-bottom: 8px; } .checkout_custom_home_choose form div.mobileContainer label { margin-bottom: 0; } div#ph_extd_registration div#WC_AddressEntryForm__div_phone1.mobileContainer p.mobileNubmerNote { left: 154px; position: relative; font-size: 15px; margin-top: 16px; width:45% } /*CR adding reason for mobile number note at summary and registration page End*/ /*Common Classes Start*/ .js-hidden{ display:none !important } .button.primary{ cursor:pointer; } .button.primary.disabled{ cursor:normal; } /*#clinic-page .button, #clinic-page .button:hover, #clinic-page .button:focus, #clinic-page .button:active, .PAFaddressFinderButtonContainer .button.disabled:hover, .PAFaddressFinderButtonContainer .button.disabled:focus, .PAFaddressFinderButtonContainer .button.disabled:active, .PAFaddressFinderButtonContainer .button.disabled, #frps-page .PAFaddressFinderButtonContainer .button:hover, #frps-page .PAFaddressFinderButtonContainer .button:focus, #frps-page .PAFaddressFinderButtonContainer .button:active, #frps-page .PAFaddressFinderButtonContainer .button{ background-color: #cae0f5; color: #124b8e; } #clinic-page .button.disabled, #clinic-page .button.disabled:hover, #clinic-page .button.disabled:focus, #clinic-page .button.disabled:active, #frps-page .PAFaddressFinderButtonContainer .button.disabled:hover, #frps-page .PAFaddressFinderButtonContainer .button.disabled:focus, #frps-page .PAFaddressFinderButtonContainer .button.disabled:active, #frps-page .PAFaddressFinderButtonContainer .button.disabled{ background-color: #f7f7f7; color: #d0d0d0; }*/ .error_container{ color:#CC0033; height:auto; margin-bottom:30px; } .error_container span{ font-weight:bold; } .error_container span.warning_icon{ font-size:18px; margin-right:5px; display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } .error_container p.subErrorMsg{ margin-left:30px; color:#CC0033; } .error_input{ border:1px solid #cc0033 !important; } /*Common Classes End*/ /*defect #182*/ @media (min-width: 1281px) { #collectStoreEpsContainer.checkout_custom_home_choose{ width: calc(100% - (8% + 3em)); margin: auto; } #summaryEpsContainerForStore.summaryMatchWidth { width: calc(100% - (8%)); } } /*defect #182*/ /*desktop screen start*/ @media (min-width: 1419px) { } /*desktop screen end*/ /*tablet view styles Start*/ @media (min-width: 601px) and (max-width: 1280px) { .checkout_form_container .findAdressContainer .PAFaddressFinder .PAFaddressFinderButtonContainer #PAFaddressFinderButton{ width:206px; margin-left: 10px; } .findAddressWidgetNlabelContainer label.addressFinderLabel-pd{ width: 8.4em; } .ViewAddressDetails.js-ViewAddressDetails > label, #js-editAddressDetails #ViewAddressDetails { width: auto; } #clinic-page .progressBarWrapper#phProgressBar { height: 80px; margin-bottom: 0; } .PAFaddressFinder .PAFaddressFinderInputContainer { width: 54.5%; } .PAFaddressFinder .PAFaddressFinderInputContainer .addressFinderInput{ mini-width:89%; /*plz don't remove it's for ie*/ min-width: -webkit-fill-available; min-width: -moz-available; width:auto !important; } #clinic-page #sectionTwo #addressSectionHeading2 h4 , #frps-page #sectionTwo #addressSectionHeading2 h4{ font-size: 0.9em; margin-top: 0; line-height: 3em; margin-bottom: 3em; letter-spacing: 0; font-weight: 100; } /*clinic journey tablet*/ /*#clinic-page div #content h2 { line-height: 1.4em; margin-top: -0.829em !important; margin-bottom: 0 !important; }*/ #clinic-page #sectionOne form#paf_address_form, #frps-page form#paf_address_form{ margin-top: 0; margin-bottom: 38px; } #checkout_address_buttons.opt_block .optn-button{ max-width: 36.5vw; margin-right: 5vw; font-size: 100%; } div#patient_registration_form div#addressSectionHeading1 h2{ line-height: 1.3em; margin-top:0.55em !important; } div#addressSectionHeading2 { margin-bottom: 47px; margin-top:10px; } /*error msg style*/ .error_container{ margin-bottom: 17px; } .error_container span{ font-size: 14px; } .error_container span.warning_icon{ margin-right: 10px; } .error_container p.subErrorMsg{ margin-left:36px; } /*fixing popup issue clinic flow checkout iPad*/ #clinic-page #reviewOrder>div#checkOutPopupContainer{ overflow:visible !important; } /*fixing pharmacy items on tablet*/ #collectStoreEpsContainer img#contentImage_collectStoreEps { margin-left: 8px !important; } #collectStoreEpsContainer{ padding: 1.5em 1em 0em 1em !important; margin-top: 0; } /*CR adding reason for mobile number note at summary and registration page tablet-Start*/ div#ph_extd_registration div#WC_AddressEntryForm__div_phone1.mobileContainer p.mobileNubmerNote { left: 25.2%; font-size: 15px; line-height: 18px; margin-top: 10px; width:calc(100% - 24.5%); } #CFSDelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote, #CFPODelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote, #homeDelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote{ left: 133px; } /*CR adding reason for mobile number note at summary and registration page tablet-End*/ } /*tablet view styles End*/ /*mobile view styles Start*/ @media (max-width: 600px) { .PAFaddressFinder .PAFaddressFinderLabelContainer, .PAFaddressFinder .PAFaddressFinderInputContainer, .PAFaddressFinder .PAFaddressFinderButtonContainer { float: none; margin-left: 0px; } .PAFaddressFinder .PAFaddressFinderInputContainer { margin: 10px 0; } .PAFaddressFinder .PAFaddressFinderButtonContainer{ margin-top:20px; } .findAdressContainer .PAFaddressFinder .PAFaddressFinderInputContainer, .PAFaddressFinder, .PAFaddressFinder .PAFaddressFinderButtonContainer #PAFaddressFinderButton{ width:100%; } .findAdressContainer .PAFaddressFinder div.PAFaddressFinderButtonContainer{ margin-left:0 !important; } .findAdressContainer .PAFaddressFinder div, .ViewAddressDetails div.adressDetailsContainer{ margin-top:15px !important; } .PAFaddressFinderWidgetContainer .PAFaddressFinderLabelContainer { width: 100%; padding-top: 17px; font-size: 1.3em; text-transform: none; } .PAFaddressFinderWidgetContainer, .findAddressWidgetNlabelContainer { display: block; } .adderssDetails{ width:82% } /*clinic journey mobile style*/ #clinic-page .progressBarWrapper#phProgressBar { height:55px; } #clinic-page .progressBar { height: 7.5px; } #clinic-page .nosteps-6 .progress-state{ width:16.74%; } #clinic-page .progressBarWrapper .section-title { line-height: 1.5em; font-size: 1.2em; letter-spacing: 0.51px; } #clinic-page .progressBarWrapper { height: 55px; } /*#clinic-page div #content h2 { line-height: 1.33em; letter-spacing: 1.5px; font-size: 2em; margin-top: 24px; }*/ #clinic-page #sectionTwo_a{ min-height:auto; margin-bottom: -5px !important; } #clinic-page #sectionTwo_b{ display:block } #clinic-page #sectionOne form#paf_address_form, #frps-page form#paf_address_form { margin-top: 0; margin-bottom: 10px; font-size: 1em; line-height: 1.48em; } #checkout_address_buttons.opt_block .optn-button { max-width: 131px; height: 135px; margin-right: 32px; font-size: 0.65em; } div#PAFAddressSearchSectionDisplay { width: 100%; } #clinic-page #sectionTwo #addressSectionHeading2 h4, div#frps-page #sectionTwo #addressSectionHeading2 h4 { font-size: 1em; line-height: 1.52em; margin-bottom: 0; letter-spacing: 0; margin-top: 16px; } div#patient_registration_form div#addressSectionHeading1 h2{ margin-top: 0.71em; margin-bottom:0; padding:0; font-size: 2.2em; line-height: 1.3em; } div#addressSectionHeading2{ margin-bottom: 15px; } .checkout_form_container .findAdressContainer .PAFaddressFinder .PAFaddressFinderInputContainer, .checkout_form_container .findAdressContainer .PAFaddressFinder .PAFaddressFinderButtonContainer #PAFaddressFinderButton, .checkout_form_container div.findAdressContainer .PAFaddressFinderInputContainer input{ width:100%; } .acol12.col12.ccol12.editAddressDetails.js-editAddressDetails, .acol12.col12.ccol12.editAddressDetails.js-editAddressDetails.addressDisplayActive{ display:block; width: 100%; } .editAddressDetails.addressDisplayActive .findAddressWidgetNlabelContainer{ width: calc(100% - 9em); float:left; } /*FRPS Style*/ div#frps-page div#patient_registration_form div#sectionTwo #addressSectionHeading2 h4{ margin-top:8px; } div#frps-page div#patient_registration_form div#sectionTwo_a { min-height:auto; } #frps-page #findPatientAddressArea #patient_registration_form input{ max-width:100%; } div#frps-page div#patient_registration_form div#sectionTwo_a button#continue_post_code, div#frps-page div#patient_registration_form div#sectionTwo_a .next, div#frps-page div#patient_registration_form div#sectionTwo_b .prev{ display:none; } div#frps-page div#patient_registration_form div#sectionTwo_b{ display:block; } /*error msg style*/ .error_container span{ display: table-cell; } .error_container span.warning_icon{ display: table-cell; border-right: 5px solid transparent; } /*fixing popup issue clinic flow checkout iPhone*/ #clinic-page #reviewOrder>div#checkOutPopupContainer{ overflow:visible !important; } /*SO pharmacy items fixes on mobile*/ #collectStoreEpsContainer { padding: 1.5em 0 0 !important; } #collectStoreEpsContainer .left_espot { float: none; } #collectStoreEpsContainer .text_container { margin: auto; float: none !important; width: 90% !important; } #edpDTh3.address_header { text-align: center; } #collectStoreEpsContainer .left_espot.centered{ margin:0; width:100%; } #collectStoreEpsContainer p{ margin: 0 0 0 30px !important; } #collectStoreEpsContainer p.no-pre-space { margin: 0 !important; } #collectStoreEpsContainer { margin: auto; float: none; } #collectStoreEps { /* padding-top: 0;*/ } #collect_content_container #collect_content .checkout_store_collect #collectStoreEpsContainer, #delivery_content_container #collectStoreEpsContainer{ width: auto; } #summaryEpsContainerForStore.change-width { width: 86%; } #summaryEpsContainerForStore.change-width #collectStoreEps { padding-top: 0; } body.checkout #collectStoreEpsContainer img#contentImage_collectStoreEps { height: 96% !important; margin: 0 0 5px 0 !important; } #edpDTh3.gray-title{ text-align:center; } /*EO pharmacy items fixes on mobile */ /*CR adding reason for mobile number note at summary and registration page Mobile-start*/ .checkout_custom_home_choose form div.mobileContainer p.mobileNubmerNote, div#ph_extd_registration div#WC_AddressEntryForm__div_phone1.mobileContainer p.mobileNubmerNote, #personalDetails #WC_AddressEntryForm__div_phone1.mobileContainer p.mobileNubmerNote, #CFSDelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote, #CFPODelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote, #homeDelivery_deliveryContactDetailsForm div.mobileContainer p.mobileNubmerNote, #CollectPostOfficeDeliveryContactDetails div.mobileContainer p.mobileNubmerNote{ width: 100%; left: 0; } div#ph_extd_registration div#WC_AddressEntryForm__div_phone1.mobileContainer p.mobileNubmerNote { font-size: 13px; line-height: 18px; margin-top: 10px; } /*CR adding reason for mobile number note at summary and registration page Mobile-End*/ } /*mobile view styles End*/ @media (min-width:300px) { .error_container.pafSearchError span { display: table-cell; } .error_container.pafSearchError span.warning_icon { padding-right: 5px; } .error_container.pafSearchError p.subErrorMsg { margin-left: 25px; } } @media (max-width:600px) { #IdCheckEditDetailsContainer .editAddressDetails.addressDisplayActive .ViewAddressDetails { display: block !important; } #IdCheckEditDetailsContainer.checkout_form_container div#pafAddressDisplayId { width: auto; padding: 10px 30px; } #IdCheckEditDetailsContainer.checkout_form_container div.ViewAddressDetails { display: block; } #IdCheckEditDetailsContainer.checkout_form_container div.ViewAddressDetails .adressDetailsContainer { margin: 0px; width: 100%; position: relative; margin-top: 4px !important; } #IdCheckEditDetailsContainer.checkout_form_container div.ViewAddressDetails .adressDetailsContainer .changeLink { position: absolute; bottom: 0px; right: 0px; } #IdCheckEditDetailsContainer.checkout_form_container div.mandatoryFieldsContainer { margin: 0px 0 30px; clear: both; display: block; } #IdCheckEditDetailsContainer.checkout_form_container div#pafAddressDisplayId { margin: 0px; padding: 5px 0 0 0; } #IdCheckEditDetailsContainer.checkout_form_container .findAddressWidgetNlabelContainer { width: 100%; margin: 0px; } #IdCheckEditDetailsContainer.checkout_form_container #changeLinkInWidget { margin-top: -12px; float: right; } #IdCheckEditDetailsContainer.checkout_form_container .editAddressDetails.js-editAddressDetails div#ViewAddressDetails { display: none; } #IdCheckEditDetailsContainer.checkout_form_container .PAFaddressFinderInputContainer { margin-top: 0px !important; } } @media (min-width:1281px) { #IdCheckEditDetailsContainer.checkout_form_container #idAddressListContainer { width: calc(89% + 36px); } #IdCheckEditDetailsContainer.checkout_form_container span.customTitleArrowContainer.styled-select { min-width: 160px; } } @media (min-width: 601px) { #my_offers_landing_page.myAdvantageCardHome .my_offers_container .my_offers_links .my_offers_option { width: 49%; height: 215px; } #my_offers_landing_page.myAdvantageCardHome .my_offers_container { width: auto; } #my_offers_landing_page.myAdvantageCardHome .my_offers_container .my_offers_links .my_offers_option:last-child { margin-bottom: 30px; margin-left: 1%; } #my_offers_landing_page.myAdvantageCardHome .my_offers_container .my_offers_links .my_offers_option:first-child { margin-bottom: 30px; margin-right: 1%; } } @media (min-width: 601px) and (max-width: 1280px) { #my_offers_landing_page.myAdvantageCardHome .my_offers_container .my_offers_links .my_offers_option { width: 49%; height: 205px; } } @media (max-width: 600px) { #my_offers_landing_page.myAdvantageCardHome .my_offers_container .my_offers_links { display: block; } #my_offers_landing_page.myAdvantageCardHome .my_offers_container .my_offers_links .my_offers_option { margin-bottom: 30px; } } #my_offers_landing_page.myAdvantageCardHome .my_offers_container .my_offers_links .my_offers_option a .option_roundle{ background: #ba237b; } #my_offers_landing_page.myAdvantageCardHome .my_offers_container .my_offers_links .my_offers_option a .option_roundle { bottom: initial; top: 18px; } .pointsNumber b{ background-color: #bf2b82; color: #fff; border-radius: 100%; padding: 2px; /* fix for DWR 6534 */ display: inline-block; min-width: 13px; min-height: 13px; text-align: center; font-weight: normal; margin:-3px 0 0; /* fix for DWR 6534 */ } @media (max-width: 600px) { .pointsNumber b{ padding: 3px 5px; } } @media (max-width: 600px) { #displayRemovedPreviousOffer.popup_overlay p.popup_overlay_head { width: 229px; margin-top: 17px; text-align: center; } } @media (min-width: 601px) { #displayRemovedPreviousOffer.popup_overlay p.popup_overlay_head { width: 300px; text-align: center; } } .unAttendedChooseContainer { padding-top: 10px; } .unAttendedChoose, .unAttendedChooseLetterboxDelivery p { display: flex; padding: 10px 0; } .unAttendedChooseLetterboxDelivery p.unAttandedTerms { font-size: 13px; } .checkout_custom_home_choose .unAttendedChoose input, .unAttendedChoose input { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; height: auto; width: auto; margin: 2px 10px 0 0; padding: 0px; } .checkout_custom_home_choose .unAttendedChooseLetterboxDelivery input, .unAttendedChooseLetterboxDelivery input { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; height: 16px; width: 16px; margin: 4px 10px 0 0; padding: 0px; min-width: 16px; min-height: 16px; } .unAttendedChoose label,.unAttendedChooseLetterboxDelivery p label { font-weight: normal; display: flex; } .unAttendedChoose label input,.unAttendedChooseLetterboxDelivery p input { margin-right: 10px; } @media (max-width: 600px) { .checkout_custom_home_choose .unAttendedChoose input, .unAttendedChoose input, .checkout_custom_home_choose .unAttendedChooseLetterboxDelivery input, .unAttendedChooseLetterboxDelivery input { margin-top: 4px !important; } } .contact_details #custom_checkbox_for_term_and_condition.ageConsentCheckbox p.custom_checkbox_tick label, .contact_details #custom_checkbox_for_term_and_condition.termandCondition p.custom_checkbox_tick label { margin-bottom: 7px; } .contact_details #custom_checkbox_for_term_and_condition.ageConsentCheckbox p.custom_checkbox_tick { padding-top: 0; } .ageConsentCheckbox input { margin: 0px; padding: 0px; width: 0px; height: 0px; } .popup_overlay .ageConsentOverlayContent { margin: 0; padding: 0 0 30px 30px; text-align: left; } .popup_overlay .ageConsentOverlayContent li { font-weight: normal; font-size: 0.9em; padding: 10px 0 10px; } .adCardRegInlineErrorMsg { font-size: 14px; color: #c03; position: relative; margin-left: 158px; top: -23px; } .adcardDOBbottomMessageLabel { position: relative; top: -23px; margin-left: 158px; font-size: 0.875em; font-weight: normal; } @media (max-width: 600px) { .adCardRegInlineErrorMsg,.adcardDOBbottomMessageLabel { margin-left: 0; } } .contact_details #custom_checkbox_for_term_and_condition.ageConsentCheckbox p.custom_checkbox_tick input { width: 0px !important; } /*** PDP Add to cart redesign***/ .pdp_shopperActions_redesign .plus_quantity_redesign, .pdp_shopperActions_redesign .minus_quantity_redesign { background-color: #004990; color: #fff; width: 20% !important; position: absolute; top: 0; z-index: 1; outline: none; border-radius: 5px !important; height: 38px; } .pdp_shopperActions_redesign .plus_quantity_redesign { right: 0; } .pdp_shopperActions_redesign .minus_quantity_redesign { left: 0; } .plus_quantity_redesign:hover, .minus_quantity_redesign:hover { background-color: #1B355C; cursor: pointer !important; } .plus_quantity_disabled_redesign { background-color: #004990; color: #fff; } .quantity_section_redesign { visibility: hidden; } .pdp_shopperActions_redesign .quantity_section_redesign .quantity_label { font-size: 14px; text-align: center; position: relative; top : 10px; } .quantity_section_redesign .disabled { background-color: #e8e8e8 !important; color: #000 !important; pointer-events: none } .pdp_shopperActions_redesign .qty_errorMax_redesign { float: none; width: 100%; text-align: center; margin: 0; height: auto; font-size: 0.875em; } @media (min-width: 601px) and (max-width: 1280px) { .productDetailsQuanAndActContainer .qty_errorMax_redesign { margin-bottom: 10px; } } .product_listing_container .grid_mode .product_add .shopperActions > .quantity_section_redesign { visibility: hidden; width: 95%; } /*** PLP Add to cart redesign***/ #estores_product_listing_widget .product_listing_container .grid_mode .product_add .shopperActions .qty_errorMax_redesign { top: -17px !important; margin: 0; padding: 0; width: 95%; text-align: center; font-size: 0.75em; } @media (max-width: 600px) { .plp_shopperActions_redesign { top: 7px; } } .plp_shopperActions_redesign .quantity_section_redesign .quantity_label { text-align: center; position: relative; top : 23px; background-color: transparent; } .plp_shopperActions_redesign .quantity_section_redesign .quantity_label { font-size: 12px; } .plp_shopperActions_redesign .quantity_section_redesign .quantity_label.mobile { display: none; } @media (min-width: 601px) and (max-width: 1280px) { .plp_shopperActions_redesign .quantity_section_redesign .quantity_label:after { font-size: 12px; } #estores_product_listing_widget .product_listing_container .grid_mode .product_add .shopperActions .qty_errorMax_redesign { font-size: 0.75em; top: -17px !important; } } @media (max-width: 600px) { .plp_shopperActions_redesign .quantity_section_redesign .quantity_label.mobile { display: block; top: 16px; } .plp_shopperActions_redesign .quantity_section_redesign .quantity_label.desktop { display: none; } #estores_product_listing_widget .product_listing_container .grid_mode .product_add .shopperActions .qty_errorMax_redesign { top: -17px !important; width: 100%; font-size: 0.563em; } } .plp_shopperActions_redesign .plus_quantity_redesign, .plp_shopperActions_redesign .minus_quantity_redesign { background-color: #004990; color: #fff; width: 30% !important; position: absolute; top: 0; z-index: 1; outline: none; border-radius: 5px !important; height: 38px; } @media (max-width: 600px) { .plp_shopperActions_redesign .plus_quantity_redesign, .plp_shopperActions_redesign .minus_quantity_redesign { width: 25% !important; } } /* change button size in mobile view */ .plp_shopperActions_redesign .plus_quantity_redesign { right: 0; } .plp_shopperActions_redesign .minus_quantity_redesign { left: 0; } /*plus and minus sign of button bold*/ .product_listing_container .grid_mode .product_add .shopperActions > .quantity_section_redesign p:before { font-weight: bold; } /*** Mobile ***/ @media (max-width: 600px) { .product_listing_container .grid_mode .product_add .shopperActions > .quantity_section_redesign { width: 100%; top: 0px; } .plp_shopperActions_redesign .plus_quantity_redesign, .plp_shopperActions_redesign .minus_quantity_redesign { width: 23% !important; height: 29px; } .product_listing_container .grid_mode .product_add .shopperActions > .quantity_section_redesign p:before { position: relative; bottom: 5px; font-size: 19px; } .plp_shopperActions_redesign .quantity_section_redesign > .quantity_input_redesign[value] { font-size: 13px !important; } .primary_redesign #productPageAdd2Cart { line-height: 28px; } #productPageAdd2Cart.desktop{ display: none; } #productPageAdd2Cart.mobile{ display: block; } } body #MiniShopCartProductAdded.PLP_Redesign { position: fixed !important; } /* add to basket text change on different viewport */ .primary_redesign .mobile { display: none; } @media (max-width: 1280px) { .primary_redesign .mobile { display: block; } .primary_redesign .desktop { display: none; } } /*Co-Ex Triaging M-FARAG=== START*/ .orderHistoryHelpContainer, .orderHistoryHelpContainer_bottom{ font-family: arial,helvetica,clean,sans-serif; font-size: 0.85em; font-weight:bold; padding: 25px 22px; margin-bottom: 48px; background-color:#f7f7f7; } .orderHistoryHelpContainerMobile{ display:none; } .orderHistoryHelpContainerDtop{ margin-top:50px; } .singleInteraction,.multiInteraction{ width:700px; text-align:center; } /*.multiInteraction .overlayContentContainer{ max-height:338px; } commented by MF to avoid fixed height*/ .singleInteraction .overlayContentInner h2, .multiInteraction .overlayContentInner h2, .overlayMainContainer .overlayContentContainer h2, .overlayMainContainer .overlayContentContainer h5.overlay_checkout_title { color:#004990; } .singleInteraction .overlayContentInner,.multiInteraction .overlayContentInner {padding: 45px 0px 35px 0;} .singleInteraction .overlayContentInner .button_section a{ max-width:150px; width:25%; display:inline-block; margin:12px; } .multiInteraction .overlayContentInner .button_section a{ display:block; position:relative; width:50%; max-width:300px; margin:12px auto; } .singleInteraction .overlayContentInner .button_section a, .multiInteraction .overlayContentInner .button_section a{ padding:8px 12px; border:2px solid #4fa481; font-weight:bold; font-size:1em; border-radius:4px; } .singleInteraction .overlayContentInner .button_section a:hover, .multiInteraction .overlayContentInner .button_section a:hover{ border:4px solid #4fa481; padding: 6px 10px; } /* DWR-1346 fix*/ #order_history_content .my_account_header.aling_txt_center{ text-align:center; } /*hiding the overlay button MF*/ [data-overlayType="noCloseBtn"] div.Boots_overlay_close{ display:none !important; } /*fixing the overlay's container in reapeat prescription page M-Farag*/ body.body_estores_overlay_open .left_espot{ z-index:auto; } /*Co-Ex Triaging tablet M-FARAG*/ @media (min-width: 601px) and (max-width: 1280px){ #DHP.hepBottomSec { margin-top: 27px; } .orderHistoryHelpContainer, .orderHistoryHelpContainer_bottom { padding:18px; margin-bottom:20px; } .orderHistoryHelpContainerMobile{ display:none; } } /*Co-Ex Triaging Mobile M-FARAG*/ @media (max-width: 690px) { .orderHistoryHelpContainer, .orderHistoryHelpContainer_bottom { margin-bottom:15px; padding:22px; } .orderHistoryHelpContainerDtop{ display:none; } .orderHistoryHelpContainerMobile{ display:block; margin-bottom:40px; } #order_history_content #espot_DHP .my_account_header{ font-size: 1.25em; padding-bottom: 1.5em; padding-top:0.8em; line-height: 1.5em; } .singleInteraction, .multiInteraction{ width:90%; text-align:center; } /*.multiInteraction .overlayContentContainer{ max-height:358px; }commented by MF to avoid fixed height*/ .singleInteraction .overlayContentInner .button_section a, .multiInteraction .overlayContentInner .button_section a{ display:block; width:80%; margin:12px auto; } } /*CO-EX mobile in landscape M-Farag DWR-1685*/ @media screen and (orientation:landscape) and (min-device-width: 319px) and (max-device-width: 890px) { body.body_estores_overlay_open .overlayContentContainer { padding-bottom: 0; } body.body_estores_overlay_open .singleInteraction .overlayContentInner, body.body_estores_overlay_open .multiInteraction .overlayContentInner{ padding:0 0 15px 0 ; } body.body_estores_overlay_open .singleInteraction .overlayContentInner .button_section a, body.body_estores_overlay_open .multiInteraction .overlayContentInner .button_section a{ margin: 5px auto; } body.body_estores_overlay_open .overlayMainContainer { margin: auto; margin-top: 5vh; } } /*Co-Ex Triaging M-FARAG=== END*/ /*Mona Farag DWR-4068 overwritting online clinic font-family */ .mwf-label,.mwf-form h1, .mwf-form h2, .mwf-form h3, .mwf-form h4, .mwf-form h5, .mwf-form h6, .mwf-form .mwf-clinics-binary input[type=radio]:not(old)+label{ font-family: 'F37 Ginger Bold' !important; } /*Mona Farag DWR-4068 overwritting online clinic font-family */ /*Mona Farag DWR-5209*/ @media (min-width: 601px) and (max-width: 1280px) { #delivery_option_and_content_container .option_selection h3 span, #post_office_option .select_option h3 span { font-size: 0.85em; } } /* EmailLite Guest Checkout DWR-5580*/ .terms_receive_email_section{ position:relative; } .common_custom_checkbox .custom_checkbox_tick{ padding-top:10px; } #custom_checkbox_for_term_and_condition .custom_checkbox_tick{ padding-top:10px; } .terms_receive_email_section .custom_checkbox .custom_checkbox_tick input[type=checkbox] { position: relative; display: inline; } @media (max-width: 1280px) { .checkout_store_collect, .store_locator_container{ width:87%; padding:0 5% 0em 8.1%; } } @media (max-width: 600px){ #collect_content_container #collect_content .checkout_store_collect{ width: 90%; } } /* DWR-5580 END */ /*Sponsored product Ads start*/ .spaProductContainer { position: relative; } .spaContainer{ overflow-x:hidden; overflow-y: hidden; } .spaCarousel { background-color: #F7F7F7; margin-top: 7px; } .spaMenu.slick-initialized.slick-slider { padding: 0px 29px 0 29px; } .spa-menu-item.slick-slide { margin-right: 10px; } .sponsoredProductHeading{ font-size: 1.4em; text-align: center; font-weight:bold; } #spaContainerParent .slick-arrow { height: 100% !important; top: -14% !important; } #spaContainerParent .slick-dots{ margin: 0!important; } #spaProductContainer { width:360px; height:100%; background:#00ff00; position:absolute; left:50%; margin-left:-180px; overflow:hidden; } /*Google Sponsored Ads Media queries */ @media only screen and (width: 375px), only screen and (height: 812px) and (-webkit-min-device-pixel-ratio: 2) { #spaContainerParent .slick-dots button { padding: 0 1.05em !important; } } @media only screen and (width: 375px), only screen and (height: 667px) and (-webkit-min-device-pixel-ratio: 2) { #spaContainerParent .slick-dots button { padding: 0 0.95em !important; } } @media only screen and (width: 414px), only screen and (height: 736px) and (-webkit-min-device-pixel-ratio: 2) { #spaContainerParent .slick-dots button { padding: 0 1.05em !important; } } @media only screen and (width: 411px), only screen and (height: 823px) and (-webkit-min-device-pixel-ratio: 2) { #spaContainerParent .slick-dots button { padding: 0 1.05em !important; } } @media only screen and (width: 360px), only screen and (height: 640px) and (-webkit-min-device-pixel-ratio: 2) { #spaContainerParent .slick-dots button { padding: 0 0.9em !important; } } @media only screen and (width: 568px), only screen and (height: 320px) and (-webkit-min-device-pixel-ratio: 2) { #spaContainerParent .slick-dots button { padding: 0 1.05em; } #spaContainerParent .slick-list.draggable { margin-left: 55px !important; } } @media only screen and (width: 320px), only screen and (height: 568x) and (-webkit-min-device-pixel-ratio: 2) { #spaContainerParent .slick-dots button { padding: 0 0.8em !important; } } @media only screen and (max-width: 600px){ #spaContainerParent .spaMenu.slick-initialized.slick-slider { min-height: 125px; } .spaMenu.slick-initialized.slick-slider { padding-left: 15%; padding-right: 15%; } .sponsoredProductHeading { line-height: normal; padding: 9px 0; font-size: 0.875em !important; } #spaContainerParent .slick-dots button { width: 22px; height: 12px; display: block; } #spaContainerParent .slick-dots button:after { top: 0; } #spaContainerParent .slick-dots li { margin-top: 13px; margin-bottom: 13px; } #spaContainerParent .slick-dots { margin: 0 !important; } #spaContainerParent .slick-arrow { height: 94px !important; top: 0 !important; } #spaContainerParent .slick-arrow.slick-prev { left: 4%; } #spaContainerParent .slick-arrow.slick-next { right: 4%; } #spaContainerParent .spa-menu-item.slick-slide { height: 89px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .sponsoredProductHeading { line-height: normal; padding: 15px 0; } #spaContainerParent .slick-dots button { width: 28px; height: auto; } #spaContainerParent .slick-dots button:after { top: 0; } #spaContainerParent .slick-dots li { margin-top: 16px; } } #spaContainerParent .slick-prev, #spaContainerParent .slick-next, #spaContainerParent .owl-prev, #spaContainerParent .owl-next { text-indent:inherit !important; } /*Sponsored product Ads mediaqueries end*/ /*Sponsored product Ads end*/ /*Fix of DWR-2650*/ #eStore_logIn_registration #signIn_section{ display:none; } /*Fix DWR-2413*/ #gigyaExtendedRegisterDiv_content #gigya-profile-form .gigya-composite-control-submit input{ width:250px; } /*Fix of DWR-2652*/ .gigya-layout-row.with-divider .gigya-layout-cell.with-site-login a.boots-button-secondary.boots-register { width: 100%; align-self: flex-end; } .gigya-layout-row.with-divider .gigya-layout-cell.with-site-login { display: flex; flex-wrap: wrap; } @media screen and (max-width: 600px){ /*Fix DWR-2413*/ #gigyaExtendedRegisterDiv_content #gigya-profile-form .gigya-composite-control-submit input{ width:100%; } } /*Fix of DWR-6535*/ @media only screen and (min-width: 480px) and (max-width: 767px) { .gigya-layout-row.with-divider{ padding: 0 4%; } .gigya-screen .gigya-composite-control-checkbox>label{ padding-left: 1.6rem; } } @media only screen and (min-device-width : 360px) and (max-device-width : 640px){ .gigya-layout-row.with-divider{ padding: 0 2%; } } /* END DWR-6535*/ /*Mona- SO Kill switch overlay styles DWR-3197*/ .overlayMainContainer.smallOverlay { max-width: 26rem; } .overlayMainContainer.smallOverlay .overlayContentContainer { padding: 10px 25px 20px; text-align: center; } .overlayMainContainer.smallOverlay .overlay_checkout_title { line-height:2em; margin-bottom:6px; margin-top:0; font-size: 1.652em; color: #004990; } .overlayMainContainer.smallOverlay p.overlayMessageStyle { margin:0 auto 1em auto; } .overlayMainContainer.smallOverlay p.overlayInfoLabelStyle { padding: 0; width: 100%; margin-top: 6px; display: inline-block; } body.body_estores_overlay_open #cookieBar { z-index: 1; } @media (max-width: 690px) { .overlayMainContainer.smallOverlay .overlayContentContainer { padding: 10px 20px 16px; } } @media screen and (orientation:landscape) and (min-device-width: 319px) and (max-device-width: 890px) { body.body_estores_overlay_open .overlayMainContainer.smallOverlay { margin-top: 12vh; } } /*Mona- EO Kill switch overlay styles DWR-3197*/ /*Mona- SO error handeling overlay*/ .overlayMainContainer.mediumOverlay { text-align: center; } .overlayMainContainer.mediumOverlay p.overlayMessageStyle { margin: 20px auto 15px; } .overlayMainContainer .overlay_title{ margin: 0 0 -0.4em 0; font-size: 1.652em; line-height: 1.875em; font-weight: normal; padding: 0; } .overlayMainContainer.mediumOverlay p.overlayMessageStyle.listStyleMsg{ display: list-item; text-align: left; } /*Mona- EO error handeling overlay*/ /*Mona Fix of DWR-3368 & DWR-3752*/ body.returningCustomer .gigya-screen-dialog.gigya-style-modern, body[data-gr-c-s-loaded="true"] .gigya-style-modern.gigya-screen-dialog, body .gigya-style-modern.gigya-screen-dialog{ position: fixed !important; } /*Mona -- fix for DWR-3980 mobile screens*/ @media only screen and (max-width: 600px) { body .gigya-style-modern.gigya-screen-dialog.boots_basketCheckOut_gigyOverlay{ position: absolute !important; } } /*Mona Farag DWR-4068 overwriting gigy font family style*/ body h1.gigya-screen-caption, body .gigya-screen h1, body .gigya-screen h2,body .gigya-screen button, body .gigya-screen input[type="button"], body .gigya-screen input[type="submit"]{ font-family: 'F37 Ginger Bold',Tahoma,Arial,sans-serif !important; } /*Mona Farag DWR-4447 */ .technicalOverlayCTA { padding-top: 1rem; } .technicalOverlayCTA .overlay_title { padding-bottom: 1rem; } .technicalOverlayCTA .button_section { display: flex; margin: 1em 0; justify-content: space-between; } .technicalOverlayCTA .button_section .button { width: calc(50% - 1em); max-width: 230px; margin: auto; } @media only screen and (max-width: 600px){ .technicalOverlayCTA .button_section{ flex-direction: column-reverse; margin: 0; } .technicalOverlayCTA .button_section .button{ width:calc(100% - 1em); max-width: 100%; margin: 1rem auto 0 auto; } } /*Roshan DWR-4626*/ #WC_RegistrationUpdateCommonPage_div_1 .myAccount_section #personalDetails > div { overflow: initial; } /*Mona DWR-4985 fix*/ .boots_basketCheckOut_gigyOverlay .gigya-screen-dialog-main .gigya-screen-dialog-close::after{ line-height: 1.4125em; bottom: 0; left:0 !important; width: 100%; } /*mona farag DWR-5035 mobile and tablet*/ #edit_your_personal_information #personalDetails .fullRegTooltipOverlay:after{ left:41%; } #edit_your_personal_information #personalDetails .fullRegTooltipOverlay:before{ margin-left:25px } /*mona farag DWR-5042*/ #edit_your_personal_information #personalDetails #WC_UserRegistrationUpdateForm_div_35{ overflow:visible; } #edit_your_personal_information #personalDetails .info-tooltip { position: relative; left: 10px; top: 2px; } #edit_your_personal_information #personalDetails .fullRegTooltipOverlay:before { margin-left:-10px; } #edit_your_personal_information #personalDetails .fullRegTooltipOverlay:after{ left: 28.9%; } @media (min-width: 601px) and (max-width: 1280px){ #edit_your_personal_information #personalDetails .labelSpan #gender_tt { margin-right:10px; } #edit_your_personal_information #personalDetails .fullRegTooltipOverlay:after{ left:29%; } #edit_your_personal_information #personalDetails .fullRegTooltipOverlay:before{ margin-left:-9px } } @media (max-width: 600px){ #edit_your_personal_information #personalDetails .labelSpan #gender_tt { margin-right:30px; } #edit_your_personal_information #personalDetails .fullRegTooltipOverlay:after{ left:28.8%; } } /*mona farag DWR-5035*/ @media (min-width: 601px) and (max-width: 1280px) and (orientation:landscape) { #edit_your_personal_information #personalDetails .labelSpan #gender_tt { left: 5px; } #edit_your_personal_information #personalDetails .fullRegTooltipOverlay:after{ left: 24.3%; } #edit_your_personal_information #personalDetails .fullRegTooltipOverlay:before{ margin-left: -22px; } #edit_your_personal_information #personalDetails .labelSpan{ font-size:0.775em; } } /* ------------------------- DWR-7458 start ------------------------------ */ @media (max-width: 720px) and (min-width: 601px){ .departmentButton[title="prescriptions"] ~ .departmentMenu { width: 222px !important; } } /* ------------------------- DWR-7458 end ------------------------------ */ /* ------------------------- DWR-14829.DWR-14945 start ------------------------------ */ @media (max-width: 600px){ #collect_in_store_option.collectIcon h3 { padding-bottom: 0.4em; background-size: 2.5em; background-position: 50.5% 10px; background-repeat: no-repeat; background-image: url("../../images/boots/bootsBasketClickCollect.png"); padding-top: 3.25em !important; } #home_delivery_option.homeDeliveryIcon h3 { background-size: 2.5em; background-position: 50% 18px; background-image: url("../../images/boots/BootsStandardVan.svg"); background-repeat: no-repeat; padding: 0; padding-top: 3.25em !important; } } /* ------------------------- DWR-14829,DWR-14945 end ------------------------------ */ /* ------------------------- DWR-14311 start ------------------------------ */ #svoc_change_login_details .my_account{ margin: 35px 0 0; } #svoc_change_login_details .button.primary, #svoc_change_login_details .button.secondary, #svoc_change_login_details .button.tertiary, #svoc_change_login_details .button.tertiary{ font-size:18px; } #svoc_change_login_details #email_address_container.svoc_login_email_change input{ margin-bottom: 0; box-shadow: none; } #svoc_change_login_details .form_row_redesign{ display: inline-table; margin-bottom: 2em; } #svoc_change_login_details .form_row_redesign_confEmail{ display: inline-table; } .static_content{ padding:2.5em 0 1em; font-size: 0.875em; } .login_static_content{ padding:0 0 1em; font-size: .875em; } .button.linkDisabled{ pointer-events: none; background-color: #d0d0d0 !important; color: #999999 !important; cursor: default; border: 2px solid transparent !important; } #svoc_change_login_details .value { position: relative; font-size: .875em; } @media (max-width: 600px) { .login_static_content{ padding:0 0 0em; } #svoc_change_login_details .button_footer_line{ padding-bottom:25px; } #email_address_container .form_row_redesign{ padding-top: 0; margin-bottom: 1.5em; width:100%; } #svoc_change_login_details .form_row_redesign_confEmail{ margin-bottom: 1em; width:100%; } #svoc_change_login_details .form_row_redesign .error_redesignContainer{ width:98%; } #svoc_change_login_details .my_account_header { font-size:1.25em; font-weight: bold; } } @media (max-width: 1280px) and (min-width: 601px){ #svoc_change_login_details .button_footer_line { width: 280px; font-size: 0.9em; margin-right: 0.7em; } #svoc_change_login_details .form_row_redesign .error_redesignContainer{ width:98%; } #svoc_change_login_details input[type=text], #svoc_change_login_details input[type=email] { width: 100% !important; } #svoc_change_login_details .form_row_redesign, #svoc_change_login_details .form_row_redesign_confEmail{ width:72%; } #svoc_change_login_details #email_address_container.svoc_login_email_change input{ margin-bottom: 0; } } @media (min-width: 1281px){ #svoc_change_login_details .button_footer_line { width: 293px; } #svoc_change_login_details .my_account_header { font-size:1.25em; font-weight: bold; } } /* ------------------------- DWR-14311 start ------------------------------ */ /* PRJ2102-1503 Start */ #pipPrefLoader{ position: absolute; z-index: 9999; right: 0; width: 62%; display: inline-block; text-align: center; text-align: center; margin: 0 auto; left: 14%; min-height: 500px; margin-top: 14%; top: 0; float: right; } #pipPrefLoader.myPrefContainer{ margin-top: 18.5%; left: 15%; } .pulser{ z-index: 9999; bottom: 0; right: 0; width: 100%; display: block; text-align: center; background-image: url("../../images/responsive/blue-pulser.gif"); background-position: 50% 0; background-repeat: no-repeat; text-align: center; height: 40px; margin-bottom: 40px; } #pipPrefLoader p{ display: inline-block; color: #333333; font-weight: bold; font-size: 1.2em; padding-bottom: 1em; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } #pipPrefLoader label{ color:#333333; font-size:1em; } @media (max-width: 600px) { #pipPrefLoader { position: relative; top: 20px; bottom: 0; right: 0; width: 100%; display: inline-block; text-align: center; min-height: 200px; left:0; } #pipPrefLoader.myPrefContainer{ margin-top: 14%; left:0; } #pipPrefLoader p{ line-height: 1.4em; font-size:1.1em; } #pipPrefLoader label{ font-size:1em; } .pulser{ z-index: 9999; bottom: 0; right: 0; width: 100%; display: block; text-align: center; background-image: url("../../images/responsive/blue-pulser.gif"); background-position: 50% 0; background-repeat: no-repeat; text-align: center; height: 40px; position: relative; margin-bottom: 30px; } } @media (max-width: 1280px) and (min-width: 601px){ #pipPrefLoader { width: 62%; left: 30%; top: 5%; height: auto; } #pipPrefLoader.myPrefContainer{ margin-top: 21%; } #pipPrefLoader p{ line-height: 1.2em; font-size:1.1em; } #pipPrefLoader label{ font-size:1em; } } /* PRJ2102-1503 Start */ #wallet_paypal_option_button, #payin3_option_button { display: inline-flex; justify-content: center; align-items: center; } #wallet_paypal_option_button #paypal-button { overflow: hidden; position: relative; z-index: 1; } .masterpass_override_payin3Container.redeem_override_payin3Container .triRight::after, .masterpass_override_payin3Container.redeem_override_payin3Container .triRight::before { left: 63%; }/* #payin3_option_button{ background-position: 50% 4px; background-image: url("../../images/boots/paypallogo.png"); background-repeat: no-repeat; background-size: 38px; }*/ #payin3_option_button p#payIn3txt{ font-size: 14px; background-position: -10px 0; background-image: url("../../images/boots/paypallogo.png"); background-repeat: no-repeat; background-size: 45px; padding: 5px 0 5px 29px; } #wallet_paypal_option.walletUnavailable #wallet_paypal_option_button, #payin3_option.payin3Unavailable #payin3_option_button{ background-position: 50% 10px; background-image: url("../../images/boots/greypaypallogo.png"); background-repeat: no-repeat; background-size: 38px; background-color: #e7e7e7; pointer-events: none; cursor: default; } #walletUnavailableDesc, #payIn3UnavailableDesc { font-size: 13px; padding: 20px 5px 0px 5px; line-height: normal; } @media (max-width: 1280px) and (min-width: 601px){ .masterpass_override_payin3Container.redeem_override_payin3Container .triRight::after, .masterpass_override_payin3Container.redeem_override_payin3Container .triRight::before { left: 62%; } } @media (max-width: 600px){ #payment_option_and_content_container .option_selection.newPaymentLayout { display: flex; flex-flow: row wrap; padding: 11px 5px 15px 5px; width: calc(94% - 10px); } #payment_option_and_content_container .option_selection.newPaymentLayout .payOption { flex: 0 0 50% !important; margin: 0px !important; overflow: hidden; } #payment_option_and_content_container .option_selection.newPaymentLayout #wallet_paypal_option_button, #payment_option_and_content_container .option_selection.newPaymentLayout #payin3_option_button { height: 62px; margin: 0px; } #payment_option_and_content_container .option_selection.newPaymentLayout .payOption .payOptionInner { margin: 4px !important; width: calc(100% - 22px) !important; height: 41px !important; display: inline-flex; justify-content: center; align-items: center; padding: 5px; } #payment_option_and_content_container .option_selection.newPaymentLayout #redeem_option_button.payOptionInner img { margin-top: 2px; } #payment_option_and_content_container .option_selection.newPaymentLayout #card_option_button.payOptionInner { background-position: 50.0%; background-image: url("../../images/boots/paywithcard_new.svg"); background-repeat: no-repeat; background-size: 87%; } .masterpass_override_payin3Container.redeem_override_payin3Container.newPaymentDetailsContainer .triRight::after, .newPaymentDetailsContainer .triRight::after, .masterpass_override_payin3Container.redeem_override_payin3Container.newPaymentDetailsContainer .triRight::before, .newPaymentDetailsContainer .triRight::before, .masterpass_override_cardContainer.redeem_override_cardContainer.newPaymentDetailsContainer .triLeft::after, .newPaymentDetailsContainer .triLeft::after, .masterpass_override_cardContainer.redeem_override_cardContainer.newPaymentDetailsContainer .triLeft::before, .newPaymentDetailsContainer .triLeft::before, .masterpass_override_cardContainer.redeem_override_cardContainer.newPaymentDetailsContainer .triRight::after, .newPaymentDetailsContainer .triRight::after, .masterpass_override_cardContainer.redeem_override_cardContainer.newPaymentDetailsContainer .triRight::before, .newPaymentDetailsContainer .triRight::before { left: 50% !important; } #wallet_paypal_option_button #paypal-button { padding-top: 6px; } #payin3_option_button p#payIn3txt, #walletUnavailableDesc, #payIn3UnavailableDesc { font-size: 12px; } #wallet_paypal_option.walletUnavailable #wallet_paypal_option_button, #payin3_option.payin3Unavailable #payin3_option_button { background-position: 50% 0px; } } @media (min-width: 601px){ #wallet_paypal_option_button #paypal-button { padding-top: 4px; } } /* generic wait spinner*/ #genWaitSpinner .genWaitSpinnerOverlay { z-index: 3000; background: #000; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; opacity: 0.6; } #genWaitSpinner .genWaitSpinnerContent { width: 282px; z-index: 3001; position: fixed; top: calc(50% - 104px); padding: 52px 0; text-align: center; background: #fff; border: 1px solid #ddd; border-radius: 5px; left: 50%; transform: translateX(-50%); } #genWaitSpinner .genWaitSpinnerContent p { font-size: 13px; } #genWaitSpinner .genWaitSpinnerContent img { width: 160px; } .payIn3Content { margin: 52px 8.6%; } #payin3_content .payIn3Content h3 { font-size: 20px; padding-left: 0px; } #payin3_content .payIn3Content p { font-size: 14px; padding-bottom: 12px; } #payIn3ButtonCon { padding-top: 12px; } #payIn3ButtonCon #paypal-button-payIn3 { padding-left: calc(100% - 317px); position: relative; z-index: 1; } @media (min-width: 601px) and (max-width: 1280px){ .payIn3Content { margin: 52px 7%; } } @media (max-width: 600px){ #payIn3ButtonCon { padding-top: 5px; } .payIn3Content { width: 85%; margin: 20px auto; } #payin3_content .payIn3Content h3 { padding-bottom: 15px; font-size: 18px; } #payIn3ButtonCon #paypal-button-payIn3 { padding-left: 0px; } #redeem_option.redeem_override.payOption.inPayIn3App { margin-left: 25% !important; } } #payin3_option_button { cursor: pointer; } #estore_partnerSitesLogo.partnerSitesLogoRoi { display: flex; flex-flow: row wrap; } .estore_partnerSiteLogoContainer { position: relative; } .estore_partnerSiteLogoContainer .estorePartnerSitePSILogo { position: absolute; right: 0px; top: 15px; z-index: 2; } #estore_footer div#estore_partnerSitesLogo .estore_partnerSiteLogoContainer .estorePartnerSitePSILogo a img { border: 1px solid #26b57b; height: 75px; z-index: 2; margin-right: 20px; } #estore_footer div#estore_partnerSitesLogo .estore_partnerSiteLogoContainer { float: left; width: calc(100% - 275px); } #estore_footer div#estore_partnerSitesLogo .estorePartnerSitePSIAddress { float: left; width: 275px; padding-top: 11px; } #estore_footer div#estore_partnerSitesLogo .estorePartnerSitePSIAddress p { padding-bottom: 10px; font-size: 16px; color: #000; } #estore_footer div#estore_partnerSitesLogo .estorePartnerSitePSIAddress p span { color: #004990; font-weight: bold; font-family: "F37 Ginger Bold",Tahoma,Arial,sans-serif; } #estore_footer div#estore_partnerSitesLogo .estorePartnerSitePSIAddress p a { text-decoration: underline; } @media (max-width: 600px){ #estore_partnerSitesLogo.partnerSitesLogoRoi { overflow: auto; } #estore_footer div#estore_partnerSitesLogo .estore_partnerSiteLogoContainer { width: 100%; order: 1; min-height: 95px; margin-top: 15px; } #estore_footer div#estore_partnerSitesLogo .estore_partnerSiteLogoContainer a, #estore_footer div#estore_partnerSitesLogo .estorePartnerSitePSIAddress a { display: inline !important; float: none; } #estore_footer div#estore_partnerSitesLogo .estorePartnerSitePSIAddress { width: 100%; order: 0; } #estore_footer div#estore_partnerSitesLogo .estore_partnerSiteLogoContainer .estorePartnerSitePSILogo a, #estore_footer div#estore_partnerSitesLogo .estore_partnerSiteLogoContainer .estorePartnerSitePSILogo a img { margin-right: 0px; } } .freeNextDaydelivery{ color: #05054b; font-family: arial,helvetica,clean,sans-serif; font-weight: 600; font-size: 14px; background-image: url("../../images/boots/BootsSpeedyVan.svg"); background-repeat: no-repeat; background-size: 40px; margin-top:15px; padding-top: 2px; background-position: 0px 0px; text-indent: 45px; margin-left:1px; background-blend-mode: darken; margin-bottom:15px; } .freeNextDaydeliveryNoVan{ color: #05054b; font-family: arial,helvetica,clean,sans-serif; font-weight: 600; font-size: 14px; margin-top:15px; padding-top: 2px; margin-bottom:20px; } .freeNextDaydelivery p, .freeNextDaydeliveryNoVan p{ color:#333333; font-weight:normal; } @media (max-width: 600px) { .freeNextDaydelivery{ width:80%; text-indent: 0; background-size: 32px; font-size: 13px; padding-top: 0; margin-left:1px; margin-bottom:0px; } .freeNextDaydeliveryNoVan{ font-size: 13px; } .freeNextDaydelivery span{ text-indent: 0; position: relative; left: 22%; font-size: 13px; } .freeNextDaydelivery p{ position:relative; left:22%; } } @media (max-width: 1280px) and (min-width: 601px){ .freeNextDaydelivery{ width:80%; text-indent: 0; background-size: 35px; font-size: 13px; padding-top: 0; margin-left: 1px; margin-bottom:15px } .freeNextDaydeliveryNoVan{ font-size: 13px; margin-bottom:20px; } .freeNextDaydelivery span{ text-indent: 0; position: relative; font-size: 14px; left:22%; } .freeNextDaydelivery p{ position:relative; left:22%; } } #shipmodeDetails2 h3 { padding: 0 0 0 7%; } /* ACI Checkout Implementation Start */ #aci-popup { display: none; border: 1px black solid; width: 600px; /*height: 530px;*/ top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; z-index: 3001; padding: 0 2em 2em 2em; position: fixed; border-top:4px solid hsl(240deg 88% 16%); border-radius: 0 0 6px 6px; } #aci-popup .logoSection{ text-align:center; padding-top:10px; } #aci-popup .bootsLogo img{ width: 80px; margin: 0 auto; text-align: center; height: 100%; } #aci-popup .close3dOvrelay{ position: absolute; top: 12px; right: 20px; font-size: 19px; color: #000; z-index:999; } #aci-popup .checkoutLoginSecText { float: none; top: 15px; position: absolute; } #aci-popup .iframeSection{ height:430px; overflow: auto; } #aci-popup .contentSection{ text-align:center; margin-bottom:10px; } #aci-popup .footerText{ position: absolute; bottom: 0; left: 15%; width: 65%; font-size: 13px; margin: 0 auto; clear: both; } #aci-popup .footerText p{ text-align: center; width: 70%; margin: 0 auto; font-size:13px; color:hsl(0deg 0% 60%); } #aci-popup .contentSection h3{ text-align:center; font-size:16px; padding:0; } #aci-popup .contentSection p{ text-align:center; font-size:14px; color:hsl(0deg 0% 60%); } #aci-overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.6); z-index: 3000; } #aciPaymentOptionsContent .wpwl-form { max-width: 81%; } #aciPaymentOptionsContent .wpwl-label { width: 14.666666%; font-weight: bold; font-size: 14px; } #aciPaymentOptionsContent .wpwl-control { height: 2.8em; border: 1px solid #D0D0D0; border-radius: 2px; padding-left: 1em; width: 294px; font-size:14px; } #aciPaymentOptionsContent .wpwl-group { margin-bottom: 22px; } #aciPaymentOptionsContent .wpwl-label-cvv { margin-left: 13.6%; padding-right: 0px !important; width: 156px; } #aciPaymentOptionsContent .wpwl-wrapper-cvv{ width: 72px; margin-right: 30px; } #aciPaymentOptionsContent .wpwl-control-cvv { border: 3px solid #024890; border-radius: 4px; height: 2.8em; width: 90px; } #aciPaymentOptionsContent .wpwl-wrapper-brand, #aciPaymentOptionsContent .wpwl-brand-card{ position: absolute; top: 10px; left: auto; z-index: 9; right: 0; } #aciPaymentOptionsContent .wpwl-button-pay { height: 2.5em; cursor: pointer; border: none; background: #004990; border-radius: 3px; text-align: center; min-width: 250px; color: #fff; font-size: 20px !important; font-weight: bold; font-family: Tahoma,Arial,sans-serif; padding: 0px; margin-bottom: 15px; display: inline-block; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 3; } #aciPaymentOptionsContent .wpwl-button-pay:hover { background: hsl(211deg 51% 81%); color: hsl(210deg 100% 28%); } #aciPaymentOptionsContent .card_image { width: 60px; height: 30px; display: block; float: left; margin: 5px 0px 0 0; } #aciPaymentOptionsContent .wpwl-control-expiry{ width:90px; } #aciPaymentOptionsContent .wpwl-label-brand { display:none } #aciPaymentOptionsContent .wpwl-wrapper-brand { display: none; } #aciPaymentOptionsContent .wpwl-brand, #aciPaymentOptionsContent .wpwl-img { margin: 0 auto; background-position: 0; background-image: url("../../images/boots/paywithcard.svg"); background-repeat: no-repeat; width:35px; height:19px; } #aciPaymentOptionsContent .wpwl-brand-MASTER { background-position: -34px 0px; } #aciPaymentOptionsContent .wpwl-brand-VISA { background-position: 0 0px; } #aciPaymentOptionsContent .wpwl-brand-AMEX { background-position: -68px 0px; width: 30px; } #aciPaymentOptionsContent .wpwl-brand-MAESTRO { background-position: -93px 0px !important } #aciPaymentOptionsContent .wpwl-group-card-logos-horizontal, #aciPaymentOptionsContent.wpwl-group-card-logos-horizontal-with-more-button{ left: 255px; display: inline; float: right; text-align: left; position: absolute; width: 35px; right: auto; } div.ACIErrorMsg { color: #CC0033; width:auto; overflow:hidden; margin: 0 auto 30px auto; padding:0 0 0 30px; font-size: 14px; width:81% } div.ACIErrorMsg p{ margin:0; padding: 5px 0; font-size: 14px; font-weight: bold; color: #CC0033; } div.ACIErrorMsg ul { padding: 0 0 0 14px!important; margin: 0; } div.ACIErrorMsg ul li{ padding: 3px 0; font-size: 14px; } div.ACIErrorMsg ul li a,div.ACIErrorMsg ul li a:hover{ color: #CC0033; text-decoration: none; cursor: pointer; } #ACIerrorListContainer { clear: both; margin-left: 28px; } .AciAlert { font-size: 18px; /* icon size */ position: relative; display: inline-block; width: 22px; float:left; top: 4px; } .AciAlert em, .AciAlert span { position: relative; display: block; width: 1em; overflow: hidden; padding: 0.1em; text-indent: -999999em; } .AciAlert em { height: 0.65em; } .AciAlert:before { content: "!"; position: absolute; top: 50%; display: inline-block; width: 100%; height: 1em; margin-top: -0.45em; z-index: 1; font-family: Georgia, serif; font-size: 0.75em; text-align: center; text-indent: -0.02em; line-height: 1.035em; color: #fff; } .AciAlert em:before, .AciAlert span:before { content: ""; position: absolute; display: block; width: 1em; height: 1em; box-sizing: border-box; border: 1px solid #CC0033; background-color: #CC0033; background-image: -webkit-linear-gradient(right, #CC0033 30%, #CC0033 100%); background-image: -moz-linear-gradient(right, #CC0033 30%, #CC0033 100%); background-image: -ms-linear-gradient(right, #CC0033 30%, #CC0033 100%); background-image: linear-gradient(right, #CC0033 30%, #CC0033 100%); } .AciAlert em:before { top: 0.375em; border-radius: 0.2em 0.1em; box-shadow: 0.01em 0.01em 0 0.04em #D19A10, 0 0 0.025em 0.04em rgba(0,0,0,0.25); transform: rotate(45deg) skew(14deg, 14deg) translate(-0.01em, -0.01em); } .AciAlert span:before { bottom: 0.085em; border-radius: 0.1em; box-shadow: 0 0 0 0.03em #D19A10, 0 0.015em 0.025em 0.03em rgba(0,0,0,0.25); } .AciAlert em:after { content: "A"; display: block; position: absolute; top: 10%; left: 32%; width: 0.01em; height: 0.7em; border-radius: 1em; transform: rotate(30deg); box-shadow: 0 0 0.05em 0.025em rgba(255,255,255,0.4); background-color: rgba(255,255,255,0.4); } .wpwl-hint { display: none !important; } #aciPaymentOptionsContent .wpwl-group-brand{ width:97%; } #aciPaymentOptionsContent .dots{ display:none; } #aciPaymentOptionsContent .wpwl-brand-card-logo-highlighted::before{ border:none; } #aciPaymentOptionsContent .wpwl-group.wpwl-group-brand { height:0; } #aciPaymentOptionsContent .wpwl-button-more{ display:none; } #aciPaymentOptionsContent .wpwl-group-card-logos-selected-box{ display:none; } #aciPaymentOptionsContent .mandatory { margin: 0 0 28px 0; font-size: 12px; } @media (min-width: 1280px) { #aciPaymentOptionsContent .wpwl-label-cvv { width: 156px; } } @media (max-width: 1024px) { #aciPaymentOptionsContent .wpwl-label-cvv { width: 156px; } #aciPaymentOptionsContent .card_image { left: 20px; } } @media (max-width: 548px){ #aciPaymentOptionsContent .wpwl-form{ max-width: 93.6667%; margin: 0.8em auto auto; } #aciPaymentOptionsContent .wpwl-label{ width: 100%; font-size: 15px; margin-bottom:5px; } #aciPaymentOptionsContent .wpwl-control{ width: 99.5%; font-size: 16px; height: 3em; } @media not all and (min-resolution:.001dpcm) { @media { #aciPaymentOptionsContent .wpwl-control-cardNumber { padding-left: .5em; } }} #aciPaymentOptionsContent .card_image{ position: relative; right: -10px; top: -7px; } #aciPaymentOptionsContent .wpwl-wrapper-cvv { display: inline-block; width: 72px; margin-right: 20px; } #aciPaymentOptionsContent .wpwl-wrapper-cvv + div{ display: inline-block; } #aciPaymentOptionsContent .wpwl-label-cvv{ margin-left:0; width: 156px !important; margin-bottom:5px; } #aciPaymentOptionsContent .wpwl-wrapper-brand, #aciPaymentOptionsContent .wpwl-brand-card{ top: 15px; } #aciPaymentOptionsContent .wpwl-button-pay{ width: 100%; } #aci-popup{ width: 90%; top: 45%; padding: 0 5px; height: 590px; overflow: hidden } #aci-popup .footerText{ position: relative; left: 0; width: 100%; } #aci-popup .checkoutLoginSecText{ left:15px; } @media (max-width: 320px) { #aciPaymentOptionsContent .wpwl-wrapper-brand, #aciPaymentOptionsContent .wpwl-brand-card { left: auto; top:15px; height:20px; } #aciPaymentOptionsContent .card_image { right: -28px; } } div.ACIErrorMsg{ padding:0 0 0 0px; } div.ACIErrorMsg p{ float: left; position: relative; width: 90%; left: 10px; } #aciPaymentOptionsContent .wpwl-control-expiry{ width: 98px; font-size: 14px !important; } #aciPaymentOptionsContent .wpwl-control-cvv{ width: 100px; padding-left:.8em; } @media not all and (min-resolution:.001dpcm) { @media { #aciPaymentOptionsContent .wpwl-control-cvv{ padding-left:.5em; } }} } @media (max-width: 320px) { #aci-popup{ top:50%; width: 85%; height:550px; overflow:hidden; } } @media (max-width: 380px){ #aciPaymentOptionsContent .wpwl-wrapper-brand, #aciPaymentOptionsContent .wpwl-brand-card { top: 15px; } } @media (min-width: 549px) and (max-width: 1187px){ #aci-popup{ top:45%; width: 85%; height:600px; overflow:hidden; } #aciPaymentOptionsContent .card_image{ position: relative; left: 30px; } #aciPaymentOptionsContent .wpwl-form{ max-width:83.5%; } #aciPaymentOptionsContent .wpwl-label{ padding-right:0; width:16.666666%; } #aciPaymentOptionsContent .wpwl-label-cvv{ margin-left: 16.6%; width: 156px; } #aciPaymentOptionsContent .wpwl-wrapper-cvv { width: 72px; margin-right:10px; } } #aciPaymentOptionsContent .wpwl-has-error { color: #a94442; border-color: #a94442; } #aciPaymentOptionsContent .wpwl-invisible { visibility: visible; } #aciPaymentOptionsContent .delivery { text-align: right; padding: 20px 0px 12px 0; color: hsl(0deg 0% 60%); font-size: 14px; } #aciPaymentOptionsContent div.field { border-bottom: 1px solid hsl(0deg 0% 100%); margin-bottom: 22px; } #aciPaymentOptionsContent .payNow { float: right; } #aciPaymentOptionsContent .field.payNow label { padding-right: 5px; width: auto; } #aciPaymentOptionsContent .payNow label, .payNow span { font-weight: bold; font-size: 22px; } #aciPaymentOptionsContent .wpwl-group-card-logos-horizontal{ display:none; } @media only screen and (max-width: 600px) { #aciPaymentOptionsContent .wpwl-group-card-logos-horizontal, #aciPaymentOptionsContent.wpwl-group-card-logos-horizontal-with-more-button{ width: 45px; margin-right: 10px; float: right; left: auto; right: 0; } } @media only screen and (max-width: 600px) { #aciPaymentOptionsContent .wpwl-group-card-logos-horizontal, #aciPaymentOptionsContent.wpwl-group-card-logos-horizontal-with-more-button{ width:30px; } } #aciPaymentOptionsContent .wpwl-message{ display:none !important; } .pleaseWaitContainer.aci{ position: fixed; top: 35%; margin: 0 auto; width: 90%; display:none; z-index:30001; } .pleaseWaitContainer.aci p { color:#333; font-size:16px; margin: 0px; padding: 0 10px; text-align: center; line-height: normal; } .pleaseWaitContainer.aci #imageLoader{ text-align:center; padding: 6px 0; } .pleaseWaitContainer.aci #imageLoader img { width: 190px; } /* Mobile Styles */ @media (max-width: 600px) { .pleaseWaitContainer.aci p { font-size: 14px; max-width: 100%; margin: 0 auto; } } .aciMyAccCardNotAvailable { padding: 10px 0; } .aciMyAccCardNotAvailableBanner img { width: 100%; } .aciMyAccCardNotAvailable h2 { font-family: "VAG Rounded W01 Light",Tahoma,Arial,sans-serif; font-size: 2.1875rem; font-weight: normal; line-height: 1.1em; margin: 0 0 .75em; padding-top: 35px; } .aciMyAccCardNotAvailable p { line-height: 1.25em; margin-bottom: 1em; } .aciMyAccCardNotAvailableTextCon { margin: 0 8.3%; } @media only screen and (max-width: 600px) { .aciMyAccCardNotAvailableTextCon { margin: 0; } .aciMyAccCardNotAvailable h2 { font-size: 1.425rem; } } /* ACI Checkout Implementation END */ /* DM-614 Accessibility Fixes Start */ div[id^=basket_confirmation_overlay] a.close-btn{ color: #333; } div[id^=basket_confirmation_overlay] a.close-btn:focus-visible{ outline: 2px solid #2f80ff; outline-offset: 2px; } #basket_confirmation_button_yes:focus-visible{ outline: 2px solid #2f80ff; outline-offset: 2px; border:none; } #basket_confirmation_button_no:focus-visible{ outline: 2px solid #2f80ff; outline-offset: 2px; border:none; } .pdp_shopperActions_redesign .minus_quantity_redesign:focus-visible, .pdp_shopperActions_redesign .plus_quantity_redesign:focus-visible { outline: 2px solid #2f80ff; outline-offset: 2px; margin-right: 1px; position: absolute; } .pdp_shopperActions_redesign .plus_quantity_redesign { right: 2px; } .productDetailsQuanAndActContainer .button.primary:focus-visible{background-color:#1B355C; border-color: #CAE0F5; border-width: 0px;outline:2px solid #2f80ff; outline-offset:2px;width:456px} .estore_product_container .product_info .product_add .minus_quantity:focus-visible, .estore_product_container .product_info .product_add .plus_quantity:focus-visible{ outline: 2px solid #2f80ff; outline-offset: 2px; position:relative; z-index: 999; border-radius:0 } /* DM-614 Accessibility Fixes END */ /*Display Kalrna payment informaiton on PDP page start*/ #boots-klarna-credit-promotion-roi::part(osm-container), #boots-klarna-credit-promotion-uk::part(osm-container) { font-size: 12px; flex-direction: row; width: 100%; border-style: none; line-height: 16px; padding-left: 0; justify-content: flex-start; font-family: Helvetica, Arial, sans-serif; padding-bottom: 0px; padding-top: 25px; } #boots-klarna-credit-promotion-roi::part(osm-message), #boots-klarna-credit-promotion-uk::part(osm-message) { font-size: 12px; } #boots-klarna-credit-promotion-roi::part(osm-legal), #boots-klarna-credit-promotion-uk::part(osm-legal) { font-size: 12px; line-height: 16px; } #boots-klarna-credit-promotion-uk::part(osm-container) { gap: 0px; } #boots-klarna-credit-promotion-roi::part(osm-cta), #boots-klarna-credit-promotion-uk::part(osm-cta) { font-size: 12px; color: #0067b2; } #boots-klarna-credit-promotion-roi::part(osm-badge), #boots-klarna-credit-promotion-uk::part(osm-badge){ font-size: 12px; width:60px; } @media only screen and (max-width: 600px){ #boots-klarna-credit-promotion-roi::part(osm-container), #boots-klarna-credit-promotion-uk::part(osm-container) { width: 100%; } } /*Display Kalrna payment informaiton on PDP page end*/ /* DM-2294 Accessibility start */ .parentingClub a.close-btn{ color: #333333; } /* DM-2294 Accessibility end */