/* Minification failed. Returning unminified contents. (719,1): run-time error CSS1019: Unexpected token, found '@import' (719,9): run-time error CSS1019: Unexpected token, found 'url("https://hello.myfonts.net/count/40bd1c")' (730,1): run-time error CSS1019: Unexpected token, found '@import' (730,9): run-time error CSS1019: Unexpected token, found 'url("//hello.myfonts.net/count/40bd1c")' (1518,2): run-time error CSS1019: Unexpected token, found '{' (1518,11): run-time error CSS1030: Expected identifier, found ' ' (1518,19): run-time error CSS1031: Expected selector, found ';' (1518,19): run-time error CSS1025: Expected comma or open brace, found ';' (1518,40): run-time error CSS1030: Expected identifier, found ' ' (1518,45): run-time error CSS1031: Expected selector, found ';' (1518,45): run-time error CSS1025: Expected comma or open brace, found ';' (1518,64): run-time error CSS1030: Expected identifier, found ' ' (1518,72): run-time error CSS1031: Expected selector, found ';' (1518,72): run-time error CSS1025: Expected comma or open brace, found ';' (1518,81): run-time error CSS1030: Expected identifier, found ' ' (1518,86): run-time error CSS1031: Expected selector, found ';' (1518,86): run-time error CSS1025: Expected comma or open brace, found ';' (1518,95): run-time error CSS1030: Expected identifier, found ' ' (1518,96): run-time error CSS1031: Expected selector, found '1px' (1518,96): run-time error CSS1025: Expected comma or open brace, found '1px' (1518,127): run-time error CSS1030: Expected identifier, found ' ' (1518,132): run-time error CSS1031: Expected selector, found ';' (1518,132): run-time error CSS1025: Expected comma or open brace, found ';' (1518,144): run-time error CSS1030: Expected identifier, found ' ' (1518,145): run-time error CSS1031: Expected selector, found '1em' (1518,145): run-time error CSS1025: Expected comma or open brace, found '1em' (1518,165): run-time error CSS1030: Expected identifier, found ' ' (1518,175): run-time error CSS1031: Expected selector, found ';' (1518,175): run-time error CSS1025: Expected comma or open brace, found ';' (1518,185): run-time error CSS1030: Expected identifier, found ' ' (1518,186): run-time error CSS1031: Expected selector, found '5px' (1518,186): run-time error CSS1025: Expected comma or open brace, found '5px' (1518,196): run-time error CSS1019: Unexpected token, found '}' (1519,2): run-time error CSS1019: Unexpected token, found '{' (1519,11): run-time error CSS1030: Expected identifier, found ' ' (1519,19): run-time error CSS1031: Expected selector, found ';' (1519,19): run-time error CSS1025: Expected comma or open brace, found ';' (1519,40): run-time error CSS1030: Expected identifier, found ' ' (1519,45): run-time error CSS1031: Expected selector, found ';' (1519,45): run-time error CSS1025: Expected comma or open brace, found ';' (1519,64): run-time error CSS1030: Expected identifier, found ' ' (1519,72): run-time error CSS1031: Expected selector, found ';' (1519,72): run-time error CSS1025: Expected comma or open brace, found ';' (1519,81): run-time error CSS1030: Expected identifier, found ' ' (1519,86): run-time error CSS1031: Expected selector, found ';' (1519,86): run-time error CSS1025: Expected comma or open brace, found ';' (1519,95): run-time error CSS1030: Expected identifier, found ' ' (1519,96): run-time error CSS1031: Expected selector, found '1px' (1519,96): run-time error CSS1025: Expected comma or open brace, found '1px' (1519,127): run-time error CSS1030: Expected identifier, found ' ' (1519,132): run-time error CSS1031: Expected selector, found ';' (1519,132): run-time error CSS1025: Expected comma or open brace, found ';' (1519,144): run-time error CSS1030: Expected identifier, found ' ' (1519,145): run-time error CSS1031: Expected selector, found '1em' (1519,145): run-time error CSS1025: Expected comma or open brace, found '1em' (1519,165): run-time error CSS1030: Expected identifier, found ' ' (1519,175): run-time error CSS1031: Expected selector, found ';' (1519,175): run-time error CSS1025: Expected comma or open brace, found ';' (1519,185): run-time error CSS1030: Expected identifier, found ' ' (1519,186): run-time error CSS1031: Expected selector, found '5px' (1519,186): run-time error CSS1025: Expected comma or open brace, found '5px' (1519,196): run-time error CSS1019: Unexpected token, found '}' (1520,2): run-time error CSS1019: Unexpected token, found '{' (1520,11): run-time error CSS1030: Expected identifier, found ' ' (1520,19): run-time error CSS1031: Expected selector, found ';' (1520,19): run-time error CSS1025: Expected comma or open brace, found ';' (1520,40): run-time error CSS1030: Expected identifier, found ' ' (1520,45): run-time error CSS1031: Expected selector, found ';' (1520,45): run-time error CSS1025: Expected comma or open brace, found ';' (1520,64): run-time error CSS1030: Expected identifier, found ' ' (1520,72): run-time error CSS1031: Expected selector, found ';' (1520,72): run-time error CSS1025: Expected comma or open brace, found ';' (1520,81): run-time error CSS1030: Expected identifier, found ' ' (1520,86): run-time error CSS1031: Expected selector, found ';' (1520,86): run-time error CSS1025: Expected comma or open brace, found ';' (1520,95): run-time error CSS1030: Expected identifier, found ' ' (1520,96): run-time error CSS1031: Expected selector, found '1px' (1520,96): run-time error CSS1025: Expected comma or open brace, found '1px' (1520,127): run-time error CSS1030: Expected identifier, found ' ' (1520,132): run-time error CSS1031: Expected selector, found ';' (1520,132): run-time error CSS1025: Expected comma or open brace, found ';' (1520,144): run-time error CSS1030: Expected identifier, found ' ' (1520,145): run-time error CSS1031: Expected selector, found '1em' (1520,145): run-time error CSS1025: Expected comma or open brace, found '1em' (1520,165): run-time error CSS1030: Expected identifier, found ' ' (1520,175): run-time error CSS1031: Expected selector, found ';' (1520,175): run-time error CSS1025: Expected comma or open brace, found ';' (1520,185): run-time error CSS1030: Expected identifier, found ' ' (1520,186): run-time error CSS1031: Expected selector, found '5px' (1520,186): run-time error CSS1025: Expected comma or open brace, found '5px' (1520,196): run-time error CSS1019: Unexpected token, found '}' */ /* Minification failed. Returning unminified contents. (626,1): run-time error CSS1019: Unexpected token, found '@import' (626,9): run-time error CSS1019: Unexpected token, found 'url("https://hello.myfonts.net/count/40bd1c")' (637,1): run-time error CSS1019: Unexpected token, found '@import' (637,9): run-time error CSS1019: Unexpected token, found 'url("//hello.myfonts.net/count/40bd1c")' (1425,2): run-time error CSS1019: Unexpected token, found '{' (1425,11): run-time error CSS1030: Expected identifier, found ' ' (1425,19): run-time error CSS1031: Expected selector, found ';' (1425,19): run-time error CSS1025: Expected comma or open brace, found ';' (1425,40): run-time error CSS1030: Expected identifier, found ' ' (1425,45): run-time error CSS1031: Expected selector, found ';' (1425,45): run-time error CSS1025: Expected comma or open brace, found ';' (1425,64): run-time error CSS1030: Expected identifier, found ' ' (1425,72): run-time error CSS1031: Expected selector, found ';' (1425,72): run-time error CSS1025: Expected comma or open brace, found ';' (1425,81): run-time error CSS1030: Expected identifier, found ' ' (1425,86): run-time error CSS1031: Expected selector, found ';' (1425,86): run-time error CSS1025: Expected comma or open brace, found ';' (1425,95): run-time error CSS1030: Expected identifier, found ' ' (1425,96): run-time error CSS1031: Expected selector, found '1px' (1425,96): run-time error CSS1025: Expected comma or open brace, found '1px' (1425,127): run-time error CSS1030: Expected identifier, found ' ' (1425,132): run-time error CSS1031: Expected selector, found ';' (1425,132): run-time error CSS1025: Expected comma or open brace, found ';' (1425,144): run-time error CSS1030: Expected identifier, found ' ' (1425,145): run-time error CSS1031: Expected selector, found '1em' (1425,145): run-time error CSS1025: Expected comma or open brace, found '1em' (1425,165): run-time error CSS1030: Expected identifier, found ' ' (1425,175): run-time error CSS1031: Expected selector, found ';' (1425,175): run-time error CSS1025: Expected comma or open brace, found ';' (1425,185): run-time error CSS1030: Expected identifier, found ' ' (1425,186): run-time error CSS1031: Expected selector, found '5px' (1425,186): run-time error CSS1025: Expected comma or open brace, found '5px' (1425,196): run-time error CSS1019: Unexpected token, found '}' (1426,2): run-time error CSS1019: Unexpected token, found '{' (1426,11): run-time error CSS1030: Expected identifier, found ' ' (1426,19): run-time error CSS1031: Expected selector, found ';' (1426,19): run-time error CSS1025: Expected comma or open brace, found ';' (1426,40): run-time error CSS1030: Expected identifier, found ' ' (1426,45): run-time error CSS1031: Expected selector, found ';' (1426,45): run-time error CSS1025: Expected comma or open brace, found ';' (1426,64): run-time error CSS1030: Expected identifier, found ' ' (1426,72): run-time error CSS1031: Expected selector, found ';' (1426,72): run-time error CSS1025: Expected comma or open brace, found ';' (1426,81): run-time error CSS1030: Expected identifier, found ' ' (1426,86): run-time error CSS1031: Expected selector, found ';' (1426,86): run-time error CSS1025: Expected comma or open brace, found ';' (1426,95): run-time error CSS1030: Expected identifier, found ' ' (1426,96): run-time error CSS1031: Expected selector, found '1px' (1426,96): run-time error CSS1025: Expected comma or open brace, found '1px' (1426,127): run-time error CSS1030: Expected identifier, found ' ' (1426,132): run-time error CSS1031: Expected selector, found ';' (1426,132): run-time error CSS1025: Expected comma or open brace, found ';' (1426,144): run-time error CSS1030: Expected identifier, found ' ' (1426,145): run-time error CSS1031: Expected selector, found '1em' (1426,145): run-time error CSS1025: Expected comma or open brace, found '1em' (1426,165): run-time error CSS1030: Expected identifier, found ' ' (1426,175): run-time error CSS1031: Expected selector, found ';' (1426,175): run-time error CSS1025: Expected comma or open brace, found ';' (1426,185): run-time error CSS1030: Expected identifier, found ' ' (1426,186): run-time error CSS1031: Expected selector, found '5px' (1426,186): run-time error CSS1025: Expected comma or open brace, found '5px' (1426,196): run-time error CSS1019: Unexpected token, found '}' (1427,2): run-time error CSS1019: Unexpected token, found '{' (1427,11): run-time error CSS1030: Expected identifier, found ' ' (1427,19): run-time error CSS1031: Expected selector, found ';' (1427,19): run-time error CSS1025: Expected comma or open brace, found ';' (1427,40): run-time error CSS1030: Expected identifier, found ' ' (1427,45): run-time error CSS1031: Expected selector, found ';' (1427,45): run-time error CSS1025: Expected comma or open brace, found ';' (1427,64): run-time error CSS1030: Expected identifier, found ' ' (1427,72): run-time error CSS1031: Expected selector, found ';' (1427,72): run-time error CSS1025: Expected comma or open brace, found ';' (1427,81): run-time error CSS1030: Expected identifier, found ' ' (1427,86): run-time error CSS1031: Expected selector, found ';' (1427,86): run-time error CSS1025: Expected comma or open brace, found ';' (1427,95): run-time error CSS1030: Expected identifier, found ' ' (1427,96): run-time error CSS1031: Expected selector, found '1px' (1427,96): run-time error CSS1025: Expected comma or open brace, found '1px' (1427,127): run-time error CSS1030: Expected identifier, found ' ' (1427,132): run-time error CSS1031: Expected selector, found ';' (1427,132): run-time error CSS1025: Expected comma or open brace, found ';' (1427,144): run-time error CSS1030: Expected identifier, found ' ' (1427,145): run-time error CSS1031: Expected selector, found '1em' (1427,145): run-time error CSS1025: Expected comma or open brace, found '1em' (1427,165): run-time error CSS1030: Expected identifier, found ' ' (1427,175): run-time error CSS1031: Expected selector, found ';' (1427,175): run-time error CSS1025: Expected comma or open brace, found ';' (1427,185): run-time error CSS1030: Expected identifier, found ' ' (1427,186): run-time error CSS1031: Expected selector, found '5px' (1427,186): run-time error CSS1025: Expected comma or open brace, found '5px' (1427,196): run-time error CSS1019: Unexpected token, found '}' */ /* * jQuery UI CSS Sepsolve 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI Accordion 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width: 1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Datepicker 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display /**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* * jQuery UI Dialog 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Progressbar 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height: 2em; text-align: left; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } /* * jQuery UI Resizable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } /* * jQuery UI Selectable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /* * jQuery UI Slider 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* * jQuery UI Tabs 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { margin-top: 10px; position: relative; padding: .2em; zoom: 1; font-size: 1em; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; color: #164f6b; font-weight: bold; font-size: 1.1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-position: top; background-image: url(../images/TemplateV3/tabs/tab_bg_active.gif); background-repeat: repeat-x; margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0px 30px 10px 30px; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI CSS Sepsolve 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif /*{ffDefault}*/; font-size: 1em /*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif /*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa /*{borderColorContent}*/; background: #ffffff /*{bgColorContent}*/ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAWklEQVRo3u3OAQ0AAAgDIN8/tBrDOUhAetVhERQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFPwSHPD1juSB0SXlAAAAAElFTkSuQmCC') /*../images/jquery/ui-bg_flat_75_ffffff_40x100.png*/ /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/; color: #222222 /*{fcContent}*/; } .ui-widget-content a { color: #222222 /*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa /*{borderColorHeader}*/; background: #cccccc /*{bgColorHeader}*/ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAALElEQVQYlWN49OjRfyYGBgaGIUT8//8fSqBx0Yh///4RL8vAwAAVQ2MNOwIAl6g6KkOJwk8AAAAASUVORK5CYII=') /*../images/jquery/ui-bg_highlight-soft_75_cccccc_1x100.png*/ /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/; color: #222222 /*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222 /*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3 /*{borderColorDefault}*/; background: #e6e6e6 /*{bgColorDefault}*/ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAYAAABvWArbAAAANUlEQVQ4je3LMQoAIBADwb38/6t5wFXaWAiCtUiaYZvF9hBACOFbuntVVe11B0CSjjeE8BwThQIJ8dhEl0YAAAAASUVORK5CYII=') /*../images/jquery/ui-bg_glass_75_e6e6e6_1x400.png*/ /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/; font-weight: normal /*{fwDefault}*/; color: #555555 /*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555 /*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999 /*{borderColorHover}*/; background: #dadada /*{bgColorHover}*/ url(../images/jquery/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/; font-weight: normal /*{fwDefault}*/; color: #212121 /*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121 /*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa /*{borderColorActive}*/; background: #ffffff /*{bgColorActive}*/ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAYAAABvWArbAAAAJklEQVQ4y2P49+/ff4ZRYpQYJYY18R8I0LnEEqTrGCVGiVFiAAgAKto3upwLfV4AAAAASUVORK5CYII=') /*../images/jquery/ui-bg_glass_65_ffffff_1x400.png*/ /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/; font-weight: normal /*{fwDefault}*/; color: #212121 /*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121 /*{fcActive}*/; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1 /*{borderColorHighlight}*/; background: #fbf9ee /*{bgColorHighlight}*/ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAYAAABvWArbAAAAPElEQVQ4y+3LSwoAIAxDQe9/WH9d2QpqqOgVRLIZHoGErmUEQsjXWIsb9UpnQ2lGgfvwqgsTlGAjhDzLBJfVGFdofenWAAAAAElFTkSuQmCC') /*../images/jquery/ui-bg_glass_55_fbf9ee_1x400.png*/ /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/; color: #363636 /*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636 /*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a /*{borderColorError}*/; background: #fef1ec /*{bgColorError}*/ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQCAYAAABvWArbAAAAPUlEQVQ4y+3QsQnAMAADwZf239YQCAbLVSBkgmDUHK9WrGvEAKWUc5k3ToIl4aCnBJaM4TPBvEo9sZRfswGIIg8KyBT1egAAAABJRU5ErkJggg==') /*../images/jquery/ui-bg_glass_95_fef1ec_1x400.png*/ /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/; color: #cd0a0a /*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a /*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a /*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/jquery/ui-icons_222222_256x240.png) /*{iconsContent}*/; } .ui-widget-content .ui-icon { background-image: url(../images/jquery/ui-icons_222222_256x240.png) /*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(../images/jquery/ui-icons_222222_256x240.png) /*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(../images/jquery/ui-icons_888888_256x240.png) /*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/jquery/ui-icons_454545_256x240.png) /*{iconsHover}*/; } .ui-state-active .ui-icon { background-image: url(../images/jquery/ui-icons_454545_256x240.png) /*{iconsActive}*/; } .ui-state-highlight .ui-icon { background-image: url(../images/jquery/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../images/jquery/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px /*{cornerRadius}*/; -webkit-border-top-left-radius: 4px /*{cornerRadius}*/; border-top-left-radius: 4px /*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px /*{cornerRadius}*/; -webkit-border-top-right-radius: 4px /*{cornerRadius}*/; border-top-right-radius: 4px /*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/; border-bottom-left-radius: 4px /*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px /*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/; border-bottom-right-radius: 4px /*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px /*{cornerRadius}*/; -webkit-border-top-left-radius: 4px /*{cornerRadius}*/; border-top-left-radius: 4px /*{cornerRadius}*/; -moz-border-radius-topright: 4px /*{cornerRadius}*/; -webkit-border-top-right-radius: 4px /*{cornerRadius}*/; border-top-right-radius: 4px /*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/; border-bottom-left-radius: 4px /*{cornerRadius}*/; -moz-border-radius-bottomright: 4px /*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/; border-bottom-right-radius: 4px /*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px /*{cornerRadius}*/; -webkit-border-top-right-radius: 4px /*{cornerRadius}*/; border-top-right-radius: 4px /*{cornerRadius}*/; -moz-border-radius-bottomright: 4px /*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/; border-bottom-right-radius: 4px /*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px /*{cornerRadius}*/; -webkit-border-top-left-radius: 4px /*{cornerRadius}*/; border-top-left-radius: 4px /*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/; border-bottom-left-radius: 4px /*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px /*{cornerRadius}*/; -webkit-border-radius: 4px /*{cornerRadius}*/; border-radius: 4px /*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa /*{bgColorOverlay}*/ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAXElEQVRo3u3OAQ0AAAgDIO3f5CW1hnOQgE4ydVgLCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKfgkubNIrSDutzqcAAAAASUVORK5CYII=') /*../images/jquery/ui-bg_flat_0_aaaaaa_40x100.png*/ /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/; opacity: .3; filter: Alpha(Opacity=30) /*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/; padding: 8px /*{thicknessShadow}*/; background: #aaaaaa /*{bgColorShadow}*/ url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAXElEQVRo3u3OAQ0AAAgDIO3f5CW1hnOQgE4ydVgLCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKfgkubNIrSDutzqcAAAAASUVORK5CYII=') /*../images/jquery/ui-bg_flat_0_aaaaaa_40x100.png*/ /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/; opacity: .3; filter: Alpha(Opacity=30) /*{opacityShadow}*/; -moz-border-radius: 8px /*{cornerRadiusShadow}*/; -webkit-border-radius: 8px /*{cornerRadiusShadow}*/; border-radius: 8px /*{cornerRadiusShadow}*/; } /* AUTOSUGGEST */ div.autosuggest { position: absolute; background-image: url('data:image/gif;base64,R0lGODlhFAAKAIAAADMzM////yH5BAEHAAEALAAAAAAUAAoAAAIZjH8AyG2qnIRQMkrtw3ly7HzfJY5bOaJoAQA7') /*../images/img_inquisitor/as_pointer.gif*/; background-position: top; background-repeat: no-repeat; padding: 3px 0 0 0; } div.autosuggest div.as_header, div.autosuggest div.as_footer { position: relative; height: 6px; padding: 0 6px; background-image: url('data:image/gif;base64,R0lGODlhBgAGAIAAADMzM////yH5BAAHAP8ALAAAAAAGAAYAAAIJBIJhhst+oAQFADs=') /*../images/img_inquisitor/ul_corner_tr.gif*/; background-position: top right; background-repeat: no-repeat; overflow: hidden; } div.autosuggest div.as_footer { background-image: url('data:image/gif;base64,R0lGODlhBgAGAIAAADMzM////yH5BAAHAP8ALAAAAAAGAAYAAAIIhI9pkXzhICwAOw==') /*../images/img_inquisitor/ul_corner_br.gif*/; } div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner { position: absolute; top: 0; left: 0; height: 6px; width: 6px; background-image: url('data:image/gif;base64,R0lGODlhBgAGAIAAADMzM////yH5BAAHAP8ALAAAAAAGAAYAAAIJjANgmcj6okwFADs=') /*../images/img_inquisitor/ul_corner_tl.gif*/; background-position: top left; background-repeat: no-repeat; } div.autosuggest div.as_footer div.as_corner { background-image: url('data:image/gif;base64,R0lGODlhBgAGAIAAADMzM////yH5BAAHAP8ALAAAAAAGAAYAAAIIhI8WuRitXisAOw==') /*../images/img_inquisitor/ul_corner_bl.gif*/; } div.autosuggest div.as_header div.as_barxxx, div.autosuggest div.as_footer div.as_barxxx { height: 6px; overflow: hidden; background-color: #333; } div.autosuggest ul { list-style: none; margin: 0 0 -4px 0; padding: 0; overflow: hidden; background-color: #eaeaea; border: 1px solid gray; } div.autosuggest ul li { color: black; padding: 0; margin: 0 4px 4px; text-align: left; } div.autosuggest ul li a { color: black; display: block; text-decoration: none; background-color: transparent; text-shadow: #000 0px 0px 5px; position: relative; padding: 0; width: 100%; } div.autosuggest ul li a:hover { background-color: #777777; } div.autosuggest ul li.as_highlight a:hover { background-color: #777777; } div.autosuggest ul li a span { display: block; padding: 3px 6px; font-weight: bold; } div.autosuggest ul li a span small { font-weight: normal; color: black; } div.autosuggest ul li.as_highlight a span small { color: black; } div.autosuggest ul li.as_highlight a { color: #fff; background-color: #777777; background-image: url('data:image/gif;base64,R0lGODlhBgAGAKIAABtczSpCbCBUsDI1PP///wAAAAAAAAAAACH5BAEHAAQALAAAAAAGAAYAAAMOSAqsxMKxwOCoYlwR9EgAOw==') /*../images/img_inquisitor/hl_corner_br.gif*/; background-position: bottom right; background-repeat: no-repeat; } div.autosuggest ul li.as_highlight a span { background-image: url('data:image/gif;base64,R0lGODlhBgAGAKIAABtczSpCbCBUsDI1PP///wAAAAAAAAAAACH5BAEHAAQALAAAAAAGAAYAAAMOCEosy+GR4RQY1OIRXAIAOw==') /*../images/img_inquisitor/hl_corner_bl.gif*/; background-position: bottom left; background-repeat: no-repeat; } div.autosuggest ul li a .tl, div.autosuggest ul li a .tr { background-image: none; background-color: transparent; background-repeat: no-repeat; width: 6px; height: 6px; position: absolute; top: 0; padding: 0; margin: 0; color: Black; } div.autosuggest ul li a .tr { right: 0; } div.autosuggest ul li.as_highlight a .tl { left: 0; background-image: url('data:image/gif;base64,R0lGODlhBgAGAKIAABtczSpCbCBUsDE2Pf///wAAAAAAAAAAACH5BAEHAAQALAAAAAAGAAYAAAMOOBoC2sDBGCK58JIIdAIAOw==') /*../images/img_inquisitor/hl_corner_tl.gif*/; background-position: bottom left; } div.autosuggest ul li.as_highlight a .tr { right: 0; background-image: url('data:image/gif;base64,R0lGODlhBgAGAKIAABtczSpCbCBUsDE2Pf///wAAAAAAAAAAACH5BAEHAAQALAAAAAAGAAYAAAMOCBLT8MI9NYh9wRKoZwIAOw==') /*../images/img_inquisitor/hl_corner_tr.gif*/; background-position: bottom right; } div.autosuggest ul li.as_warning { font-weight: bold; text-align: center; } div.autosuggest ul em { font-style: normal; color: #CF2B2B; } /** * @license * MyFonts Webfont Build ID 4207798, 2021-11-09T09:58:27-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: KyrialSansProRegular by Mostardesign * URL: https://www.myfonts.com/fonts/mostardesign/kyrial-sans-pro/regular/ * Copyright: Copyright (c) Olivier Gourvat - Mostardesign Studio, 2011. All rights reserved. * * * * © 2021 MyFonts Inc */ /** * @license * MyFonts Webfont Build ID 4242716, 2021-12-14T11:01:56-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: KyrialSansProSemiBold by Mostardesign * URL: https://www.myfonts.com/fonts/mostardesign/kyrial-sans-pro/semi-bold/ * * Webfont: KyrialSansProBold by Mostardesign * URL: https://www.myfonts.com/fonts/mostardesign/kyrial-sans-pro/bold/ * * * Webfonts copyright: Copyright (c) Olivier Gourvat - Mostardesign Studio, 2011. All rights reserved. * * © 2021 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url("https://hello.myfonts.net/count/40bd1c"); @font-face { font-family: "KyrialSansProRegular"; src: url('../../styles/webFonts/KyrialSansProRegular/font.woff2') format('woff2'), url('../../styles/webFonts/KyrialSansProRegular/font.woff') format('woff'); } @font-face { font-family: "KyrialSansProSemiBold"; src: url('../../styles/webFonts/KyrialSansProSemiBold/font.woff2') format('woff2'), url('../../styles/webFonts/KyrialSansProSemiBold/font.woff') format('woff'); } @font-face { font-family: "KyrialSansProBold"; src: url('../../styles/webFonts/KyrialSansProBold/font.woff2') format('woff2'), url('../../styles/webFonts/KyrialSansProBold/font.woff') format('woff'); } /* Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance) then the sizes increase on the site in proportion too. */ @import url("//hello.myfonts.net/count/40bd1c"); @font-face { font-family: ClarendonTExtBol; src: url("../Styles/webFonts/clarendontextbol/ClarendonTExtBol Regular.ttf"); } body { font-family: 'KyrialSansProRegular'; font-size: .9em; background-color: white; scroll-behavior: smooth; } body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, th { margin: 0; padding: 0; letter-spacing: 1px; } *, *::before, *::after { box-sizing: border-box; scroll-behavior: smooth; } table { border-collapse: collapse; } div[data-item-url] { cursor: pointer; } a > img { display: block; } ul.bulletList, .similarPages ul { padding-left: 30px; } ul.bulletList li, .similarPages ul li { position: relative; list-style: none !important; } .similarPages ul li { padding-bottom: 20px} ul.bulletList li::before, .similarPages ul li::before { position: absolute; top: 5px; left: -20px; content: ''; width: 8px; min-width: 8px; min-height: 10px; height: 10px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } #page { min-width: 320px; width: 100%; } .max1400 { margin: 0 auto; width: 100%; max-width: 1400px; } .row { width: 100%; clear: both; overflow: hidden; } .col25 { width: 25%; float: left; } .col33 { width: minmax(400px, 33.3333%); float: left; } .col50 { width: 50%; float: left; } img.imagePadding { padding: 60px; } img.imagePlaceholder { width: 75%; max-width: 200px !important; height: auto; } .regBodyContent p { font-size: 17px; line-height: 20px; font-weight: 400; } .regBodyContent a { font-size: 1em; } .regBodyContent h1 { margin: -10px 0 0 0; padding: 15px 0; font-size: 32px; line-height: 42px; letter-spacing: 1px; font-weight: 600; color: #27348B; border-bottom: 1px solid #D2D2D2; } .regBodyContent h2 { font-size: 28px; font-weight: 600; letter-spacing: 2.08px; color: #27348B; text-align: center; } .regBodyContent h3 { font-size: 24px; line-height: 31px; font-weight: 600; letter-spacing: 1.76px; color: #27348B; } .regBodyContent h4 { font-size: 22px; line-height: 26px; font-weight: 600; letter-spacing: 1.76px; color: #27348B; } .regBodyContent ul, .regBodyContent ul > li { font-size: 17px; line-height: 20px; } /* RESPONSIVE: BASIC MEDIA QUERIES */ @-moz-viewport { width: device-width; } @-webkit-viewport { width: device-width; } @viewport { width: device-width; } @-ms-viewport { width: device-width; } /* Large desktop */ .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } .columns {clear: both; margin:5px 0 10px 0;} .columns .column {display: inline-block; vertical-align: top; padding: 5px 0 10px 10px; } .columns .column:before { content: ""; display: inline-block; vertical-align: middle; height: 1px; } .columns .column h3 {margin-top: 0;} #regIsMobile { display: none; height: 0; width: 0; } #screen, #mask { position: absolute; left: 0; top: 0; background: #000; z-index: 999; opacity: 0.5; } /* RESPONSIVE: THIS SETTING SCALES ALL IMAGES IN CONTENT MANAGED PAGES ON MOBILES SO THEY DONT EXTEND OFF THE PAGE */ .regBodyContent img { height: auto; max-width: 100%; } .emptySearch p { text-align: center; } .searchResults { display: flex; flex-direction: column; grid-gap: 20px; } .searchResults h2 { user-select: none; cursor: pointer; padding: 15px 0 0 0; display: flex; align-items: center; justify-content: center; } .searchResults h2::after { content: ""; display: inline-block; width: 20px; height: 15px; margin-left: 20px; background-image: url(../../Images/template/icon-triangle-yellow.png); transform: rotate(90deg); background-size: contain; background-position: center; background-repeat: no-repeat; } .searchResults h2.open::after { content: ""; display: inline-block; width: 20px; height: 15px; background-image: url(../../Images/template/icon-triangle-yellow.png); transform: rotate(270deg); background-size: contain; background-position: center; background-repeat: no-repeat; } .searchResults h2 span { margin-left: 5px; color: #333333 } .searchResults .productSearch { display: flex; flex-direction: column; } .searchResults .productSearch .noResults p { text-align: center; } .searchResults .productSearch .results { display: grid; grid-template-columns: repeat(3, 340px); justify-content: center; grid-gap: 30px; margin: 30px 0 0 0; } .searchResults .productSearch .results .item { display: flex; flex-direction: column; min-height: 500px; padding: 20px 20px 30px 20px; box-sizing: border-box; cursor: pointer; overflow: hidden; margin-bottom: 0; border: 1px solid #D2D2D2; } .searchResults .productSearch .results .item .Photo { height: 200px; margin-bottom: 20px; text-align: center; } .searchResults .productSearch .results .item .Photo img { height: 100%; width: auto; } .searchResults .productSearch .results .item .Title { text-align: center; padding-bottom: 15px; margin-bottom: 15px; font-size: 18px; border-bottom: 2px solid #FDCE1E; } .searchResults .productSearch .results .item .Title a { color: #27348B; font-size: 15px; text-decoration: none; } .searchResults .productSearch .results .item .Description { flex: 1; color: #333333; font-size: 17px; text-align: center; margin-bottom: 20px; } .searchResults .productSearch .results .item .More { cursor: pointer; display: block; margin: 0 auto; color: #fff; width: fit-content; padding: 8px 20px; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .searchResults .productSearch .results .item .More:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .searchResults .productSearch .results .item .More:hover { background-color: #7CC3ED; } .searchResults .contentSearch { display: flex; flex-direction: column; } .searchResults .contentSearch .noResults { text-align: center; } .searchResults .contentSearch .results { display: grid; grid-template-columns: repeat(3, 340px); justify-content: center; grid-gap: 30px; margin: 30px 0 0 0; } .searchResults .contentSearch .results .item { display: flex; flex-direction: column; padding: 20px 20px 30px 20px; box-sizing: border-box; cursor: pointer; overflow: hidden; margin-bottom: 0; border: 1px solid #D2D2D2; } .searchResults .contentSearch .results .item .pageType { color: #7CC3ED; text-align: center; } .searchResults .contentSearch .results .item .Title { text-align: center; padding: 15px 0; margin: 15px 0; font-size: 18px; border-bottom: 2px solid #FDCE1E; border-top: 2px solid #FDCE1E; } .searchResults .contentSearch .results .item .Title a { color: #27348B; font-size: 15px; text-decoration: none; } .searchResults .contentSearch .results .item .Description { flex: 1; color: #333333; font-size: 17px; text-align: center; margin-bottom: 20px; } .searchResults .contentSearch .results .item .More { cursor: pointer; display: block; margin: 0 auto; color: #fff; width: fit-content; padding: 8px 20px; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .searchResults .contentSearch .results .item .More:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .searchResults .contentSearch .results .item .More:hover { background-color: #7CC3ED; } /* HEADER */ header { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; grid-gap: 50px; padding: 30px; } header .logo { width: 218px; height: auto; display: flex; align-items: center; justify-content: center; } header .logo img { width: 100%; height: auto; } header .menuMobile { display: none; } header .menu { display: flex; flex-direction: column; grid-gap: 20px; } header .menu .menu-top { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; grid-gap: 50px; margin: 0; padding: 0; list-style: none; } header .menu .menu-top > ul { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; grid-gap: 30px; margin: 0; padding: 0; list-style: none; } header .menu .menu-top > ul li:not(:first-of-type) a { display: flex; flex-direction: row; grid-gap: 7px; text-decoration: none; color: #333333; font-size: 12px; font-weight: 400; line-height: 15px; } header .menu .menu-top > ul li:not(:first-of-type) a::before { content: ''; width: 12px; height: 12px; background-image: url(../../Images/template/icon-phone.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } header .menu .menu-top > ul li:first-of-type a { display: flex; flex-direction: row; align-items: center; grid-gap: 7px; text-decoration: none; text-transform: lowercase; color: #333333; font-size: 12px; font-weight: 400; line-height: 15px; } header .menu .menu-top > ul li:first-of-type a::before { content: ''; width: 15px; height: 10px; background-image: url(../../Images/template/icon-email-grey.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } header .menu .menu-top .searchBar { display: flex; flex-direction: row; gap: 10px; } header .menu .menu-top .searchBox { display: block; background-color: #fff; border: none; border-bottom: 1px solid #2b3677; color: #2b3677; height: 30px; width: calc(100% - 40px); } header .menu .menu-top .searchBox:focus { padding: 10px !important; } header .menu .menu-top .submit { display: block; height: 30px; width: 30px; background-color: #2b3677 !important; border: none !important; color: #fff; border-radius: 100%; padding: 7px; } header .menu .menu-bottom { display: flex; align-items: flex-start; justify-content: flex-end; grid-gap: 20px; } header .menu .menu-bottom > ul { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-end; grid-gap: 30px; height: 30px; margin: 0; padding: 0; list-style: none; } header .menu .menu-bottom > ul > li { position: relative; height: 100%; display: flex; align-items: center; } header .menu .menu-bottom > ul li a { text-decoration: none; color: #27348B; font-size: 17px; font-weight: 600; line-height: 22px; } header .menu .menu-bottom > ul li ul { display: none; } header .menu .menu-bottom > ul li.open > ul { position: absolute; top: 30px; left: 0; display: flex; flex-direction: column; grid-gap: 20px; min-width: 300px; height: auto; padding: 25px 0; background-color: #fff; border: 1px solid #7CC3ED; list-style: none; z-index: 999; } header .menu .menu-bottom > ul li.open:last-of-type > ul { position: absolute; top: 30px; left: unset; right: 0; } header .menu .menu-bottom > ul li.open > ul li { display: flex; flex-direction: row; grid-gap: 10px; align-items: center; justify-content: flex-start; padding: 0 25px 0 35px; } header .menu .menu-bottom > ul li.open > ul li:first-of-type { padding: 0 25px 0 35px; } header .menu .menu-bottom > ul li.open > ul li:last-of-type { padding: 0 25px 0 35px; } header .menu .menu-bottom > ul li.open > ul li:before { content: ''; width: 8px; min-width: 8px; min-height: 10px; height: 10px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } header .menu .menu-bottom > ul li ul li ul { display: none; } header .menu .menu-bottom > ul li.open > ul li.open { position: relative; display: flex; flex-direction: row; grid-gap: 10px; align-items: center; justify-content: flex-start; } header .menu .menu-bottom > ul li.open > ul li.open ul { position: absolute; left: 298px; top: -1px; } header .menu .menu-bottom > ul li.open > ul li.open:not(:first-of-type) ul { top: -25px; } /* Category/Product/Resource Banner */ .regStaticBanner { position: relative; height: 300px; width: 100%; background-color: #fff; } .regStaticBanner img { height: 300px; width: 100%; object-fit: cover; object-position: center; } .regStaticBanner .cover { position: absolute; top: 0; left: 0; background-color: rgba(39, 52, 139, 0.3); height: 300px; width: 100%; } /* HOMEPAGE */ .panelOne { background-image: url(../../Images/template/bg-triangles-light.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 30px 20px 65px 20px; } .panelOne .subline { text-align: center; color: #333333; font-size: 18px; line-height: 23px; margin: 30px 0 50px 0; } .panelOne .subline span { font-weight: 600; } .panelOne .instrumentation { display: flex; flex-direction: row; align-items: center; justify-content: center; grid-gap: 90px; } .panelOne .instrumentation .item { display: flex; flex-direction: column; justify-content: center; text-decoration: none; } .panelOne .instrumentation .item img { width: 200px; height: 200px; border: 1px solid #D2D2D2; } .panelOne .instrumentation .item p { margin: 20px 0; font-size: 17px; line-height: 21px; text-align: center; color: #27348B; font-weight: 600; } .panelTwo { background-image: url(../../Images/template/bg-triangles-dark.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 30px 20px 65px 20px; } .panelTwo .intro { text-align: center; color: #333333; font-size: 17px; line-height: 20px; margin: 40px auto 0 auto; max-width: 1040px; } .panelTwo .subline { text-align: center; color: #333333; font-size: 18px; line-height: 23px; margin: 30px 0 50px 0; } .panelTwo .subline span { font-weight: 600; } .panelTwo .applications { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 40px; row-gap: 50px; } .panelTwo .applications .item { display: flex; flex-direction: column; justify-content: center; width: 350px; height: 230px; background-color: #fff; text-decoration: none; } .panelTwo .applications .item img { width: 350px; height: 170px; } .panelTwo .applications .item p { padding: 20px 0; margin: 0; font-size: 15px; line-height: 21px; text-align: center; color: #27348B; font-weight: 600; border-top: 4px solid #FDCE1E; } .panelThree { background-color: #EDEDED; padding: 70px; } .panelThree .quote { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-evenly; grid-gap: 40px; } .panelThree .quote img:last-of-type { display: unset; } .panelThree .quote .quoteText { margin: 0; font-size: 18px; line-height: 27px; text-align: center; color: #333333; font-style: italic; max-width: 1040px; } .panelThree .quoteName { font-weight: 600; font-size: 16px; padding: 20px 0 0 0; margin: 20px auto 0 auto; line-height: 16px; text-align: center; color: #333333; border-top: 1px solid #FDCE1E; width: 80%; } .panelThree .quoteCompany { font-size: 15px; font-weight: 400; line-height: 16px; text-align: center; color: #333333; margin: 5px 0 0 0; } .panelFour { background: linear-gradient(0deg, rgba(39, 52, 139, 0.3), rgba(39, 52, 139, 0.3)), url(../../Images/template/bg-P4-VT.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 360px; padding: 50px 0; border-bottom: 3px solid #FDCE1E; } .panelFour .title { margin: 10px 0 35px 0; color: #fff; font-size: 46px; line-height: 64px; font-weight: 600; text-align: center; text-shadow: 3px 3px 0px #00000080; } .panelFour .CTAbutton { cursor: pointer; display: block; margin: 0 auto; width: 170px; color: #fff; padding: 8px 0; text-decoration: none; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .panelFour .CTAbutton:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .panelFour .CTAbutton:hover { background-color: #7CC3ED; } .panelFive { background-image: url(../../Images/template/bg-triangles-mid.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 45px 20px 65px 20px; } .panelFive .intro { text-align: center; color: #333333; font-size: 17px; line-height: 20px; margin: 40px auto; max-width: 1040px; } .panelFive .newContent { display: grid; grid-template-columns: repeat(3, minmax(min-content, 350px)); align-content: flex-start; justify-content: center; grid-gap: 40px; } .panelFive .newContent .item { display: flex; flex-direction: column; width: 100%; background-color: #fff; text-decoration: none; border: 1px solid #D2D2D2; } .panelFive .newContent .item-top { position: relative; height: auto; } .panelFive .newContent .item-top .item-content { position: absolute; top: 15px; left: 0; margin: 0; background-color: #FDCE1E; text-align: center; padding: 5px 15px; font-size: 14px; line-height: 15px; color: #333333; } .panelFive .newContent .item img { width: 100% !important; height: auto !important; } .panelFive .newContent .item-bottom { position: relative; display: flex; height: 100%; flex-direction: column; padding: 35px 20px 25px 20px; } .panelFive .newContent .item-bottom .item-date { position: absolute; top: 0; right: 0; margin: 0; background-color: #7CC3ED; text-align: center; padding: 5px 7px 5px 5px; font-size: 14px; line-height: 15px; color: #fff; font-style: italic; } .panelFive .newContent .item-bottom .item-title { text-align: center; font-size: 17px; line-height: 21px; font-weight: 600; color: #27348B; padding: 0; margin: 0; } .panelFive .newContent .item-bottom .item-desc { flex: 1; text-align: center; font-size: 17px; line-height: 20px; color: #333333; padding: 0; margin: 15px 0 20px 0; } .panelFive .newContent .item-bottom .item-event { text-align: center; font-size: 17px; line-height: 21px; font-weight: 600; color: #27348B; padding: 0; margin: 0 0 30px 0; } .panelFive .newContent .item-bottom .item-dates { margin: 0 0 10px 0; text-align: center; color: #000; } .panelFive .newContent .item-bottom .item-times { margin: 0 0 10px 0; text-align: center; color: #000; } .panelFive .newContent .item-bottom .item-location { margin: 0 0 10px 0; text-align: center; color: #000; } .panelFive .newContent .item-bottom .item-stand { margin: 0 0 20px 0; text-align: center; flex: 1; color: #000; } .panelFive .newContent .item-bottom .CTAbutton { cursor: pointer; display: block; margin: 0 auto; width: 130px; color: #fff; padding: 8px 0; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .panelFive .newContent .item-bottom .CTAbutton:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .panelFive .newContent .item-bottom .CTAbutton:hover { background-color: #7CC3ED; } .panelSix { background-color: #fff; padding: 45px 20px 60px 20px; } .panelSix .subHeading { text-align: center; color: #333333; font-size: 24px; line-height: 33px; font-weight: 600; margin: 35px 0; } .panelSix .subHeading:last-of-type { } .panelSix .intro { text-align: center; color: #333333; font-size: 17px; line-height: 20px; margin: 0 auto 35px auto; max-width: 1040px; } .panelSix .sagLogos { display: flex; flex-direction: row; align-items: center; justify-content: center; grid-gap: 95px; } .panelSix .sagLogos img { width: auto; height: 45px; } .panelSix .discoverMore .CTAbutton { cursor: pointer; display: block; margin: 0 auto; width: 230px; color: #fff; padding: 8px 0; text-decoration: none; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .panelSix .discoverMore .CTAbutton:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .panelSix .discoverMore .CTAbutton:hover { background-color: #7CC3ED; } .contentCTAButton { cursor: pointer; display: block; margin: 0 0 0 auto; width: fit-content; color: #fff !important; padding: 8px 20px; text-decoration: none; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600 !important; } .contentCTAButton:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .contentCTAButton:hover { background-color: #7CC3ED; } /* RESOURCES */ .resorcesTopList .items { display: grid; width: 100%; grid-template-columns: repeat(3, max(340px)); grid-gap: 30px; justify-content: center; margin-top: 30px; } .resorcesTopList .items .item { display: flex; width: 100%; background-color: #fff; text-decoration: none; border: 1px solid #D2D2D2; justify-content: center; align-items: center; } .resorcesTopList .items .item-content { padding: 25px; } .resorcesTopList .items .item-content .item-title { text-align: left; font-size: 17px; line-height: 21px; font-weight: 600; color: #27348B; padding: 0; margin: 0; } .resorcesList .noResults { margin: 20px 0 40px 20px; } .resorcesList > p { margin: 20px 0 20px 20px; } .resorcesList .items { display: grid; width: 100%; grid-template-columns: repeat(3, 340px); grid-gap: 30px; justify-content: center; margin-top: 40px; } .resorcesList .items .item { display: none; width: 100%; background-color: #fff; text-decoration: none; border: 1px solid #D2D2D2; } .resorcesList .items .item.show { display: flex; } .resorcesList .items .item-content { padding: 25px; display: flex; flex-direction: column; height: 100%; } .resorcesList .items .item-content .placeholder { padding: 20px; } .resorcesList .items .item-content .item-image { width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; overflow: hidden; margin: 0 0 10px 0; } .resorcesList .items .item-content .item-date { text-align: left; font-size: 17px; line-height: 20px; color: #27348B; font-weight: 400; margin: 10px 0 20px 0; } .resorcesList .items .item-content .item-title { text-align: left; font-size: 19px; line-height: 21px; font-weight: 600; color: #27348B; padding: 0; margin: 0; } .resorcesList .items .item-content .item-desc { flex: 1; text-align: left; font-size: 17px; line-height: 20px; color: #333333; padding: 0; margin: 15px 0 20px 0; font-weight: 400; } .resorcesList .items .item-content .item-event { text-align: center; font-size: 19px; line-height: 21px; font-weight: 600; color: #27348B; padding: 0; margin: 0 0 30px 0; } .resorcesList .items .item-content .item-dates { margin: 0 0 10px 0; text-align: center; color: #000; } .resorcesList .items .item-content .item-times { margin: 0 0 10px 0; text-align: center; color: #000; } .resorcesList .items .item-content .item-location { margin: 0 0 10px 0; text-align: center; color: #000; } .resorcesList .items .item-content .item-stand { margin: 0 0 20px 0; text-align: center; flex: 1; color: #000; } .resorcesList .items .item-content .CTAbutton { cursor: pointer; display: block; margin: 0 auto; color: #fff; width: fit-content; padding: 8px 20px; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .resorcesList .items .item-content .CTAbutton:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .resorcesList .items .item-content .CTAbutton:hover { background-color: #7CC3ED; } .resorcesList.webinars .items { grid-template-columns: repeat(2, minmax(min-content, 500px)); } .resourceDetail .when { margin: 10px 0 20px 0; } .resourceDetail .image { display: flex; justify-content: center; align-items: center; margin: 20px auto; } .resourceDetail .image img { height: 100%; width: auto; max-width: 300px; padding: 20px; } .resourceDetail .relatedItems { margin: 60px 0; } .resourceDetail .relatedItems .items { display: grid; width: 100%; grid-template-columns: repeat(3, 340px); grid-gap: 30px; justify-content: center; margin-top: 40px; } .resourceDetail .relatedItems .items .item { width: 100%; background-color: #fff; text-decoration: none; border: 1px solid #D2D2D2; } .resourceDetail .relatedItems .items .item-content { padding: 25px; display: flex; flex-direction: column; height: 100%; } .resourceDetail .relatedItems .items .item-content .placeholder { padding: 20px; } .resourceDetail .relatedItems .items .item-content .item-image { width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; overflow: hidden; margin: 0 0 10px 0; } .resourceDetail .relatedItems .items .item-content .item-date { text-align: left; font-size: 14px; line-height: 16px; color: #27348B; font-weight: 400; margin: 10px 0 20px 0; } .resourceDetail .relatedItems .items .item-content .item-title { text-align: left; font-size: 18px; line-height: 21px; font-weight: 600; color: #27348B; padding: 0; margin: 0; } .resourceDetail .relatedItems .items .item-content .item-desc { flex: 1; text-align: left; font-size: 17px; line-height: 20px; color: #333333; padding: 0; margin: 15px 0 20px 0; font-weight: 400; } .resourceDetail .relatedItems .items .item-content .item-event { text-align: center; font-size: 17px; line-height: 21px; font-weight: 600; color: #27348B; padding: 0; margin: 0 0 30px 0; } .resourceDetail .relatedItems .items .item-content .item-dates { margin: 0 0 10px 0; text-align: center; color: #000; } .resourceDetail .relatedItems .items .item-content .item-times { margin: 0 0 10px 0; text-align: center; color: #000; } .resourceDetail .relatedItems .items .item-content .item-location { margin: 0 0 10px 0; text-align: center; color: #000; } .resourceDetail .relatedItems .items .item-content .item-stand { margin: 0 0 20px 0; text-align: center; flex: 1; color: #000; } .resourceDetail .relatedItems .items .item-content .CTAbutton { cursor: pointer; display: block; margin: 0 auto; color: #fff; width: fit-content; padding: 8px 20px; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .resourceDetail .relatedItems .items .item-content .CTAbutton:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .resourceDetail .relatedItems .items .item-content .CTAbutton:hover { background-color: #7CC3ED; } .resourceDetail .similarPages { margin: 60px 0; } .resourceDetail .relatedProducts { margin: 60px 0; display: flex; flex-direction: column; } .resourceDetail .relatedProducts .items { display: grid; grid-template-columns: repeat(3, 340px); justify-content: center; grid-gap: 30px; margin: 30px 0 0 0; } .resourceDetail .relatedProducts .items .item { display: flex; flex-direction: column; min-height: 500px; padding: 20px 20px 30px 20px; box-sizing: border-box; cursor: pointer; overflow: hidden; margin-bottom: 0; border: 1px solid #D2D2D2; } .resourceDetail .relatedProducts .items .item .Photo { height: 200px; margin-bottom: 20px; text-align: center; } .resourceDetail .relatedProducts .items .item .Photo img { height: 100%; width: auto; } .resourceDetail .relatedProducts .items .item .Title { text-align: center; padding-bottom: 15px; margin-bottom: 15px; font-size: 15px; color: #27348B; border-bottom: 2px solid #FDCE1E; } .resourceDetail .relatedProducts .items .item .Description { flex: 1; color: #333333; font-size: 17px; text-align: center; margin-bottom: 20px; } .resourceDetail .relatedProducts .items .item .More { cursor: pointer; display: block; margin: 0 auto; color: #fff; width: fit-content; padding: 8px 20px; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .resourceDetail .relatedProducts .items .item .More:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .resourceDetail .relatedProducts .items .item .More:hover { background-color: #7CC3ED; } .meetTheTeam { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 100px; grid-row-gap: 75px; justify-content: center; align-content: center; padding: 0 75px; text-align: center; } .meetTheTeam h5 { font-size: 18px; } .meetTheTeam p { text-align: left !important; } /* FOOTER */ .getInTouch { padding: 30px; background-color: #D2D2D2; text-align: center; } .getInTouch h2 { margin: 0 0 30px 0; font-size: 24px; line-height: 33px; font-weight: 600; color: #27348B; text-align: center; } .getInTouch p { color: #333333; font-size: 14px; text-align: center; } .getInTouch .CTAbutton { cursor: pointer; display: block; margin: 30px auto 0 auto; width: fit-content; color: #fff; padding: 8px 20px; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .getInTouch .CTAbutton:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .getInTouch .CTAbutton:hover { background-color: #7CC3ED; } footer { padding: 0; background-image: url(../../Images/template/bg-triangles-blue.png); background-size: cover; background-position: center; background-repeat: no-repeat; } footer a:hover { color: #FDCE1E !important; } footer .max1400 { padding: 40px 40px 80px 40px; overflow: hidden; } footer h2 { color: #fff; margin: 0 0 40px 0; font-size: 26px; text-align: center; line-height: 36px; letter-spacing: 2px; font-weight: 600; } footer .addresses { display: grid; grid-gap: 15%; grid-template-columns: repeat(3, 200px); justify-content: center; } footer .addresses h3 { color: #FDCE1E; margin: 0 0 20px 0; font-size: 17px; text-align: center; line-height: 20px; font-weight: 600; } footer .addresses address { color: #fff; margin: 0; font-size: 15px; text-align: center; line-height: 18px; font-style: unset; } footer .addresses address a { color: #fff; text-decoration: none; margin: 0; font-size: 15px; text-align: center; line-height: 18px; font-style: unset; } footer .addresses address .heading { color: #FDCE1E; font-weight: 600; } footer .about { margin: 15px auto 0 auto; display: flex; flex-direction: column; max-width: 1000px; } footer .about .about-top { padding: 60px 0 25px 0; margin: 0; display: flex; flex-direction: row; grid-gap: 30px; } footer .about .about-top img { height: 20px; width: auto; } footer .about .about-bottom { margin: 0; display: flex; flex-direction: column-reverse; } footer .about .about-bottom a { display: flex; flex-direction: row; align-items: center; grid-gap: 7px; text-decoration: none; text-transform: lowercase; color: #fff; font-size: 15px; font-weight: 400; line-height: 18px; width: fit-content; } footer .about .about-bottom a:nth-of-type(1)::before { content: ''; margin: -2px 0 0 0; width: 18px; height: 12px; background-image: url(../../Images/template/icon-email-white.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } footer .about .about-bottom a:hover:nth-of-type(1)::before { background-image: url(../../Images/template/icon-email-yellow.svg); } footer .about .about-bottom a:nth-of-type(2) { height: 17px; display: flex; align-self: flex-end; } footer .about .about-bottom a:nth-of-type(2) img { height: 100%; } footer .about .about-bottom p span { font-family: "ClarendonTExtBol"; } footer .footer-menu { padding: 40px 0 0 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; max-width: 1000px; margin: 0 auto; } footer .footer-menu .menuLinks ul { display: flex; flex-direction: row; align-items: center; grid-gap: 20px; list-style: none; padding: 0; } footer .footer-menu .menuLinks ul li a { font-size: 15px; line-height: 18px; color: #fff; text-decoration: none; } footer .footer-menu .DesignedBy a { font-size: 15px; line-height: 18px; color: #fff; text-decoration: none; display: flex; flex-direction: row; align-items: center; grid-gap: 10px; } footer .footer-menu .DesignedBy a:after { content: ''; margin: 0; width: 18px; height: 20px; background-image: url(../../Images/template/icon-zarr-white.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } footer .footer-menu .DesignedBy a:hover:after { background-image: url(../../Images/template/icon-zarr-yellow.svg); } /* MEDIA QUERIES */ @media screen and (max-width: 1150px) { .searchResults .productSearch .results, .searchResults .contentSearch .results { grid-template-columns: repeat(2, 340px); } header .menu .menu-bottom > ul li.open > ul { left: -40px; } .panelOne .instrumentation { width: 495px; row-gap: 40px; flex-wrap: wrap; margin: 0 auto; } .resorcesList .items { grid-template-columns: repeat(2, calc(50% - 20px)); } .resourceDetail .relatedItems .items { grid-template-columns: repeat(2, calc(50% - 20px)); } .resourceDetail .relatedProducts .items { grid-template-columns: repeat(2, 340px); } } @media screen and (max-width: 1000px) { header { padding: 30px 20px; justify-content: space-between; } header .menu .menu-top > ul > li { display: none; } header .menu .menu-top > ul > li:nth-of-type(1) { display: unset; } header .menu .menu-top > ul > li:nth-of-type(2) { display: unset; } header .menu .menu-bottom { grid-gap: 15px; } header .menu .menu-bottom > ul { grid-gap: 15px; } header .menu .menu-bottom > ul li a { font-size: 13px; } header .menu .menu-bottom > ul li.open > ul { left: -175px; } .meetTheTeam { grid-template-columns: repeat(2, 1fr); padding: 0 25px; } footer .addresses { grid-gap: 50px; } } @media screen and (max-width: 900px) { .panelFive .newContent { grid-template-columns: minmax(min-content, 350px); grid-gap: 20px; } .panelFive .newContent .item { width: 100%; } .panelFive .newContent .item-bottom .item-event { margin: 0 0 20px 0; } .panelSix .sagLogos img { height: 35px; } } @media screen and (max-width: 800px) { .resorcesList.webinars .items { grid-template-columns: minmax(min-content, 500px); } .meetTheTeam { grid-template-columns: 1fr; } } @media screen and (max-width: 785px) { header .menu .menu-bottom .searchBar { display: none; } header { padding: 20px; } header .menu { display: none; } header .menuMobile { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; grid-gap: 20px; } header .menuMobile #menuSearch { display: inline-block; width: 30px; height: 30px; position: relative; cursor: pointer; } header .menuMobile .searchBarMobile { display: none; position: absolute; top: 63px; right: -20px; flex-direction: row; grid-gap: 10px; width: 300px; padding: 10px; background-color: #fff; z-index: 9999; border-top: 3px solid #7CC3ED; border-bottom: 3px solid #7CC3ED; } header .menuMobile .searchBox { display: block; background-color: #fff; border: none; border-bottom: 1px solid #2b3677; color: #2b3677; height: 30px; width: calc(100% - 40px); } header .menuMobile .submit { display: block; height: 30px; width: 30px; background-color: #2b3677 !important; border: none !important; color: #fff; border-radius: 100%; padding: 7px; } header .menuMobile #menuToggle { width: 25px; height: 25px; position: relative; cursor: pointer; display: inline-block; } header .menuMobile #menuToggle span { background-color: #2b3677; position: absolute; transition: .3s cubic-bezier(.8, .5, .2, 1.4); width: 100%; height: 5px; transition-duration: 500ms } header .menuMobile #menuToggle span:nth-child(1) { top: 0px; left: 0px; } header .menuMobile #menuToggle span:nth-child(2) { top: 10px; left: 0px; opacity: 1; } header .menuMobile #menuToggle span:nth-child(3) { bottom: 0px; left: 0px; } header .menuMobile #menuToggle.open span:nth-child(1) { transform: rotate(45deg); top: 11px; } header .menuMobile #menuToggle.open span:nth-child(2) { opacity: 0; } header .menuMobile #menuToggle.open span:nth-child(3) { transform: rotate(-45deg); top: 11px; } header .menuMobile #menuItems { display: none; position: absolute; top: 63px; right: -20px; width: 300px; padding: 0; background-color: #fff; z-index: 9999; border-top: 3px solid #7CC3ED; border-bottom: 3px solid #7CC3ED; } header .menuMobile #menuItems > ul { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; } header .menuMobile #menuItems > ul > li { position: relative; height: 100%; padding: 10px; border-bottom: 1px solid #7CC3ED; cursor: pointer; display: flex; flex-direction: column; } header .menuMobile #menuItems > ul > li:not(.open):hover { background-color: #7CC3ED; } header .menuMobile #menuItems > ul > li.DownArrow:after { content: ""; display: inline-block; position: absolute; top: 14px; right: 10px; width: 10px; height: 12px; background-image: url(../../Images/template/icon-triangle-yellow.png); transform: rotate(90deg); background-size: contain; background-position: center; background-repeat: no-repeat; } header .menuMobile #menuItems > ul li a { text-decoration: none; color: #27348B; font-size: 17px; font-weight: 600; line-height: 22px; } header .menuMobile #menuItems > ul li ul { display: none; } header .menuMobile #menuItems > ul li.open > ul { display: flex; flex-direction: column; padding: 0; list-style: none; } header .menuMobile #menuItems > ul li.open > ul li { padding: 10px; } header .menuMobile #menuItems > ul li.open > ul li:not(.open):hover { background-color: #7CC3ED } header .menuMobile #menuItems > ul li.open > ul li.DownArrow:after { content: ""; display: inline-block; position: absolute; top: 14px; right: 10px; width: 10px; height: 12px; background-image: url(../../Images/template/icon-triangle-yellow.png); transform: rotate(90deg); background-size: contain; background-position: center; background-repeat: no-repeat; } header .menuMobile #menuItems > ul li ul li ul { display: none; } .panelTwo .applications { align-items: flex-start; column-gap: unset; row-gap: unset; grid-gap: 20px; } .panelTwo .applications .item { width: 200px; height: unset; } .panelTwo .applications .item img { width: 200px; height: 80px; } .panelTwo .applications .item p { display: flex; align-items: center; justify-content: center; padding: 20px 10px; font-size: 13px; line-height: 18px; height: 80px; } footer .addresses { grid-template-columns: 100%; grid-template-rows: repeat(3, 1fr); } } @media (max-width: 750px) { .searchResults .productSearch .results, .searchResults .contentSearch .results { grid-template-columns: 340px; } .resourceDetail .relatedProducts .items { grid-template-columns: 340px; } } @media screen and (max-width: 700px) { .regBodyContent h1 { font-size: 22px; line-height: 22px; } .panelSix .sagLogos { flex-direction: column; grid-gap: 25px; } footer .max1400 { padding: 20px 40px 30px 40px; } footer .about .about-bottom { grid-gap: 10px; align-items: center; } footer .about .about-bottom > p { margin: 0 0 30px 0; font-size: 12px; line-height: 15px; text-align: center; } footer .footer-menu { padding: 25px 0 0 0; flex-direction: column; } footer .footer-menu .menuLinks ul { margin: 0 0 20px 0; grid-gap: 10px; } } @media screen and (max-width: 600px) { .regBodyContent h2 { font-size: 22px; letter-spacing: 1.76px; } .panelOne { padding: 22px 30px 40px 30px; } .panelOne .subline { font-size: 15px; line-height: 18px; margin: 10px 0 30px 0; } .panelOne .instrumentation { width: unset; grid-gap: 20px; } .panelTwo .intro { margin: 15px 0 0 0; } .panelTwo .subline { font-size: 15px; line-height: 18px; margin: 20px 0 30px 0; } .panelThree { position: relative; padding: 25px 20px 80px 20px; } .panelThree:after { position: absolute; content: ''; bottom: 25px; right: 20px; margin: 0; width: 35px; height: 30px; background-image: url(../../Images/template/icon-close-quote.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .panelThree .quote { flex-direction: column; grid-gap: 15px; } .panelThree .quote .quoteText { font-size: 17px; line-height: 22px; } .panelThree .quote img:first-of-type { width: 35px; height: 30px; } .panelThree .quote img:last-of-type { display: none; } .panelThree .quoteName { border: none; font-size: 13px; line-height: 16px; padding: 0; margin: 25px auto 0 auto; } .panelFour { padding: 30px 40px; height: unset; } .panelFour .title { font-size: 32px; line-height: 40px; margin: 25px 0 20px 0; } .panelFive { padding: 25px 20px; } .panelFive .intro { margin: 15px auto 25px auto; } .panelSix { font-size: 22px; line-height: 31px; padding: 35px 0; } .panelSix .subHeading { font-size: 22px; line-height: 31px; margin: 20px 0 25px 0; } .panelSix .discoverMore .subHeading { font-size: 18px; line-height: 25px; margin: 30px 0 15px 0; } .getInTouch h2 { font-size: 22px; line-height: 31px; margin: 0 0 35px 0; } .getInTouch .CTAbutton { margin: 25px auto 0 auto; } footer h2 { font-size: 22px; line-height: 31px; } } @media screen and (max-width: 550px) { header { grid-gap: 20px; padding: 10px; height: 60px; } header .logo { width: 150px; } header .menuMobile { grid-gap: 15px; } header .menuMobile .mobilePhone img { width: 20px; height: 20px; } header .menuMobile .mobileEmail img { width: 25px; height: 16px; } header .menuMobile #menuItems { top: 45px; right: -10px; width: 97vw; } header .menuMobile .searchBarMobile { top: 45px; width: 100vw; justify-content: center; } header .menuMobile .searchBox { max-width: 200px; width: 100%; } header .menuMobile .submit { margin: 0; } .resorcesList .items { grid-template-columns: 100%; } .resourceDetail .relatedItems .items { grid-template-columns: 100%; } footer .about .about-bottom a:nth-of-type(2) { height: 15px; } } @media (max-width: 480px) { #regIsMobile { display: block; } #plcSearchBar { width: 300px; margin: 0 auto; padding: 16px 0 5px 0; } header .logo { width: 120px; } .panelOne .instrumentation { align-items: flex-start; } .panelOne .instrumentation .item { width: 150px; } .panelOne .instrumentation .item img { width: 150px; height: 135px; } .panelOne .instrumentation .item p { margin: 14px 0; } .panelTwo .applications .item { width: 150px; height: unset; } .panelTwo .applications .item img { width: 150px; height: 80px; } .panelFour { padding: 30px 10px; height: unset; } footer .max1400 { padding: 20px 20px 30px 20px; } footer .about .about-bottom a:nth-of-type(2) { height: 13px; } } @media (max-width: 400px) { .searchResults .productSearch .results, .searchResults .contentSearch .results { grid-template-columns: 280px; } footer .about .about-bottom a:nth-of-type(2) { height: 11px; } .resourceDetail .relatedProducts .items { grid-template-columns: 280px; } } /* **************************************************************************************************************** */ .shoppingBasket { height: 75px; float: right; width: 331px; padding: 10px; background-color: pink; } #basketSummary { float: left; color: #333333; font-size: 1.4em; padding: 2px; } #regMainContent { clear: both; background-color: white; } /* Region: Left hand menu/column */ .regLeftMenu { font-size: 1em; } .regLeftMenu a { color: black; text-decoration: none; } .regLeftMenu h2 { font-size: 1em; font-weight: bold; color: white; padding: 2px 5px 2px 2px; background-color: #44749D; margin-top: 3px; } .regLeftMenu .menuLinks { font-size: .9em; background-color: #CBDAE6; } .regLeftMenu .menuLinks a { color: Black; text-decoration: none; } .regLeftMenu .menuLinks a:hover { color: #CF2B2B; } .regLeftMenu .menuLinks ul { padding: 0; margin: 0; list-style-type: none; } .regLeftMenu .menuLinks ul li { padding: 2px 3px 2px 3px; background-color: lightgreen; } .regLeftMenu .menuLinks ul li ul { padding: 2px 0 2px 0; } .regLeftMenu .menuLinks ul li ul li { padding: 2px 3px 2px 10px; background-color: lightblue; } .regLeftMenu .menuLinks ul li ul li ul { padding: 2px 0 2px 0; } .regLeftMenu .menuLinks ul li ul li ul li { padding: 2px 3px 2px 10px; background-color: palevioletred; } .regLeftMenu .searchBox { background-color: #CBDAE6; padding: 2px 4px 3px 4px; margin: 0 0 14px 0; } .regLeftMenu .rssIcons { font-size: .8em; margin: 10px 5px 10px 15px; } .regLeftMenu #scrollerPanelNews { height: 170px; padding: 5px; font-size: 1em; font-family: 'KyrialSansProRegular'; text-align: left; } #regTemplateContentManagedLeftColum { clear: both; margin-top: 10px; font-size: 1.2em; padding: 5px; text-align: center; background-color: #CF2B2B; color: White; } /* Region: Right hand menu/column */ .regRightHandColumn { font-size: 1em; color: black; background-color: yellow; } .regRightHandColumn .widget { font-size: .9em; background-color: #CBDAE6; margin-bottom: 10px; } .regRightHandColumn .widget h2 { font-size: 1.1em; font-weight: bold; color: white; padding: 2px 5px 2px 2px; background-color: #44749D; margin-top: 3px; } .regRightHandColumn .widget a { color: Black; text-decoration: none; } .regRightHandColumn .widget a:hover { color: #CF2B2B; } .regRightHandColumn .widget ul { padding: 0; margin: 0; list-style-type: none !important; } .regRightHandColumn .widget ul li { padding-left: 3px; list-style-type: none !important; } .regRightHandColumn .widget ul li ul li { padding-left: 10px; } .regRightHandColumn .menuItemsBox .Middle .GalleryItem { clear: both; border-bottom: 1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; } .regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryImage { background-color: #FFFFFF; float: left; height: 77px; width: 77px; border: 1px solid #CCCCCC; padding: 1px; text-align: center; } .regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryImage img { border: 0; } .regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryTitle { float: left; padding-left: 5px; } .regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryTitle a { text-decoration: none; font-weight: bold; color: #333333; } .regRightHandColumn .menuItemsBox .Middle .GalleryItem .GalleryTitle a:hover { text-decoration: underline; } .regRightHandColumn .menuItemsBoxRelatedContent { background-repeat: no-repeat; padding-top: 50px; border: 1px solid #CCCCCC; } .regRightHandColumn .menuItemsBoxRelatedContent ul { padding: 0 5px 3px 29px; margin: 0; } .regRightHandColumn .menuItemsBoxRelatedContent ul li { padding-bottom: 4px; } #regBlogMenu { cursor: pointer; display: none; border: 1px solid #BE2638; margin: 1%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 1.1em; clear: both; color: white; background-color: #BE2638; } #regBlogMenu div.B { float: left; } #regBlogMenu div.B img { height: 25px; } @media (max-width: 767px) { #regBlogMenu { display: block; } .regRightHandColumn { display: none; } } #regTemplateContentManagedRightColum { clear: both; margin: 0; padding: 5px; font-size: 0.8em; text-align: center; background-color: #CF2B2B; color: White; } .regBodyContent { min-height: 450px; background-color: #FFFFFF; padding: 20px; } .regBodyContent .basketPopupTop h2 { font-size: 1.3em; } .regBodyContent a { text-decoration: none; font-weight: bold; color: #27348B; } .regBodyContent .FormDetail { margin-left: 60px; } #regMyAccountSectionHeader { margin: 0 auto; width: 949px; height: 48px; background-color: #CBCBCB; border-top: 3px solid #DC73AB; border-bottom: 3px solid #DC73AB; } #regMyAccountSectionHeader a { text-decoration: none; color: #FFFFFF; } #regMyAccountSectionHeader .TileActive { padding: 0 5px 0 5px; height: 48px; width: 180px; float: left; font-weight: bold; color: #FFFFFF; background-color: #DC73AB; } #regMyAccountSectionHeader .TileActive .Step { text-align: center; width: 40px; float: left; font-size: 44px; } #regMyAccountSectionHeader .TileActive .Title { padding-top: 6px; float: left; font-size: 17px; line-height: 20px; width: 138px; } #regMyAccountSectionHeader .TileActive:hover { background-color: #CBCBCB; color: #FFFFFF; } #regMyAccountSectionHeader .TileInactive { padding: 0 5px 0 5px; height: 48px; width: 179px; font-weight: bold; color: #FFFFFF; float: left; } #regMyAccountSectionHeader .TileInactive .Step { text-align: center; width: 40px; float: left; font-size: 44px; } #regMyAccountSectionHeader .TileInactive .Title { padding-top: 6px; float: left; font-size: 17px; line-height: 20px; width: 138px; } #regMyAccountSectionHeader .TileInactive:hover { color: #FFFFFF; background-color: #DC73AB; } .regBodyContent ul li { list-style-type: square; } .FixHeights { clear: both; } /*If you want a background on regMainContent to span the height of regBodyContent this is necessary. */ .regBodyContent .CartLoginBox { border: 2px solid #CCCCCC; padding: 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-align: justify; line-height: 1.4em; padding: 0 15px 10px 15px; min-height: 220px; margin-bottom: 10px; } /* Region: Information boxes - warning and information */ .msgboxInformation { display: none; background: url(../images/message-boxes/message_info.jpg) no-repeat top right; color: white; background-color: #9EC933; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; } .msgboxInformation #msgInformationToUserText { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAeCAYAAACmPacqAAAHNUlEQVR4XpWXa2wU1x3Fz8zsem0vfkAMTuKmmEb4S6oYHDVIVFUkQtKqFULBpFWTIqARaVUFOTIUiRZFSqNCRJHaRP0E9YdQ4eCCLVVp1QcVTaJ8oHWV4KCgpDU0hhQTG7zG9u687qPn3p2RrBX2wl/+6czrzv/smavrGUdrjbQcx0FaW7duxbxyiGv02LFj62tra7/ped7jAGo45mHeowjg39SClPIvk5OTQ3v27PkUgCbK6rw6ffo05lfq4U7MOIYTJ048SwM/A9BuxswnHTsfpdSZYrH4k127dr1vzZBqZjKoUv39/V+kiSEAXWaQjCcg4s/JVWgVcP8Gm3twvUY47hJkc6vgZe+Dl2l6orGx8QmO//X58+d/fPjw4QALV3Uzp06deswITSyX8XWo+D8Q4QiUFDRCtIIDASjF7XGTM4QYhvJqoOs3IJN7FJlM5oWurq7OQ4cOde/fv38Si5S7iJE1lD+R5cYE/AHo4D04sgCoAhw1Dc+thecQr87Cczx+k3oNuvhbqNlfQItrYLJfa29v/+u2bdsa7joZkwTlD6ROxyNw/EGbBHRMJTIGdAYN9/0c82vms+/zXBHQyUQTU0BxDDrfi0x29ZqNGze+sXnz5m8DEHeTzK9IG8RHgP8GoGdo4lbCNBtOQYqbqCwes+e0KiTQjBiloVe4PYNcLvfUpUuXngXgVUsmTWUN5RnoALr0O2gZQSlBFVAihLREkMpDZck4BByiKBpwiXIBiDHAOQ7kf4jW1taXu7u73xocHCwA0NWSeYlAh+egOWm1DEkAJX2aKSUUrVYWzZLAjlE0JuOICB6LIWfehAo+MBN6JSfydwBkF02GqdRRvkGgZ4cAFRJJYpuQjtlIROVG1KvDXTY1QMN1wEYOHGKGOJ4Hc1C7LhyjGkDxbTiNX8aKFSs2AegngqiFHtMGUqfDC/Qxaa/TSrJhbA0oUf61wpoBvNyDcJSyZhxIiOBjOFljwIPyFCetC+W46WIKPf03eEt+hKampg2dnZ3NIyMjPoDoto9JKbXWqv8JmwfEt8jIaEANCTUMoXUD7l9zCl/oGiRDaFs7xHMxIl9AhDFEJBAHZru8H1Pj0jgk783KcWXurHxUbsVjWmk1vAYVlZiOnyoN0ByRQcjtiMSYX3A8RKW0uUlJEGuECF6f7k9CKYWWlpYHEjPOQsk0WI1uJUYIDaQqApsKDUU8JlBZKpKQiRFrILLb1kiKikvWjOu6+cSMu1AyRasyw4alefjGCLVsRPgx92NUVuRLxIYgUXudoBKqQaqs6YO5ubkombPubSewEOJqTU0NtHePTYauoIgUVGKjjhRkrABNKkrQhM5owKIA4cD1kgnMP2WGuc1UhcuXL08CcBacM77vjxj18g+VE6EhZROJTBJ2LshIUctUlD0mA0k1qARJymkp3Qy3vgNSyvDkyZOfLrro8cXpbUYYZJd9FVLUMt4ojdfGLkz8KaUSKovXWAN8XERYRGCxqXpLN9hUrl+/fm50dNQHIIm6rRmujHN8IXrXDKj9Uk/anA3SiUk1hIqNfVSW49SVHyNRhrg8NiXb8jhMcX15lyJIvKAZlrxw4cKrxkzugaeBzL1lE6GAjCVRFkW00KgsJVyo5BoRpZhxkvd7hsk8glKp9L99+/adBZAueHohM2r9+vX/vHHjxlvaW4J85ysQUWKEKGGgEVmmouwxJSzl6xPjqGlD/ernYers2bN9ExMTcwBKJK72jzLs6+v7aRRFE7n7n0TDo68xdp2koqFtMw1IUlFamfMGRcpj4C1D0yOvwqlZivHx8Xe48p5JjBSJqPZyJQ8cOHC5ra3tef6rH6hf1Z3TOouJd160L05KmqagQR+f/P4Fm7FOXqZU6HM7MUnNNj2Iex57Hdnm1ZidnR3dsmXLweTx3EoMqWpmNAl27tz5HlfJH2zatOn12pXfamx5shUzH7+JWx+dKF8hQ4z/6zdQyva1bhyDzdpDc9eLaHzoOe5nUCgURnp7e1++cuXKjDGSEN/pC7kis9u3b//z7t27v7t3795f5pev7Vi27GHUrXoKxWvnUPzvGcSlAqLpMSCT469vR6ahDfn2ryPX+hVkue24LsbGxv7Iz57XknkyTW4Sv2KNWfy7ieWQnOd5S3l8xfHjx5/m5H6OK/S9SimkcHxKOt4q0/hwYGCg78iRIx/yXMBrCwAmyUzlXOH5xb8O+Gs0JZRSTlHHd+zY0d/R0bHl6NGjPRcvXhwwcyAIgs/4KMESXJ9Gp6am3h8eHj7a09PzvXXr1vXSyAdsNEsjEwA+T4zIu/5uSg3x6y9qaGgosFnIxsWDBw/+HcA/+OtrqBmqx4YO0QAURZKYhGSO540BQ8D7yeSLcnEzVRKKeYPZfD4fKqWm2SAPoJ7NctzPADCGFM2mRnxe4zPVEoCQCHOfO/+irG5KUQKaCqlFkjFwDtlkhBA2mQSRoKyJO6z/A+Cji1mq1x1uAAAAAElFTkSuQmCC) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: 1em; font-weight: bold; } .msgboxWarning { display: none; background: url(../images/message-boxes/message_warning.jpg) no-repeat top right; background-color: #FFB00B; color: white; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; } .msgboxWarning #msgWarningToUserText { background: url(data:image/png;base64,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) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: 1em; font-weight: bold; } .breadcrumbtrail { padding: 17px 20px; background-color: #27348B; font-size: 15px; line-height: 17px; color: #fff; font-weight: 400; } .breadcrumbtrail .max1400 { } .breadcrumbtrail .max1400 div { padding: 0 5px 0 5px; display: inline; } .breadcrumbtrail a { color: #fff; text-decoration: none; } .regBodyContent .TxtLabel { text-align: right; white-space: normal; padding: 7px 6px 0 0; font-weight: bold; vertical-align: top; color: #222222; } .regBodyContent .enterData { margin-left: 40px; } .regBodyContent .quotes { } .regBodyContent .quotes .quote { margin: 0 0 10px 0; padding-top: 10px; } .regBodyContent .quotes .quote .header { background-image: url('data:image/gif;base64,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') /*../images/quotes/quote_header.gif*/; background-repeat: no-repeat; height: 32px; } .regBodyContent .quotes .quote .middle { padding: 0 70px 10px 50px; font-size: 1.2em; background-image: url('data:image/gif;base64,R0lGODlhEQIgAKIAAP////Hx8fLy8tDQ0M/Pz9HR0QAAAAAAACH5BAAAAAAALAAAAAARAiAAAAP/SCEL/jDKSau9OOvNu/9gKI5kaZ5oqq5j4AZE8QZsbd94ru987//AkmAYGAxcw6ByyWw6n9ColIQsyha0qXbL7Xq/YCe2eHyFz+i0es3ejgsFRqNNr9vv+PxkRijP9YCBgoOEPC8CfTOFi4yNjo8SM0aKkJWWl5hhYwQERFmZoKGiozlVRp6kqaqrrBpyMH6frbO0tZmSZQy2u7y9g7hIAr7DxMVowFjGysvMTXKIfsLN09TVLJudZtbb3N0ch5xV3uPk5QDPAwpy5uztzQtDk9ru9PW74Arz9vv8pMgu/QIKxASMgbSBCBMSkpQPoMKHEO8YJEMposWLZxhWxMixMqOUV/J0eRxJcgmfaCVTqtwxRp7DlTBjoij4UqbNmx6CDYhjEKfPnxhaxgJKtOgDkAkAADs=') /*../images/quotes/quote_bg.gif*/; background-repeat: repeat-y; } .regBodyContent .quotes .quote .footer { background-image: url('data:image/gif;base64,R0lGODlhEQKPANUAAP///8vLy7+/v/Hx8fLy8tDQ0N/f38/Pz+Dg4NHR0cXFxe3t7fv7+93d3fPz8/T09Pr6+vf399XV1dTU1OHh4cDAwOrq6vb29vz8/Pn5+fDw8Nzc3Onp6dfX18zMzO7u7v39/fj4+NnZ2c3Nzebm5vX19eXl5eTk5OPj49LS0snJydvb2/7+/sfHx729vc7OztjY2OLi4tra2sLCwt7e3u/v7+fn58TExMjIyLy8vOzs7MbGxsPDw9PT08HBwdbW1iH5BAAAAAAALAAAAAARAo8AAAb/wMNgSMAAjsikcslsOp/QqHRKrVqv2Kx2y+16v+CweGxlTASKtGI38ziWjYr6pvDdLE0QYTgoFAh7BCFkhIWGh4iJiouMjY6PAAEeBpQIBpYJFRFJNAENlpSUEy0cTBl7QwcJfAMPkK+wsbKztLW2sw48oKGVBxNJFQ2VlwiWEgpMDqwFQqyDt9DR0tPU1dZgFAHF27sryEcOM8XEl6EzF0oQRKkFrAMEDNfy8/T19vdkNC+7oJYILkgWKBgXapeCBUkYrBvCzB2gTfgiSpxIsSK0Bvt4+buUI+COYQWLHURyyuGBdnwCEXCQAYTFlzBjypxZBeOucv4AHvmgoJxP/1AjQWR4gOpdqgQ1UBU1yjQlq6JLF7p7OlUq06hYU0bVWjVQ06pWr07dqtQpIKpiwapNuxZrWa9goWZ1+nUrV4dn6SoFBNeu2rJ4/44dvLYwWYd0Cb/zuzjxX8BUGaO9O7frZD4OLoQwgpEcTko6AfAkt5HSDYQMIjxQtk5Dig46HCsu/BWxbdpQwz7l2/ay7qZ5Bc8evFTybdpSjdeu3TevSq1u6zZ+Lvtu2OJxG/u2bFaxZN5djSvP/pi79urX10FWv3w4gRIh4nXm9Tm0QJz9Lo2EoNrBUh0dUGBCXMG11117hy003m9+5UZEZdEhVqCDCi62IFvYFYjgbw8eJ/+dZXZROJmIxXklonVs6fVgbme1eNuFybGHm4oyRigXhxKe92J5IcrG4l4PRAABABuM4E9pltjXUyXbhLLDBwBAcAFRS52AwAIN0OgdjgTGKNyXRgXXV2TVjdlbjwbaVll6KI71lnITIoedhxoi5yV6BsKoY4mzvcVdg2FuF1iH07GJ13qAhjecncBp5cADFwxJwSQa8dIRODyQRhACCkDJ32rubPABCwUsYBhcVpnI6IF4Dmqeq4s2mt16g9a54oW0KuoYmq/W+OGpZWZ1Inl0ssqlsYHimSiXqKapoaoYGmvrbmQmu9x3z610QQYYDJApQbyI0AIwMPxUkAAMsJD/gWpLLVCASxZs0KWdznlI3KoVzjntnsTS6GCC+BJK7bB+nsdiWgSLB+yI41FIXau63Yjwrwv+2+y1Bs/rY5hm4irtrNZerKaO7zgAXzwSqNBBk/6kIEESJFSQQEjlAKTulMGtUMoRKFBwaJnObvjzsw1naK/G/RYqqIwLQ4xsmsfihu3R+9LL27TPVohWhDMyx/C9YI7I6MEginkVwABz3LRY2nILAAkqM3lJACYcwcIRA+BA6ZE/BAAABhmUQBQfMZyQRAgHIKAB0gG3iii9hiXNa5uUi2weY2ZCnauhWRt99dLVBjwhtAtDW/XYSXP1sKzCzclgxW42zHbXvW3o/4DJEcQDgAnaEFMMugCAgIERADCgwAQ3JSBD8RGU4N8AGlCQwDNIMHCCBBZUOzm1qJNpOeW9+ht1sq4LtuaWqaZfJ2AH7wU+65CXJ7/Ym19WtMjg2U9y/N/X31b/bmoc6oz2s7FACgLE84AE+iECHASPARBA4E4GUpAW4IE/ziOABSRwAuItYQEHkIEJsveqoq1oad/bldjOtqzEnG5iq+ocAZ8WwKN5L2M5QlqPwJM28+XPN4m6GNo2piug+S9V9ZKaAEEXmWHJj30OeUAJIkA8C7TAJwGgQPAgEIL43A0AKhBBJbwBABaE4AIfsMEGCqCDKGgAASLwgx9Owgw6yv/xjic5gB0LwAFGJSCPd2RGARIwxzsSEo903CMh9ciMRQaykYIs5CEHKciT/NGOjKRkHQPJSD3u0ZKAnGMCDrlHThayk5X0wyTniMpSslKVmJykIytZyj8OMo+HnGUhN6lKTdYxj5j0pSoeGclLvhKYkYwkI0eZSmUm046rlGMpXRlKREYTkpy0JTZVEUpXStOQ2NwmHnv5SD3qcpC2HCUdSWlJYn6Tki5bwQk0cIT7mIMAANCADVBgggVk4AgeWBklPNAAADzABsJAAJQaoYEOcK8qExgSTSZK0Ypa9As8AQUMvtEEHJSLEsCbRQxQEMCywACfF02pSlfKUgDEERT/KiCBEyIwg1Ac4GW0uEACTFWrPRhgZy0NqlCHig8HVGADouAoE/5IiTigoxYcEMHiPGSBFRD1qljN6i0YgIMEgOIGC2WCCAJQiREU9BYo2ABZ8qKBiGr1rXCNKyICMIJyeCABToBbKI4h0VucwGfmoYAN5ErYwhoWCzIgKyV6UAHdLYEAFViZJUghDQj0TDuo+kACXHLYznr2s1YUhgE2MBImGG9mlBgBTqWRARQgoC0IkOlnZ0vbtzKgAhIohyecIAMjUSIFKnCsNDAQgyzJigA16IErasvc5rJUApQywAh+0YQL+IAGlMgESq1xgg7wtEIm0KJzx0temuQgFAEI/64TioSJCmz3GhZIAQlkswLZlve++I1IDjowgeNBoQEj6MAIFPBeeRCgARuoAWJqMAGE5PfBELZGAjxQqihwwAOeEG49SJCCAU3FAglYboRHTOISS6EEFOiABQBjAgT808QwjnGMFyACnT1lpDLOsY4jTGMY9JEvNEDBjodM5PFqYAM/mOcQGhADzhb5yVA27AMokIINcIAAP42ylrcMVxBgCXkyGACXx0zmoUKAA/Qss5rXzOY2u/nNcI6znOdM5zrb+c54zrOe98znPvv5z4AOtKAHTehCG/rQiE60ohfN6EY7+tGQjrSkJ03pSlv60pjOtKY3zelOe/rToA61qOFHTepSm/rUqE61qlfN6la7+tWwjrWsZ03rWtv61rjOta53zete+/rXwA62sIdN7GIb+9jITrayl83sZjv72dCOtrSnTe1qW/va2M62trfN7W57+9vgDre4x03ucpv73OhOt7rXze52u/vd8I63vOdN73rb+974zre+983vfvv73wAPuMAHTvCCG/zgCE+4whfO8IY7/OEQj7jEJ07xilv84hjPuMY3zvGOe/zjIA+5yEdO8pKb/OQoT7nKV87ylrv85TCPucxnTvOa2/zmOM+5znfO8577/OdAD7rQh77nIAAAOw==') /*../images/quotes/quote_footer_bg.gif*/; background-repeat: no-repeat; height: 23px; font-size: 1.1em; color: #333333; padding: 32px 50px 0 80px; } .regBodyContent .OfficeLocations { margin: 40px 0; display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-evenly; align-items: center; grid-gap: 60px; } .regBodyContent .OfficeLocations .office { width: 100%; } .regBodyContent .OfficeLocations .office:nth-last-of-type(2) { order: -1; } .regBodyContent .OfficeLocations .office .Address { height: 170px; text-align: center; display: inline-block; margin: 0 auto 20px auto; width: 100%; } .regBodyContent .OfficeLocations .OfficeName { text-align: center; font-size: 21px; } .regBodyContent .OfficeLocations .office .Address .OfficeAddress { text-align: center; display: inline-block; } .regBodyContent .OfficeLocations .MapArea { width: 100%; margin-top: 20px } .regBodyContent .OfficeLocations .MapArea .Map { width: 100%; height: 400px; margin: 0; } .regBodyContent .OfficeLocations .MapArea .DirectionFinder { background-color: #27348B; text-align: center; padding: 3px 3px 5px 10px; margin: 4px 0 0 0; color: #FFFFFF; font-size: 1.3em; font-weight: bold; padding-right: 6px; } .regBodyContent .OfficeLocations .MapArea .DirectionFinder a { color: #FFFFFF; font-size: 0.9em; } @media (max-width: 1000px) { .regBodyContent .OfficeLocations { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 650px) { .regBodyContent .OfficeLocations { grid-template-columns: 1fr; } .regBodyContent .OfficeLocations * { text-align: center; } } .regBodyContent .Warning { margin: 0 auto; clear: both; background: #EDA32D; /* old browsers */ background: -moz-linear-gradient(top, #F1FA00 0, #FCFEC6 99%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1FA00), color-stop(99%,#FCFEC6)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1FA00', endColorstr='#FCFEC6',GradientType=0 ); /* ie */ border: none; text-align: left; padding: 0.4em; padding-left: 1em; font-size: 1.1em; border: solid 2px #DC0125; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; } .regBodyContent .productRelated { clear: both; margin: 15px 0 20px 0; } .regBodyContent .galleryImages { clear: both; margin: 15px 0 20px 0; } .regBodyContent .galleryImages .image { border: 1px solid silver; float: left; padding: 2px; margin: 0 6px 10px 0; } .regBodyContent .galleryImages .image img { border: none; } .regBodyContent .galleryImages .instructions { color: gray; clear: both; font-size: .9em; } /* GENERIC datagrid styles - NOTE: THis is used in MyAccount area for orders etc... */ table.datagrid { padding: 0; border-collapse: collapse; margin: 1px; width: 100%; border: 1px solid silver; } table.datagrid tr td { vertical-align: top; padding: 2px 3px; border: none; } table.datagrid tr td label { display: none; } table.datagrid .header td { background: #333; font-weight: normal; color: #FFF; border-right: 1px solid #FFFFFF; font-size: 1em; padding: 4px 8px 4px 8px; } table.datagrid .item td { border-bottom: 1px solid silver; background-color: #FFFFFF; margin: 1px; padding: 4px 8px 4px 8px; } table.datagrid .item a { text-decoration: none; font-weight: bold; } table.datagrid .item a:hover { text-decoration: underline; } table.datagrid .alternatingItem td { background-color: #efefef; border-bottom: 1px solid silver; background-color: #FFFFFF; margin: 1px; padding: 4px 8px 4px 8px; } .EmptyDatagridMessage { text-align: center; font-weight: bold } /* Generic paging styles - Ecommerce, etc */ .regBodyContent .paging { padding: 5px 0 8px 5px; } .regBodyContent .paging a { text-decoration: none; } .regBodyContent .paging table { width: 100%; } .regBodyContent .paging .previousPageT { text-align: right; width: 120px; padding-right: 5px; } .regBodyContent .paging .previousPageT a { color: #FFFFFF; background-color: #A25188; padding: 3px 5px 3px 5px; } .regBodyContent .paging .previousPage { text-align: right; width: 220px; padding-right: 5px; } .regBodyContent .paging .previousPage a { color: #FFFFFF; background-color: #A25188; padding: 3px 5px 3px 5px; } .regBodyContent .paging .pageNumbers { text-align: center; width: 310px; } .regBodyContent .paging .pageNumbers a.unselectedPage { font-weight: bold; color: #FFFFFF; padding: 3px 5px 3px 5px; background-color: #5B1243; } .regBodyContent .paging .pageNumbers a.selectedPage { font-weight: bold; padding: 3px 3px 3px 3px; color: #5B1243; } .regBodyContent .paging .nextPage { width: 70px; text-align: left; } .regBodyContent .paging .nextPage a { color: #FFFFFF; padding: 3px 5px 3px 5px; background-color: #A25188; } .regBodyContent .paging .all a { font-weight: bold; color: #FFFFFF; padding: 3px 5px 3px 5px; background-color: #A25188; } .regBodyContent .paging .all { white-space: nowrap; padding-left: 20px; } .regBodyContent .ContentSearch ol { margin-left: 5px; padding-left: 7px; } .regBodyContent .ContentSearch ol li { margin-left: 5px; padding-left: 4px; } .regBodyContent .ContentSearch .SearchResults { border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; margin-bottom: 5px; } .regBodyContent .ContentSearch .SearchResults .Header .Category { color: #E96C20; font-weight: bold; } .regBodyContent .ContentSearch .SearchResults .Header a { font-size: 1.1em; text-decoration: none; } .regBodyContent .ContentSearch .SearchResults .Date { font-weight: bold; font-style: italic; color: #313131; padding-top: 5px; } .regBodyContent .ContentSearch .SearchResults .Content { clear: both; padding: 5px 0 0 0; } .regBodyContent .ContentSearch .SearchResults .ReadMore { text-align: right; padding-top: 6px; padding-bottom: 3px; } .regBodyContent .ContentSearch .SearchResults .ReadMore a { background-color: #E96C20; padding: 1px 4px 1px 4px; color: #FFFFFF; text-decoration: none; } .documents .col50 { padding: 10px; } .documents .col50 h4 { padding-bottom: 10px; } .documents .col50 .EnterData .ruInputs { display: none; } @media (max-width: 950px) { .documents .col50 { clear: both; width: 100%; padding: 10px 0; } } @media (max-width: 450px) { .documents .datagrid, .documents .datagrid * { display: block; } .documents .datagrid .header { display: none; } .documents .datagrid .item td { width: 100% !important; padding-left: 170px; position: relative; text-align: left !important; border-right: 1px solid grey; } .documents .datagrid .item td::before { position: absolute; top: 0; left: 0; height: 100%; width: 160px; text-align: right; padding-right: 10px; background: #ddd; line-height: 26px; vertical-align: middle; } .documents .datagrid .item td:nth-child(1)::before { content: 'Filename'; } .documents .datagrid .item td:nth-child(2)::before { content: 'Date Uploaded'; } .documents .datagrid .item td:nth-child(3)::before { content: 'Download'; } .documents .datagrid tr td:last-child { border-bottom: 2px solid #333; } .documents .datagrid tr:last-child td:last-child { border-bottom: none; } } /* Gallery related styles */ .regBodyContent .GalleryThumbnailBrowse { height: 200px; } .regBodyContent .GalleryThumbnailBrowse .SubCategory { padding: 1px; text-align: center; border: 1px solid #CCCCCC; margin-right: 5px; } .regBodyContent .GalleryThumbnailBrowse .SubCategory .Thumbnail { background-color: #FFFFFF; height: 160px; width: 160px; margin: 2px; display: table-cell; vertical-align: middle; } .regBodyContent .GalleryThumbnailBrowse .SubCategory .Title { background-color: #CCCCCC; text-align: center; padding: 3px; margin: 0; } .regBodyContent .GalleryThumbnailBrowse .SubCategory .Title a { text-decoration: none; color: #000000; font-size: 1.1em; } /* Comments on pages */ #comments { clear: both; margin: 15px 0 15px 0; } #comments ul { padding: 0; margin: 0; list-style-type: none !important; } #comments ul li { list-style-type: none !important; border-left: 3px solid #ccc; margin: 10px 10px 10px 40px; padding-left: 15px; } #comments ul li span.comment { display: block; color: #444444; margin: 4px 0 4px 0; } #comments ul li span.comment:before { content: '\201C'; } #comments ul li span.comment:after { content: '\201C'; } #comments ul li span.personsname { color: gray; font-weight: bold; } #comments ul li span.datestamp { display: block; font-size: .9em; color: gray; } #comments ul li.leaveNewComment { cursor: pointer; border-left: none; margin: 15px 10px 10px 20px; } #comments ul li.noComments { cursor: pointer; } .regBodyContent .custAddress { width: 25%; min-height: 230px; min-width: 200px; padding: 1%; float: left; background-color: #F6F6F6; margin-bottom: 2%; margin-right: 2%; } .regBodyContent .custAddress ul { margin: 0; padding-left: 2%; list-style: none; } .regBodyContent .custAddress li:before { content: ''; display: inline-block; height: 1.3em; width: 1.3em; background-image: url('../../images/tick.svg'); background-size: contain; background-repeat: no-repeat; margin: 0 2% 0 0; background-position: left center; } .regBodyContent .custAddress li { padding-left: 2%; padding-bottom: 1%; } .regBodyContent .defaultAdd { height: 60px; font-size: 0.9em; } .filetypeicon { max-height: 30px; } @media all and (max-width: 480px) { #regSkip { display: block; } .regBodyContent .defaultAdd { height: auto; font-size: 1em; } .regBodyContent .custAddress { width: 100%; min-height: 0; min-width: 0; padding: 2%; float: left; background-color: #F6F6F6; margin-bottom: 2%; margin-right: 0; } } @media all and (max-width: 979px) { #divPopup { margin: 0; z-index: 9999999; height: 47%; width: 66%; padding: 1.5% 2%; position: fixed; left: 15%; top: 15%; } } .b-lazy { -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; max-width: 100%; opacity: 0; } .b-lazy.b-loaded { opacity: 1; } .pardot-iframe { width: 100%; height: 850px; clear: both; max-width: 450px; margin: 0 auto } /* MAIN BANNER - including homepage slides and banner images with titles on each page */ .banner { width: 100%; height: 300px; position: relative; overflow: hidden; } .banner .slidesWrap { width: 1000%; height: 100%; overflow: hidden; z-index: 1; transition: transform 0.35s ease-out, opacity 0.8s; opacity: 0; } .banner .slidesWrap .slide { float: left; height: 100%; background: no-repeat center center; background-size: cover; position: relative; display: flex; justify-content: center; align-items: center; } .slideText { font-size: 30px; color: #bb202d; padding: 15px 20px; width: 80%; text-align: center; } .slideText > h1 { font-size: 30px; } @media (max-width: 600px) { .slideText { width: 100%; } .slideText > h1 { font-size: 22px !important; } } @media (max-width: 380px) { .slideText { width: 100%; } .slideText > h1 { font-size: 18px !important; } } .banner .navigation { position: absolute; bottom: 23px; left: 0; text-align: center; width: 100%; display: none; z-index: 6; } .banner .navigation .navBox { width: 10px; height: 10px; display: inline-block; margin: 0 8px; border: 1px solid #D2D2D2; background: #707070; z-index: 15; cursor: pointer; transition: background 0.35s ease-out; } .banner .navigation .navBox.active { background: #FFD400; } #adminToolbar { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAAHXptwiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDM1QkJGNTQzMjcxMUUwQkVDNDkwQTkwNEVGMzc0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDM1QkJGNDQzMjcxMUUwQkVDNDkwQTkwNEVGMzc0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCODYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PppYkfwAAAEKSURBVHjaYmQp3rCfAQmwSApwMaAIqIkLoAoISouhCAAEECMVzAAIIEa+qi0oZqADFkVhXga8ClSkhPAqAAggDGei6OZiZ8FtND8nG25JIS523JIivJy4JQXwSTLy4fYvQAAxcpRtwhtaeAOKl4OVgWzNglxs5GsW5uGgQDOe0CKomZubfM0AAUgnAxMAYBCGwezc/P/ewT5QaA4IkWLaxxnNiuWfnQLwUfjw3QAuBsuHu4xnOEEYRcyHmEUGe+WH8QUYI1vJRrIzBiUA6GMmhgGxmI2CPEWRxRwDZjHrAFnMyTZQFlOQnyiymJt9gCzmYmcdoMTFNkAWs7INUFAzswyQxU/5hQfEYgAFGxUeGXSYOAAAAABJRU5ErkJggg==') /*../images/_toolbar/tbar_bg_all.png*/; background-repeat: repeat-x; width: 100%; height: 26px; top: 0; left: 0; padding: 0; margin: 0; color: White; font-size: .9em; } #adminToolbar .version {float: right; height: 26px; color: white; text-transform: uppercase; font-weight: bold; padding: 6px 40px 0 30px; background-image: url('data:image/png;base64,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') /*../images/_toolbar/tbar_logo_zarr.png*/; background-repeat: no-repeat; background-position:right top;} #adminToolbar .actionsL {float: left; width: 3px; height: 26px; margin-left: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5OTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5ODNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtChytwAAABySURBVHjaYvj//z8DEwMDQwOIYGAAcQECCESUgrjcYDGAAGKAKcFNAAQQI1AJM5DOB6ltgKuHy2MwjgAxD0AAwQ12ArG4ibAHTniAFQMEGCPYtVAA4rgAaRYgPgZ3B4pbUJxBNc5XUEghhwLIFboobgMAMrQ8Z8CMgCIAAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_end_l.png*/; background-repeat: no-repeat;} #adminToolbar .actions {float: left; height: 26px; color: Yellow; padding: 4px 10px 0 10px; font-weight: bold; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAaCAYAAAHnKs0DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5NTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5NDNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvdpJTkAAABCSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIAYsStAIgABiBCppgDEYEDrxMwACCK6YBYhJ104eAyDA4FYMTYEGvCoAqQA9jNBT8y4AAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_bg.png*/; background-repeat: repeat-x;} #adminToolbar .actions div.text {float: left; padding: 2px 10px 0 0; vertical-align: top;} #adminToolbar .actions div.icon {float: left; padding: 0 10px 0 0; vertical-align: top;} #adminToolbar .actions a {color: white; text-decoration: none;} #adminToolbar .actionsR {float: left; width: 3px; height: 26px; margin-right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEIwRTI0NzNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEIwRTI0NjNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq72r5YAAABwSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIDi3FERwY1MMEEAgogiImRnBPAaGBogcXBE6gweIjwIEENxgJxCLmwGLU3ARHmDFAAEGsw0MQBw+IG0FxH+QZRBuQXEGVTgwe7iBOAvkphIgdkcOCTAAAL9RPtw480aOAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_box_end_r.png*/; background-repeat: no-repeat;} #adminToolbar .seoL {float: left; width: 3px; height: 26px; margin-left: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5OTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5ODNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtChytwAAABySURBVHjaYvj//z8DEwMDQwOIYGAAcQECCESUgrjcYDGAAGKAKcFNAAQQI1AJM5DOB6ltgKuHy2MwjgAxD0AAwQ12ArG4ibAHTniAFQMEGCPYtVAA4rgAaRYgPgZ3B4pbUJxBNc5XUEghhwLIFboobgMAMrQ8Z8CMgCIAAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_end_l.png*/; background-repeat: no-repeat;} #adminToolbar .seo {float: left; height: 26px; color: Yellow; padding: 5px 10px 0 10px; font-weight: bold; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAaCAYAAAHnKs0DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5NTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5NDNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvdpJTkAAABCSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIAYsStAIgABiBCppgDEYEDrxMwACCK6YBYhJ104eAyDA4FYMTYEGvCoAqQA9jNBT8y4AAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_bg.png*/; background-repeat: repeat-x;} #adminToolbar .seo div.text {float: left; padding: 1px 10px 0 0; vertical-align: top;} #adminToolbar .seo div.icon {float: left; padding: 0 10px 0 0; vertical-align: top;} #adminToolbar .seo a {color: white; text-decoration: none;} #adminToolbar .seoR {float: left; width: 3px; height: 26px; margin-right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEIwRTI0NzNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEIwRTI0NjNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq72r5YAAABwSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIDi3FERwY1MMEEAgogiImRnBPAaGBogcXBE6gweIjwIEENxgJxCLmwGLU3ARHmDFAAEGsw0MQBw+IG0FxH+QZRBuQXEGVTgwe7iBOAvkphIgdkcOCTAAAL9RPtw480aOAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_box_end_r.png*/; background-repeat: no-repeat;} #adminToolbar .previewPageL {float: left; width: 3px; height: 26px; margin-left: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5OTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5ODNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtChytwAAABySURBVHjaYvj//z8DEwMDQwOIYGAAcQECCESUgrjcYDGAAGKAKcFNAAQQI1AJM5DOB6ltgKuHy2MwjgAxD0AAwQ12ArG4ibAHTniAFQMEGCPYtVAA4rgAaRYgPgZ3B4pbUJxBNc5XUEghhwLIFboobgMAMrQ8Z8CMgCIAAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_end_l.png*/; background-repeat: no-repeat;} #adminToolbar .previewPage {float: left; height: 26px; color: Yellow; padding: 5px 10px 0 10px; font-weight: bold; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAaCAYAAAHnKs0DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozODdBNjc5NTNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozODdBNjc5NDNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvdpJTkAAABCSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIAYsStAIgABiBCppgDEYEDrxMwACCK6YBYhJ104eAyDA4FYMTYEGvCoAqQA9jNBT8y4AAAAASUVORK5CYII=') /*../images/_toolbar/tbar_box_bg.png*/; background-repeat: repeat-x; text-transform: uppercase } #adminToolbar .previewPageR {float: left; width: 3px; height: 26px; margin-right: 20px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAaCAYAAAEF9tZ6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEIwRTI0NzNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEIwRTI0NjNGRkExMUUwQUUwQzlGRjkxOTNFMTRBNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzYyRjBCREY5M0ZFMDExOTQzM0M3RkQ5ODk5M0RBRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUExOTkzQkIyRDJERTExODhEQ0ZFODI4NzIzMTAyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq72r5YAAABwSURBVHjaYvj//z8DEwMQIAiAAGJAFQMIIDi3FERwY1MMEEAgogiImRnBPAaGBogcXBE6gweIjwIEENxgJxCLmwGLU3ARHmDFAAEGsw0MQBw+IG0FxH+QZRBuQXEGVTgwe7iBOAvkphIgdkcOCTAAAL9RPtw480aOAAAAAElFTkSuQmCC') /*../images/_toolbar/tbar_box_end_r.png*/; background-repeat: no-repeat;} #adminToolbarSharing { position: fixed; bottom: 0; background-color: #808080; width: 100%; height: 40px; left: 0; padding: 0; margin: 0; color: White; font-size: 1em; text-transform: uppercase } #adminToolbarSharing .version { float: right; height: 40px; color: white; text-transform: uppercase; font-weight: bold; line-height: 40px; padding-right: 20px; } #adminToolbarSharing input[type=submit].Approve { background-color: green; color: #FFF; padding: 4px 10px; font-size: 1.1em; font-family: sans-serif,Arial; border: 1px solid green } #adminToolbarSharing input[type=submit].Reject { background-color: #826099; color: #FFF; padding: 4px 10px; font-size: 1.1em; font-family: sans-serif,Arial; border:1px solid #826099 } #adminToolbarSharing input[type=text] { border: 1px solid #fff; font-family: sans-serif,Arial; padding: 3px 10px; width: 250px; } #adminToolbarSharing .actions { color: #FFF; padding: 4px 10px 6px 10px; line-height: 32px; overflow: hidden; margin: 0 auto; width: 1350px; font-family: sans-serif,Arial; font-size: 1.1em; } #adminToolbarSharing .actions div.text { float: left; padding: 2px 10px 0 0; vertical-align: top; } #adminToolbarSharing .actions div.icon { float: left; padding: 0 10px 0 0; vertical-align: top; } #adminToolbarSharing .actions a { color: white; text-decoration: none; } #adminToolbarSharing .previewPageL { float: left; width: 3px; height: 26px; margin-left: 20px; } #adminToolbarSharing .previewPage { float: left; height: 26px; color: Yellow; padding: 5px 10px 0 10px; font-weight: bold; } #adminToolbarSharing .previewPageR { float: left; width: 3px; height: 26px; margin-right: 20px; } #devToolbar { position: fixed; bottom: 0; background-repeat: repeat-x; background-color: #ff6a00; width: 100%; height: 26px; line-height: 26px; left: 0; padding: 0; margin: 0; color: White; text-align: center; font-size: 1em; } #adminToolbarSharing input[type=submit].Approve { background-color: green; border: 1px solid green; color: #fff; padding: 4px 10px; font-size: 1.1em; font-family: sans-serif,Arial; padding: 3px 10px; width: 250px } #adminToolbarSharing input[type=submit].Reject, #divPopupAdminShare input[type=submit] { background-color: #826099; border: 1px solid #826099; color: #fff; padding: 4px 10px; font-size: 1.1em; font-family: sans-serif,Arial; padding: 3px 10px; width: 250px } #adminToolbarSharing input[type=text], #adminToolbarSharing input[type=email] { border: 1px solid #fff; font-family: sans-serif,Arial; padding: 3px 10px; width: 250px } #adminToolbarSharing .actions { color: #fff; padding: 4px 10px 6px 10px; line-height: 32px; overflow: hidden; margin: 0 auto; float: left; width: 950px; font-family: sans-serif,Arial; font-size: 1.1em } #divPopupAdminShare { display: none; text-align: center; z-index: 9999999; position: fixed; top: 50%; height: 420px; margin-top: -210px; left: 35%; margin-left: -160px; width: 50%; background-color: #FFF; border: 1px solid #FFF; border-radius: 10px; } #divPopupAdminShare #PopupCloseShare { color: #555555; clear: both; padding: 10px; font-size: 18px; font-weight: bold;text-align: right; } #divPopupAdminShare #PopupCloseShare:hover { cursor: pointer; } #divPopupAdminShare h2 { font-size: 24px; padding-bottom: 20px; } #divPopupAdminShare input[type=text], #divPopupAdminShare input[type=email], #divPopupAdminShare textarea { margin-bottom: 5px; font-family: sans-serif,Arial; padding: 1%; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } /* Button styles */ /*-webkit-appearance:none; - This is crucial to stop apple devices changing the style of the button */ { cursor: pointer; -webkit-appearance: none; background-color: #BE2638; color: #FFF; border: 1px solid #BE2638; font-weight: bold; font-size: 1em; text-transform: uppercase; padding: 5px 10px; } { cursor: pointer; -webkit-appearance: none; background-color: #BE2638; color: #FFF; border: 1px solid #BE2638; font-weight: bold; font-size: 1em; text-transform: uppercase; padding: 5px 10px; } { cursor: pointer; -webkit-appearance: none; background-color: #BE2638; color: #FFF; border: 1px solid #BE2638; font-weight: bold; font-size: 1em; text-transform: uppercase; padding: 5px 10px; } input[type=submit], .btn { cursor: pointer; display: block; margin: 0 auto; width: 170px; color: #fff; padding: 8px 0; text-decoration: none; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; text-transform: uppercase; } input[type=submit]:after, .btn:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(/Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } input[type=submit]:hover, .btn:hover { background-color: #7CC3ED; } .regBodyContent a.btn { text-decoration: none; color: #FFF } input[type=submit]:hover, .btn:hover { background-color: #05B4CC; border: 2px solid #005BBD; } input[type=email], input[type=number], input[type=text], input[type=password], textarea, select { font-family: Sans Serif,Arial; padding: 10px; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } input[type=text].Required, input[type=password].Required, input[type=number].Required, input[type=email].Required, select.Required, textarea.Required { background-color: #E6E7E8; border: 1px solid #CCCCCC; color: #E31837; font-style: italic; } input[type=text].ErrorBox, input[type=password].ErrorBox, input[type=number].ErrorBox, input[type=email].ErrorBox, textarea.ErrorBox, select.ErrorBox { border-color: #CF2B2B; outline: 1px; outline-style: dotted; outline-color: invert; } input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, select:focus, textarea:focus { border-color: rgba(82,168,236,0.8); outline: 1px; outline-style: dotted; outline-color: invert; } input[type=checkbox], input[type=radio] { border: none; } /* these buttonGroup styles are for having button inline and looking neat */ div.buttonGroup {margin: 12px 0 12px 0} div.buttonGroup input[type=submit] { display: inline-table; margin-left: 60px; } div.buttonGroup input[type=submit]:first-child { margin-left: 0; } input[type=submit]:disabled { opacity: 0.5 } .chk { margin-bottom: 10px; clear: both; text-align: left; } .chk input[type=checkbox] { float: left; } .chk label { padding-left: 10px; display: table-cell } /*Password Tool CSS */ #password_description { font-size: 10px; font-style: italic; } #password_strength { height: 10px; display: block; } #password_strength_border { width: 160px !important; height: 10px; border: 1px solid black; } .strength0 { width: 160px; background: #cccccc; } .strength1 { width: 40px; background: #ff0000; } .strength2 { width: 80px; background: #56e500; } .strength3 { background: #399800; width: 120px; } .strength4 { background: #4dcd00; width: 160px; } @media all and (max-width: 480px) { .btn, input[type=submit] { width: 100%; margin-top: 5px; } } #regForm.Payment h3, #divPaymentSection h3 { background-color: #999999; color: #fff; padding: 8px 5px; } #regForm { width: 96%; padding: 1% 2%; max-width: 600px; margin: 1% auto; overflow: hidden } #regForm #regExisting { padding: 1% 2%; } #regForm.Norm { background-color: #EEF3F7; } #regForm h3 { font-size: 1.3em; font-weight: bold; color: #6d6e71; margin: 5px 0 10px 0; padding-bottom: 5px } #regForm .custAddress div { margin-bottom: 0; line-height: 135% } .Label { float: left; font-weight: bold; color: #6d6e71; margin-top: 0; font-size: 1em; clear: left; width: 35%; text-align: right; padding-right: 10px; padding-top: 1% } .Account { max-width: 1000px; } .Account .Control { float: left; margin-bottom: 1%; width: 50%; clear: none } .Control { clear: both; margin-bottom: 5px; } .Control input[type=text], .Control input[type=email], .Control input[type=number], .Control input[type=password], .Control textarea { width: 100%; } .Account .Control select { width: 100%; padding: 2%; max-width: 462px; font-size: 1.1em } .Control select { width: 100%; } .Validator { float: left; clear: right; width: 10%; } .Three { margin-top: 2%; width: 100%; clear: both; /*max-width: 620px;*/ padding-top: 0; overflow: hidden; padding-bottom: 3px; } .B { float: left; text-align: right } .validationSummary { color: red; } #regForm input[type=submit].Secure { background-image: url(../Images/template/Secure.svg); background-repeat: no-repeat; background-size: contain; padding-left: 40px; background-position: 10px center } input *:focus { outline: none; } .required_notification { color: #d45252; margin: 5px 0 0 0; display: inline; float: right; clear: both; height: 25px; width: 100%; text-align: right; } input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus { /* add this to the already existing style */ padding: 2%; } input[type=text], input[type=email], input[type=number], input[type=password], textarea { -moz-transition: padding .25s; -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; } select:required, input:required, textarea:required { background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRF+M7O6Wxt+djY63Z3/vX18qeo7ICA++Hi/Ovr75OU8Z2e7omK6GJj////SyXd4gAAAEtJREFUeNqczksKgEAMA9D0Nx/N3P+6uqplQBC7fIGkWNvhM2jfgGeFO7ZYGAmNZk0YCQOTDPjT0WVK81Jq4sqjgGvu4f/r73AJMAA5UgvJnpeyCQAAAABJRU5ErkJggg==') /*../images/forms/red_asterisk.png*/ no-repeat 95% center; } select:focus:invalid, input[type=text]:focus:invalid, input[type=email]:focus:invalid, input[type=number]:focus:invalid, input[type=password]:focus:invalid, textarea:focus:invalid { /* when a field is considered invalid by the browser */ background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUpJREFUeNpivBIUxEAJYMIhngnEB4D4PxLeBcQJhAxQhGqcBsT2aHKuQDwfiLcDsTQ2A3SB+CqyRmY+PgYmDg4wjQQ8gPgSEKsgG8AGxOuAmBNZJYugIAOPlRUDm7g4usuFgHg1yA6YAckwE5EBt64ug2x2NgOPtTW2cDIA4kCYAVF4g5qREZdMAhOS/zHA70+fGP7+B0bA16+4DNCFGcCPTfbv+/cMf37+ZPj98SMuA/hhBrzGJvsHaMCHrVsZfj16hMuA1zADLmNNZcAo/PvlC8N/3GFwGWbAAmyyXJqaDJLx8Qx85ua4DJgLM2AZEJ/FCMQXLxi+XL7M8OvhQ2yaDwLxVkakzARKxseAWAIl+kCxAKMRABQoJshhAAL3gRjk1uNwEZgmVM37oOrAAc+C5iyQyVZA7A3NeYrQNAIK5JvQsNqNrAEgwAAO6VaUCoOyHgAAAABJRU5ErkJggg==') /*../images/forms/invalid.png*/ no-repeat 95% center; box-shadow: 0 0 5px #d45252; border-color: #b03535; } select:required:valid, input:required:valid, textarea:required:valid { /* when a field is considered valid by the browser */ background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASdJREFUeNpiibkQzEAJYMIhngnEB4D4PxI+ABXHa4AiVOE0ILZHk7OHih+AqgMDFiQFckB8Hoj5CbjaHqpOD4gfIbtgPhGaYYAfqh7uhVggdiIx/EDqY2EGJBBS3SFXxNAqm4sunAAzwBif5na5AgYJbisGZkZ2dCljkAHM6H5frL+GYbb6QjC7VTabQZrPhuH518MMFY96MMICZMBfIH6NLBp7MQQo+J1hoc4aBhl+R4YnHw8xVD6aiM1xr2FeuIkuk3Ezg+Hnnw8Mzz4eZah6PAmX727C0sFcILZBl027kUIobOfCXLAYiC+QGI0g9YthBoDCIRQ9LPCA11D1f5FT4h0gtiLCJReg6u5gy0wgQUMgjgbiTUD8FCr+FMqPhsrfgWkACDAAdeFJlrFXYEcAAAAASUVORK5CYII=') /*../images/forms/valid.png*/ no-repeat 95% center; box-shadow: 0 0 5px #5cd053; border-color: #28921f; } .form_hint { background: #d45252; border-radius: 3px 3px 3px 3px; color: white; margin-left: 8px; padding: 1px 6px; z-index: 999; /* hints stay above all other elements */ position: absolute; /* allows proper formatting if hint is two lines */ display: none; } .form_hint::before { content: "\25C0"; /* left point triangle in escaped unicode */ color: #d45252; position: absolute; top: 1px; left: -6px; } input:focus + .form_hint { display: inline; } input:required:valid + .form_hint { background: #28921f; } /* change form hint color when valid */ input:required:valid + .form_hint::before { color: #28921f; } /* change form hint arrow color when valid */ :-moz-placeholder { color: lightgray; } ::-webkit-input-placeholder { color: lightgray; } /* RESPONSIVE: MOBILE FRIENDLY FORM LAYOUT */ @media all and (max-width: 480px) { input[type=checkbox] { height: 25px; width: 25px } .Label { clear: both; font-weight: bold; margin-top: 5px; color: #000; text-align: left; padding-right: 0; font-size: 1.2em; width: 100%; } .Control { width: 100%; clear: both; margin-bottom: 5px; } input[type=text], input[type=email], input[type=number], input[type=password], textarea { max-width: 98%; width: 98%; font-size: 1.1em; } .Control select { width: 101%; max-width: 101%; padding: 8px 5px; font-size: 1.2em; } .Validator { float: left; clear: right; width: 0; } /* FOR MOBILES MAKE A BIG CHUNKY BUTTON EASY TO HIT */ .B { margin-right: 0; float: left } .B input[type=submit] { width: 100%; font-size: 1.2em; } input[type=submit].Secure { background-image: url(../Images/template/Secure.svg); background-repeat: no-repeat; background-size: contain; background-position: 10px center; padding-left: 40px; font-size: 1.1em; } } .dataForm { max-width: 750px; } .indented { margin-left: 10%; } @media all { .dataFormWithLabels > div { clear: right; overflow: hidden; padding: 1px; margin: 0 0 10px 0; } .dataFormWithLabels > div > fieldset > div > div { margin: 0 0 5px 0; } .dataFormWithLabels > div > label, legend { width: 25%; float: left; padding-right: 10px; padding-top: 4px; color: #1a1a1a; } .dataFormWithLabels > div > div, .dataFormWithLabels > div > fieldset > div { width: 75%; float: right; } fieldset { border: 0; padding: 0; } .dataFormWithLabels input[type=text], .dataFormWithLabels input[type=email], .dataFormWithLabels input[type=number], .dataFormWithLabels input[type=url], .dataFormWithLabels textarea, .dataFormWithLabels select { width: 100%; font-size: 1em; } .dataFormWithLabels input[type=password] { width: 50%; min-width: 200px; font-size: 1em; } .dataFormWithLabels input[type=text]:focus, .dataFormWithLabels input[type=email]:focus, .dataFormWithLabels input[type=number]:focus, .dataFormWithLabels input[type=url]:focus, .dataFormWithLabels input[type=password]:focus, .dataFormWithLabels textarea:focus { outline: 0; border-color: #4697e4; } } @media (max-width: 500px) { .dataFormWithLabels > div { margin: 0 0 15px 0; } .dataFormWithLabels > div > label, legend { width: 100%; float: none; margin: 0 0 5px 0; } .dataFormWithLabels > div > div, .dataFormWithLabels > div > fieldset > div { width: 100%; float: none; } .dataFormWithLabels input[type=text], .dataFormWithLabels input[type=email], .dataFormWithLabels input[type=number], .dataFormWithLabels input[type=url], .dataFormWithLabels input[type=password], .dataFormWithLabels textarea, .dataFormWithLabels select { width: 100%; } } @media (min-width: 800px) { .dataFormWithLabels > div > label, legend { text-align: right; } } @media (max-width: 600px) { .indented { margin-left: 3%; } } .myAccountOptions {clear: both; display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 12px; grid-column-gap: 12px; } .myAccountOptions div.option { padding: 10px; background-color: #eaeaea; cursor: pointer; display: grid; grid-template-columns: 70% 30%; grid-column-gap: 10px; } .myAccountOptions div.option:hover { background-color: #f3f3f3; outline: 2px solid #ccc; } .myAccountOptions div.option .text { line-height: 1.2; font-size: 0.9em; } .myAccountOptions div.option .image { text-align: right; padding: 0; } .myAccountOptions div.option h2 {font-size: 1em; padding: 0 0 10px 0; } @media all and (max-width: 1100px) { .myAccountOptions { grid-template-columns: repeat(3, 1fr); } } @media all and (max-width: 940px) { .myAccountOptions { grid-template-columns: repeat(2, 1fr); } } @media all and (max-width: 550px) { .myAccountOptions { grid-template-columns: 100%; } } /* on mobile, the list order history table is too wide to fit onto the screen, so restack it..*/ @media all and (max-width: 600px) { .datagrid.myAccountOrderHistory table, .datagrid.myAccountOrderHistory thead, tbody, .datagrid.myAccountOrderHistory th, .datagrid.myAccountOrderHistory td, .datagrid.myAccountOrderHistory tr { display: block; } .datagrid.myAccountOrderHistory { width: 100%; margin: 1px; border: none !important} .datagrid.myAccountOrderHistory .header td { position: absolute; top: -9999px; left: -9999px; } .datagrid.myAccountOrderHistory .item tr { } .datagrid.myAccountOrderHistory .item td { /* Behave like a "row" */ border: none; position: relative; padding: 2% 2% 2% 28%; vertical-align: top; text-align: left; background-color: #fafafa;} .datagrid.myAccountOrderHistory .item td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ left: 0px; width: 25%; padding: 2% 10px 2% 2%; vertical-align: top; white-space: nowrap; background-color: #eaeaea; font-weight: bold; color: #333; text-align: right; top: -2% } .datagrid.myAccountOrderHistory .item td:nth-of-type(1):before { content: "Order Date"; } .datagrid.myAccountOrderHistory .item td:nth-of-type(2):before { content: "Order No"; } .datagrid.myAccountOrderHistory .item td:nth-of-type(3):before { content: "Items"; } .datagrid.myAccountOrderHistory .item td:nth-of-type(4):before { content: "Grand Total"; } .datagrid.myAccountOrderHistory .item td:nth-of-type(5):before { content: "Order Status"; } .datagrid.myAccountOrderHistory .item td:nth-of-type(5) { border-bottom: 2px solid #cccccc; } } .cd-container { width: 90%; max-width: 768px; margin: 2em auto; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #7CC3ED url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color: #800000; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:52px; overflow:visible; background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:0; left:0; padding: 5px; color:#fff; font-size: 1.1em; background: rgba(0,0,0,0.7); max-width: 100%; } #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; text-indent: -9999px; margin:0; overflow:visible; width:50px; height:50px; position:absolute; top:-50px; background-repeat: no-repeat; background-position: center center; background-size: 30px; } #cboxPrevious { background-image: url('../../Images/template/icons_Arrow_left.svg'); right: 130px; } #cboxNext { background-image: url('../../Images/template/icons_Arrow_right.svg'); right: 65px; } #cboxClose { background-image: url('../../Images/template/icons_Close.svg'); right: 0; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} .animation-element { opacity: 0.01; position: relative; } .animation-element.slide-left { opacity: 0.01; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); } .animation-element.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .animation-element.slide-right { opacity: 0.01; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(100px, 0px, 0px); -webkit-transform: translate3d(100px, 0px, 0px); -o-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate3d(100px, 0px, 0px); } .animation-element.slide-right.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .animation-element.slide-up { opacity: 0.01; -moz-transition: all 700ms ease-out; -webkit-transition: all 700ms ease-out; -o-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(0px, 200px, 0px); -webkit-transform: translate3d(0px, 200px, 0px); -o-transform: translate(0px, 200px); -ms-transform: translate(0px, 200px); transform: translate3d(0px, 200, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .animation-element.slide-up.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } #regBodyContent .newsStory { } #regBodyContent .newsStory .when { text-align: right; color: gray; padding: 5px 0 5px 0;} #regBodyContent .newsList {clear: both; margin: 25px 0 0 0;} #regBodyContent .newsList .item {margin: 10px 0 5px 0; border-top: 1px solid #d9d9d9; padding-top: 1px;} #regBodyContent .newsList .item .title { font-size: 1.15em; color: #3b0d48; font-weight: bold; background-color: #d9d9d9; padding: 5px 10px 5px 10px; } #regBodyContent .newsList .item .image {float: right;} #regBodyContent .newsList .item .image img {margin: 5px 0px 5px 10px;} #regBodyContent .newsList .item .date { font-style: italic; color: #7a7a7a; padding: 8px 10px 3px 10px;} #regBodyContent .newsList .item .extract {color: #3b0d48; padding: 3px 10px 15px 10px;} #regBodyContent .newsList .item .extract .link {float: right; padding: 0 0 10px 15px; margin-left: 15px; } #regBodyContent .newsList .item .link {padding: 0 0 10px 15px; } /* not within a region because you may want to put in in various places on the site */ .newsCategoriesBox {padding: 0 0 10px 0;} .newsCategoriesBox a { color:#444444; font-weight: normal; text-decoration: none;} .newsCategoriesBox a:hover {text-decoration: underline;} .newsCategoriesBox ul { padding: 0; margin: 0; list-style-type: none;} .newsCategoriesBox ul li { padding-left: 3px; border-bottom: 1px solid #8485DF; } .newsArchiveBox {padding: 0 0 10px 0;} .newsArchiveBox a { color:#444444; font-weight: normal; text-decoration: none;} .newsArchiveBox a:hover {text-decoration: underline;} .newsArchiveBox ul { padding: 0; margin: 0; list-style-type: none;} .newsArchiveBox ul li { padding-left: 3px; border-bottom: 1px solid #8485DF; } .newsMenuTitle { display: block; width: 100%; margin: 8px auto 0 auto; border-bottom: 2px solid #fcce22; display: flex; flex-direction: row; grid-gap: 30px; } .newsMenuTitle p { cursor: pointer; color: #fff; padding: 8px 20px; text-align: center; width: fit-content; background-color: #27348B; border: 1px solid #fff; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1.12px; font-weight: 600 !important; } .newsMenuTitle p:hover { background-color: #7CC3ED; } .newsMenuTitle p::after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotate(90deg); } .newsMenuTitle p.rotated::after { transform: rotate(270deg); } .newsMenu { display: grid; grid-template-columns: repeat(4,1fr); user-select: none; padding: 15px 10px; grid-gap: 25px; border-bottom: 2px solid #fcce22; } .newsMenu a { text-align: left; font-size: 18px; line-height: 21px; font-weight: 600; color: #27348B; padding: 0; margin: 0; } .newsMenu a::before { content: ""; display: inline-block; width: 8px; height: 10px; margin-right: 12px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .numberShowingBar { display: flex; justify-content: flex-end; align-items: center; padding: 10px 20px 10px 0; border-bottom: 1px solid #fcce22; margin-bottom: 30px; } .numberShowingBar > p { margin: 0; font-weight: bold; font-size: 14px !important; } .numberShowingBar #btnShowAll { font-size: 16px !important; font-weight: bold; margin-left: 20px; cursor: pointer; color: #27348B; } #btnLoadMore { display: none; position: relative; cursor: pointer; padding: 8px 20px; width: fit-content; color: #fff; background-color: #27348B; font-size: 16px; letter-spacing: 1.2px; margin: 60px auto 20px auto; font-weight: 900; text-align: center; line-height: 33px; text-transform: uppercase; transition: background-color .2s linear; } #btnLoadMore:hover { background: #7CC3ED; } #btnGoToFilter { display: none; background: #27348B; padding: 40px 20px; margin: 60px 0 0 0; } #btnGoToFilter > p { color: #fff; text-align: center; } #btnGoToFilter > a { font-weight: bold; cursor: pointer; width: 100%; font-size: 16px; max-width: 200px; text-decoration: none; border: 1px solid #707677; background: #fff; margin: 30px auto 0 auto; display: flex; height: 40px; align-items: center; text-transform: uppercase; color: #27348B; justify-content: center; } @media screen and (max-width: 950px) { .newsMenu { grid-template-columns: repeat(3,1fr); } } @media screen and (max-width: 750px) { .newsMenu { grid-template-columns: repeat(2,1fr); } } @media screen and (max-width: 500px) { .newsMenu { grid-template-columns: 1fr; } } /* * Style settings of LayerSlider * * (c) 2011-2017 George Krupa, John Gera & Kreatura Media * * Plugin web: https://layerslider.kreaturamedia.com/ * Licenses: http://codecanyon.net/licenses/ */ /* Slider structure z-index cheat sheet _____ YourLogo z.index: 50; _____ _____ _____ Most GUI elements z-index: 40; ______________________ .ls-inner wrapper z-index: 30; ______________________ .ls-hidden wrapper z-index: 20; ___________________________ .ls-shadow z-index: 10; ________________________________ slider element z-index: default; ------------------------------------- Document */ /* Slider */ .ls-container { visibility: hidden; position: relative; max-width: 100%; } .ls-inner { position: relative; width: 100%; height: 100%; background-position: center center; z-index: 30; } .ls-wp-fullwidth-container { width: 100%; position: relative; } .ls-wp-fullwidth-helper { position: absolute; } /* Layers */ .ls-layers, .ls-slide-backgrounds, .ls-background-videos, .ls-bg-video-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .ls-wrapper { padding: 0 !important; visibility: visible !important; border: 0 !important; z-index: 1; } .ls-background-videos { z-index: 1; } .ls-bg-video-overlay { z-index: 21; background-repeat: repeat; background-position: center center; } .ls-slide-backgrounds { z-index: 2; } .ls-layers { z-index: 35; } .ls-parallax, .ls-in-out, .ls-z { position: absolute !important; } .ls-parallax, .ls-z { width: 0 !important; height: 0 !important; top: 0 !important; left: 0 !important; bottom: auto !important; right: auto !important; display: block !important; overflow: visible !important; } .ls-in-out { display: none; } .ls-loop, .ls-clip { position: absolute !important; display: block !important; } .ls-parallax, .ls-in-out, .ls-loop, .ls-z { background: none !important; } .ls-parallax, .ls-bg-wrap, .ls-loop { margin: 0 !important; } .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer .ls-wrapper > .ls-bg { line-height: normal; white-space: nowrap; word-wrap: normal; margin-right: 0 !important; margin-bottom: 0 !important; } .ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer { position: static !important; display: block !important; -o-transform: translateZ(1px); -ms-transform: translateZ(1px); -moz-transform: translateZ(1px); -webkit-transform: translateZ(1px); transform: translateZ(1px); } .ls-bg-wrap, .ls-bg-outer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ls-bg-wrap { display: none; } .ls-bg-outer { overflow: hidden !important; } .ls-wrapper > a.ls-layer-link { cursor: pointer !important; display: block !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; z-index: 10; -o-transform: translateZ(100px); -ms-transform: translateZ(100px); -moz-transform: translateZ(100px); -webkit-transform: translateZ(100px); transform: translateZ(100px); background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important; } /* GUI */ .ls-gui-element { z-index: 40; } .ls-loading-container { position: absolute !important; display: none; left: 50% !important; top: 50% !important; } .ls-loading-indicator { margin: 0 auto; } /* Navigation */ .ls-bottom-slidebuttons { text-align: left; } .ls-bottom-nav-wrapper, .ls-below-thumbnails { height: 0; position: relative; text-align: center; margin: 0 auto; } .ls-below-thumbnails { display: none; } .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next { outline: none; } .ls-bottom-slidebuttons { position: relative; } .ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides { position: relative; } .ls-nothumb { text-align: center !important; } .ls-link, .ls-link:hover { position: absolute !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; } .ls-link { display: none; } .ls-link-on-top { z-index: 999999 !important; } .ls-link, .ls-wrapper > a > * { background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'); } .ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next { visibility: hidden; } /* Timers */ .ls-bar-timer { position: absolute; width: 0; height: 2px; background: white; border-bottom: 2px solid #555; opacity: .55; top: 0; } .ls-circle-timer { width: 16px; height: 16px; position: absolute; right: 10px; top: 10px; opacity: .65; display: none; } .ls-container .ls-circle-timer, .ls-container .ls-circle-timer * { box-sizing: border-box !important; } .ls-ct-half { border: 4px solid white; } .ls-ct-left, .ls-ct-right { width: 50%; height: 100%; overflow: hidden; } .ls-ct-left, .ls-ct-right { position: absolute; } .ls-ct-left { left: 0; } .ls-ct-right { left: 50%; } .ls-ct-rotate { width: 200%; height: 100%; position: absolute; top: 0; } .ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half { left: 0; } .ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half { right: 0; } .ls-ct-hider, .ls-ct-half { position: absolute; top: 0; } .ls-ct-hider { width: 50%; height: 100%; overflow: hidden; } .ls-ct-half { width: 200%; height: 100%; } .ls-ct-center { width: 100%; height: 100%; left: 0; top: 0; position: absolute; border: 4px solid black; opacity: 0.2; } .ls-ct-half, .ls-ct-center { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } .ls-slidebar-container { margin: 10px auto; } .ls-slidebar-container, .ls-slidebar { position: relative; } .ls-progressbar, .ls-slidebar-slider-container { position: absolute; left: 0; top: 0; } .ls-progressbar { width: 0; height: 100%; z-index: 1; } .ls-slidebar-slider-container { z-index: 2; } .ls-slidebar-slider { position: static !important; cursor: pointer; } /* slidebar default dark skin */ .ls-slidebar { height: 10px; background-color: #ddd; } .ls-slidebar, .ls-progressbar { border-radius: 10px; } .ls-progressbar { background-color: #bbb; } .ls-slidebar-slider-container { top: 50%; } .ls-slidebar-slider { width: 20px; height: 20px; border-radius: 20px; background-color: #999; } /* slidebar default light skin */ .ls-slidebar-light .ls-slidebar { height: 8px; background-color: white; border: 1px solid #ddd; border-top: 1px solid #ccc; } .ls-slidebar-light .ls-slidebar, .ls-slidebar-light .ls-progressbar { border-radius: 10px; } .ls-slidebar-light .ls-progressbar { background-color: #eee; } .ls-slidebar-light .ls-slidebar-slider-container { top: 50%; } .ls-slidebar-light .ls-slidebar-slider { width: 18px; height: 18px; border-radius: 20px; background-color: #eee; border: 1px solid #bbb; border-top: 1px solid #ccc; border-bottom: 1px solid #999; } /* Thumbnails */ .ls-tn { display: none !important; } .ls-thumbnail-hover { display: none; position: absolute; left: 0; } .ls-thumbnail-hover-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; } .ls-thumbnail-hover-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-thumbnail-hover-img { position: absolute; overflow: hidden; } .ls-thumbnail-hover img { max-width: none !important; position: absolute; display: inline-block; visibility: visible !important; left: 50%; top: 0; } .ls-thumbnail-hover span { left: 50%; top: 100%; width: 0; height: 0; display: block; position: absolute; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .ls-thumbnail-wrapper { position: relative; width: 100%; margin: 0 auto; } .ls-thumbnail { position: relative; margin: 0 auto; } .ls-thumbnail-inner, .ls-thumbnail-slide-container { width: 100%; } .ls-thumbnail-slide-container { overflow: hidden !important; position: relative; } .ls-thumbnail-slide { text-align: center; white-space: nowrap; float: left; position: relative; } .ls-thumbnail-slide a { overflow: hidden; display: inline-block; width: 0; height: 0; position: relative; } .ls-thumbnail-slide img { max-width: none !important; max-height: 100% !important; height: 100%; visibility: visible !important; } .ls-touchscroll { overflow-x: auto !important; } /* Shadow */ .ls-shadow { display: none; position: absolute; z-index: 10 !important; top: 100%; width: 100%; left: 0; overflow: hidden !important; visibility: hidden; } .ls-shadow img { width: 100% !important; height: auto !important; position: absolute !important; left: 0 !important; bottom: 0 !important; } /* Media */ .ls-media-layer { overflow: hidden; } .ls-vpcontainer, .ls-videopreview { width : 100%; height : 100%; position : absolute; left : 0; top : 0; cursor : pointer; } .ls-videopreview { background-size: cover; background-position: center center; } .ls-videopreview { z-index: 1; } .ls-playvideo { position: absolute; left: 50%; top: 50%; cursor: pointer; z-index: 2; } .ls-autoplay .ls-playvideo { display: none !important; } /* Mobile features */ .ls-forcehide { display: none !important; } /* YourLogo */ .ls-yourlogo { position: absolute; z-index: 50; } /* Slide transitions */ /* .ls-lt-container */ .ls-slide-transition-wrapper { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; } .ls-slide-transition-wrapper, .ls-slide-transition-wrapper * { text-align: left !important; } .ls-slide-transition-tile { position: relative; float: left; } .ls-slide-transition-tile img { visibility: visible; margin: 0 !important; } .ls-curtiles { overflow: hidden; } .ls-curtiles, .ls-nexttiles { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ls-curtile, .ls-nexttile { overflow: hidden; width: 100% !important; height: 100% !important; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .ls-nexttile { display: none; } .ls-3d-container { position: relative; overflow: visible !important; -ms-perspective: none !important; -moz-perspective: none !important; -webkit-perspective: none !important; perspective: none !important; } .ls-3d-box { position: absolute; } .ls-3d-box div { overflow: hidden; margin: 0; padding: 0; position: absolute; background-color: #888; } .ls-3d-box .ls-3d-top, .ls-3d-box .ls-3d-bottom { background-color: #555; } .ls-slide-transition-wrapper, .ls-slide-transition-tile { -ms-perspective: 1500px; -moz-perspective: 1500px; -webkit-perspective: 1500px; perspective: 1500px; } .ls-slide-transition-tile, .ls-3d-box, .ls-curtiles, .ls-nexttiles { -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .ls-curtile, .ls-nexttile, .ls-3d-box, .ls-3d-box div { -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Misc. */ .ls-visible { overflow: visible !important; } .ls-unselectable { user-select: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; } .ls-overflow-hidden { overflow: hidden; } .ls-overflowx-hidden { overflow-x: hidden; } .ls-overflow-visible { overflow: visible !important; } .ls-overflowy-hidden { overflow-y: hidden; } .ls-hidden { width: 0px !important; height: 0px !important; position: absolute; left: -5000px; top: -5000px; z-index: -1; overflow: hidden !important; visibility: hidden !important; display: block !important; } .ls-slide { display: block !important; visibility: hidden !important; position: absolute !important; overflow: hidden; top: 0 !important; left: 0 !important; bottom: auto !important; right: auto !important; background: none; border: none !important; margin: 0 !important; padding: 0 !important; } .ls-slide > .ls-layer, .ls-slide > .ls-l, .ls-slide > .ls-bg, .ls-slide > a > .ls-layer, .ls-slide > a > .ls-l, .ls-slide > a > .ls-bg { position: absolute !important; white-space: nowrap; } .ls-fullscreen { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; } .ls-fullscreen .ls-container { background-color: black; margin: 0 auto !important; } .ls-fullscreen .ls-fullscreen-wrapper { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: black; overflow: hidden !important; position: relative !important; } .ls-fullscreen .ls-fullscreen-wrapper .ls-container, .ls-fullscreen .ls-fullscreen-wrapper .ls-wp-container { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; } .ls-layer .split-item { font-weight: inherit !important; font-family: inherit !important; font-size: inherit; color: inherit; } /* Removing all default global styles of WordPress themes */ html .ls-nav-prev, body .ls-nav-prev, #ls-global .ls-nav-prev, html .ls-nav-next, body .ls-nav-next, #ls-global .ls-nav-next, html .ls-container img, body .ls-container img, #ls-global .ls-container img, html .ls-bottom-nav-wrapper a, body .ls-bottom-nav-wrapper a, #ls-global .ls-bottom-nav-wrapper a, html .ls-container .ls-fullscreen, body .ls-container .ls-fullscreen, #ls-global .ls-container .ls-fullscreen, html .ls-thumbnail a, body .ls-thumbnail a, #ls-global .ls-thumbnail a { transition: none; -ms-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; border: 0; } html .ls-wrapper > a, body .ls-wrapper > a, #ls-global .ls-wrapper > a, html .ls-wrapper > p, body .ls-wrapper > p, #ls-global .ls-wrapper > p, html .ls-wrapper > h1, body .ls-wrapper > h1, #ls-global .ls-wrapper > h1, html .ls-wrapper > h2, body .ls-wrapper > h2, #ls-global .ls-wrapper > h2, html .ls-wrapper > h3, body .ls-wrapper > h3, #ls-global .ls-wrapper > h3, html .ls-wrapper > h4, body .ls-wrapper > h4, #ls-global .ls-wrapper > h4, html .ls-wrapper > h5, body .ls-wrapper > h5, #ls-global .ls-wrapper > h5, html .ls-wrapper > img, body .ls-wrapper > img, #ls-global .ls-wrapper > img, html .ls-wrapper > div, body .ls-wrapper > div, #ls-global .ls-wrapper > div, html .ls-wrapper > span, body .ls-wrapper > span, #ls-global .ls-wrapper > span, html .ls-wrapper .ls-bg, body .ls-wrapper .ls-bg, #ls-global .ls-wrapper .ls-bg, html .ls-wrapper .ls-layer, body .ls-wrapper .ls-layer, #ls-global .ls-wrapper .ls-layer, html .ls-slide .ls-layer, body .ls-slide .ls-layer, #ls-global .ls-slide .ls-layer, html .ls-slide a .ls-layer, body .ls-slide a .ls-layer, #ls-global .ls-slide a .ls-layer { transition: none; -ms-transition: none; -webkit-transition: none; line-height: normal; outline: none; padding: 0; margin: 0; border-width: 0; } html .ls-container img, body .ls-container img, #ls-global .ls-container img { background: none !important; min-width: 0 !important; max-width: none !important; border-radius: 0; box-shadow: none; border: 0; padding: 0; } html .ls-wp-container .ls-wrapper > a > *, body .ls-wp-container .ls-wrapper > a > *, #ls-global .ls-wp-container .ls-wrapper > a > * { margin: 0; } html .ls-wp-container .ls-wrapper > a, body .ls-wp-container .ls-wrapper > a, #ls-global .ls-wp-container .ls-wrapper > a { text-decoration: none; } .ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-gui-element *, .ls-gui-element, .ls-container, .ls-slide > *, .ls-slide, .ls-wrapper, .ls-layer { box-sizing: content-box !important; } html .ls-yourlogo, body .ls-yourlogo, #ls-global .ls-yourlogo { margin: 0; } html .ls-tn, body .ls-tn, #ls-global .ls-tn { display: none; } .ls-bottom-nav-wrapper, .ls-bottom-nav-wrapper span, .ls-bottom-nav-wrapper a { line-height: 0; font-size: 0; } html .ls-container video, body .ls-container video, #ls-global .ls-container video { max-width: none !important; } /* direction: ltr */ html .ls-container, body .ls-container, #ls-global .ls-container, html .ls-container .ls-slide-transition-wrapper, body .ls-container .ls-slide-transition-wrapper, #ls-global .ls-container .ls-slide-transition-wrapper, html .ls-container .ls-slide-transition-wrapper *, body .ls-container .ls-slide-transition-wrapper *, #ls-global .ls-container .ls-slide-transition-wrapper *, html .ls-container .ls-bottom-nav-wrapper, body .ls-container .ls-bottom-nav-wrapper, #ls-global .ls-container .ls-bottom-nav-wrapper, html .ls-container .ls-bottom-nav-wrapper *, body .ls-container .ls-bottom-nav-wrapper *, #ls-global .ls-container .ls-bottom-nav-wrapper *, html .ls-container .ls-bottom-nav-wrapper span *, body .ls-container .ls-bottom-nav-wrapper span *, #ls-global .ls-container .ls-bottom-nav-wrapper span *, html .ls-direction-fix, body .ls-direction-fix, #ls-global .ls-direction-fix { direction: ltr !important; } /* float: none */ html .ls-container, body .ls-container, #ls-global .ls-container { float: none !important; } /* Notification */ .ls-notification { position: relative; margin: 10px auto; padding: 10px 10px 15px 88px; border-radius: 5px; background: #de4528; color: white !important; font-family: 'Open Sans', arial, sans-serif !important; } .ls-notification a { color: white !important; text-decoration: underline !important; } .ls-notification-logo { position: absolute; top: 16px; left: 17px; width: 56px; height: 56px; font-size: 49px; line-height: 53px; border-radius: 56px; background-color: white; color: #de4528; font-style: normal; font-weight: 800; text-align: center; } .ls-notification strong { color: white !important; display: block; font-size: 20px; line-height: 26px; font-weight: normal !important; } .ls-notification span { display: block; font-size: 13px; line-height: 16px; text-align: justify !important; } /* Device Responsiveness */ @media screen and (max-width: 767px) { .ls-container .ls-layers > .ls-hide-on-phone, .ls-container .ls-background-videos .ls-hide-on-phone video, .ls-container .ls-background-videos .ls-hide-on-phone audio, .ls-container .ls-background-videos .ls-hide-on-phone iframe { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .ls-container .ls-layers > .ls-hide-on-tablet, .ls-container .ls-background-videos .ls-hide-on-tablet video, .ls-container .ls-background-videos .ls-hide-on-tablet audio, .ls-container .ls-background-videos .ls-hide-on-tablet iframe { display: none !important; } } @media screen and (min-width: 1025px) { .ls-container .ls-layers > .ls-hide-on-desktop, .ls-container .ls-background-videos .ls-hide-on-desktop video, .ls-container .ls-background-videos .ls-hide-on-desktop audio, .ls-container .ls-background-videos .ls-hide-on-desktop iframe { display: none !important; } } .ls-container .ls-background-videos .ls-vpcontainer { z-index: 10; } .ls-container .ls-background-videos .ls-videopreview { background-size: cover !important; } .ls-container .ls-background-videos video, .ls-container .ls-background-videos audio, .ls-container .ls-background-videos iframe { position: relative; z-index: 20; } /* Hacks */ @media (transform-3d), (-ms-transform-3d), (-webkit-transform-3d) { #ls-test3d { position: absolute; left: 9px; height: 3px; } } #regBodyContent .event {} #regBodyContent .event .when { text-align: right; color: gray; padding: 5px 0px 5px 0px;} #regBodyContent .event .location { padding: 10px 0px 10px 0px;} #regBodyContent .event .gps {padding: 10px 0px 10px 0px; display: none;} #regBodyContent .event .maxAttendees {padding: 10px 0px 10px 0px;} #regBodyContent .event .cost {padding: 5px 0px 5px 0px;} #regBodyContent .event .discountedCost {padding: 5px 0px 5px 0px;} #regBodyContent .event .book {padding: 10px 0px 10px 0px;} #regBodyContent .eventList {clear: both; margin: 25px 0px 0px 0px;} #regBodyContent .eventList .noResults {padding: 5px 0px 10px 20px; color: #CF2B2B; font-weight: italic;} #regBodyContent .eventList .item {margin: 10px 0px 5px 0px; border-top: 1px solid #d9d9d9; padding-top: 1px;} #regBodyContent .eventList .item .title { font-size: 1.15em; color: #3b0d48; font-weight: bold; background-color: #d9d9d9; padding: 5px 10px 5px 10px; } #regBodyContent .eventList .item .date { font-style: italic; color: #7a7a7a; padding: 8px 10px 3px 10px;} #regBodyContent .eventList .item .extract {color: #3b0d48; padding: 3px 10px 15px 10px;} #regBodyContent .eventList .item .extract .link {float: right; padding: 0px 0px 10px 15px; margin-left: 15px; background-image: url(../images/template/ArrowRight-Tiny.png); background-repeat: no-repeat; background-position: 0px 2px;} .BlogListing { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-gap: 50px; } article .hBlogArticle { min-height: 280px; cursor: pointer } article .hBlogArticle .Img img { width: 100%; height: auto; display: block; box-sizing: border-box; border: 1px solid #ccc } article .hBlogArticle .Title, article .hBlogArticle .Date { font-weight: 300; padding: 10px; font-size: 1.2em; line-height: 1.2em; } article .hBlogArticle .Title a { color: #333; text-decoration: none; font-weight: 300; } article .hBlogArticle .Title { font-size: 1.2em; height: 75px; } article .hBlogArticle .Date { font-style: italic; padding: 5px 10px; font-size: 1em; } article .hero { align-items: center; -webkit-box-align: center; justify-content: center; display: flex; flex-direction: column; text-align: center; background-attachment: fixed !important; background-position: center; background-size: contain; min-height: 350px; } article .hero h1 { background-color: #FFF; color: #5B5B5D; padding: 20px; font-family: 'Montserrat'; font-weight: 300; clear: both; box-shadow: 0.2em 0 0 #fff, -0.2em 0 0 #fff } .blogMenuTitle { display: block; width: 100%; margin: 8px auto 0 auto; border-bottom: 2px solid #fcce22; display: flex; flex-direction: row; grid-gap: 30px; } .blogMenuTitle p { cursor: pointer; color: #fff; padding: 8px 20px; text-align: center; width: fit-content; background-color: #27348B; border: 1px solid #fff; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1.12px; font-weight: 600 !important; } .blogMenuTitle p:hover { background-color: #7CC3ED; } .blogMenuTitle p::after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotate(90deg); } .blogMenuTitle p.rotated::after { transform: rotate(270deg); } .blogMenu { display: grid; grid-template-columns: repeat(4,1fr); user-select: none; padding: 15px 10px; grid-gap: 25px; border-bottom: 2px solid #fcce22; margin-bottom: 30px; } .blogMenu a { text-align: left; font-size: 18px; line-height: 21px; font-weight: 600; color: #27348B; padding: 0; margin: 0; } .blogMenu a::before { content: ""; display: inline-block; width: 8px; height: 10px; margin-right: 12px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .numberShowingBar { display: flex; justify-content: flex-end; align-items: center; padding: 10px 20px 10px 0; border-bottom: 1px solid #fcce22; margin: 0; } .numberShowingBar > p { margin: 0; font-weight: bold; font-size: 14px !important; } .numberShowingBar #btnShowAll { font-size: 16px !important; font-weight: bold; margin-left: 20px; cursor: pointer; color: #27348B; } #btnLoadMore { display: none; position: relative; cursor: pointer; padding: 8px 20px; width: fit-content; color: #fff; background-color: #27348B; font-size: 16px; letter-spacing: 1.2px; margin: 60px auto 20px auto; font-weight: 900; text-align: center; line-height: 33px; text-transform: uppercase; transition: background-color .2s linear; } #btnLoadMore:hover { background: #7CC3ED; } #btnGoToFilter { display: none; background: #27348B; padding: 40px 20px; margin: 60px 0 0 0; } #btnGoToFilter > p { color: #fff; text-align: center; } #btnGoToFilter > a { font-weight: bold; cursor: pointer; width: 100%; font-size: 16px; max-width: 200px; text-decoration: none; border: 1px solid #707677; background: #fff; margin: 30px auto 0 auto; display: flex; height: 40px; align-items: center; text-transform: uppercase; color: #27348B; justify-content: center; } @media screen and (max-width: 950px) { .blogMenu { grid-template-columns: repeat(3,1fr); } } @media all and (max-width: 930px) { .BlogListing { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; } } @media all and (max-width: 767px) { .BlogListing { grid-template-columns: 1fr; grid-template-rows: 1fr; } } @media screen and (max-width: 750px) { .blogMenu { grid-template-columns: repeat(2,1fr); } } @media screen and (max-width: 500px) { .blogMenu { grid-template-columns: 1fr; } } @media all and (max-width: 480px) { article .hero { background-size: cover; background-attachment: scroll !important } } .basketPopupWrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; } .basketPopup { background: #fff; border: 1px solid #D5E0E6; padding: 10px 15px; margin: auto; max-width: 90%; text-align: center; } .basketPopupTop { display: flex; justify-content: space-between; align-items: flex-start; } .basketPopup .btn.row { margin-top: 7px; } .changeDelivery {clear: both; overflow: hidden; margin-bottom: 20px;} .changeDelivery div {display:inline-block; margin-right: 20px;} .CategoryBrowse .items { display: grid; width: 100%; grid-template-columns: repeat(2, minmax(min-content, 500px)); grid-gap: 30px; justify-content: center; margin-top: 30px; } .CategoryBrowse .items .item { display: flex; flex-direction: column; width: 100%; background-color: #fff; text-decoration: none; border: 1px solid #D2D2D2; } .CategoryBrowse .items .item-content { display: flex; flex-direction: column; height: 100%; padding: 25px; } .CategoryBrowse .items .item-content .placeholder { padding: 20px; } .CategoryBrowse .items .item-content .item-image { width: auto; height: 200px; display: flex; justify-content: center; align-items: center; overflow: hidden; margin: 0 0 25px 0; } .CategoryBrowse .items .item-content .item-date { text-align: left; font-size: 17px; line-height: 20px; color: #27348B; font-weight: 400; margin: 10px 0 20px 0; } .CategoryBrowse .items .item-content .item-title { text-align: center; font-size: 19px; border-bottom: 2px solid #FDCE1E; line-height: 21px; font-weight: 600; color: #27348B; padding: 0 0 15px 0; margin: 0 0 15px 0; } .CategoryBrowse .items .item-content .item-desc { flex: 1; text-align: center; font-size: 17px; line-height: 20px; color: #333333; padding: 0; margin: 0 0 20px 0; font-weight: 400; } .CategoryBrowse .items .item-content .CTAbutton { cursor: pointer; display: block; margin: 0 auto; color: #fff; width: fit-content; padding: 8px 20px; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .CategoryBrowse .items .item-content .CTAbutton:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .CategoryBrowse .items .item-content .CTAbutton:hover { background-color: #7CC3ED; } .SubCatBrowse .Th { width: 20%; padding: 1%; float: left; box-sizing: border-box; cursor: pointer; overflow: hidden; border-right: 1px solid #E5E5E5; margin-bottom: 1%; } .SubCatBrowse .Th .Photo { border:0; height: 125px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center; } .SubCatBrowse .Th .Text { text-align: center; padding-top: 3px; height: 25px; } .BrandBrowse .Th { width: 20%; padding: 1%; float: left; box-sizing: border-box; cursor: pointer; overflow: hidden; border-right: 1px solid #E5E5E5; margin-bottom: 1%; } .BrandBrowse .Th .Photo { border:0; height: 125px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; text-align: center; } .BrandBrowse .Th .Text { text-align: center; padding-top: 3px; height: 25px; } .ProdBrowse { display: grid; grid-template-columns: repeat(3, 340px); justify-content: center; grid-gap: 30px; margin: 30px 0 65px 0; } .ProdBrowse .Th { display: flex; flex-direction: column; min-height: 500px; padding: 20px 20px 30px 20px; box-sizing: border-box; cursor: pointer; overflow: hidden; margin-bottom: 0; border: 1px solid #D2D2D2; } .ProdBrowse .Th .Photo { height: 200px; margin-bottom: 20px; text-align: center; } .ProdBrowse .Th .Photo img { height: 100%; width: auto; } .ProdBrowse .Th .Title { text-align: center; padding-bottom: 19px; margin-bottom: 22px; font-size: 18px; border-bottom: 2px solid #FDCE1E; } .ProdBrowse .Th .Title a { color: #27348B; font-size: 19px; text-decoration: none; } .ProdBrowse .Th .Description { flex: 1; color: #333333; font-size: 17px; text-align: center; margin-bottom: 20px; } .ProdBrowse .Th .More { cursor: pointer; display: block; margin: 0 auto; color: #fff; width: fit-content; padding: 8px 20px; text-align: center; background-color: #27348B; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .ProdBrowse .Th .More:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(../../Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .ProdBrowse .Th .More:hover { background-color: #7CC3ED; } .productRating { font-weight: bold; } .productReview { padding-top: 7px; } .productReviewName { text-align: right; font-weight: bold; font-size: 11px; font-style: italic; } .productReviewFooter { padding-bottom: 7px; border-bottom: 1px solid #cccccc; } #regPrevouslyOrdered { background-color: #EFEFEF; clear: both; min-height: 36px; font-size: 1em; } #regPrevouslyOrdered { padding: 10px; margin-bottom: 5px; display: none; } #regPrevouslyOrdered .InfoImage { float: left; max-width: 45px; margin-right: 10px; } /* @media (max-width: 979px) { .SubCatBrowse .Thumbnail { width: 25%; } } @media (max-width: 670px) { .SubCatBrowse .Thumbnail {width: 33.3%;} } @media (max-width: 480px) { .SubCatBrowse .Thumbnail { width: 50%; } } @media (max-width: 380px) { .SubCatBrowse .Thumbnail .ThumbnailText { height: auto; } .SubCatBrowse .Thumbnail {width: 95%; margin-left: 2.5%; margin-right: 2.5%; border-right: 1px solid #FFF; } }*/ #regShoppingProcessHeader { margin: 0 auto; width: 100%; background-color: #CBCBCB; border-top: 3px solid #DC73AB; border-bottom: 3px solid #DC73AB; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #regShoppingProcessHeader .TileActive, #regShoppingProcessHeader .TileInactive { padding: 0 10px; font-weight: bold; color: #FFFFFF; display: flex; justify-content: flex-start; align-items: center; } #regShoppingProcessHeader .TileActive { background-color: #DC73AB; } #regShoppingProcessHeader .Step { text-align: center; width: 30px; font-size: 2em; } #regShoppingProcessHeader .Title { font-size: 1.05em; padding-left: 5px; line-height: 1.2; } /* these styles are used on the view shopping basket and Payment Pages page... */ .Reorder .item td a { text-decoration: none; } @media all and (max-width: 767px) { .Reorder table, .Reorder thead, .Reorder tbody, .Reorder th, .Reorder td, .Reorder tr { display: block; } .Reorder { width: 100%; margin: 1px; } .Reorder .header td { position: absolute; top: -9999px; left: -9999px; } .Reorder .item tr { border: 1px solid #ccc; } .Reorder .item td { /* Behave like a "row" */ border: none; position: relative; padding-left: 30%; vertical-align: top; text-align: left; } .Reorder .item td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ left: 6px; width: 25%; padding-right: 10px; white-space: nowrap; } .Reorder .item td:nth-of-type(1):before { content: "Product"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .Reorder .item td:nth-of-type(2):before { content: "Pack Size"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .Reorder .item td:nth-of-type(3):before { content: "Item Price"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .Reorder .item td:nth-of-type(4):before { content: "Last Ordered"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .Reorder .item td:nth-of-type(5):before { content: "Quantity"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .Reorder .item td:nth-of-type(6) { border-bottom: 2px solid #eee; } .Reorder .item td.CartPrice { text-align: left; } .CategoryBrowse .items { grid-template-columns: minmax(min-content, 500px); } .CategoryBrowse .items .item-content .item-title { text-align: center; } .CategoryBrowse .items .item-content .item-desc { text-align: center; } } @media all and (max-width: 480px) { .CartDelivery .Label { float: left; width: 100%; text-align: left; padding: 1% 0; } .CartDelivery .Control { float: right; text-align: left; padding-bottom: 5px; width: 100%; } .CartDelivery select { float: right; font-size: 1em; margin-left: 1%; width: 100%; } .Reorder .item td { padding-left: 35%; } .Reorder .item td:before { width: 30%; } .CartSummary { width: 100%; } /* Hide table headers (but not display: none;, for accessibility) */ .CartSummary .Header td { position: absolute; top: -9999px; left: -9999px; } .CartSummary .Item tr { border: 1px solid #ccc; } .CartSummary .Item td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; vertical-align: top; text-align: left; } .CartSummary tr:nth-of-type(odd) { background: #EFEFEF; } .CartSummary .Item td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .CartSummary .Border { display: none; } .CartSummary .Item td:nth-of-type(1):before { content: "Remove"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .CartSummary .Item td:nth-of-type(2) {display: none} .CartSummary .Item td:nth-of-type(3):before { content: "Description"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .CartSummary .Item td:nth-of-type(4):before { content: "Quantity"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } /*.CartSummary .Item td:nth-of-type(5):before { content: "Item Price"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; }*/ .CartSummary .Item td:nth-of-type(5):before { content: "Subtotal"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .CartSummary .Item td.CartPrice { text-align: left; } .ProductSKUsTable tr.ProductSKUsHeader td { position: absolute; top: -9999px; left: -9999px; } .ProductSKUsTable .ProductSKUsItem tr { border: 1px solid #ccc; } .ProductSKUsTable .ProductSKUsItem td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; vertical-align: top; text-align: left; } .ProductSKUsTable tr:nth-of-type(odd) { background: #cccccc; } .ProductSKUsTable .ProductSKUsItem td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .ProductSKUsTable .ProductSKUsItem td:nth-of-type(1):before { content: "Length"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .ProductSKUsTable .ProductSKUsItem td:nth-of-type(2):before { content: "Weight"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .ProductSKUsTable .ProductSKUsItem td:nth-of-type(3):before { content: "Price Inc VAT"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } .ProductSKUsTable .ProductSKUsItem td:nth-of-type(4):before { content: "Stock Status"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } /*.CartSummary .Item td:nth-of-type(5):before { content: "Item Price"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; }*/ .ProductSKUsTable .ProductSKUsItem td:nth-of-type(5):before { content: "Quantity"; font-size: 1em; font-weight: bold; color: #333; padding-right: 2%; text-align: right; } } /* these styles are used on product list/detail pages ... */ .product .productDetails { max-width: 1080px; margin: 50px auto 60px auto; display: flex; flex-direction: row; justify-content: center; grid-gap: 35px; } .product .productDetails .photoSlider { position: relative; overflow: hidden; width: 500px; height: 285px; background-color: #fff; } .product .productDetails .photoSlider .arrow { position: absolute; top: calc(50% - 17px); display: block; z-index: 999; cursor: pointer; background-color: #D2D2D2; width: 43px; height: 34px; background-position: center center; background-repeat: no-repeat; } .product .productDetails .photoSlider .arrow.arrowPrev { left: 0; background-image: url(/Images/template/icon-triangle-white.png); transform: rotate(180deg); } .product .productDetails .photoSlider .arrow.arrowNext { right: 0; background-image: url(/Images/template/icon-triangle-white.png); } .product .productDetails .photoSlider .photos { position: relative; margin: 0; padding: 0; height: 285px; display: block; } .product .productDetails .photoSlider .photos .photo { position: relative; left: 68px; text-align: center; display: block; float: left; margin: 0; padding: 0; width: 364px; height: 285px; background-color: #fff; } .product .productDetails .photoSlider .photos .photo img { width: auto; height: 100%; border: 0; max-height: 250px; } .product .productDetails .photoSlider .photos .photo #photoZoom { position: absolute; display: block; cursor: pointer; top: 10px; right: 10px; width: 35px; height: 35px; background-image: url(/Images/template/icon-zoom.svg); background-size: contain; background-position: center; background-repeat: no-repeat; z-index: 999; } .product .productDetails .photoSlider .photos .photo .photoCaption { bottom: 0; background-color: #fff; left: 0; color: #27348B; font-size: 15px; line-height: 16px; font-weight: 600; text-align: center; width: 100%; margin: 0; } #cboxTitle { display: none !important; } .product .productDetails .info { flex: 1; } .product .productDetails .info .desc { color: #333333; font-size: 17px; padding-bottom: 25px; } .product .productDetails .info .CTAbutton { cursor: pointer; display: block; margin: 0; color: #fff; width: fit-content; padding: 8px 20px; text-align: center; text-decoration: none; background-color: #27348b; border: 1px solid #fff; font-size: 14px; line-height: 20px; letter-spacing: 1.12px; font-weight: 600; } .product .productDetails .info .CTAbutton:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(/Images/template/icon-triangle-yellow.png); transform: rotate(90deg); background-size: contain; background-position: center; background-repeat: no-repeat; } .product .productDetails .info .CTAbutton:hover { background-color: #7CC3ED; } .product .subTextArea { max-width: 1080px; margin: 0 auto 55px auto; } .product .subTextArea p { color: #333333; font-size: 14px; line-height: 20px; margin: 30px 0 0 0; } .product .subTextArea p span.bold { font-weight: 600; } .product .subTextArea p span.blue { color: #7CC3ED; } .product .section { height: 1px; background-color: #d2d2d2; border: none; max-width: 1080px; width: 100%; margin: 0 auto; } .product .productVideo { display: flex; justify-content: center; margin: 55px auto 0 auto; } .product .specsTable { margin: 55px auto 0 auto; max-width: 1080px; } .product .specsTable table tr { background-color: #f1f1f1; } .product .specsTable table tr:not(:first-of-type) { border: 1px solid #d2d2d2; } .product .specsTable table tr:nth-child(even) { background-color: #fff; } .product .specsTable table tr th:not(:first-of-type) { padding: 5px; width: 230px; height: 70px; background-color: #27348B; color: #fff; font-size: 20px; line-height: 20px; text-align: center; border: 1px solid #fff; } .product .specsTable table tr th:first-of-type { background-color: #fff; } .product .specsTable table tr td { padding: 5px; width: 230px; height: 60px; color: #333333; font-size: 14px; line-height: 20px; text-align: center; border: 1px solid #d2d2d2; } .product .specsTable table tr td:first-of-type { width: 388px;} /*.product .applications { max-width: 1076px; margin: 60px auto 90px auto; } .product .applications .slider { display: flex; flex-direction: row; justify-content: center; align-items: center; } .product .applications .slider .arrow { cursor: pointer; background-color: #D2D2D2; width: 43px; height: 34px; background-position: center center; background-repeat: no-repeat; } .product .applications .slider .arrow.arrowPrev { background-image: url(/Images/template/icon-triangle-white.png); transform: rotate(180deg); } .product .applications .slider .arrow.arrowNext { background-image: url(/Images/template/icon-triangle-white.png); } .product .applications .slider .slides { width: 940px; height: 390px; display: grid; grid-template-columns: repeat(3, 300px); grid-gap: 20px; margin: 40px 25px 0 25px; } .product .applications .slider .slide { width: 300px; height: 390px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 25px 20px 35px 20px; border: 1px solid #D2D2D2; background-color: #fff; } */ .product .applicationList { max-width: 1080px; margin: 60px auto 90px auto; } .product .applicationList .applicationSlider { position: relative; overflow: hidden; width: 1080px; height: 390px; background-color: #fff; margin: 40px auto 0 auto; } .product .applicationList .applicationSlider .arrow { position: absolute; top: calc(50% - 17px); display: block; z-index: 999; cursor: pointer; background-color: #D2D2D2; width: 43px; height: 34px; background-position: center center; background-repeat: no-repeat; } .product .applicationList .applicationSlider .arrow.arrowPrev { left: 0; background-image: url(/Images/template/icon-triangle-white.png); transform: rotate(180deg); } .product .applicationList .applicationSlider .arrow.arrowNext { right: 0; background-image: url(/Images/template/icon-triangle-white.png); } .product .applicationList .applicationSlider .applications { position: relative; margin: 0 auto; padding: 0; width: 940px; height: 390px; display: grid; grid-template-columns: repeat(3, 300px); grid-gap: 20px; } .product .applicationList .applicationSlider .applications .application { position: relative; width: 300px; height: 390px; text-align: center; padding: 25px 20px 35px 20px; border: 1px solid #D2D2D2; background-color: #fff; display: flex; flex-direction: column; float: left; } .product .applicationList .applicationSlider .applications .application .Title { text-align: center; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #FDCE1E; color: #27348B; font-size: 17px; font-weight: 500; text-decoration: none; } .product .applicationList .applicationSlider .applications .application .Description { flex: 1; color: #333333; font-weight: 400; font-size: 15px; text-align: center; margin-bottom: 20px; } .product .applicationList .applicationSlider .applications .application .More { cursor: pointer; margin: 0 auto; font-weight: 500; display: flex; align-items: center; justify-content: center; height: 35px; width: 130px; border: 1px solid #fff; background-color: #27348B; color: #fff; font-size: 14px; letter-spacing: 1.12px; line-height: 20px; } .product .applicationList .applicationSlider .applications .application .More:after { content: ""; display: inline-block; width: 8px; height: 10px; margin-left: 17px; background-image: url(/Images/template/icon-triangle-yellow.png); background-size: contain; background-position: center; background-repeat: no-repeat; } .product .applicationList .applicationSlider .applications .application .More:hover { background-color: #7CC3ED; } .product .formText { color: #333; font-size: 20px; text-align: center; line-height: 20px; } .BuyButton { width: 100%; text-align: right; margin-top: 2%; } .ProductSKUsTable { margin-top: 20px; border: 0px solid #FFF; border-collapse: collapse; width: 100%; } .ProductSKUsTable .ProductSKUsHeader td { background: #FFF;border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; font-weight: bold; padding: 5px; } .ProductSKUsItem td { border-bottom: 1px solid #B3B3B3; padding: 5px; } .ProductSKUsItem .price { font-weight: bold; color: #302D2D; } .ProductSKUsItem .buyNow { color: #302D2D; font-weight: bold; font-size: .8em; } .ProductSKUsItem .wasprice { font-weight: bold; color: #000000; text-decoration: line-through; } .ProductSKUsItem .OutOfStock { color: #A81616; } .ProductSKUsItem .InStock { color:#0f750F; } @media (max-width: 1150px) { .ProdBrowse { grid-template-columns: repeat(2, 340px); } .product .applicationList .applicationSlider { width: 620px; } .product .applicationList .applicationSlider .applications { width: 620px; grid-template-columns: repeat(2, 300px); } } @media (max-width: 900px) { .product .productDetails { flex-direction: column; margin: 25px auto 50px auto; grid-gap: 40px; align-items: center; } .product .productDetails .info .desc { padding: 15px; } } @media (max-width: 825px) { .product .applicationList .applicationSlider .applications { width: 300px; grid-template-columns: 300px; grid-gap: unset; } } @media (max-width: 750px) { .ProdBrowse { grid-template-columns: 340px; } } @media (max-width: 570px) { .product .productDetails .photoSlider { width: 100% !important; padding: 0; } .product .productDetails .photoSlider .photos { width: 100%; grid-template-columns: 100%; margin: 0; } .product .productDetails .photoSlider .photos .photoZoom { bottom: 40px; } .product .productDetails .photoSlider .photos .photoCaption { font-size: 12px; width: 100%; padding: 0 15px; } .product .formText { font-size: 17px; line-height: 20px; } .product .productDetails .photoSlider .photos .photo #photoZoom { right: 35px; } } @media (max-width: 510px) { .product .applicationList .applicationSlider { width: 100%; } .product .applicationList .applicationSlider .applications { width: 100%; grid-template-columns: unset; grid-gap: unset; } .product .applicationList .applicationSlider .applications .application { width: calc(100% - 106px); padding: 20px; } .product .applicationList .applicationSlider .applications .application .Title { font-size: 15px; } .product .applicationList .applicationSlider .applications .application .Description { font-size: 11px; } } @media (max-width: 500px) { .product .specsTable table tr th:not(:first-of-type) { font-size: 17px; line-height: 20px; } .product .specsTable table tr td { font-size: 12px; line-height: 12px; } } @media (max-width: 400px) { .ProdBrowse { grid-template-columns: 280px; } } #regRecentlyViewed { margin: 5px; clear: both; font-size: .8em; color: #333333; border: solid 2px #CCCCCC; border-radius: 5px;} #regRecentlyViewed .Top { height: 10px; } #regRecentlyViewed .Middle a { color: #FFFFFF; font-weight: normal; text-decoration: none; } #regRecentlyViewed .Bottom { height: 10px; } #regRecentlyViewed .Middle { padding: 0 15px 3px 15px; vertical-align: top; } #regRecentlyViewed .Outer p { line-height: normal; } #recentItems .recentItem { float: left; height: 115px; width: 110px; margin-right: 5px; padding: 5px; text-align: center; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px; } #recentItems .recentItem a { color: #431357; } #recentItems .recentItem .Img { height: 85px; vertical-align: middle; display: table-cell; line-height: 85px; } #recentItems .recentItem .Link { padding: 2px; } #regRecentlyViewed h3 { font-size: 1.3em; color: #FFD647; font-weight: bold; margin-bottom: 8px; } #divPopup { margin: 0; z-index: 9999999; height: 34%; width: 50%; padding: 1.5% 2%; position: fixed; left: 25%; top: 31%; background-color: #FFF; border: 1px solid #FFF; border-radius: 10px; } #divPopup #PopupClose { float: right; font-weight: bold; } #divPopup h2 { float: left; } #divPopup #PopupClose:hover { cursor: pointer; } #divPopup .ProductBDetails div {display: inline-block;padding: 2%; font-size: 1.1em; vertical-align: middle; font-weight: bold;} #divPopup .ProductBDetails div.img { width: 20%; text-align: center; } #divPopup .ProductBDetails div.img img { max-width: 100px;} #divPopup .ProductBDetails div.name { width: 52%; } #divPopup .ProductBDetails div.price { width: 15%; text-align: right; color: #302D2D; font-weight: bold; } @media all and (max-width: 979px) { #divPopup { margin: 0; z-index: 9999999; height: 47%; width: 66%; padding: 1.5% 2%; position: fixed; left: 15%; top: 15%; } } @media all and (max-width: 480px) { #divPopup { margin: 0; z-index: 9999999; height: 56%; width: 86%; padding: 1.5% 1%; position: fixed; left: 5%; top: 20%; } } .checkoutLoginorExisting {clear: both; margin: 1%;} .checkoutLoginorExisting div.boxed {width: 48%; padding: 2%; margin: 10px 1%; height: 260px; display: inline-table; border: 1px solid gray; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .checkoutLoginorExisting div.boxed:last-child {margin-right: 0;} .checkoutLoginorExisting div.boxed .prompt {margin: 3px; font-weight: bold;} .checkoutLoginorExisting div.boxed .forgottenPassword {float: right; padding: 10px 0 10px 5px; } .secureShopping { clear: both; margin: 0 2%; padding: 15px 40px; background-color: #73A610; border: 2px solid #73A610; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; color: #FFFFFF; font-weight: bold; line-height: 1.3em; } .secureShopping h2 { border-bottom: 1px solid #FFFFFF; color: #FFFFFF !important; font-size: 1.3em; margin: 0 0 5px 0; padding: 0 0 10px 0; } .secureShopping a {color: white !important; text-decoration: underline;} .checkoutForm {clear: both; padding: 1% 2%; background-color: #eaeaea} .checkoutForm h4 { font-size: 1.3em; margin: 1% 0 1% 0; font-weight: bold; clear: both;} .checkoutForm .required {border: 2px solid red !important;} .checkoutForm .okay {border: 2px solid green !important;} .checkoutForm .addressLookup {padding-bottom: 3%} .checkoutForm .addressLookup table {margin-left: 20px;} .checkoutForm .addressLookup table tr td {padding: 2px;} .checkoutForm .addressLookup table tr td:last-child {padding-top: 5px;} /* Payment/checkout/myaccount order history page styles */ .paymentSummary {} .paymentSummary h4 { font-size: 1.3em; margin: 3% 0 1% 0; font-weight: bold; clear: both;} .paymentSummary h5 { font-size: 1.1em; margin: 3% 0 1% 0; font-weight: bold; clear: both;} .paymentSummary .headerBlock { margin-bottom: 1%; width: 63%; padding: 1%; background-color: #eaeaea; float: left; } .paymentSummary .headerBlock.myAccountArea { width: 75%;} .paymentSummary .headerBlock div.column {width: 49%; display: inline-table } .paymentSummary .summaryBlock { margin-left: 1%; width: 36%; padding: 1%; background-color: #eaeaea; float: left; } .paymentSummary .summaryBlock .methods {} .paymentSummary .summaryBlock .methods div { clear: both; padding: 10px;} .paymentSummary .summaryBlock .methods div div.option {display: inline-table; padding-right: 0px;} .paymentSummary .summaryBlock .methods div div.logo {display: inline-table} .paymentSummary .summaryBlock .agreeTo {clear: both; margin: 5px;} .paymentSummary .summaryBlock .payButton {margin: 10px 0;} .paymentSummary .summaryBlock .payButton input[type=submit] {width: 100%; font-size: 1.2em; } .paymentSummary .invoicePDF { float: right; text-align: center; margin: 1% 0 1% 3% } .paymentSummary .invoicePDF input[type=image] { max-width: 50px; height: auto; } @media all and (max-width: 680px) { div.columns.shoppingActionButtonsBottom div.column { width: 49.5% !important; } div.columns.shoppingActionButtonsBottom div.column:first-child {text-align: left !important;} div.columns.shoppingActionButtonsBottom div.column:nth-child(2) {text-align: right !important;} div.columns.shoppingActionButtonsBottom div.column:last-child { display:block ; width: 100% !important; text-align: center !important;} } @media all and (max-width: 500px) { div.columns.shoppingActionButtonsTop div.column { display:block ; width: 100% !important; text-align: center !important;} div.columns.shoppingActionButtonsBottom div.column { display:block; width: 100% !important; text-align: center !important;} div.columns.shoppingActionButtonsBottom div.column:first-child { display:block; width: 100% !important; text-align: center !important;} div.columns.shoppingActionButtonsBottom div.column:nth-child(2) { display:block; width: 100% !important; text-align: center !important;} } @media all and (max-width: 767px) { .paymentSummary .headerBlock { width: 100%; padding: 1% 2%; } .paymentSummary .headerBlock.myAccountArea {width: 100%;} .paymentSummary .summaryBlock {width: 100%;} .paymentSummary .summaryBlock .totals div {text-align: left !important;} .paymentSummary .invoicePDF { width: 100%; padding: 1% 2%;} } @media all and (max-width: 700px) { .checkoutLoginorExisting div.boxed {width: 100%; padding: 2%; margin: 10px 0; height: auto; } } @media all and (max-width: 500px) { .paymentSummary .headerBlock div.column {width: 100%;} table.datagrid.orderItemsSummary .productImage {display: none;} } table.datagrid.orderItemsSummary .productImage { width: 60px; height: auto; text-align: center; } table.datagrid.orderItemsSummary .description { } table.datagrid.orderItemsSummary .quantity { } table.datagrid.orderItemsSummary .price { font-size: 1.2em; font-weight: bold; color: #333; } @media all and (max-width: 400px) { table.datagrid.orderItemsSummary tr.header td {display: none; width: 100% !important; text-align: center;} table.datagrid.orderItemsSummary tr.header td:first-child {display: block; content: 'Items'} table.datagrid.orderItemsSummary tr.header td:first-child:after {content: 'items'} table.datagrid.orderItemsSummary tr.item td {display: block; width: 100%; text-align: center;} table.datagrid.orderItemsSummary tr td:last-child {border-bottom: 2px solid gray;} table.datagrid.orderItemsSummary tr td label {display: inline-block;} } table.datagrid.orderItemsSummary .LowStock { font-size: 12px; font-weight: bold; color: #999999; padding-top: 5px; } table.datagrid.orderItemsSummary .Item .CartBorder { border: 0; text-align: center; width: 90px; height: 90px; text-align: center; vertical-align: middle; display: table-cell; background-color: #FFFFFF; } table.datagrid.orderItemsSummary .Item input[type=submit].Remove { background-color: #333; font-size: 0.9em; padding: 3px 5px; font-weight: normal; color: #FFF; border: 1px solid #333; } table.datagrid.orderItemsSummary .Item input[type=submit].Remove:hover { text-decoration: none; } .itemsSummary {clear: both; padding: 2% 0;} .itemsSummary .totals { clear: both; width: 99%;} .itemsSummary .totals div { color: darkslategray; text-align: right; margin-bottom: 3px; padding-top: 4px; padding-bottom: 1px; font-size: 1.2em; font-weight: bold; border-top: 1px solid gray; } .itemsSummary .totals div:first-child {border-top: none;} .itemsSummary .totals div:last-child {border-top: 2px solid gray; border-bottom: 2px solid gray; color: black; font-weight: bold; font-size: 1.4em; padding: 4px 0} .itemsSummary .totals div.noDeliveryMethodWarning { margin: 0 auto; clear: both; background: #EDA32D; /* old browsers */ background: -moz-linear-gradient(top, #F1FA00 0%, #FCFEC6 99%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1FA00), color-stop(99%,#FCFEC6)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1FA00', endColorstr='#FCFEC6',GradientType=0 ); /* ie */ border: none; text-align: left; padding: 0.4em; padding-left: 1em; font-size: 1.1em; border: solid 2px #DC0125; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; } .itemsSummary .totals .chooseDeliveryMethod {clear: both;} .itemsSummary .totals .chooseDeliveryMethod div {display: inline-block} .itemsSummary .totals .chooseDeliveryMethod table {display: inline-block} #basketEnterDiscountCode { clear: both; padding: 5px 0;} #basketEnterDiscountCode div {max-width: 320px; margin: 0px auto} #basketEnterDiscountCode div input[type=text] { width: 72%; padding: 5px 4px; } #basketEnterDiscountCode div input[type=submit] { width: 20%; } @media all and (max-width: 767px) { #basketEnterDiscountCode { padding: 5px 1%; } } @media all and (max-width: 550px) { .itemsSummary .totals div {text-align: left;} }