/* Minification failed. Returning unminified contents. (7587,48): run-time error CSS1030: Expected identifier, found 'ul' (7587,50): run-time error CSS1031: Expected selector, found ')' (7587,50): run-time error CSS1025: Expected comma or open brace, found ')' */ html {overflow-y: scroll; } html.no-scroll {overflow: hidden; } article, aside, details, figcaption, figure, footer, header, /*hgroup, */main, nav, section, summary, menu {display: block; } audio, canvas, video {display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) {display: none; height: 0; } [hidden] {display: none; } html {background: #fff; /*color: #000; */font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea {font-family: sans-serif; } body/*, body * */ {margin: 0; /*padding: 0*/ } a:focus {outline: thin dotted; } a:active, a:hover {outline: 0; } abbr {text-transform: none; } abbr[title] {border-bottom: 1px dotted; } b, strong {font-weight: bold; } em, i {font-style: italic; } blockquote {margin: 1em 40px; } dfn {font-style: italic; } hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark {background: #ff0; color: #000; } /*p, */pre {margin: 1em 0; } code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } code {font-family: monospace; } pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q {quotes: none; } /*q:before, q:after {content: ''; content: none; }*/ q:before {content: "\201C"; } q:after {content: "\201D"; } /*small {font-size: 80%; }*/ sub, sup {/*font-size: 75%; */line-height: 0; position: relative; vertical-align: baseline; } small, sub, sup {font-size: 10.5px; } sup {top: -0.5em; } sub {bottom: -0.25em; } dl, menu, ol, ul {margin: 1em 0; } dd {margin: 0 0 0 40px; } menu, ol, ul {padding: 0 0 0 40px; } nav ul, nav ol {list-style: none; list-style-image: none; } img {border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) {overflow: hidden; } table {border-collapse: collapse; border-spacing: 0; } fieldset ul, ol, ul, figure, form, button, input, select, textarea {margin: 0; } ol, ul, legend {padding: 0; } button, input, select, textarea {font-size: 100%; } legend {border: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea {vertical-align: baseline; *vertical-align: middle; } button, input {line-height: normal; } button, select {text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] {cursor: default; } input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; } textarea {overflow: auto; vertical-align: top; } /* DH 20/08/15 */ /* DH 12.15 18 June 15 */ /* RM 10:41 2 July 15 - added collection-guide show-more styles */ /* ========================================================================== Typography ========================================================================== http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css */ /*@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }*/ body {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; /*font-size: 62.5%;*/font-size: 0.875rem; line-height: 1.5; direction: ltr; } .serif {font-family: Georgia, "Times New Roman", Times, serif; } h1, .alpha, h2, .beta, h3, .gamma, h4, .delta, h5, .epsilon, h6, .zeta {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; font-style: normal; text-transform: none; line-height: 1.2; } nav ul, nav li {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } h1 {font-size: 2em; margin: 0.67em 0; } h2.block-title, h3.block-title, h2, h3 {font-size: 26px; font-size: 1.8em; margin: 0.9em 0; } .links-block h3.pnl-title {font-size: 1.17em; margin: 1em 0; } /*h3 {font-size: 1.17em; margin: 1em 0; }*/ h4 {font-size: 1em; margin: 1.33em 0; } h5 {font-size: 0.83em; margin: 1.67em 0; } h6 {font-size: 0.67em; margin: 2.33em 0; } p {margin: 10px 0 11px 0; margin: 0.625rem 0 0.6875rem 0; max-width: 624px; } p {max-width: 960px; } /* keeps copyright text on one line */ blockquote p {margin: 0; } h3.quote:before {content: open-quote; font-size: 240%; margin-right: 0.5rem; position: relative; top: 0.5rem; }/*no ie8 values is correct*/ h3.quote {margin-top: -0.5rem !important; } /*h2, */ .beta, .single-hl-pnl .dg-bg h2.pnl-title, aside.rh-column .searchbox-wrapper label {font-size: 1.6em; } aside.rh-column .search-section div label, blockquote.r-col-quote cite {font-size: 0.9em; font-weight: normal; } blockquote.r-col-quote p {width: 100%; } .grid_20 blockquote.r-col-quote {wide: 270px; } .pnl-row .pnl-row-title {max-width: 650px; }/*stops running under absolute fixed button (action-button top-rgt)*/ .results-heading h2.block-title, .leaderboard-txt h2.block-title, body:not(.shelvesandspaces) .main-column-inner .pnl-block .pnl-1col h2.block-title {padding: 16px 0; } /*TODO: figure out why I had to prefix the above with shelvesandspaces and the declerations below */ .shelvesandspaces .main-column-inner .pnl-block .pnl-1col h2.block-title { padding-left: 1rem; padding-top: 0; } /*h2.block-title {font-size: 1.8em; margin: 0; }*/ .main-column .pnl-1col > h2.block-title + .pnl > .pnl-inner > .pnl-img + .pnl-txt > h3.pnl-title {font-size: 1.4em; } .top-page-subjects .search-block h2.block-title {font-size: 1.2em; margin: 0; padding: 16px 0; } h2.block-title + p, h2.block-title + .text-block {font-size: 16px; font-size: 1.15rem; /*margin-top: -16px; */} aside.main-bg h2.block-title + p { font-size: 14px; font-size: 0.875rem; margin-top: 0px; } /*h3, */ .gamma {line-height: 1.2rem; /*font-weight: normal; */} .text-block h3 {font-size: 18px; font-size: 1.1375rem; } .primary-nav h3 {font-size: 12px; font-size: 0.7875rem; font-weight: bold; } .primary-nav h4 {text-transform: uppercase; font-size: 11.2px; font-size: 0.7rem; } h4, .delta, h5, .epsilon {font-size: 1.2em; } h6, .zeta {font-size: 1.1em; } .bold {font-weight:bold;} .figures-row p {font-size: 1rem !important; } .figures-row p strong {font-size: 250%; } .figures-row p strong span {font-size: 1.5rem; } .tags-block h2, .tags-block h3, .tags-block h4 {margin: 0; font-weight: normal; } .tags-block h2 {padding: 8px 16px; padding: 0.5rem 1rem; margin-left: -16px; margin-left: -1rem; margin-right: -16px; margin-right: -1rem; margin-bottom: 8px; margin-bottom: 0.5rem; font-size: 16px; font-size: 1.0rem; } .tags-block h4 {text-transform: uppercase; font-size: 12px; font-size: 0.8rem; } .tags-block h4 span {display: block; font-weight: normal; } /*********************** links decoration start ***************************/ /*a:link, a:visited, a:active {text-decoration: none; } a:hover {text-decoration: underline; } .footer-block a, .pnl-inner.dg-bg h3 a, .main-content .key-details-block a, .mobile-site .tags-block .tags-list .tag, .leaderboard-block ul a, .facet-list-outer .calendar-options-list li a {text-decoration: underline; } .readmore-handle:hover, .book-tickets-button:hover, .text-link-with-icon:hover, .pnl .pnl-lnk:hover, .expand-button:hover, .action-button:hover {text-decoration: none; } .mobile-site .tags a.tag:link, .mobile-site .tags a.tag:active, .mobile-site .tags a.tag:visited {border: none; }*/ a:link, a:visited, a:active, a:hover {text-decoration: none; } p a, .primary-nav-item ul a:hover, .h-menu li a:hover, .ui-datepicker-calendar td a:hover, .footer-block a:hover, .footer-block p a, .readmore-handle:hover, .show-more.small:hover, .pnl-link-list li a:hover, /*.desktop-site .tags.tags-list a.tag:hover, */ .facet-list a:hover/*, .tag-btns .tag:hover*/ {text-decoration: underline; } a:hover, li a:hover, h3.pnl-title a:hover, .pnl-inner.dg-bg h3 a, .main-content .key-details-block a, .mobile-site .tags-block .tags-list .tag, .leaderboard-block ul a, .calendar-options-list a, .text-block p#twit a.no-hover:hover, #cookies p a {border-bottom-style: solid; border-bottom-width: 1px; /*border-bottom-color: inherit; */} .primary-nav-item ul a:hover, .h-menu li a:hover, .footer-block a:hover, table.ui-datepicker-calendar a:hover, #datepicker a:hover, .book-tickets-button:hover, /*.text-link-with-icon:hover, */ .pnl .pnl-lnk:hover, .expand-button:hover, .action-button:hover, .rslt-dspl-toggle a:hover, .flexslider a:hover, .tabbed-box .tabs a.tab:hover, a.img-viewer-trigger:hover, .table-block ul.menu a:hover, .ui-corner-all:hover, .second-nav .menu li a:hover, .pnl-link-list li a:hover, a.video-play:hover, #img-viewer .img-viewer-arrows li a.icon:hover #main a.no-hover:link, #main a.no-hover:hover, #cookies p a:hover {border-bottom: none; border-bottom-width: 0; } .shop .pnl-3col .action-button {text-transform: uppercase; } .mobile-site .tags a.tag:link, .mobile-site .tags a.tag:active, .mobile-site .tags a.tag:visited {border: none; } /*********************** links decoration end ***************************/ .header-info-block .pullout-quote blockquote, .header-info-block .pullout-quote blockquote:before, .header-info-block .pullout-quote blockquote:after {font-style: italic; } .header-info-txt h3 {font-weight: bold; } .menu a, .header-info-data dt {font-weight: normal; } .header-info-data dt, .header-info-data dd {font-size: 18px; font-size: 1.125rem; } abbr[title], acronym[title] {text-transform: uppercase; cursor: help; } abbr[title], acronym[title], figcaption, .desc-text, .desc-text p, .pnl-row dl, .pnl-row .pnl .pnl-txt p, .pnl-row .pnl span.pnl-field, ul.panel-list li, /*.alternate-main-bg .pnl-txt li, */ .primary-nav-item > ul, .primary-nav-item > ul > li li, .desktop-site.shop .second-nav-wrapper ul ul li a {font-size: 12px; font-size: 0.8rem; } /*abbr[title], acronym[title] {border-color: #999; border-style: dotted; border-width: thin; }*/ address, figure {margin: 0 0 16px 0; margin: 0 0 1rem 0; } ul/*, ol*/ {list-style: none; margin: 0; padding: 0; list-style-position: outside; } ul ul, ul ol, ol ul, ol/* ol*/ {padding: 0 0 0 16px; padding: 0 0 0 1rem; } li {margin: 0 0 16px; margin: 0 0 1rem; } ol h3, ul h3 {margin: 0; } dl {margin: 10px 0 16px 0; margin: 0.65rem 0 1rem 0; overflow: hidden; } .desktop-site #shopResults dl {overflow: visible; padding-top: 26px; } .desktop-site #shopResults dl dt {font-size: 14px !important; } dt, dd {padding: 0 0 4px 0; padding: 0 0 0.25rem 0; } dt {font-weight: bold; clear: left; width: 112px; float: left; } dd {margin-left: 96px; margin-left: 6rem; padding-left: 16px; padding-left: 1rem; margin: 0; float: left; padding: 0; width: -moz-calc(100% - 112px); width: -o-calc(100% - 112px); width: -webkit-calc(100% - 112px); width: calc(100% - 112px); } .pnl-inner ul.tick-list {margin-left: 0; } .pnl-inner ul.tick-list li {background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkQxN0RBQzNCMTE0MTFFM0FFOTJFMDUyQzlCQjNCNDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkQxN0RBQzRCMTE0MTFFM0FFOTJFMDUyQzlCQjNCNDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RDE3REFDMUIxMTQxMUUzQUU5MkUwNTJDOUJCM0I0MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RDE3REFDMkIxMTQxMUUzQUU5MkUwNTJDOUJCM0I0MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph9wsdkAAAISSURBVHjaJFJLTxNhFD3fN9NO22kR2kpfUg2FWkkgxH+gKzVNDIWAUTdEXelet/4Ag2vFTXcQY0LixqXBKNaibeILqNbEIggIte10mun3cDreu7s59+Tccw+Zf34RvRJSgjE26yLarEfxpqWQaJqtTaNjLguGZc4kpI1R/4PFAAFdTAfHciE9Ai6ZQ6JIZbx2WJv+vP1lTkh+k4AcqTazSqHkx8Nns27Ni53OLgzWctjcxIWRyCj6tL7cq69r7i5jUyoXfCY1cDrr0jyoGBVY3AIkYHYNnAqkcDl9HTvNHzhoHGbXv5VnqEa1q2HfIGpmDU2r4YA73TZO+odxZ/IeIr6YPSJIhGLwqJ5r1KPoo6boQHcFcC5xwWFO6EncnryLoCeMN9sv8fjDAjhhCHgDIz1JcFMNVzK3ENeHEPPGcSY0gbB3EIVfq3hSeggF9pV2CyEJNTpGRXCG8t47x5nzyUuI6SdQ3H2NxdKCbXUX/Vq/bacL9WZji7YtM7/f2MfHvSKebuSdpdLvAh69fwCLWfCpPgwdS6K68xOttpFXxqaGNw5afyZi/limxeuo1it48X0FVte0ZR1HKphCvd7G6qfCCiG4rwouORdsfq3yVmSimRy3BKLeKBK+OKh0oVqrobhZfman4AallKu9B1FC60yI6fVqac42YM7v1ke5HY2/rcZWs91eUoiyZIMduf8EGADYn/bO30j5RAAAAABJRU5ErkJggg==') no-repeat 0 5px; padding-left: 18px; margin: 4px 0; } .pnl-inner ul.tick-list ~ p.p-t-1col {padding-top: 0.5rem; } ul.bullets {list-style: disc; margin: 16px; margin: 1rem; } blockquote {margin: 16px 16px; margin: 1rem 1rem; padding: 0 8px; padding: 0 0.5rem; display: inline-block; } /*targetting shop-theme pages only for blockquote*/ .mobile-site.shop.shop-theme blockquote {padding:0;} /**/ blockquote.r-col-quote p, .quote-list blockquote {font-family: Georgia,"Times New Roman",Times,serif; padding: 0 0 0.5rem 0; font-size: 120%; margin: 0.7rem 0 0.5rem; line-height: 17px; line-height: 1.6rem; } .quote-list blockquote {display: block; font-weight: bold; } .quote-list blockquote:before, .quote-list blockquote:after {line-height: 17px; line-height: 1.05rem; font-weight: bold; margin-right: 3.2px; margin-right: 0.2rem; } q q {font-style: italic; } blockquote.r-col-quote p:before, q q:before, .quote-list blockquote:before {content: "\201C"; } blockquote.r-col-quote p:after, q q:after, .quote-list blockquote:after {content: "\201D"; } blockquote.r-col-quote p:before, blockquote.r-col-quote p:after, .quote-list blockquote:before, .quote-list blockquote:after {font-size: 200%; position: relative; top: 0.2em; } .quote-list div {font-size: 0.75rem; margin-left: 16px; margin-left: 1rem; } .quote-list div:before {content: "\FF0D "; } .pullout-quote {width: 304px; font-size: 1.2rem; } .pullout-quote p {margin: 0; padding: 24px; padding: 1.5rem; } .pullout-quote-block blockquote:before, .pullout-quote-block blockquote:after {font-size: 42px; font-size: 2.625rem; line-height: 21px; line-height: 1.3125rem; } .pullout-quote-block blockquote:before {float: left; margin-right: 8px; margin-right: 0.5rem; content: "\201C"; } .pullout-quote-block blockquote:after {float: right; margin-left: 8px; margin-left: 0.5rem; content: "\201D"; } .poq-right {float: right; margin-right: -304px; } blockquote.r-col-quote {margin: 0 16px 16px 16px; margin: 0 1rem 1rem 1rem; border: 1px solid #ccc; padding: 0 4px 10px 12px; } blockquote.r-col-quote p:before, blockquote.r-col-quote p:after {width: 100%; float: left; clear: left; top: 0.3em; } blockquote.r-col-quote p {line-height: 20px; line-height: 1.4rem; float: left; clear: left; margin: 6px 0; } blockquote.r-col-quote * {font-style: normal; } /*.alternate-main-bg .pnl-txt ul {margin: 10px 0; } .alternate-main-bg .pnl-txt li {margin: 0 0 4px 14px; } .alternate-main-bg .pnl-txt li:before {content: '-'; display: inline-block; position: relative; left: -5px; }*/ .links-block .block-title {margin: 0; } .links-block .menu a {padding-left: 0; } .standfirst {font-size: 16px; font-weight: bold; /* 06/03/17 commented out: padding-bottom: 16px; padding-bottom: 1rem; */} .skip-to a, .skip-to a:hover, .skip-to a:visited {height: 1px; left: -10px; overflow: hidden; position: absolute; top: -500px; width: 1px; } .printpage {cursor: pointer; display: none; float: right; height: 48px; margin: -12px 0 0; overflow: hidden; text-indent: -10000px; width: 48px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; } .main-bg a.more-link-icon, .main-bg a.more-link-icon:hover {font-size: 1.2rem; } .intro-txt {font-size: 16px; font-size: 1.0rem; } .sml-txt {font-size: 11px; font-size: 0.7rem; } .body-txt {font-size: 14px; font-size: 0.85rem; } .med-txt {font-size: 20px; font-size: 1.25rem; } .med-txt p {max-width: 944px; } .lrg-txt {font-size: 25px; font-size: 1.5rem; } .left-panel-list h2 {padding: 10px; } .header-text-block h3 {font-size: 20px; font-size: 1.25rem; font-weight: bold; } .quote-right .lrg-txt {text-indent: 16px; } .txt-right {text-align: right; } .pnl-row-title {font-weight: bold; /*font-size: 1.1rem; removed for Donald 30/7/15*/} .top-page-subjects .strapline-wrapper p.strapline {font-size: 1.2rem; } .subtitle {font-size: 12px; font-size: 0.75rem; text-transform: uppercase; } .title-block span.pnl-field.pf-free {font-size: 12px; font-size: 0.75rem; letter-spacing: 0.05em; } .whatson-newsletter-block .expand-button, .whatson-newsletter-block .action-button {height: 2.4rem; line-height: 2.4rem; } .book-tickets-button, .tb-date, .lb-date {font-size: 20px; font-size: 1.2rem; } .leaderboard-block .ajaxCheck .availability:after, #large-search-2 label {font-size: 1rem; } .pnl-txt p + p.pnl-desc {margin-top: 6px; margin-top: 0.5rem; } /*.ui-datepicker-calendar .ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-title span {text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }*/ .publist h3 {/*margin: 0.9rem 0 .3rem 0; */padding-top: 32px; padding-bottom: 16px; margin: 0; } .publist h3:first-child {padding-top: 0; } .publist a {font-weight: bold; } .publist p {margin: 0 0 0.3rem; } .publist .publications-list {margin: 0; padding: 0; list-style: none; padding-bottom: 16px; } .publist .publications-list li {padding: 0 0 16px 0; margin: 0; } .text-block ul {list-style: circle; padding: 8px 0 8px 32px; padding: 0.5rem 0 0.5rem 2rem; } .readmore-handle {margin-top: 16px; margin-top: 1rem; } .readmore-handle:hover {cursor: pointer; } .show-more.small {line-height: 28px; font-weight: bold; cursor: pointer; } .text-link .icon + span, .d-b {display: block; } .u-h {border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } #keywords li span {margin-right: 8px; margin-right: 0.5rem; } .lbl-inline {padding: 16px 0; overflow: hidden; } .lbl-inline li {padding: 0; } .lbl-inline li .label {display: inline; } .tb-date {float: left; } .title-block span.pnl-field.pf-free {display: inline; float: left; margin: -4px 0 0 16px; padding: 4px 4px 2px 4px; } .leaderboard-block .leaderboard-img {float: left; /*width: 640px;*/} .book-tickets-button {display: block; margin: 0.7rem 0; padding: 12px 0; text-align: center; width: 212px; } .event-details .book-tickets-button {margin: 0;} .leaderboard-block .leaderboard-txt .book-tickets-button {/*splay: block; margin: 1rem 0; padding: 12px 0; text-align: center;*/ /*width: 304px;*/} .leaderboard-txt ul {text-align: center; width: 304px; } .leaderboard-txt li {margin: 8px 0; padding: 4px 0 10px 0; } .leaderboard-txt li:last-child {border-bottom: none; } .masthead-inner .masthead-title {font-size: 32px; font-size: 2.0rem; font-weight: normal; line-height: 32px; } .whatson-newsletter-block .expand-button, .whatson-newsletter-block .action-button {float: left; margin-top: 0; } .pnl-txt p {margin: 0; } .pnl.p-b-1col.pnl-act-btn .pnl-img + .pnl-txt h3.pnl-title + p ~ p:last-child {margin-top: 6px; margin-top: 0.5rem; } .pnl-txt .icon + p {margin-left: 42px; } .pnl-txt .icon.olay-img + p {margin-left: 0; } .pnl-thm {float: left; } .thm-l-txt-r h4 {margin: 0 0 0.5rem 0; } .pnl-thm + .pnl-txt {margin-left: 70px; } .pnl-1col .pnl {width: 100%; } .txt-pnl.pnl-1col .icon + .pnl-title, .txt-pnl.pnl-1col .icon + .pnl-title + p {margin-left: 48px; } .pnl-title span {display: block; } .pnl-title span, .single-hl-pnl .pnl .pnl-inner.dg-bg p {font-size: 14px; font-size: 0.875rem; } .single-hl-pnl .pnl .pnl-inner {overflow: hidden; } .info-tbl ul .label, .pnl-row .pnl .pnl-title, .pnl-row .pnl span.pnl-field.pf-date {font-weight: bold; } .pnl-row .pnl .pnl-title {text-decoration: none; font-size: 1.0rem; } .pnl-row .pnl span.pnl-field {line-height: 1.5; } .pnl-row .pnl span.pnl-field.pf-free, .pnl-row .pnl span.pnl-field.pf-type {font-size: 11px; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; } .pnl-txt.pnl-txt span.pf-type + span.pnl-field {margin-left: 2px; } .pnl-row .pnl span.pnl-field .label {font-weight: normal; } #gen-copyright {width: 100%; } .mobile-site #gen-copyright {margin-top: -20px; padding: 0 1.5em 1.5em; padding: 0 1rem 1rem; width: auto; } p#twit img {position: relative; top: 4px; margin-right: -3px; } .mobile-site #page-footer ul.menu .desktop, .desktop-site #page-footer ul.menu .mobile {display: none; } .tags li {/*float: left; */margin: 0; } .vlg-bg .tags-block .tags-list li {margin: 6px 0; } .tags .view-all-tag a {display: block; border: none; font-weight: bold; } .vlg-bg .tags-block .tags-list a {display: inline; } .tags .tag {padding: 8px; padding: 0.5rem; display: inline-block; margin: 0 8px 8px 0; margin: 0 0.5rem 0.5rem 0; font-weight: normal; } .tags.tags-inline .tag {padding: 0; border: none; margin: 0; margin-right: 8px; margin-right: 0.5rem; } /*.tags.tags-list li {float: none; }*/ .tags.tags-list .tag {padding: 0; margin: 0; float: none; padding: 4px 0; padding: 0.25rem 0; margin-top: -1px; } .desktop-site .tags.tags-list .tag {display: inline-block;} .desktop-site .tags.tags-list .tag:hover {margin-bottom: -1px;} .mobile-site .tags.tags-list .tag {display: block;} .tags-block .tags-list a.tag span {font-size: 80%; display: inline-block; width: 100%; } .single-hl-pnl .dg-bg .pnl-txt ul {margin-left: 30px; margin-top: 18px; } .single-hl-pnl .dg-bg .pnl-txt ul li {list-style: disc; } #intro-text ul {list-style: disc; padding-left: 32px; padding-left: 2rem;} /* Social Welfare Portal search panel tooltip styles */ a.tooltip strong {line-height:30px;} a.tooltip:hover {border-bottom:none !important;} a.tooltip span { line-height:16px; font-size: 0.75rem !important; font-weight:normal; } a.tooltip i {font-size: 1.2rem;} /* Social Welfare Portal subject panel additional styles */ .panel-list a { font-size: 0.875rem;} .panel-list li.more, .panel-list li.less {font-weight:bold; font-size: 0.875rem; cursor:pointer;} /* ======================================================= PANEL widths / bespoke ======================================================= */ .pnl-1col .pnl, .w2col-img-pnl .img-rgt .pnl-inner, .w2col-img-pnl .img-rgt .pnl-txt, .w2col-img-pnl .img-lft .pnl-inner, .w2col-img-pnl .img-lft .pnl-txt, .rslt-list .pnl, .pnl-expnd-area .pnl-expnd-area-inner > div, .single-hl-pnl .pnl .pnl-inner.dg-bg .pnl-txt, #shopResults *, .threeCollFormElement * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pnl-block.pnl-block-act-btn {padding-bottom: 64px; padding-bottom: 4rem; } .pnl-row-title {min-height: 32px; margin: 0; padding: 16px 0; padding: 1rem 0; } .main-home-pg .pnl-row-title {padding:18px 0; padding:1.8rem 0;} h3.pnl-row-title + p {margin-top: -16px; margin-top: -1rem; } .pnl-row {*zoom: 1; position: relative; /*a .pnl-txt p {color:$grey_1; padding:0;} */} .pnl-6col .pnl, .pnl-6col .pnl-col {width: 144px; } .pnl-5col .pnl, .pnl-5col .pnl-col {width: 176px; } .pnl-4col .pnl, .pnl-4col .pnl-col {width: 224px; }/* grid_14 */ .new-footer .pnl-4col .pnl, .new-footer .pnl-4col .pnl-col {width: 218px; } .pnl-3col .pnl, .pnl-3col .pnl-col {width: 304px; }/* grid_14 */ .dg-bg .lrg-img-pnl.pnl-3col .pnl {width: 298px; }/* hack for 3 cols not floating... ? */ .pnl-2col .pnl, .pnl-2col .pnl-col, .pnl-2col .pnl-omit {width: 464px; }/* grid_19 */ .pnl-2-thirds {width: 624px; }/* grid_29 */ .pnl-1-third {width: 304px; }/* grid_38 */ .pnl-row .pnl-no-padding {width: 304px; }/* grid_19 */ /* grid_19 */ /*.pnl-3col-alt .pnl {width: $gutterWidth *18;}*/ /* grid_18 */ /* panel widths - 2 column layout - eg What's On */ .main-column .pnl-1col .pnl {width: 40rem; } .main-column .pnl-2col .pnl {width: 312px; } .main-column .pnl-3col .pnl {width: 202px; } .main-column .pnl-4col .pnl {width: 148px; } .rslt-lst .pnl-txt {width: 70%; } .pnl-2col {clear: none !important; float: left; } /* ********** temp work by DH start ******************* */ #main .pnl-shop4col .pnl, #main .pnl-shop4col .pnl-col {width: 232px !important; } .main-home-pg #main .pnl-shop4col .pnl {width:auto !important} #main .main-column .pnl-shop4col .pnl {width: 148px; } .desktop-site #main .pnl-shop4col .pnl {margin-left: 16px; margin-right: 0; } .desktop-site #main .pnl-shop4col .pnl:first-child, .desktop-site #main .pnl-shop4col .pnl:nth-child(5), .desktop-site #main .pnl-shop4col .pnl:nth-child(9) {margin-left: 0; } #main .pnl-shop4col .pnl * {box-sizing: border-box; } .main-home-pg .owl2 .owl-carousel .owl-item .pnl-txt p span {text-decoration: line-through;} /*task 8203: create gap between img label and img in shop pages*/ .shop #main .pnl-shop4col .pnl-img {padding-top: 30px;} #main .pnl-shop4col .pnl-img a {width: 100%; display: inline-block; overflow: hidden; } /*task 8203: create gap between img label and img in shop pages*/ .shop #main .pnl-shop4col .pnl-img {padding-top:30px;} #main .pnl-shop4col .pnl-img a:hover {border-bottom: none; } #main .pnl-shop4col .pnl-img img {width: 100%; } /*#main .pnl-shop4col .pnl-img a:hover img {transform: translate3d(0px, 0px, 0px) scale(1.2); transition: all 5000ms linear 0s; } */ #main .pnl-shop4col .pnl-img img { transition-duration: 1.0s; /* mouse off */ transition-property: transform; } #main .pnl-shop4col .pnl-img a:hover img { /*transform: rotate(-10deg) scale(1.1);*/ transition-duration: 4.0s; transition-delay: 400ms; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {/* IE10+ CSS styles */ /*#main .pnl-shop4col .pnl-img a:hover img { border-left: 1px solid transparent; border-bottom: 1px solid transparent; } #main .pnl-shop4col .pnl-img img { border-top: 1px solid transparent; }*/ } .desktop-site #main .pnl-shop4col .pnl:hover {box-shadow: 0 0 14px rgba(0,0,0,0.2); } .desktop-site #main .pnl-shop4col .pnl {transition: opacity 200ms ease-in-out 100ms, box-shadow 400ms ease-in-out; } .desktop-site #main .pnl-shop4col .fade {opacity: 0.3; } /*.desktop-site.shop-theme .pnl-shop4col + .f-right {margin-right: 40%; }*/ .pnl-shop4col .pnl-inner {position: absolute; } .pnl-shop4col .product-cat {} .pnl-shop4col .product-cat p {} .prod-empty {display:none;} .prod-best, .shop02 .promo-label, .prod-sale, .prod-new, .prod-empty, .prod-preorder { color: #999; width: 150px; margin-left:-75px; padding: 1px; font-size: 10px; font-weight: normal; position: absolute; top: 0; left:50%; text-transform: uppercase; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; float:left; z-index:999; background-color:#fff; } /*.mobile-site div[class*=prod-] {margin:auto;}*/ /* Robin and Andy 20160721 */ /* 25/08/2016 this is redundant as it is fixed above */ /*.carousel-lrg .prod-best {left:33%; z-index: 10; top: 27px;} .carousel-lrg .prod-sale {left:33%; z-index: 10; top: 27px;} .carousel-lrg .prod-new {left:33%; z-index: 10; top: 27px;}*/ .shop.quick-basket .carousel-lrg > .pnl {margin-top:-26px;} .desktop-site.shop.quick-basket .carousel-lrg .prod-best, .desktop-site.shop.quick-basket .carousel-lrg .prod-new, .desktop-site.shop.quick-basket .carousel-lrg .prod-sale, .desktop-site.shop.quick-basket .carousel-lrg .prod-preorder { position: relative; top:27px; z-index: 10; } .shop li .pnl-inner .prod-best, .shop li .pnl-inner .prod-sale, .shop li .pnl-inner .prod-new, .shop li .pnl-inner .prod-empty, .shop li .pnl-inner .prod-preorder {margin-bottom: -29px; z-index: 1; } .prod-best p, .shop02 .promo-label p, .prod-sale p, .prod-new p, .prod-preorder p {padding: 4px; margin: 0; width: 100%; text-align: center; } /*19/07: reverted to box with bdr only*/ .prod-best, .shop02 .promo-label { color: #1380b5; border:1px solid #1380b5; } .prod-sale {color: #e4002d;border:1px solid #e4002d; } .prod-new {color: #970016;border:1px solid #970016;} .prod-preorder {color:#3d5c12;border:1px solid #3d5c12;} .prod-empty {border: none; background-color:transparent; } .prod-preorder {color: #3d5c12;border: 1px solid #3d5c12;} /**/ .pnl-shop4col .products-actions {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } /*.pnl-shop4col .products-actions button span {position: absolute; top: -3000px; left: -3000px; }*/ .pnl-shop4col .products-actions button {width: 30px; height: 30px; overflow: hidden; text-indent: -3000px; position: relative; top: -30px; float: right; margin: 0 6px 0 0; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-bag.png'); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px /* temp sizing solution! */; border: none; background-color: #fff; } .pnl-shop4col .products-actions button:first-child {float: left; margin: 0 0 0 6px; background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-like.png'); } .pnl-shop4col .products-actions button:hover {background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-bag-full.png'); } .pnl-shop4col .products-actions button:first-child:hover {background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-like-full.png'); } /* plus button hover states !*/ .pnl-shop4col .pnl:hover button {position: relative; top: 0; } /* ********** temp work by DH end ******************* */ .pnl-row:after {content: ""; display: table; clear: both; } .pnl-row .pnl-row-ttl {display: block; } .pnl-row .pnl, .pnl-row .pnl-omit { margin: 0; padding: 0; position: relative; margin-right: 16px; margin-right: 1rem; margin-bottom: 16px; margin-bottom: 1rem; float: left; } #page-footer .pnl-row.pnl-4col nav .pnl {margin-bottom:0;} .main-home-pg .pnl-row .block-header.pnl {margin-bottom:0} .main-home-pg .get-started .pnl-row .block-header.pnl + .pnl {margin-bottom:0} .pnl-1col .pnl:last-child {border: none;} .shop-home .pnl-1col .pnl:last-child {width:100%;} .pnl-row .pnl .pnl-inner {position: relative; } /*.main-home-pg .get-started .pnl-row .pnl .pnl-inner { overflow:hidden !important ; height:auto !important; background:green; }*/ .pnl-row .pnl .pnl-inner.w-bg .pnl-txt, .pnl-row .pnl .pnl-inner.vlg-bg .pnl-txt, .pnl-row .pnl .facet-list a.pnl-inner .pnl-txt, .facet-list .pnl-row .pnl a.pnl-inner .pnl-txt, .pnl-row .pnl .pnl-inner.mdg-bg .pnl-txt, .pnl-row .pnl .pnl-inner.dg-bg .pnl-txt {padding: 16px; padding: 1rem; } .pnl-row .pnl .pnl-title {padding-bottom: 8px; padding-bottom: 0.5rem; } /*.main-home-pg .pnl-row .pnl .pnl-txt p {margin-top:0}*/ .pnl-row .pnl .pnl-txt, .pnl-row .pnl-omit .pnl-txt {padding-right: 16px; clear: right; } .main-content .pnl-row .pnl .pnl-txt, .main-content .pnl-row .pnl-row .pnl-omit .pnl-txt {clear: none; } /*.pnl-row .pnl .pnl-txt p {font-size: 12px; font-size: 0.8em; }*/ .pnl-row .pnl a.pnl-lnk {display: block; } .pnl-row .pnl h3, .pnl-row .pnl .pnl-title {margin: 0; } .pnl-row .pnl a.action-button:hover .icon {background-color: transparent; } .pnl-row .pnl dt {width: 80px; } .pnl-row .pnl dd {width: -moz-calc(100% - 80px); width: -o-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } .pnl-row .pnl span.pnl-field, .pnl-row .pnl-txt p.pnl-date {display: block; padding-bottom: 8px; padding-bottom: 0.5rem; } .pnl-row .pnl span.pnl-field .label {padding: 0; margin: 0; display: inline; } .pnl-row .pnl span.pnl-field .pf-txt {display: inline; } .pnl-row .pnl span.pnl-field + p.pnl-field {padding-top: 8px; padding-top: 0.5rem; } .pnl-row h3.pnl-title {margin: 1rem 0; padding: 0; } /*.pnl-row .pnl-inner .pnl-txt h3.pnl-title {margin-top: 14px; }*/ .pnl-row .pnl-act-btn .pnl-inner {position: relative; } .pnl-row .pnl-act-btn .pnl-inner.w-bg .pnl-txt, .pnl-row .pnl-act-btn .pnl-inner.vlg-bg .pnl-txt, .pnl-row .pnl-act-btn .facet-list a.pnl-inner .pnl-txt, .facet-list .pnl-row .pnl-act-btn a.pnl-inner .pnl-txt, .pnl-row .pnl-act-btn .pnl-inner.mdg-bg .pnl-txt {padding: 16px 16px 64px 16px; padding: 1rem 1rem 4rem 1rem; } .pnl-row dl {margin: 0; margin-bottom: 8px; margin-bottom: 0.5rem; } .pnl-row .pnl-wide, .pnl-row .pnl-1-third, .pnl-row .pnl-2-thirds, .pnl-row .pnl-img-2col {margin: 0; position: relative; margin-right: 16px; margin-right: 1rem; margin-bottom: 16px; margin-bottom: 1rem; float: left; } .pnl-row .pnl-wide .pnl-txt, .pnl-row .pnl-1-third .pnl-txt, .pnl-row .pnl-2-thirds .pnl-txt, .pnl-row .pnl-img-2col .pnl-txt {padding-right: 16px; } .pnl-row .pnl-wide a, .pnl-row .pnl-1-third a, .pnl-row .pnl-2-thirds a, .pnl-row .pnl-img-2col a {display: block; } .pnl-row .pnl-wide .pnl-title, .pnl-row .pnl-1-third .pnl-title, .pnl-row .pnl-2-thirds .pnl-title, .pnl-row .pnl-img-2col .pnl-title, .pnl-row .pnl-no-padding .pnl-title {margin: 0; } .pnl-row .pnl-img {padding-bottom: 0; position: relative; } .shop .search-rslt ul.pnl-row li.pnl .pnl-inner .pnl-img {padding-top: 29px; } .mobile-site.shop .search-rslt ul.pnl-row li.pnl .pnl-inner .pnl-img {padding-top: 0;} .pnl-row .pnl-img img {display: block; width: 100%; height: auto; } .pnl-row .pnl-img img.lazy {width: 100%; } .pnl-row .pnl-no-padding {margin: 0 16px 0 0; /*margin: 0 1rem 0 0; */margin: 1rem 1rem 0 0; position: relative; padding: 0; float: left; } .pnl-row .pnl-no-padding .pnl-txt {padding: 16px; } .pnl-row .pnl-no-padding a {display: block; text-decoration: none; } .pnl-row .pnl-col {margin: 0 16px 16px 0; margin: 0 1rem 1rem 0; min-height: 200px; margin-right: 16px; margin-right: 1rem; margin-bottom: 16px; margin-bottom: 1rem; float: left; position: relative; } .pnl-row .pnl-col .pnl {margin: 0; margin-bottom: 1px; } .pnl-row .pnl-col.v-s-pnl .pnl {margin-bottom: 16px; margin-bottom: 1rem; } ul.pnl-3col p {margin: 10px 0; } .w2col-img-pnl .pnl-inner {width: 944px; } .w2col-img-pnl .pnl-img {padding: 0; width: 624px; } .w2col-img-pnl .pnl-img img {width: 100%; height: auto; display: block; } .w2col-img-pnl .pnl-txt {width: 304px; margin-top: 16px; margin-top: 1rem; } .w2col-img-pnl .img-rgt .pnl-inner {overflow: hidden; height: auto !important; } .w2col-img-pnl .img-rgt .pnl-img {float: right; padding-bottom: 0; } .w2col-img-pnl .img-rgt .pnl-txt {float: right; width: 320px; padding: 16px 32px 16px 16px; padding: 1rem 2rem 1rem 1rem; padding-bottom: 64px; padding-bottom: 4rem; } .w2col-img-pnl .img-lft .pnl-inner {padding-right: 16px; padding-right: 1rem; overflow: hidden; height: auto !important; } .w2col-img-pnl .img-lft .pnl-img {float: left; padding-bottom: 0; } .w2col-img-pnl .img-lft .pnl-txt {float: left; padding: 16px; padding: 1rem; padding-bottom: 64px; padding-bottom: 4rem; } .w2col-img-pnl .img-lft .action-button {margin-left: 624px; margin-left: 39rem; } .w2col-img-33-pnl-66 {} .w2col-img-33-pnl-66 .pnl-inner {width: 944px; } .w2col-img-33-pnl-66 .pnl-img {padding: 0; width: 304px; float: left; } .w2col-img-33-pnl-66 .pnl-img img {width: 100%; height: auto; display: block; } .w2col-img-33-pnl-66 .pnl-txt {width: 608px; margin-top: 0; float: left; } .w2col-img-33-pnl-66 .btm-lft {bottom: 16px; left: 320px; position: absolute; } .hlf-img-pnl .pnl {margin-right: 0; } .hlf-img-pnl .pnl-inner {overflow: hidden; } .hlf-img-pnl .pnl-inner .pnl-img {padding: 0; width: 472px; } .hlf-img-pnl .pnl-inner .pnl-img img {max-width: 100%; } .hlf-img-pnl .pnl-inner .pnl-txt {float: left; width: 416px; margin-right: 16px; margin-right: 1rem; margin-top: 16px; margin-top: 1rem; } .hlf-img-pnl.alternate-img .pnl:nth-child(odd) .action-button {margin-left: 472px; margin-left: 29.5rem; } .hlf-img-pnl.alternate-img .pnl:nth-child(odd) .pnl-img {float: left; } .hlf-img-pnl.alternate-img .pnl:nth-child(even) .pnl-img, .hlf-img-pnl.img-rgt .pnl-img {float: right; } /*.rslt-list {padding-right: 16px; }*/ .rslt-list .pnl {width: 100%; min-height: 96px; padding-right: 16px; padding-right: 1rem; }/*padding added here to fix/unify layouts without tracking down all html files*/ .rslt-list .pnl-inner {overflow: hidden; } .rslt-list .pnl-txt {float: left; width: 60%; padding-top: 0; min-height: 64px; } .rslt-list .pnl-img {float: left; padding: 0; } .rslt-list .pnl-row {padding-bottom: 16px; padding-bottom: 1rem; } .rslt-grid .quick-view {position: relative; } .rslt-grid .quick-view .pnl {position: static; } .rslt-grid .quick-view .pnl:nth-child(3n+4) {clear: left; } .rslt-grid .pnl {width: 224px; } ul li.notFound {padding-top: 20px !important; } ul li.notFound div.pnl-inner {border: 1px solid #ccc; height: auto !important; } .rslt-grid .pnl.notFound {width: 704px;} .sml-img-pnl .pnl .pnl-inner.w-bg, .thmb-pnl-col .pnl .pnl-inner.w-bg {padding: 0; } .sml-img-pnl .pnl .pnl-inner.w-bg .pnl-txt, .thmb-pnl-col .pnl .pnl-inner.w-bg .pnl-txt {padding: 8px 16px; padding: 0.5rem 1rem; } .sml-img-pnl .pnl-img, .thmb-pnl-col .pnl-img {width: 96px; width: 6rem; float: left; } .sml-img-pnl .pnl-img img, .thmb-pnl-col .pnl-img img {/*height:auto; verflow:hidden; position:absolute; clip: rect(0,60px,60px,0);*/ } .sml-img-pnl .pnl-lnk, .thmb-pnl-col .pnl-lnk {min-height: 60px; } .sml-img-pnl .pnl-img + .pnl-txt, .sml-img-pnl .action-button, .thmb-pnl-col .pnl-img + .pnl-txt/*, .thmb-pnl-col .action-button */{margin-left: 96px; margin-left: 6rem; } .pnl-1col .pnl {width: 944px; width: 59rem; } .pnl-1col.pnl-img-2col .pnl {border-bottom: none; } .grid_37 .pnl-1col .pnl {width: 560px; width: 35rem; } .sml-img-pnl.pnl-1col .pnl-img {width: 192px; width: 12rem; } .sml-img-pnl.pnl-1col .pnl-img + .pnl-txt, .sml-img-pnl.pnl-1col .action-button {margin-left: 192px; margin-left: 12rem; } .sml-img-pnl.pnl-2col .pnl-img {width: 128px; width: 8rem; } .sml-img-pnl.pnl-2col .pnl-img + .pnl-txt, .sml-img-pnl.pnl-2col .action-button {margin-left: 128px; margin-left: 8rem; } .sml-img-pnl.pnl-6col .pnl-img + .pnl-txt {margin: 0; clear: left; } .sml-img-pnl.pnl-6col .action-button {margin: 0; } .col-41-width .sml-img-pnl.pnl-1col .pnl-img {width: 8rem;} /* sets image width for press contract page in 2 col layout*/ .col-41-width .sml-img-pnl.pnl-1col .pnl-img + .pnl-txt {margin-left: 9rem;} /* sets text panel width for press contract page in 2 col layout*/ .isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .pnl img {display: block; margin: 0; height: auto; width: 100%; } .isotope .pnl {width: 224px; } .isotope .wide {width: 464px; } .isotope .isotope-item {z-index: 2; } .isotope .isotope-hidden.isotope-item {pointer-events: none; z-index: 1; } .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .isotope .pnl .mdg-bg .pnl-txt {padding-bottom: 16px; } .pnl-expnd-wrap {position: absolute; width: 100%; height: 400px; overflow: hidden; margin-left: -8px; left: 0; }/* this did not have any selector on 25/11/15? */ .quick-view .qv-open {padding: 8px; padding: 0.5rem; padding-right: 8px !important; margin: 8px 8px 8px -8px !important; padding-bottom: 400px; } .quick-view .qv-open .pnl-expnd-area {display: block; height: 400px; } .quick-view .qv-open .pnl-inner {/*background: blue; */background: url('../images/qv-arrow.png') no-repeat center bottom; padding-bottom: 8px; padding-bottom: 0.5rem; } .pnl-expnd-area {width: 100%; position: absolute; height: 0px; background: #eee; z-index: 30; display: none; } .pnl-expnd-area .pnl-expnd-area-inner > div {width: 49%; float: left; padding: 32px 40px 40px 40px; position: relative; height: 400px; *height: 320px; } .pnl-expnd-area .pnl-expnd-area-inner .pnl-expnd-img {height: 368px; background: #000; padding: 8px; margin: 16px; width: 45%; } .qv-nav li {position: absolute; z-index: 999; } .qv-nav li:hover {cursor: pointer; } .qv-nav .qv-next {right: 0; top: 50%; } .qv-nav .qv-prev {left: 0; top: 50%; } .qv-nav .qv-close {top: 8px; right: 8px; } .no-js img.lazy {display: none; } .alternate-main-bg .pnl-txt {padding: 16px 16px 64px 16px; padding: 1rem 1rem 4rem 1rem; } /*.alternate-main-bg .pnl-txt {padding: 16px 16px 32px 16px; padding: 1rem 1rem 2rem 1rem; } .alternate-main-bg .btm-lft {clear: right; float: left; margin: 16px 0; position: static; }*/ .alternate-main-bg.noBtn .pnl-txt {padding: 16px; padding: 1rem; } .pnl-money span {display: none; } .pnl-money:after {content: '£'; display: block; width: 27px; height: 27px; font-size: 18px; font-weight: bold; text-align: center; vertical-align: middle; position: absolute; top: 0; right: 0; background-color: #999; color: #fff; } .pnl-txt .pnl-field .label {display: inline; } .pnl-column .pnl {margin-bottom: 16px; margin-bottom: 1rem; } .pnl-column .pnl .pnl-inner {position: relative; } .pnl-column .pnl .pnl-txt {padding: 16px; padding: 1rem; } .pnl-column .pnl .pnl-txt .pnl-title {margin: 0; } .rh-column .pnl-column .pnl .pnl-txt {padding: 0; } .rh-column .pnl-1col .pnl {width: 320px; width: 20rem; } .pnl-column-3col {width: 304px; float: left; padding: 0 16px 16px 0; padding: 0 1rem 1rem 0; } .pnl .hit-spot {display: none; /*position: absolute; height: 100%; width: 100%; opacity: 0; left: 0; top: 0; */ /*-webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; */ /*mobile = display: block*/ } /*.pnl .hit-spot:hover {opacity: 0.15; }*/ /*.main-bg .pnl-link-list .nmbr, .pnl .hit-spot .pnl-link-list .nmbr {padding-left: 8px; padding-left: 0.5rem; }*/ .main-bg .pnl-link-list .nmbr {display: inline-block; } .main-bg .pnl-link-list .nmbr:before {content: '-'; color: transparent; } .pnl-link-list li {margin: 0; } .pnl-link-list li a {display: inline-block; } .pnl-video .pnl-img, .pnl-media .pnl-img {position: relative; } /*.pnl-video .pnl-img .video-info, .pnl-media .pnl-img .video-info {bottom: 0; left: 0; xopacity: 0.8; position: absolute; cursor: pointer; }*/ /*.pnl-video .pnl-img .video-info .vid-time, .pnl-video .pnl-img .video-info .vid-time {display: inline-block; float: right; margin: 4px 0 0; padding: 0 14px; }*/ .single-hl-pnl .pnl {margin: 0; margin-bottom: 16px; margin-bottom: 1rem; } .single-hl-pnl .pnl .pnl-inner.dg-bg .pnl-img {width: 50%; float: right; } .single-hl-pnl .pnl .pnl-inner.dg-bg .pnl-txt {width: 50%; float: left; padding: 20px 12px 12px 12px; padding: 1.6rem 1rem 1rem 1rem;} .single-hl-pnl .pnl .pnl-inner.dg-bg p {margin: 8px 0; margin: 0.5rem 0; } .pnl-row .pnl span.pnl-field.pf-date {display: inline; } #eventsList .pnl-row .pnl span.pnl-field.pf-date .date-start {width: 100%; margin-bottom: 10px; display: inline-block; } .pnl-row .pnl h3 + span.pnl-field.pf-date span {display: inline !important; } .pnl-row .pnl span.pnl-field.pf-free, .pnl-row .pnl span.pnl-field.pf-type {display: inline; padding: 2px 5px; margin: 1px; /*width: 60px; ?*/ } .pnl-row .pnl span.pnl-field.pf-free {padding: 4px 6px; } .pnl-row .pnl span.pnl-field.pf-type {display: inline-block; margin-bottom: 10px; margin-top: -8px; line-height: 1rem; } .thmb-pnl-col .pnl-row .pnl span.pnl-field.pf-type {position: relative; top: -8px; } .pnl-pos-rel {position: relative; } .main-content-block-inner.w-bg .grid_37 ul.pnl-row li {margin-left: 0; } /*remove dash from global msg if only one*/ #shop-legend > div.grid_19.removeDash:first-child:after {content:none;} /*.search-rslt.grid_37 ul.pnl-row li:nth-child(odd) {margin-left: 57px; }*/ .search-rslt.grid_37 ul.pnl-row li:nth-child(2n+1) {margin-left: 57px; } .main-content-block-inner {margin-left: 2rem; } .hl-pnl {width: 976px; } .hl-pnl .hl-pnl-inner {padding-left: 16px; padding-left: 1rem; } .hl-pnl .hl-pnl-inner .pnl-row {clear: both; overflow: hidden; display: block; zoom: 1; } .hl-pnl h2 {position: absolute; z-index: 20; margin: 0; padding-left: 16px; padding-left: 1rem; } .hl-pnl .pnl-row .pnl {padding-right: 0; } .hl-pnl .pnl-lnk {height: 320px; overflow: hidden; } .hl-pnl .pnl-lnk .pnl-inner {height: 320px; } .hl-pnl.js-open {height: 471px; overflow: hidden; margin-bottom: 0; position: relative; } .hl-pnl-nav li {position: absolute; width: 100%; height: 63px; cursor: pointer; margin: 0; } .hl-pnl-nav .hl-next {bottom: -8px; } .hl-pnl-nav .icon {-moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; } .hl-pnl-nav .trans-icon-bg {width: 100%; position: absolute; height: 100%; display: block; top: 0; opacity: 0.6; } .hl-prev .trans-icon-bg {margin-top: -8px; } .hl-pnl-nav .icon {z-index: 999; position: absolute; left: 50%; margin-left: -22px; overflow: hidden; opacity: 0.7; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .hl-pnl-nav li:hover .icon, .hl-prev .trans-icon-bg {opacity: 1; } .hl-pnl-nav li {z-index: 10; } .pnl .pnl-lnk:hover {margin: -8px; padding: 8px; } .desktop-site .network .pnl-3col .pnl-2col .pnl {width: 624px !important; } .desktop-site .network .pnl-row .pnl {box-sizing: border-box; border: 1px solid #ccc; } .desktop-site .network .pnl-3col div.pnl div.vlg-bg {background: #eee !important; } .desktop-site .network .pnl-3col div.pnl div.vlg-bg p {margin-bottom: 8px; margin-bottom: 0.5rem; } .desktop-site .network .pnl-txt {padding: 16px 16px 64px 16px !important; padding: 1rem 1rem 4rem 1rem !important; } .desktop-site .network .pnl-txt .action-button {position: absolute; bottom: 16px; bottom: 1rem; } /*.desktop-site .network .pnl-txt {padding: 16px; padding: 1rem !important;}*/ /* ======================================================= STYLES USED TO REPLACE PADDING CLASSES FOR SPECIFIC PANELS EG COLLECTIONS GUIDE ======================================================= */ .links-block-padding {margin-bottom: 32px; margin-bottom: 1rem; padding-left:32px; padding-left:1rem;} .vlg-bg .rh-column .links-block-padding {padding-bottom: 16px; padding-bottom: 1rem; } .pnl-block-padding {padding-bottom:32px; padding-bottom:2rem; margin-top: 32px; margin-top: 2rem;} .pnl-block-padding .pnl-row {padding-left:16px; padding-left:1rem;} /* ======================================================= PADDING / MARGIN ======================================================= */ /*Moved from all_m*/ [class*="grid_"] {display: block; float: none; margin: 0; padding: 0; } .m-t-1col {margin-top: 16px; margin-top: 1rem; } .m-t-2col {margin-top: 32px; margin-top: 2rem; } .m-t-3col {margin-top: 48px; margin-top: 3rem; } .m-t-4col {margin-top: 64px; margin-top: 4rem; } .m-b-1col {margin-bottom: 16px; margin-bottom: 1rem; } .m-b-2col {margin-bottom: 32px; margin-bottom: 2rem; } .m-b-3col {margin-bottom: 48px; margin-bottom: 3rem; } .m-b-4col {margin-bottom: 64px; margin-bottom: 4rem; } .m-l-1col {margin-left: 16px; margin-left: 1rem; } .m-l-2col {margin-left: 32px; margin-left: 2rem; } .m-l-3col {margin-left: 48px; margin-left: 3rem; } .m-l-4col {margin-left: 64px; margin-left: 4rem; } .m-r-1col {margin-right: 16px; margin-right: 1rem; } .m-r-2col {margin-right: 32px; margin-right: 2rem; } .m-r-3col {margin-right: 48px; margin-right: 3rem; } .m-r-4col {margin-right: 64px; margin-right: 4rem; } .p-t-1col {padding-top: 16px; padding-top: 1rem; } .p-t-2col {padding-top: 32px; padding-top: 2rem; } .p-b-1col {padding-bottom: 16px; padding-bottom: 1rem; } .p-b-2col {padding-bottom: 32px; padding-bottom: 2rem; } .p-l-1col, .prefix_1 {padding-left: 16px; padding-left: 1rem; } ul li.list-view {padding-left: 15px; padding-left: 0.9rem; /* for chrome */} .p-l-2col, .prefix_2 {padding-left: 32px; padding-left: 2rem; } .p-l-3col, .prefix_3 {padding-left: 48px; padding-left: 3rem; } .p-l-4col, .prefix_4 {padding-left: 64px; padding-left: 4rem; } .p-r-1col, .suffix_1 {padding-right: 16px; padding-right: 1rem; } .p-r-2col, .suffix_2 {padding-right: 32px; padding-right: 2rem; } .p-r-3col, .suffix_3 {padding-right: 48px; padding-right: 3rem; } .p-r-4col, .suffix_4 {padding-right: 64px; padding-right: 4rem; } .p-lr-1col {padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem; } .p-lr-2col {padding-left: 32px; padding-left: 2rem; padding-right: 32px; padding-right: 2rem; } .prefix_19, p-l-19col {padding-left: 304px; padding-left: 19rem; } .prefix_20, p-l-20col {padding-left: 320px; padding-left: 20rem; } .prefix_21, p-l-21col {padding-left: 336px; padding-left: 21rem; } /* ======================================================= GRID ======================================================= */ .grid_61 {width: 976px; } .grid_61:before, .grid_61:after {content: " "; display: table; } .grid_61:after {clear: both; } .grid_60 {width: 960px; } .grid_60:before, .grid_60:after {content: " "; display: table; } .grid_60:after {clear: both; } .grid_59 {width: 944px; } .grid_59:before, .grid_59:after {content: " "; display: table; } .grid_59:after {clear: both; } .grid_58 {width: 928px; float: left; } .grid_57 {width: 912px; float: left; } .grid_56 {width: 896px; float: left; } .grid_55 {width: 880px; float: left; } .grid_54 {width: 864px; float: left; } .grid_53 {width: 848px; float: left; } .grid_52 {width: 832px; float: left; } .grid_51 {width: 816px; float: left; } .grid_50 {width: 800px; float: left; } .grid_49 {width: 784px; float: left; } .grid_48 {width: 768px; float: left; } .grid_47 {width: 752px; float: left; } .grid_46 {width: 736px; float: left; } .grid_45 {width: 720px; float: left; } .grid_44 {width: 704px; float: left; } .grid_43 {width: 688px; float: left; } .grid_42 {width: 672px; float: left; } .grid_41 {width: 656px; float: left; } .grid_40 {width: 640px; float: left; } .grid_39 {width: 624px; float: left; } .grid_38 {width: 608px; float: left; } .grid_37 {width: 592px; float: left; } .grid_36 {width: 576px; float: left; } .grid_35 {width: 560px; float: left; } .grid_34 {width: 544px; float: left; } .grid_33 {width: 528px; float: left; } .grid_32 {width: 512px; float: left; } .grid_31 {width: 496px; float: left; } .grid_30 {width: 480px; float: left; } .grid_29 {width: 464px; float: left; } .grid_28 {width: 448px; float: left; } .grid_27 {width: 432px; float: left; } .grid_26 {width: 416px; float: left; } .grid_25 {width: 400px; float: left; } .grid_24 {width: 384px; float: left; } .grid_23 {width: 368px; float: left; } .grid_22 {width: 352px; float: left; } .grid_21 {width: 336px; float: left; } .grid_20 {width: 320px; float: left; } .grid_19 {width: 304px; float: left; } .grid_18 {width: 288px; float: left; } .grid_17 {width: 272px; float: left; } .grid_16 {width: 256px; float: left; } .grid_15 {width: 240px; float: left; } .grid_14 {width: 224px; float: left; } .grid_13 {width: 208px; float: left; } .grid_12 {width: 192px; float: left; } .grid_11 {width: 176px; float: left; } .grid_10 {width: 160px; float: left; } .grid_09 {width: 144px; float: left; } .grid_08 {width: 128px; float: left; } .grid_07 {width: 112px; float: left; } .grid_06 {width: 96px; float: left; } .grid_05 {width: 80px; float: left; } .f-left {float: left !important; } .f-right {float: right !important; } .f-none {float: none !important; } .results-heading .grid_06 {width: 110px; }/* for: .grid_06 used in BIPC search results, instead of .grid_07 */ .panel-list-height {min-height:265px;} /* these verbose selectors are due to the same cause as detailed below ... */ .main-content-block.highlight-bg > .main-content-block-inner.main-bg { padding-top: 16px; padding-top: 1rem; padding-bottom: 16px; padding-bottom: 1rem; } .desktop-site .main-content-block.highlight-bg > .main-content-block-inner.main-bg > .pnl-block { padding-left: 16px; padding-left: 1rem; } /*** Following are some bespoke 'control' classes to add to wrapper divs in certain scenarios. In order to reuse the same HTML within components in different page layouts, etc, it has become necessary to wrap the HTML block/component in a wrapper which overrides certain css styles... ***/ .desktop-site .twitControl {float: left; clear: left; width: 940px; } .desktop-site .twitControl iframe.twitter-timeline, .desktop-site .twitControl #twitterwrapper {width: 520px !important; background-color: #e5e5e5; } .desktop-site .twitControl .pnl-row {margin: 0 auto; float: none !important; /*width: 50%; */} .twitControl #twitterwrapper {height: auto !important; padding: 0; } .twitControl h3.pnl-row-title {font-size: 1.1rem; } /*temp fix: set all feeds to this height, we need to offer height flexibility*/ #twitter-widget-0 {height:382px !important;} /* for including '
' inside '
use class .paddingControl01 inconjunction with class grid_61 */ .desktop-site .paddingControl01 {margin-bottom: -16px; margin-bottom: -1rem; } .desktop-site .paddingControl01 .main-content-block-inner {padding-left: 16px; padding-left: 1rem; } .desktop-site .paddingControl01 .lrg-img-pnl.pnl-3col .pnl {width: 304px !important; } .desktop-site .paddingControl02 {float: left; clear: left; width: 100%; } .desktop-site .paddingControl02 .pnl-block.p-l-1col p.block-desc {padding-left: 0; width: 70%; font-size: 0.875rem; } .desktop-site .paddingControl02 h2.block-title {font-size: 1.4em; } .desktop-site .paddingControl02 .top-rgt {top: -48px; } /********* NEW HOME PAGE LAYOUT START *********/ .boxSize, .boxSize *, .main-home-pg .footer-block-inner, .product-hero, .product-hero *, .pnl-lg-footer {box-sizing: border-box; } .boxSize:before, .boxSize:after, .boxSize *:before, .boxSize *:after, .product-hero:before, .product-hero:after, .product-hero *:before, .product-hero *:after {box-sizing: inherit; } .boxSize .main-content-block div:before, .boxSize .main-content-block div:after {content: " "; display: table; } .boxSize .main-content-block div:after {clear: both; } .main-home-pg .owl-carousel {height: 430px; display: block; overflow: hidden; } .main-home-pg .shopping .owl-carousel {height:auto} .main-home-pg .owl-carousel .owl-stage {overflow: hidden; } .main-home-pg .owl-carousel .owl-stage, .desktop-site.main-home-pg .owl-carousel .owl-stage .owl-item:first-child .item:first-child {height: 398px; } .main-home-pg .owl-carousel .owl-stage, .desktop-site.main-home-pg .owl-carousel .owl-stage .owl-item:first-child .item:first-child {height: 430px !important} .main-home-pg .shopping .owl-carousel .owl-stage {height:380px !important} .main-home-pg #main .shopping .pnl-shop4col .pnl-img a {margin-top:30px;} .main-home-pg .owl-carousel .top-row {height: 304px; overflow: hidden; } .main-home-pg .owl-carousel .top-row .pnl {min-height: 286px; } .main-home-pg .owl-carousel .bottom-row {height: 126px; overflow: hidden; } .main-home-pg .owl-carousel .top-row .pnl-img {height: 126px; max-height: 126px; overflow: hidden; } .main-home-pg .owl-carousel .pnl-title {padding: 0; margin: 0 0 6px 0; font-weight: normal; font-size: 18px; font-size: 1.3em; } .main-home-pg .owl-carousel .bottom-row .pnl-img {float: left; } /*.main-home-pg .owl-carousel .owl-item .pnl.item:not(.onload-right-half) .bottom-row .pnl-img {width:142px}*/ .main-home-pg .owl-carousel .top-row .pnl-block .pnl-col:first-child {margin-right: 16px; } .main-home-pg .owl-carousel .pnl-txt p.free { background-color: #000; color: #fe0 !important; display: inline-block; margin: 0 10px 6px 0; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; padding: 2px 4px; font-size: 10px; float:left } .main-home-pg .owl-carousel .pnl-txt p.desc {clear:both} .main-home-pg .owl-carousel .pnl-txt p.event-availability {color:red !important;clear:both} /*.main-home-pg .owl-carousel .pnl-txt p {font-size: 13px; font-size: 0.7875rem; }*/ /* Remove silly grey strip on hp top carousel. .desktop-site.main-home-pg #owl-carousel .owl-stage-outer:before {content: ' '; display: block; height: 100%; position: absolute; right: 0; width: 20px; z-index: 50; opacity: 1; transition: opacity 1.0s ease-in-out; }*/ .desktop-site.main-home-pg .owl-carousel .owl-stage-outer.fade:before {opacity: 0; } .main-home-pg .block-footer .pnl {width:auto;} .main-home-pg .owl-carousel .owl-nav div, .shop .owl-carousel .owl-nav div { background-color: #037a8d; display: inline-block; position: absolute; top: 54%; height: 40px; width: 40px; z-index: 100; color: transparent; text-transform: capitalize; box-sizing:border-box; } .main-home-pg .owl-carousel .owl-nav div { background-color:#b70303; top:12px } .desktop-site .main-home-pg .owl2 .owl-carousel .owl-nav div {top:48%} .main-home-pg .owl-carousel .owl-nav div:before, .shop .owl-carousel .owl-nav div:before {content: ' '; width: 30px; height: 30px; display: block; opacity: 1; transition: opacity 0.30s ease-in-out; } .main-home-pg .owl-carousel .owl-nav div:hover:before, .shop .owl-carousel .owl-nav div:hover:before {opacity: 0.6; } .main-home-pg .owl-carousel .owl-next {right: 0; } /*carousel nav*/ /*.main-home-pg .owl-carousel .owl-next:before, .shop .owl-carousel .owl-next:before {background-position: 39px -56px; }*/ .main-home-pg .owl-carousel .owl-next:before, .shop .owl-carousel .owl-next:before {background-position: -153px -57px;} .main-home-pg .owl-carousel .owl-prev:before, .shop .owl-carousel .owl-prev:before {background-position: -106px -57px;} /*.main-home-pg .owl-carousel .owl-prev:before, .shop .owl-carousel .owl-prev:before {background-position: 88px -56px; }*/ /**/ .main-home-pg .owl-carousel .owl-prev {left: 0; } .main-home-pg .owl-carousel .owl-dots {height: 0; display: none; } .main-home-pg .owl-carousel .owl-stage .owl-item .pnl, .main-home-pg .owl-carousel .top-row .pnl, .main-home-pg .owl-carousel .bottom-row {background-color: #fff; } .main-home-pg .owl-carousel .owl-stage-outer:before {background-color: #ddd;}/* darker gry */ /**/ .main-home-pg .main-content .main-content-block:first-child .main-content-block-inner > p, .main-home-pg .main-content .main-content-block .main-content-block-inner > .pnl-2col > p, .main-home-pg .main-content .main-content-block .main-content-block-inner > .pnl-3col > p {font-weight: bold;} .main-home-pg .main-content .main-content-block .main-content-block-inner p a {border-bottom: 1px solid; } .main-home-pg .main-content .main-content-block .main-content-block-inner p a:hover {border-bottom: none; } .main-home-pg .pnl-row .pnl-row-title + p {margin-top: -16px; margin-top: -1rem; } .main-home-pg .shopping .action-button {background-color: #cd3333; font-size: 0.8rem; padding: 0 20px; } .main-home-pg .shopping .action-button:hover {background-color: #9d1a1a !important; } .main-home-pg .shopping .pnl-txt h2 + p, .main-home-pg .shopping .pnl-txt h3 + p {color: #cd3333 !important; }/*first p*/ /*product pg layout start*/ /*.main-home-pg .main-content .main-content-block:first-child .main-content-block-inner {padding: 0 0 16px 0; padding: 0 0 1rem 0; }*/ /*.main-home-pg .main-content-block .main-content-block-inner {padding: 20px 0; padding: 1.2rem 0; }*/ .main-home-pg .main-content-block-inner .pnl-row {padding-left: 16px; padding-left: 1rem; } .main-home-pg .main-content-block-inner .block-footer.pnl-row {padding-left:0} .main-home-pg .owl1 .block-footer.pnl-row {padding-left:16px;} .main-home-pg .main-content-block-inner #owl-carousel + .block-footer {padding-left:16px;} .main-home-pg .main-content-block.shopping .block-footer .pnl {padding-left:16px;} /*.main-home-pg .shopping .main-content-block-inner .pnl-row {padding-left:0;padding-right:0}*/ .main-home-pg .owl-carousel .pnl-txt, .main-home-pg .owl-carousel {padding: 16px; padding: 1rem;} .main-home-pg .owl-carousel .pnl-txt {overflow:hidden !important} .main-home-pg .bottom-row .pnl-txt {padding-left:0 !important} .main-home-pg .owl1 .owl-carousel {padding-top:0;} /*homepage top carousel*/ .desktop-site.main-home-pg .owl1 #owl-carousel {height:457px;} .desktop-site.main-home-pg .owl1 #owl-carousel .owl-stage {height:457px !important;} .desktop-site.main-home-pg .owl1 #owl-carousel .owl-stage .owl-item:first-child .item:first-child {height:457px !important} .desktop-site.main-home-pg .owl1 #owl-carousel .top-row {height:331px;background:#F1F1F1} .desktop-site.main-home-pg .owl1 #owl-carousel .top-row .pnl {min-height:315px} .main-home-pg .owl-carousel .owl-nav div:hover:before {opacity:1} .main-home-pg .owl-carousel .owl-nav div:hover {background-color: #6A0000;} /*news / blogs section*/ .main-home-pg .owl1 + .main-content-block .pnl-inner, .main-home-pg .discover-learn .pnl-omit + .pnl .pnl-inner { padding:0; height:auto !important; } /*discover/learn images*/ .mobile-site.main-home-pg .discover-learn .pnl-omit .pnl-row {padding:0} .main-home-pg .discover-learn .pnl-omit .pnl-row a {float:left} .mobile-site.main-home-pg .discover-learn .pnl-omit .pnl-row a {width:100%} /*.desktop-site.main-home-pg .discover-learn .pnl-omit .pnl-row a {padding:16px;}*/ .main-home-pg .discover-learn img, .main-home-pg .social img {width:100%;float:left} /*.main-home-pg .social .ads .pnl {margin-top:16px;}*/ /**/ /*Homepage footer carousel*/ .mobile-site.main-home-pg .shopping .pnl-shop4col {width:auto !important} .main-home-pg .owl1 + .main-content-block .pnl-inner .pnl-txt, .main-home-pg .discover-learn .pnl-omit + .pnl .pnl-inner .pnl-txt, .main-home-pg .owl1 > .main-content-block .pnl-inner .pnl-txt /*03/03/17: used on the incorrect structure on cdstaging for the news on HP*/ { /*padding: 16px !important; padding-left:0 !important; */ padding: 16px 16px 16px 0 !important; } .main-home-pg .shopping.owl2 .owl-carousel {padding:0} .main-home-pg .shopping.owl2 .section-footer {margin-top:16px;} /*HP blogs/news images*/ .main-home-pg .sm-img { /*max-width:170px; width: 100%;*/ float: left; padding-right: 16px; padding-right: 1rem; } .main-home-pg .news .sm-img {width:130px} /*.mobile-site.main-home-pg .sm-img {max-width: 135px;}*/ .main-home-pg .sm-img a {float:left} .main-home-pg .last-pnl {margin-bottom:0} .mobile-site.main-home-pg .last-pnl + .block-footer {padding-top:16px;padding-top:1rem;} .main-home-pg .sm-txt {padding-top: 16px; padding-top: 1rem; } .main-home-pg .promo-banner-inner {width: 100%; height: 332px; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; } .main-home-pg .promo-banner-inner span {position: absolute; left: -3000px; top: -3000px; } .main-home-pg .main-content-block-inner.grid_61 .pnl-row.grid_59:first-child {padding-bottom: 16px; padding-bottom: 1rem; } .main-home-pg .main-content-block .main-content-block-inner .pnl-row .pnl.live-feed {margin-bottom:0} .main-home-pg .live-feed .suffix_1 {margin:0} .main-home-pg .main-content-block .main-content-block-inner .pnl-row .pnl #twitterwrapper {height: 382px !important;} .shop.shop-product.quick-basket .social-icons ul {width:auto;float:left} .social-icons {height: 0px; } /* Checking impact of this on non-home pages */ .social-icons ul {width: 100%;} .social-icons ul li {display: inline-block; float: left; margin-right: 10px; } .main-home-pg .social-icons ul li {float:none;margin-right:0} .desktop-site.shop .product-info .social-icons h2 {width:auto;} /*use for black/white icons*/ /* .social-icons ul li a {display: inline-block; width: 48px; height: 48px; text-indent: -3000px; opacity: 1; transition: opacity 0.3s ease-in-out; background-repeat: no-repeat; background-image: url('data:image/gif;base64,R0lGODlhUgEvANUAAKysrPPz83x8fLCwsM3NzcbGxjw8PMnJyZ2dnYmJiUpKStra2pWVlbm5uUJCQt7e3uHh4UZGRtPT06ioqOrq6ujo6GhoaO3t7U1NTfj4+NbW1vT09FJSUqSkpISEhFpaWoGBgebm5l5eXlZWVqGhoZiYmGVlZdTU1PDw8MLCwmFhYXZ2dm1tbXJycrS0tI6Ojj4+PuTk5L6+vpGRkby8vNDQ0MDAwDg4OO/v7/7+/js7O9jY2Do6OtnZ2Tk5Of///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVGNUVEMDY4RTBGMTFFNTk4RjJGMEE0QjRGNUYwRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVGNUVEMDc4RTBGMTFFNTk4RjJGMEE0QjRGNUYwRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUY1RUQwNDhFMEYxMUU1OThGMkYwQTRCNEY1RjBGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUY1RUQwNThFMEYxMUU1OThGMkYwQTRCNEY1RjBGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAABSAS8AAAb/QM1u0SP2jsikcslsJjWan3RK/UmMzqzWudj1oNWqBkvEbs/J4bELDlOFZy9Rjc623VBzfc9ku6VQfIJLZTsnO3+JiotuOIiKEoySk2GOio+UmYwbmH9RmqB/ORSfbjsZoalVOZ1iOKqwgAuxsJaQtKoXrVW7uJMBvVTBizm0ORXDp76gGcM9r8uaRFLF0ZK2iZHWlLqX25TAi8Or1cTlisfJqN+MzYk70OyiUkXyjNh/2vaJ3Yk9+4o4LSpFKcOFBRIISICAoty5ROn8rQMYxt0feBT/TMtYaZwVjmH6XQRZJZy3SRkKMGjxAYOCCAo4qFjRYcFDiMjeTSRp0VS8/203qxzBlaOowwxIM1QrOgWfG32xgq6qItIUpWJMcZl8B7Eajg4qHPC44aPsjbFmFbQogAortVU5L+4E2TMMRpJThhqrtqFAAgsqAqtgsYJAFadhoII6J3XKw6p2QxlVmkOpZaSSto50wzRDAw48yvIITbasaNIwWDwyGiaiXLxS6vL6yU6q3qg/chQYocP0aB9kJxz2qPgqLci8GGXNUEHGjBUsokcHLMLEjAuZPY6jsGK0DgPfR4cO7SM8Dx2hYZBoe9O1qbkcZQt7JRWrfaP48+d37OZ2qqUT9HaeDgSiFxoAwy1S3GKxUbADAT1c0B4VyAljjhQLeADDBytYoP+AWT58EN0EAfyiXWvFLPABDwbAQKABLJJnWlkG1AheWQKU2F5c70HkS1ZUyDfFXY8VMMCRSCap5JEAJAmACzWU+Id/sKQAgw+koWfaWcJRgVgVC7KmHIYJYBCaDhyUEMIUFbhAgZfjeISVCzAYMMEGuS3Awg1XroDnW4xoZhUVTEnAgQ8wFtibWTA44ACMwLX4XXk+rKAjYzzaBV9uRyG1AQo4hCoqCqSSGkBSjFUhpBQYPdSDCjPGKqtZaIlWVgsoAJrXP7QEIMINi56GZVkIwqmgGxkAYFhujKSgwFkGmHXDCAVIQAIHLPwpRYVDStIAosVOcYEFwPowg1vZiTP/VQyH1vhipCyUAEABBBCQAgAJiFBWgTXyIEBbhGbKy6ZSQDAAAi8kIIAAHVrg8MMQW9DCwiC8UMIEBNy06g9ETrHBrzHOKut4Z9HaGwObUpmKC72B552MZXWQ4C0hxQSBrjcRIJaNNvbmaIgBAMktq4zE8KEIAFejgQME+rCsieqqagGiPSM6Q5ScUdAArIjyAENoCDDrmMDCEPyZbyKnHasDKKuaDH1U1OCAD3W+XNqsLNL9kgJz94YBdmGovJgHwJ73mwEWLMzwAYB+ScWCC/TGQSRMAbmtvgQOeCZpI6RAAwITOU70IgnciqwHlArQWBiCRlYFAliCV6cPFuyw/7oUKMDu9Y0O1ACXOoRiODfMM95w1t3D2orllT6Q4PY7tP1AQATlKUoeacpjSW0FEISgwdQ+KPBm4LzCsgEL1WupQAobJIWUmKJLsSABiPoQAQATPUTDmQZqedZ3MeFAxsQVp0Xg4ANkacFUfiADs3DgT7f7QeuS8xYIRCBvN0qAlHLzABeU4AUMAEAP8teArxXIBy3YiXs0FbwclM5Fs/LflkT2nWh9QEexeVsYpkcp5AGHeKbxwOtCI77+lE8VFFjRdwwUNhQ1hThuOAFZomUAATxAYwwAlqJcdqZoYeBp2yqgInrwLNr94QEROIsCcgU1RRDkB6jLnAFukIB15P+gBi2IwI3K4wAT+I4aARoQomwQMOCpCoH9mpWLfuND37wrAr6rxsbuQgUejqWRsRIPHd2SAxKQBQPjE8oRU1GBD5SHRWRJgdj+EL+PhKECH/paaNgWg51kAASnFI+BoBWiWazyAqOkYCI08CEfcAA7D6GACELzQEJRxg0TtNAUIGAm8PSGBVLKAAmU5y7gwKABnQEBsG60gqSRbUgq/MEFzJQ5WUFqiYYTz/XCg6gBiG2S0eMhcJLnm9BES54eSBoCQvM3TlFBcJpIYsnIo8pVduRYFUnADfrVmxs4YAUyYAhSEvCbTA7oBjPQlTqDKc1EUAA0OoCBPcOAAhOQRXX/hAJACSoAzRNNIUBnmeUJqAG7WC2xaQ7YaYowUD0eRAATKxxYGCwoz0waQAEK6KKiTog2H8hsCvjcIfUqKhr0yHAsTUtAFToAnCKSjxalPM8+fdDQ1jwRomEIAQYm2rU9OkAFHiCBCtTqU+/4QKwhEaMocrCCcpkAPhU4FAyQmpsR3IBxrLPpDzLQgtiVJQHVKMBEv9MCBAigX+eJFgsmIgAsnecGK83NOVkFHwkMD28+EIAEEiAW08ozWKW5QRNzCD2t8tO2aMHAB0ZAvdB8gAAViEEIdoC+8IXyoCTVRCmz19DGtHJBOKDAATiQU3fVKLenlJVXdaBbNwyNY4w4/0C00FOCMDTgQA/JgAgMAMYpRLNbUgjBobQEA8jKt3odQEUGBrqo0ETAlz9wwXp7AwI7rpZj8ElBtNQGgmIQAATjkaeMLskDwPL2IvmkXtoUMIEFUCAGNZjB1yw6ghZTb45mFSUtULBMGpUFsoq4rhsI8AEG6AtL6LHmCTu61lyip0tUEexgJ2AaByCAjRmQAd8GgK4pmMAAvbjv6KS31d6IYHw1WNS/mLVOSi1PBszqQXFDIwLAJbVsYZABDEoDxBuMebIHWMG+qIql43l4sjqsAg8zpzkejADB1JCygEo2qRhDFxQbaECTXNAABMz1TFjyQAOQBAAAPPcHOg7DA/+WZ6BC6xKIpxmNA3BMISW7NTcNQGBZPpAABrDAAQpgdV9SQIACcMAAJOi1DCrAlzcGbgosK1yl1sGAsqz6Lb6aqHgMkFoc7HcsCqCpag1JBRtMOG1jluQBWlCnPcbqz1kV9FbN4jIFIJoKLvAnV3vj6F2BYgEcqCFobTtRnumgdzPLRvAm24J+W9M7mWvnyE7IgU+H8SSDrQYKrOUBEIgYBjSgRjEg4IBGMa1GjoLBBKoRgOji9wdkTZ6HS+uDEaypGiH4kFcR5QJxHYpSDngANR6sjCp4W22xZc80RxCytY4F3YGu5IsToJLathdnBD+LAybQgD0514igeEAxSQb/M5iRhQM3y0qow3AAf7pIQBomskfH0oKgnNcjOMtBAEzpAwzMgjUVMIEILGACsXzAYSOgQbEXUb4OaLE3L6BGd3jwAW1LoQaigZHXCFmwD6n1Bp94MzrDYCW12Tl/F7D0wW1VMqT3Vt0+cIBhUkBeA7zxHBMYSwQkRAJsO/wHCFXEA4g6nqoajzyTMsEGpTB2VQ2UReYGujtTm2SIL/APZQ5NHcVWmaTM9wDVV4oUtIxeKZB1ikHPTWkN/fLcbBOsvYmAPlxbPUT5UvOsjfO3R+avdaBgAFHla6xKY3oQ+xYGBfADADBLa/J8KTAaMGATCKBGt5d7ibB7ZpY8dLZn/71RTgGXD5yRGwMwX99RMrICXvukVkV0E2+XCiBQagIwPowxX3+0StyHCQCwL6MhfFIQg6mHYxkAK8BnTGz0AyUUWuETAzvHbVPgbag2LB6QAyjgAo5VHnVyPEDUfz7hWwbAOANAFg5QgH8gA2NhABCQAz1Vb/Rgcg9IVFy1f+g3LIBVDsVHKDlwAQXAApCifKZRQzeQeNDnaj6SGyhAAXI2TiGyLA5hSobxENxXPjbwNYhyA+pHfCOAJVf1Aw9wJU3VdlPwAgPiRSrIc/BxAMwDWy3QAC7FIkvkUTMSUliVdFPAQ89WAOKhSpZTDSUwSxKygFd3VpqwA6+1Z2SBFv/XQxZPZyw0wxkMoAIi8Il0iHyp53iB5XxuKDYboAEA4AEfwAEjwDSW5QArVTks0IisY2xiMAULYIYG8gLVkAJ0k3E1WB4LdgMZVww5uC/RYgFSAn8QFjwL8FrXs2ev1YEgWCu/sVuAdnpKRzeMwy5kwQJVVg0nFRqHBYZYIoa4R4Z/QAEKAwIg4AECEAHB4pAJgJELU1+gBkX+MDc1Qofy2BsjZ1DNxxWcwRQbAAC35gMigAAuIAM1UAMvECmI0gCEEgIjVFNR8wMthXCpF4A/oAF1p3NSgDrgcZIioC0FMDziUQJLwYnBE3PAZVvwdErB4lOl5gPhMpD+h3oAOFn/ccQDkVgOGVBac2RPEHkDEumAouA+GRADdLclNGCX8NGGjlEMKbCLIMJP4sGOtANBVaZOeggoD8ACodECEqAtsUEDscSDGVgSkuVCQJY3CrCXsDNaU1A6oXUehThZbtlRSLltOhE8OGCGG6YlpvaVjnRwDtBWZDmFZomUNXBB34EAwxcCpzkCyAQ7ctmAFCkJSWRbWGKbrESSGZgDBEB0m0kWv0cjL3IlGOARJZgIEGBKPBBQ7/CILJKaA0cFL0gFgQlkmXNXF7SGkvgs6eEC5UADT0keHxBK9thzQYI+LrOV8aRhsLk5J4kBN5OKBLmK1OMASJkDJXAatCZpIGCG/4iyoLozl8fJCNNlTcBBeTnmnC8pQQ2QAI84mI7UgQrKCNt5OmfBAbliOY+zVUi2COeJVVNjTTdCFt+0ShDwFy9wRVPwAKDxT2WBAA6BlWHgAu2XS7ViWsIST0C2SDBloGVZkGdJDS8whzHSexjnGBVqnLQQAqY0cz6AZgbkoY2RAQewIh5IZyfkAOq4OimKjyKGWYxAOAYwloowo1PwXlz0IjzgbrEBONRXMCaAKDMHdoW0mmFwPplEepgEIuTxdXcnpbhJpeSZAwNgJkwKZB8AWVgRhl4aC2nVG4tCph0KV6IQABKAS/H0Py9TFhxAnooQp1VQAKbxdC76FhMwUf/MmQh6GhuFukVzpALrEAMsoAEPsQE2cCik+BvOk6ivMRUBgAAWMAIYEAGO0nE8s60u4nERgAEcIAICEEzpZqn88QMhwAAWwAEYAK4sMAFsVDmginWi+ohiaqqJUHxFQQEFcAA18DnkgnBo8SIwchYCUKCSQKuVVBoWYB8tJAXNxgHDl6eSNQXsd5IGAgJTUABPhQAnAAEPcAIuUFmnZCM8oAItepVEWBEUsAA10K8H4Dk0MLM0SwMyQAMNkAIFQC87AAHR82GVyiw8BAMiGRsQsAALEANSQVZ/GqqwMF33eg9m+gMUYGm+0W8JJ6Y3YAEuIHQoupj5FaQ6sI3nWgz/G7AiaBZBEpSZ1RCD8HQeSDaLztauFwQcHeg19jOpY7OyGrcP5Sq01LOl/7GTtyhjohqmeTOmUouqzJIBDzABFvBPPnQ8ESAAMhAPaquYzkgonhQtMIA/fxAAAsADRJqrQumMWNFs9BQBn5AB/EleY9FF6TOhIpWfBCNSLDkJpnubdhFiiPIBM8AAMxC8DCC8wku8xhu8wVsCHqAA0WKhaJWXE4avzcm4JbEALpAALNFiI2ACKzADKRACt7sIChskqLMvLOACGmUQCzABvAEAmbt9FRskzXZaEhu2dRUjWYseDkC9e6uoePG3UgCB84eSMzJLN0CDuPi00lsW/vtQ/8MIEUgRABcQKu2TP/FLQJvbtxkwAKBBIxEQri0RATDQAjaBu746v2+RARNAiR+wDvFWPZI3ICf0RTjBtxkhwLkhmiDyqJ43GjYQFHQpCdO1L8DxwBf4FBcyWLkAtiWRArb2AVLcvQkwAF/Yt23kkm7YFgSgL8Rqmkk6LB4IAymIDkYawKqIVQgwAgrQrlD1xnAcx3DcrsIlA7ZxoYtQxFvCofnqoZLRxBtcnrnhPhl8ulrshjCJAOCZnh1FXqURARaQArdju7DBu7ORCBtwAZq8yZzcyZ6syThgR/TKwAfMVosbwSRRvv+hCb96mRtQGQkgS4OpALR2AHbUGJQMG9U6XMhLvMCqoMei0asQLHCVrMoU0cpOZLQpMAElkAAe8AIIoCyCKgm5jMYHShJDjKF0dzfCnMSJUcmae8gkgcwDJyZ/+RCZW808kcaAwsuZkM15nJcC0s3CSMyr/GpfG8jlPCbgoMKqkMHqTBfszBFH4M5UkJwy6AOy2ggesVPFTIZ4/A0Coc/7MAomp58kwQrXDBI9IAE94AWDgARdUAQiLQdOcAf5ENIq/dFEgNJhoAFJoAcrnQVIuwMu/dIyPdN1cNNTEAg6PQg2PUww/dN8MAQnEAQAOw=='); } */ /* .social-icons ul {display:inline-block;width:auto} */ /* .social-icons ul li a:hover {border-bottom: none; opacity: 0.8;} */ /*use for black/white icons*/ /* .main-home-pg .social-icons ul li a {background-image: url(../../../resources/global/images/2016-social-icons.jpg);} */ /* .main-home-pg .social-icons ul li a {background-image: url(../../../resources/global/images/social-icons.jpg);} .main-home-pg .social-icons ul li.fb a {background-position: 0 0 !important} .main-home-pg .social-icons ul li.t a {background-position: -59px 0 !important} .main-home-pg .social-icons ul li.yt a {background-position: -233px 0 !important} .main-home-pg .social-icons ul li.pi a {background-position: -175px 0 !important} .main-home-pg .social-icons ul li.li a {background-position: -347px 0 !important} .main-home-pg .social-icons ul li.i a {background-position: -290px 0 !important} .main-home-pg .social-icons ul li.g a {background-position: -117px 0 !important} .mobile-site .social-icons ul li a {color: transparent; } */ /* .main-home-pg .social-icons ul li a, .main-home-pg .icon-list li a:before {width: 48px; height: 48px;} */ .main-home-pg .social-icons ul li.pi a {background-position: 70px 0 !important} /*removes line under the tweets*/ .main-home-pg .social-icons.align-center ul {overflow:hidden} /**/ /*TODO: why has last-child been used here? - IE doesn't repect last-child*/ body:last-child.desktop-site.shop .product-info .icon-list li {float:none;margin-right:0;display:inline-block} body:last-child.desktop-site.shop .product-info .icon-list li a {width:60px;height:60px} body:last-child.desktop-site.shop .icon-list .t a {background-position: -60px 0px;} body:last-child.desktop-site.shop .icon-list .yt a {background-position: -124px 0px;} body:last-child.desktop-site.shop .icon-list .pi a {background-position: -421px 0px;} body:last-child.desktop-site.shop .icon-list .li a {background-position: -240px 0;} body:last-child.desktop-site.shop .icon-list .i a {background-position: -180px 0;} body:last-child.desktop-site.shop .icon-list .g a {background-position: -846px 0;} /**/ /* .desktop-site.main-home-pg .social .block {margin-bottom:16px;} */ .desktop-site.main-home-pg .social .pnl-row-title {font-size:1rem; padding:0} .main-home-pg .social-icons .pnl-block, .main-home-pg .social-icons .pnl-block .pnl-row.pnl-3col {padding-left:0} .main-home-pg .med-img {float: left; padding-right: 16px; padding-right: 1rem; width: 165px; } .main-home-pg .pnl-omit {float: left; margin: 0 16px 16px 0; margin: 0 1rem 1rem 0; padding: 0; position: relative; width: 100%; } .main-home-pg .pnl-inner-omit {min-height: 100px; } .main-home-pg .pnl-3col > p {padding-right: 16px; padding-right: 1rem; } /* pre-footer */ /*.shop.masthead-compress .main-content .main-content-block.bg03 {margin-top:100px;}*/ /* end pre-footer*/ .main-home-pg .whatson-newsletter-block, .shop .whatson-newsletter-block {color: #fff; margin: 0 auto; max-width: 500px; padding: 40px 0 50px 16px; padding: 2.6rem 1rem 3rem 1rem; } .main-home-pg .form-block-inner h3, .shop .form-block-inner h2, .shop .form-block-inner h3 {font-size: 22px; font-size: 1.5rem; font-weight: normal; margin: 0; } .main-home-pg .form-block-inner h3 + p, .shop .form-block-inner h3 + p {color: #cdcb98; font-size: 11px; font-size: 0.8rem; } /*.main-home-pg #go_link, */ /*.shop #go_link {background-color: transparent !important; border: 1px solid #fff; text-align: center; font-size: 14px; height: 37px; width: 62px; }*/ .main-home-pg #go_link:hover, .shop #go_link:hover {background-color: #66676a !important; } .main-home-pg #go_link {background-color: #037a8d;text-transform:uppercase} .main-home-pg .pnl-omit .pnl-inner-omit p {padding-left: 16px; padding-left: 1rem; } .main-home-pg .pnl-omit .pnl-inner-omit h2, .main-home-pg .pnl-omit .pnl-inner-omit h3 {margin: 0; font-size: 16px; font-size: 1rem; } .main-home-pg .block-footer.pnl-row .pnl {margin:0} .new-footer #page-footer {background-color: #131313; float: left; width: 100%; } .new-footer #page-footer, .new-footer #page-footer a {color: #a09c9d; } .new-footer #page-footer a.no-hover:hover {border: none; cursor: default; } .new-footer #page-footer dt a {color: #fff; } .new-footer #page-footer .sml-txt, .new-footer #page-footer .sml-txt a {color: #585858; } /*01/03/17: last set of links in the footer*/ .new-footer #page-footer .pnl-4col {padding: 16px; padding: 1rem; } /* this does the same as the above when the html is without the .pnl-4col class as is the case in sitecore currently*/ footer .menu-block ul.h-menu {padding: 16px; padding: 1rem; } /*end*/ .new-footer #page-footer dl {display: block; width: inherit; } .new-footer #page-footer dt {width: 100%; } .new-footer #page-footer dd {width: 100%; margin: 6px 0; } .new-footer #page-footer dt {font-size: 16px; font-size: 1.0rem; margin-bottom: 0.6rem; margin: 6px 0; color: #fff; } .new-footer #page-footer .main-content-block + .footer-block {border-top: 1px solid #4e4e4e; } .new-footer #page-footer .footer-block-inner {display: block; min-height: 120px;/* commented out 27/02/17: padding-left:42px;padding-left:2.6rem; */} .new-footer #page-footer .footer-block-inner .menu-block ul li a {border-left: 1px solid #4e4e4e; display: inline-block; font-size: 12px; font-size: 0.8rem; margin-top: 16px; padding: 0 18px; } .new-footer #page-footer .footer-block-inner .menu-block ul li.desktop a, .new-footer #page-footer .footer-block-inner .menu-block ul li.mobile a {border-left: 0 none; padding-left: 0; } .shop .new-footer #page-footer .pnl h2 {display: none; } /*.shop .new-footer #page-footer .pnl dd .icon-list {float: left; margin-left: -10px; }*/ .shop .new-footer #page-footer dd .pnl-block {padding: 0; } /********* NEW product PAGE LAYOUT END *********/ body.shop-home div#main div.main-content-block.main-bg, body.shop-home div#main div.highlight-bg {background: none !important; background-color: none !important; } body.desktop-site.shop-home #main .pnl-3col .pnl {width: 309px !important; } body.shop-home #main .main-bg .highlight-bg {overflow: hidden; } body.desktop-site.shop-home #main .main-bg .highlight-bg .pnl-inner {margin-left: 8px; } body.shop-home #main .main-bg .highlight-bg .pnl-inner .pnl {margin: 0 16px 16px 0; } body.desktop-site.shop-home #main .pnl-3col .pnl {position: relative; right: -4px; } body.shop-home .hlf-img-pnl .pnl-title {text-transform: uppercase; } body.shop-home .hlf-img-pnl .pnl-txt {text-align: right; } /*body.desktop-site.shop-home .hlf-img-pnl .btm-lft {left: 336px; } could just remove .btm-lft ? */ body.desktop-site.shop-home .hlf-img-pnl .pnl-inner .pnl-img {width:50%;} body.shop-home .products .pnl-1col .pnl {width:100%;} .mobile-site .products { padding-left:16px; padding-right:16px; } .mobile-site .products .pnl.pnl-act-btn {padding:0;} /* page blocks repositioned to accommodate new shop, full page, #eee background colour; with header background img overlap */ .shop #main {position: relative; top: 112px;} /*address the gap in the footer in files with extra heading depth (currently only desktop-shop-theme-pg.html)*/ .shop.shop-theme .footer-block.sectional-footer {margin-top:112px;} .shop .main-content {position: relative; top: 0; } .shop footer#footer {position: relative; top: 112px; z-index: 1; } .shop.masthead-compress #main {top: 208px; } .shop.masthead-compress .main-content {top: -208px; } body.feature-module.masthead-compress #main > .main-content > .main-content-block {position:relative; top: -30px;} .shop.shop-home #main {top: 220px; } .shop.masthead-compress footer#footer, .shop.shop-theme footer#footer, .shop.shop-search footer#footer {top: 0;} /**/ .shop.shop-search #main {top:0;} /*26/07/2016: bg image depth (I though this was a fix but it's not the case - keep for now)*/ /*.shop.masthead-compress #main {top: 454px; } .shop.masthead-compress .main-content {top: -454px; } .shop.shop-home #main {top: 220px; } .shop.masthead-compress footer#footer {top: 87px; }*/ /* end: page blocks repositioning */ #shop-legend {padding: 6px 0; height: 34px; overflow: hidden; }/*this was required after having to move this row into the nav area*/ #shop-legend > div > p {display: block; font-size: 11px; line-height: 34px; min-height: 34px; text-align: center; width: 100%; text-transform: uppercase; }/* because we're in a hurry */ .product-hero {padding: 0; } /*.desktop-site .product-hero {margin-bottom: 16px !important; margin-bottom: 1rem !important; }*/ #shop-legend p, .product-hero p {margin: 0; } .product-hero .product-info, .product-hero .carousel-lrg {padding-top: 0; } #shop-legend > div:first-child {position: relative; } .desktop-site #shop-legend > div:first-child:after {content: ''; display: block; height: 1px; position: absolute; right: -16px; top: 50%; width: 34px; } /*#shop-legend #local-search, .product-hero #local-search {position: absolute; left: -3000px; top: -3000px; } #shop-legend .local-search-wrapper {border: 1px solid #eee; margin: 0; } #shop-legend .searchbox-wrapper, .product-hero .searchbox-wrapper {padding: 0; } #shop-legend .search-section {padding-right: 16px; padding-right: 1rem; }*/ /*.promo-label { background-color: #fff; font-size: 13px; font-weight: bold; margin: -30px auto 0; max-width: 130px; min-width: 130px; padding: 5px 6px; position: relative; text-align: center; text-transform: uppercase; top: 30px; z-index: 10; height: 30px; overflow: hidden; }*//* this'll have to do */ .product-info2, .product-hero, .product-info, .shop .alternate-img .w-bg {background: #f4f4f4; background-color: #f4f4f4; } .desktop-site .product-info svg polygon {fill: #f4f4f4; } .product-info {padding: 0 32px; padding: 0 2rem; } /* .product-info h2 {font-weight: normal;} */ .desktop-site .product-info h2 {width: 414px; } .product-info > .pnl > div {float: left; clear: left; width: 100%; border-bottom: 1px solid #ccc; padding: 16px 0; padding: 1rem 0; } .product-info .pnl div.btn, .product-info > .pnl > div.qty ~ div {border-bottom: none; } .shop .icon-list:before {content: normal; top: -3000px; border-top: none !important; } .product-info p {max-width: 416px; color: #333;} .product-info > .pnl h2 + div {padding-top: 0; /*padding-bottom: 0; */} .product-info2 > .pnl > div span, .product-info > .pnl > div span {display: inline-block; } .desktop-site .product-info .quote {width: 410px; border-bottom: 0; } .product-info2 .price p, .product-info .price p {display: inline-block; width: auto; position: relative; line-height: normal; } .product-info2 .price p span, .product-info .price p span, .feature-module .products .price p span, .shop-home .products .price p span {float: right; font-size: 16px; font-size: 1.6rem; font-weight: normal; } .product-info2 .price p span + span, .product-info .price p span + span, .feature-module .products .price p span + span, .shop-home .products .price p span + span { color: #999; text-decoration: line-through; font-size: 12px; font-size: 0.8rem; margin-right: 16px; height: 30px; line-height: 40px; } .feature-module .products .price p, .shop-home .products .price p {float:left;} /*.desktop-site .main-content > .main-content-block:first-child .product-hero .pnl:after {content: normal; } .desktop-site #product-hero .carousel-lrg .pnl:after, .desktop-site .carousel-lrg .pnl:after {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADJCAYAAADVYJdkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVCNjI1OEExOTM4MjExRTU4QTcxQTI2RjQyMzE2RkI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVCNjI1OEEyOTM4MjExRTU4QTcxQTI2RjQyMzE2RkI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUI2MjU4OUY5MzgyMTFFNThBNzFBMjZGNDIzMTZGQjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUI2MjU4QTA5MzgyMTFFNThBNzFBMjZGNDIzMTZGQjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VVqlRAAAGS0lEQVR42uyde4hUZRyGv52WIq0IaUnbFjO7EUFREARdXLPtYhdFLLckC0vRylAzlSIIo0TN7GJZKyWJphWb3VFLXVvX7neSIOoPKyK7t1FZWL+v+Q6OrXufmfOec54HXnDZnZmzv8f3O+fMzsypaG1tdSDDUTlmIMPplpZK5iDBMZaNlkoaEj/HWbZ4GZYdNCReBgcZ/cLXORoSH0f7fUaBjP+gIfEwKDSj6v/foCHl58jQjKq9fRMh5eWI0Iz+7f0AQsoro6UjGQgpHzWWZsuAzn4QIeWRsdVS3ZUfRkhpOTw0o7qrN+Cwt3QcFvYZNd25EQ0pDdXhaKqmuzekIcWnf5AxsCc3piHFZUDYZwzs6R3QkOJRFZoxqDd3QkOKw6HFkEFDisMhQcbgYtwZDem9jOZiyUBI7+gXZBxbzDtFSM9lvFZsGQjpGQcHGceX4s4RIiQDId3joCDjhFI+CEK6xoGWzaWWgZCucUBoxonleDCECMlASMf0tWyynFTOB+Wpk72zf9hnnFzuB6YhbeljaYpDBg1py76hGafEtQE0ZM9lqilOGTRkzzn4HfipcW8IDXFuPxUZNCT/H9K/c+k0pQ3K8g58k5KMrAtZbzlDsbJZY5/QjDNV19Cssc5ylvJOLStUWDZYhqofZWSpGbVJOOzLAmstw5JyHJ52XrLUJenEKM28YDk/aWeqaeU5y/AkPnWQRp6xXJTEDU+jkEbLiKRufNqErLaMTPIvkKZne5+0jE76L5GWhqxIg4y0NGSlpT4tNU96Q5alSUbShXgZ49J2iJhUIUvTKCOpQhos41N6Qps4IQ9arnEpJpcwGZNcykmKkPuyICMpQu613OAygrqQhZYpLkMoC1lgmeoyhqqQeZbpLoMoCplrmeEyipqQuywzXYZREnKHZZbLODkhGbc4kBByGzJ2E/cfqG4PQkCgIbORoSPkVsudjF9DiD/HmMPoNYTMCmfhICBkWjjxAwEhN1nuZtwaQvzT5/MZtYaQG13+D0wgIOQ6yyJGrCFksuUBxqshxL8YYTGj1RAy0eVfrgMCQiZYljBSDSH+1YQPM04NIf51tg2MUkPIVS7/SnQQEOLfDvAYI9QQMtbl3zADAkK8jOWMTkNIPTJ0hIxx+Xe8goCQyyxPMC4NIf4N+asYlYaQUS7/kRUgIMR/iMvTjEhDiJfRyHg0hFyCDB0hXsYaxqIhZDgydIRcaHmecWgIudzlP8GzgnFoCJmDDC0hfrn6glHoCNnm8pdv+Jxx6OzUt1uGWD5jJDqHvdtDU5AidGL4dWjKp4xGQ4jnK5e/PhNSRIR4vg1N2caINIR4vglN+YQxaQjxfBea8jGj0hDi2RGa8hHj0hDi+dHlr3BGU0SEeL4PTfmQsWkIKWwKy5eIEM8P4Yz+A8anISRqyhCaoiPE81NoyvuMUUNIYVNYvkSEeH4OUt5jnBpCouWrlqboCIma4vcp7zJWDSGRlFp29DpCPL+EfQpNERFS2BR29CJCoqZ4Ke8wZg0hhU1h+RIR4vmVpmgJYfkSFBI1ZajlbcauISRqClKEhBQ2heVLREgkxZ88voUCDSGeVpYvLSGRlFqaoiOksClIcToXBYukvIEQHbyUsy1vIkSH30JTXkeIlpRhWZWienHiqClbEaLD72Gf0oIQpCCkA/4IUrYgRE9KM0J0+DMLUnIJ296dQcpmhGhJOSetUnIJ3e6d4eSxCSE6/JVGKbmEb//fQcpGhCAFIR2wK0h5BSFaUvzR1waEaOGbsh4hOvxjqbO8ihCagpBOqEualLQLiaSsQ4gW51rWIkSL85IgJUtCIikvIkQL/1n3LyNEiwuc6PVSsirEc7Hi8pVlIdHy9SxCtBihtHwhZPfytQYhWoxUWL4Q0nb5akSIFqPilIKQ9qU8hRAtLnUxXC0bIR0z2rIaIVqMKacUhHRdyiqEaFFvWYkQLa4otRSE9EzKCoRoMdayHCFaXGl5HCFajLMsQ4gWV1seRYgW4y1LEaLFtZZHEKLFRMsShGgxyfIQQrSYbFmMEC2ut9yPEC2mdFcKQsoj5R6EaDHNsgghWky1LESIFtM7k4KQeKQsQIgWM9qTgpB4pcxDiBYzLfMLvt6FkPi52TI3/LsPQjSYbWmw9K1kFjJMsHz5rwADAJyVAVj2IGfRAAAAAElFTkSuQmCC'); background-position: left center; background-repeat: no-repeat; content: ' '; display: block; height: 100%; right: 0; position: absolute; top: 0; width: 50px; z-index: 1000; }*/ .desktop-site .product-info svg {position: absolute; top: 60%; z-index: 10; } .desktop-site.shop-product .product-info svg {top: 50%; } .desktop-site .product-info.f-right svg {left: -90px; } .desktop-site .product-info.f-left svg {right: -90px; } .desktop-site li.product-hero .product-info.f-left svg {right: -76px; } .shop-product .main-column .text-block h2, .shop-product aside.rh-column .pnl-block h3 { font-size: 18px; font-size: 1.1375rem; } .desktop-site aside.lh-column, .desktop-site .image-block, .desktop-site .leaderboard-img {padding-left:16px;padding-left:1rem;} .desktop-site.shop-product #owl-carousel .owl-stage-outer { height: 70px; top: -84px; } .desktop-site.shop-product #owl-carousel .owl-stage {width: 100% !important; margin-top: 5px; } .desktop-site.shop-product #owl-carousel .owl-item {float: left; clear: right; width: auto !important; margin-right: 0 !important; } .desktop-site.shop .owl-carousel .item.gry {opacity: 0.6; } /*.mobile-site.shop-product #owl-carousel .owl-stage-outer { } .mobile-site.shop-product #owl-carousel .owl-stage {border: 2px solid purple; } .mobile-site.shop-product #owl-carousel .owl-item {border: 1px solid blue; }*/ .shop .owl-carousel {top: 0; min-height: 60px; } .shop .product-hero .pnl {width: 100%; } /* * Robin and Andy 20160721 * Andy 28/07/2016 removed desktop-shop-theme-pg.html from this decleration */ .shop:not(.shop-theme) .product-hero .carousel-lrg .pnl {width: 100%; margin-top: -27px;} .shop.shop-theme .pnl-row.product-info {clear:none} .shop.quick-basket .product-hero .pnl {width:100% !important} .desktop-site.shop .product-hero .product-info {min-width: 480px; /*width: 496px; */} .desktop-site.shop .product-hero .owl-carousel {margin: 0 auto; width: 148px; } /*all shop files but not theme pages (e.g. not desktop-shop-theme-pg.html) */ .desktop-site.shop .product-hero .carousel-lrg {margin-bottom: -95px; } .desktop-site.shop.shop-theme .product-hero .carousel-lrg .pnl:first-child {margin-bottom:0;} /**/ .shop .productMainImg {margin-bottom: -5px; width:100%; } #product-hero .productMainImgDiv {cursor: crosshair; } .productMainImgDiv {padding: 0; margin-bottom: -2px; } .desktop-site.shop.quick-basket .product-hero .carousel-lrg {margin-bottom: -65px; } .quick-basket .productMainImgDiv {padding-top:30px; background-color:#fff;} .productMainImgDiv, .productMainImg {width: 100%; } .product-hero .product-info .qty {padding-bottom: 0; } .product-hero .product-info .qty label {display: inline-block; float: left; clear: right; margin-right: 10px; font-size: 14px; line-height: 44px; font-size: 0.9rem; line-height: 2.8rem; } .product-hero .product-info .qty input {float: left; clear: right; min-height: 42px; } .shop input.prod-qty {width: 20% !important; height: 80%; } .shop #main .product-info input, .shop #main .product-info select { border: 1px solid #ccc; color: #666; width: 60%; margin-bottom: 0; } .shop #main .product-info input { -webkit-appearance: none; border-radius: 0; min-height:32px; } .mobile-site.shop #main .product-info select {width:auto} div.product-hero .product-info .action-button { text-transform: uppercase; font-size: 16px; font-size: 1rem; width: 100%; padding: 6px; text-align: center; min-height: 40px; min-height: 2.4rem; line-height: 2.4rem; } li.product-hero .product-info {padding-top: 16px; padding-bottom: 16px; } .product-hero .product-info .pnl-block {padding: 0 !important; } .product-hero .product-info .pnl-3col h2 {position: absolute; top: -3000px; left: -3000px; } .product-hero .product-info .action-button .action-text {display: inline-block; line-height: 1.9rem; } .shop .icon-list {margin: 0; } /*.shop .icon-list li:first-child {margin-left: 10px; }*/ /*.shop .icon-list .yt, .shop .icon-list .li, .shop .icon-list .g {display: none; }*/ /*.shop .icon-list li {margin: 0 0 0 6px; float: right; height: 33px; }*/ .shop .icon-list li:first-child {margin-left:0} .shop .social-icons li {float: right; } /*.mobile-site.shop #footer .icon-list li {height: 100px; }*/ body:last-child.desktop-site.shop .icon-list li a {margin: 0 0 0 5px; height: 40px; width: 40px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list .fb a {background-position: 0 0; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list .t a {background-position: -40px 0; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list .i a {background-position: -120px 0; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list li a:hover::before {content: normal !important; } .shop .icon-list .yt, .shop .icon-list .g {display:none} .shop .main-content-block-inner .basic-social .icon-list {float: left; margin-left: -16px; margin-left: -1rem; } .shop .main-content-block-inner .basic-social .pnl-block {padding: 0 !important; margin: 0 !important; } .shop .main-content-block-inner .basic-social .pnl-block h2 {display: none; } .shop .main-content-block-inner .basic-social {padding-left: 16px; padding-left: 1rem; } dl#prod-property {width: 100%; display: block; margin: 32px 0; margin: 2rem 0; font-size: 0.875rem; } dl#prod-property * {display: inline-block; color: #000 !important; } dl#prod-property dt {float: left; clear: left; width: 25%; text-align: right; padding-right: 10px; font-weight: normal; } dl#prod-property dt:after {content: ':'; } dl#prod-property dd {width: auto; } .shop p.split a {float: right; } .shop p.split a:first-child {float: left; } .shop p.split span {position: absolute; top: -3000px; left: -3000px; } .shop .video-block {margin-bottom: 16px; margin-bottom: 1rem; } .shop .audio-block {background-color: #eee; border: 1px solid #ccc; } .shop .audio-block h3 {font-size: 16px; font-size: 0.8rem; padding: 0 16px; padding: 0 1rem; } .shop .audio-block ol {background-color: #fff; padding: 0 0 0 30px; } .desktop-site.shop-product .audio-block ol *, .desktop-site.shop-product .audio-block h3 {text-align: left !important; } .shop .audio-block li {border-top: 1px solid #ccc; margin: 0; padding: 8px 16px; font-size: 13px; font-size: 0.8rem; } .shop .audio-block li:first-child {border-top: none; } .shop .recommended {padding: 16px 0; padding: 1rem 0; margin: 16px 0; margin: 1rem 0; } .desktop-site.shop .recommended {width: 80%; margin-left: auto; margin-right: auto; } .desktop-site.shop .recommended blockquote {font-family: Georgia, serif; font-size: 16px; font-size: 1rem; font-style: italic; /*width: 500px; */margin: 0.25em 0; padding: 0 0 0 16px; line-height: 1.45; position: relative; color: #666; /*float: right; padding: 0 70px 0 16px; */ display: block; width: auto; } .shop .product-info q {/*background: orange; */display: inline-block; width: auto; } .desktop-site.shop .recommended blockquote span {width: 100%; } .product-info2 blockquote:before, .desktop-site.shop .recommended blockquote:before, .desktop-site.shop .recommended blockquote:after {display: block; position: absolute; font-size: 40px; } .product-info2 blockquote:before, .desktop-site.shop .recommended blockquote:before {content: '\201C'; left: -20px; top: -13px; position: relative; height: 0; } .shop .product-info2 blockquote:before {font-size: 60px; left: -10px !important; } /*.desktop-site.shop .recommended blockquote span:after {content: '\201D'; right: -15px; bottom: -15px; }*/ .desktop-site.shop .recommended .pnl-img {border-radius: 80px; overflow: hidden; } .desktop-site.shop .recommended .pnl-img {margin-right: 1rem; position: relative; top: 8px; } .shop .recommended h3 {font-weight: normal; text-transform: uppercase; font-size: 16px; font-size: 1rem; color: #333; } .shop.shop-theme .recommended h3 {padding-left:16px;} .shop .recommended cite {font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 12px; font-size: 0.8rem; font-style: normal; display: block; margin-top: 10px; } /*.shop .pnl-shop4col h2 {font-weight: normal; }*/ .shop .pnl-shop4col .pnl-txt p span, .shop li .pnl-txt p span {text-decoration: line-through; opacity: 0.6; font-style: italic; font-weight: bold; margin-right: 0.5rem; } .shop .owl-carousel {margin-bottom: 64px; margin-bottom: 4rem; } .shop .owl-carousel .owl-next {right: -16px; right: -1rem; } /*.mobile-site.shop .owl-carousel .owl-next {right: 4px; }*/ .shop .owl-carousel .owl-prev {left: -16px; left: -1rem; } /*.shop .owl-carousel {padding-bottom: 17px; }*/ .shop .product-2pnl .pnl-img {width: 100%; } /*.shop .product-2pnl .pnl-img img {position: relative; margin-left: auto; margin-right: auto; top: 50%; }*/ .shop .product-info2 blockquote {font-size: 20px; line-height: 24px; font-family: Times, "Times New Roman"; padding: 20% 10% 10% 10%; font-style: italic; } .desktop-site.shop .product-info2 blockquote {font-size: 2rem; line-height: 2.2rem; padding-right: 120px; } .desktop-site.shop .product-info2 blockquote cite {font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.2rem; font-family: arial; margin-top: 1rem; float: left; text-transform: uppercase; } .desktop-site .owl-carousel, .desktop-site .owl-carousel li {display: block; } .desktop-site .owl-carousel {position: relative; margin: 0; } .desktop-site .owl-carousel li {/*border: 2px solid #eee; */display: inline; float: left; clear: right; overflow: hidden; /*box-shadow: 3px 3px 5px rgba(68,68,68,0.6); */transition: all 0.3s ease-in-out 0s; margin: 0 7px; } .desktop-site .owl-carousel li, /*.desktop-site .owl-carousel li div, */ .desktop-site .owl-carousel li img {border-radius: 30px; } .desktop-site .owl-carousel li:hover {transform: scale(1.1); } .desktop-site .owl-carousel li, .desktop-site .owl-carousel li img {width: 60px; height: 60px; cursor: pointer; } .desktop-site.shop-product #product-hero .owl-carousel .owl-controls {display: none; } .shop .form-block-inner .sml-txt {display: none; } /********* PRODUCTS PGS LAYOUT END ***********/ /*** LAYOUT ISSUES - OVERRIDE CSS: Following is a basic/crass/[bonkers necessity if you build websites like this] attempt to bring some visual order and consistency back to padding/margins in areas of the page throughout the site, without major CSS & HTML surgery (or rebuild). DH. Note: 'body:last-child' is a hack to keep out ie8, as all the following are overrides ***/ /* REMOVED because of documented issues - see :\Digital Marketing Operations\Web Design\regression testing 2015-12-09 for screenshots */ /* ======================================================= TOP NAV ======================================================= */ /* .primary-nav-item ul li h4 + ul li a:hover span {text-decoration: underline;} .primary-nav-item ul li ul li a span { background:green; width:60%; } */ /* ======================================================= HEADER ======================================================= */ .primary-nav-item > ul, .primary-nav-item > ul > li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-page-img {position: absolute; z-index: -10; min-width: 976px; height: 455px; width: 100%; } .main-page-img div {max-width: 1600px; margin: 0 auto; height: 455px; background-position: center center; } .main-home-pg .main-page-img div {max-width:none;} /* .main-home-pg .main-page-img div {max-width: none;} */ /*site homepage only*/ /* .mobile-site.main-home-pg .main-page-img {display:block !important; z-index:0} */ /* Home page banner should now come from the BannerImage field on the home page item! GW 27/01/2017 .main-home-pg .main-page-img div { background: url('../../../resources/global/images/MaganCarta17.7.15_060.jpg') no-repeat top fixed transparent !important; }*/ /* 20/02/2017 : Moved back into the HP HTML for Athena dev .main-home-pg .main-page-img div { background: url('../../../resources/global/images/MaganCarta17.7.15_060.jpg') no-repeat top fixed transparent !important; } */ /* .desktop-site.main-home-pg .main-page-img, .desktop-site.main-home-pg .main-page-img div, */ .desktop-site.main-home-pg header {height:500px !important} /*XXXXXXXXXXXXXXXXXXX 14/03/17: homepage banner XXXXXXXXXXXXXXXXXXXXXXXXX*/ .main-home-pg #page-outer {overflow-x:hidden} .main-home-pg .main-page-img { position: absolute; z-index: -10 !important; background-color:#000; overflow: hidden; } .mobile-site.main-home-pg .main-page-img { display: block; z-index: 0 !important; overflow: hidden; /* max-width: auto !important; min-width: auto !important; width:auto!important; */ } .mobile-site.main-home-pg .main-page-img div {/*width:auto !important; max-width: auto !important; */} .main-home-pg .main-page-img, .main-home-pg .main-page-img div {height: 500px;} /* .main-home-pg .main-page-img div:before { */ .main-home-pg .main-page-img div { /** * commented out code in relation to this in: * header-and-footer * components **/ /* BG Order: background-color background-image background-repeat background-attachment background-position */ /* content: ""; */ /* background-image: url(../../../resources/global/images/MaganCarta17.7.15_060.jpg); */ /* background-repeat: no-repeat; breaks in safari iphone 4*/ background-position: 0 0; position: fixed; height: inherit; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: inherit; } .main-home-pg .footer-block-inner {background-color: #131313;} @media only screen and (min-width: 1600px) { .main-home-pg .main-page-img div {background-position: 0px -125px;} } @media only screen and (max-width: 1024px) { .mobile-site.main-home-pg .main-page-img div {background-position: 0 0;} } @media only screen and (max-width: 768px) { /* .mobile-site.main-home-pg .main-page-img div:before {background-position: 1140px 0;} */ } @media only screen and (max-width: 480px) { .mobile-site.main-home-pg .main-page-img div {background-position: 650px 0;} } @media only screen and (max-width: 414px) { .mobile-site.main-home-pg .main-page-img div {background-position: 700px 0;} } @media only screen and (max-width: 375px) { .mobile-site.main-home-pg .main-page-img div {background-position: 645px 0;} } @media only screen and (max-width: 321px) { .mobile-site.main-home-pg .main-page-img div {background-position: 490px 0;} } /* end homepage banner*/ .main-home-pg .main-page-img { position: absolute; z-index: -10 !important; background-color:#000; overflow: hidden; } .mobile-site.main-home-pg .main-page-img { display: block; z-index: 0 !important; overflow: hidden; /* max-width: auto !important; min-width: auto !important; width:auto!important; */ } .mobile-site.main-home-pg .main-page-img div {/*width:auto !important; max-width: auto !important; */} .main-home-pg .main-page-img, .main-home-pg .main-page-img div {height: 500px;} /* .main-home-pg .main-page-img div:before { */ .main-home-pg .main-page-img div { /** * commented out code in relation to this in: * header-and-footer * components **/ /* BG Order: background-color background-image background-repeat background-attachment background-position */ /* content: ""; */ /* background-image: url(../../../resources/global/images/MaganCarta17.7.15_060.jpg); */ /* background-repeat: no-repeat; breaks in safari iphone 4*/ background-position: 0 0; position: fixed; height: inherit; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: inherit; } .main-home-pg .footer-block-inner {background-color: #131313;} @media only screen and (min-width: 1600px) { .main-home-pg .main-page-img div {background-position: 0px -125px;} } @media only screen and (max-width: 1024px) { .mobile-site.main-home-pg .main-page-img div {background-position: 0 0;} } @media only screen and (max-width: 768px) { /* .mobile-site.main-home-pg .main-page-img div:before {background-position: 1140px 0;} */ } @media only screen and (max-width: 480px) { .mobile-site.main-home-pg .main-page-img div {background-position: 650px 0;} } @media only screen and (max-width: 414px) { .mobile-site.main-home-pg .main-page-img div {background-position: 700px 0;} } @media only screen and (max-width: 375px) { .mobile-site.main-home-pg .main-page-img div {background-position: 645px 0;} } @media only screen and (max-width: 321px) { .mobile-site.main-home-pg .main-page-img div {background-position: 490px 0;} } /* end homepage banner*/ /* .mobile-site.main-home-pg .main-page-img,.desktop-site.main-home-pg .main-page-img div {height:430px;} */ .main-home-pg .page-header-wrapper {background-color:transparent !important} /*overlay next to logo*/ .mobile-site.main-home-pg .nav-wrapper .overlay {height:100px;background-color:#333;opacity:.4} /**/ .header-info-block .pullout-quote {border: none; } .header-info-txt h3 {margin: 0 0 1rem 0; } .header-info-data dt {width: 144px; } .header-info-data dd {width: calc(100% - 144px); } .header-info-img img {width: 100%; } .header-text-block h4 {margin: 1.3em 0 0; } .header-text-block p {border-bottom: solid 1px #ccc; margin: 0; padding: 0 0 0.6875rem; } /********** NAV *****************/ .menu li {margin: 0; } .menu a {display: block; padding: 0.5em 1em; text-decoration: none; } /*units footer*/ .sectional-footer .menu a {color: #333;} .menu a.action-button {padding: 0; float: left; } .menu a.action-button .action-text {padding: 0 16px; padding: 0 1rem; } dd.menu a {padding: 0; } .h-menu {overflow: hidden; } .h-menu li {float: left; } .v-menu li:last-child {border: none; } .vert-sep li {position: relative; } .vert-sep li:after {content: '|'; position: absolute; right: 0; top: 0; line-height: 35px; } .vert-sep li:last-child:after {content: ' '; } .desktop-site #main-navigation nav {width: 924px; float: left; }/*.desktop-site nav[role="navigation"]{width: 924px; float: left; } */ .desktop-site.main-home-pg #main-navigation {background-color: rgba(0,0,0,.3);} .desktop-site .primary-nav {width: 923px; } nav ul, nav li {padding: 0; margin: 0; list-style: none; } #primary-nav {height: 30px; padding: 70px 0 0; position: relative; z-index: 11; } #primary-nav {float: left; } #primary-nav ul.grid_58 {width: 923px; } .primary-nav {list-style: none; padding: 0; margin: 0; } .primary-nav h3 {margin: 0; } .primary-nav h4 {padding: 5px; } .desktop-site .primary-nav-item {float: left; background-repeat: no-repeat; background-position: right -2px; } .primary-nav-item a h3 {padding: 5px 30px 10px 19px; display: block; line-height: 1.2; } .primary-nav-item > ul {left: -53px; padding-bottom: 15px;} .desktop-site .primary-nav-item > ul {display: none; } .desktop-site .primary-nav-item > ul {position: absolute; } .desktop-site .primary-nav > li:hover a h3, .primary-nav-item.parent a h3 {padding-bottom: 0; } .primary-nav-item > a:focus + ul, .primary-nav-item:hover > ul, .primary-nav-item:hover > ul a {display: block; } .primary-nav-item ul li:first-child h4, .primary-nav-item ul li:first-child > ul, .primary-nav-item ul li > ul ul, .primary-nav-item ul li ul h4 {border: none; } /* * TODO: somehow the star hack helps with the top nav dropdowns * 20/03/17: Yeah but it means there is an issue with the code else where */ .primary-nav-item > ul > li {float: left; display: block; padding: 10px; /* padding-bottom:0; */ *padding: 0;} .desktop-site .primary-nav-item.single-col-menu > ul > li {width: 100%;} .desktop-site .primary-nav-item.single-col-menu > ul:before { content: ' '; display: block; width: 100%; height: 10px; position: relative; background-color: #eee; } .primary-nav-item ul li h4, .primary-nav-item > ul > li li {padding: 5px 5px 5px 15px; margin: 0; } .primary-nav-item ul li > ul ul li, .primary-nav-item ul li ul h4 {padding: 5px 0; } .desktop-site .primary-nav-item.single-col-menu > ul {left: auto;} /*.desktop-site .primary-nav-item.single-col-menu.donate ul {margin-top:8px}*/ .desktop-site .primary-nav-item.single-col-menu ul .desktop-site .primary-nav-item.single-col-menu ul li {padding: 5px 5px 5px 15px; } .primary-nav-item:hover > ul.hover-intent, .primary-nav-item:hover > ul.hover-intent a {display: none; } .primary-nav-item.parent > a + ul, .primary-nav-item:hover > ul.click-intent, .primary-nav-item:hover > ul.click-intent a {display: block; } #site-logo {width: 52px; height: 100px; float: left; } .shop #site-logo {position: relative; z-index: 100; }/* for quick basket drop down */ /* ======================================================= HEADING ======================================================= */ .spaceslandingpage.shelvesandspaces .sp-category { font-size:12px; font-size: .75rem; text-transform:uppercase; } .desktop-site.shelvesandspaces .sp-category a {background-color: #ae2552 !important;} .desktop-site.shelvesandspaces .sp-category a:hover {background-color: #831c3d !important;} /* ======================================================= FOOTER ======================================================= */ .desktop-site .mobile, .mobile-site .desktop {display: none !important; } .footer-block.sectional-footer .footer-block-inner .text-block {display:block;} .footer-block.sectional-footer .footer-block-inner .text-block a, .footer-block.sectional-footer .footer-block-inner .text-block a img {float: left;} .footer-block .footer-secondary-menu li a {color:#333;} .desktop-site.shelvesandspaces .footer-sponsors a img {margin-right:16px;} .rtl .masthead, .rtl .strapline, .rtl .second-nav-wrapper, .rtl .main-content-wrapper { direction: rtl; text-align: right; } .rtl .social-links-wrapper, .rtl .nav-wrapper, .rtl .icon { direction: ltr; } .rtl .main-content-wrapper .grid_58 {float:right; } .rtl .main-content-wrapper .grid_57 {float:right; } .rtl .main-content-wrapper .grid_56 {float:right; } .rtl .main-content-wrapper .grid_55 {float:right; } .rtl .main-content-wrapper .grid_54 {float:right; } .rtl .main-content-wrapper .grid_53 {float:right; } .rtl .main-content-wrapper .grid_52 {float:right; } .rtl .main-content-wrapper .grid_51 {float:right; } .rtl .main-content-wrapper .grid_50 {float:right; } .rtl .main-content-wrapper .grid_49 {float:right; } .rtl .main-content-wrapper .grid_48 {float:right; } .rtl .main-content-wrapper .grid_47 {float:right; } .rtl .main-content-wrapper .grid_46 {float:right; } .rtl .main-content-wrapper .grid_45 {float:right; } .rtl .main-content-wrapper .grid_44 {float:right; } .rtl .main-content-wrapper .grid_43 {float:right; } .rtl .main-content-wrapper .grid_42 {float:right; } .rtl .main-content-wrapper .grid_41 {float:right; } .rtl .main-content-wrapper .grid_40 {float:right; } .rtl .main-content-wrapper .grid_39 {float:right; } .rtl .main-content-wrapper .grid_38 {float:right; } .rtl .main-content-wrapper .grid_37 {float:right; } .rtl .main-content-wrapper .grid_36 {float:right; } .rtl .main-content-wrapper .grid_35 {float:right; } .rtl .main-content-wrapper .grid_34 {float:right; } .rtl .main-content-wrapper .grid_33 {float:right; } .rtl .main-content-wrapper .grid_32 {float:right; } .rtl .main-content-wrapper .grid_31 {float:right; } .rtl .main-content-wrapper .grid_30 {float:right; } .rtl .main-content-wrapper .grid_29 {float:right; } .rtl .main-content-wrapper .grid_28 {float:right; } .rtl .main-content-wrapper .grid_27 {float:right; } .rtl .main-content-wrapper .grid_26 {float:right; } .rtl .main-content-wrapper .grid_25 {float:right; } .rtl .main-content-wrapper .grid_24 {float:right; } .rtl .main-content-wrapper .grid_23 {float:right; } .rtl .main-content-wrapper .grid_22 {float:right; } .rtl .main-content-wrapper .grid_21 {float:right; } .rtl .main-content-wrapper .grid_20 {float:right; } .rtl .main-content-wrapper .grid_19 {float:right; } .rtl .main-content-wrapper .grid_18 {float:right; } .rtl .main-content-wrapper .grid_17 {float:right; } .rtl .main-content-wrapper .grid_16 {float:right; } .rtl .main-content-wrapper .grid_15 {float:right; } .rtl .main-content-wrapper .grid_14 {float:right; } .rtl .main-content-wrapper .grid_13 {float:right; } .rtl .main-content-wrapper .grid_12 {float:right; } .rtl .main-content-wrapper .grid_11 {float:right; } .rtl .main-content-wrapper .grid_10 {float:right; } .rtl .main-content-wrapper .grid_09 {float:right; } .rtl .main-content-wrapper .grid_08 {float:right; } .rtl .main-content-wrapper .grid_07 {float:right; } .rtl .main-content-wrapper .grid_06 {float:right } .rtl .main-content-wrapper .grid_05 {float:right } /*.rtl .m-l-1col {margin-left:inherit; margin-right: 16px; margin-right: 1rem; } .rtl .m-l-2col {margin-left:inherit; margin-right: 32px; margin-right: 2rem; } .rtl .m-l-3col {margin-left:inherit; margin-right: 48px; margin-right: 3rem; } .rtl .m-l-4col {margin-left:inherit; margin-right: 64px; margin-right: 4rem; } .rtl .m-r-1col {margin-left:inherit; margin-left: 16px; margin-left: 1rem; } .rtl .m-r-2col {margin-left:inherit; margin-left: 32px; margin-left: 2rem; } .rtl .m-r-3col {margin-left:inherit; margin-left: 48px; margin-left: 3rem; } .rtl .m-r-4col {margin-left:inherit; margin-left: 64px; margin-left: 4rem; } .rtl .p-l-1col, .rtl .prefix_1 {padding-left: inherit; padding-right: 16px; padding-right: 1rem; } .rtl ul li.list-view {padding-left: inherit; padding-right: 15px; padding-right: 0.9rem; } .rtl .p-l-2col, .rtl .prefix_2 {padding-left: inherit; padding-right: 32px; padding-right: 2rem; } .rtl .p-l-3col, .rtl .prefix_3 {padding-left: inherit; padding-right: 48px; padding-right: 3rem; } .rtl .p-l-4col, .rtl .prefix_4 {padding-left: inherit; padding-right: 64px; padding-right: 4rem; } .rtl .p-r-1col, .rtl .suffix_1 {padding-right: inherit; padding-left: 16px; padding-left: 1rem; } .rtl .p-r-2col, .rtl .suffix_2 {padding-right: inherit; padding-left: 32px; padding-left: 2rem; } .rtl .p-r-3col, .rtl .suffix_3 {padding-right: inherit; padding-left: 48px; padding-left: 3rem; } .rtl .p-r-4col, .rtl .suffix_4 {padding-right: inherit; padding-left: 64px; padding-left: 4rem; } .rtl .prefix_19 {padding-left:inherit; padding-right: 304px; padding-right: 19rem; } .rtl .prefix_20 {padding-left:inherit; padding-right: 320px; padding-right: 20rem; } .rtl .prefix_21 {padding-left:inherit; padding-right: 336px; padding-right: 21rem; }*/ .rtl .searchbox-wrapper, .rtl .login-wrapper { float: left !important; } .rtl #intro-text { float: right; } .rtl #intro-text ul { padding-right: 32px; padding-right: 2rem; padding-left: 0; } .rtl #sponsor p { text-align: left; } .rtl h2.block-title { padding-right: 1rem; } .rtl .newsletter-signup-form h2.block-title, .rtl .social-links-block h2.block-title { padding-right: 0; } .rtl .btm-lft { right: 16px; left: inherit; } .rtl .h-menu li { float: right; } .rtl .prefix_1, .rtl .table-block.p-l-1col, .rtl .main-content-block-inner > .grid_38.p-l-1col { padding-left: 0; padding-right: 16px; padding-right: 1rem; } .rtl .pnl-row.txt-pnl.pnl-2col > .pnl { margin-right: 0; } .rtl .main-content-block-inner .text-block.grid_40 .page-title, .rtl .main-content-block-inner .text-block.grid_40 .subtitle.p-l-1col { padding-right: 1rem; padding-left: 0; } .rtl .hlf-img-pnl .pnl-inner .pnl-txt { float: right; margin-right: 0; } .rtl .grid_38.p-r-3col { padding-right: 0; padding-left: 48px; padding-left: 3em; } .rtl .author-block .img-thmb { float: right; margin-left: 16px; margin-left: 1em; margin-right: 0; } .rtl .suffix_1 { padding-right: 0; padding-left: 16px; padding-left: 1rem; } .rtl #search-section-input { padding-right: 32px; } .rtl .vert-sep li:after { content: ''; } .rtl .vert-sep li:before { content: '|'; position: absolute; right: 0; top: 0; line-height: 35px; } .rtl .vert-sep li:first-child:before { content: ' '; } .rtl .page-sub-header .text-block.grid_38.p-r-2col { float: right; padding-right: 1rem; } .rtl .left-panel-list { float: right; } .rtl .results-heading > h2 { float: right; } .rtl .rslt-dspl-toggle { padding-left: 0; padding-right: 0; } .rtl .rslt-dspl-toggle li.f-right { float: left !important; } .rtl .text-block.p-l-1col { padding-left: 0; padding-right: 16px; padding-right: 1rem; } .rtl .left-panel-list .icon + .action-text { margin-right: 0; } .rtl .p-l-1col.search-rslt.grid_45 { padding-left: 16px; padding-left: 1rem; padding-right: 0; margin-right: 16px; margin-right: 1rem; } .rtl .count { display: inline-block; } .rtl .vlg-bg.sml-rgt, .rtl .facet-list a.sml-rgt, .rtl .vlg-bg.sml-rgt:hover, .rtl .facet-list a.sml-rgt:hover { background-position: -631px -8px; } .rtl .pager li { margin-left: 4px; margin-left: 0.25rem; margin-right: 0; float: right; } .rtl ul.pager { padding-right: 16px; padding-right: 1rem; } .rtl .pnl-row .pnl { float: right; /*margin-right: 0;*/ } .rtl .flexslider .pnl-row .pnl { float: left; } .rtl .flexslider { direction: ltr; } .rtl .flexslider p { direction: rtl; } .rtl .flexslider .suffix_1 { padding: 0; } .rtl .med-txt { padding-right: 16px; padding-right: 1rem; } .rtl .flexslider .w2col-img-pnl .img-lft .action-button { margin-right: 16px; margin-right: 1rem; } .rtl .rslt-list .pnl-img, .rtl .rslt-list .pnl-txt { float: right; text-align: right; } .rtl .rslt-list .pnl { padding-right: 0; padding-left: 16px; padding-left: 1rem; } .rtl.mobile-site .second-nav .secondarynav-morelink { left: 0; right: inherit; } .rtl.mobile-site .masthead { width: -moz-calc(100% - 88px); width: -o-calc(100% - 88px); width: -webkit-calc(100% - 88px); width: calc(100% - 88px); } .rtl.mobile-site .pnl-row .pnl { margin-right: 0; } .rtl .cmprs-content-block > div:first-child { float: right; } .rtl .cmprs-content-block > div:first-child + div { float: left; /*margin-left: 16px; margin-left: 1rem;*/ } .rtl.desktop-site .image-block { padding-left: 0; padding-right: 16px; padding-right: 1rem; } .rtl dl dt { float: right; clear: both; } .rtl .page-no { display: inline-block; } .rtl .tabs li { float: right; } .rtl .info-tbl { text-align: right; } .rtl .info-tbl > li { padding-left: 2rem; padding-right: 0; } .rtl .masthead-inner .lan-dropdown-wrapper { float: left; } .rtl.mobile-site .v-menu ul li a { text-align: right; } .rtl .v-menu { direction: rtl; } .rtl .social-block .newsletter-block #go_link { width: 65px; } .img-viewer-info.ltr { direction: ltr; } .img-viewer-info.rtl { direction: rtl; } .rtl .img-viewer-info.ltr .info-tbl > li { padding-right: 2rem; padding-left: 0; } .rtl .img-viewer-info.ltr .info-tbl { text-align: left; } .rtl .img-viewer-info.ltr .tabs li { float: left; } /* ========================================================================== BLOCK ELEMENTS ========================================================================== */ /*#page-inner {width: 1600px; margin: 0 auto;}*/ .inline-block, .inline-block-right, .inline-block-left, .info-tbl > li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inline-block, .inline-block-right, .inline-block-left {width: 50%; } .inline-block-right {float: right; padding: 0 0 16px 16px; padding: 0 0 1rem 1rem; } .inline-block-left {float: left; padding: 0 16px 16px 0; padding: 0 1rem 1rem 0; } .homepage .searchbox-wrapper {position: relative; float: none; } .homepage .page-header-wrapper, .masthead-expand .page-header-wrapper {height: 455px; } /*site homepage only*/ .desktop-site.main-home-pg.masthead-expand .page-header-wrapper {height: 500px; } .top-page-subjects .page-header-wrapper {height: 245px; } .top-page-subjects .strapline-wrapper p {margin: 0; padding: 0 0 12px 0; } .page-header {position: relative; z-index: 20; } .main-content-block-inner .page-title {padding-right: 0; padding-left: 1rem; } /* * 23/03/17 .main-content-block-inner h1.page-title:first-child {margin: 0; } */ .main-content-block-inner .subtitle + h1.page-title {margin-top: 4px; } .searchbox-wrapper, .login-wrapper {float: right !important; padding-top: 16px; padding-top: 1rem; } .vlg-bg aside.rh-column .searchbox-wrapper {padding-top: 0; } .vlg-bg aside.rh-column .searchbox-wrapper {background-color: #fff; } aside.rh-column .searchbox-wrapper {width: 100%; } aside.rh-column .searchbox-wrapper .search-section {margin: 0 16px; margin: 0 1rem; }/* .local-search-wrapper */ aside.rh-column .search-section div label {display: block; } aside.rh-column .local-search-wrapper div {padding-left: 8px; } aside.rh-column .local-search-wrapper div:first-child {margin-bottom: 8px; margin-bottom: 0.5rem; } aside.rh-column .local-search-wrapper div label {display: inline; } aside.rh-column .local-search-wrapper div input {float: left; margin-top: 4px; } aside.rh-column .txt-block, aside.rh-column .general-list {padding: 0 16px 16px 16px; padding: 0 1rem 1rem 1rem; } .tag-btns li {float: left; margin-right: 8px; margin-bottom: 8px; } .tag-btns .tag {display: inline-block; border-width: 1px; border-style: solid; border-color: #999; padding: 6px; padding: 0.4rem; } /*.main-column-inner .general-list */ .main-column-inner .links-block {margin: 16px 0; margin: 1rem 0; padding: 8px 16px; padding: 0.5rem 1rem; } /*.main-column-inner .general-list .tag*/ .main-column-inner .links-block .tag {margin: 0 16px 8px 0; margin: 0 1rem 0.5rem 0; } .desktop-site .main-column .links-block ul { -webkit-column-count: 2; -ms-column-count: 2; -o-column-count: 2; -moz-column-count: 2; -khtml-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .desktop-site .main-column .links-block ul li {width: 274px; } .links-block {margin-bottom: 16px; margin-bottom: 1rem; padding-left: 16px; padding-left: 1rem;} .vlg-bg .rh-column .links-block {padding-bottom: 16px; padding-bottom: 1rem; } .main-column-inner .tags-list li {float: left; clear: right; } .page-header .strapline, .shop-home .strapline {width: 464px; padding-top: 16px; padding-top: 1rem; padding-left: 16px; padding-left: 1rem; } .page-header .strapline-inner {padding: 4px; padding: 0.25rem; display: block; } .page-header .portals.strapline { width: 550px !important; } .masthead-inner h1, .masthead-inner .page-title, .masthead-inner .masthead-title {margin: 0; } .homepage h1.page-title {display: none; } .main-content-block:first-child {padding-top: 0; } .footer-block-inner, .main-content-block-inner {position: relative; float: none; display: block; margin: 0 auto; } .page-sub-header .main-content-block-inner {padding-left: 0; } .neg-margin {margin-top: -80px; } .neg-margin-90 {margin-top: -90px; } /* for Portals */ .neg-margin-100 {margin-top: -100px; } /* for Portals */ .page-header {float: none; display: block; margin: 0 auto; width: 976px; position: relative; } .lq, .rq {position: absolute; display: block; overflow: hidden; height: 42px; width: 0; background-repeat: no-repeat; padding-left: 42px; } .lq {background-position: 0 -90px; left: 0; } .rq {background-position: 0 -894px; right: 0; bottom: 0; } .w-bg .lq {background-attachment: scroll; background-position: 0 0; left: 0; background-color: transparent; } .cmprssed {height: 450px; overflow: hidden; padding-bottom: 80px; } .cmprssed .expnd-wrapper {height: 80px; width: 100%; position: absolute; bottom: 0; z-index: 20; -webkit-box-shadow: 0 0 20px 0 #fff; -moz-box-shadow: 0 0 20px 0 #fff; box-shadow: 0 0 20px 0 #fff; background: #fff; } .cmprssed .expnd-btn {left: 50%; margin-left: -50px; bottom: 0; cursor: pointer; position: absolute; top: 0; } .cmprssed-sml {height: 260px; } .img-inline {margin: 16px; margin: 1rem; width: 50%; } .img-inline.f-right {margin-right: 0; } .img-inline.f-left {margin-left: 0; } .img-inline img {max-width: 100%; height: auto; width: auto; } /*TODO:*/ .image-block, .leaderboard-img {padding-left:16px; padding-left:1rem;} .image-block img {width: 100%; height: auto; display: block; } /* ========================================================================== Tables ========================================================================== */ table {width: 100%; margin: 0 0 16px; margin: 0 0 1rem; } caption {text-align: left; margin-bottom: 8px; margin-bottom: 0.5rem; } figcaption {padding: 8px 16px; padding: 0.5rem 1rem; } th, td {padding: 8px 8px; padding: 0.5rem 0.5rem; text-align: left; } .info-tbl li, .info-tbl ul {float: left; padding: 0; margin: 0; } .info-tbl li ul, .info-tbl ul ul {float: none; } .info-tbl li .label, .info-tbl ul .label {display: block; margin: 0; } .info-tbl > li {padding: 8px 32px 8px 0; padding: 0.5rem 2rem 0.5rem 0; } .tbl-3col > li {width: 33%; } .tbl-1col > li {width: 100%; } .dt-wrap {display: block; overflow: hidden; } .table-block.vlg-bg {padding-right: 16px; padding-right: 1rem; } .event-details *, /*.event-details table, .event-details th, .event-details td, */ .newslettersignup-content input#email1 {border: none; } /* ============================================================================ SHOW MORE - COLLECTION GUIDE PAGE ========================================================================= */ .show-more-content {position: relative;} .show-more-container.more .show-more-end, .show-more-container.less .show-more-end, .show-more-container.less .show-more, .show-more-container.more .show-less, .show-more-container.more .expand-close, .show-more-container.more .show-more, .show-more-container .show-less, .show-more-container .expand-close {display: none;} /* .show-more-end { background: transparent linear-gradient(to bottom, rgba(245, 245, 245, 0), #F5F5F5) repeat scroll 0% 0%; bottom: 30px; cursor: pointer; height: 30px; left: 0px; position: absolute; width: 100%; }*/ .show-more.small { height: 30px; padding: 0px 13px; position:absolute; bottom: 0px; left: 3px; width: 100%; } .show-more-content.more { max-height: 155px; overflow:hidden; } .show-more-content.less { max-height: auto; overflow:visible; } /* colours.css .show-more.small { color:#D44202; background: #FFF; } /* typography .show-more.small { line-height: 28px; font-weight: bold; cursor:pointer; }*/ /* Search tooltip styles - for Portals */ a.tooltip {outline:none; } a.tooltip:hover {text-decoration:none !important;} a.tooltip span { z-index:10;display:none; padding:0 8px 12px 12px; padding:0 0.5rem 0.75rem 0.75rem; margin-top:0px; margin-left:28px; width:300px; } a.tooltip:hover span { display: inline; position: absolute; top: -75px; right: -10px; z-index: 100; } .tooltip .callout {z-index:100;position:absolute;bottom:-10px;border:0;left:150px;} a.tooltip span { border-radius:4px; } #bigBannerSearch a.tooltip {outline:none; color:#fff; } #bigBannerSearch a.tooltip:hover {text-decoration:none !important;} #bigBannerSearch a.tooltip span { z-index:10;display:none; padding:0 8px 12px 12px; padding:0 0.5rem 0.75rem 0.75rem; margin-top:-10px; margin-left:28px; width:300px; } #bigBannerSearch a.tooltip:hover span { display: inline; position: absolute; top: -40px; right: 500px; z-index: 1000; } #bigBannerSearch .tooltip .callout {z-index:100;position:absolute;bottom:-10px;border:0;left:150px;} #bigBannerSearch a.tooltip span { border-radius:4px; } /* ======================================================= COLOURS GLOBAL ======================================================= */ #page-inner {background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-color: transparent; } .desktop-site .main-page-img div {background-position: center top; background-repeat: repeat; background-attachment: scroll; background-color: transparent; }/* can update site HEAD styles to just 'background-image' and remove everything else once these style sheets are in use */ #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .active-title, a.jp-mute, .title-block span.pnl-field.pf-free, .pnl-row .pnl span.pnl-field.pf-free, .jp-no-solution a {color: #ffee00 !important; }/* bright yellow */ .facet-list .selected a.text-link {background: #fefccb; }/* light yellow */ #img-viewer .close {background: #c00 !important; }/* bright red */ .article-hl-block ul.ahl-nav li, #img-viewer .img-viewer-inner .tabbed-box-inner .tabs a, #img-viewer .img-viewer-inner .tabbed-box-inner .tabs a h3.tabbed-box-sub-heading, #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .action-button, #img-viewer .img-viewer-nav a.action-button, #img-viewer .img-viewer-info, #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown, #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown h4, .main-bg, .pnl .hit-spot .pnl-link-list a:hover, .pnl-inner.dg-bg h3 a, .vlg-bg .pnl-media span, .dg-bg, h3.highlight-bg, .primary-nav h3, .second-nav a, .mlg-bg, .t-white, .strapline .strapline-white, .masthead-inner, .main-content-wrapper .leaderboard-block-inner .text-link, .pager .active, .ui-datepicker-title, .ui-datepicker-calendar td:hover a, .pager .pager-lnk:hover, .carousel-slideshow figcaption, .jp-details, .tag-btns .tag:hover, .mobile-site .primary-nav-item ul a, .mobile-site .facet-list-outer h3, .mobile-site .mobile-facet-toggle, .mobile-site .tags a.tag, .jp-no-solution/*, .mobile-site .tags .view-all-tag a*/ {color: #fff; } table.tbl-light *, #cookies *, .highlight-bg *:not(input), .leaderboard-block *:not(span)/* , .highlight-bg *:not(.pnl-inner) *:not(.w-bg) p strong */ {color: #fff; }/* advanced selectors tripping old IEs */ /*TFS 10145 - Try to use .highlight-bg *:not(.pnl-inner) *:not(.w-bg) p strong in the above without success*/ .highlight-bg .pnl-inner.w-bg p strong {color:#333;} /**/ /* .shop #ctl00_mastheadtitle {color: #000; } ROBIN TEMP FIX */ .tabbed-box a.active h3.tabbed-box-sub-heading, .pager li a.pager-lnk:hover, .ui-datepicker-calendar .ui-datepicker-current-day a, .leaderboard-block .leaderboard-txt .block-title a, .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner .pnl-txt , .second-nav nav a:hover, .second-nav nav a:focus, .secondary-bg .cntr-blk:not(.highlight-bg) .pnl-block,/*.secondary-bg *, check h3s at bottom of desktop-spaces-homepage.html & desktop-spaces-theme-page.html*/ .second-nav .menu li a.keyboard-focus, .main-bg .pnl-link-list a, .main-bg .pnl-link-list a:hover, .book-tickets-button, .action-button, figure a:hover, .mobile-site .second-nav .secondarynav-morelink {color: #fff !important; } #img-viewer .iv-thm-nav .disabled, .flex-disabled {opacity: 0.2; } #img-viewer .img-viewer-thumbs ol li {opacity: 0.4; } .article-hl-block ul.ahl-nav li, .ui-datepicker .ui-state-disabled, .flex-control-nav a {opacity: 0.5; } .flex-control-thumbs li img, .hl-pnl-horiz .pnl-img, .hl-pnl-horiz .pnl-txt {opacity: 0.6; } .coming-soon {opacity: 0.7; } #img-viewer .img-viewer-thumbs ol li:hover, .flex-control-thumbs li img:hover, .mobile-site .tags-list a.tag:active {opacity: 0.8; } .one-img-only, .slideshow-trans , .olay-ab {opacity: 0.9; } /*label, */ nav ul, nav li, .strapline .strapline-black, abbr[title], acronym[title], .vlg-bg .pnl-title, .alternate-main-bg .pnl-inner .pnl-title, .w-bg .pnl-field, .w-bg dl dt, .w-bg dl dd:not(a), .vlg-bg .pnl-row a .pnl-txt p, .alternate-main-bg .pnl-inner .pnl-row a .pnl-txt p, .vlg-bg .pnl p.pnl-lnk, .w-bg .pnl-txt p, .alternate-main-bg .pnl-inner .pnl .pnl-lnk, .vlg-bg .pnl .pnl-lnk:hover, .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .mdg-bg .pnl-title, .mdg-bg p, .lg-bg .pnl-title, .lg-bg .pnl-row a .pnl-txt p, .lg-bg .pnl .pnl-lnk, .mlg-bg .pnl-title, .mlg-bg .pnl-row a .pnl-txt p, .mlg-bg .pnl .pnl-lnk, .pnl-title span, .subtitle a.text-link, .subtitle a.text-link:hover, .main-bg .pnl-3col-alt a .pnl-txt p, .lg-bg .pnl .pnl-lnk:hover, .mlg-bg .pnl .pnl-lnk:hover, .facet-list .selected a.text-link, .pager a, .pager li a.pager-lnk, .t-black, .vlg-bg, .lg-bg, .results-heading a span.text, .alternate-main-bg .pnl-inner, .ui-datepicker .ui-icon-circle-triangle-e, .ui-datepicker .ui-icon-circle-triangle-w, footer #page-footer .sectional-footer a, .carousel-slideshow .slides .single-img-slideshow figcaption, .image-carousel-inline .carousel-slideshow figcaption, .facet-list a .count, .jp-hidden-trans, .main-bg .w-bg blockquote, .main-bg .vlg-bg blockquote, .main-bg .alternate-main-bg .pnl-inner blockquote, .alternate-main-bg .main-bg .pnl-inner blockquote, .highlight-bg .w-bg blockquote, .highlight-bg .vlg-bg blockquote, .highlight-bg .alternate-main-bg .pnl-inner blockquote, .alternate-main-bg .highlight-bg .pnl-inner blockquote, .dg-bg .w-bg blockquote, .dg-bg .vlg-bg blockquote, .dg-bg .alternate-main-bg .pnl-inner blockquote, .alternate-main-bg .dg-bg .pnl-inner blockquote, .vlg-bg blockquote, .alternate-main-bg .pnl-inner blockquote, .w-bg blockquote, .secondary-bg .w-bg blockquote, .secondary-bg .vlg-bg blockquote, .secondary-bg .alternate-main-bg .pnl-inner blockquote, .alternate-main-bg .secondary-bg .pnl-inner blockquote, .fromOurShop .w-bg p span, .acc-pnl .expand-button, .acc-pnl .action-button/*, .tags-block .tags-list a.tag span, .mobile-site .tags-block .tags-list a.tag:link, .mobile-site .tags-block .tags-list .tags a.tag:active, .mobile-site .tags-block .tags-list .tags a.tag:visited, .mobile-site .tags-block .tags-list .view-all-tag a, */ {color: #333 !important; } #search-section-input.placeholder, #search-section-input:-moz-placeholder, #search-section-input::-webkit-input-placeholder, #search-web-cat-input.placeholder, #search-web-cat-input:-moz-placeholder, #search-web-cat-input::-webkit-input-placeholder {color: #333; /*breaks std styles*/} label, blockquote, .availability, .availability:after, .pnl-row .pnl span.pnl-field.pf-type, aside.rh-column .search-section .local-search-wrapper label, #large-search-2 label {color: #666; } label.banner-search {color:#fff;} .primary-nav h4, .publist h3, .t-grey {color: #999; } .alternate-main-bg .pnl:nth-child(2n+2) .pnl-title a:hover, .vert-sep li:after {color: #ccc; } #page-footer .dg-bg *, #search-web-cat label, .mobile-site .primary-nav-item h4, .jp-audio .jp-time-holder {color: #eee; } #cookies, .highlight-bg .pnl .pnl .pnl-lnk:hover, .secondary-bg .pnl .pnl .pnl-lnk:hover, .pnl-video .pnl-img .video-info, .pnl-media .video-info, .pnl-media .audio-info, .pnl-media .picture-info, .thumbnail-slider a, .olay-ab, .slideshow-trans, .sldshw-launched .flex-control-thumbs, .sldshw-launched figcaption, .dg-bg, .qv-open.qv-loading .pnl-expnd-area, .article-hl-block .highlighted, .image-carousel-inline .carousel-slideshow li, #img-viewer .img-viewer-thumbs, #img-viewer .img-viewer-arrows a, #img-viewer .img-viewer-nav, #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown h4, #img-viewer .img-viewer-inner .tabbed-box-inner .tabs, .one-img-only, .mobile-site #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .action-button, .mobile-site .mobile-facet-toggle {/*background: #333; */background-color: #333; } #cookies p a:first-child:hover, .mdg-bg, .hl-pnl .pnl-lnk:hover, .olay-ab:hover, .mobile-site #img-viewer .img-viewer-nav a.open, a.tab.active, .lan-dropdown .action-button, .lan-dropdown h4, .hl-pnl-inner .flex-control-thumbs img.flex-active, .mobile-site .facet-list-outer h3 {background: #666; background-color: #666; } .pager .icon:hover, .pager-lnk:hover, .mlg-bg, .lan-dropdown h4.active-title, .ui-datepicker .ui-datepicker-title, .ui-datepicker .ui-icon:hover, .ui-datepicker .ui-datepicker-today, .ui-datepicker-current-day, .ui-datepicker .ui-icon:hover {background: #999; background-color: #999; } .primary-nav-item > ul, .vlg-bg, .alternate-main-bg .pnl-inner, .author-block, .image-carousel-inline .carousel-slideshow figcaption, .facet-list .more/*, aside.rh-column .general-list*/ {background: #eee; background-color: #eee; } .pnl-row .pnl .pnl-inner.w-bg, .pnl-row .pnl .pnl-inner.vlg-bg, .pnl-row .pnl .facet-list a.pnl-inner, .facet-list .pnl-row .pnl a.pnl-inner, .pnl-row .pnl .pnl-inner.mdg-bg, /*.pnl-row .pnl .pnl-inner.dg-bg, */ .event-details tbody tr:nth-child(even), #datepicker tr:nth-child(even), #search-web-cat-input, #search-section-input, .search-section button[type=submit], .w-bg, .highlight-bg #search-section-input, .hl-pnl-nav .trans-icon-bg, .pnl-3col-alt .pnl-inner, .pnl-3col-alt .pnl-inner:nth-child(2n+2) a.pnl-lnk, .mobile-site #page-outer, .search-block .facet-search #search-section-input, .general-list, .vlg-bg aside.rh-column .txt-block, .vlg-bg .rh-column .links-block {background: #fff; background-color: #fff; } /*, .event-details table, .event-details th, .event-details td*/ .lgt-gry-bg {background: #f2f2f2; background-color: #f2f2f2; } table thead th, .pnl .pnl-lnk:hover, .main-bg .pnl-row .pnl .pnl-lnk:hover, .w-bg .pnl .pnl-lnk:hover, .acc-pnl .expand-button, .acc-pnl .action-button, .left-panel-list .acc-pnl .expand-button, .left-panel-list .acc-pnl .expand-button:hover, .lg-bg, .tags-block h2, .hl-pnl-inner .flex-control-thumbs img, .carousel-slideshow .slides .single-img-slideshow figcaption, .facet-list .voicesofscience a .pnl .pnl-lnk:hover {background: #ccc; background-color: #ccc; } .ui-datepicker-calendar tbody td.ui-state-disabled:hover, .dg-bg blockquote, .tags .view-all-tag a:hover, .mobile-site .tags .view-all-tag a.tag:link, .mobile-site .tags .view-all-tag a.tag:visited, .mobile-site .tags .view-all-tag a.tag:active {background: none; background-color: none; } .pnl a:hover .action-button .icon, .pnl-row .pnl span.pnl-field.pf-type, .leaderboard-block .coming-soon, .leaderboard-block .sold-out, .leaderboard-block .availability-update, .mobile-site .tags li.view-all-tag a.tag/*, .mobile-site .tags-block .tags-list a.tag:link, .mobile-site .tags-block .tags-list .tags a.tag:active, .mobile-site .tags-block .tags-list .tags a.tag:visited*/ {background: transparent; background-color: transparent; } /*input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] */ input {background-color: #fff; border-color: #ccc; color: rgba(0, 0, 0, 0.75); } /*input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus */ input:focus {border-color: #ccc; } /*input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled] */ input[disabled]{background-color: #999; } /*input[type="text"] textarea, input[type="text"] select, input[type="password"] textarea, input[type="password"] select, input[type="date"] textarea, input[type="date"] select, input[type="datetime"] textarea, input[type="datetime"] select, input[type="email"] textarea, input[type="email"] select, input[type="number"] textarea, input[type="number"] select, input[type="search"] textarea, input[type="search"] select, input[type="tel"] textarea, input[type="tel"] select, input[type="time"] textarea, input[type="time"] select, input[type="url"] textarea, input[type="url"] select */ figcaption, input textarea, input select {background-color: #eee; color: #000; } .coming-soon, .sold-out, .availability-update, .limited-places {background: #fff; background-color: #fff; color: #f00; } .form-block .required, #search-empty-message {color: #f00; } .form-block input:focus, .form-block select:focus, .form-block textarea:focus {border: 1px solid #afcdd8; background-color: #ebf2f4; } #errors, #success {background-color: #ffe6e6; } #errors {border: solid 1px #e58e8e; } /*.primary-nav-item > ul, */ .jp-interface .jp-controls li, .jp-audio .jp-type-single .jp-interface, .pullout-quote, /*.mobile-site .primary-nav-item > ul, */ .mobile-site .primary-nav-item:first-child h3 {border-top: 1px solid #fff;} #primary-nav, a.jp-unmute, .mobile-site .main-nav-toggle, .purchase-banner .content, .search-section input[type=submit] {border-left: 1px solid #fff; } .desktop-site .primary-nav-item {border-right: 1px solid #fff; } #site-logo, #primary-nav, .primary-nav, .pullout-quote, .mobile-site .main-nav-toggle, .mobile-site .primary-nav-item h3, .mobile-site .primary-nav-item > ul, .facet-list a {border-bottom: 1px solid #fff; } .desktop-site.main-home-pg #primary-nav, .desktop-site.main-home-pg .primary-nav, .desktop-site.main-home-pg #site-logo {border:none} .search-block .facet-search select, .search-block .facet-search #search-section-input {border: 1px solid #fff; } .header-info-img img {border: 2px solid #fff; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown {border-left: 1px solid #333; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown h4, .flex-control-thumbs {border-top: 1px solid #333; } .flex-control-thumbs li {border-right: 1px solid #333; } #img-viewer .img-viewer-nav, .sldshw-launched figcaption {border-bottom: 1px solid #333; } .article-hl-block ul.ahl-nav li:first-child {border-top: 1px solid #666; } .article-hl-block ul.ahl-nav li, .dg-bg table.tbl-light tr {border-bottom: 1px solid #666; } .primary-nav-item ul li h4, .primary-nav-item ul li > ul, .search-section button[type=submit] {border-left: 1px solid #999; } .search-block .facet-search select {border-right: 1px solid #999; } table, .pnl-row .pnl span.pnl-field.pf-type {border: 1px solid #999; } fieldset, th, td, .olay-ab, #search-web-cat [type="radio"], .search input[type=text], div .text-link-with-icon, .social-block .newsletter-block #email, .block-border, .fa-border, #large-search-2 input, /*.icon-list li a, */ .highlight-bg .newslettersignup-content input#email1 {border: 1px solid #ccc; } .g-t-border/*, .tags.tags-list .tag*/ {border-top: 1px solid #ccc; } .pnl-1col.txt-pnl .pnl, /*.tags.tags-list .tag, */ .g-b-border {border-bottom: 1px solid #ccc; } .local-search-wrapper {border: 8px solid #eee; } .local-search-wrapper + .local-search-wrapper, .main-column-inner .general-list ul.tags-list li.tag, .main-column-inner .general-list .tags.tags-list .tag {border: none; border-bottom: none; border-top: none; } #page-footer .alternate-main-bg .pnl-inner a, .alternate-main-bg #page-footer .pnl-inner a, .sectional-footer, .leaderboard-txt li, .desktop-site .primary-nav > li:hover a h3, .desktop-site .primary-nav-item.parent a h3 {border-bottom-style: solid; border-bottom-width: 16px; } .desktop-site .primary-nav > li:hover a h3, .desktop-site .primary-nav-item.parent a h3 {border-bottom-width: 10px; } .leaderboard-txt li {border-bottom-width: 1px; } .text-block {border-bottom-style: none; } #img-viewer .img-viewer-nav a.prev, #img-viewer .img-viewer-nav a.next {border: 14px solid #000; } .jp-details, .jp-interface, .jp-no-solution, .carousel-slideshow, #img-viewer, .flexslider .slides figure a, .carousel-slideshow figcaption, .loading, .title-block span.pnl-field.pf-free, .pnl-row .pnl span.pnl-field.pf-free/*, .leaderboard-block .leaderboard-txt .book-tickets-button*/ {background: #000; background-color: #000; } #img-viewer .img-viewer-info, #img-viewer .img-viewer-inner .tabbed-box-inner .tabs a.active, #img-viewer .img-viewer-nav a.action-button {background: #1f1f1f; background-color: #1f1f1f; }/* 1f1f1f */ /* .article-hl-block ul.ahl-nav li.highlighted {border-left: 4px solid green; } ? */ /* .hl-pnl-inner .flex-control-thumbs li {background: green; } ? */ /*.strapline .strapline-highlight-colour, */ .page-header .strapline, .strapline .strapline-white {color: #fff !important; -moz-text-shadow: 0 0 5px #000; -webkit-text-shadow: 0 0 5px #000; text-shadow: 0 0 5px #000; } /*.strapline .strapline-main-colour, */ .strapline .strapline-black {color: #000 !important; -moz-text-shadow: 0 0 5px #fff; -webkit-text-shadow: 0 0 5px #fff; text-shadow: 0 0 5px #fff; } .mobile-site #page-outer {-moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .active-title, a.jp-mute, .title-block span.pnl-field .pf-free, .pnl-row .pnl span.pnl-field.pf-free, .jp-no-solution a {color: #ffee00 !important; }/* bright yellow */ /* Social Welfare home page search panel tooltip styles */ a.tooltip:hover span { color: #fff; border: 1px solid #fff; background: #333 none repeat scroll 0% 0%; } /* Social Welfare home page subjects panel additional styles */ .panel-list li.more, .panel-list li.less {color: #333;} .panel-list .fa-caret-down, .panel-list .fa-caret-up {color: #333;} body .gradient01, body .gradient02 {color: #fff; background-color: #b3b0b0; }/* basic fallback, including ie8 */ body .gradient01, body .gradient01 .main-content-block-inner {color: #fff; background-image: url('data:image/gif;base64,R0lGODlhuAsBAIABAO7u7gAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODVFQjM0QjBCODVDMTFFNThENjU4RjQ5QzFEMzY0QTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODVFQjM0QjFCODVDMTFFNThENjU4RjQ5QzFEMzY0QTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NUVCMzRBRUI4NUMxMUU1OEQ2NThGNDlDMUQzNjRBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NUVCMzRBRkI4NUMxMUU1OEQ2NThGNDlDMUQzNjRBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAC4CwEAAAJVhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6FPT+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY8rCwA7'), url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI2NjYyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2IzYjBiMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzg5KSIgLz4KPC9zdmc+'); } /* background: rgb(226,226,226); background: -moz-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(226,226,226)), color-stop(4%, rgb(219,219,219)), color-stop(16%, rgb(209,209,209)), color-stop(100%, rgb(179,176,176))); background: -webkit-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); background: -o-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); background: -ms-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); background: linear-gradient(to bottom, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); */ /*.desktop-site.shop .gry-tile {background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMDRCOEI4NEI1RUExMUU1QkIzNkEzQjM2RUJDMDNCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMDRCOEI4NUI1RUExMUU1QkIzNkEzQjM2RUJDMDNCMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNEI4QjgyQjVFQTExRTVCQjM2QTNCMzZFQkMwM0IwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYwNEI4QjgzQjVFQTExRTVCQjM2QTNCMzZFQkMwM0IwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAAQPoAwERAAIRAQMRAf/EAaIAAAAGAgMBAAAAAAAAAAAAAAcIBgUECQMKAgEACwEAAAYDAQEBAAAAAAAAAAAABgUEAwcCCAEJAAoLEAACAQMEAQMDAgMDAwIGCXUBAgMEEQUSBiEHEyIACDEUQTIjFQlRQhZhJDMXUnGBGGKRJUOhsfAmNHIKGcHRNSfhUzaC8ZKiRFRzRUY3R2MoVVZXGrLC0uLyZIN0k4Rlo7PD0+MpOGbzdSo5OkhJSlhZWmdoaWp2d3h5eoWGh4iJipSVlpeYmZqkpaanqKmqtLW2t7i5usTFxsfIycrU1dbX2Nna5OXm5+jp6vT19vf4+foRAAIBAwIEBAMFBAQEBgYFbQECAxEEIRIFMQYAIhNBUQcyYRRxCEKBI5EVUqFiFjMJsSTB0UNy8BfhgjQlklMYY0TxorImNRlUNkVkJwpzg5NGdMLS4vJVZXVWN4SFo7PD0+PzKRqUpLTE1OT0laW1xdXl9ShHV2Y4doaWprbG1ub2Z3eHl6e3x9fn90hYaHiImKi4yNjo+DlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+v/aAAwDAQACEQMRAD8A3oPfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691//2Q=='); }*/ /* a solution for use in the new shop panel, grey bg, designs which break the established website design. Yay! */ .shop .main-page-img, .shop #main {background-color: #eee; } .desktop-site.shop-home .main-content {background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1M0FFNEE4M0JFQzIxMUU1QTZGN0QxMEY4OUVGOEMyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1M0FFNEE4NEJFQzIxMUU1QTZGN0QxMEY4OUVGOEMyNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzQUU0QTgxQkVDMjExRTVBNkY3RDEwRjg5RUY4QzI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUzQUU0QTgyQkVDMjExRTVBNkY3RDEwRjg5RUY4QzI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgBkAABAwERAAIRAQMRAf/EAaIAAAAGAgMBAAAAAAAAAAAAAAcIBgUECQMKAgEACwEAAAYDAQEBAAAAAAAAAAAABgUEAwcCCAEJAAoLEAACAQMEAQMDAgMDAwIGCXUBAgMEEQUSBiEHEyIACDEUQTIjFQlRQhZhJDMXUnGBGGKRJUOhsfAmNHIKGcHRNSfhUzaC8ZKiRFRzRUY3R2MoVVZXGrLC0uLyZIN0k4Rlo7PD0+MpOGbzdSo5OkhJSlhZWmdoaWp2d3h5eoWGh4iJipSVlpeYmZqkpaanqKmqtLW2t7i5usTFxsfIycrU1dbX2Nna5OXm5+jp6vT19vf4+foRAAIBAwIEBAMFBAQEBgYFbQECAxEEIRIFMQYAIhNBUQcyYRRxCEKBI5EVUqFiFjMJsSTB0UNy8BfhgjQlklMYY0TxorImNRlUNkVkJwpzg5NGdMLS4vJVZXVWN4SFo7PD0+PzKRqUpLTE1OT0laW1xdXl9ShHV2Y4doaWprbG1ub2Z3eHl6e3x9fn90hYaHiImKi4yNjo+DlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+v/aAAwDAQACEQMRAD8A3cPfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691//Z') repeat-x 0 37px; } body.shop .bg03, .desktop-site.shop #shopResults dt {background-color: #3d414d; } body.shop .masthead-inner, body.shop .masthead-title {background: #fff; background-color: #fff; } #shop-legend, body.shop .masthead-title, .product-hero > div > p, .promo-label, .product-info h2, body.shop p a, body.shop .recommended cite, body.shop .owl-carousel .pnl-title * {color: #666; } body.shop #primary-nav, body.shop .second-nav, body.shop .second-nav *, body.shop .action-button:hover {background-color: #333; } body.shop .second-nav .menu a:hover, #shop-legend > div:first-child:after, body.shop .action-button {background-color: #666; } body.shop #primary-nav .primary-nav-item a h3:hover {border-bottom-color: #fff; } .promo-label {border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; } body.shop-home .strapline-inner {color: #333; } /* overriden in colours: */ body.shop-home div.strapline {border: 2px solid #333; } body.shop p a:hover {border-bottom: 1px solid #999; } body.shop #primary-nav .primary-nav-item ul li *, body.shop .main-bg .pnl-shop4col h2 {color: #333; } body.shop div.product-hero.zeb .product-info a, body.shop div.product-hero.zeb .product-info .price p span + span, body.shop .product-info2 blockquote {color: #333 !important; } body.shop .second-nav .menu a:hover, #shop-legend > div:first-child:after, body.shop .action-button {background-color: #666; } body.shop div.product-hero.zeb .product-info {background-color: #999 !important; } .desktop-site div.product-hero.zeb svg polygon {fill: #999; } body.shop div.product-hero.zeb .product-info * {color: #fff !important; } .shop #category div {background-color: #333; border-color: #fff; } .backgroundsize .desktop-site.shop #category div {background-color: rgba(51,51,51,0.8); } .shop #category * {color: #fff; } /*Why? Why? and why again?*/ /* body.shop-home #main .main-bg .highlight-bg .pnl-inner {outline: 8px solid #e7e4e4; } */ body.mobile-site.shop.shop-home .events .pnl-inner {outline: none !important; background:none !important;} /*tfs: 9597*/ .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner .pnl-txt * {color:#fff !important} /* RM 10:41 2 July 15 - added collection-guide show-more styles DH 12.23 2 July 15. .whatson-newsletter-block .action-button */ /* ======================================================= COLOURS ======================================================= */ /* DEFAULT */ /*.desktop-site #page-inner {background-image: url('../images/bl-green-head.png'); }*/ .desktop-site .main-page-img div {background-image: url('../images/pattern-bg-1.png'); } /*text wht on none wht bg*/ .main-content-wrapper .main-content-block.secondary-bg a {color:#fff !important;} /* DEFAULT GREY #eeeeee (#b2d9d5) = v light "Pale shade for buttons and search background" #CCCCCC (#01b3a2) = light #999999 (#018074) = medium "Highlight colour" #666666 (#015d54) = dark "Secondary colour" #333333 (#003a34) = v dark "Main colour" */ .desktop-site #page-inner {background-image: url('../images/bl-grey-head.png'); } .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-jade.gif'); } .desktop-site .primary-nav > li:hover a h3, .desktop-site .primary-nav-item.parent a h3, #page-footer .vlg-bg a, #page-footer .alternate-main-bg .pnl-inner a, .alternate-main-bg #page-footer .pnl-inner a, .sectional-footer, .leaderboard-txt li {border-bottom-color: #999; } #header .page-header .vlg-bg a, .main-content-wrapper a, .sec-font-color, .main-content p a, .search-section button[type=submit]:hover, .primary-nav-item a, .pnl-wide .pnl-title, /*.highlight-bg .w-bg .pnl-title a, */ .pnl-1-third .pnl-title, .pnl-2-thirds .pnl-title, .pnl-img-2col .pnl-title, .pnl-no-padding .pnl-title, .readmore-handle, .show-more.small, .facet-list a, .info-tbl a, .img-viewer-info a:link, .mobile-site .tags .view-all-tag a.tag:link, /*.mobile-site .tags .view-all-tag a.tag:visited, */ .mobile-site .tags .view-all-tag a.tag /*:active, .mobile-site .tags .view-all-tag a.tag:link:hover, .mobile-site .tags .view-all-tag a.tag:visited:hover, .mobile-site .tags .view-all-tag a.tag:active:hover*/ {color: #999; } .show-more.small {background-color:#FFF;} .facet-search .form-item input[type=submit], /*.primary-nav-item a:focus, .primary-nav-item .focus, */ .masthead-inner, .second-nav .menu .current a:hover, .second-nav .menu .active, .second-nav .menu .current a, .current a, .main-page-img div, .highlight-bg, .vlg-bg .pnl .pnl-lnk:hover, .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .lg-bg .pnl .pnl-lnk:hover, .left-panel-list h2, .pnl a:hover .icon, .mlg-bg .pnl .pnl-lnk:hover, .mdg-bg .pnl .pnl-lnk:hover, .pnl-expnd-txt .action-button, .icon .main-bg:hover, .printpage, .pnl-row .pnl span.pnl-field .pf-type, .leaderboard-block .leaderboard-txt .book-tickets-button, a.book-tickets-button, .thumbnail-slider a:hover, .ui-datepicker-calendar td:hover, .expand-button, .action-button, .main-bg .expand-button, .main-bg .action-button, .pnl-act-btn .action-button:hover, .main-bg .pnl-act-btn .action-button:hover, .flex-control-nav a, .mobile-site .left-panel-list h2, .mobile-site .tags a.tag:link, /*.mobile-site .tags a.tag:active, .mobile-site .tags a.tag:visited, */ .mobile-site .page-header, .mobile-site .page-header-wrapper, .mobile-site .primary-nav-item ul a {background-color: #999; } .pullout-quote blockquote, .lb-date, .pnl-expnd-txt a, .main-content .dg-bg p a, .header-info-data dt {color: #eee; } #primary-nav, .pnl-act-btn .w-bg .action-button:hover, .second-nav .menu, .second-nav .menu a, .main-bg, .hl-pnl-nav .icon, .expand-button:hover, .action-button:hover, .highlight-bg > div > div > .expand-button, .highlight-bg > div > div > .action-button, .whatson-newsletter-block .expand-button, .whatson-newsletter-block .action-button, .book-tickets-button:hover, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .sldshw-launched .next, .sldshw-launched .prev, .pnl-act-btn .action-button:hover, .mobile-site #page-outer .second-nav, .mobile-site .second-nav.second-nav-hidden-menu, .mobile-site .main-nav-toggle {background-color: #333; } .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #333; } .sldshw-launched .next, .sldshw-launched .prev {border: 12px solid #333; } .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #333; } a:hover, a:focus, a:active, .main-font-color, .search-section button[type=submit], .main-bg .pnl-row .pnl .pnl-lnk:hover, .w-bg .pnl-title, .dg-bg .w-bg .pnl-title, .dg-bg .pnl .pnl-lnk:hover, .pnl-act-btn .action-button, .main-bg .pnl-act-btn .action-button, .tb-date, .pf-date span, .pf-date span time, .mobile-site .facet-list-outer li.more, /*.mobile-site .tags-block .tags-list .tag, */ .strapline .strapline-main-colour {color: #333; } .pullout-quote blockquote:before, .pullout-quote blockquote:after {color: #ccc; } .secondary-bg, .second-nav .menu a:hover, .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .leaderboard-txt .book-tickets-button:hover, .highlight-bg .expand-button:hover, .highlight-bg .action-button:hover, .mobile-site .primary-nav-item h4, .dg-bg .expand-button:hover, .dg-bg .action-button:hover, .main-bg .expand-button:hover, .main-bg .action-button:hover {background: #666; background-color: #666; } .mobile-site .primary-nav-item ul a {border-top: 1px solid #666; } .sectional-footer {border-bottom: 16px solid #999; position:relative;} /* =================== HOMEPAGE =================== */ /*moved to helper-classes.css and made generic*/ /*.main-home-pg .bg01 {background-color: #eee;} .main-home-pg .bg02 {background-color: #ddd;} .main-home-pg .bg03 {background-color: #3d414d;} .main-home-pg .bg04 {background-color: #f0f0e8;} .main-home-pg .bg05 {background-color: #F2F2EA;} .main-home-pg .bg06 {background-color: #E9E9E9} .main-home-pg .bg07 {background-color: #E3E3E3}*/ /* .main-home-pg .page-bg {background-color: #e0e0e0} .main-home-pg .bg01 {background-color: #f1f1f1;} news/blogs alternating .main-home-pg .bg02 {background-color: #ddd;}- .main-home-pg .bg03 {background-color: #3d414d;}whatson-newsletter .main-home-pg .bg04 {background-color: #f0f0e8;}news/blogs alternating .main-home-pg .bg05 {background-color: #F2F2EA;}discover-learn .main-home-pg .bg06 {background-color: #E9E9E9}shopping .main-home-pg .bg07 {background-color: #eee;}shop */ /**/ /* JADE #b2d9d5 = v light "Pale shade for buttons and search background" #01b3a2 = light #018074 = medium "Highlight colour" #015d54 = dark "Secondary colour" #003a34 = v dark "Main colour" */ .jade .desktop-site #page-inner {background-image: url('../images/bl-jade-head.png'); } .jade .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-jade.gif'); } .jade .desktop-site .primary-nav > li:hover a h3, .jade .desktop-site .primary-nav-item.parent a h3, .jade #page-footer .vlg-bg a, .jade #page-footer .alternate-main-bg .pnl-inner a, .jade .alternate-main-bg #page-footer .pnl-inner a, .jade .sectional-footer, .jade .leaderboard-txt li {border-bottom-color: #018074; } .jade #bmCollectionItem #reveal::after, .jade .person .pnl-txt p span.more:after, .jade .dg-bg a:hover, .jade #header .page-header .vlg-bg a, .jade .main-content-wrapper a, .jade .sec-font-color, .jade .main-content p a, .jade .search-section button[type=submit]:hover, .jade .primary-nav-item a, .jade .pnl-wide .pnl-title, .jade .highlight-bg .w-bg .pnl-title a, .jade .pnl-1-third .pnl-title, .jade .pnl-2-thirds .pnl-title, .jade .pnl-img-2col .pnl-title, .jade .pnl-no-padding .pnl-title, .jade .readmore-handle, .jade .show-more.small, .jade .facet-list a, .jade .info-tbl a, .jade .img-viewer-info a:link, .jade .pnl-inner > .quote-list > blockquote:before, .jade .pnl-inner > .quote-list > blockquote:after, .jade .mobile-site .tags .view-all-tag a.tag:link, /*.jade .mobile-site .tags .view-all-tag a.tag:visited, */ .jade .mobile-site .tags .view-all-tag a.tag,/*:active, .jade .mobile-site .tags .view-all-tag a.tag:link:hover, .jade .mobile-site .tags .view-all-tag a.tag:visited:hover, .jade .mobile-site .tags .view-all-tag a.tag:active:hover*/ .jade .figures-row {color: #018074; } /*23/11/2016 Note for merge: same colour txt on same colour bg fix for spaces-theme Further themes section */ .jade .main-content-wrapper .main-content-block a:not(h3):not(a) {color:#fff !important;} .jade .tag-btns /*.tag*/ li a {border-color: #018074; } .jade .facet-search .form-item input[type=submit], /*.jade .primary-nav-item a:focus, .jade .primary-nav-item .focus, */ .jade .masthead-inner, .jade .second-nav .menu .current a:hover, .jade .second-nav .menu .active, .jade .second-nav .menu .current a, .jade .current a, .jade .main-page-img div, .jade .highlight-bg, .jade .vlg-bg .pnl .pnl-lnk:hover, .jade .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .jade .lg-bg .pnl .pnl-lnk:hover, .jade .left-panel-list h2, .jade .pnl a:hover .icon, .jade .mlg-bg .pnl .pnl-lnk:hover, .jade .mdg-bg .pnl .pnl-lnk:hover, .jade .pnl-expnd-txt .action-button, .jade .icon .main-bg:hover, .jade .printpage, .jade .pnl-row .pnl span.pnl-field .pf-type, .jade .leaderboard-block .leaderboard-txt .book-tickets-button, .jade a.book-tickets-button, .jade .thumbnail-slider a:hover, .jade .ui-datepicker-calendar td:hover, .jade .expand-button, .jade .action-button, .jade .main-bg .expand-button, .jade .main-bg .action-button, .jade .highlight-bg .main-bg .action-button, .jade .pnl-act-btn .action-button:hover, .jade .main-bg .pnl-act-btn .action-button:hover, .jade .flex-control-nav a, .jade .mobile-site .left-panel-list h2, .jade .mobile-site .tags a.tag:link, /*.jade .mobile-site .tags a.tag:active, .jade .mobile-site .tags a.tag:visited, */ .jade .mobile-site .page-header, .jade .mobile-site .page-header-wrapper, .jade .mobile-site .primary-nav-item ul a, .jade .tag-btns .tag:hover {background-color: #018074; } .jade .pullout-quote blockquote, .jade .lb-date, .jade .pnl-expnd-txt a, /*.jade .main-content .dg-bg p a, */ .jade .header-info-data dt {color: #b2d9d5; } .jade #primary-nav, .jade .highlight-bg .action-button, .jade .pnl-act-btn .w-bg .action-button:hover, .jade .second-nav .menu, .jade .second-nav .menu a, .jade .main-bg, .jade .hl-pnl-nav .icon, .jade .expand-button:hover, .jade .action-button:hover, .jade .highlight-bg > div > div > .expand-button, .jade .highlight-bg > div > div > .action-button, .jade .whatson-newsletter-block .expand-button, /*.jade .whatson-newsletter-block .action-button, */ .jade .book-tickets-button:hover, .jade .ui-datepicker .ui-datepicker-prev, .jade .ui-datepicker .ui-datepicker-next, .jade .sldshw-launched .next, .jade .sldshw-launched .prev, .jade .pnl-act-btn .action-button:hover, .jade .newsletter-signup-form .action-button:hover, .jade .mobile-site #page-outer .second-nav, .jade .mobile-site .second-nav.second-nav-hidden-menu, .jade .mobile-site .main-nav-toggle {background-color: #003a34; } .jade .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #003a34; } .jade .sldshw-launched .next, .jade .sldshw-launched .prev {border: 12px solid #003a34; } .jade .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #003a34; } .jade a:hover, .jade a:focus, .jade a:active, .jade .main-font-color, .jade .search-section button[type=submit], .jade .main-bg .pnl-row .pnl .pnl-lnk:hover, .jade .w-bg .pnl-title, .jade .dg-bg .w-bg .pnl-title, .jade .dg-bg .pnl .pnl-lnk:hover, .jade .pnl-act-btn .action-button, .jade .main-bg .pnl-act-btn .action-button, .jade .tb-date, .jade .mobile-site .facet-list-outer li.more, /*.jade .mobile-site .tags-block .tags-list .tag, */ .jade .strapline .strapline-main-colour {color: #003a34; } .jade .pullout-quote blockquote:before, .jade .pullout-quote blockquote:after {color: #01b3a2; } .jade .secondary-bg, .jade .second-nav .menu a:hover, .jade .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .jade .leaderboard-txt .book-tickets-button:hover, .jade .highlight-bg .expand-button:hover, .jade .highlight-bg .action-button:hover, .jade .mobile-site .primary-nav-item h4, .jade .dg-bg .expand-button:hover, .jade .dg-bg .action-button:hover, .jade .main-bg .expand-button:hover, .jade .main-bg .action-button:hover {background: #015d54; background-color: #015d54; } .jade .mobile-site .primary-nav-item ul a {border-top: 1px solid #015d54; } .jade .sectional-footer {border-bottom: 16px solid #018074; } .jade .opacity {background-color: rgba(1,179,162,0.5); } .jade #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .jade #main div.vlg-bg ul li a { } .jade .main-home-pg .owl-carousel .owl-nav div {background-color:#018074} /*testing colour flexibility: 14/10/2016*/ .jade .membership-landing h3, .jade .membership-landing li {color:#333} .jade .membership-landing .action-button.mb-dark {background-color: #003a34; } .jade .membership-landing .action-button.mb-dark:hover {background: #015d54; background-color: #015d54; } .jade .membership-landing .action-button.secondary-btn {background-color:#018074} .jade .membership-landing .action-button.secondary-btn:hover {background-color:#015d54} .jade a.alt-button {background-color: #fff;border: 1px solid #333;color: #333 !important;} .jade a.alt-button:hover {color: #fff !important;} .jade .leaderboard-block .leaderboard-txt a.alt-button.book-tickets-button {background-color: #015d54;color: #fff !important;} /* GARNET #f4c0d0 = v light "Pale shade for buttons and search background" #e7a3b8 = light #da2f65 = medium "Highlight colour" #ae2552 = dark "Secondary colour" #831c3d = v dark "Main colour" */ .garnet .desktop-site #page-inner {background-image: url('../images/bl-garnet-head.png'); } /*.garnet .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-garnet.gif'); }*/ .garnet .desktop-site .primary-nav > li:hover a h3, .garnet .desktop-site .primary-nav-item.parent a h3, .garnet #page-footer .vlg-bg a, .garnet #page-footer .alternate-main-bg .pnl-inner a, .garnet .alternate-main-bg #page-footer .pnl-inner a, .garnet .sectional-footer, .garnet .leaderboard-txt li {border-bottom-color: #da2f65; } .garnet #bmCollectionItem #reveal::after, .garnet .person .pnl-txt p span.more:after, .garnet .dg-bg a:hover, .garnet #header .page-header .vlg-bg a, .garnet .main-content-wrapper a, .garnet .sec-font-color, .garnet .main-content p a, .garnet .search-section button[type=submit]:hover, .garnet .primary-nav-item a, .garnet .pnl-wide .pnl-title, .garnet .pnl-1-third .pnl-title, .garnet .pnl-2-thirds .pnl-title, .garnet .pnl-img-2col .pnl-title, .garnet .pnl-no-padding .pnl-title, .garnet .readmore-handle, .garnet .show-more.small, .garnet .facet-list a, .garnet .info-tbl a, .garnet .img-viewer-info a:link, .garnet .pnl-inner > .quote-list > blockquote:before, .garnet .pnl-inner > .quote-list > blockquote:after, .garnet .mobile-site .tags .view-all-tag a.tag:link, /*.garnet .mobile-site .tags .view-all-tag a.tag:visited, */ .garnet .mobile-site .tags .view-all-tag a.tag,/*:active, .garnet .mobile-site .tags .view-all-tag a.tag:link:hover, .garnet .mobile-site .tags .view-all-tag a.tag:visited:hover, .garnet .mobile-site .tags .view-all-tag a.tag:active:hover*/ .garnet .figures-row {color: #da2f65; } .garnet .tag-btns /*.tag*/ li a {border-color: #da2f65; } .garnet .facet-search .form-item input[type=submit], /*.garnet .primary-nav-item a:focus, .garnet .primary-nav-item .focus, */ .garnet .masthead-inner, .garnet .second-nav .menu .current a:hover, .garnet .second-nav .menu .active, .garnet .second-nav .menu .current a, .garnet .current a, .garnet .main-page-img div, .garnet .highlight-bg, .garnet .vlg-bg .pnl .pnl-lnk:hover, .garnet .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .garnet .lg-bg .pnl .pnl-lnk:hover, .garnet .left-panel-list h2, .garnet .pnl a:hover .icon, .garnet .mlg-bg .pnl .pnl-lnk:hover, .garnet .mdg-bg .pnl .pnl-lnk:hover, .garnet .pnl-expnd-txt .action-button, .garnet .icon .main-bg:hover, .garnet .printpage, .garnet .pnl-row .pnl span.pnl-field .pf-type, .garnet .leaderboard-block .leaderboard-txt .book-tickets-button, .garnet a.book-tickets-button, .garnet .thumbnail-slider a:hover, .garnet .ui-datepicker-calendar td:hover, .garnet .expand-button, .garnet .action-button, .garnet .main-bg .expand-button, .garnet .main-bg .action-button, .garnet .highlight-bg .main-bg .action-button, .garnet .pnl-act-btn .action-button:hover, .garnet .main-bg .pnl-act-btn .action-button:hover, .garnet .flex-control-nav a, .garnet .mobile-site .left-panel-list h2, .garnet .mobile-site .tags a.tag:link, /*.garnet .mobile-site .tags a.tag:active, .garnet .mobile-site .tags a.tag:visited, */ .garnet .mobile-site .page-header, .garnet .mobile-site .page-header-wrapper, .garnet .mobile-site .primary-nav-item ul a, .garnet .tag-btns .tag:hover {background-color: #da2f65; } .garnet .pullout-quote blockquote, .garnet .lb-date, .garnet .pnl-expnd-txt a, /*.garnet .main-content .dg-bg p a, */ .garnet .header-info-data dt {color: #f4c0d0; } .garnet #primary-nav, .garnet .highlight-bg .action-button, .garnet .pnl-act-btn .w-bg .action-button:hover, .garnet .second-nav .menu, .garnet .second-nav .menu a, .garnet .main-bg, .garnet .hl-pnl-nav .icon, .garnet .expand-button:hover, .garnet .action-button:hover, .garnet .highlight-bg > div > div > .expand-button, .garnet .highlight-bg > div > div > .action-button, .garnet .whatson-newsletter-block .expand-button, /*.garnet .whatson-newsletter-block .action-button, */ .garnet .book-tickets-button, .garnet .ui-datepicker .ui-datepicker-prev, .garnet .ui-datepicker .ui-datepicker-next, .garnet .sldshw-launched .next, .garnet .sldshw-launched .prev, .garnet .pnl-act-btn .action-button:hover, .garnet .newsletter-signup-form .action-button:hover, .garnet .mobile-site #page-outer .second-nav, .garnet .mobile-site .second-nav.second-nav-hidden-menu, .garnet .mobile-site .main-nav-toggle {background-color: #831c3d; } .garnet .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #831c3d; } .garnet .sldshw-launched .next, .garnet .sldshw-launched .prev {border: 12px solid #831c3d; } .garnet .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #831c3d; } .garnet a:hover, .garnet a:focus, .garnet a:active, .garnet .main-font-color, .garnet .search-section button[type=submit], .garnet .main-bg .pnl-row .pnl .pnl-lnk:hover, .garnet .w-bg .pnl-title, .garnet .dg-bg .w-bg .pnl-title, .garnet .dg-bg .pnl .pnl-lnk:hover, .garnet .pnl-act-btn .action-button, .garnet .main-bg .pnl-act-btn .action-button, .garnet .tb-date, .garnet .mobile-site .facet-list-outer li.more, /*.garnet .mobile-site .tags-block .tags-list .tag, */ .garnet .strapline .strapline-main-colour {color: #831c3d; } .garnet .pullout-quote blockquote:before, .garnet .pullout-quote blockquote:after {color: #e7a3b8; } .garnet .secondary-bg, .garnet .second-nav .menu a:hover, .garnet .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .garnet .leaderboard-txt .book-tickets-button:hover, .garnet .highlight-bg .expand-button:hover, .garnet .highlight-bg .action-button:hover, .garnet .mobile-site .primary-nav-item h4, .garnet .dg-bg .expand-button:hover, .garnet .dg-bg .action-button:hover, .garnet .main-bg .expand-button:hover, .garnet .main-bg .action-button:hover {background-color: #ae2552; } .garnet .mobile-site .primary-nav-item ul a {border-top: 1px solid #ae2552; } .garent .sectional-footer {border-bottom: 16px solid #da2f65; } .garent .opacity {background-color: rgba(231,163,184,0.5); } .garent #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .garent #main div.vlg-bg ul li a { } /* GREEN #cee055 = v light "Pale shade for buttons and search background" #bbcb50 = light #869f33 = medium "Highlight colour" #667928 = dark "Secondary colour" #3d5c12 = v dark "Main colour" */ .green .desktop-site #page-inner {background-image: url('../images/bl-green-head.png'); } /*.green .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-green.gif'); }*/ .green .desktop-site .primary-nav > li:hover a h3, .green .desktop-site .primary-nav-item.parent a h3, .green #page-footer .vlg-bg a, .green #page-footer .alternate-main-bg .pnl-inner a, .green .alternate-main-bg #page-footer .pnl-inner a, .green .sectional-footer, .green .leaderboard-txt li {border-bottom-color: #869f33; } .green #bmCollectionItem #reveal::after, .green .person .pnl-txt p span.more:after, .green .dg-bg a:hover, .green #header .page-header .vlg-bg a, .green .main-content-wrapper a, .green .sec-font-color, .green .main-content p a, .green .search-section button[type=submit]:hover, .green .primary-nav-item a, .green .pnl-wide .pnl-title, .green .pnl-1-third .pnl-title, .green .pnl-2-thirds .pnl-title, .green .pnl-img-2col .pnl-title, .green .pnl-no-padding .pnl-title, .green .readmore-handle, .green .show-more.small, .green .facet-list a, .green .info-tbl a, .green .img-viewer-info a:link, .green .pnl-inner > .quote-list > blockquote:before, .green .pnl-inner > .quote-list > blockquote:after, .green .mobile-site .tags .view-all-tag a.tag:link, /*.green .mobile-site .tags .view-all-tag a.tag:visited, */ .green .mobile-site .tags .view-all-tag a.tag,/*:active, .green .mobile-site .tags .view-all-tag a.tag:link:hover, .green .mobile-site .tags .view-all-tag a.tag:visited:hover, .green .mobile-site .tags .view-all-tag a.tag:active:hover*/ .green .figures-row {color: #869f33; } .green .tag-btns /*.tag*/ li a {border-color: #869f33; } .green .facet-search .form-item input[type=submit], /*.green .primary-nav-item a:focus, .green .primary-nav-item .focus, */ .green .masthead-inner, .green .second-nav .menu .current a:hover, .green .second-nav .menu .active, .green .second-nav .menu .current a, .green .current a, .green .main-page-img div, .green .highlight-bg, .green .vlg-bg .pnl .pnl-lnk:hover, .green .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .green .lg-bg .pnl .pnl-lnk:hover, .green .left-panel-list h2, .green .pnl a:hover .icon, .green .mlg-bg .pnl .pnl-lnk:hover, .green .mdg-bg .pnl .pnl-lnk:hover, .green .pnl-expnd-txt .action-button, .green .icon .main-bg:hover, .green .printpage, .green .pnl-row .pnl span.pnl-field .pf-type, .green .leaderboard-block .leaderboard-txt .book-tickets-button, .green a.book-tickets-button, .green .thumbnail-slider a:hover, .green .ui-datepicker-calendar td:hover, .green .expand-button, .green .action-button, .green .main-bg .expand-button, .green .main-bg .action-button, .green .highlight-bg .main-bg .action-button, .green .pnl-act-btn .action-button:hover, .green .main-bg .pnl-act-btn .action-button:hover, .green .flex-control-nav a, .green .mobile-site .left-panel-list h2, .green .mobile-site .tags a.tag:link, /*.green .mobile-site .tags a.tag:active, .green .mobile-site .tags a.tag:visited, */ .green .mobile-site .page-header, .green .mobile-site .page-header-wrapper, .green .mobile-site .primary-nav-item ul a, .green .tag-btns .tag:hover {background-color: #869f33; } .green .pullout-quote blockquote, .green .lb-date, .green .pnl-expnd-txt a, /*.green .main-content .dg-bg p a, */ .green .header-info-data dt {color: #cee055; } .green #primary-nav, .green .highlight-bg .action-button, .green .pnl-act-btn .w-bg .action-button:hover, .green .second-nav .menu, .green .second-nav .menu a, .green .main-bg, .green .hl-pnl-nav .icon, .green .expand-button:hover, .green .action-button:hover, .green .highlight-bg > div > div > .expand-button, .green .highlight-bg > div > div > .action-button, .green .whatson-newsletter-block .expand-button, /*.green .whatson-newsletter-block .action-button, */ .green .book-tickets-button, .green .ui-datepicker .ui-datepicker-prev, .green .ui-datepicker .ui-datepicker-next, .green .sldshw-launched .next, .green .sldshw-launched .prev, .green .pnl-act-btn .action-button:hover, .green .newsletter-signup-form .action-button:hover, .green .mobile-site #page-outer .second-nav, .green .mobile-site .second-nav.second-nav-hidden-menu, .green .mobile-site .main-nav-toggle {background-color: #3d5c12; } .green .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #3d5c12; } .green .sldshw-launched .next, .green .sldshw-launched .prev {border: 12px solid #3d5c12; } .green .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #3d5c12; } .green a:hover, .green a:focus, .green a:active, .green .main-font-color, .green .search-section button[type=submit], .green .main-bg .pnl-row .pnl .pnl-lnk:hover, .green .w-bg .pnl-title, .green .dg-bg .w-bg .pnl-title, .green .dg-bg .pnl .pnl-lnk:hover, .green .pnl-act-btn .action-button, .green .main-bg .pnl-act-btn .action-button, .green .tb-date, .green .mobile-site .facet-list-outer li.more, /*.green .mobile-site .tags-block .tags-list .tag, */ .green .strapline .strapline-main-colour {color: #3d5c12; } .green .pullout-quote blockquote:before, .green .pullout-quote blockquote:after {color: #bbcb50; } .green .secondary-bg, .green .second-nav .menu a:hover, .green .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .green .leaderboard-txt .book-tickets-button:hover, .green .highlight-bg .expand-button:hover, .green .highlight-bg .action-button:hover, .green .mobile-site .primary-nav-item h4, .green .dg-bg .expand-button:hover, .green .dg-bg .action-button:hover, .green .main-bg .expand-button:hover, .green .main-bg .action-button:hover {background-color: #667928; } .green .mobile-site .primary-nav-item ul a {border-top: 1px solid #667928; } .green .sectional-footer {border-bottom: 16px solid #869f33; } /*MH MBS & SW Portal Management Thinkers Fix*/ .people-portal .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner span, .people-portal .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner a { color: #fff;} .green .opacity {background-color: rgba(187,203,80,0.5); } .green #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a:not(.action-button):not(.trigger-manual-input):not(.trigger-alt-manual-input) { font-weight: bold;} .green #main div.vlg-bg ul li a {font-weight: normal !important; } .green .main-home-pg .owl-carousel .owl-nav div {background-color:#3d5c12} /* AZURE #b2d6dc = v light "Pale shade for buttons and search background" #8cb1b7 = light #00788b = medium "Highlight colour" #00606f = dark "Secondary colour" #004853 = v dark "Main colour" */ .azure .desktop-site #page-inner {background-image: url('../images/bl-azure-head.png'); } /*.azure .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-azure.gif'); }*/ .azure .desktop-site .primary-nav > li:hover a h3, .azure .desktop-site .primary-nav-item.parent a h3, .azure #page-footer .vlg-bg a, .azure #page-footer .alternate-main-bg .pnl-inner a, .azure .alternate-main-bg #page-footer .pnl-inner a, .azure .sectional-footer, .azure .leaderboard-txt li {border-bottom-color: #00788b; } .azure #bmCollectionItem #reveal::after, .azure .person .pnl-txt p span.more:after, .azure .dg-bg a:hover, .azure #header .page-header .vlg-bg a, .azure .main-content-wrapper a, .azure .sec-font-color, .azure .main-content p a, .azure .search-section button[type=submit]:hover, .azure .primary-nav-item a, .azure .pnl-wide .pnl-title, .azure .pnl-1-third .pnl-title, .azure .pnl-2-thirds .pnl-title, .azure .pnl-img-2col .pnl-title, .azure .pnl-no-padding .pnl-title, .azure .readmore-handle, .azure .show-more.small, .azure .facet-list a, .azure .info-tbl a, .azure .img-viewer-info a:link, .azure .pnl-inner > .quote-list > blockquote:before, .azure .pnl-inner > .quote-list > blockquote:after, .azure .mobile-site .tags .view-all-tag a.tag:link, /*.azure .mobile-site .tags .view-all-tag a.tag:visited, */ .azure .mobile-site .tags .view-all-tag a.tag,/*:active, .azure .mobile-site .tags .view-all-tag a.tag:link:hover, .azure .mobile-site .tags .view-all-tag a.tag:visited:hover, .azure .mobile-site .tags .view-all-tag a.tag:active:hover*/ .azure .figures-row {color: #00788b; } .azure .tag-btns /*.tag*/ li a {border-color: #00788b; } .azure .facet-search .form-item input[type=submit], /*.azure .primary-nav-item a:focus, .azure .primary-nav-item .focus, */ .azure .masthead-inner, .azure .second-nav .menu .current a:hover, .azure .second-nav .menu .active, .azure .second-nav .menu .current a, .azure .current a, .azure .main-page-img div, .azure .highlight-bg, .azure .vlg-bg .pnl .pnl-lnk:hover, .azure .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .azure .lg-bg .pnl .pnl-lnk:hover, .azure .left-panel-list h2, .azure .pnl a:hover .icon, .azure .mlg-bg .pnl .pnl-lnk:hover, .azure .mdg-bg .pnl .pnl-lnk:hover, .azure .pnl-expnd-txt .action-button, .azure .icon .main-bg:hover, .azure .printpage, .azure .pnl-row .pnl span.pnl-field .pf-type, .azure .leaderboard-block .leaderboard-txt .book-tickets-button, .azure a.book-tickets-button, .azure .thumbnail-slider a:hover, .azure .ui-datepicker-calendar td:hover, .azure .expand-button, .azure .action-button, .azure .main-bg .expand-button, .azure .main-bg .action-button, .azure .highlight-bg .main-bg .action-button, .azure .pnl-act-btn .action-button:hover, .azure .main-bg .pnl-act-btn .action-button:hover, .azure .flex-control-nav a, .azure .mobile-site .left-panel-list h2, .azure .mobile-site .tags a.tag:link, /*.azure .mobile-site .tags a.tag:active, .azure .mobile-site .tags a.tag:visited, */ .azure .mobile-site .page-header, .azure .mobile-site .page-header-wrapper, .azure .mobile-site .primary-nav-item ul a, .azure .tag-btns .tag:hover {background-color: #00788b; } .azure .pullout-quote blockquote, .azure .lb-date, .azure .pnl-expnd-txt a, /*.azure .main-content .dg-bg p a, */ .azure .header-info-data dt {color: #b2d6dc; } .azure #primary-nav, .azure .highlight-bg .action-button, .azure .pnl-act-btn .w-bg .action-button:hover, .azure .second-nav .menu, .azure .second-nav .menu a, .azure .main-bg, .azure .hl-pnl-nav .icon, .azure .expand-button:hover, .azure .action-button:hover, .azure .highlight-bg > div > div > .expand-button, .azure .highlight-bg > div > div > .action-button, .azure .whatson-newsletter-block .expand-button, /*.azure .whatson-newsletter-block .action-button, */ .azure .book-tickets-button, .azure .ui-datepicker .ui-datepicker-prev, .azure .ui-datepicker .ui-datepicker-next, .azure .sldshw-launched .next, .azure .sldshw-launched .prev, .azure .pnl-act-btn .action-button:hover, .azure .newsletter-signup-form .action-button:hover, .azure .mobile-site #page-outer .second-nav, .azure .mobile-site .second-nav.second-nav-hidden-menu, .azure .mobile-site .main-nav-toggle {background-color: #004853; } .azure .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #004853; } .azure .sldshw-launched .next, .azure .sldshw-launched .prev {border: 12px solid #004853; } .azure .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #004853; } .azure a:hover, .azure a:focus, .azure a:active, .azure .main-font-color, .azure .search-section button[type=submit], .azure .main-bg .pnl-row .pnl .pnl-lnk:hover, .azure .w-bg .pnl-title, .azure .dg-bg .w-bg .pnl-title, .azure .dg-bg .pnl .pnl-lnk:hover, .azure .pnl-act-btn .action-button, .azure .main-bg .pnl-act-btn .action-button, .azure .tb-date, .azure .mobile-site .facet-list-outer li.more, /*.azure .mobile-site .tags-block .tags-list .tag, */ .azure .strapline .strapline-main-colour {color: #004853; } .azure .pullout-quote blockquote:before, .azure .pullout-quote blockquote:after {color: #8cb1b7; } .azure .secondary-bg, .azure .second-nav .menu a:hover, .azure .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .azure .leaderboard-txt .book-tickets-button:hover, .azure .highlight-bg .expand-button:hover, .azure .highlight-bg .action-button:hover, .azure .mobile-site .primary-nav-item h4, .azure .dg-bg .expand-button:hover, .azure .dg-bg .action-button:hover, .azure .main-bg .expand-button:hover, .azure .main-bg .action-button:hover {background-color: #00606f; } .azure .mobile-site .primary-nav-item ul a {border-top: 1px solid #00606f; } .azure .sectional-footer {border-bottom: 16px solid #00788b; } .azure .opacity {background-color: rgba(140,177,183,0.5); } .azure #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .azure #main div.vlg-bg ul li a { } /* BLUE #bbd3ea = v light "Pale shade for buttons and search background" #a1b9d1 = light #1e6eb8 = medium "Highlight colour" #1f4967 = dark "Secondary colour" #0f375c = v dark "Main colour" */ .blue .desktop-site #page-inner {background-image: url('../images/bl-blue-head.png'); } /*.blue .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-blue.gif'); }*/ .blue .desktop-site .primary-nav > li:hover a h3, .blue .desktop-site .primary-nav-item.parent a h3, .blue #page-footer .vlg-bg a, .blue #page-footer .alternate-main-bg .pnl-inner a, .blue .alternate-main-bg #page-footer .pnl-inner a, .blue .sectional-footer, .blue .leaderboard-txt li {border-bottom-color: #1e6eb8; } .blue #bmCollectionItem #reveal::after, .blue .person .pnl-txt p span.more:after, .blue .dg-bg a:hover, .blue #header .page-header .vlg-bg a, .blue .main-content-wrapper a, .blue .sec-font-color, .blue .main-content p a, .blue .search-section button[type=submit]:hover, .blue .primary-nav-item a, .blue .pnl-wide .pnl-title, .blue .pnl-1-third .pnl-title, .blue .pnl-2-thirds .pnl-title, .blue .pnl-img-2col .pnl-title, .blue .pnl-no-padding .pnl-title, .blue .readmore-handle, .blue .show-more.small, .blue .facet-list a, .blue .info-tbl a, .blue .img-viewer-info a:link, .blue .pnl-inner > .quote-list > blockquote:before, .blue .pnl-inner > .quote-list > blockquote:after, .blue .mobile-site .tags .view-all-tag a.tag:link, /*.blue .mobile-site .tags .view-all-tag a.tag:visited, */ .blue .mobile-site .tags .view-all-tag a.tag,/*:active, .blue .mobile-site .tags .view-all-tag a.tag:link:hover, .blue .mobile-site .tags .view-all-tag a.tag:visited:hover, .blue .mobile-site .tags .view-all-tag a.tag:active:hover*/ .blue .figures-row {color: #1e6eb8; } .blue .tag-btns /*.tag*/ li a {border-color: #1e6eb8; } .blue .facet-search .form-item input[type=submit], /*.blue .primary-nav-item a:focus, .blue .primary-nav-item .focus, */ .blue .masthead-inner, .blue .second-nav .menu .current a:hover, .blue .second-nav .menu .active, .blue .second-nav .menu .current a, .blue .current a, .blue .main-page-img div, .blue .highlight-bg, .blue .vlg-bg .pnl .pnl-lnk:hover, .blue .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .blue .lg-bg .pnl .pnl-lnk:hover, .blue .left-panel-list h2, .blue .pnl a:hover .icon, .blue .mlg-bg .pnl .pnl-lnk:hover, .blue .mdg-bg .pnl .pnl-lnk:hover, .blue .pnl-expnd-txt .action-button, .blue .icon .main-bg:hover, .blue .printpage, .blue .pnl-row .pnl span.pnl-field .pf-type, .blue .leaderboard-block .leaderboard-txt .book-tickets-button, .blue a.book-tickets-button, .blue .thumbnail-slider a:hover, .blue .ui-datepicker-calendar td:hover, .blue .expand-button, .blue .action-button, .blue .main-bg .expand-button, .blue .main-bg .action-button, .blue .highlight-bg .main-bg .action-button, .blue .pnl-act-btn .action-button:hover, .blue .main-bg .pnl-act-btn .action-button:hover, .blue .flex-control-nav a, .blue .mobile-site .left-panel-list h2, .blue .mobile-site .tags a.tag, /*.blue .mobile-site .tags a.tag:active, .blue .mobile-site .tags a.tag:visited, */ .blue .mobile-site .page-header, .blue .mobile-site .page-header-wrapper, .blue .mobile-site .primary-nav-item ul a, .blue .tag-btns .tag:hover {background-color: #1e6eb8; } .blue .pullout-quote blockquote, .blue .lb-date, .blue .pnl-expnd-txt a, /*.blue .main-content .dg-bg p a, */ .blue .header-info-data dt {color: #bbd3ea; } .blue #primary-nav, .blue .highlight-bg .action-button, .blue .pnl-act-btn .w-bg .action-button:hover, .blue .second-nav .menu, .blue .second-nav .menu a, .blue .main-bg, .blue .hl-pnl-nav .icon, .blue .expand-button:hover, .blue .action-button:hover, .blue .highlight-bg > div > div > .expand-button, .blue .highlight-bg > div > div > .action-button, .blue .whatson-newsletter-block .expand-button, /*.blue .whatson-newsletter-block .action-button, */ .blue .book-tickets-button, .blue .ui-datepicker .ui-datepicker-prev, .blue .ui-datepicker .ui-datepicker-next, .blue .sldshw-launched .next, .blue .sldshw-launched .prev, .blue .pnl-act-btn .action-button:hover, .blue .newsletter-signup-form .action-button:hover, .blue .mobile-site #page-outer .second-nav, .blue .mobile-site .second-nav.second-nav-hidden-menu, .blue .mobile-site .main-nav-toggle {background-color: #0f375c; } .blue .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #0f375c; } .blue .sldshw-launched .next, .blue .sldshw-launched .prev {border: 12px solid #0f375c; } .blue .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #0f375c; } .blue a:hover, .blue a:focus, .blue a:active, .blue .main-font-color, .blue .search-section button[type=submit], .blue .main-bg .pnl-row .pnl .pnl-lnk:hover, .blue .w-bg .pnl-title, .blue .dg-bg .w-bg .pnl-title, .blue .dg-bg .pnl .pnl-lnk:hover, .blue .pnl-act-btn .action-button, .blue .main-bg .pnl-act-btn .action-button, .blue .tb-date, .blue .mobile-site .facet-list-outer li.more, /*.blue .mobile-site .tags-block .tags-list .tag, */ .blue .strapline .strapline-main-colour {color: #0f375c; } .blue .pullout-quote blockquote:before, .blue .pullout-quote blockquote:after {color: #a1b9d1; } .blue .secondary-bg, .blue .second-nav .menu a:hover, .blue .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .blue .leaderboard-txt .book-tickets-button:hover, .blue .highlight-bg .expand-button:hover, .blue .highlight-bg .action-button:hover, .blue .mobile-site .primary-nav-item h4, .blue .dg-bg .expand-button:hover, .blue .dg-bg .action-button:hover, .blue .main-bg .expand-button:hover, .blue .main-bg .action-button:hover {background-color: #1f4967; } .blue .mobile-site .primary-nav-item ul a {border-top: 1px solid #1f4967; } .blue .sectional-footer {border-bottom: 16px solid #1e6eb8; } .blue .opacity {background-color: rgba(30,110,184,0.5); } .blue #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .blue #main div.vlg-bg ul li a { } /*potential fix for tfs 8275: .blue .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner .pnl-title a {color:#fff}*/ /* DAMSON #dacdf8 = v light "Pale shade for buttons and search background" #c1b4e0 = light #865be7 = medium "Highlight colour" #5e3fa2 = dark "Secondary colour" #36245c = v dark "Main colour" */ .damson .desktop-site #page-inner {background-image: url('../images/bl-damson-head.png'); } /*.damson .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-damson.gif'); }*/ .damson .desktop-site .primary-nav > li:hover a h3, .damson .desktop-site .primary-nav-item.parent a h3, .damson #page-footer .vlg-bg a, .damson #page-footer .alternate-main-bg .pnl-inner a, .damson .alternate-main-bg #page-footer .pnl-inner a, .damson .sectional-footer, .damson .leaderboard-txt li {border-bottom-color: #865be7; } .damson #bmCollectionItem #reveal::after, .damson .person .pnl-txt p span.more:after, .damson .dg-bg a:hover, .damson #header .page-header .vlg-bg a, .damson .main-content-wrapper a, .damson .sec-font-color, .damson .main-content p a, .damson .search-section button[type=submit]:hover, .damson .primary-nav-item a, .damson .pnl-wide .pnl-title, .damson .pnl-1-third .pnl-title, .damson .pnl-2-thirds .pnl-title, .damson .pnl-img-2col .pnl-title, .damson .pnl-no-padding .pnl-title, .damson .readmore-handle, .damson .show-more.small, .damson .facet-list a, .damson .info-tbl a, .damson .img-viewer-info a:link, .damson .pnl-inner > .quote-list > blockquote:before, .damson .pnl-inner > .quote-list > blockquote:after, .damson .mobile-site .tags .view-all-tag a.tag:link, /*.damson .mobile-site .tags .view-all-tag a.tag:visited, */ .damson .mobile-site .tags .view-all-tag a.tag,/*:active, .damson .mobile-site .tags .view-all-tag a.tag:link:hover, .damson .mobile-site .tags .view-all-tag a.tag:visited:hover, .damson .mobile-site .tags .view-all-tag a.tag:active:hover*/ .damson .figures-row {color: #865be7; } .damson .tag-btns /*.tag*/ li a {border-color: #865be7; } .damson .facet-search .form-item input[type=submit], /*.damson .primary-nav-item a:focus, .damson .primary-nav-item .focus, */ .damson .masthead-inner, .damson .second-nav .menu .current a:hover, .damson .second-nav .menu .active, .damson .second-nav .menu .current a, .damson .current a, .damson .main-page-img div, .damson .highlight-bg, .damson .vlg-bg .pnl .pnl-lnk:hover, .damson .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .damson .lg-bg .pnl .pnl-lnk:hover, .damson .left-panel-list h2, .damson .pnl a:hover .icon, .damson .mlg-bg .pnl .pnl-lnk:hover, .damson .mdg-bg .pnl .pnl-lnk:hover, .damson .pnl-expnd-txt .action-button, .damson .icon .main-bg:hover, .damson .printpage, .damson .pnl-row .pnl span.pnl-field .pf-type, .damson .leaderboard-block .leaderboard-txt .book-tickets-button, .damson a.book-tickets-button, .damson .thumbnail-slider a:hover, .damson .ui-datepicker-calendar td:hover, .damson .expand-button, .damson .action-button, .damson .main-bg .expand-button, .damson .main-bg .action-button, .damson .highlight-bg .main-bg .action-button, .damson .pnl-act-btn .action-button:hover, .damson .main-bg .pnl-act-btn .action-button:hover, .damson .flex-control-nav a, .damson .mobile-site .left-panel-list h2, .damson .mobile-site .tags a.tag:link, /*.damson .mobile-site .tags a.tag:active, .damson .mobile-site .tags a.tag:visited, */ .damson .mobile-site .page-header, .damson .mobile-site .page-header-wrapper, .damson .mobile-site .primary-nav-item ul a, .damson .tag-btns .tag:hover {background-color: #865be7; } .damson .pullout-quote blockquote, .damson .lb-date, .damson .pnl-expnd-txt a, /*.damson .main-content .dg-bg p a, */ .damson .header-info-data dt {color: #dacdf8; } .damson #primary-nav, .damson .highlight-bg .action-button, .damson .pnl-act-btn .w-bg .action-button:hover, .damson .second-nav .menu, .damson .second-nav .menu a, .damson .main-bg, .damson .hl-pnl-nav .icon, .damson .expand-button:hover, .damson .action-button:hover, .damson .highlight-bg > div > div > .expand-button, .damson .highlight-bg > div > div > .action-button, .damson .whatson-newsletter-block .expand-button, /*.damson .whatson-newsletter-block .action-button, */ .damson .book-tickets-button, .damson .ui-datepicker .ui-datepicker-prev, .damson .ui-datepicker .ui-datepicker-next, .damson .sldshw-launched .next, .damson .sldshw-launched .prev, .damson .pnl-act-btn .action-button:hover, .damson .newsletter-signup-form .action-button:hover, .damson .mobile-site #page-outer .second-nav, .damson .mobile-site .second-nav.second-nav-hidden-menu, .damson .mobile-site .main-nav-toggle {background-color: #36245c; } .damson .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #36245c; } .damson .sldshw-launched .next, .damson .sldshw-launched .prev {border: 12px solid #36245c; } .damson .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #36245c; } .damson a:hover, .damson a:focus, .damson a:active, .damson .main-font-color, .damson .search-section button[type=submit], .damson .main-bg .pnl-row .pnl .pnl-lnk:hover, .damson .w-bg .pnl-title, .damson .dg-bg .w-bg .pnl-title, .damson .dg-bg .pnl .pnl-lnk:hover, .damson .pnl-act-btn .action-button, .damson .main-bg .pnl-act-btn .action-button, .damson .tb-date, .damson .mobile-site .facet-list-outer li.more, /*.damson .mobile-site .tags-block .tags-list .tag, */ .damson .strapline .strapline-main-colour {color: #36245c; } .damson .pullout-quote blockquote:before, .damson .pullout-quote blockquote:after {color: #c1b4e0; } .damson .secondary-bg, .damson .second-nav .menu a:hover, .damson .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .damson .leaderboard-txt .book-tickets-button:hover, .damson .highlight-bg .expand-button:hover, .damson .highlight-bg .action-button:hover, .damson .mobile-site .primary-nav-item h4, .damson .dg-bg .expand-button:hover, .damson .dg-bg .action-button:hover, .damson .main-bg .expand-button:hover, .damson .main-bg .action-button:hover {background-color: #5e3fa2; } .damson .mobile-site .primary-nav-item ul a {border-top: 1px solid #5e3fa2; } .damson .sectional-footer {border-bottom: 16px solid #865be7; } .damson .opacity {background-color: rgba(193,180,224,0.5); } .damson #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .damson #main div.vlg-bg ul li a { } /* PAPRIKA #f2c6b3 = v light "Pale shade for buttons and search background" #dda992 = light #d44202 = medium "Highlight colour" #952e01 = dark "Secondary colour". (#2c0d13 = "Alternative 'secondary' colour - see visual designs". NO!?! Must keep same 5x colour relative relationship throughout site. Darren). #551a01 = v dark "Main colour" */ .paprika .desktop-site #page-inner {background-image: url('../images/bl-paprika-head.png'); } /*.paprika .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-paprika.gif'); }*/ .paprika .desktop-site .primary-nav > li:hover a h3, .paprika .desktop-site .primary-nav-item.parent a h3, .paprika #page-footer .vlg-bg a, .paprika #page-footer .alternate-main-bg .pnl-inner a, .paprika .alternate-main-bg #page-footer .pnl-inner a, .paprika .sectional-footer, .paprika .leaderboard-txt li {border-bottom-color: #d44202; } .paprika #bmCollectionItem #reveal::after, .paprika .person .pnl-txt p span.more:after, .paprika .dg-bg a:hover, .paprika #header .page-header .vlg-bg a, .paprika .main-content-wrapper a, .paprika .sec-font-color, .paprika .main-content p a, .paprika .search-section button[type=submit]:hover, .paprika .primary-nav-item a, .paprika .pnl-wide .pnl-title, .paprika .pnl-1-third .pnl-title, .paprika .pnl-2-thirds .pnl-title, .paprika .pnl-img-2col .pnl-title, .paprika .pnl-no-padding .pnl-title, .paprika .readmore-handle, .paprika .show-more.small, .paprika .facet-list a, .paprika .info-tbl a, .paprika .img-viewer-info a:link, .paprika .pnl-inner > .quote-list > blockquote:before, .paprika .pnl-inner > .quote-list > blockquote:after, .paprika .mobile-site .tags .view-all-tag a.tag:link, /*.paprika .mobile-site .tags .view-all-tag a.tag:visited, */ .paprika .mobile-site .tags .view-all-tag a.tag,/*:active, .paprika .mobile-site .tags .view-all-tag a.tag:link:hover, .paprika .mobile-site .tags .view-all-tag a.tag:visited:hover, .paprika .mobile-site .tags .view-all-tag a.tag:active:hover*/ .paprika .figures-row {color: #d44202; } .paprika .tag-btns /*.tag*/ li a {border-color: #d44202; } .paprika .facet-search .form-item input[type=submit], /*.paprika .primary-nav-item a:focus, .paprika .primary-nav-item .focus, */ .paprika .masthead-inner, .paprika .second-nav .menu .current a:hover, .paprika .second-nav .menu .active, .paprika .second-nav .menu .current a, .paprika .current a, .paprika .main-page-img div, .paprika .highlight-bg, .paprika .vlg-bg .pnl .pnl-lnk:hover, .paprika .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .paprika .lg-bg .pnl .pnl-lnk:hover, .paprika .left-panel-list h2, .paprika .pnl a:hover .icon, .paprika .mlg-bg .pnl .pnl-lnk:hover, .paprika .mdg-bg .pnl .pnl-lnk:hover, .paprika .pnl-expnd-txt .action-button, .paprika .icon .main-bg:hover, .paprika .printpage, .paprika .pnl-row .pnl span.pnl-field .pf-type, .paprika .leaderboard-block .leaderboard-txt .book-tickets-button, .paprika a.book-tickets-button, .paprika .thumbnail-slider a:hover, .paprika .ui-datepicker-calendar td:hover, .paprika .expand-button, .paprika .action-button, .paprika .main-bg .expand-button, .paprika .main-bg .action-button, .paprika .highlight-bg .main-bg .action-button, .paprika .pnl-act-btn .action-button:hover, .paprika .main-bg .pnl-act-btn .action-button:hover, .paprika .flex-control-nav a, .paprika .mobile-site .left-panel-list h2, .paprika .mobile-site .tags a.tag:link, /*.paprika .mobile-site .tags a.tag:active, .paprika .mobile-site .tags a.tag:visited, */ .paprika .mobile-site .page-header, .paprika .mobile-site .page-header-wrapper, .paprika .mobile-site .primary-nav-item ul a, .paprika .tag-btns .tag:hover {background-color: #d44202; } .paprika .pullout-quote blockquote, .paprika .lb-date, .paprika .pnl-expnd-txt a, /*.paprika .main-content .dg-bg p a, */ .paprika .header-info-data dt {color: #f2c6b3; } .paprika #primary-nav, .paprika .highlight-bg .action-button, .paprika .pnl-act-btn .w-bg .action-button:hover, .paprika .second-nav .menu, .paprika .second-nav .menu a, .paprika .main-bg, .paprika .hl-pnl-nav .icon, .paprika .expand-button:hover, .paprika .action-button:hover, .paprika .highlight-bg > div > div > .expand-button, .paprika .highlight-bg > div > div > .action-button, .paprika .whatson-newsletter-block .expand-button, /*.paprika .whatson-newsletter-block .action-button, */ .paprika .book-tickets-button, .paprika .ui-datepicker .ui-datepicker-prev, .paprika .ui-datepicker .ui-datepicker-next, .paprika .sldshw-launched .next, .paprika .sldshw-launched .prev, .paprika .pnl-act-btn .action-button:hover, .paprika .newsletter-signup-form .action-button:hover, .paprika .mobile-site #page-outer .second-nav, .paprika .mobile-site .second-nav.second-nav-hidden-menu, .paprika .mobile-site .main-nav-toggle {background-color: #551a01; } .paprika .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #551a01; } .paprika .sldshw-launched .next, .paprika .sldshw-launched .prev {border: 12px solid #551a01; } .paprika .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #551a01; } .paprika a:hover, .paprika a:focus, .paprika a:active, .paprika .main-font-color, .paprika .search-section button[type=submit], .paprika .main-bg .pnl-row .pnl .pnl-lnk:hover, .paprika .w-bg .pnl-title, .paprika .dg-bg .w-bg .pnl-title, .paprika .dg-bg .pnl .pnl-lnk:hover, .paprika .pnl-act-btn .action-button, .paprika .main-bg .pnl-act-btn .action-button, .paprika .tb-date, .paprika .mobile-site .facet-list-outer li.more, /*.paprika .mobile-site .tags-block .tags-list .tag, */ .paprika .strapline .strapline-main-colour {color: #551a01; } .paprika .pullout-quote blockquote:before, .paprika .pullout-quote blockquote:after {color: #97bfbb; } .paprika .secondary-bg, .paprika .second-nav .menu a:hover, .paprika .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .paprika .leaderboard-txt .book-tickets-button:hover, .paprika .highlight-bg .expand-button:hover, .paprika .highlight-bg .action-button:hover, .paprika .mobile-site .primary-nav-item h4, .paprika .dg-bg .expand-button:hover, .paprika .dg-bg .action-button:hover, .paprika .main-bg .expand-button:hover, .paprika .main-bg .action-button:hover {background-color: #952e01; } .paprika .mobile-site .primary-nav-item ul a {border-top: 1px solid #952e01; } .paprika .sectional-footer {border-bottom: 16px solid #d44202; } .paprika .opacity {background-color: rgba(221,169,146,0.5); } .paprika #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .paprika #main div.vlg-bg ul li a { } /* MOROCCAN VELVET #e5d8ea = v light "Pale shade for buttons and search background" #cbb8d3 = light #7e3e98 = medium "Highlight colour" #3f1f4c = dark "Secondary colour" #2d1a36 = v dark "Main colour" */ .moroccan-velvet .desktop-site #page-inner {background-image: url('../images/bl-moroccan-velvet-head.png'); } /*.moroccan-velvet .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-moroccan-velvet.gif'); }*/ .moroccan-velvet .desktop-site .primary-nav > li:hover a h3, .moroccan-velvet .desktop-site .primary-nav-item.parent a h3, .moroccan-velvet #page-footer .vlg-bg a, .moroccan-velvet #page-footer .alternate-main-bg .pnl-inner a, .moroccan-velvet .alternate-main-bg #page-footer .pnl-inner a, .moroccan-velvet .sectional-footer, .moroccan-velvet .leaderboard-txt li {border-bottom-color: #7e3e98; } .moroccan #bmCollectionItem #reveal::after, .moroccan-velvet .person .pnl-txt p span.more:after, .moroccan-velvet .dg-bg a:hover, .moroccan-velvet #header .page-header .vlg-bg a, .moroccan-velvet .main-content-wrapper a, .moroccan-velvet .sec-font-color, .moroccan-velvet .main-content p a, .moroccan-velvet .search-section button[type=submit]:hover, .moroccan-velvet .primary-nav-item a, .moroccan-velvet .pnl-wide .pnl-title, .moroccan-velvet .highlight-bg .w-bg .pnl-title a, .moroccan-velvet .pnl-1-third .pnl-title, .moroccan-velvet .pnl-2-thirds .pnl-title, .moroccan-velvet .pnl-img-2col .pnl-title, .moroccan-velvet .pnl-no-padding .pnl-title, .moroccan-velvet .readmore-handle, .moroccan-velvet .show-more.small, .moroccan-velvet .facet-list a, .moroccan-velvet .info-tbl a, .moroccan-velvet .img-viewer-info a:link, .moroccan .pnl-inner > .quote-list > blockquote:before, .moroccan .pnl-inner > .quote-list > blockquote:after, .moroccan-velvet .mobile-site .tags .view-all-tag a.tag:link, /*.moroccan-velvet .mobile-site .tags .view-all-tag a.tag:visited, */ .moroccan-velvet .mobile-site .tags .view-all-tag a.tag,/*:active, .moroccan-velvet .mobile-site .tags .view-all-tag a.tag:link:hover, .moroccan-velvet .mobile-site .tags .view-all-tag a.tag:visited:hover, .moroccan-velvet .mobile-site .tags .view-all-tag a.tag:active:hover*/ .moroccan-velvet .figures-row {color: #7e3e98; } .moroccan-velvet .tag-btns /*.tag*/ li a {border-color: #7e3e98; } .moroccan-velvet .facet-search .form-item input[type=submit], /*.moroccan-velvet .primary-nav-item a:focus, .moroccan-velvet .primary-nav-item .focus, */ .moroccan-velvet .masthead-inner, .moroccan-velvet .second-nav .menu .current a:hover, .moroccan-velvet .second-nav .menu .active, .moroccan-velvet .second-nav .menu .current a, .moroccan-velvet .current a, .moroccan-velvet .main-page-img div, .moroccan-velvet .highlight-bg, .moroccan-velvet .vlg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .moroccan-velvet .lg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .left-panel-list h2, .moroccan-velvet .pnl a:hover .icon, .moroccan-velvet .mlg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .mdg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .pnl-expnd-txt .action-button, .moroccan-velvet .icon .main-bg:hover, .moroccan-velvet .printpage, .moroccan-velvet .pnl-row .pnl span.pnl-field .pf-type, .moroccan-velvet .leaderboard-block .leaderboard-txt .book-tickets-button, .moroccan-velvet a.book-tickets-button, .moroccan-velvet .thumbnail-slider a:hover, .moroccan-velvet .ui-datepicker-calendar td:hover, .moroccan-velvet .expand-button, .moroccan-velvet .action-button, .moroccan-velvet .main-bg .expand-button, .moroccan-velvet .main-bg .action-button, .moroccan-velvet .highlight-bg .main-bg .action-button, .moroccan-velvet .pnl-act-btn .action-button:hover, .moroccan-velvet .main-bg .pnl-act-btn .action-button:hover, .moroccan-velvet .newsletter-signup-form .action-button:hover, .moroccan-velvet .flex-control-nav a, .moroccan-velvet .mobile-site .left-panel-list h2, .moroccan-velvet .mobile-site .tags a.tag:link, /*.moroccan-velvet .mobile-site .tags a.tag:active, .moroccan-velvet .mobile-site .tags a.tag:visited, */ .moroccan-velvet .mobile-site .page-header, .moroccan-velvet .mobile-site .page-header-wrapper, .moroccan-velvet .mobile-site .primary-nav-item ul a, .moroccan-velvet .tag-btns .tag:hover {background-color: #7e3e98; } .moroccan-velvet .pullout-quote blockquote, .moroccan-velvet .lb-date, .moroccan-velvet .pnl-expnd-txt a, /*.moroccan-velvet .main-content .dg-bg p a, */ .moroccan-velvet .header-info-data dt {color: #e5d8ea; } .moroccan-velvet #primary-nav, .moroccan-velvet .highlight-bg .action-button, .moroccan-velvet .pnl-act-btn .w-bg .action-button:hover, .moroccan-velvet .second-nav .menu, .moroccan-velvet .second-nav .menu a, .moroccan-velvet .main-bg, .moroccan-velvet .hl-pnl-nav .icon, .moroccan-velvet .expand-button:hover, .moroccan-velvet .action-button:hover, .moroccan-velvet .highlight-bg > div > div > .expand-button, .moroccan-velvet .highlight-bg > div > div > .action-button, .moroccan-velvet .whatson-newsletter-block .expand-button, /*.moroccan-velvet .whatson-newsletter-block .action-button, */ .moroccan-velvet .book-tickets-button:hover, .moroccan-velvet .ui-datepicker .ui-datepicker-prev, .moroccan-velvet .ui-datepicker .ui-datepicker-next, .moroccan-velvet .sldshw-launched .next, .moroccan-velvet .sldshw-launched .prev, .moroccan-velvet .pnl-act-btn .action-button:hover, .moroccan-velvet .mobile-site #page-outer .second-nav, .moroccan-velvet .mobile-site .second-nav.second-nav-hidden-menu, .moroccan-velvet .mobile-site .main-nav-toggle {background-color: #2d1a36; } .moroccan-velvet .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #2d1a36; } .moroccan-velvet .sldshw-launched .next, .moroccan-velvet .sldshw-launched .prev {border: 12px solid #2d1a36; } .moroccan-velvet .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #2d1a36; } .moroccan-velvet a:hover, .moroccan-velvet a:focus, .moroccan-velvet a:active, .moroccan-velvet .main-font-color, .moroccan-velvet .search-section button[type=submit], .moroccan-velvet .main-bg .pnl-row .pnl .pnl-lnk:hover, .moroccan-velvet .w-bg .pnl-title, .moroccan-velvet .dg-bg .w-bg .pnl-title, .moroccan-velvet .dg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .pnl-act-btn .action-button, .moroccan-velvet .main-bg .pnl-act-btn .action-button, .moroccan-velvet .tb-date, .moroccan-velvet .mobile-site .facet-list-outer li.more, /*.moroccan-velvet .mobile-site .tags-block .tags-list .tag, */ .moroccan-velvet .strapline .strapline-main-colour {color: #2d1a36; } .moroccan-velvet .pullout-quote blockquote:before, .moroccan-velvet .pullout-quote blockquote:after {color: #cbb8d3; } .moroccan-velvet .secondary-bg, .moroccan-velvet .second-nav .menu a:hover, .moroccan-velvet .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .moroccan-velvet .leaderboard-txt .book-tickets-button:hover, .moroccan-velvet .highlight-bg .expand-button:hover, .moroccan-velvet .highlight-bg .action-button:hover, .moroccan-velvet .mobile-site .primary-nav-item h4, .moroccan-velvet .dg-bg .expand-button:hover, .moroccan-velvet .dg-bg .action-button:hover, .moroccan-velvet .main-bg .expand-button:hover, .moroccan-velvet .main-bg .action-button:hover {background: #3f1f4c; background-color: #3f1f4c; } .moroccan-velvet .mobile-site .primary-nav-item ul a {border-top: 1px solid #3f1f4c; } .moroccan-velvet .sectional-footer {border-bottom: 16px solid #7e3e98; } .moroccan-velvet .opacity {background-color: rgba(203,184,211,0.5); } .moroccan-velvet #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .moroccan #main div.vlg-bg ul li a { } /*yellow: #ffde2f*/ .ylw-bg {background-color:#ffde2f !important} .yellow .highlight-bg * {color:#333 !important} .yellow #primary-nav, .yellow .desktop-site .main-bg, .yellow nav, .yellow .action-button, .yellow .main-content-block.vlg-bg.highlight-bg {background-color:#ffde2f !important} .yellow .main-content-block.highlight-bg {background-color:#eee} .yellow .action-button:hover { background-color: #d90064 /*#e6bf00*/ !important; color: #fff !important; -webkit-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; -ms-transition: color .2s; transition: color .2s; } .yellow .desktop-site .primary-nav h3, .yellow #search-web-cat label, .yellow .masthead-inner .masthead-title, .yellow .highlight-bg span, .yellow ul.contact li, .yellow .action-button {color:#333 !important} .yellow #searchGo {background-color:#333 !important} .yellow a[href^='mailto'], .yellow .pnl-txt.mb-foot p, .yellow .highlight-bg .mb-foot span {color: #d90064 !important}/*pink*/ .yellow .masthead-inner, .yellow .highlight-bg, .yellow .secondary-btn {background-color:#eee !important} .yellow .secondary-btn:hover {background:#b3b3b3 !important} /* GENERAL COLOUR OVERRIDES */ .main-content-wrapper aside.main-bg a {color:#fff;} /* for email link in rightcol in subjectseg People page */ .main-content .key-details-block a {color:#fff;} /************************ SHOPS START *********************************/ .shop02 body.shop .masthead-inner {position:relative} .shop02 body.shop .masthead-inner, .shop02 body.shop .masthead-title {background: #fff; background-color: #fff; } .shop02 #shop-legend, .shop02 body.shop .masthead-title, .shop02 .product-hero > div > p, /*.shop02 .promo-label, */ .shop02 body.shop p a, .shop02 body.shop .recommended cite, .shop02 body.shop .pnl-txt .pnl-title a, .shop02 body.shop .owl-carousel .pnl-title * {color: #227a8d;} .shop02 .product-info h2, .shop02 .quick-basket h2 > a, .shop02 .shop-theme h2 > a {color:#000} .shop02 body.shop #primary-nav {background-color: #333;} .shop02 body.shop .second-nav, .shop02 body.shop .second-nav *, .shop02 body.shop .action-button:hover, .shop02 body.shop #main .main-bg:hover {background-color: #174854; } .shop02 body.shop .product-hero.zeb .product-info a, .shop02 body.shop .product-hero.zeb .product-info .price p span + span, .shop02 body.shop .product-info2 blockquote {color: #174854 !important; } .shop02 body.shop .second-nav .menu a:hover, .shop02 #shop-legend > div:first-child:after, .shop02 body.shop .action-button, .shop02 body.shop #main .highlight-bg, .shop02 body.desktop-site #shopResults dl dt {background-color: #037a8d; } .shop02 body.shop div.product-hero.zeb .product-info {background-color: #13a4bb !important; } .shop02 .desktop-site div.product-hero.zeb svg polygon {fill: #13a4bb; } .shop02 body.shop div.product-hero.zeb .product-info * {color: #fff !important; } .shop02 body.shop #primary-nav .primary-nav-item a h3:hover {border-bottom-color: #fff; } .shop02 body.shop #primary-nav .primary-nav-item ul li *, .shop02 body.shop .product-hero.zeb .product-info input, .shop02 body.shop .main-bg .pnl-shop4col h2 {color: #333 !important; } .shop02 body.shop .zeb .pnl > div {border-bottom-color: #108b9f; } /*.shop02 .promo-label {border-right: 1px solid #174854; border-bottom: 1px solid #174854; border-left: 1px solid #174854; }*/ .shop02 .shop-home div.strapline {outline: 2px solid #fff; border: 3px solid #074753; } .shop02 .shop-home p.strapline-inner {color: #074753; } .shop02 body.shop p a {font-weight: bold; } .shop02 body.shop #main p a:hover {border-bottom: 1px solid #227a8d; } .shop02 body.shop .bg03 {background-color: #3d414d; } .shop02.backgroundsize .desktop-site.shop #category div {background-color: rgba(3,122,141,0.8); } .shop02 body .main-content-block.gradient01 {background:none !important;} .shop02 body .main-content-block.gradient01, .shop02 body .gradient01 .main-content-block-inner {background-image: url('data:image/gif;base64,R0lGODlhuAsBAIABAO7u7gAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODVFQjM0QjBCODVDMTFFNThENjU4RjQ5QzFEMzY0QTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODVFQjM0QjFCODVDMTFFNThENjU4RjQ5QzFEMzY0QTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NUVCMzRBRUI4NUMxMUU1OEQ2NThGNDlDMUQzNjRBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NUVCMzRBRkI4NUMxMUU1OEQ2NThGNDlDMUQzNjRBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAC4CwEAAAJVhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6FPT+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY8rCwA7'), url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMzlhYWM2IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMTc0ODU0IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNCkiIC8+Cjwvc3ZnPg=='); } .shop02 body.shop #primary-nav, .shop02 body.shop .main-bg:not(button) {background-color:#004853 !important;} .shop02 body.shop .masthead-inner, .mobile-site.shop .page-header {background-color:#00788b !important;} .shop02 body.shop .masthead-title {color:#fff;background-color:transparent} /* Robin and Andy 20160721 */ .shop .title.masthead-title { font-size: 2.0rem; font-weight:normal; line-height:32px; color:#fff; float:left} .shop .purchase-banner-secure-footer h1 { font-size: 2.0rem; font-weight:normal; line-height:32px; color:#fff; } /************************ SHOPS END ***********************************/ /************************ feature module ***********************************/ body.feature-module div.strapline, body.shop-home div.strapline { outline: 2px solid #fff; border: 3px solid #074753; margin: 40px auto 22px auto; background-color: #fff; background-color: rgba(255,255,255,0.9); padding: 7px; text-align: center; float: none; text-transform: uppercase; } body.feature-module div.strapline p.strapline-inner, body.shop-home div.strapline p.strapline-inner { font-size: 19px; line-height: 24px; letter-spacing: 0.1rem; text-shadow: none; color: #074753; } body.feature-module p.strapline-inner span, body.shop-home p.strapline-inner span { font-weight: bold; display: block; } body.desktop-site.feature-module .main-content .main-content-block-inner div.grid_61 { margin-top:-30px; } body.feature-module .pnl-txt h2, body.shop-home .pnl-txt h2 { margin-top:0; color:#237a8d; float:left; } body.shop-home .pnl-txt h2 a {color:#237a8d;} body.shop-home .pnl-txt h2 a:hover {border: none;} body.shop-home .hlf-img-pnl .pnl-txt { float:left; text-align:left; } body.feature-module .products .pnl-txt, body.shop-home .products .pnl-txt {position:relative;} body.feature-module .products .pnl.pnl-act-btn:first-child svg, body.shop-home .products .pnl.pnl-act-btn:first-child svg { overflow: hidden; left: -55px; position: absolute; top: 70px; fill: #fff; } body.feature-module .products .pnl.pnl-act-btn:first-child + div.pnl.pnl-act-btn svg, body.shop-home .products .pnl.pnl-act-btn:first-child + div.pnl.pnl-act-btn svg { right: -90px; fill: #fff; position: absolute; top:70px; } body.shop-home .hlf-img-pnl.alternate-img .pnl:nth-child(odd) .action-button {margin-left:30.5rem} .shop-home .products .hlf-img-pnl .pnl-inner p { font-size:12px; font-size:0.875rem; } /* Fix for TFS bugs: 8273/8272/8275 .jade, .garnet, .green, .azure, .blue, .damson, .paprika, .moroccan-velvet */ /*.jade .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .garnet .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .green .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .azure .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .blue .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .damson .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .paprika .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .green .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .moroccan-velvet .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a {color: #fff !important;}*/ /* * TODO: Why/Where is this used! 15/12/16 * .green .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, * .damson .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, * .blue .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a {color: #fff !important;} */ /**/ /* ======================================================= HOME PAGE ======================================================= */ body { /*added google fonts in header - uncomment both link in header & body font when ready*/ /*font-family: 'Roboto', sans-serif !important;*/ /*font-family: 'Open Sans', sans-serif;*/ /*font-family: 'Indie Flower', cursive;*/ /*-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale;*/ } /*Item viewer*/ #img-viewer .img-viewer-nav {height:auto;} /* helper classes */ .center {margin:0 auto} .shelvesandspaces .leaderboard-txt {box-sizing:border-box;} /* end helper */ .main-home-pg #page-outer { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* .main-home-pg .main-page-img div { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-repeat: no-repeat; background-color: transparent; } */ .main-home-pg .main-content {background-color: #e0e0e0;} /* .desktop-site.main-home-pg .main-page-img div {background-position: 0 -47px !important;} */ /*.mobile-site.main-home-pg .main-page-img div {background-position: -357px 0 !important;}*/ /*.desktop-site.main-home-pg .main-page-img div,*/ .desktop-site.main-home-pg #page-inner, .desktop-site.main-home-pg .primary-nav-item { background-image:none; border-right:none; } .desktop-site.main-home-pg .main-bg {background-color:transparent;} /**** Search text ****/ .desktop-site.main-home-pg label[for^=Radio] { color:#999 !important; } /**** search icon ****/ .desktop-site.main-home-pg .search-icon { background-color:#666; } /**** Nav wrapper *****/ .desktop-site.main-home-pg #main-navigation { /*background-color:#fff;*/ float:left; /*can't use overflow hidden as it prevents the dropdowns from showing*/ } /**** Nav header ****/ .desktop-site.main-home-pg #primary-nav { background-color:transparent !important; padding:64px 0 0; height:30px; } .desktop-site.main-home-pg .primary-nav li.primary-nav-item.donate:hover a h3 { border-width:2px; } .desktop-site.main-home-pg .primary-nav-item a { color:#333; } /* masthead */ /**** Parent nav items ****/ .desktop-site.main-home-pg .primary-nav-item a h3, .desktop-site.main-home-pg .primary-nav .primary-nav-item h4, .desktop-site.main-home-pg .homepage-title, .desktop-site.main-home-pg .homepage-title + .strapline-inner { /*font-family: 'Open Sans', sans-serif;*/ } .desktop-site.main-home-pg .primary-nav-item a h3 { font-size:10px; font-size:0.95rem; padding-right:24px; padding-top:8px; line-height:1.2; font-weight:normal; } .desktop-site.main-home-pg .primary-nav li.primary-nav-item.donate a h3 { color:#d60021; border-bottom:1px solid #d60021; padding: 8px 0 0 0; font-size: 10px; font-size: 0.95rem; line-height: 1.2; font-weight: normal; margin-left:21px; } /**** mega menu dropdown headings ****/ .desktop-site.main-home-pg .primary-nav .primary-nav-item > .dropdown04 > li h4 { line-height:25px; } .desktop-site.main-home-pg ul.menuV2:before, .desktop-site.main-home-pg ul.menuV2:after { content: ' '; display: block; width: 100%; height: 10px; position: relative; background-color: #eee; } .desktop-site.main-home-pg ul.menuV2:before {top: 0; left: 0; } /* TODO: WHY!.desktop-site.main-home-pg ul.menuV2:after {bottom: -42px; left: 0; } */ .desktop-site.main-home-pg .primary-nav .primary-nav-item h4 { text-transform: none; color: #b70303; font-size:10px; font-size:1rem; font-weight:normal; /* padding-top:12px; padding-bottom:12px; */ } /* .desktop-site.main-home-pg ul[class*=dropdown] > li + li noscript + span { clear:right; display:block; background:green; } */ /* .desktop-site.main-home-pg ul.dropdown02 > li + li noscript + span, */ /* .desktop-site.main-home-pg .dropdown02 li span { display:block !important; width:60%; } */ .primary-nav-item ul li ul li a:hover span {text-decoration: underline;} .primary-nav-item ul li ul li a span {width:60%;} /* TFS: 9460: * remove this to fallback to smaller font size of 96% declaration on * .desktop-site .menuV2 li a, .desktop-site .dropdown04 > li:first-child li */ .desktop-site.main-home-pg .primary-nav-item .menuV2 li ul li a, .desktop-site.main-home-pg .primary-nav-item .menuV2 li ul li span { font-size:10px; font-size: 0.9rem; } /* TFS: 9485 - * Join navigation drop down to be larger * remove testing-class for production */ .testing-class .primary-nav-item.last .dropdown04 li + li ul li {width:30.5%;} .testing-class .primary-nav-item.last .dropdown04 li + li ul {padding-top:30px;overflow: hidden} .testing-class .primary-nav-item.last .dropdown04 li + li ul li a {float:left;} /**/ /**** Discover and Learn sub nav heading + shop ****/ /* .desktop-site.main-home-pg .dropdown02 > li + li ul, .desktop-site.main-home-pg .dropdown05 > li + li ul { margin-top:0; padding-top:0; } .desktop-site.main-home-pg .dropdown05 > li:first-child + li { margin-top:0; padding-top:0; } */ .desktop-site.main-home-pg .hidden { /* hide sub headings */ visibility:hidden; display: block !important; } /**** Visiting menu item ****/ .desktop-site.main-home-pg .grid_61.menuV2.dropdown04 { /*remove padding here add it to the li below*/ padding-bottom:0; } /**** visiting menu dropdown li's ****/ .desktop-site.main-home-pg .grid_61.menuV2.dropdown04 > .grid_46 ul li { padding-bottom:20px; overflow:hidden; } /**** visit opening times ****/ .desktop-site.main-home-pg .dropdown04 > li:first-child li {font-size:100%} /*shop dropdown also in components.css*/ .desktop-site.main-home-pg .dropdown01 li a img {padding-bottom:8px;} .desktop-site.main-home-pg .dropdown01 li a span {padding-bottom:10px} .desktop-site.main-home-pg .dropdown01 li a span + span {color:#666} .desktop-site.main-home-pg .dropdown03 li a span + span, .desktop-site.main-home-pg .dropdown01 li a span + span { } /**** Page title ****/ /* from all_m: .mobile-site.main-home-pg .homepage-title {font-size:1.7rem;letter-spacing: .04rem;} */ .desktop-site.main-home-pg .homepage-title { font-size:34px; font-size:3.4rem; color: #fff; font-weight: normal; margin-top: 45px; margin-bottom: 12px; letter-spacing: .04rem; /*text-indent:1px;*//*so that the beginning of the heading letter does not show when nav flyout is open*/ } /**** container: title, strapline, search, browse ****/ /* from all_m: .mobile-site.main-home-pg .page-header .strapline {display: block;padding-right:16px;text-align:center;} */ .mobile-site.main-home-pg #page-inner {overflow:hidden;} .main-home-pg .strapline-inner {font-size:1rem;color:#a3a3a3;margin-bottom:32px} .main-home-pg .strapline-list li:first-child a { border:1px solid #e8e8e8; background-color:transparent; } /* .main-home-pg .strapline-list li span {font-size:1rem} */ .desktop-site.main-home-pg .page-header .strapline { width:100%; text-shadow:none; color: #666; clear:both; letter-spacing: .04rem; padding-left:16px; } .desktop-site.main-home-pg .page-header .strapline-inner {font-size:14px;font-size:1.4rem;} .desktop-site.main-home-pg .page-header .strapline .strapline-list { font-size:10px; font-size:1rem; padding-top:40px; overflow:hidden; } .desktop-site.main-home-pg .page-header .strapline .strapline-list li {margin-bottom:15px;margin-bottom:1.5rem} /**** search, browse btns ****/ /*.desktop-site.main-home-pg .strapline-list { padding-top:40px; overflow:hidden; }*/ /*.desktop-site.main-home-pg .strapline-list li {margin-right:30px;}*/ /**** homepage strapline links ****/ /*.desktop-site.main-home-pg .strapline-list li {font-size:12px;font-size:1.1rem;}*/ .desktop-site.main-home-pg .strapline-list li:first-child a {border:1px solid #e8e8e8;height:48px;line-height:48px;} .desktop-site.main-home-pg .strapline-list li:first-child a:hover {background-color:rgba(255,255,255, .4) !important} .main-home-pg .strapline-list li:first-child + li a {border-bottom:1px solid #fff} .main-home-pg .strapline-list li span {color:#fff} /**** Browse btn focus/active ****/ .desktop-site.main-home-pg .strapline-list li span a:hover, .desktop-site.main-home-pg .strapline-list li span a:focus {text-decoration: underline;} .desktop-site.main-home-pg .strapline-list li span a:hover {text-decoration:none;} /**** search/browse btns ****/ .desktop-site.main-home-pg .strapline-list li span {text-decoration:none;} /**** Search btn a tag ****/ .desktop-site.main-home-pg .strapline-list .action-button { background-color:transparent; width:277px; text-decoration:none; } /**** search inner span ****/ .desktop-site.main-home-pg .strapline-list .action-button span { display: inline-block; width:100%; text-align:center; text-shadow:none; color: #fff; } /**** Panel row titles ****/ .desktop-site.main-home-pg .pnl-row-title { font-size:19px; font-size:1.93rem; } /**** HEADINGS (except Carousel featured): news, Blogs, Discover, Getting started, Business Advice, Shop *****/ .main-home-pg .pnl-row .pnl .pnl-title a { font-size:10px; font-size:1rem; color:#000; } .main-home-pg .main-content .main-content-block .main-content-block-inner p a { /* border-bottom: 1px solid #c8c8c8 #000 !important; */ font-size:10px; font-size:1rem; } .main-home-pg .main-content .main-content-block .main-content-block-inner p a:hover { /*border-bottom: 1px solid #444 !important;*/ color:#000; } /*.desktop-site.main-home-pg .discover-learn .pnl-lg-footer .pnl-title a, .desktop-site.main-home-pg .get-started .pnl-title, .desktop-site.main-home-pg .get-started .pnl-title a, .desktop-site.main-home-pg .business-advice .pnl-title, .desktop-site.main-home-pg .business-advice .pnl-title a {font-size:1.2rem !important}*/ /* Use this if image is to have a border, remove desktop prefix so it works in both desktop and mobile */ .main-home-pg #main a.imgCenterGreyBg { display: block; height: 331px; width: 464px; background-image: url('../../../resources/global/images/homepage-mpu-v2.jpg'); background-position: center center; background-repeat: no-repeat; /* margin: 0 auto; position:relative; top: 50% !important; transform: translateY(-50%) !important; */ } .main-home-pg #main a.imgCenterGreyBg:hover { border:none !important; } /* remove desktop prefix so it works in both desktop and mobile */ .main-home-pg #main a.imgCenterGreyBg span { position: absolute; top: -3000px; left: -3000px; } /**** More links ****/ .main-home-pg .block-footer, .main-home-pg .section-footer { clear:both; } .main-home-pg .block-footer {padding:16px 0; margin:0;padding-left:16px;} /*.main-home-pg .owl1 .main-content-block-inner .block-footer {padding-bottom:0}*/ /* .main-home-pg .pnl.social-icons.align-center {height:auto;margin:0;} .main-home-pg .pnl.social-icons.align-center p {font-size:10px;font-size:1rem} */ /*Added 28/0217 to compensate for classes removed from html*/ .main-home-pg .pnl.social-icons { text-align: center; background-color: #f1f1f1; height:auto; margin:0; } /*removes the extranious line affecting the twitter feed*/ .main-home-pg .pnl.social-icons ul {overflow:hidden;} .desktop-site.main-home-pg .view-more { font-weight:normal; color:#333; } /* rogue view more override */ .main-home-pg .main-content .main-content-block .main-content-block-inner > .pnl-2col > p {font-weight:normal} .main-home-pg .section-footer .pnl {margin-bottom:0} .main-home-pg .section-footer .pnl p {margin:0} /**** Carousel position ****/ /*.desktop-site.main-home-pg .main-content-block:first-child {padding-top:35px;}*/ /**** Carousel featured heading ****/ .desktop-site.main-home-pg .pnl.item > .pnl-txt > .pnl-title a { color:#000; font-size:14px; font-size:1.4rem; font-weight:bold; } /**** Carousel items except featured ****/ .main-home-pg .grid_14 .pnl .pnl-txt > .pnl-title a, .main-home-pg .bottom-row > .pnl-txt > .pnl-title a { color:#000; font-weight:bold; font-size:10px; font-size:1rem; } .main-home-pg .owl-carousel.mobile .pnl-title a {color:#000 !important} /**** Carousel date ****/ .desktop-site.main-home-pg .pnl.item > .top-row .pnl-txt > .date, .desktop-site.main-home-pg .pnl.item .pnl-date { overflow:hidden; font-size:9px; font-size:0.9rem; float:left; } /**** Carousel nav btns ****/ /*.desktop-site.main-home-pg .owl-carousel .owl-nav div { width:40px; height:40px; }*/ /**** Carousel nav btns hover ****/ /*.desktop-site.main-home-pg .owl-carousel .owl-nav div:hover { background-color:#b70303; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }*/ /**** Carousel prev/next nav btns bg images ****/ /*.desktop-site.main-home-pg .owl-carousel .owl-prev:before {background-position: 14.5% -53px;} .desktop-site.main-home-pg .owl-carousel .owl-next:before {background-position: 21.4% -53px;} .desktop-site.main-home-pg .owl-carousel .owl-nav div:hover:before {opacity:1;}*/ /* end btns */ /**** Discover module top modules ****/ .desktop-site.main-home-pg .pnl-omit.white-bg {height:232px;background-color:#fff;} /* Discover module large variants */ .desktop-site.main-home-pg .pnl-omit .pnl-sm {/*is .pnl-omit.white-bg*/} .desktop-site.main-home-pg .pnl-omit .pnl-md {} .desktop-site.main-home-pg .pnl-omit .pnl-lg {height:261px;padding:0} /*.desktop-site.main-home-pg .pnl-omit .pnl-lg-footer {padding: 0} */ .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl, .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl-inner {margin: 0;height: auto !important} .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl-inner h3 a {padding-bottom:16px;} .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl-inner {padding-left:16px;padding-left:1px} /*.desktop-site.main-home-pg .block-header.pnl {margin-top:16px;margin-top:1rem}*/ /**** Panel descriptions ****/ .desktop-site.main-home-pg .pnl-txt.sm-txt > p { /*margin-top:10px;*/ font-size:0.9rem; } .desktop-site.main-home-pg .pnl-omit.white-bg .pnl-title a {color:#000;} /**** All page headings (carousel featured heading font-size set above) ****/ .desktop-site.main-home-pg .pnl-row .pnl .pnl-title, .desktop-site.main-home-pg .pnl-title { font-size:10px; font-size:1rem; } /**** All sub headings on page ****/ .desktop-site.main-home-pg .pnl-row .pnl-row-title + p { margin-top:-8px; margin-top:-0.5rem; font-size:10px; font-size:1rem; color:#666; } /*** Shop ***/ /*.desktop-site.main-home-pg .pnl-inner.w-bg { padding-top:10px; padding-top:1rem; }*/ /*.desktop-site.main-home-pg .main-content-block.shopping { margin-top:20px; }*/ /**** FOOTER ****/ .desktop-site.main-home-pg .form-block-inner h3, .desktop-site.main-home-pg .form-block-inner h2 { font-size: 22px; font-size: 1.5rem; font-weight: normal; margin: 0; } .desktop-site.main-home-pg .form-block-inner h2 + p { color: #cdcb98; font-size: 11px; font-size: 0.9rem; } /* ======================================================= COMPONENTS ======================================================= */ /* GW: Cherry-picked from commit on 06/06/2017 with comment "TFS 10196, no dev, added css to stylesheet instead of adding a padding clss to an html element" */ /* tfs 10196: bl.uk/news: using css instead of padding class on element */ .shelvesandspaces .main-content-block.page-sub-header.clearfix + .main-content-block > article > .main-content-block-inner {padding-top:32px;} /**/ #site-logo a:hover {border: none; } #img-viewer .img-viewer-nav, .search input[type=text], .page-sub-header .search-box-wrapper, .lan-dropdown .action-button, .pager-lnk, .pager .active, .pager-elps, .jp-audio .jp-type-single .jp-progress, .carousel-slideshow figcaption, #img-viewer .img-viewer-thumbs, #img-viewer .img-viewer-main-img img, #img-viewer .img-viewer-info, .article-hl-block ul.ahl-pnl-row li .pnl-txt, .article-hl-block ul.ahl-nav li, .accordian-block .acc-pnl-content, .inline-link-buttons li, .jp-details, .jp-details div, #category, .shop .new-footer *, #quickBasket, #quickBasket * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #search-web-cat .search input[type="text"], .search input[type=submit], .ui-datepicker .ui-icon, .facet-list .icon {-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } #img-viewer .img-viewer-thumbs {-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } #cookies {width: auto; padding: 2px 20px 4px 26px; position: relative; z-index: 100; border-bottom-right-radius: 28px; box-shadow: 0 8px 10px rgba(0,0,0,0.3); } body > .iv-overlay-wrap + #cookies {width: 50%; padding-right: 50px; } #cookies p a:first-child {border: 1px solid #fff; padding: 3px 5px; margin: 0 8px; font-size: 120%; border-radius: 3px; outline: none; } #cookies p a:last-child {white-space: nowrap; } #cookies .close {position: absolute; top: 0; right: 20px; width: 20px; height: 20px; text-align: center; font-weight: bold; cursor: pointer; font-size: 140%; } .skip-to {width: 100%; text-align: center; } .skip-to a {position: absolute; top: -3000px; left: -3000px; } .skip-to a:active, .skip-to a:focus {position: static; width: auto; height: auto; display: inline-block; padding: 10px 6px; margin: 0 0 -6px 0; text-decoration: underline; } .skip-to a:hover {border-bottom-width: 0; text-decoration: none; } #search-web-cat {padding: 4px 16px; padding: 0.25rem 1rem;} #search-web-cat, #searchpanelnoscript {position: absolute; top: 0; right: 0; /*font-size: 1.1em;*/font-size: 11.2px; font-size: 0.7rem; margin: 5px 0; width: 240px; z-index: 12; } #search-web-cat fieldset {border: none; margin: 0; padding: 0; } #search-web-cat legend, #search-web-cat .search-input {height: 1px; left: -1000px; position: absolute; text-indent: -10000px; top: 0; width: 1px; } #mainsearch {display: none; } #mainsearch label {vertical-align: top; } #search-web-cat [type="radio"], #search-web-cat label {display: inline; line-height: 16px; margin: 4px 8px 0 0; margin: 0.25rem 0.5rem 0 0; font-size: 12px; font-weight: normal; } #search-empty-message {display: none; font-size: 12.6px; font-size: 0.7875rem; font-weight: bold; margin: 3px; left: -230px; position: absolute; top: 5px; } .search-box-wrapper {position: relative; } .search-box-wrapper:before, .search-box-wrapper:after {content: " "; display: table; }/* add .clearfix ? */ .search-box-wrapper:after {clear: both; }/* add .clearfix ? */ #search-web-cat .search input[type="text"] {float: right; } #search-web-cat .search input[type="text"]:before, #search-web-cat .search input[type="text"]:after {content: " "; display: table; } #search-web-cat .search input[type="text"]:after {clear: both; } #search-web-cat .search input[type="text"] {margin: 0; } .search form {position: relative; } .search input[type=text] {height: 32px; display: block; } .search input[type=submit] {position: absolute; top: 1px; right: 1px; border: none; overflow: hidden; margin-left: 1px; height: 30px; display: block; } .search input[type=text] {padding: 0 16px; width: 100%; } .search-section label {display: none; } .search input[type=submit] {*width: 32px; *margin-top: 1px; } #search-web-cat input[type=text] {height: 24px; line-height: 24px; font-size: 12px; } #search-web-cat button[type=submit] {line-height: 22px; height: 22px; width: 22px; padding: 0; border: none; position: absolute; right: 1px; z-index: 100; top: 1px; } #shop-legend #local-search, .product-hero #local-search {position: absolute; left: -3000px; top: -3000px; } #shop-legend .local-search-wrapper {border: 1px solid #eee; margin: 0;overflow:hidden} #shop-legend .searchbox-wrapper, .product-hero .searchbox-wrapper {padding: 0; } #shop-legend .search-section {padding-right: 16px; padding-right: 1rem; } #local-search {display: block; padding: 8px; padding: 0.5rem; margin: 0; padding-top: 0; } form .local-search-wrapper {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; margin-bottom: 16px; margin-bottom: 1rem; } form .local-search-wrapper + .local-search-wrapper {margin-top: -8px; margin-top: -0.5rem; } #search-section-input {width: 272px; border: none; margin: 0; width: -moz-calc(100% - 32px); width: -o-calc(100% - 32px); width: -webkit-calc(100% - 32px); width: calc(100% - 32px); } .search-section input[type=submit] {top: 0; right: 0; height: 32px; } .search-section button[type=submit] {padding: 0; border: none; position: absolute; right: 0; z-index: 10; top: 0; height: 32px; width: 32px; } .facet-search #local-search {display: none; } .pnl-3col p ~ .pnl {margin-top: 16px; margin-top: 1rem; } .main-content-block.highlight-bg > .main-content-block-inner.main-bg .pnl-3col p ~ .pnl:nth-child(n+6) {margin-top: 0; } .main-content-block.highlight-bg > .main-content-block-inner.main-bg h2.pnl-row-title + p {margin-top: -0.5rem; } #large-search-2 {margin-bottom: 0; margin-left: 1rem; } #large-search-2 fieldset:first-child {float: left; min-width: 412px; } #large-search-2 fieldset {border: medium none; padding: 1rem 0 0; } #large-search-2 label {font-weight: bold; } #large-search-2 button {background-image: url('../images/bl-web-sprite.png'); } .desktop-site #large-search-2 #search-section-input {min-width: 370px; } #large-search-2 #search-section-input {min-width: 170px; width: 40%; } #large-search-2 input {clear: right; float: left; font-size: 14px; line-height: 14px; margin: 0; padding: 0 0 0 10px; } #large-search-2 input, #large-search button {height: 40px; } #large-search-2 button {background-position: -389px -52px; background-repeat: no-repeat; border: medium none; position: relative; top: 0; width: 40px; } #large-search-2 input, #large-search-2 button {height: 40px; } #large-search-2 button span {display: inline-block; position: absolute; top: -3000px; } .desktop-site .fromOurShop {background: url('data:image/gif;base64,R0lGODlhsAMBAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDU2ODRDMjYwQjkzMTFFNUExRDBGODg1QTBBNUVCQkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDU2ODRDMjcwQjkzMTFFNUExRDBGODg1QTBBNUVCQkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENTY4NEMyNDBCOTMxMUU1QTFEMEY4ODVBMEE1RUJCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENTY4NEMyNTBCOTMxMUU1QTFEMEY4ODVBMEE1RUJCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAACwAwEAAAIdhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZuWwAAOw==') repeat-y 0 0; position: static; /*top: 2rem; */margin-top: 2rem; } .desktop-site .fromOurShop .pnl-row-title {position: relative; top: -4rem; } .desktop-site .fromOurShop .pnl {margin-top: -3rem; } /*.desktop-site .fromOurShop:before {content: ' '; display: block; width: 100%; height: 200px; background-color: orange; width: -moz-calc(100% - 1rem); width: -o-calc(100% - 1rem); width: -webkit-calc(100% - 1rem); width: calc(100% - 1rem); position: absolute; top: 4rem; }*/ .fromOurShop .pnl-txt {text-align: center; } .fromOurShop p span {font-weight: bold; } .fromOurShop a.action-button {margin-top: 16px; margin-top: 1rem; } .fromOurShop .pnl-img {margin: 0 auto; } /*#contentstart #intro-text {margin-bottom: 32px; margin-bottom: 2rem; min-height: 200px; }*/ body:not(.spaceslandingpage) #contentstart .page-sub-header #intro-text {padding-bottom: 48px; padding-bottom: 3rem; } /*#contentstart .page-sub-header .grid_19 {border: 1px solid #ccc; margin: 16px 0; margin: 1rem 0; padding: 0 16px 0 16px; padding: 0 1rem 0 1rem; } */ /*.desktop-site .page-sub-header #intro-text p:last-child {visibility: hidden; } .desktop-site .page-sub-header #intro-text p:last-child a {visibility: visible; } .desktop-site #contentstart #intro-text p:last-child a:first-child {width: 46%; display: inline-block; float: left; margin-right: 20px; } .desktop-site #contentstart #intro-text p:last-child a + a {width: 46%; display: inline-block; float: right; text-align: right; } .desktop-site #contentstart #intro-text p:last-child a:hover {border-bottom: none !important; text-decoration: underline; }*/ /*.desktop-site .page-sub-header #intro-text p:last-child > a:first-child + a,*/ .desktop-site p a:first-child + .hidden + a {margin-left: 15px; } .search-block .facet-search .form-item {float: left; } .search-block .facet-search #search-section-input {width: 480px; } .search-block .facet-search select {height: 32px; max-width: 304px; } .search-block .facet-search .search-icon {top: 1px; height: 30px; right: 1px; } .vlg-bg .rh-column > div {margin-bottom: 16px; margin-bottom: 1rem; } .main-column .links-block li {display: inline-block; width: auto; margin-right: 16px; margin-right: 1rem; } .rh-column .links-block ul + p {display: inline-block; margin-top: 14px; } .tabbed-box-inner {position: relative; padding-top: 40px; padding-top: 2.5rem; } .tabs {padding: 8px 0 16px 0; padding: 0.5rem 0 1rem 0; margin-bottom: 8px; margin-bottom: 0.5rem; position: absolute; top: 0; } .tabs a {display: block; padding: 4px 16px; padding: 0.25rem 1rem; } .tabs a.active {cursor: default; } .tabs li {float: left; margin: 0; margin-right: 8px; margin-right: 0.5rem; } .tabs h3 {font-size: 14px; font-size: 0.875rem; margin: 0; line-height: 24px; font-weight: normal; } .tab-content .text-block h4:first-child, .tab-content .transcript h3 {display: none; } /*.list-right {padding: 5px 5px 0 5px; margin-bottom: 8px; } .list-right .pnl-img {float: left; } .list-right .pnl-txt {float: right; width: 144px; font-size: 0.9em; line-height: 1.2em; } .list-right .pnl-txt h3 {font-size: 1.2em; margin: 0 4px 8px 0; }*/ .lan-dropdown {position: absolute; top: 8px; right: 16px; width: 200px; cursor: pointer; } .lan-dropdown h4 {padding: 8px 16px; font-size: 14px; font-weight: normal; margin: 0; } .lan-dropdown .action-button {width: 100%; } .multi-lang .text-block h4:first-child, .multi-lang .transcript h3 {display: none; } .selection-filter-sort-results .label {text-indent: -10000px; height: 1px; margin: 0; padding: 0; } .pager.tp-rgt {position: absolute; right: 0; top: 0; } .pager li {float: left; height: 32px; overflow: hidden; margin-right: 4px; margin-right: 0.25rem; font-size: 16.8px; font-size: 1.05rem; } .shop.shop-search .pager {padding-left:16px} .pager-lnk, .pager .active, .pager-elps {padding: 0 0.5em; line-height: 32px; min-width: 32px; display: block; text-align: center; } .pager a {text-decoration: none; } .ui-datepicker .ui-datepicker-header {position: relative; } .ui-datepicker .ui-datepicker-prev {left: 0; position: absolute; right: auto; top: 0; } .ui-datepicker .ui-datepicker-next {position: absolute; left: auto; right: 0; top: 0; } .ui-datepicker .ui-datepicker-title {padding: 5px; padding: 0.3rem; text-align: center; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {text-align: center; width: 14%; } .ui-datepicker .ui-icon-circle-triangle-e, .ui-datepicker .ui-icon-circle-triangle-e:hover {background-position: -682px -56px; } .ui-datepicker .ui-icon-circle-triangle-w, .ui-datepicker .ui-icon-circle-triangle-w:hover {background-position: -632px -56px; } .ui-datepicker .ui-icon {display: block; float: left; /*font-family: FontAwesome; */height: 30px; overflow: hidden; padding-left: 30px; width: 0; transition-property: background-color; } #datepicker .ui-state-default {display: block; padding: 0.25rem; } #datepicker td {padding: 0; text-align: center; } .facet-list-outer #datepickerfacet td, .facet-list-outer #datepickerfacet th {padding: 3px; padding: 0.2rem; text-align: center; } aside #datepicker table.ui-datepicker-calendar {margin: 0; } .no-js .inline-link-buttons {display: none; } .inline-link-buttons li {float: left; margin: 0 0 0 4px; text-align: center; display: block; width: 34%; font-size: 12px; font-size: 0.8rem; } .inline-link-buttons li:first-child {width: 26%; } .inline-link-buttons ul {margin: 0; padding: 0; } .inline-link-buttons {padding:8px 4px 8px 0; } table.tbl-light {border: none; margin: 32px 0 16px 0; margin: 2rem 0 1rem 0; width: 100%; } table.tbl-light * {border: none; } table.tbl-light th {width: 50%; padding-left: 0; } table.tbl-light caption {font-weight: bold; font-size: 1rem; } .facet-list-outer .calendar-options-list li {float: left; font-size: 0.8rem; margin-right: 0.25rem; padding: 0; clear: left; } .calendar-options-list ul {float: left; margin-bottom: 10px; } .calendar-options-list li {margin-bottom: 0.6rem; } .sold-out, .limited-places, .availability-update {font-weight: normal; padding: 0.125rem 0.25rem 0.125rem 0; } /*inside the image div*/ .coming-soon {font-weight: bold; padding: 6px 8px; left: 0px; margin: 0; position: absolute; text-transform: uppercase; bottom:0; z-index: 1; } /*02/03/17: for situations where the coming soon div is outside the image div as in what's on homepage*/ .pnl-2col .pnl .pnl-inner > .coming-soon {top:143px;bottom:inherit;} .limited-places, .sold-out {font-weight: bold; padding: 0.125rem 0; background: none; } table .sold-out, table .limited-places, table .availability-update, table .availability {margin-top: 12px; float: left; } .availability:after {content: 'Checking availability'; float: left; width: 100%; text-align: right; } .leaderboard-block .ajaxCheck .availability, .leaderboard-block .ajaxCheck .availability:after {float: none; padding-left: 0; } .availability, .ajaxCheck .action-button, .no-btn .action-button, .leaderboard-block .leaderboard-block-inner .no-btn .js-btn-to-hide {display: none; } .rslt-list #eventsList .availability {float: left; } .ajaxCheck td .action-button {display: inline-block; } .ajaxCheck .availability {background-repeat: no-repeat; background-position: 0 -2px; background-color: rgba(0,0,0,0); display: block; float: left; padding-left: 26px; } .leaderboard-block .ajaxCheck .availability {background-position: 4px 4px; } .leaderboard-block .no-btn .availability-update {margin-top: 22px; } .rslt-list li.pnl dl {width: 100%; float: left; clear: left; } .rslt-list li.pnl dt {display: inline-block; float: left; clear: left; font-weight: bold; margin-right: 6px; width: auto; } .rslt-list li.pnl dt:after {content: ':'; } .rslt-list li.pnl dd {display: inline-block; float: left; clear: right; width: auto; } .social-links-wrapper {margin: 40px 0 20px 0; } .social-block .social-links-wrapper {margin-top: 4px; margin-bottom: 0; } .social-links-wrapper > span {display: inline-block; margin-bottom: 8px; } /*#stwrapper, #stLframe {margin-left: -999px; height: 1px; width: 1px; overflow: hidden; } This was "hiding" the iframe for the sharethis popups? */ body.shop p a {font-weight: bold; } body.desktop-site.shop .pnl-shop4col {padding-right: 0 !important; padding-left: 0 !important; } /*body .gradient01,*/ body .gradient01 .main-content-block-inner {background-repeat: repeat, repeat-x; background-position: center top, 0 0; } body .gradient01 .main-content-block-inner {background-repeat: no-repeat, repeat-x; background-position: 0 -1px, 0 0; } body .gradient01 .pnl-block {padding: 32px 48px; padding: 2rem 3rem; } body .gradient01 .text-block p {font-size: 20px; font-size: 1.3rem; } body.shop.banner-zoom #shop-legend {background-color: transparent; } /* global msg / search */ /*body.shop.banner-zoom #shop-legend div {display: none; }*/ body.shop.banner-zoom #shop-legend {background-color:#fff} body.shop .alternate-img .action-button {text-transform: uppercase; } /*body.shop .pnl-shop4col h2.block-title {font-size: 26px; font-size: 1.6rem; color: #666; font-weight: normal; }*/ /* 08/03/17 commented out: body.shop .pnl-shop4col h2.block-title {width: 100%;} */ .js .shop #productCategories .pnl-title, .js .shop #productCategories .pnl-title a {color: #fff; padding: 0; text-align: center; text-transform: uppercase; min-height: 34px; } .js .shop #productCategories .pnl-title a {display: inline-block; font-size: 12px; font-size: 0.9rem; font-weight: bold; width: 100%; min-height: 44px; line-height: 44px; padding: 0 7px 0 3px; } .js .shop #productCategories .pnl-title a:hover {border: none; text-decoration: underline; } .js .shop #productCategories .pnl-txt {position: absolute; top: 45%; width: 100%; min-height: 44px; } .shop #productCategories .pnl-inner {background-color: #fff; overflow: hidden; } .shop #productCategories .catBg1 .pnl-txt {background-color: #646667; background-color: rgba(100,102,103,0.9); }/* default fallback */ /*categories*/ .desktop-site.shop.shop-category #productCategories .cta { position:absolute; right:16px; top:22px; } /*.shop #productCategories .catBg0 .pnl-txt {background-color: #4e518b; background-color: rgba(78,81,139,0.9); } .shop #productCategories .catBg1 .pnl-txt {background-color: #aacfcd; background-color: rgba(170,207,205,0.9); } .shop #productCategories .catBg2 .pnl-txt {background-color: #e53a52; background-color: rgba(229,58,82,0.9); } .shop #productCategories .catBg3 .pnl-txt {background-color: #808c71; background-color: rgba(128,140,113,0.9); } .shop #productCategories .catBg4 .pnl-txt {background-color: #caad78; background-color: rgba(202,173,120,0.9); } .shop #productCategories .catBg5 .pnl-txt {background-color: #3a3016; background-color: rgba(58,48,22,0.9); } .shop #productCategories .catBg6 .pnl-txt {background-color: #584540; background-color: rgba(88,69,64,0.9); } .shop #productCategories .catBg7 .pnl-txt {background-color: #96b240; background-color: rgba(150,178,64,0.9); } .shop #productCategories .catBg8 .pnl-txt {background-color: #5c4a44; background-color: rgba(92,74,68,0.9); } .shop #productCategories .catBg9 .pnl-txt {background-color: #a0b77e; background-color: rgba(160,183,126,0.9); }*/ body.shop #category h2 {font-size: 52px; letter-spacing: 9px; font-size: 3rem; letter-spacing: 0.5rem; font-weight: normal; text-transform: uppercase; margin: 0; } .shop #category p {font-size: 21px; font-size: 1.3rem; } .shop #category div {border-width: 5px; border-style: solid; padding: 48px 64px; padding: 3.4rem 4rem 3rem 4rem; } .backgroundsize .desktop-site.banner-zoom #category, .backgroundsize .desktop-site.banner-zoom .main-page-img div {background-size: 1940px 566px; } .backgroundsize .desktop-site.shop .main-page-img div {background-position: center top ; } .backgroundsize .desktop-site.shop #category {background-position: center -247px; background-repeat: no-repeat; } /* OR if fixed bg is required... .desktop-site #category, .desktop-site .main-page-img div {background-position: top center; background-attachment: fixed; } */ /*.desktop-site.shop-home div.strapline {width: 310px; }*/ .shop-home div.strapline {margin: 40px auto 22px auto; background-color: #fff; background-color: rgba(255,255,255,0.9); padding: 7px; text-align: center; float: none; text-transform: uppercase; } .shop-home p.strapline-inner {font-size: 19px; line-height: 24px; letter-spacing: 0.1rem; text-shadow: none; } .shop-home p.strapline-inner span {font-weight: bold; display: block; /*white-space: nowrap; */} /*may be issues with the nav dropdown subs without z-index*/ .shop .masthead, .shop .second-nav-wrapper { position: relative; /*z-index:10;*/ } /*#quickBasket {width: 100%; height: 254px; background-color: #eee; position: absolute; z-index: 1; top: -60px; transition: all 400ms ease-in-out 0s; } #quickBasket.go {top: 200px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);} .mobile-site #quickBasket {display: none; } .mobile-site #quickBasket.go {display: block; top: 136px; }*/ #quickBasket { width: 100%; height: 254px; background-color: #eee; position: absolute; z-index: 1; top: -160px; transition: all 400ms ease-in-out 0s; } .mobile-site #quickBasket { display: none; transition: none !important; transform: none; } #quickBasket.go {top: 200px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);} .mobile-site #quickBasket.go {display: block; top: 136px; } .mobile-site .fixed #quickBasket.go { position: fixed; top:0; -webkit-transform: translateZ(0); } #quickBasket p.close { position: absolute; top: -9px; right: 2px; width: 0; height: 30px; text-indent: -300px; color: transparent; z-index: 1; cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border: 1px solid #fff; } #quickBasket p.close {background-position: -7px -106px;} #quickBasket p.close.sml-cls:hover { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border: 1px solid #dad9d9; } #overlay {position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; z-index: 1100; background: #000 /*url('../resources/global/images/ajax-loader.gif') no-repeat center center scroll*/; } #lightbox {padding: 4px 4px 1px 4px; position: absolute; z-index: 1101; background-color: #fff; border-radius: 4px; box-shadow: 3px 3px 10px rgba(0,0,0,0.5); } .desktop-site.shop x:-moz-any-link, .desktop-site.shop x:only-child {margin-right: 10px; }/*ff only*/ .shop #lightbox #ageConfirmForm {display: block; padding: 16px; } .shop #lightbox {width: auto; max-width: 80%; min-height: 150px; } .mobile-site #quickBasket .qb-left {display: none; } #quickBasket .qb-right .pnl-txt {width: 100%;padding:0;} #quickBasket .qb-left, #quickBasket .qb-right { height: 254px; overflow-y: auto; color: #666; margin:0; background-color:#fff; } .mobile-site #quickBasket .qb-right {float: none;width:100% !important} .mobile-site #quickBasket .qb-right .pnl-txt {max-width: none; margin: 0 auto; } #quickBasket .pnl-txt p:first-child {margin: 16px 0; padding: 0; font-size: 17px;} /*#quickBasket .qb-right .pnl-txt p:first-child {text-align: center; padding-left: 12px; }*/ #quickBasket .qb-right .pnl-txt p:first-child > span {display: inline-block; width: auto; margin: 0 auto; } #quickBasket .qb-right .pnl-txt span.icon { display: inline-block; /*float: right;*/ background-image: url(../../../resources/global/images/shopping-basket-alt-22x32.png) !important; /*background-position: -624px -108px; */ background-repeat: no-repeat; margin-top: -7px; margin-left: 10px; } .desktop-site.shop #quickBasket .qb-right .qb-header-total, .desktop-site.shop #quickBasket .qb-right .itemAddedTxt-mob, .desktop-site #quickBasket .qb-right .pnl-txt .prodAttrs {display:none} #quickBasket .qb-right .pnl-txt p:first-child + p span {padding-left:30px} #quickBasket .qb-right .pnl-txt div .transparent-btn {padding: 0 1rem;float:left;margin-right:16px;} #quickBasket .qb-right .pnl-txt > div {margin: 18px auto 10px 32px;} #quickBasket .qb-right .pnl-txt > div.mid { margin: 0; padding: 0; background: #eee; width: 100%; padding-left: 32px; padding-top: 16px; padding-bottom:16px; } #quickBasket .qb-right .pnl-txt > div.mid p {margin:0;padding:0;text-transform:uppercase; font-size: 14px;font-size: 0.875rem;} .desktop-site #quickBasket .qb-right .pnl-txt > div.mid p:first-child {margin-bottom:16px} #quickBasket .qb-right .pnl-txt > div.mid p #totalVal {margin-left:45px} #quickBasket .qb-right .pnl-txt > p:first-child {font-weight:bold;} #quickBasket .qb-right .pnl-txt p {padding-bottom: 0; padding-left:32px;} #quickBasket .qb-right .pnl-txt .footer p {padding:0;margin-top:10px;} #quickBasket .qb-right .pnl-txt .footer p a.close {border-bottom: 1px solid;} #quickBasket .qb-right .pnl-txt > p a:hover {border-bottom: none;} /*#quickBasket .qb-right .pnl-txt > div + p {padding-left:16px;}*/ #quickBasket .qb-left { background-color: #fff; margin-right:0; border-right: 2px solid #ccc; } .desktop-site #quickBasket .qb-left > .pnl {width:100%} .desktop-site #quickBasket .qb-left .pnl-img {float:left;margin-right:32px;margin-right:2rem;} .desktop-site #quickBasket .qb-left .pnl-img img {max-width:120px;} .desktop-site #quickBasket .qb-left .pnl-img + .pnl-txt p:first-child {margin-bottom:6px;} .desktop-site #quickBasket .qb-left .pnl-txt p:first-child {font-weight:bold;} .desktop-site #quickBasket .qb-left .pnl-txt ul#prodAttrs li, .desktop-site #quickBasket .qb-left .pnl-txt ul#financeAttrs li {margin:0;margin-bottom:6px} .desktop-site #quickBasket .qb-left .pnl-txt ul#financeAttrs {overflow:hidden;} .shop #main .product-info .error {border: 2px solid #FC0105; } .shop #main #product-hero .action-button.disabled {opacity: 0.5; cursor: default; background-color: #666 !important; } /*.shop #main #product-hero .action-button.disabled:before {content: ' '; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: transparent; }*/ /* put into global */ .desktop-site.shop .second-nav-wrapper ul ul {visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s linear; } .desktop-site.shop .second-nav-wrapper ul ul {position: absolute; background-color: #fff; width: auto; max-width: 270px; z-index: 1; } .desktop-site.shop .second-nav-wrapper ul > li:hover ul, .desktop-site.shop .second-nav-wrapper li.tab ul {visibility: visible; opacity: 1; } .desktop-site.shop .second-nav-wrapper ul li.last:hover ul {right: 0; } .desktop-site.shop .second-nav-wrapper ul ul li {width: 100%; display: inline-block; } .desktop-site.shop .second-nav-wrapper ul ul li a {font-size: 0.8rem; } .desktop-site #second-nav-wrapper .second-nav ul.menu > li > a, .desktop-site #second-nav-wrapper .second-nav ul.menu li a:hover {color: #fff !important; }/* for ie8 */ .shop .product-info .prod-best2 p {color: #7c4797; } .shop .product-info .prod-sale2 p {color: #e20f0f; } .shop .product-info .prod-new2 p {color: #0888b9; } .promo-banner {width: 100%; } .promo-banner, .promo-banner a.promo-banner-inner {background-position: center center; background-repeat: no-repeat; display: block; margin: 0 auto; cursor: pointer; } .promo-banner a span {position: absolute; left: -3000px; top: -3000px; } /*shop category pages*/ .promo-wrap {margin-top:40px;} .promo-wrap .promo-banner {background-image: url(../../../resources/global/images/shop-desktop-banner-example.jpg);} .promo-wrap .promo-banner a {background-image: url(../../../resources/global/images/shop-mobile-banner-example.jpg);} .promo-wrap .promo-banner, .promo-wrap .promo-banner a { background-repeat: no-repeat; background-position: center center; } /**/ /* HP promo banner ads to the right of tweets */ .desktop-site.main-home-pg .social .main-content-block-inner {padding-bottom: 16px;} .desktop-site.main-home-pg .block.banner.ads .pnl {margin-bottom:0;} .main-home-pg .block.banner.ads {padding-top:56px} .main-home-pg div.ad a {display:block;} .main-home-pg a img:not(.menuV2):not(img) {display:block; width:100%} .block.banner ul li.last {margin-bottom:0} .main-home-pg .block.banner.ads ul.unit-1.promo li {margin:0} /**/ .desktop-site .promo-banner a.promo-banner-inner {width: 944px; height: 90px;} .desktop-site.shop .promo-banner a.promo-banner-inner, .desktop-site.feature-module .promo-banner a.promo-banner-inner, .desktop-site.shop-home .promo-banner a.promo-banner-inner {width: 976px; height: 337px; }/* xxxxx change dimentions for shop banners here xxxxx */ .desktop-site .grid_20 .promo-banner a.promo-banner-inner, .mobile-site .promo-banner a.promo-banner-inner {width: 272px; height: 300px;} .mobile-site.shop .promo-banner a.promo-banner-inner, .mobile-site.feature-module .promo-banner a.promo-banner-inner, .mobile-site.shop-home .promo-banner a.promo-banner-inner {width: 272px; height: 337px; }/* xxxxx change dimentions for shop banners here xxxxx */ .mobile-site.feature-module .promo-banner a.promo-banner-inner, .mobile-site.shop-home .promo-banner a.promo-banner-inner {margin-top:16px;/*I don't like this as it not consistent*/} .desktop-site .grid_20 .promo-banner a.promo-banner-inner {height: 340px; width: 100%; background-size: cover; } .desktop-site .grid_20 .grid_19 {overflow: hidden; } .desktop-site .main-content-block-inner > .promo-banner a.promo-banner-inner, .grid_20 .grid_19 div.promo-banner, .desktop-site.shop .pnl-row .promo-banner-inner, .desktop-site.feature-module .pnl-row .promo-banner-inner, .desktop-site.shop-home .pnl-row .promo-banner-inner, .mobile-site .promo-banner {background-image: none !important; } .icon-list {margin-top: 16px; margin-top: 1rem; } .main-home-pg .icon-list {margin-top:0;} .icon-list li {display: inline-block; background-repeat: no-repeat; margin-left: 0; margin-bottom: 20px; } .icon-list li:first-child {margin-left: 0; } .icon-list li a {text-indent: -3000px; display: block; width: 70px; height: 70px; background-image: url('../images/social-icons.jpg'); /*opacity: 1; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; */} .share-icon-list li { margin: 0 0 0 6px; float: right; height: 33px; display: inline-block; } .icon-list li a:hover, .icon-list li a:active {text-decoration: none; border-bottom: none; /*opacity: 0.8; */} .icon-list li a:focus {outline: #fff dotted 1px; } .icon-list .fb a {background-position: 0 0; } .icon-list .t a {background-position: -72px 0; } .icon-list .yt a {background-position: -82px 0; } /* incase a content dev populates the linkedin field we need to hide it - linkedin is not required */ .main-home-pg li.li {display: none;} /**/ .pnl-row.pnl-3col > h2.pnl-row-title + .icon-list .yt a, .social-block .social-links-block .icon-list li.yt a {background-position: -144px 0;} .social-block .social-links-block .icon-list:before, .social-block .social-links-block .icon-list:after {content:none;} .icon-list .li a {background-position: -161px 0; } .pnl-row.pnl-3col > h2.pnl-row-title + .icon-list .li a, .social-block .social-links-block .icon-list li.li a {background-position: -286px 0;} .icon-list .i a {background-position: -215px 0; } .icon-list .g a {background-position: -430px 0; } .icon-list .p a {background-position: -500px 0; } /*8292 fix David*/ /*.icon-list li a:before {position: absolute; content: ' '; display: block; width: 70px; height: 70px; background-color: #000; opacity: 0; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }*/ .icon-list li a:before {position: absolute; content: ' '; display: block; width: 70px; height: 70px; background-color: #000; opacity: 0; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .social-block .social-links-block .icon-list li a:before {width:70px;height:70px;} /* .social-block .social-links-block .icon-list li a:before {} */ .icon-list li a:hover:before {opacity: 0.1; } .desktop-site .icon-list:before {content: ' '; display: block; width: inherit; border-top: 1px solid #ccc; height: 1; position: relative; top: -112px; top: -7rem; left: -16px; left: -1rem; margin-right: -16px; margin-right: -1rem; } .desktop-site .vlg-bg + div .icon-list:before, .desktop-site .search-rslt + div .icon-list:before, .desktop-site .highlight-bg .icon-list:before, .desktop-site .main-bg .icon-list:before {content: normal; } .desktop-site .alternate-main-bg:after {width: 980px; height: 10px; background-color: #fff; position: relative; bottom: 10px; left: -16px; left: -1rem; z-index: 100; } .jp-interface {position: relative; width: 100%; border: none; } .jp-audio .jp-type-single .jp-interface {height: 90px; } .jp-interface .jp-controls li {display: inline; float: left; } .jp-controls a {display: block; overflow: hidden; text-indent: -9999px; position: absolute; z-index: 999; top: 0; } .jp-interface .jp-controls li a:hover {border-bottom: none; } .jp-audio .jp-time-holder {position: absolute; top: 50px; right: 110px; } .jp-current-time, .jp-duration {width: auto; font-style: oblique; padding-right: 8px; float: left; } .jp-details {width: 100%; padding: 1px 10px 6px; font-size: 88%; } .jp-hidden-trans {display: none; max-height: 320px; width: 100%; padding: 10px; background: #fff; border: 1px solid #999; overflow-y: scroll; } .jp-hidden-trans .inner {display: none; } .jp-hidden-trans {overflow: scroll\9; } .media-player-audio, .video-block {*zoom: 1; clear: both; } .pnl-2col:not(.grid_30) .video-block {min-height: 286px; }/* stops uneven heights glitch obvious with 2 cols */ /*.video-block {margin-bottom: 20px; }*/ .audio-block:after, .media-player-audio:after, .video-block:after {content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .audio-block:before, .audio-block:after, .media-player-audio:before, .media-player-audio:after, .video-block:before, .video-block:after {content: " "; display: table; } .audio-block:after, .media-player-audio:after, .video-block:after {clear: both; } a.jp-play, a.jp-pause, a.jp-mute, a.jp-unmute, .jp-volume-bar {width: 90px; height: 90px; } a.jp-play:hover, a.jp-play:focus {background-position: -180px 0; } a.jp-pause {background-position: 0 -90px; display: none; } a.jp-pause:hover, a.jp-pause:focus {background-position: -180px -90px; } a.jp-mute {background-position: 0 -180px; } a.jp-mute:hover, a.jp-mute:focus {background-position: -90px -180px; } a.jp-unmute {background-position: 0 -270px; display: none; } a.jp-unmute:hover, a.jp-unmute:focus {background-position: -90px -270px; } a.jp-mute, a.jp-unmute {right: 0; top: 0; } .jp-volume-bar {position: absolute; overflow: hidden; background-position: -90px -540px; height: 10px; cursor: pointer; z-index: 999; right: 0px; bottom: 0px; } .jp-volume-bar-value {background-position: -90px -561px; width: 0px; height: 10px; } .jp-audio .jp-progress {position: absolute; top: 9px; height: 21px; } .jp-audio .jp-type-single .jp-progress {width: 100%; top: 30px; padding: 0 110px 0 90px; } .jp-seek-bar, .jp-play-bar, .jp-seeking-bg {background-repeat: repeat-x; width: 0px; height: 100%; cursor: pointer; } .jp-seek-bar, .jp-seeking-bg {background-position: 0 -360px; width: 100% !important; } .jp-play-bar {background-position: 0 -381px; } .jp-no-solution {height: 90px; z-index: 9999; position: relative; padding: 16px 16px; } .media-player-image {position: relative; } .media-player-image img {display: block; max-width: 100%; max-height: 342px; /* max-height: 330px; ...change to work with 38 grid */width: auto; height: auto; min-height: 96px; } /* ************** .media-player-image img {max-height: 342px; } ***********/ /* change to work with 38 grid by ROB, re: media icons & voices. 19/02/15*/ .media-player-image a.jp-play {position: absolute; width: 100%; height: 100%; display: block; top: 0; } .media-player-image a.jp-play:hover {background-position: 0 -348px; } .media-player-image a.jp-pause {background: none; } .pnl-media .video-info, .pnl-media .audio-info, .pnl-media .picture-info {bottom: 0; left: 0; position: absolute; cursor: pointer; background-color: rgba(0,0,0,0.7); } .pnl-media .time {visibility: hidden; opacity:0; transition: opacity 0.4s linear; position: absolute; line-height: 2.0rem; padding: 0.5rem 0.5rem 0.5rem 0; } .showTime .time {visibility: visible; opacity: 1; position: relative; } .carousel-slideshow {position: relative; zoom: 1; overflow: hidden; min-height: 400px; } .carousel-slideshow ul, .carousel-slideshow ol, .carousel-slideshow li {padding: 0; margin: 0; list-style-position: outside; display: block; } .carousel-slideshow figure {margin: 0; padding: 0; display: block; } .carousel-slideshow .slides {*zoom: 1; }/* add .clearfix? */ .carousel-slideshow .slides:after {content: ""; display: table; clear: both; }/* add .clearfix? */ .carousel-slideshow .slides > li {-webkit-backface-visibility: hidden; position: relative; display: none; } .carousel-slideshow figcaption {width: 100%; padding: 8px; text-align: left; } .carousel-slideshow img {max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .flexslider .slides img {max-height: 330px; width: auto; display: block; height: auto; } .flexslider .slides figure a {display: block; /*width: 608px;*/ } .flex-direction-nav a {margin: 0; display: block; top: 0; z-index: 10; cursor: pointer; position: absolute; top: -moz-calc(50% - 91px); top: -o-calc(50% - 91px); top: -webkit-calc(50% - 91px); top: calc(50% - 91px); margin-top: -22px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .flex-direction-nav .flex-next {right: 0; } .flex-control-thumbs {width: 5000px; text-align: center; overflow: hidden; } .flex-control-thumbs li {width: 160px; float: left; height: 90px; } .flex-control-thumbs li img.flex-active {opacity: 1; } .flex-control-thumbs li:hover {opacity: 1; cursor: pointer; } .thumbnail-slider a {position: absolute; bottom: 30px; z-index: 99; width: 0px; overflow: hidden; } .thumbnail-slider .thmb-next {right: 0; } .hl-pnl-inner .thumbnail-slider {display: none; } .hl-pnl-inner .flex-control-thumbs {border: none; width: auto; display: table; padding-bottom: 16px; margin: 4px; overflow: hidden; } .hl-pnl-inner .flex-control-thumbs img {padding-left: 16px; } .hl-pnl-inner .flex-control-thumbs li {border: none; height: 16px; width: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: table-cell; opacity: 1; } .flex-disabled {cursor: default !important; } .image-carousel {margin-top: 24px; } .image-carousel-inline .carousel-slideshow {background: transparent; } .image-carousel-inline .carousel-slideshow .flex-control-nav {display: none; } .image-carousel-inline .flexslider .slides figure a {display: block; width: 288px; } .slideshow-trans {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999; } .lrg-viewer-nav .close {position: fixed; top: 0; right: 0; z-index: 1020; } .sldshw-launched {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 1000; } .sldshw-launched .carousel-slideshow, .sldshw-launched .flexslider .slides figure a {background: none; } .sldshw-launched .flex-control-thumbs {position: fixed; bottom: 0; } .sldshw-launched .flexslider .slides figure a {width: 100%; } .sldshw-launched .flexslider .slides li {position: fixed !important; top: 0; left: 0; } .sldshw-launched .flexslider .slides img {max-height: 100%; max-width: 100%; height: auto; width: auto; } .sldshw-launched .flex-direction-nav {display: none; } .sldshw-launched .next, .sldshw-launched .prev {position: fixed; left: 0; top: 50%; margin-top: -48px; z-index: 1020; } .sldshw-launched .next {left: auto; right: 0; } .sldshw-launched figcaption {position: fixed; top: 0; left: 0; z-index: 1020; line-height: 16px; font-size: 13px; padding-right: 120px; } .sldshw-launched .clicked-active img {max-height: 100%; max-width: 100%; width: auto; height: auto; } .one-img-only .flexslider .slides li {width: 100%; } .one-img-only .next, .one-img-only .prev {display: none; } .img-viewer-block {position: relative; } .img-viewer-block img {display: block; } .img-viewer-block .img-viewer-block-inner {padding: 16px 32px 32px 16px; padding: 1rem 2rem 2rem 1rem; } .img-viewer-block .img-viewer-block-inner .img-viewer-trigger {display: block; text-align: center; cursor: pointer; } .img-viewer-block .pnl-img .img-viewer-trigger {float: left; } .img-viewer-block .img-viewer-block-inner .img-viewer-block-title {margin-top: 0; } #img-viewer {position: absolute; height: 100%; width: 100%; padding: 0; margin: 0; overflow: hidden; } #img-viewer label {display: inline; } #img-viewer a img {outline: none; border: none; } #img-viewer .img-viewer-thumbs {position: absolute; bottom: 0; left: 0; z-index: 155; opacity: 1; padding: 10px; height: 80px; width: 100%; overflow: hidden; margin-bottom: -40px; } #img-viewer .img-viewer-thumbs:hover {margin-bottom: 0; height: 125px;} #img-viewer .img-viewer-thumbs .transcript {display: none; } #img-viewer .img-viewer-thumbs ol {width: 3000%; padding: 0; margin: 0; overflow: hidden; } #img-viewer .img-viewer-thumbs ol li {float: left; padding: 0; margin: 0 10px 0 0;color: #fff;list-style-position: inside;} #img-viewer .img-viewer-thumbs ol li.active-img {opacity: 1; } #img-viewer .img-viewer-thumbs ol li img {max-height: 80px; width: auto; height: auto; max-width: 250px; display: block; } #img-viewer .img-viewer-thumbs ol li a {border: none; } #img-viewer .img-viewer-nav {z-index: 122; position: absolute; top: 0; right: 0; width: 420px; } #img-viewer .img-viewer-nav ul {padding-bottom: 8px; } #img-viewer .img-viewer-nav li {float:left; padding-bottom:8px; margin: 0; } #img-viewer .img-viewer-nav a#img-big, #img-viewer .img-viewer-nav a#img-small {width:43px;} #img-viewer .img-viewer-nav a#img-big .action-text, #img-viewer .img-viewer-nav a#img-small .action-text {width:63px;} #img-viewer .img-viewer-nav a#img-iv-open {width:80px;} #img-viewer .img-viewer-nav li a {margin: 8px 7px 0 0; cursor: pointer; } #img-viewer .img-viewer-arrows a {z-index: 123; position: absolute; top: 50%; margin-top: -34px; } #img-viewer .img-viewer-arrows a.prev {left: 8px; } #img-viewer .img-viewer-arrows a.next {right: 8px; } #img-viewer .img-viewer-arrows .iv-open-nav {margin-right: 420px; } /*#img-viewer .close {background: red !important; }*/ #img-viewer .disabled {display: none; } #img-viewer .img-viewer-main-img {position: absolute; top: 0; width: 100%; height: 100%; text-align: center; background-repeat: no-repeat; background-position: center center; } #img-viewer .img-viewer-main-img img {cursor: move; padding: 20px; position: absolute; *padding: 0; display: block; } #img-viewer .img-viewer-main-img img.sml {cursor: default; margin: 0 auto; } #img-viewer .img-viewer-inner .iv-open-img {width: -moz-calc(100% - 420px); width: -o-calc(100% - 420px); width: -webkit-calc(100% - 420px); width: calc(100% - 420px); } #img-viewer .img-viewer-info {position: absolute; height:-moz-calc(100% - 89px); height: -o-calc(100% - 89px); height: -webkit-calc(100% - 89px); height: calc(100% - 89px); top: 49px; right: 0; width: 420px; overflow-y: auto; z-index: 112; padding: 16px; opacity: 1; padding-top: 40px; } #img-viewer .img-viewer-inner .tabbed-box-inner {position: static; padding-top: 0; } #img-viewer .img-viewer-inner .tabbed-box-inner .text-block h4:first-child {display: none; } #img-viewer .img-viewer-inner .tabbed-box-inner .tabs {overflow: hidden; padding: 0; margin: 0; position: absolute; top: 0px; left: 0; width: 100%; } #img-viewer .img-viewer-inner .tabbed-box-inner .tabs li {margin: 0; } #img-viewer .img-viewer-inner .tabbed-box-inner .tabs h3 {font-size: 14px; } #img-viewer .img-viewer-inner .tabbed-box-inner .tabs a {float: left; background: transparent; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown {right: 0; top: 0; background: transparent; width: auto; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .action-button {background: transparent; } #img-viewer .iv-thm-nav {height: 0; } #img-viewer .iv-thm-nav li {margin: 0; padding: 0; } #img-viewer .iv-thm-nav a {position: absolute; top: 0; z-index: 200; } #img-viewer .iv-thm-nav a.thm-left {left: 0; } #img-viewer .iv-thm-nav a.thm-right {right: 0; } #img-viewer .iv-thm-nav .disabled {display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); } #img-viewer .thm-nav-active ol {padding-left: 40px; } .iv-overlay-wrap.open {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; display: block; } .loading {top: 0; left: 0; height: 100%; width: 100%; position: fixed; z-index: 9999; } .loading .loading-wheel {height: 55px; width: 55px; display: block; position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px; } #fullDesc {margin-bottom: 20px; } /********** PORTALS *************/ #portalLogin {border: none; } #portalLogin input {border: 1px solid #eee; } .p-l-1col + .showHideBlocks {padding-left: 16px; padding-left: 1rem; } .showHideBlocks {padding-bottom: 2px; padding-right: 16px; padding-right: 1rem; } .js .showHideBlocks > p {padding: 0; display: inline-block; width: 100%; cursor: pointer; } .js .showHideBlocks > p:before {content: '+'; display: block; width: 20px; height: 22px; float: left; text-align: center; margin-right: 10px; border: 1px solid #333; } .js .showHideBlocks > p.minus:before {content: '-'; } .js .showHideBlocks > p:hover b {border-bottom: 1px solid #333; } .js .showHideBlocks div {display: none; margin: 0; padding: 0; } /*.js ul.showHideList li:nth-child(n+4) {display: none; }*/ .pnl-4col-borders .pnl-inner {padding: 16px 16px 0 16px; padding: 1rem 1rem 0 1rem; border: 1px solid #ccc; } .person {padding-left: 16px; padding-left: 1rem; margin: 16px 0; margin-top: 1rem 0; } .person .pnl-img {float: left; clear: right; min-width: 96px; } .person .pnl-txt {padding-left: 16px; padding-left: 1rem; } .person .pnl-txt p {padding-bottom: 8px; } .js .person .pnl-txt p span.words, .js .person .pnl-txt p.show span.hellip {display: none; } .js .person .pnl-txt p.show span.words {display: inline; } .js .person .pnl-txt p span.more {color: transparent; white-space: nowrap; display: inline-block; cursor: pointer; position: relative; } .js .person .pnl-txt p span.more::after {content: 'Read more'; position: absolute; left: 0; top: 0; } .js .person .pnl-txt p.show span.more::after {content: 'Read less'; } .js .person .pnl-txt p span.more:hover::after {text-decoration: underline !important; margin-bottom: -4px; } #bmCollectionItem {padding: 16px; padding: 1rem; } #bmCollectionItem .pnl-img {float: left; margin: 0 16px 16px 0; margin: 0 1rem 1rem 0; } #bmCollectionItem .pnl-txt {float: left; width: 400px; margin-bottom: 16px; margin-bottom: 1rem; } #bmCollectionItem dl {margin: 0; } #bmCollectionItem dl dt {width: 40%; padding-right: 5px; } #bmCollectionItem dl dd {width: 58%; margin-bottom: 8px; margin-bottom: 0.5rem; } .js #bmCollectionItem dl + dl {display: none; } .js #bmCollectionItem dl.show {display: block; } .js #bmCollectionItem #reveal {color: transparent; white-space: nowrap; display: inline-block; cursor: pointer; position: relative; } .js #bmCollectionItem #reveal:after {content: 'Show more details'; position: absolute; left: 0; top: 0; } .js #bmCollectionItem .show + #reveal:after {content: 'Show fewer details'; } .js .more:hover:after {text-decoration: underline; } .masthead-compress.desktop-site #portalLoginReg {display: block; position: relative; top: -202px; height: 34px; margin-bottom: -34px; width: 978px; margin-left: auto; margin-right: auto; } .masthead-expand.desktop-site #portalLoginReg {display: block; position: relative; top: -456px; height: 34px; margin-bottom: -34px; width: 978px; margin-left: auto; margin-right: auto; } .desktop-site #portalLoginReg .action-button {border: 1px solid rgba(225,225,225,0.5); } .desktop-site #portalLoginReg p {padding: 0; color: #fff; clip: rect(0px, 300px, 100px, 0px); width: 100%; position: absolute; left: 72px; z-index: 100; } .desktop-site #portalLoginReg span {display: inline-block; margin: 0 6px; } .desktop-site #portalLoginReg a {color: #fff; } /* PORTAL MOBILE FIXES*/ .mobile-site #portalLoginReg { clear: left; float: left; left: 20px; padding: 0; position: relative; top: 0; width: 200px; z-index: 10000; margin-top:10px; } .mobile-site #portalLoginReg :before,.mobile-site #portalLoginReg :after { display:inline !important; } .mobile-site .text-block.grid_38.neg-margin-90 { margin-top:10px; margin-bottom:10px; } /* PORTAL MOBILE FIXES END*/ .mobile-site #portalLoginReg p {font-weight: bold; } .desktop-site #bigBannerSearch {position: absolute; top: 310px; width: 100%; z-index: 1; } .desktop-site #bigBannerSearch.publish-preview,.desktop-site #bigBannerSearch.presentation-preview {position: absolute; top: 430px; width: 100%; z-index: 1; } .desktop-site #bigBannerSearch .optionsRow {padding: 0 16px; padding: 0 1rem; margin-top: -16px; margin-top: .2rem; } .desktop-site #bigBannerSearch input {padding: 0 0 0 16px; } .mobile-site #bigBannerSearch .optionsRow {padding-left: 16px; padding-left: 1rem; } .mobile-site #bigBannerSearch input[type=search] {max-width: 200px; min-height: 21px; } .mobile-site #bigBannerSearch .action-button {float: left; clear: right; } .mobile-site #bigBannerSearch .optionsRow input {clear: left; } #bigBannerSearch .optionsRow input {float: left; margin: 0 5px; position: relative; top: 2px; } #bigBannerSearch .optionsRow label {float: left; font-size: 90%; font-weight: normal; margin-right: 20px; } #bigBannerSearch .optionsRow div.opacity {padding: 16px 16px 0 16px; padding: 1rem 1rem 0 1rem; float: left; } #bannerSearchBtn {border: none 0; padding: 0 16px; height: 38px; width: 38px; } button#bannerSearchBtn:before {display: block; height: 36px; position: relative; top: 3px; left: -15px; width: 36px; } #bigBannerSearch .icon {font-size: 2em !important; } #global-search-options {border: none 0; background: bold; padding: 0; margin: -13px 3px 10px 6px; display: block; } #global-search-options div {float: left; } #global-search-options input {float: left; position: relative; top: 2px; margin-right: 3px; } #global-search-options label {display: inline-block; font-size: 0.8rem; float: left; font-weight: normal; margin-right: 12px; margin-bottom: 0; } /********** PORTALS end *************/ #shopResults .acc-pnl-fixed h3 {background-color: #eee; font-size: 1.25rem; margin: 0; padding: 16px; padding: 1rem; } #shopResults .acc-pnl-fixed + .acc-pnl {margin-top: 16px; float: left; clear: left; } #shopResults .facet-list .selected a.text-link {padding-right: 0; } #shopResults .disabled {opacity: 0.7; } #shopResults .acc-pnl {border: 1px solid #ccc; padding: 0 12px; margin-bottom: 16px; } .desktop-site #shopResults .acc-pnl {border: none;} /****** wrap long facet text *************/ .desktop-site #shopResults fieldset.acc-pnl {margin-bottom:10px;} .desktop-site #shopResults fieldset.acc-pnl dl dd { height:auto; margin-bottom:10px; } .desktop-site fieldset.acc-pnl dd input{float:left} .desktop-site fieldset.acc-pnl dd div { overflow:hidden; line-height:normal; } /************ end facet wrap ************/ #shopResults dl dt, #shopResults dl dd {display: inline-block; width: 100%; } #shopResults dl dt {margin-bottom: 6px; } .desktop-site #shopResults dl dt {color: #fff !important; left: 0; margin-top: -37px; padding: 5px 10px; position:absolute; width: 224px; }/* vml styling updates */ .desktop-site #shopResults dt + dd {margin-top: 10px; }/* vml styling updates */ #shopResults dl dd {font-size: 10px; font-size: 0.8rem; height:28px;line-height:28px;} #shopResults label {font-weight: normal; display: inline; color: #333; } .desktop-site #shopResults label {width: 145px; margin-bottom: 4px; } #shopResults label.bold {font-weight: bold; } #shopResults input[type=hidden] + label:hover {border-bottom: 1px solid #333; cursor: pointer; } #shopResults label.bold {cursor: default !important; border-bottom: none !important; } /* slider used in shop price range filter slider start */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{width:40px;position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}.noUi-value-horizontal{margin-left:-20px;padding-top:20px}.noUi-value-horizontal.noUi-value-sub{padding-top:15px}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;padding:5px;text-align:center}.noUi-horizontal .noUi-handle-lower .noUi-tooltip{top:-32px}.noUi-horizontal .noUi-handle-upper .noUi-tooltip{bottom:-32px}.noUi-vertical .noUi-handle-lower .noUi-tooltip{left:120%}.noUi-vertical .noUi-handle-upper .noUi-tooltip{right:120%} /* Base; * */ .noUi-pips, .noUi-pips * {-moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips {position: absolute; color: #999; } /* Values; * */ .noUi-value {width: 40px; position: absolute; text-align: center; } .noUi-value-sub {color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker {position: absolute; background: #CCC; } .noUi-marker-sub {background: #AAA; } .noUi-marker-large {background: #AAA; } /* Horizontal layout;* */ .noUi-pips-horizontal {padding: 10px 0; height: 50px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal {margin-left: -20px; padding-top: 20px; } .noUi-value-horizontal.noUi-value-sub {padding-top: 15px; } .noUi-marker-horizontal.noUi-marker {margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub {height: 10px; } .noUi-marker-horizontal.noUi-marker-large {height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical {padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical {width: 15px; margin-left: 20px; margin-top: -5px; } .noUi-marker-vertical.noUi-marker {width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub {width: 10px; } .noUi-marker-vertical.noUi-marker-large {width: 15px; } /* slider used in shop price range filter slider end */ /* ************ BL bespoke... ************* */ .noUi-origin {top: -6px; } .noUi-target {overflow: visible; border: none; border-top: 2px solid #666; border-radius: 0; box-shadow: none; background-color: transparent !important; } .noUi-base {height: 4px; } .noUi-pips-horizontal {position: relative; top: -3px; height: 50px; } .noUi-marker-horizontal.noUi-marker-large {top: -10px; } .noUi-value, .noUi-marker-normal {display: none; } .noUi-horizontal .noUi-handle {background-color: #e80623; border: 2px solid #666; border-radius: 8px; height: 16px; left: -8px; top: -4px; width: 16px; cursor: pointer; } #shopPriceRange .noUi-active {cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .noUi-handle::after, .noUi-handle::before {background-color: transparent; background-image: none; content: normal; } #shopResults .example-val {color: #333; font-size: 0.8rem; display: inline-block; margin: 0 0 8px 0; } #shopResults .example-val + .example-val {float: right; } #shopResults dl.slider {margin-bottom: 0; } #shopResults dl.slider dd {padding: 8px 8px 0 8px; } .homepage-hlb {max-width: 100%; min-width: 976px; } .hl-pnl-horiz, .homepage-hlb {overflow: hidden; } .hl-pnl-horiz .flex-viewport {overflow: visible !important; } .hl-pnl-horiz .slides li {opacity: 0; height: auto; } .hl-pnl-horiz .flex-active-slide .pnl-img, .hl-pnl-horiz .flex-active-slide .pnl-txt, .hl-pnl-horiz .flex-control-nav .flex-active, .hl-pnl-horiz .slides li.flex-active-slide {opacity: 1; } .hl-pnl-horiz .slides li .pnl-1col .pnl {padding-right: 0; } .hl-pnl-horiz .slides li img {max-height: none; height: auto; width: 100%; } .hl-pnl-horiz .flex-control-nav {width: 100%; text-align: center; padding-bottom: 16px; } .hl-pnl-horiz .flex-control-nav li {margin: 0 12px 0 0; margin: 0 0.75rem 0 0; padding: 0; display: inline-block; } .hl-pnl-horiz .flex-control-nav a {box-shadow: none; text-indent: 100%; overflow: hidden; width: 10px; height: 10px; display: block; cursor: pointer; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .hl-pnl-horiz .flex-direction-nav a {top: 160px; } /* GW: Cherry-pick from commit by AM labelled "TFS 9767, no dev, removed padding from h2 heading"*/ /*TFS 9767: R&V remove white space*/ .main-content-block.homepage-hlb.vlg-bg .block-title { padding-top:0; padding-bottom:0; } .video-block .video-play {overflow: hidden; display: block; position: relative; cursor: pointer; outline: none; } .video-block .video-play .video-play-icon {background-repeat: no-repeat; background-position: center center; display: block; height: 100%; overflow: hidden; position: absolute; width: 100%; } .video-block .fluid-video {position: relative; padding-bottom: 56.25%; /* 16:9 */padding-top: 25px; height: 0; } .video-block .fluid-video object, .video-block .fluid-video embed, .video-block .fluid-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-block img {width: 100%; height: auto; display: block; } .sponsor-block-head {width: 160px; float: right; padding-right: 16px; padding-right: 1rem; } .sponsor-block-head img {width: 100%; height: auto; } .spnsr-block .spnsr-block-inner {width: 99%; } .spnsr-block .spnsr-title {margin: 0; } .spnsr-block .spnsr-img {width: 160px; float: left; padding-right: 16px; padding-right: 1rem; } .spnsr-block .spnsr-txt {width: -moz-calc(100% - 496px); width: -o-calc(100% - 496px); width: -webkit-calc(100% - 496px); width: calc(100% - 496px); float: left; } .author-block {font-size: 12.6px; font-size: 0.7875rem; } .author-block .img-thmb {width: 160px; display: block; float: left; margin-right: 16px; } .author-block .img-thmb img {max-width: 100%; width: auto; height: auto; } .author-block .lbl-inline {padding-top: 0; } .author-block label {display: inline; } .img-block img {max-width: 100%; height: auto; width: auto; } #authorBlock1 {margin-top: 16px; } .desc-text {padding: 8px 16px; padding: 0.5rem 1rem; } .desc-text p {margin: 0; } .component-block {position: relative; } .component-block .block-expnd-area {position: relative; background-repeat: no-repeat; background-position: center top; padding-top: 16px; padding-top: 1rem; } .component-block .block-expnd-area .block-expnd-area-inner {position: relative; padding: 16px 16px 64px 16px; padding: 1rem 1rem 4rem 1rem; position: relative; } .component-block .block-expnd-area .qv-close {position: absolute; top: 32px; right: 16px; z-index: 10; } .component-block .component-block-img img {display: block; width: 100%; height: auto; } .component-block.person-block .dg-bg .pnl-field { display: block; color: #fff !important; margin-bottom: 16px; } .key-details-block {padding: 16px; padding: 1rem; } .key-details-block ul {List-style-type: disc; margin-left: 1rem; } #sort-results {height: 32px; } label[for="sort-results"] {display: none; } .facet-list a {padding: 4px 8px; padding: 0.25rem 0.5rem; display: block; font-size: 0.8rem; } .facet-list a .count {font-size: 11.2px; font-size: 0.7rem; } .facet-list .more {padding: 4px 10px; text-align: left; } .facet-list .selected a {padding: 0; } .facet-list .selected:first-child {margin-top: 1px; } .facet-list-outer, /*.facet-list, */ .facet-list li {margin: 0; padding: 0; } .facet-list-outer ul, facet-list ul, .facet-list li ul {padding: 0; } .facet-list-outer .selected, facet-list .selected, .facet-list li .selected {overflow: hidden; } .facet-list-outer li {padding: 0; } .facet-list-outer h3, .facet-list-outer li li {padding: 4px 16px; padding: 0.25rem 1rem; margin: 0; } .facet-list-outer .selected {clear: both; overflow: hidden; } .facet-list-outer .facet-list {margin-bottom: 16px; margin-bottom: 1rem; } .rslt-dspl-toggle a {display: block; } .facet-list-outer li.more {cursor: pointer; /*font-weight: bold; */font-size: 0.9em; padding: 0.4rem 0.6rem; } .facet-list .selected a.text-link {line-height: 20px; margin-bottom: 1px; overflow: hidden; float: left; clear: both; padding-right: 16px; padding-right: 1rem; width: 100%; } .facet-list .selected a.text-link .action-text {float: left; margin: 0; padding: 6px 0 0 6px; padding: 0.375rem 0 0 0.375rem; width: 80%; } .facet-list .icon {display: block; float: right; font-family: FontAwesome; height: 32px; overflow: hidden; padding-left: 32px; transition-property: background-color; width: 0; } .accordian-block + .accordian-block {margin-top: 8px !important; } .accordian-block + .accordian-block {margin-bottom: 32px !important; } .accordian-block + .accordian-block .more, .accordian-block + .accordian-block .less {cursor: pointer; } /*.accordian-block + .accordian-block:not(.facet-list-outer) {border: 1px solid #ccc; padding-bottom: -1px; }*/ .accordian-block + .accordian-block .acc-pnl:last-child h3 {margin-bottom: 0 !important; } .article-hl-block ul, .article-hl-block li {margin: 0; padding: 0; } .article-hl-block ul.ahl-pnl-row {position: relative; height: 300px; overflow: hidden; width: 66%; } .article-hl-block ul.ahl-pnl-row li {position: absolute; top: 0; } .article-hl-block ul.ahl-pnl-row li .pnl-txt {padding: 16px; padding: 1rem; } .article-hl-block ul.ahl-pnl-row li h3 {font-size: 18px; font-size: 1.1375rem; margin-bottom: 16px; margin-bottom: 1rem; } .article-hl-block ul.ahl-nav {height: 300px; float: left; width: 34%; } .article-hl-block ul.ahl-nav li {height: 60px; display: block; cursor: pointer; overflow: hidden; padding: 8px 16px; padding: 0.5rem 1rem; } .article-hl-block ul.ahl-nav li.highlighted {padding-left: 12px; opacity: 1; } .article-hl-block .ahl-pnl {height: 300px; } .article-hl-block .ahl-pnl .pnl-img {float: right; margin-left: 32px; margin-left: 2rem; } .article-hl-block .highlighted {z-index: 5; } .accordian-block .vrt-accordian {overflow: hidden; } .accordian-block .fixed-h-acc {height: 500px; } .accordian-block .acc-pnl-title {font-size: 1.0em; font-weight: bold; max-height: 40px; cursor: pointer; margin: 0; margin-bottom: 1px; padding: 0; width: 100%; line-height: 32px; line-height: 2rem; padding: 0 16px; padding: 0 1rem; } .left-panel-list .accordian-block .acc-pnl-title {max-height: none; height: auto; } /*.accordian-wrap .acc-pnl {position: relative; }*/ .accordian-wrap .facet-height {padding-bottom: 2rem; height: 260px; overflow: hidden; } .accordian-wrap .facet-height, .accordian-wrap .acc-pnl div.more {border-left: 1px solid #eee; border-right: 1px solid #eee; } .accordian-wrap .acc-pnl div.more, .accordian-wrap .acc-pnl-inner .divScroll + .more {display: none; } .accordian-wrap .acc-pnl-open div.more {display: block; padding: 7px 3px 8px 10px; font-size: 12px; font-size: 0.8rem; cursor: pointer; border-bottom: 1px solid #eee; background-color: #eee; } .accordian-wrap .divScroll {overflow: auto !important; overflow-y: scroll !important; border-bottom: 1px solid #eee; margin-bottom: 16px; margin-bottom: 1rem; } .accordian-wrap .divScroll .facet-list-outer .facet-list {margin-bottom: 0; } .accordian-block + .accordian-block:not(.facet-list-outer) .accordian-wrap .facet-height {margin-bottom: 0; } /*What's on*/ .leaderboard-block .leaderboard-img {float: left;background-color:#fff;} .leaderboard-block .leaderboard-img img {width: 100%; height: auto; display: block; } .leaderboard-block .leaderboard-txt {padding-left: 16px; padding-left: 1rem; float: left; } .leaderboard-block .leaderboard-txt .leaderboard-txt h3 {border-bottom: 1px solid; font-weight: bold; padding-bottom: 1rem; text-align: center; } .leaderboard-block .leaderboard-txt .book-tickets-button {padding: 8px 0; width: 100%; display: block; text-align: center; cursor: pointer; } .leaderboard-block li .lb-field {display: block; font-size: 1.0rem; } .leaderboard-txt .lb-tel a {cursor: text; } .figures-row {padding: 16px 0 0 16px; padding: 1rem 0 0 1rem; margin-bottom: 16px; margin-bottom: 1rem; } .figures-row .block-title {padding-top: 16px; padding-top: 1rem; } .figures-row .pnl-txt {padding-bottom: 32px; padding-bottom: 2rem; } .figures-row p strong, .figures-row p span {display: inline-block; float: left; clear: left; } .figures-row p strong span {display: inline; font-weight: normal; float: right; position: absolute; top: 1.1rem; } .figures-row p strong {margin-bottom: 5px; margin-bottom: 0.3rem; position: relative; } /*#twitterwrapper {width: 100%; padding: 16px 0; margin-bottom: 16px; margin-bottom: 1rem; }*//*background-color: #7e3e98; border-radius: 10px; box-shadow: 0 0 200px #2d1a36 inset;*/ /*#main .twitterFullWidth #twitter-widget-0 {max-width: 520px !important; margin: 0 auto !important; background-color: #fff; display: block !important; }*//*margin: 0 0 8px 0 !important; margin: 0 0 0.5rem 0 !important; */ dl.event-details dt {width: 30%; margin-right: 12px; } dl.event-details dd {padding-left: 30%; margin-bottom: 0.2rem; } dl.event-details dd:first-of-type {margin-top: -1.5rem; } ul.contact {padding: 0; } ul.contact li {list-style: none; margin: 0; } ul.contact li.out_of_hours {margin-top: 20px; } ul.contact li.press_office_contacts {margin-top: 8px; } /*Press office in footer of mobile-press-search-results-page-list-view.html and similar pages*/ .press-office .po-email span {float:left;margin-right:4px;} /**/ .block-border {padding: 15px 20px; width: 100%; border-radius: 2px; } /*********** new menu dropdown layouts start **************/ .desktop-site .menuV2 li a, .desktop-site .dropdown04 > li:first-child li {font-size: 96%; } .desktop-site .menuV2 h4 {text-transform: none; font-size: 110%; } .desktop-site .dropdown03 > li:first-child + li img + span, .desktop-site .dropdown05 > li + li img + span {font-weight: bold; font-size: 120%; margin-top: 6px; margin-top: 0.5rem; margin-bottom: 6px; margin-bottom: 0.5rem; }/* nth-child(2) not fully supported */ .desktop-site .menuV2 {padding-bottom: 42px; background-color: #eee; background-repeat: repeat-y, repeat-y, repeat-y; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0N0NFRjNDOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0N0NFRjNEOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ3Q0VGM0E5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ3Q0VGM0I5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Rx4ujAAAAD0lEQVR42mKYOXMmQIABAAOaAcw5lSATAAAAAElFTkSuQmCC'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0N0NFRjNDOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0N0NFRjNEOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ3Q0VGM0E5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ3Q0VGM0I5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Rx4ujAAAAD0lEQVR42mKYOXMmQIABAAOaAcw5lSATAAAAAElFTkSuQmCC');} .desktop-site .menuV2 ul, .desktop-site .menuV2 h4 {border-left: none !important; } /*remove bdr from bold link at the bottom of nav colls*/ .desktop-site.main-home-pg .dropdown04 > li:first-child li.full, .desktop-site.main-home-pg .dropdown04 > li:first-child li.seasonal{border:none;} /**/ .desktop-site .dropdown01 {background-position: 300px 0px, 624px 0px; } /** * 01/03/17 commentted out to remove gap between heading and 1st nav item in discover and learn in top nav: * .desktop-site .dropdown02 > li + li ul {margin-top: 24px; margin-top: 1.4rem; } **/ .desktop-site .dropdown02 li ul li a {width: 100%; display: inline-block; } .desktop-site .dropdown02 li ul li img {float: left; clear: right; } .desktop-site .dropdown02 li span {display: inline-block; float: left; margin: 0 6px 0 16px; } .desktop-site .dropdown02 {background-position: 290px 0px, 578px 0; } /* .desktop-site .dropdown03 > li + li ul {margin-top: 24px; margin-top: 1.4rem; } */ .desktop-site .dropdown03 li ul li a {width: 100%; display: inline-block; } .desktop-site .dropdown03 li ul li img {float: left; clear: right; } .desktop-site .dropdown03 li a span {display: inline-block; float: left; margin: 6px 6px 0 0;} /*commented out 27/02/17: .desktop-site .whats-on .dropdown03 li a > span {margin-left:10px; } .desktop-site .whats-on .dropdown03 li.last a > span {margin-left:0px; } .desktop-site .whats-on ul li:not(.last) ul li {overflow:hidden} .desktop-site .whats-on li:not(.last) ul li a {display:inline;margin-left:10px;} .desktop-site .whats-on li.last li a + span {margin-top:-5px;it's ugly but it worksdisplay:block;} */ .desktop-site.main-home-pg .whats-on li:not(.last) ul li a {margin-left:0;} .desktop-site .dropdown03 li a span + span {color: #666; margin-top: 0; } .desktop-site .dropdown03 > li + li a span {width: 60%; } .desktop-site .dropdown03 > li:first-child + li img {margin-bottom: 8px; } /* .desktop-site .dropdown03 > li:first-child + li span {margin-left: 0; } */ .desktop-site .dropdown03 {background-position: 256px 0px, 610px 0; } /* allow for reading rms opening time info .desktop-site .dropdown04 > li:first-child ul {margin-top: 14px; } */ .desktop-site .dropdown04 > li:first-child li {display: inline-block; width: 100%; border-top: 1px solid #ccc; } /*commented out 27/02/17: .desktop-site .visit .dropdown04 > li:first-child li {display: block;float:left;border:10px solid red;} .desktop-site .visit .dropdown04 > li:first-child li.all {width:auto;} .desktop-site .visit .dropdown04 > li:first-child li.times-vary {padding-top:6px;} .desktop-site .visit .dropdown04 a:hover span {text-decoration: underline;} */ /* .desktop-site .dropdown04 a:hover span {text-decoration: underline;} */ /*Added 27/02/17: */ .primary-nav-item ul a:hover span {text-decoration: underline;} /**/ .desktop-site .dropdown04 > li:first-child ul li:first-child {border-top: none; } .desktop-site .dropdown04 > li:first-child li span {float: right; padding-right: 10px; } .desktop-site .dropdown04 li ul li img {clear: left; } .desktop-site .dropdown04 li + li ul li span {display: inline-block; margin: 0; float: left; clear: left; width: 100%; } .desktop-site .dropdown04 li + li ul li {float: left; clear: right; width: 158px; text-align: center; max-height: 145px; }/*requires rebuild to accommodate long wrapping text*/ .desktop-site .dropdown04 {background-position: 244px 0px, -3000px 0; } .desktop-site .dropdown05 > li:first-child + li {padding-top: 16px !important; padding-top: 1.0rem !important; } .desktop-site .dropdown05 > li + li img {float: left; margin-right: 16px; } .desktop-site .dropdown05 li + li ul li a span {float: left; clear: right; display: inline-block; width: 50%; } .desktop-site .dropdown05 li + li ul li a span + span {float: left; clear: right; display: inline-block; color: #666; } .desktop-site .dropdown05 {background-position: 234px 0, 457px 0; } .desktop-site .primary-nav-item > ul {padding-bottom:0 !important;} .desktop-site .primary-nav-item > ul li ul {padding-bottom:30px;} .desktop-site .primary-nav-item a > span {display:block;} /******************* new menu dropdown layouts end ***************************/ /* Owl Carousel Plugin - minified css... */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} /*XXXXXXXXXXX progress XXXXXXXXXXX*/ .progress-bar { float:left; width:100%; } .progress-bar ul { border-bottom: 2px solid #eee; text-align: center; padding:0; } .progress-bar ul li { width:33.33%; float:left; display: inline; margin-top:-15px; } .progress-bar ul li span {display: block;color: #999;} .progress-bar ul li.step-2 {text-align: center;} .progress-bar ul li.step-3 .step-number {text-align: auto;} .progress-bar ul li.step-1 .step-description {text-align: left;} .progress-bar ul li .step-number { width: 30px; height:30px; line-height: 30px; margin: 0 auto; border-radius: 50%; position: relative; border:2px solid #eee; background-color: #fff; color:#999; } .progress-bar ul li .step-number i {font-style: normal;} /*force first/last li's inner circles hard left and right*/ .progress-bar ul li.step-1 .step-number {margin-left:0;} .progress-bar ul li.step-3 .step-number {margin-right:-1px;} .progress-bar ul li .step-number.complete { background-color: #237a8d; color:#fff; border-color:#237a8d; } .progress-bar ul li .step-description {margin: 6px 0 0 0;color:black;} .progress-bar ul li.step-3 .step-description {text-align: right;} /*XXXXXXXXXXX end progress XXXXXXXXXXX*/ /* purchase banner */ .shop .purchase-banner, .shop .purchase-banner .inner, .shop .purchase-banner .inner .content {height:100px;} .shop .purchase-banner .inner .content {overflow:hidden;} .shop .purchase-banner {border-bottom: 1px solid #ccc;} .shop .purchase-banner-secure-footer { background-color:#237a8d; margin-bottom:30px; display:block; } /** * BG image depth * Files in purchase funnel only: * Force main-content-wrapper down sufficiently to show correct bg depth, * then inside #main find 3rd nested div (main-content-block-inner) and give negative margin (-82px) * to bring the content up the page, which compensates for the spacer height. **/ /* 11/082016 task 7779: commented out: it seems this is redundanty (don't delete just yet) */ /*.shop .purchase-banner-secure-footer + .spacer {height:52px;} .shop.add-delivery #main .main-content:first-child .main-content-block .main-content-block-inner, .shop.shipping-method #main .main-content:first-child .main-content-block .main-content-block-inner, .shop.donate-form #main .main-content:first-child .main-content-block .main-content-block-inner, .shop.shopping-basket #main .main-content:first-child .main-content-block .main-content-block-inner {margin-top:-82px;}*/ /**/ /*11/08/2016 purchase funnel files without navigation banner fix*/ /*move inner content up flush with btm of page banner - bg img depth related*/ .desktop-site.shop.shop-login #main .main-content-block-inner:first-child, .desktop-site.shop.donate-form #main .main-content-block-inner:first-child, .desktop-site.shop.shipping-method #main .main-content-block-inner:first-child, .desktop-site.shop.add-delivery #main .main-content-block-inner:first-child, .desktop-site.shop.order-confirmation-v2 #main .main-content-block-inner:first-child {margin-top:-30px} /*move wrap-progbar-mybag down the page - bg img depth related*/ .mobile-site.shop.shipping-method .wrap-progbar-mybag, .mobile-site.shop.add-delivery .wrap-progbar-mybag {margin-top:30px} /*In #main-navigation show inner html elements in mobile*/ .mobile-site.shop.shop-login #main-navigation, .mobile-site.shop.donate-form #main-navigation, .mobile-site.shop.shipping-method #main-navigation, .mobile-site.shop.add-delivery #main-navigation, .mobile-site.shop.order-confirmation-v2 #main-navigation {display: block;} /*vat msg - add top gutter in mobile*/ .mobile-site.shop .forms .vat-msg {margin-top:10px} /*m-t-2col margin-top not need in mobile*/ .mobile-site.shop.shop-login #main .main-content-block-inner:first-child .ui.pnl-row.m-t-2col {margin-top:0} /*hide mobile nav on pages without global navs*/ .mobile-site.shop.shop-login .main-nav-toggle, .mobile-site.shop.add-delivery .main-nav-toggle, .mobile-site.shop.order-confirmation-v2 .main-nav-toggle, .mobile-site.shop.donate-form .main-nav-toggle, .mobile-site.shop.shipping-method .main-nav-toggle {display: none;} /*fouc*/ .mobile-site.shop.shop-login header, .mobile-site.shop.add-delivery header, .mobile-site.shop.order-confirmation-v2 header, .mobile-site.shop.donate-form header, .mobile-site.shop.shipping-method header {display: none} /*End 11/08/2016 purchase funnel files without navigation banner fix*/ /*checkout-thank-you is outside the section tag unlike others*/ .shop.checkout-thank-you .purchase-banner + .purchase-banner-secure-footer {margin-bottom:0;} .shop .purchase-banner-secure-footer h2, .shop .purchase-banner-secure-footer h1 { margin:0; color:#fff; font-weight:normal; font-size: 2.0rem; line-height: 32px; } .shop .purchase-banner { background-color:#184854; } /** * TODO: is this being used * checkout-thank-you is outside the section tag unlike others */ .desktop-site.shop:not(.checkout-thank-you) .purchase-banner, .desktop-site.shop:not(.checkout-thank-you) .purchase-banner + .purchase-banner-secure-footer { margin-left: -16px; margin-right: -16px; } .desktop-site.shop .purchase-banner-secure-footer { padding-bottom:16px; padding-bottom:1rem; padding-top:16px; padding-top:1rem; padding-left:16px; } .desktop-site.shop .purchase-banner + .purchase-banner-secure-footer h2 {border:none !important;padding:0} .shop .purchase-banner .inner .content h3 { margin-top:0; margin-bottom:0; } /* .shop.order-confirmation .forms .btm {font-size:inherit !important;} */ /* logo */ .shop .purchase-banner .inner .logo, .shop .purchase-banner .inner .logo img {float: left;} /*content*/ .shop .purchase-banner .inner .content > div { height: 50%; padding-left: 10px; position:relative; } .desktop-site.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper { height:100px; } .mobile-site.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper { display: inline-block; margin-left: 20px; } .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav { text-indent: 10px; position: relative; } .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav .primary-nav {border:none;} .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav ul.desktop li { display: inline; margin: 0 10px 0 0; } .shop .purchase-banner .inner .content > div.top {padding-top:70px} .shop .purchase-banner .inner .content h3, .shop .purchase-banner .inner .content h1 { float: left; height: 36px; line-height: 36px; margin-right: 50px; font-size: 26px; font-size: 1.8rem !important; color:#fff; } .shop .purchase-banner .inner .content h1 { margin:0; } /* verisign/digicert */ .shop .purchase-banner .inner .content div img, .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav .primary-nav ul li.last img { width: 100%; max-width: 100px; float:right; padding-right:20px; margin-top:-50px; } .shop .purchase-banner .inner .content div.btm div { display: table-cell; padding-bottom: 10px; vertical-align:bottom; } .shop .purchase-banner ul { list-style: none; padding: 0px; } .shop .purchase-banner ul li { display: inline; margin:0 10px 0 0; } .shop .purchase-banner ul li span, .shop .page-header-wrapper ul li span { font-size: 14px; font-weight: normal; color:#fff; } .shop #quickBasket #financeAttrs span {color:#666} .shop .purchase-banner ul li.last, .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav .primary-nav ul li.last {margin-left:170px;} .shop .purchase-banner ul li:not(.last) {padding-top:30px;} .shop .purchase-banner ul li i.fa {margin-right:5px;} /*opening times*/ .shop .purchase-banner .inner .content div.btm table { position:absolute; bottom:0; font-size:12px; font-size:.8rem; } .shop .purchase-banner .inner .content div.btm table .t-footer {padding-top:10px} .shop .purchase-banner .inner .content div.btm table, .shop .purchase-banner .inner .content div.btm table th, .shop .purchase-banner .inner .content div.btm table td {border:none !important;} .shop .purchase-banner .inner .content div.btm table th span {font-weight:normal} /* ul li email*/ .shop .purchase-banner ul li.email { display: none; } /* ********************** SHOP BASKET start ******************************** */ /*XXXXXXXXXXX basket (my bag) XXXXXXXXXXX*/ .desktop-site.shop .wrap-progbar-mybag {position:relative} .shop .wrap-mybag { border-left:1px solid #eee; padding-left:10px; right:0; } .desktop-site.shop .wrap-mybag { margin-bottom:32px; margin-top: -60px; /*32px;*/ position:relative; z-index:10; } .desktop-site.shop .wrap-mybag .bag-header ul li:first-child { display:table; } .desktop-site.shop .wrap-mybag .bag-header ul li:first-child span { display:table-cell; vertical-align:middle; padding-left:16px; padding-left:1rem; } .shop .wrap-mybag .bag-header .shopping-bag { width:23px; height:30px; background: url(../../../resources/global/images/shopping-basket-alt-22x32.png); background-position: 0px 0px; background-repeat: no-repeat; float:left; } .shop .wrap-mybag * {padding:0;margin:0;} .shop .wrap-mybag ul {overflow: hidden;} .js .mobile-site.shop .wrap-mybag .content-body {display: none;margin-bottom:32px;} .js .desktop-site.shop .wrap-mybag .dt-hide {display: none} .js .mobile-site.shop .hide {display:none} .shop .wrap-mybag .bag-header { border-bottom:1px solid #eee; position:relative; height:45px; } .shop .wrap-mybag .bag-header li {float:left;margin-right:50px;} .shop .wrap-mybag .bag-header .clonee, .shop .wrap-mybag .bag-header .top-total { margin-left:10px; font-weight:bold; padding-top:6px; display:inline-block; } .shop .wrap-mybag .content-body .product-row { width:250px; border-bottom:1px solid #eee; } .shop .wrap-mybag .mybag-row, .shop .wrap-mybag .product-row { padding:16px 0; } .shop .wrap-mybag .content-body li {line-height:normal} .shop .wrap-mybag .content-body ul.product-row > li:first-child {width:20%;} .shop .wrap-mybag .content-body li {float:left;} .shop .wrap-mybag .content-body li.title {width:80%;} .shop .wrap-mybag .content-body li.title ul li + li, .shop .wrap-mybag .content-body div.delivery-method ul li + li, .shop .wrap-mybag .content-body div.last ul li + li {float:right;} /* Membership Landing */ .membership-page .pnl-row .pnl .pnl-title {font-size:1.2rem} .membership-page .pnl-row .pnl .pnl-txt p {font-size:1rem} .membership-cta {text-align: center;} /*.membership-cta .action-button { height: 2.5rem; line-height: 2.5rem; width: 100%; font-size: 1rem; box-sizing: border-box; }*/ .membership-cta .phone-lg {font-size: 1.2rem;} .membership-cta.highlight-bg p a {color:white;} .membership-page ul.contact li a {color:#fff} .pnl-row .pnl .membership-type .pnl-txt .price { font-size: 16px; font-size: 1.6rem; font-weight: normal; } .pnl-row .pnl .membership-type .pnl-txt .price span { font-size: 0.875rem; margin-left: 8px;} .pnl-row .pnl .membership-type .pnl-txt p.alt-price {color: #999 !important;font-size:.875rem} .pnl-row .pnl .membership-type .action-button, .membership-page .action-button {box-sizing: border-box; width:70%; text-align:center; height: 2.5rem; font-size: 1rem;line-height: 2.5rem;} .membership-cta .action-button {width:100%} .membership-type .pnl-txt.suffix_1 {float:right;padding-top: 1.5rem !important; padding-bottom: 0 !important;} .membership-type ul {margin-top:1rem;} .membership-type ul li {list-style-type: disc;list-style-position: outside;margin-left: 18px;} .pnl-row .pnl-act-btn .pnl-inner.w-bg .membership-type .pnl-txt.mb-foot {float:left;padding: 1rem 1rem 2rem 1rem;} /*.pnl-txt.suffix_1 {float:right}*/ .membership-type .pnl-txt.mb-foot p {font-size:1rem;} .js .membership-page .showHideBlocks > p:before { width: 40px; height: 40px; background: #333; line-height: 40px; font-size: 1.3em; color: #fff; } .js .membership-page .showHideBlocks > p { line-height: 40px; background: white; color:#333; margin-bottom:0; } .js .membership-page .showHideBlocks > p:before {border:none} .js .membership-page .showHideBlocks > p:hover:before {background:#777} .js .membership-page .showHideBlocks abbr { color: #333;} .js .membership-page .showHideBlocks > div { background: #fff; padding:1rem; } .js .membership-page .showHideBlocks > div p:first-child { margin-top:0;} .membership-help .pnl-row .pnl-act-btn .pnl-inner.w-bg .pnl-txt { padding-bottom:1rem;} /* Membership Landing ends */ /* Priority Booking starts*/ .member-book-button {width: 100%;box-sizing: border-box;text-align: center;margin: 8px 0 0 0;} .priority-booking.pb-other-events .pnl-row .pnl .pnl-inner.w-bg .pnl-txt {padding-bottom: 6rem;} .priority-booking .pf-release, .rslt-grid .pf-release {margin: 8px 0;font-weight: bold;} .w-bg .rslt-grid .pnl-txt p.pf-release, .rslt-grid .pf-release, .priority-booking .w-bg .pnl-txt p.pf-release, .priority-booking .pf-release {color: #f00 !important; margin: 0.4em 0 0 0;} .priority-booking .pnl-row .pnl span.pnl-field.pf-date {font-size: 1.2em;margin: 6px 0;} .priority-booking-join h2, .priority-booking-join p {text-align: center;margin: 0;} .priority-booking-join .action-button {width: 304px;padding: 0.2rem 0 !important;font-size: 1.2em;} .leaderboard-block li.general-release .lb-field {color: #aaaaaa;font-size: 0.9rem;} .grid-item-banner {float: left;} .grid-item-banner .pnl-img span { position: absolute;left: -9999px;top: -9999px;} .no-dates .js-release-dates, .no-member-btn .js-member-btn, .leaderboard-block .leaderboard-txt.no-member-btn .js-member-btn { display: none;} #eventsList .action-button, .priority-booking .pnl-txt .action-button {left: 1rem;right: 1rem;text-align: center;} .priority-booking.pb-lead-event .pnl-txt { position: relative;height: 319px;} .rslt-list #eventsList .pnl-txt .action-button {margin: .2em 0;min-width: 30%;} /* Priority Booking ends */ .pnl-row span.pnl-field.pf-published-date { font-size: 1rem; } /*helper classes*/ /*XXXXXXXXXXXXXXX text/element position XXXXXXXXXXXXXXXXXXXXX*/ .align-center {text-align:center} .align-left {text-align:right} .align-right {text-align:left} /*flattern grid classes in mobile*/ .mobile-site .mob-no-p-l {padding-left:0} .mobile-site .mob-no-p-r {padding-right:0} .mobile-site .mob-no-m-t {margin-top:0} /* Changes relating to multilingual work*/ .lan-dropdown-wrapper .lan-dropdown .action-button { padding: 0 0.5rem 0 1rem; } .open-second-menu .lan-nav-close { background: #fff; color: #000 !important; opacity: 0.9; height: 100%; position: fixed; z-index: 10000; top: 0; left: 0; width: 25%; padding: 0; padding: 16px; box-sizing: border-box; } .img-viewer-lan-dropdown { background: #1f1f1f !important; position: fixed; right: 10px; z-index: 10000; top: 54px; min-width: 160px; cursor: pointer; padding: 0 1rem; } #img-viewer .lan-dropdown.highlight-bg .action-button { background: #1f1f1f; } .masthead-inner .lan-dropdown { left: 0; right: 0; top: 0; z-index: 10; } .shelvesandspaces .second-nav .icon + .action-text { z-index: 9; } .masthead-inner .lan-dropdown .action-button .icon { left:1em; } .masthead-inner .lan-dropdown-wrapper { float: right; width: 200px; position: relative; height: 20px; } .lan-dropdown-mob { position: absolute !important; right: 0; width: 20px; overflow: hidden; padding: 0 6px !important; top: 40px; display: none !important; text-transform: uppercase; } /*#img-viewer .img-viewer-nav { height: 85px; } */ #img-viewer .img-viewer-info.img-viewer-info-multilang { top: 90px; height: -moz-calc(100% - 120px); height: -o-calc(100% - 120px); height: -webkit-calc(100% - 120px); height: calc(100% - 120px); } .img-viewer-lan-dropdown .action-button { background: #1f1f1f !important; width: 100%; padding: 0 0 0 1rem !important; } .img-viewer-lan-dropdown h4 { padding: 8px 0; font-size: 14px; font-weight: normal; margin: 0; color: #fff; text-indent: 0; } .active-language-mob { display: none; } /* End multilingual */ /*Eccles*/ .eccles-intro-wrap {overflow: hidden; margin-bottom:32px;} .eccles-hp-intro {width:50%;margin-right:20px;} .eccles-contact {width:45%;border:1px solid #e8e8e8;padding:10px;} .eccles-contact p {margin:0;} .vertical-events .pnl { margin-right: 0; margin-bottom: 8px; margin-bottom: 0.5rem; } .contact-details-comp h3 { padding-top: 0; margin-top: 0; } .space-home-newsletter .text-block h2:first-of-type { margin-top: 0; } /* GW: Cherry picked for 9795 */ /* Discovering Literature */ .shelvesandspaces .main-content-block-inner.grid_61 .grid_61 .video-block, .shelvesandspaces .main-content-block-inner.grid_61 .grid_61 .text-block, .shelvesandspaces .main-content-block-inner.grid_61 .grid_61 .exp-area.text-block { padding-left:16px; padding-left:1rem; } /* end disc lit */ /*helper classes*/ .align-center {text-align:center} .align-left {text-align:right} .align-right {text-align:left} /*flattern grid classes in mobile*/ /*tops*/ .mobile-site .mob-no-m-t {margin-top:0 !important} .mobile-site .mob-no-p-t {padding-top:0 !important} .mobile-site .mob-no-p-m-t {padding-top:0 !important;margin-top:0 !important} /*rights*/ .mobile-site .mob-no-m-r {margin-right:0 !important} .mobile-site .mob-no-p-r {padding-right:0 !important} .mobile-site .mob-no-p-m-r {padding-right:0 !important;margin-right:0 !important} /*btms*/ .mobile-site .mob-no-m-b {margin-bottom:0 !important} .mobile-site .mob-no-p-b {padding-bottom:0 !important} .mobile-site .mob-no-p-m-b {padding-bottom:0 !important;margin-bottom:0 !important} /*lefts*/ .mobile-site .mob-no-m-l {margin-left:0 !important} .mobile-site .mob-no-p-l {padding-left:0 !important} .mobile-site .mob-no-p-m-l {margin-left:0 !important;padding-left:0 !important} /*all sides*/ .mobile-site .mob-no-pad {padding:0 !important;} .mobile-site .mob-no-mar {margin:0 !important;} .mobile-site .mob-no-pad-no-mar {padding:0 !important;margin:0 !important;} .page-bg {background-color: #e0e0e0} .bg01 {background-color: #f1f1f1;} /*news/blogs alternating*/ .bg02 {background-color: #ddd;}/* - */ .bg03 {background-color: #3d414d;}/*whatson-newsletter*/ .bg04 {background-color: #f0f0e8;}/*news/blogs alternating*/ .bg05 {background-color: #F2F2EA;}/*discover-learn*/ .bg06 {background-color: #E9E9E9}/*shopping*/ .bg07 {background-color: #eee;}/*shop*/ /* .desktop-site .menuV2 .all {font-weight: bold; position: absolute; bottom: 16px; border-top: none !important; } .desktop-site .menuV2 li.all {position:static;} .desktop-site .menuV2 .all a {font-size: 106%; } */ .bold {font-weight: bold} .push-btm {position: absolute; bottom: 16px;} .bold-push-btm {font-weight: bold;position: absolute; bottom: 16px;} /*Header extra height (some files only)*/ .desktop-site .header-extra-height {height:455px;} /*currently used on the eccles components file*/ .ul-disc {list-style: disc;padding-left: 16px;} /*generic : remove padding/margin*/ .no-m-t {margin-top:0;} .no-p-t {padding-top:0;} .no-m-p-t {margin-top:0;padding-top:0;} .wrap-preline { white-space: pre-line; } /* ========================================================================== Forms ========================================================================== */ input, textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {display: block; font-size: 14px; margin: 0 0 16px 0; margin: 0 0 1rem 0; padding: 4px 4px; padding: 0.25rem 0.25rem; width: 100%; line-height: 32px; } fieldset {margin: 0 2px; padding: 0.35em 0.625em 0.75em;} label {display: block; font-weight: bold; margin-bottom: 16px; margin-bottom: 1rem; } .ul-indented { list-style: initial; margin: initial; padding: 0 0 0 40px; } .ul-flush { list-style: disc; margin: initial; padding: 0 0 0 15px; } ul[class^=ul-] a { color:#227a8d; font-weight:bold; } .ul-indented li, .ul-flush li {display: list-item;} [type="radio"], [type="checkbox"] {margin: 0 8px 0 0; margin: 0 0.5rem 0 0; background-color: transparent; border: 0 none !important; } /*fieldset { border: solid 1px; padding: 16px 16px; padding: 1rem 1rem; margin: 0 0 16px; margin: 0 0 1rem; }*/ fieldset legend {font-weight: normal; } #sociallinkstop + div .newslettersignup-content legend {display: inline} fieldset li {list-style: none; } .form-item {position: relative; } .vlg-bg select, .facet-list a select, input#email {border: none; } .vlg-bg .w-bg select, .facet-list a .w-bg select {border: 1px solid; } .filter-wrap select {width: auto; float: left; margin-right: 8px; margin-right: 0.5rem; } input#bannerSearch, input#email, .newslettersignup-content input#email1, .add-delivery input#confirmEmail, .add-delivery input#phone {margin-bottom: 0; min-height: 39px; } .highlight-bg input#email, .highlight-bg .newslettersignup-content input#email1, .main-bg input#email, .main-bg .newslettersignup-content input#email1 {border: none;} .shelvesandspaces aside .whatson-newsletter-block .newsletter-signup-form .newslettersignup-content {padding-bottom:16px;} .main-content-block .main-content-block-inner > .whatson-newsletter-block .newsletter-signup-form .newslettersignup-content input#email { border:1px solid #999 } /* ================= CASE STUDIES ================= (White txt on white bg inside quotes: coding blind as Athena doesn't have this file http://www.bl.uk/case-studies/dvora-liberman) */ /*.shelvesandspaces.top-page-casestudies h2.block-title {color:#fff}*/ /**/ .whatson-newsletter-block fieldset {border: none; padding: 0; } .whatson-newsletter-block legend, .whatson-newsletter-block legend + label {display: none; } .whatson-newsletter-block input[type="email"] {width: 100%; width: calc(100% - 155px); display: inline-block; float: left; margin: 0 8px 8px 0; } .event-details th, .event-details td {vertical-align: top; } .event-details caption {height: 1px; text-indent: -10000px; } /*.desktop-site .form-block {width: 940px; position: relative; border-top: 1px solid #ccc; padding: 32px 16px; padding: 2rem 1rem; }*/ .form-block .form-block-inner {max-width: 592px; } .highlight-bg .form-block/*, .highlight-bg + .main-content-block .form-block*/ {border-top: none; padding: 0 16px; padding: 0 1rem; } .form-block input[type="text"], .form-block input[type="password"], .form-block input[type="date"], .form-block input[type="datetime"], .form-block input[type="email"], .form-block input[type="number"], .form-block input[type="search"], .form-block input[type="tel"], .form-block input[type="time"], .form-block input[type="url"], .form-block select, .form-block textarea {/*border: 1px solid #CEE1E8; background: #fff; ? */margin-bottom: 20px; padding: 8px; line-height: 150%; } .form-block label {margin-bottom: 2px; } .form-block textarea {height: 150px; resize: none; } .form-block label {display: block; } .form-block .required {font-weight: bold; } .form-block #submit-button {border: none; } .form-block input[type="checkbox"] {float: left; margin: 4px 0; } .form-block input[type="checkbox"] + label {margin-left: 22px; font-weight: normal; } .form-block #submit-button:active {position: relative; top: 1px; outline: none; border: none; } .form-block #loading {width: 32px; height: 32px; position: absolute; right: 130px; bottom: 16px; display: none; } #errors, #success {background-repeat: no-repeat; background-position: 405px center; margin: 25px 0; width: 437px; display: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #errors {padding: 10px; } #errors li {padding: 2px; list-style: none; } #errors li:before {content: ' - '; } #errors #info {font-weight: bold; } #errors #info:before {content: ''; } #success {border: solid 1px #83D186; padding: 25px 10px; } #errors.visible, #success.visible {display: block; } #req-field-desc {font-style: italic; } input:required, textarea:required {-moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } ::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, input.placeholder-text, textarea.placeholder-text {color: #ccc; font-style: italic; } input#bannerSearch, .social-block .newsletter-block #email {width: 65%; float: left; min-height: 39px; } /*TODO: Why in the is 4px margin(-right) used here?? - added 16 btm instead to maintain the correct guttering */ /* .social-block .newsletter-block #go_link {margin: 0 0 0 4px; float: left; height: 34px; height: 38px; line-height: 2.6em; } */ .social-block .newsletter-block #go_link {margin: 0 0 16px 0; float: left; height: 34px; height: 38px; line-height: 2.6em; } .social-block .newsletter-block fieldset {border: none; padding: 0; } .social-block .newsletter-block fieldset p {margin-top: 0; } /* .newslettersignup-content legend {width: 400px; padding-bottom: 0.5rem; } .newslettersignup-content label {height: 1px; text-indent: -10000px; } */ input#bannerSearch {border: 1px solid #ccc; min-height: 36px; } #bigBannerSearch .optionsRow label {color: #fff;} /* ************************ SHOP css start ************************* */ .shop section.forms {overflow:hidden;} .desktop-site.shop .forms.shipping-method, .desktop-site.shop .forms.login {min-height:400px} /*.desktop-site.shop .forms.donate {min-height:760px}*/ .desktop-site.shop.order-confirmation-v2 .forms.wrap-shopping-basket {min-height:1160px;} /*.desktop-site.shop.shopping-basket .forms.wrap-shopping-basket {min-height:800px;}*/ .shop .forms fieldset {margin:0;padding:0;border:none;} .shop.shop-login fieldset { margin-bottom:16px; margin-bottom:1rem; /* padding:0; border:none; 20161207 Main merge */ } /* .desktop-site.shop .forms.shipping-method fieldset legend {margin:0 0 0.9em 0} .desktop-site.shop .forms.donate fieldset {margin-bottom:1rem} .shop fieldset legend.txt-hide span, .shop fieldset label.txt-hide { position:absolute; left:-9999px; width:100px; height:auto; overflow:hidden; } .desktop-site.shop .forms .newsletter-signup-form fieldset #go_link { height: 37px; line-height:37px; float:left; } .desktop-site.shop .forms .newsletter-signup-form fieldset #go_link:hover { background-color: #174854 !important; } .desktop-site.shop .forms .newsletter-signup-form fieldset #email { float:left; width:60%; } .shop .forms.thank-you-newsletter-signup .register ul {list-style:disc;padding-left:17px} margin-bottom:0 !important;} 20161207 Main merge */ .shop .forms .help-txt { font-size:12px; font-size:.75rem; color:#777; } .shop .forms fieldset .forgotton-pwd.no-hover {display:block;} .shop .forms .pnl-row.wrap-progbar-mybag + fieldset, .shop .forms .fieldset-dell-addr {clear:both;} .shop .wrap-mybag .content-body ul.product-row.noProdImg > li:first-child {width:100%;} .shop .forms legend, .accessible-hidden, .newslettersignup-content label {position:absolute;left:-10000px;} /*MH Portals fix (the above was imacting on portal home search component*/ #bigBannerSearch .newslettersignup-content label {position:relative; left:0px;} .shop .forms label {color:#000;} .shop .forms.add-delivery-info h2 { border-bottom: 1px solid #ccc; padding-bottom: 16px; } .shop .forms.add-delivery-info label {font-weight:normal;} .desktop-site.shop .forms.shipping-method fieldset legend {margin:0 0 0.9em 0} .desktop-site.shop .forms.donate fieldset {margin-bottom:1rem} .shop .action-text, .desktop-site.shop .action-button, .shop #tax-no {text-transform:uppercase;} /*shopping bag: desktop remove btn*/ .desktop-site.shop .action-text.mob { display:none; } /* .desktop-site.shop .forms .error-msg.first {margin-top:0 !important;} 20161207 Main merge */ .shop .shopErrorMsg {color:#FF0000} .shop .shopAcceptMsg {color:#008000} .shop .forms .transparent-btn {text-transform:uppercase;} .shop .forms .transparent-btn span.lft-arrow-lft { background-image: url('../../../resources/global/images/bl-web-sprite.png') !important; background-position:102px -5px !important; } .desktop-site.shop.shopping-basket .forms .progress-bar {margin-bottom:0 !important;} .shop .twothirds { width:66%; overflow:hidden; } .shop .twothirds, .desktop-site.shop .forms .pnl-row.wrap-progbar-mybag {padding-top:30px;} .desktop-site.shop .forms .uppercase {text-transform:uppercase;} /*.shop .local-search-wrapper {border:none !important} .shop .local-search-wrapper #search-section-input { border:1px solid #ccc; border-radius:3px; } */ /*XXXXXXXXXXXXXXXXXX Thank you XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*old*/ .desktop-site.shop.checkout-thank-you .shopping-bskt-banner { overflow: hidden; background-color: #434343; height: 100px; } .desktop-site.shop.checkout-thank-you .shopping-bskt-banner .content { height: 70%; border-bottom: 2px #9B9898 solid; background-color: #6B6B6B; display: table; width: 100%; } .desktop-site.shop.checkout-thank-you .shopping-bskt-banner .content .heading { color: #fff; display: table-cell; vertical-align: middle; font-size: 20px; font-size: 2.0rem; font-weight: normal; } /* end old thx */ /*Thank you newsletter - current*/ /*Thank you subscribe btn*/ .shop .forms.thank-you-newsletter-signup #go_link:hover { background-color: #174854 !important; } .shop .forms.thank-you-newsletter-signup #email { float:left; width:60%; } .shop .forms.thank-you-newsletter-signup .register ul {list-style:disc;padding-left:17px} /*thank you checkout btn*/ .shop .forms.thank-you-newsletter-signup .btn:hover {border:none;} /* .desktop-site.shop.checkout-thank-you .forms.confirmation .action-text {text-transform:uppercase;} .desktop-site.shop.checkout-thank-you .forms.confirmation .register p:first-child {padding:0;margin:0;} .desktop-site.shop.checkout-thank-you .forms.confirmation .register ul li i.fa {font-size:10px;} .desktop-site.shop .forms.confirmation .pnl-row .input-wrap {width:100%;} .desktop-site.shop .forms.confirmation .pnl-row .input-wrap input { width:240px; min-height:auto !important; */ /*RHC*/ /* thumb image text event description*/ .desktop-site.shop.checkout-thank-you .rh-column .thmb-pnl-col .pnl .pnl-inner.w-bg .pnl-txt {padding-top:0;} .desktop-site.shop.checkout-thank-you .rh-column .thmb-pnl-col h2 {margin-top:0;} /*end RHC*/ /*XXXXXXXXXXXXXXXXXX end Thank you XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*XXXXXXXXXXXXXXXXXX Shopping basket XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .desktop-site.shop.shopping-basket .forms .col-quantity-price div.error { display:block; float:left; width:85%; background-color:transparent; border:none; margin-top:0 !important; } .desktop-site.shop.shopping-basket .forms .error p a {text-decoration:underline;background-color:red;} .shop.shopping-basket .forms .error p {margin:5px 0;color:red; width:116px;float:left} .shop.shopping-basket .forms ul li, .shop.donate-form .forms :not(.wrap-radio-btns ul) ul li {float:left} /*thank you newsletter*/ .shop .forms.thank-you-newsletter-signup h1 {margin-top:0;} /* borders */ .shop.shopping-basket .forms .no-margin.basket-row, .shop.checkout-thank-you .forms .no-margin.basket-row, .shop .forms.thank-you-newsletter-signup .bdr {border:1px solid #ccc;} .shop.shopping-basket .forms .no-margin:not(:first-child).basket-row {border-bottom:0;} .shop.checkout-thank-you section {padding-top:0} .shop.shopping-basket .forms .no-margin.ghost.basket-row {border-top:0;border-bottom:0;} .shop.shopping-basket .forms .no-margin.ghost.basket-row > ul, .shop.shopping-basket .forms .no-margin.unavailable-item > ul {position:relative} .shop.shopping-basket .forms .no-margin.ghost.basket-row > ul:after, .shop.shopping-basket .forms .no-margin.unavailable-item > ul:after { position: absolute; content: ""; width: 100%; height: 100%; display: block; top: 0; left: 0; background: #fdfdfd; opacity:.8; } .shop.shopping-basket .view-basket ul, .shop.shopping-basket .view-basket ul li, .shop.shopping-basket .product-detail ul li { padding:0; margin:0; overflow:hidden; width:100%; } .shop.shopping-basket .forms .col-title { margin-bottom:10px !important; font-weight:bold; font-size:16px; font-size:1rem; } .shop.shopping-basket.order-confirmation-v2 .forms .contact-details-wrap li:first-child + li {margin-bottom:16px;} .shop.shopping-basket.order-confirmation-v2 .forms .contact-details-wrap li > span.heading {display:block;font-weight:bold;} .shop.shopping-basket.order-confirmation-v2 .forms .contact-details-wrap li > span.email { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } /* shop bordered container */ .shop .forms .view-basket .no-margin > ul > li {width:33.33%;float:left} .shop .forms .view-basket .no-margin > ul li > ul li {width:50%;} .shop.shopping-basket .forms.shopping-basket-noItems .view-basket .no-margin > ul > li { width:100%;} /*XXXXXXXXX end Strap XXXXXXXXXXXXXX*/ /*XXXXXXXX basket-row XXXXXXXXXXX*/ .shop.shopping-basket .forms .basket-row { overflow: hidden; display: table; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .desktop-site.shop.shopping-basket .forms .continue-checkout.basket-row .left > ul {float:left;width:50%} /*XXXXXXXX end basket-row XXXXXXXXXXX*/ /*page heading*/ .shop.shopping-basket .forms .checkout.basket-row div {display: table-cell; vertical-align:middle;} .shop.shopping-basket .forms .checkout.basket-row {margin:0!important;} /*XXXXXXX Buttons XXXXXXXX*/ .shop .transparent-btn {border:1px solid #ccc;} .shop .transparent-btn, .shop .transparent-btn span {color:#174854 !important;} .shop .transparent-btn:hover { background-color:#ccc; border-color:#ccc !important; } .shop .transparent-btn.inactive { background-color: #ccc; cursor: default; } /*.desktop-site.shop .forms .btn { background-color:green !important; 20161207 Main merge */ .shop.shopping-basket .forms .qty-btns .transparent-btn, .shop.shopping-basket .forms .col-remove .transparent-btn, .shop .product-info .qty-btns .transparent-btn { width:30px; height:30px; padding:0; color: #037a8d; line-height:30px; } .shop .product-info .qty-btns .transparent-btn { width:32px; /* TODO: why 32px when it's the same code in multiple places (see above)*/ height:32px; } .shop.shopping-basket .forms .transparent-btn span.sml-lft { background-position:91px -8px; } /*XXXX end btns XXXX*/ /*XXXXXXXXXX Product detail XXXXXXXXXXXX*/ .shop.shopping-basket .forms .product-detail > ul > li .top { font-weight:bold; height:38px; line-height:38px; } .shop.shopping-basket .forms .product-detail > ul > li .top label { margin:0; padding:0; color:#000; } .shop.shopping-basket .forms .product-detail > ul > li .top span {font-weight:normal;} /* .shop.shopping-basket .forms .product-detail.basket-row div.btm {overflow:hidden;} */ /*XXXXXXXXXXXXX v1 order-confirmation XXXXXXXXXXXXXXXXXXXXXXXX*/ .shop.shopping-basket.order-confirmation .forms .product-detail .col-quantity-price > ul {text-align: center} .shop.shopping-basket.order-confirmation .forms .product-detail.basket-row .col-quantity-price ul li {width:33.3333%;} .shop.shopping-basket.order-confirmation .forms .product-detail.basket-row .col-quantity-price ul li p {margin:auto;} .shop.shopping-basket.order-confirmation .forms .product-detail > ul > li {width:50%;} .shop.shopping-basket.order-confirmation .col-right ul.inner {text-align:left} .shop.shopping-basket.order-confirmation .col-right ul.inner > li:first-child {width:100%;} .shop.shopping-basket.order-confirmation .col-right ul.inner > li:first-child ul li {width: 33.33%} /*XXXXXXXXXXXXXXXXX end v1 order-confirmation XXXXXXXXXXXXXXXXXXX*/ /* error msg + vat msg */ .shop .forms .error-msg, .shop .forms .vat-msg { /*background-color:#faffcb;*/ background-color:#fcf9e3; border: 2px solid #f0ebd7; color:#993434; font-size:12px; font-size: 0.75rem; clear:both; margin-bottom:10px; } .shop .forms .vat-msg {margin-bottom:10px;} .shop .forms .vat-msg .content {padding:10px;width:250px} /* end error msg + vat msg */ .shop .forms legend + .error-msg {margin-top:0;} /* Basket (v3 and below): Item columns - all below override shop bordered container (.no-margin)*/ .shop .forms .view-basket .product-detail.no-margin .col-items {width:46%;} .shop .forms .view-basket .product-detail.no-margin .col-quantity, .shop .forms .view-basket .product-detail.no-margin .col-price, .shop .forms .view-basket .product-detail.no-margin .col-subTot, .shop .forms .view-basket .product-detail.no-margin .col-remove {width:18%;} /*XXXXXXXXXXXXXX new heading structure XXXXXXXXXXXXXXXXXXX*/ /* bring Athena inline with cdstaging using Robins code */ /*.shop.shopping-basket .forms .view-basket .no-margin:first-child {border-bottom:1px solid #ccc}*/ .shop .product-detail.no-margin.col-headings, .shop.shopping-basket .forms #shopping-basket .no-margin.basket-row {border-bottom:0} .shop.order-confirmation-v2 .product-detail.last {border-bottom:1px solid #ccc;} /* order confirmation: */ .shop .forms .view-basket .product-detail.no-margin.col-headings .col-items {width:46%;} .shop .forms .view-basket .product-detail.no-margin.col-headings .col-quantity, .shop .forms .view-basket .product-detail.no-margin.col-headings .col-price, .shop .forms .view-basket .product-detail.no-margin.col-headings .col-subTot, .shop .forms .view-basket .product-detail.no-margin.col-headings .col-remove {width:18%;} /* basket default:*/ .shop .forms #shopping-basket .product-detail.no-margin.col-headings ul li {overflow:hidden;text-align:center;float:left} .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-items .top {text-align:left;} .shop .forms #shopping-basket .product-detail.no-margin.col-headings [class^=col] ul {padding:0;} .shop .forms #shopping-basket .view-basket .product-detail .col-items, .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-items {width:46%;} /* basket default: headings cols*/ .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-quantity, .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-price, .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-subTot, .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-remove, .shop .forms #shopping-basket .view-basket .col-quantity, .shop .forms #shopping-basket .view-basket .col-price, .shop .forms #shopping-basket .view-basket .col-subTot, .shop .forms #shopping-basket .view-basket .col-remove {width:13.5%;} /* basket default: item cols*/ /* end new structure changes */ /* Basket default (new file name: basket-default)*/ .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-items {width:40%;} .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-quantity {width:20%;} .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-price, .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-subTot, .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-remove {width:13.33%;} .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-remove .btm {display: inline-block;} .shop .forms .view-basket .product-detail.no-margin > ul li > ul {text-align:center;} .shop .forms .view-basket .product-detail.no-margin > ul li > ul li {width:100%;} /* order-confirmation-v2: form footer remove discount */ .shop.shopping-basket.order-confirmation-v2 .col-right ul.inner {text-align:left;} .shop.shopping-basket.order-confirmation .col-right ul.inner > li:first-child {width:100%;} .shop.shopping-basket.order-confirmation .col-right ul.inner > li:first-child ul li {width: 33.33%} /* end Basket Item columns */ /* Basket: btns */ .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns { width: 117px; margin: 0 auto; } .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li, .shop .product-info .qty-btns li { width:auto; margin-right:10px; float:left; } /* Basket: +/- */ .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li a.action-button, .shop .forms .view-basket .product-detail.no-margin .col-remove li .action-button { text-align:center; width:32px; height:32px; line-height:normal; padding:0; display: table; background-color:green; } /*.shop .forms .action-button span { display: table-cell; vertical-align: middle; color:#fff; }*/ /* Basket: update button */ .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns button { width:116px; float:left; } .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns button + .error p {text-align:left} .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li.add-item, .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li.add-item + li {margin:0;} /* Basket: update btn li */ .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li.add-item + li {width:116px;} .shop .forms .view-basket .product-detail.no-margin .col-quantity button:hover {background-color: #174854;} .shop .forms .view-basket .product-detail.no-margin .col-quantity button i {font-style:normal;color:#fff; } /* end butns */ /* basket: errors */ .shop .forms .error-msg.first {margin-top:0 !important;} .shop .forms .error-msg p {margin:10px 0} /* basket: item image div*/ .shop.shopping-basket .forms .col-items .img-wrap {float:left;max-width:103px;width:100%;} /* basket: internationl delivery msg */ .desktop-site.shop .forms .int-delivery {width:100%;height:20px;} /* basket: item attributes*/ .shop.shopping-basket .forms .basket-row div.btm ul {width:auto;} /*XXXXXXXXXXXXXX end PRODUCT DETAIL XXXXXXXXXXXXXXXX*/ /* voucher */ .shop.shopping-basket .forms .voucher-msg-wrap {overflow: hidden;} .shop.shopping-basket .forms .voucher-msg {float:left;padding:0} .shop.shopping-basket .forms label[for=voucher-code] {margin:0;} .shop.shopping-basket .forms label[for=voucher-code] span {font-weight:normal} .shop.shopping-basket .forms .voucher-input-wrap {overflow: hidden;} .shop.shopping-basket .forms .voucher-input-wrap .action-button {clear:none !important;} .shop.shopping-basket .forms .voucher-msg.code-not-valid {color:red;} .shop.shopping-basket .forms .voucher-msg.code-valid {color:green;} .shop.shopping-basket .forms .voucher-msg.code-checking {color:orange;} .shop.shopping-basket .forms .checkout-total .wrap-input > div p .fa {margin-right:6px;} .shop.shopping-basket .forms .product-detail.basket-row li.col-items div.btm .img-wrap img { width:100%; float:left; } /* quantity/remove btns */ .shop.shop-product .ul-product-qty li {float:left;margin-right:10px;} /*.shop.shop-product .ul-product-qty li .btn { width: 30px; background-color: #fff; height: 30px; text-align: center; display: table-cell; vertical-align: middle; float: none; padding:0; }*/ /* plus and minus btns */ .shop.shopping-basket .forms .product-detail.basket-row div input.btn, .shop.shopping-basket .forms .product-detail.basket-row div .prod-qty, .shop.shop-product .ul-product-qty li .btn, .shop .product-info .qty-btns .prod-qty { width:32px !important; height:32px !important; min-height:auto; text-align:center; box-sizing: border-box; padding:0; } .shop.quick-basket .product-info .qty { display:table; } .shop .product-info .qty-btns { text-align: center; display: table-cell; vertical-align: middle; padding-right: 140px; } .shop.shopping-basket .forms .product-detail.basket-row div input.reduce-qty {border-color:red !important;} .shop.shopping-basket .forms .product-detail.basket-row div .prod-qty {width:100% !important;} .mobile-site.shop.shopping-basket .forms .product-detail.basket-row .col-quantity-price div.btm ul li {margin-right:12px;} /* checkout total row */ .shop.shopping-basket .forms .checkout-total.basket-row, .shop.shopping-basket .forms .having-difficulties-contact.basket-row { border: 1px solid #ccc; /*background-color:#eee;*/ } /*input wraps: e.g. voucher div*/ .shop.shopping-basket .forms .checkout-total.basket-row .wrap-input { display:none; width:100%; } /*inputs*/ .shop.shopping-basket .forms .checkout-total.basket-row .wrap-input input { border: 1px solid #ccc !important; width:30%; padding-left:10px; } .shop.shopping-basket .forms .checkout-total .col-left p {margin:0;} .shop.shopping-basket .forms .checkout-total .col-left .trigger { color:#227a8d; cursor:pointer; float:left; /* font-weight:bold; 20161207 Main merge */ } .shop.shopping-basket .forms .checkout-total .col-left, .shop.shopping-basket .forms .checkout-total .col-right { width:50%; float:left; } .shop.shopping-basket .forms .checkout-total .col-left .wrap-input input, .shop.shopping-basket .forms .checkout-total .col-left .wrap-input .action-button { float:left; } .shop.shopping-basket .forms .checkout-total .col-right ul.outer { width:100%; overflow:hidden; } .shop.shopping-basket .forms .checkout-total .col-right ul.outer .shipping-row {text-align: justify;} .shop.shopping-basket .forms .checkout-total .col-right ul.outer .shipping-row p span { text-transform:uppercase; } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows { text-align:right; } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows li { width:33.33% !important; margin-bottom:12px !important; } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last { width: 60%; margin:0 auto; } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last li { width:100% !important; } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last li p { float:left !important; text-transform:none; } .desktop-site.shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.single-row {text-align:left;} .desktop-site.shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.single-row li { width:100% !important; padding-left: 66px; } /*accept voucher*/ .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row { width:60%; float:right; margin-bottom:10px; margin-bottom:1.1rem; } .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row:first-child { margin-bottom:8px; margin-bottom:.5rem; } .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row div { float:left; width:50%; text-align:right; } .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row:first-child div {width:35%} /*apply to both child divs*/ .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row:first-child div:first-child {width:65%;}/*override*/ .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row.full-width div {width:100%;} .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row.full-width p {width:100%; text-align:right} .shop.shopping-basket .forms .checkout-total ul.purchase-details li:first-child {text-decoration: underline;} .desktop-site.shop.shopping-basket .forms .checkout-total ul.purchase-details li:first-child a:hover {border:none} .shop.shopping-basket .forms .checkout-total ul.purchase-details li.discount {text-align:center;} .shop.shopping-basket .forms .checkout-total .col-right ul.outer li { width:100%; margin:0 0 12px 0; float:left; } .shop.shopping-basket .forms .checkout-total .col-right p { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0; text-transform:uppercase; font-size:12px; font-size:.76rem; } .shop.shopping-basket .forms .checkout-total .col-right ul.inner {overflow:hidden;} .shop.shopping-basket .forms .checkout-total .col-right ul.inner li span { font-weight:bold; display:block; } .shop.shopping-basket .forms .checkout-total .col-right ul.inner li { width:50%; float:left; margin:0; } .shop.shopping-basket .forms .checkout-total .col-right ul.inner { width:60%; font-size:12px; font-size:.8rem; } /* security message */ .shop.shopping-basket .forms .secure-info-message {display:table;margin-bottom:40px;} .shop.shopping-basket .forms .secure-info-message img {max-width:74px;width:100%; margin-right:10px;float:left} .desktop-site.shop.shopping-basket .forms .secure-info-message.basket-row img {float:left;} .desktop-site.shop.shopping-basket .forms .secure-info-message p { display:table-cell; vertical-align:middle; } /* end security message */ /* failure pages */ .shop.failure-error .error-container { border:1px solid #999999; max-width:840px; width:100%; margin:0 auto; padding-bottom:120px; } .shop.failure-error .error-container .inner { padding:16px; padding:1rem; } /* end failure pages */ .desktop-site.shop .title.masthead-title {float:left;} /* bag icon */ .shop .wrap-bag-icon { position: absolute; bottom: 10px; right: 10px; z-index:999; } .shop .wrap-bag-icon, .shop .wrap-bag-icon ul {display:table} .shop .wrap-bag-icon ul li {display:table-cell;vertical-align:middle;padding:0;margin:0} .shop .wrap-bag-icon ul li:first-child { padding-right:10px; padding-top:10px; } .shop .wrap-bag-icon li.bag-icon a { width: 22px; height: 32px; display: table; float:right; background: url(../../../resources/global/images/shopping-basket-alt-22x32.png); background-position: 0% 0%; background-repeat: no-repeat; -webkit-transition-property: background-image; -moz-transition-property: background-image; -o-transition-property: background-image; transition-property: background-image; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .shop .wrap-bag-icon li.bag-icon a:hover { background: url(../../../resources/global/images/shopping-basket-alt-hover-22x32.png) 50% 50% no-repeat; border:0 !important } .shop .wrap-bag-icon li.bag-icon i { font-style:normal; font-size:11px; display:table-cell; vertical-align: middle; text-align: center; padding-top:10px; } /* end bag icon */ /*XXXXXXXXXXXXXXXXXX end shopping basket XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .shop .main-content-block-inner .page-title {padding:0;} .shop .wrap-alt-delivery-address {overflow:hidden;} .shop .forms input, .shop .forms select { border: 1px solid #ccc !important; padding:8px 10px; line-height:normal; min-height:auto !important; } .shop .forms input#prod-qty {padding:0} .forms .form-heading + p i {color: #ff0000;} .desktop-site.shop .forms input::-webkit-input-placeholder, .desktop-site.shop .forms select::-webkit-input-placeholder, .desktop-site.shop .forms input:-moz-placeholder, .desktop-site.shop .forms input::-moz-placeholder, .desktop-site.shop .forms input:-ms-input-placeholder {color: #444 !important;} .desktop-site.shop .forms .pnl-row { width:100%; /*float:left;*/ } .desktop-site.shop.shipping-method .forms .pnl-row { float:none; } .desktop-site.shop .forms .pnl-row.wrap-progbar-mybag {width:65%} .shop .forms .pnl-row .label-wrap { width:20%; float:left; height:34px; line-height:34px; } .shop .forms .pnl-row .label-wrap p {margin:0;} .forms .pnl-row .label-wrap span { font-size:14px; font-size: 0.875rem; } .shop .forms .pnl-row .label-wrap.req span { line-height:normal; } .shop .forms .pnl-row .label-wrap.req span:after { content:"*"; color:red; margin-left:6px; } .shop .forms .pnl-row .label-wrap span + i { display: block; margin-top: -20px; font-weight: normal; font-style: normal; } .shop .forms .pnl-row .input-wrap { float:left; overflow:hidden; width:50%; margin-right:10px; } .shop .forms.login .pnl-row .input-wrap { width:100%; } .shop .forms .pnl-row .user-info-wrap p { padding:0; margin:0; text-align:left; overflow:hidden; } .desktop-site.shop .forms label.error { float:left; color: #d60021 !important; clear:both; padding-right:10px; font-weight:bold; width:100%; /*text-align:center;*/ } .desktop-site.shop .forms label.error[for='username'] { font-weight:normal; font-size:6px !important; font-size:.7rem !important; } .desktop-site.shop .forms .pnl-row.manual-address-line3 label p { /*helps with v-align on this element as it has some extra text using a nested span*/ margin-top:-5px; } .desktop-site.shop .forms .pnl-row.manual-address-line3 label p:after, .desktop-site.shop .forms .pnl-row.alt-address-line3 label p:after { content:""; } .desktop-site.shop .forms .pnl-row.manual-address-line3 label p span, .desktop-site.shop .forms .pnl-row.alt-address-line3 label p span { font-size:8px !important; font-size: .7rem !important; margin-top: -21px; display: block; font-weight: normal; } .forms .pnl-row.title select {width:120px;} .desktop-site.shop .forms .pnl-row.post-code input, .desktop-site.shop .forms .pnl-row.wrap-post-code-alt-address input { width:52%; float:left; margin-right: 10px; } .shop .forms .pnl-row.post-code .action-button, .shop .forms.add-delivery-info .action-text, .shop .forms .pnl-row.wrap-post-code-alt-address .action-button, .shop .forms .pnl-row.wrap-alt-find-address .action-button { width:auto; text-align:center; text-transform: uppercase; } /*.desktop-site.shop .forms .pnl-row.post-code .action-button span {padding:0 14px;}*/ .shop .forms .manual-input > a { border-bottom: 1px solid #e8e8e8; margin-right:10px; color:#037a8d; outline:none; } /* reveal classes used on shop-add-delivery */ .desktop-site.shop .forms .wrap-alt-delivery-address, .desktop-site.shop .forms .pnl-row.wrap-find-address-x, .desktop-site.shop .forms .wrap-enter-manual-address-x, .desktop-site.shop .forms .wrap-alt-manual-address-x, .desktop-site.shop .forms .pnl-row.wrap-alt-find-address-x, .forms.add-delivery-info.reveal .post-code-x, .forms.add-delivery-info.reveal2 .wrap-country-add-address-x, .forms.add-delivery-info.reveal2 .wrap-post-code-alt-address-x {display: none; } .desktop-site.shop .forms .wrap-alt-delivery-address.reveal, .desktop-site.shop .forms .pnl-row.wrap-find-address.reveal, .forms.add-delivery-info.reveal .wrap-enter-manual-address, .forms.add-delivery-info.reveal2 .wrap-alt-delivery-address, .forms.add-delivery-info.reveal2 .wrap-alt-manual-address {display: block; } .desktop-site.shop .forms .spacer {float:left;width:20% !important;} .desktop-site.shop .forms .pnl-row.wrap-alt-find-address .spacer {float:left;width:20%;} .desktop-site.shop .forms .pnl-row.wrap-alt-find-address .wrap-select div {margin-bottom:10px;overflow:hidden;;} .shop .forms.add-delivery-info .wrap-find-address fieldset, .shop .forms.add-delivery-info .wrap-alt-find-address fieldset {width:50%;} .shop .forms .pnl-row.wrap-find-address select, .shop .forms .pnl-row.wrap-alt-find-address select { clear:none; width:100%; float:left; margin-bottom:10px; } .shop .forms .pnl-row.wrap-find-address select {margin:0;} .desktop-site.shop .forms .pnl-row.wrap-find-address .find-btn div, /*.desktop-site.shop .forms .pnl-row.wrap-alt-find-address .find-btn div {width:60%;}*/ .desktop-site.shop .forms .pnl-row.wrap-find-address .find-btn div a, .desktop-site.shop .forms .pnl-row.wrap-alt-find-address .find-btn div a { float:right; padding:0 10px; } /*** Delivery address ***/ /* margin-bottom:10px; margin-top:0; overflow:hidden; } 20161207 Main merge */ .desktop-site.shop .forms .donate-today h4 { margin-bottom:10px; margin-top:0; overflow:hidden; } .desktop-site.shop .forms .delivery-address label[for=sameAddress] { margin-bottom:10px; } .desktop-site.shop .forms .donate-today .action-button { width:20%; text-align:center; } .desktop-site.shop.donate-form .transparent-btn, .desktop-site.shop.donate-form #tax-yes { width:20%; text-align:center; } .desktop-site.shop .forms .delivery-address .action-button span i { font-size:10px; font-size: .7rem; padding-left: 10px; } .desktop-site.shop .forms .pnl-row div input[type=radio] { float:left; height:auto; width:auto; padding:0; margin-right:15px; margin-top:3px; border:none !important; } .desktop-site.shop .forms .delivery-address div > div label { cursor:pointer; } .desktop-site.shop .forms .delivery-address #post-code-add-address-error, .desktop-site.shop .forms .wrap-alt-find-address div > div label, .desktop-site.shop .forms .wrap-alt-manual-address div > div label {padding-left:0} .desktop-site.shop .forms .delivery-address .wrap-country-add-address {margin-top:20px;} .shop .forms .last-line {border-top:1px solid #ccc;} /*.desktop-site.shop .forms .delivery-address .wrap-post-code-alt-address .action-button, .desktop-site.shop .forms .delivery-address .wrap-alt-find-address .action-button {background-color: #037a8d;}*/ /*XXXXXXXXXXXXXX shop login XXXXXXXXXXXXXXXXXXXXXX*/ .desktop-site.shop .forms.login .ui { float:left; width:100%; } .desktop-site.shop .forms.login .ui .registered-login, .desktop-site.shop .forms.login .ui .guest-login { float:left; width:50%; box-sizing: border-box; } /* .desktop-site.shop .forms.login .ui .guest-login h2 { margin:0; } */ .desktop-site.shop .forms.login .ui .inner .registered-login { border-right:1px solid #ccc; } .desktop-site.shop .forms.login .ui .inner .registered-login .wrap-email-input { padding-bottom:0; } .desktop-site.shop .forms.login .ui .inner .content { width:70%; margin:0 auto; } .desktop-site.shop .forms.login .ui .inner .content { width:65%; } .shop .forms.login .ui .inner .content .forgotton-pwd { float:right; line-height:normal; border-bottom:1px solid #ccc; } /*XXXXXXXXXXXXXX end shop login XXXXXXXXXXXXXXXXXXXXXX*/ .forms .threeCollFormElement {width: 100%; margin-bottom: 16px !important; background-color: #fff; } .forms .threeCollFormElement, .forms .threeCollFormElement li {float: left; clear: left; } .forms .threeCollFormElement li {width: 100%; display: inline-block; padding: 14px 10px 0px 10px !important; margin: 0; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .forms .threeCollFormElement li:first-child {border-top: 1px solid #e1e1e1; } .forms .threeCollFormElement span, .forms .threeCollFormElement label {display: inline-block; width: 33%; float: left; clear: right; padding: 0 10px !important; } .no-js .forms input[type=submit] {color: #000; background-color: #ccc; padding: 6px 16px; } .no-js .forms .delivery-address.donate-today .action-button, /* .js .forms .donateForm li > div, */ .js .forms .donateForm li div.other-amount-wrap, .js .forms #taxPopup {display: none; } .js .forms .number-error-msg.warn { border:1px solid #ff0105; padding:2px; margin:10px 0; } .js .forms .number-error-msg.warn p { font-size: 10px; color:#ff0105 ; } .no-js .forms .donate-today {background-color:#f1f1f1} #lightbox #taxPopup {/*min-width: 300px; */max-width: 550px; padding: 16px; } #lightbox #taxPopup label {background-color: #0d0d0d; color: #fff; font-weight: normal; padding: 4px; text-align: center; width: 100px; cursor: pointer; float: left; clear: right; margin-right: 16px; } #lightbox #taxPopup label + label {background-color: #ccc; color: #333; } .forms .donate-today { border: 1px solid #e1e1e1; border-top:0; margin: 0; } #lightbox #taxPopup a.transparent-btn { padding: 0 16px; padding: 0 1rem; } .forms .donateForm {border-top: 1px solid #e1e1e1; } .forms .donateForm > legend { padding-bottom: 8px; padding-bottom: 0.5rem; margin: -72px -16px 0 -16px; margin: -4.5rem -1rem 0 -1rem; } .forms .donate-today .wrap-radio-btns p:first-child {margin-top:0;} .forms .donateForm ul {margin: 16px 0 0 0; margin: 1rem 0 0 0; } .forms .donate-today .tax-payer {float: left; clear: left; width: 100%; border: none !important; margin-bottom: 32px !important; } .forms .donate-today li {border: none; background-color: transparent; padding: 4px 32px !important; } .forms .donate-today li label {width: auto; text-align: left; display: inline; } .forms .donate-today li label input {margin-right: 6px !important; } .forms .donate-today .pnl-row .action-button + span + .action-button {background-color: #ccc; color: #333 !important; margin-left: 16px; } .forms .donate-today .pnl-img img {height: 96px; width: 171px; float: left; clear: right; margin-right: 16px; margin-right: 1rem; } /*.forms .donateForm li > div.other-amount-wrap {width: 126px; height: 36px; position: absolute; }*/ .forms .donateForm li > div.other-amount-wrap {width: 126px; height: 36px;} .forms .donateForm li > div * {float: left; clear: right; } .forms .donateForm li > div label {position: relative; top: 6px; } .forms .donateForm li > div input {width: 42px; } .forms .donateForm li > div input + input, .forms .donateForm li > div label + input, .forms .donateForm li > div input + label {margin-left: 4px; } .forms .donateForm li > div:after {content: '.'; position: relative; left: -65px; top: 6px; width: 5px; } /*.forms .donate-today .error {border: 1px solid #ff0105; }*/ .forms input.error {border-color: #ff0105 !important; } .forms .thanks .tax-payer p {font-size: 16px; font-size: 1rem; margin-bottom: 1rem;} .forms .donate-today.thanks .tax-payer {padding: 0 !important; margin-bottom: 16px !important;} /*.forms .delivery-address .threeCollFormElement, */ .forms .donate-today.thanks .pnl-txt p {margin-top: 16px; margin-top: 1rem;} /* ======================================================= ICONS ======================================================= * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"} .fa-stack {position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x {position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x {line-height: inherit; } .fa-stack-2x {font-size: 2em; } .fa-inverse {color: #fff; } .fa-glass:before {content: "\f000"; } .fa-music:before {content: "\f001"; } button#bannerSearchBtn:before, .fa-search:before, .search input[type=submit]:before, #search-web-cat button[type=submit]:before, .search-section button[type=submit]:before {content: "\f002"; } .fa {display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg {font-size: 1.3em; line-height: 0.75em; vertical-align: -15%; } .fa-2x {font-size: 2em; } .fa-3x {font-size: 3em; } .fa-4x {font-size: 4em; } .fa-5x {font-size: 5em; } .fa-fw {width: 1.2em; text-align: center; } .fa-ul {padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li {position: relative; } .fa-li {position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg {left: -1.85714em; } .fa-border {padding: .2em .25em .15em; border-radius: .1em; } .pull-right {float: right; } .pull-left {float: left; } .fa.pull-left {margin-right: .3em; } .fa.pull-right {margin-left: .3em; } .fa-spin {-webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin {0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin {0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin {0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .picture-info .fa-camera:before, .audio-info .fa-volume-up:before, .video-info .fa-video-camera:before {position: absolute; top: 6px; left: 8px; } .picture-info .icon, .audio-info .icon, .video-info .icon {background-image: none !important; } .search-icon, .search-section input[type=submit] {background-position: -392px -56px; } /* MH Portals search fix*/ .portal-search .search-icon { background-image:none !important; } .icon {font-family: FontAwesome; padding-left: 32px; display: block; float: left; overflow: hidden; width: 0; display: inline-block; font-size: 1em; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .icon {height: 32px; } #img-viewer .img-viewer-arrows li a.icon:hover {height: 44px; }/* some bonkers styling going on here with mad borders on hovers? */ .icon-text {margin-left: 0.75rem; } .icon-after .icon-text {margin: 0 0.75rem 0 0; } .expand-button .icon {padding-left: 10px; } .icon-med, .icon-med:hover {border: 6px solid rgba(0, 0, 0, 0) !important; } .icon-lrg {border: 12px solid rgba(0, 0, 0, 0); } .audio-icon {background-position: -200px -56px; } .video-icon {background-position: -248px -56px; cursor: pointer; } .pnl-img .video-icon {bottom: 0; z-index: 10; } .arw-dwn {background-position: -8px -56px; } .arw-up {background-position: -56px -56px; } .print-icon {background-position: -344px -102px; } .arw-lft {background-position: -104px -56px; } .arw-rgt {background-position: -152px -56px; } .sml-lft {background-position: -632px -56px; } .pager .vlg-bg.sml-lft, .facet-list a.sml-lft {background-position: -632px -8px; } .sml-rgt {background-position: -680px -56px; } .accordian-block .acc-pnl-open .acc-pnl-title .sml-rgt {float: left; } .dl, a.action-button:hover .dl {background-position: -56px -152px; } .sml-dwn, .accordian-block .acc-pnl-open .acc-pnl-title .sml-rgt {background-position: -547px -56px; } .vlg-bg.sml-rgt, .facet-list a.sml-rgt, .vlg-bg.sml-rgt:hover, .facet-list a.sml-rgt:hover {background-position: -680px -8px; } .sml-up, .open .sml-dwn, .open .accordian-block .acc-pnl-open .acc-pnl-title .sml-rgt, .accordian-block .acc-pnl-open .acc-pnl-title .open .sml-rgt {background-position: -584px -56px; } .sml-cls {background-position: -8px -105px; } .list-icon {background-position: -344px -56px; } .vlg-bg.list-icon, .facet-list a.list-icon, .vlg-bg .list-icon, .facet-list a .list-icon {background-position: -344px -8px; } .grid-icon {background-position: -288px -56px; } .vlg-bg.grid-icon, .facet-list a.grid-icon, .vlg-bg .grid-icon, .facet-list a .grid-icon {background-position: -296px -8px; } .search-icon {background-position: 0 -750px; } .acc-pnl .sml-rgt {background-position: -695px -56px; } .zoom-in {background-position: -104px -152px; } .zoom-out {background-position: -152px -152px; } .transcript {background-position: -200px -152px; } .sml-cls-w {background-position: -8px -152px; } .full-screen-w {background-position: -248px -152px; } .full-screen-b {background-position: -248px -102px; } .thin-arw-dwn {background-position: -388px -94px; padding-left: 88px; height: 48px; } .thin-arw-up {background-position: -484px -94px; padding-left: 88px; height: 48px; } .olay-img {position: absolute; left: 0; /* top: 0; defaults to top, stops overriding other bottom declarations*/} .pnl-lnk:hover .olay-img {margin-top: 8px; margin-top: 0.5rem; } .book-tickets-button, .expand-button, .action-button, .btn-success, .text-link-with-icon, .transparent-btn {-webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; /*-webkit-text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); -moz-text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); */} .print-page, .accordian-wrap h3 {-webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; } .transparent-btn, .expand-button, .action-button, .text-link-with-icon { display: inline-block; height: 32px; height: 2rem; border: none; line-height: 32px; line-height: 2rem; position: relative; text-decoration: none; padding: 0 16px; padding: 0 1rem; } .transparent-btn { padding:0 16px 0 0; padding:0 1rem 0 0; } /*TODO: figure out if we need :not(.shelvesandspaces) */ body:not(.add-delivery):not(.shelvesandspaces) .action-button {padding: 0 2rem;} .shelvesandspaces nav .action-button {padding: 0 2rem;} .action-button + span {margin-left: 10px; } .rslt-list #eventsList .pnl-txt .action-button {clear: left; float: left; position: relative; left: 0; top: 6px; } .thmb-pnl-col .f-right .action-button {margin-right: 12px; } .action-button.med-txt {padding: 3px 22px; padding: 0.2rem 1.4rem; } .action-button .icon, .text-link-with-icon .icon {left: 0.3em; position: absolute; top: 0; } .action-button .icon-right, .text-link-with-icon .icon-right {left: auto; right: 0.3em; top: 0; } .icon + .action-text {display: block; margin-left: 24px; } .shelvesandspaces .second-nav .icon + .action-text { padding:0 !important; margin:0 !important; } #img-viewer-nav .action-text {margin-left:0;} .left-panel-list .icon + .action-text {margin-right: 24px; } .icon-right + .action-text {margin-right: 32px; margin-left: 0; } .icon-sml + .text {line-height: 32px; margin-right: 16px; } .btm-rgt {position: absolute; bottom: 16px; right: 16px; } .top-rgt {position: absolute; top: 16px; right: 16px; } .btm-lft {position: absolute; bottom: 16px; left: 16px; } .btm-lft2 {position: absolute; bottom: 56px; left: 16px; } .top-lft {position: absolute; top: 16px; left: 16px; } .btm-lft-zero {position: absolute; bottom: 0; left: 0; } .top-rgt-neg {position: absolute; right: 16px; top: -24px; } .icon, .search-icon, .search-section input[type=submit], .facet-list .icon, .ui-datepicker .ui-icon, .main-home-pg .owl-carousel .owl-next:before, .main-home-pg .owl-carousel .owl-prev:before, .shop .owl-carousel .owl-next:before, .shop .owl-carousel .owl-prev:before {background-image: url('../images/bl-web-sprite.png') !important; } #listingGo {background-image: none !important; z-index: 0; } .shop #listingGo {color:#004853} /*reverted 17/08/2016*/ /*#listingGo { background-color: #00788b; border-radius: 3px; }*/ a.jp-play, a.jp-pause, .jp-seek-bar, .jp-play-bar, a.jp-mute, a.jp-unmute, .jp-volume-bar, .jp-volume-bar-value {background-image: url('../images/audio-video-sprite.png'); } .media-player-image a.jp-play {background-image: url('../images/play-img-bg.png'); } .video-block .video-play .video-play-icon {background-image: url('../images/video-play.png'); } .component-block .block-expnd-area {background-image: url('../images/qv-arrow.png'); } .desktop-site .primary-nav-item {background-image: url('../images/mega-menu-dropdown-arrow.png'); } .lq, .rq, .w-bg .lq {background-image: url('../images/site-furniture-sprite.png'); } .ajaxCheck .availability {background-image: url('../images/ajax-loader.gif'); }/*ajax-loader-3.gif*/ .qv-open.qv-loading .pnl-expnd-area, .loading .loading-wheel, #img-viewer .img-viewer-main-img {background-image: url('../images/ajax-loader.gif'); } .carousel-slideshow {background: #000 url('../images/ajax-loader.gif') no-repeat center center; }/*this site build requires this selector to use css in this format */ .qv-open.qv-loading .pnl-expnd-area {background-position: center center; background-repeat: no-repeat; } /*#errors, #success {background-image: url('../img/cancel_48.png'); } /*.form-block #loading {background-image: url('../img/loading.gif'); }*/ /* variation for video icons in 1 column format */ .w2col-img-pnl .fa-video-camera, .w2col-img-pnl .fa-volume-up, .w2col-img-pnl .fa-camera { font-size:1.4em; } .w2col-img-pnl .icon { height: 40px; width:6px; } .w2col-img-pnl .pnl-media .time { line-height: 2.8em; } /** * 23/02/17: duplicating this from the feature-201701-fixes branch so that * I can fix the item viewer in the feature-201702-withhome-staging branch **/ .img-viewer-nav .action-button {padding: 0 2rem !important;} /*.jade .voicesofscience .tags .tag, .jade .voicesofscience .tags .view-all-tag a:link, .jade .voicesofscience .tags .view-all-tag a:link:hover {color: #018074; } .jade .voicesofscience .tags a.tag:hover {background: #018074; background-color: #018074; }*/ /*.voicesofscience .tags .view-all-tag a:link:hover {background: #fff; background-color: #1E6EB8; }*/ .voicesofscience .tags .view-all-tag a:link:hover {background: #1e6eb8; background-color: #1e6eb8; text-decoration: none; } /* original */ .voicesofscience .tags .tag {display: inline-block; font-weight: normal; margin: 0 8px 8px 0; margin: 0 0.5rem 0.5rem 0; padding: 8px; padding: 0.5rem; } .voicesofscience .tags .tag:active {opacity: 0.8; } .voicesofscience .tags .view-all-tag a {border: medium none; display: block; font-weight: bold; } .voicesofscience .main-content-block-inner .tags {margin-left: 14px; } .voicesofscience .tags li {float: left; margin: 0; } .voicesofscience.homepage .searchbox-wrapper {float: right; } .voicesofscience .quote-block-wrapper p {max-width: 976px; } .voicesofscience .vlg-bg .pnl .pnl-lnk:hover, .voicesofscience .facet-list a .pnl .pnl-lnk:hover {background: #ccc; text-decoration: none; } .voicesofscience .pnl-row .pnl a.pnl-lnk {display: block; } .voicesofscience .pnl-row .pnl a.pnl-lnk:hover {display: block; margin: 0; padding: 0; }/* margin & padding: overrides panel-and-grid.css instruction*/ .voicesofscience .tags .tag {border: 1px solid #ccc; } .voicesofscience .olay-img {position: absolute; left: 0; top: 0; } .voicesofscience .tags a.tag:hover {background: none repeat scroll 0% 0% #1e6eb8; color: #fff; } .voicesofscience a.tab.active {background-color: #666; color: #fff !important; } /*.voicesofscience .pnl-row .pnl .pnl-title {padding: 0 0 0.5rem 0; }*/ .voicesofscience .pnl-row .pnl .pnl-title {padding: 0.5rem 0; } /* original */ .voicesofscience .action-button .icon/*, .text-link-with-icon .icon ???!!*/ {position: absolute; left: 1em; top: 0; } .voicesofscience a:hover.tab {border-bottom: none; } .voicesofscience .sml-img-pnl .pnl .pnl-inner.w-bg .pnl-txt {max-height: 96px; overflow: hidden; padding: 0 1rem; } @charset "utf-8"; /* @import url('resets.css'); @import url('typography-lists-and-inline.css?v=1'); @import url('panel-and-grid.css?v=1'); @import url('header-and-footer.css?v=1'); @import url('block-elements.css?v=1'); @import url('colours-global.css?v=1'); @import url('colours.css?v=1'); @import url('components.css?v=1'); @import url('forms.css?v=1'); @import url('icons.css?v=1'); @import url('voicesofscience.css?v=1'); */ hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; padding: 0; margin-bottom: 16px; margin-bottom: 1rem; margin-top: 16px; margin-top: 1rem; } .show {display: block; } .hide {display: none; } .invisible {visibility: hidden; } .hidden {display: none !important; visibility: hidden; }/* good luck working out this logic? DH. */ .remove {position: absolute; left: -3000px; top: -3000px; } .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .clearfix, .mobile-site #main a, .component-block .block-expnd-area .block-expnd-area-inner, aside.rh-column div, .txt-block, .pnl-row, .alternate-main-bg .pnl-inner {clear: both; } .clearfix:before, .mobile-site #main a:before, .component-block .block-expnd-area .block-expnd-area-inner:before, .clearfix:after, .mobile-site #main a:after, .component-block .block-expnd-area .block-expnd-area-inner:after, aside.rh-column div:after, aside.rh-column div:before, .txt-block:after, .txt-block:before, .pnl-row:after, .pnl-row:before, .alternate-main-bg .pnl-inner:after, .alternate-main-bg .pnl-inner:before {content: " "; display: table; } .clearfix:after, .mobile-site #main a:after, .component-block .block-expnd-area .block-expnd-area-inner:after, aside.rh-column div:after, .txt-block:after, .pnl-row:after, .alternate-main-bg .pnl-inner:after {clear: both; } div.loading-icon { position: fixed; top: 0; left: 0; z-index: 5000; width: 100%; height:100%; text-align: center; background: #eee; opacity:0.4 } /* Ability to add bold/italic added to some otherwise simple text elements (titles, short descriptions, etc) however a lot of these are already BOLD, so tags need to be boldER in these. */ .page-title strong, .pnl-title strong { font-weight: bolder; }