/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, 
* controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, 
* resizable.css, progressbar.css, selectable.css, selectmenu.css,slider.css, sortable.css, 
* spinner.css, tabs.css, tooltip.css, theme.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 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:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.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,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.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,
.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%;
	font-size: 0;
}

/* 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,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	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-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.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;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.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;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.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;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.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: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: inherit;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: inherit;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	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,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.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); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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-on { background-position: -96px -144px; }
.ui-icon-radio-off { 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-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #000;
	opacity: .5;
	filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}


/**
 * Owl Carousel v2.2.1 
 * THIS IS A BASE FILE - overrides should be in sitepanes.css in the relevant place!
 * 
 * 
 * 
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/**
 * Owl Carousel v2.2.1 
 * THIS IS A BASE FILE - overrides should be in sitepanes.css in the relevant place!
 * 
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
/* ------------------------------------------------------------------------------------
	SCREEN - CLIENTNAME
	$CLIENTID :$SITEID
	Filename :sitepanes.css
	Last Updated :10. 04. 2018
	Copyright :(c) 2018 Etail Systems Ltd
	Author :Etail Systems Ltd
	Web :http://www.etailsystems.com

	Table of Contents
		01. =Reset
		02. =Page
		03. =Typography
		04. =Buttons
		05. =Tables
		06. =Forms
		07. =FIXEDPanels Top
		08. =FIXEDPanels Bottom
		09. =PanelTop
		10. =Breadcrumb
		11. =CenterPanel
		12. =MainPanel
		13. =RightPanel
		14. =LeftPanel
		15. =FooterPanel
		16. =BottomPanel
		17. =FilterSearch
		18. =SearchHeader / SearchFooter 
		19. =DepartmentTree
		20. =FeaturedProducts
		21. =RecentItems
		22. =ProductLists
		23. =HoverBsket
		24. =PopupDialog / Popup Add to Basket
		25. =Basket
		26. =Checkout process
		27. =Sitemap
		28. =Messages
		29. =AutoComplete
		30. =QuickView
		31. =CustomPromotions
		32. =CustomArticles
		33. =AccordionArticles
		34. =Blog
		35. =OwlCarousel/Jquery Base
		36. =Jquery Base Overrides
		37. =Brands Pages
		38. =Hacks
		
		Colors Used;
			color:#383838 - headings
			color:#f4f4f4
			color:#e8e8e8
			color:#58595b - text
			color:#9e0809
			color:#003466

=Reset 
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	-webkit-font-smoothing:antialiased;
	/* Looks pretty much the same than Windows */
}

/* To enable HTML5 elements in IE */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{
	display:block;
}

input, select, textarea{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

input:focus, textarea:focus, select:focus{
	outline-offset:0px;
}

/* ------------------------------------------------------------------------------------
=Page 
------------------------------------------------------------------------------------- */
html, body{
	width:100%;
	min-width:1200px;
	/*max-width:1920px; /*unsure if needed */
	margin-left:auto;
	margin-right:auto;
	/*because iPad*/
}

body{
	font-size:16px;
	line-height:normal;
}

#cont{
	margin-left:auto;
	margin-right:auto;
}

/* -------------------------------------------------------------------------------------
=Typography 
------------------------------------------------------------------------------------- */
/* this choice of font-family is supposed to render text the same across platforms */
body, input, button, textarea, select{
	font-family: "merriweather",serif;
	-webkit-font-smoothing:antialiased;
	/* Looks pretty much the same than Windows */
}

p, li, label, input, select, textarea{}

select, textarea{
	padding:.5em;
	border:none;
	outline:1px #383838 solid;
}

input.inputtext,
input.inputtext_light /*used for the newsletter signup */{
	font-family: "oswald",sans-serif;
	font-size:1em;
	padding:.5em;
	border:none;
	outline:1px #383838 solid;
	max-width:320px;
}

/* Headings
------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
	font-family: "oswald",sans-serif;
	color:#383838;
}

h1{
	font-size:1.8em;
}

h2{
	font-size:1.500em;
}

h3{
	font-size:1.250em;
}

h4{
	font-size:1.125em;
}

h5{
	font-size:1.00em;
}

h6{
	font-family: "merriweather",serif;
	font-weight:600;
}

/* Links
------------------------------------------------------- */
a{
	text-decoration:none;
	color:inherit; /*makes the link the same colour as whatever the thing is that its in h3 h4 p etc*/
}

a:hover{}
a:active{}

a:visited{
	text-decoration:none;
}


a.lnk:hover{
	text-decoration:underline;
	text-decoration-color:#003466;
}

/* Specific headings
------------------------------------------------------- */

/* Base Typography
------------------------------------------------------- */

p, ol, ul, dl, address{
	font-family: "merriweather",serif;
	font-size:1em;
	line-height:normal;
	color:#58595b;
}

b, strong{
	font-weight:bold;
	font-size:inherit;
}

ol, ul{
	list-style:none;
}

li ul,
li ol{
	font-size:1em;
}

abbr{
	opacity:0.9;
}

abbr[title]:hover, dfn[title]{
	cursor:help;
}

ins, mark{
	padding:0 0.125em;
	text-decoration:none;
}

sub, sup{
	position:relative;
	font-size:smaller;
	line-height:0;
}

sup{
	vertical-align:super;
}

sub{
	vertical-align:sub;
}

del, s{
	font-weight:400;
	text-decoration:line-through;
}

em, i {
	font-style:italic;
}

#pm p,
#pm .artp li{
	font-size:0.813em;
}

/*to ensure a clear break after a paragraph*/
#pm .artp p{
	font-size:.813em;
	margin:0 0 .5em 0;
}

/*Unified heading colors*/
#pm h2,
#pm h3,
#pm h4,
#pm h5{}

/*to ensure spacing between a paragraph and the next heading */
#pm p + h2,
#pm p + h3,
#pm p + h4,
#pm p + h5{}

/*ensures font size for a p in a table is the same as it is for text that is NOT in a p block */
#pm table tr td p,
#pm table tr td li{
	font-size:inherit;
	color:initial;
}

#pm .artp ul{
	list-style-type:disc;
	margin:1em 1.5em;
}

#pm .artp ol{
	list-style-type:decimal;
	margin:1em 1.5em;
}

#pm .artp img{}
#pm .artp a{}

#pm .artp a{
	font-weight:600;
}

#pm .artp a:hover{
	text-decoration:underline;
}

#pm .artp a.btn{
	font-weight:normal;
}

#pm .artp a.btn:hover{
	text-decoration:none;
}

#pm .art .artp table{
	border-collapse:collapse;
	margin-bottom:1em;
}

#pm .art .artp table th{}

#pm .art .artp table th:first-child{}

#pm .art .artp table tr:nth-child(odd){
	background-color:#e8e8e8;
}

/*banner fixes - ensures nothing is too big for the site but all images should be sized appropriately anyway before uploading to COMS */
.bnr a{
	display:block;
}

.bnr p a{
	display:inline;
}

.bnr p a:hover{
	text-decoration:underline;
}

#pm .pbnr .bnr img{
	height:auto;
	display:block;
}

/* -------------------------------------------------------------------------------------
=Buttons 
------------------------------------------------------------------------------------- */
.submit,
a.btn{
	font-family: "oswald",sans-serif;
	font-size:1em;
	padding: .5em;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	background-color:#003466;
	border:1px #003466 solid;
	outline:none;
	color:#fff;
	display:inline-block;
}

.submit:hover,
a.btn:hover{}

li a.btn{
	display:inline-block;
}

td a.btn{
	display:block;
}

a.btn:hover{
	text-decoration:none;
}

/* -------------------------------------------------------------------------------------
=Tables 
------------------------------------------------------------------------------------- */

/* Defaults for tables 
------------------------------------------------------- */
table{
	border:1px #e8e8e8 solid;
}

table thead th,
table tr.header th{
	font-size:0.875em;
	color:#fff;
	text-align:left;
	font-weight:600;
	padding:.5em;
	background-color:#e8e8e8
}

table tr td{
	padding:.5em;
	vertical-align:middle;
	font-size:0.813em;
}

table tr td p{
	font-size:1em;
}

#pm .artp table td p{
	font-size:1em;
}

table.order{
	width:100%;
	margin-bottom:1em;
}

.ordinfo a.btn.print{
	background-color:#e8e8e8;
	border-color:#e8e8e8;
	margin-left:1em;
}

.ordinfo a.btn.info{
	margin-right:1em;
}



/* -------------------------------------------------------------------------------------
=Forms
------------------------------------------------------------------------------------- */
#pm .form{}

#pm .form .bt{
	margin-bottom:1em;
}

#pm .form .bt h3{
	margin-bottom:0;
}

#pm .form h5,
#pm .form h5,
#pm .form h5{
	font-size:.8em;
}

#pm .form select,
#pm .form textarea,
#pm .form input{
	display:inline-block;
	margin-right:1em;
}

#pm .form#psign,
#pm .form#pwrem,
#pm .form#preg{}

#pm .form#psign .bc,
#pm .form#pwrem .bc,
#pm .form#preg .bc{}

#pm .form .bc ul li{
	margin-bottom:1em;
}

#pm .form form li label{
	display:inline-block;
	vertical-align:top;
	margin-right:1em;
	min-width:230px;
}

#pm .form .bc ul li label img{}
#pm .form .bc ul li.help{
	font-size:0.750em;
}

#pm .form .bc ul li.info{
	font-weight:bold;
}

#pm .form form{
	display:inline-block;
	width:100%;
}

#pm .form form ul{
	display:inline-block;
}

#pm .form form ul li{
	display:inline-block;
	width:100%;
}

#pm .form form .submit{
	display:inline-block;
	margin:0 auto;
	font-size:1em;
}

#pm .form form ul.radio{
	display:inline-block;
}

#pm .form form ul.radio li{
	display:inline-block;
	width:auto;
	vertical-align:middle;
}

#pm .form textarea{
	display:inline-block;
	vertical-align:top;
	font-size:1em;
}

#pm #psign form ul li{
	display:inline-block;
}

#pm #psign form ul li h5{
	font-size:1em;
}

/* fix for checklists*/
#pm .form form ul.check{
	max-width:900px;
	columns:4;
	-webkit-columns:4;
	-moz-columns:4;
}

#pm .form form ul.check li{}

/*custom bits for register form */
.page_register input.submit{
	width:252px;
}

.page_register a.btn{
	width:250px;
	padding:.5em 0;
}


/* post code lookup
------------------------------------------------------- */
#pm .form form .pclup .submit#btnPostCodeLookup{
	display:inline-block;
	margin:0;
	margin-top:.5em;
}

.pclup span.or{
	display:inline-block;
	margin:.8em .5em;
}

.pclup #pclupManualAddress{
	display:inline-block;
	margin-top:.5em;
	padding:0.73em;
	font-weight:600;
	font-size:.8em;
	text-transform:uppercase;
}

/* Account
------------------------------------------------------- */
#psign .bc{}
#psign .bc h4{
	margin-bottom:1em;
	font-weight:600;
}

#psign ul.orders,
#psign ul.contact,
#psign ul.details{
	margin-bottom:1em;
}

#psign ul.orders li.icon,
#psign ul.contact li.icon,
#psign ul.details li.icon{
	display:inline-block;
	vertical-align:top;
	margin-right:1em;
	width:177px;
	text-align:center;
}

#psign ul.orders a.img,
#psign ul.contact a.img,
#psign ul.details a.img{
	display:inline-block;
	border:1px solid #e8e8e8;
	margin-bottom:1em;
}

#psign ul.orders a.img img,
#psign ul.contact a.img img,
#psign ul.details a.img img{
	display:block;
}

#psign ul.orders a.lnk,
#psign ul.contact a.lnk,
#psign ul.details a.lnk{
	display:block;
	margin-left:1em;
	text-transform:capitalize;
}

#pm .form .link{
	margin:20px 0;
}

/* -------------------------------------------------------------------------------------
=FIXEDPanels Top
------------------------------------------------------------------------------------- */

#ptf{
	top:0px;
	z-index:2002;
	width:100%;
	min-width:1200px;
	display:inline-block;
	background-color:#003466;
	color:#fff;
}

#ptf .ext{
	width:1200px;
	top:0;
	margin:0 auto;
	position:relative;
}

/* article pane
------------------------------------------------------- */
#ptf .art{
	display:inline-block;
	margin:.5em 0;
	width:33.3333333%;
}

#ptf .art ul{
	display:inline-block;
	color:#fff;
}

/*top strapline - expected to be centered */
#ptf .art.topStrapline{
	float:none;
	display:inline-block;
	text-align:center;
}

#ptf .art.topStrapline p{
	font-size:0.750em;
	color:#fff;
}

#ptf .art.topStrapline p:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;

	margin-right: .5em;
	font-size: 1em;
	content: '\f0d1';
	margin-left:.5em;
}


#ptf .art li{
	display:inline-block;
	vertical-align:middle;
	font-size:0.750em;
}

/*font awesome icons */

#ptf .art .artp ul li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: .5em;
	font-size: 1em;
}

#ptf .art .artp ul li.tel:before{
	display:inline-block;
	content: '\f095';
	margin-left:.5em;
	/*because the FA5 phone icon is the wrong way round as they have made a change for 
	consistency for all diagonal icons (things which tend to be held) to go bottom left to top right! */
    transform: rotate(90deg);
}

#ptf .art .artp ul li.mail:before{
	display:inline-block;
	content: '\f0e0';
	margin-left:.5em;
}

#ptf .art li a{
	display:inline-block;
}

#ptf .art li a:hover{
	text-decoration:underline;
	text-decoration-color:#fff ;
}



/* info pane
------------------------------------------------------- */
#ptf .info{
	display:inline-block;
	text-align:right;
	margin:.5em 0;
	width:33.3333333%;
}

#ptf .info ul{
	display:inline-block;
	color:#fff;
}

#ptf .info li{
	display:inline-block;
	font-size:0.750em;
	text-transform:uppercase;
}

#ptf .info li:after{
	content:"|";
	display:inline-block;
	font-weight:400;
	margin:0 .5em;
}

#ptf .info li:last-child::after{
	content:"";
	margin:0;
}

#ptf .info li a{
	display:inline-block;
}

#ptf .info li a:hover{
	text-decoration:underline;
	text-decoration-color:#fff ;
}


/* VAT Switch
------------------------------------------------------- */
.vatsw {
	display:inline-block;
	vertical-align:middle;
    margin-right: 2em;
    font-weight: 600;
    font-size: .750em;
    text-transform:uppercase;
}

.vatsw div{
	display:inline-block;
	vertical-align:middle;
	font-size:inherit;
}

.vatsw form#vatswitch{
	position: relative;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.vatsw form input label{
	text-shadow: 0 1px rgba(255, 255, 255, 0.25);
}

.vatsw form input {
	display:inline-block;
	vertical-align:middle;
	font-size:1em;
    width: 1em;
    height: 1em;
	margin:.813em 0;
    background-color: #999999;
    -webkit-appearance: none;
    cursor:pointer;
}

.vatsw form input[checked="checked"] {
    background-color:blue;
    background-repeat: no-repeat;
    cursor:initial;
}


#vatswitch div:nth-child(1) label {
	float: left;
	margin:.813em;
	border-radius: .25em 0 0 .25em;
}

#vat_yes {
   	display:inline-block;
    vertical-align:middle;
    border-radius: .25em 0 0 .25em;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #cecece;
}

#vat_no {
	display:inline-block;
	vertical-align:middle;
    border-radius: 0 .25em .25em 0;
    border-top: 1px solid #bfbfbf;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #fff;
}



#vatswitch div:nth-child(2) label {
    float: right;
    margin:.813em;
    margin-left: .5em;
}













/* -------------------------------------------------------------------------------------
=FIXEDPanels Bottom
------------------------------------------------------------------------------------- */	
#pbf{
	display:inline-block;
	width:100%;
	background-color:#d5d5d5;
	font-size:0.625em;
	z-index:9999;
}

#pbf .ext{
	width:1200px;
	margin:0 auto;
	position:relative;
}


#pbf .ext .art{
	float:left;
}

#pbf .ext .etailcopy{
	float:right;
}

#pbf .ext .etailcopy p{
	display:inline-block;
	margin:.5em;
}

/* Cookies Popup
------------------------------------------------------- */
#pbf .cookie{
	position:fixed;
	bottom:0%;
	left:0%;
	width:100%;
	z-index:1000;
	background:#383838;
	text-align:center;
}

#pbf .cookie p{
	width:1200px;
	margin:0 auto;
	float:none;
	color:#fff;
	font-size:0.750em;
	padding:.5em 0;
}

#pbf .cookie p a{
	float:none;
	color:#fff;
	text-decoration:underline;
	padding:0 5px;
}

#pbf .cookie img{
	float:none;
	display:inline-block;
	vertical-align:middle;
	margin-left:1em;
}

#pbf .cookie img:hover{
	cursor:pointer;
}

/* -------------------------------------------------------------------------------------
=SiteContainer
------------------------------------------------------------------------------------- */
#site{
	
}

#site.scrolled{
	/*known to cause some display issues (none breaking just not asthetically nice) on scrolling - its there to ensure that the fixed header isn't trashing stuff */
}
/* -------------------------------------------------------------------------------------
=PanelTop 
------------------------------------------------------------------------------------- */

#pt{
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:1200px;
	float:left;
	background-color:#fff;
}

#pt .ext{
	width:1200px;
	margin:0em auto;
	position:relative;
	text-align:center;
}

#pt ul{
	/* typically we dont want bullet styles*/
	list-style:none;
	list-style-position:inside;
	display:inline;
}

#pt .ext .info{
	display:inline-block;
	width:100%;
	text-align:center;
}

#pt .ext .info ul{
	display:inline-block;
}

#pt .ext .info ul li{
	display:inline-block;
	margin:.5em;
	text-transform:uppercase;
	font-weight:600;
	font-size:1.1em;
}

/* site logo */
#pt .ext .pbnr{
	float:left;
	margin:1em 0;
}

/*site strapline*/
#pt .ext .art{
	float:left;
	margin:1.5em 1em;
}

#pt .ext .art strong,
#pt .ext .art b{
	color:#003466;
}


/*search */
#pt .search{
	float:left;
	border: solid 1px #003466;
	margin-top:3.5em;
}

#pt .search input.inputtext{
	border:none;
	outline:none;
	color:#003466;
	text-transform:uppercase;
	font-size:.750em;
	width:300px;
}
#pt .search .submit{
	background-color:transparent;
	outline:none;
	border:none;
	vertical-align:middle;
}

/*basket */
#pt .bskt{
	float:right;
	text-align:right;
	width: 250px;
	margin-top:3.5em;
	border: solid 1px #003466;
}

#pt .bskt .bt h3{
	display:none;
}

#pt .bskt #mybskt{
	display:inline-block;
	vertical-align:middle;
	font-size:.750em;
}

#pt .bskt #mybskt p{
	display:inline-block;
	vertical-align:middle;
	margin:.5em;
	color:#003466;
}

#pt .bskt #mybskt p span{
	margin-right:1em;
	font-weight:600;
}

#pt .bskt #mybskt a.btn{
	display:inline-block;
	vertical-align:middle;
	background-color:transparent;
	outline:none;
	border:none;
	width:1em;
}

#pt .bskt #mybskt a.btn img{
	width:100%;
	height:auto
}

/* -------------------------------------------------------------------------------------
=Breadcrumb 
------------------------------------------------------------------------------------- */
.bdcb{
	clear:both;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	color:#383838;
	text-transform:uppercase;
}

/* typography
------------------------------------------------------- */
.bdcb h1,
.bdcb h2,
.bdcb h3,
.bdcb a{
		font-family: "oswald",sans-serif;
	font-size:0.750em;
	margin:0em 0.5em;
	font-weight:normal;
	display:inline-block;
}

.bdcb h1{}

/*for the break between the crumb*/
.bdcb .bc ul li:nth-child(n)::after{
	content:">";
	display:inline-block;
	font-weight:400;
	font-size:0.750em;
}

.bdcb .bc ul li:first-child h3{
	margin-left:0;
}

.bdcb .bc ul li:last-child::after{
	content:"";
}

#pc .bdcb .bc{
	margin:0 auto;
	position:relative;
	margin-top:0;
	border-top:none;
}

.page_home .bdcb{
	display:none;
}

.bdcb .bt, .bdcb .bb{
	display:none;
}

.bdcb .bc ul li{
	display:inline-block;
}

.bdcb .bc ul li h3,
.bdcb .bc ul li a{}
.bdcb .bc ul li h1{
	font-weight:600;
	color:#383838;
}

.bdcb .bc ul li a:hover{
	text-decoration:underline;
	text-decoration-color:#383838;
}

.bdcb .bc ul li img{}

/* -------------------------------------------------------------------------------------
=CentrePanel 
------------------------------------------------------------------------------------- */

/* assumes there is ALWAYS a header banner on the page */
#pc{
	width:100%;
	float:left;
	min-width:1200px;
}

#pc .bc{
	width:100%;
	margin:0 auto;
	position:relative;
}

#pc .bc .pbnr{}
#pc .bc .pbnr img{}
#pc .bc .pbnr h3{}

/* -------------------------------------------------------------------------------------
=MainPanel 
------------------------------------------------------------------------------------- */

#pmid{
	width:100%;
	clear:both;
	margin:0 auto;
	padding:0;
	position:relative;
	display:flex;
	min-height:75vh;
	padding-bottom:20px;
	background: linear-gradient(to top, #e8e8e8 0%, #fff 100%)
}

#pm{
	clear:both;
	width:1200px;
	margin:0 auto;
	position:relative;
}

#pm.pmwide{
	clear:none;
}

#pm.pmfull{
	width:1200px;
	background-color:transparent;
}

#pm .pmind{}

/* -------------------------------------------------------------------------------------
=RightPanel 
------------------------------------------------------------------------------------- */
#pr{
	width:25%;
	float:right;
	padding:1em;
}

/* -------------------------------------------------------------------------------------
=LeftPanel 
------------------------------------------------------------------------------------- */
#pl{
	width:31%;
	margin-right:2em;
}

#pl .pbnr{}
#pl .bnr{}
#pl .bnr span{}
#pl .bt{}
	
#pl .bt h3{
	text-transform:uppercase;
	font-weight:600;
	font-size:1.2em;
	padding:1em;
	margin:0;
}

#pl .bc{}
#pl .bc #sldiv{}
#pl p{}
#pl a{}
#pl .bb{}


/* -------------------------------------------------------------------------------------
=FooterPanel - comes before pb
------------------------------------------------------------------------------------- */
#pf{
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:1200px;
	float:left;
	background-color:#ddd;
	padding:1em 0;
}

#pf .ext{
	width:1200px;
	margin:0em auto;
	position:relative;
}

#pf ul{}
#pf ul li{}
#pf ul li:last-child{}


/* Typography
------------------------------------------------------- */

#pf h2,
#pf h3,
#pf h4{}

#pf p,
#pf li,
#pf .news label{}

#pf span,
#pf strong{}
#pf a,
#pf a:hover{}

#pf .info,
#pf .art,
#pf .pbnr{}

#pf .pbnr img{
	height:auto;
}

/* Client specific
------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
=Bottom Panel 
------------------------------------------------------------------------------------- */

#pb{
	margin:0em auto;
	width:100%;
	min-width:1200px;
	float:left;
	background-color:#d5d5d5;
	padding:20px 0;
	padding-bottom:10px; /*because of fixed footer this needs to match its height else stuff goes behind */
}

#pb .ext{
	width:1200px;
	margin:0 auto;
}

#pb .pipe{
	display:none;
}

#pb ul{
	list-style:none;
}

#pb .info h3,
#pb .art h2,
#pb .news h3,
#pb .pbnr h3{
	font-size:0.813em;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:1em;
}

#pb p,
#pb li,
#pb .news label{
	font-size:0.750em;
}

#pb strong,
#pb b{
	text-transform:uppercase;
	font-weight:600;
}

#pb .info a:hover,
#pb .art a:hover{
	text-decoration:underline;
}

/* Article panes (text and social links)
------------------------------------------------------- */
#pb .art{
	width:auto;
	float:right;
	text-align:right;
}

#pb .art li{}

#pb .art p{
	margin-bottom:1em;
	line-height:1.25
}

#pb .art img{
	display:inline-block;
	margin:.5em;
}

/* Information panes (site links)
------------------------------------------------------- */
#pb .info{
	width:auto;
	margin-right:2em;
	float:left;
	min-width:212px;
}

#pb .info:first-child{}
#pb .info li{
	margin-bottom:.5em;
}

#pb .info li a:hover{
	text-decoration:underline;
}

/* Social Icons
------------------------------------------------------- */
#pb .socbook{}
#pb .socbook h3{}
#pb .socbook ul li{}


/* Information panes (site links)
------------------------------------------------------- */
#pb .pbnr{
	width:auto;
	margin-right:1em;
	float:left;
	min-width:200px;
	margin-bottom:3em;
}

#pb .pbnr:first-child{}
#pb .pbnr li{
	margin-bottom:1em;
}

#pb .pbnr li a:hover{
	text-decoration:underline;
}

/* Newsletter signup;
------------------------------------------------------- */
#pb .news{
	float:left;
	width:328px;
	margin-right:1em;
}

#pb .news .bc label{
	display:block;
	margin-bottom:0.5em;
	color:#58595b;
}

#pb .news .bc .news_input_container{
	float:left;
	width: 312px;
	font-size:0.813em;
	
	background-color:#e8e8e8;
}

#pb .news .bc .news_input_container input#email{
	width:226px;
	outline:none;
	padding:.5em;
	background-color:#e8e8e8;
}

#pb .news .bc .news_input_container .submit{
}

/* Payment Logos
------------------------------------------------------- */

/* Feefo Service rating
------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
=Copyright and Managed by 
------------------------------------------------------------------------------------- */

.etailcopy{}

#pb p.copy{
	width:50%;
	display:inline-block;
	font-size:0.625em;
	text-align:left;
}

#pb p.etail{
	width:50%;
	display:inline-block;
	font-size:0.625em;
	text-align:right;
}

p.copy span{}

/* -------------------------------------------------------------------------------------
=FilterSearch 
------------------------------------------------------------------------------------- */
#pl .filter{
	border:1px #eeecec solid;
}

#pl .filter .bc .ContainerPanel .HeaderContent, 
#pl .filter .bc .ContainerPanel .HeaderContentClose{}
#pl .filter .bc .ContainerPanel .Content .citem{}
#pl .filter .bc .ContainerPanel .Content .citem:hover{}
#pl .filter .bc .ContainerPanel .Content .citem span{}
#pl .filter .bc .ContainerPanel .Content{}
#pl .filter .bc .ContainerPanel .Content .showmore{
	cursor:pointer;
}

.filter .bt{
	background-repeat:no-repeat;
	width:100%;
}

.filter .bt h3{
	display:inline-table;
}

.longattrsection .items{
	overflow-x:hidden;
	-ms-overflow-x:scroll;
	margin-bottom:1em;
}

.HeaderContent{
	cursor:pointer;
	border:1px #eeecec solid;
	border-left:0;
	border-right:0;
	padding:.5em 1em;
	font-weight:600;
}

.HeaderContent h5{
	margin:0;
	text-transform:uppercase;
	font-size:.8em;
}

.collapsed h5{}
.collapsed h5:hover{}

.items{
	margin:.5em 0
}

.citem{
	font-size:.9em;
	color:#383838;
	padding-left:2.5em;
	padding-top:.5em;
	padding-bottom:.5em;
	letter-spacing:0;
	margin:0;
	background:url(https://s3-eu-west-1.amazonaws.com/wwwetaildemocouk/819200/i/bdr/selectbox_inactive.png) no-repeat 1em center;
	cursor:pointer;
}

.citem:empty{
	display:none;
}

.citem:hover{
	background:url(https://s3-eu-west-1.amazonaws.com/wwwetaildemocouk/819200/i/bdr/selectbox_active.png) no-repeat 1em center;
}

.citemselected{
	background:url(https://s3-eu-west-1.amazonaws.com/wwwetaildemocouk/819200/i/bdr/selectbox_active.png) no-repeat 1em center;
}

.citemselected:hover{
	background:url(https://s3-eu-west-1.amazonaws.com/wwwetaildemocouk/819200/i/bdr/selectbox_remove.png) no-repeat 1em center;
}

#divPriceRangeDisplay{
	height:1em;
	margin-left:1em;
	padding-top:1em;
}

#sldiv{
	margin:1em;
}

#resetfs{
	display:none;
}

#resetfs h5{
	background:url(https://s3-eu-west-1.amazonaws.com/wwwetaildemocouk/819200/i/bdr/selectbox_remove.png) no-repeat 10px center;
	padding-left:2em;
	text-transform:uppercase;
	cursor:pointer;
}

/* -------------------------------------------------------------------------------------
=SearchHeader / SearchFooter 
------------------------------------------------------------------------------------- */
.deptwrap{
	/* display:inline-block; */
}

.searchheader, .searchfooter{
	width:100%;
	display:inline-block;
	border-bottom:1px #d5d5d5 solid;
	border-top:1px #d5d5d5 solid;
	padding:.5em 0;
}

.searchheader{
	margin-bottom:1em;
}

.searchfooter{
	margin-top:1em;
}

#pm.pmfull .searchheader .bc,
#pm.pmfull .searchfooter{
	display:inline-block;
	width:100%;
}

.searchheader h5#rescou{
	display:inline-block;
	font-size:0.688em;
	margin:0;
	margin-right:1em;
}

#sorpan,
#rpppan,
.searchheader form{
	display:inline-block;
	margin-right:1em;
}

.searchheader form{
	font-size:0.688em;
}

.searchheader .search form{
	display:none;
}

.searchheader form label{
	margin-right:1em;
	font-weight:normal;
}

.searchheader form select{
	font-size:1em;
}

.searchheader form label[for="searchbox"]{
	display:none;
}

.searchheader .paging{
	display:inline-block;
	font-size:0.688em;
	padding:.5em 0;
}

.searchfooter .paging{
	display:inline-block;
	font-size:0.688em;
	padding:.5em 0;
}

.searchheader .paging label,
.searchfooter .paging label{
	display:none;
}

.searchheader .paging span,
.searchheader .paging a,
.searchfooter .paging span,
.searchfooter .paging a{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}

.searchheader .paging a,
.searchfooter .paging a{
	margin:0 .25em;
	font-weight:normal;
}

.searchheader .paging a:hover,
.searchfooter .paging a:hover{
	text-decoration:underline;
	text-decoration-color:#383838;
}

.searchheader .paging span,
.searchfooter .paging span{
	font-weight:600;
	font-size:larger;
}

.searchheader .search input#searchbox{}

.searchheader .search input.submit{
	padding:0 0.25em;
}

.searchheader label[for="rpp"]{
}

.searchfooter .paging{
	text-align:right;
}

#sr{
}

/* -------------------------------------------------------------------------------------
=Department Tree 
------------------------------------------------------------------------------------- */
.depttree{
	margin-bottom:1em;
}

.depttree .bt{
	clear:both;
}

/* dept title
------------------------------------------------------- */
.depttree > .bt h3{
	text-transform:uppercase;
	color:#383838;
	text-align:center;
	font-size:1.875em;
	padding:0em;
	margin: .5em;
	color:#003466;
	font-weight:600;
}

/* dept strapline
------------------------------------------------------- */
.depttree h4{
	display	:none;
}

.depttree ul{
	list-style:none;
	width:100%;
	margin-left:0;
	text-align:center;
}

.depttree li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:center;
	margin:.5em;
	width:300px;
}

.depttree li a.img{
	display:block;
	/* width:100%; */
}

.depttree li img{
	display:block;
	width:100%;
	height:auto;
	margin:0 !Important;
	border:1px solid #e8e8e8;
}

.depttree li img:hover{
	filter:brightness(80%);
}

.depttree li a.txt{
	font-size:0.875em;
	font-weight:600;
	color:#fff;
	display:inline-block;
	width:100%;
	padding:.5em 0;
	position:absolute;
	bottom:0;
	left:0;
	background-color:rgba(158, 8, 9, 0.7)

}

.depttree li a.txt:hover{
	text-decoration:underline;
	text-decoration-color:#383838;
}

.deptprods{
	text-align:center;
}

.deptprods h3{
	margin:1em;
	margin-bottom:.5em;
}

.deptprods a.seeall{
	display:block;
	font-size:.8em;
	margin-bottom:.5em;
}

/* -------------------------------------------------------------------------------------
=FeaturedProducts 
------------------------------------------------------------------------------------- */

.fprd{
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:left;
	width: 282px;
	margin:0 .5em;
	margin-bottom:1em;
	border:1px transparent  solid;
}

.fprd:hover{
}

/* Wishlist on fprd
------------------------------------------------------- */
.fprd .sfl{
	grid-area:unset !important;
	position:absolute;
	top:.5em;
	right:.5em;
	z-index:1;
}

.fprd .sfl .submit {
	background-color:white;
	border-radius:4rem;
	padding:.25rem;
	width:2.5em;
	line-height:1;
}

/* fprd image
------------------------------------------------------- */
.fprd .fprdimg{
	display:inline-block;
	float:none;
	overflow:hidden;
	position:relative;
	text-align:center;
	width: 283px;
	border:1px solid #e8e8e8;
	background-color:#fff;
}

.fprd .fprdimg img{
	max-width:100%;
	height:auto;
}

.fprd .fprdimg a,
.fprd .fprdimg a img{
	display: inline-block;
	vertical-align:top;
}

.fprd .fprdimg:hover{
	filter:brightness(80%);
}

.fprd .fprdimg .flag{
	position:absolute;
	top:0;
	left:0;
	overflow:visible;
	pointer-events:none;
}

.fprd .fprdimg .flag img{}


.piflags{
	/*to fix a bug in coms display writing the flags out in both places - you can't write the image flag out without putting the standard flags on too */
	display:none; 
}

.fprd .fprdimg .piflags{
	display:block;
	position:absolute;
	top:0;
	right:0;
}

.fprd .fprdimg .piflags{
	margin:.5em;
}


/* clientref/model code
------------------------------------------------------- */
.fprd .clientref span{
	display:none;
}

#pm .fprd .clientref{
	font-size:.750em;
	display:block;
	margin:.5em 0
}

/* fprd title
------------------------------------------------------- */
.fprd .fprdtitle{
	height: 3.4em; /*max number of lines before display issues!*/
	line-height:1.2;
	margin:.5em 0;
	margin-top:1.5em;
	text-align:left;
	font-size:0.875em;
	font-weight:700;
}


/* fprd model # and other options (controlled in COMS)
------------------------------------------------------- */
.fprd .model{
	font-size:.688em;
}
.fprd .model span{}
.fprd .packsize{}
.fprd .packsize p{}
.fprd .brand{
	font-size:.9em;
	text-transform:uppercase;
	font-weight:600;
}
.fprd .brand span, .fprd .manu span{
	/*its a shame that coms writes out a span with :in it even if the brand label is blank! */
	display:none;
}
.fprd .fprddescr{}


/* fprd pricing info
------------------------------------------------------- */
.fprd label{
	display:block;
	font-weight:normal;
	margin:0 .5em 0  0 ;
	font-size:0.750em;
}

.fprd h6{
	display:block;
	font-weight:normal;
	margin-bottom:0;
	font-size:0.750em;
	font-weight:600
}

.fprd .price,
.fprd .prevprice,
.fprd .offer,
.fprd .trade,
.fprd .unit,
.fprd .qty{
	display:inline-block;
	vertical-align:top;
	margin:.5em -0;
}

/*normal price */
.fprd .price{
}
.fprd .price h6{
	display:inline-block;
} 
.fprd .price label{
	display:inline-block;
} 

/*rrp price */
.fprd .rrp{}
.fprd .rrp h6{}
.fprd .rrp label{} 

/*offer price */
.fprd .offer{}
.fprd .offer h6{}
.fprd .offer label{} 

/*previous price (goes with offer) */
.fprd .prevprice{}
.fprd .prevprice h6{
	text-decoration:line-through;
}
.fprd .prevprice label{} 

/*trade price */
.fprd .trade{}
.fprd .trade h6{
	text-align:right;
}
.fprd .trade label{
	text-align:right;
} 


/*trade price */
.fprd .qty{}
.fprd .qty h6{
	text-align:center;
}
.fprd .qty label{
	text-align:center;
} 

/*buy on page form */
.fprd form{
	font-size:.8em;
	margin-bottom:1em;
}
.fprd form input.submit{
	display:inline-block;
	vertical-align:middle;
	padding:0;
	margin-left:.5em;
	padding:.5em 1em;
	border:1px #003466 solid;
	background-color:#003466;
}

.fprd form input.submit[name="PreOrder"],
.fprd form input.submit[name="preorder"]{}

.fprd form label{
	display:inline-block;
	vertical-align:middle;
	font-weight:normal;
	text-transform:uppercase;
	width:54px;
	margin:0;
	font-size:0.750em;
	margin-right:1em;
}

.fprd form input.inputtext{
	display:inline-block;
	vertical-align:middle;
	border:1px #383838 solid;
	outline:none;
	padding:.5em;
	text-align:center;
	width:2em;
}
.fprd form select{}

.fprdinfo{
	float:left;
	clear:both;
	position:absolute;
	top: 147px;
	left: 96px;
	font-size:.8em;
}

.fprd input.submit, .fprdinfo a{}
.fprdinfo a.btn{
	display:none;
}

.fprdinfo a.qkvw {
    float: none;
    display: block;
    margin: 0 auto;
	background-color:#d5d5d5;
	border-color:#d5d5d5;
    color: #fff;
}

.fprdinfo a.qkvw:hover{
	background-color:#003466;
	border-color:#003466;
}
/* -------------------------------------------------------------------------------------
=ProductLists 
------------------------------------------------------------------------------------- */
.prdlst{}

.prdlst .bt{
	width:100%;
	text-align:center;
}

.prdlst .bc{
	width:100%;
}

.prdlst .bt h3{}

.prdlst ul{
	list-style:none;
	width:100%;
}

.prdlst li{
	position:relative;
	margin:0 .5em;
	margin-bottom:1em;
	text-align:center;
}

.prdlst li:hover{}
.prdlst li a.img{}

.prdlst h3{
	width:100%;
}

.prdlst li a{
	width:100%;
}

.prdlst a.img img{
	width:100%;
	height:auto;
}

.prdlst li a.txt{
	width:100%;
	text-align:center;
}

.prdlst li .price{
	text-align:center;
}

.prdlst li .price label,
.prdlst li .offer label{
	display:none;
}

.prdlst li .price h6,
.prdlst li .prevprice h6,
.prdlst li .offer h6{
	text-align:center;
}

.prdlst li .offer h6{
	float:right;
}

.prdlst li .prevprice{
	display:none;
}


/* -------------------------------------------------------------------------------------
=RecentItems 
------------------------------------------------------------------------------------- */
.ritm{
	width:100%;
}

.ritm .bt{
	width:100%;
}

.ritm h3{
	color:#003466;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:1em;
}

.ritm ul{
	width:100%;
}

.ritm ul li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:left;
	width: 282px;
	margin:0 .5em;
	margin-bottom:1em;
	border:1px transparent  solid;
}

.ritm ul li a.img{
	display:inline-block;
	overflow:hidden;
	position:relative;
	text-align:center;
	width: 283px;
	border:1px solid #e8e8e8;
	background-color:#fff;
}

.ritm ul li a.img:hover{
	filter:brightness(80%);
}

.ritm ul li a.img img{}
.ritm ul li a.txt{
	height: 3.4em; /*max number of lines before display issues!*/
	line-height:1.2;
	margin:.5em 0;
	margin-top:1.5em;
	text-align:left;
	font-size:0.875em;
	font-weight:700;
}

.ritm ul li .price,
.ritm ul li .qty,
.ritm ul li .trade{
	width:100%;
	font-size:1em;
}

.ritm ul li .price label,
.ritm ul li .qty label,
.ritm ul li .trade label{
		display:block;
	font-weight:normal;
	margin:0 .5em 0  0 ;
	font-size:0.750em;
}

.ritm ul li .price h6,
.ritm ul li .qty h6,
.ritm ul li .trade h6{
	display:block;
	font-weight:normal;
	margin-bottom:0;
	font-size:0.750em;
	font-weight:600
}





/* -------------------------------------------------------------------------------------
=HoverBsket 
------------------------------------------------------------------------------------- */
.hoverbskt{
	float:right;
	position:absolute;
	/* margin-top:1em; */
	width: 250px;
	padding:0;
	z-index:2000;
	background:#fff;
		border: solid 1px #003466;
	border-top:none;
	z-index:999999;
}

.hoverbskt h3{
	display:none;
}

.hoverbskt .lines{
	max-height:308px;
	width:100%;
	overflow-y:scroll;
	float:left;
}

.hoverbskt .lines .item{
	display:inline-block;
	padding:.5em;
	border-bottom:1px #383838 solid;
}

.hoverbskt .lines .item:last-child{
	border-bottom:0px;
}

.hoverbskt .formupdate{
	float:left;
	width:150px;
}

.hoverbskt .formupdate input{
	width:50px;
	margin-right:1em;
}

.hoverbskt .formupdate input.submitQtyChange{}

.hoverbskt a,
.hoverbsktadd a{}

.hoverbskt a.btn{
	float:none;
	font-size:.750em;
	display:inline-block;
	text-align:center;
	width: 232px;
	margin: 0.5em;
	padding: .25em 0;
}

.hoverbskt .lines .item a.title{
	float:left;
	margin-left:1em;
	width: 135px;
	text-align:left;
	font-size:.750em;
	font-weight:600;
	min-height:50px;
}

.hoverbskt .lines .item img{
	float:left;
	height:auto;
	width:auto;
	max-width: 70px;
	max-height:70px;
	/* padding-bottom:10px; */
}

.hoverbskt .lines .item p.descr{
	display:none;
}

.hoverbskt .lines .item p.qty{
	float:left;
	font-size:.688em;
	width: 215px;
	text-align:right;
}

.hoverbskt .lines .item p.price{
	float:left;
	font-size:.750em;
	font-weight:600;
	text-align:right;
	width: 215px;
}

.hoverbskt h4.count{
	display:none;
}

.hoverbskt h4.total{
	float:left;
	width:100%;
	text-align:center;
	font-size:0.813em;
	margin-bottom:0;
	margin-top:.5em;
	font-weight:600;
}

/* -------------------------------------------------------------------------------------
=PopupDialog / Popup Add to Basket / Direct Despatch
------------------------------------------------------------------------------------- */

.hoverbsktadd,
#popupdialog{
	display:none;
	position:fixed;
	top:25%;
	left:44%;
	width:240px;
	padding:.5em;
	background-color:#fff;
	color:#3d4146;
	border:1px solid #383838;
	z-index:2000;
	text-align:center;
}

.hoverbsktadd .item,
#popupdialog .item{
	display:block;
	width:100%;
	text-align:center;
	margin:1em 0;
}

.hoverbsktadd h3,
#popupdialog h3{
	font-size:0.750em;
	font-weight:600;
}

.hoverbsktadd a,
#popupdialog a{}

.hoverbsktadd .item a.title,
#popupdialog .item .title{
	display:block;
	font-size:0.750em;
	font-weight:600;
}

.hoverbsktadd .item img,
#popupdialog .item img{
	display:inline-block;
	max-width:90px;
	height:auto;
}

.hoverbsktadd .item p.qty,
#popupdialog .item p.qty{
	display:block;
	font-size:0.688em;
}

.hoverbsktadd .item p.price,
#popupdialog .item p.price{
	font-size:0.750em;
	font-weight:600;
}

.hoverbsktadd a[title="Checkout"]{
	font-size:.8em;
	text-transform:uppercase;
	font-weight:600;
	color:#fff;
	padding:0;
	padding:.5em 1em;
	border:1px #383838 solid;
	background-color:#383838;
}

.hoverbsktadd a[title="Checkout"]:hover{}

#popupdialog .useraccount{
	float:left;
	clear:both;
	width:100%;
}

#popupdialog .useraccount input{
	float:right;
	font-size:.9em;
}

#popupdialog .useraccount a{
	float:left;
	font-weight:600;
	padding:.5em;
	border:none;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
}

/* Out of Stock, Direct Despatch
------------------------------------------------------- */

.ui-dialog.outofstockdialog,
.ui-dialog.directdespatchdialog{
	width:500px !important;
	background-color:#fff;
	text-align:center;
}	

.ui-dialog.outofstockdialog .outofstockpopup,
.ui-dialog.directdespatchdialog .directdespatchpopup-pane{
	border:none;
	color:#383838;
}

.ui-dialog.outofstockdialog .outofstockpopup .oosheader,
.ui-dialog.directdespatchdialog .ui-widget-header{
	padding:0 0 1em 0;
}

.ui-dialog.directdespatchdialog .ui-widget-header{
	display:none;
}

.ui-dialog.directdespatchdialog .ui-widget-header .ui-dialog-titlebar-close{
	display:none;
}

.ui-dialog.outofstockdialog .outofstockpopup .oosmessage .oosdate{}

.ui-dialog.outofstockdialog .ui-dialog-titlebar{
	display:none;
}

.ui-dialog.outofstockdialog .ui-widget-content,
.ui-dialog.directdespatchdialog .ui-dialog-buttonpane{
	background:transparent;
	border:none;
	margin-top:0;
	text-align:center;
	padding:0;
}

.ui-dialog.outofstockdialog .ui-widget-content .ui-dialog-buttonset,
.ui-dialog.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float:none;
}

.ui-dialog.outofstockdialog .ui-widget-content .ui-dialog-buttonset button,
.ui-dialog.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset button{
	outline:none;
	border-radius:0;
	border:none;
	margin:.5em;
	text-transform:uppercase;
}

.ui-dialog.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child{}

.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset button{}

#directdespatchpopup-pane span.ddproduct{
	font-size:1.5em;
	display:block;
	margin-bottom:1em;
}

.ddmessage{}

.ddmessage span.dddatemessage{}

.ddmessage span.dddate{
	float:left;
	width:100%;
	margin-top:1em;
	font-size:1.2em;
}

/* -------------------------------------------------------------------------------------
=Basket - Checkout 
------------------------------------------------------------------------------------- */
#checkoutcrumb{
	width:100%;
	text-align:center;
}

#checkoutcrumb li{
	font-size:1em;
	font-weight:600;
}

#checkoutcrumb .chksteps_curr{
	display:none;
}

.page_basket .bskt table.basket{
	width:100%;
	border-collapse:collapse;
	margin-bottom:1em;
}

.page_basket .bskt table.basket td{}
.page_basket #basket_row_processing{}

.page_basket table.basket tr.line td form table td .inputtext{
	position:relative;
}

tr.line:nth-child(odd){
	background-color:#e8e8e8;
}

/* Basket Table Header
------------------------------------------------------- */
.page_basket table.basket tr.header th{
	text-align:center;
}

.page_basket .bskt table.basket tr.header th:nth-child(2){
	text-align:left;
}

.page_basket .bskt table.basket tr.header th:nth-child(4){
	text-align:center;
}

.page_basket .bskt h3 a:hover,
.page_basket .bskt h3 a:focus{
	text-decoration:underline;
}

/* Basket Line Items
------------------------------------------------------- */
.page_basket table.basket tr.line td form{
}

#pm table.basket tr.line input.inputtext{
	width: 117px;
	margin:.25em 0px;
	padding:.25em 0px;
	font-size:1em;
	text-align:center;
}

#pm table.basket tr.line input.submit{
	margin-top:1em;
	font-size:.6em;
	cursor:pointer;
	border-radius:0;
}

.page_basket table.basket tr.line input.submit#update{
	float:left;
	outline:1px #383838 solid;
	border-color:#383838;
	background-color:#383838;
	color:#fff;
	margin-left: 20px;
}

.page_basket table.basket tr.line input.submit#update:hover{}
.page_basket table.basket tr.line input.submit#remove{
	float:right;
	outline:1px #d94927 solid;
	border-color:#d94927;
	background-color:#d94927;
	color:#fff;
	margin-right: 20px;
}

.page_basket table.basket tr.line input.submit#remove:hover{}

.page_basket table.basket tr.line{
	border-bottom:1px solid #d5d6d6;
}

/*******************************
NOTE - AS THINGS HAVEN'T BEEN DONE AS REQUESTED THE ORDER OF THESE IS DICTATED BY THE OPTIONS IN COMS
THERE SHOULD BE A CLASS FOR EACH DATA TYPE IN THE CELL FOR BETTER STYLING
********************************/
/*product image */
.page_basket table.basket tr.line td:nth-child(1){}

/*product title/details */
.page_basket table.basket tr.line td:nth-child(2){}

/*product price */
.page_basket table.basket tr.line td:nth-child(3),
.page_basket table.basket tr.header th.unitprice{
	text-align:left;
}

/*quantity */
.page_basket table.basket tr.line td:nth-child(4){}

.page_basket table.basket tr.line td .qty{
	display:inline-block;
	width:auto;
}

/*total price */
.page_basket table.basket tr.line td:nth-child(5),
.page_basket table.basket tr.header th.totalprice{
	text-align:right;
}

.page_basket table.basket tr.line a.img{
	width:84px;
	display:block;
	height:auto;
}

.page_basket table.basket tr.line td{
	vertical-align:middle;
}

.basket-header-table td{}
.basket-header-table td:first-child h2{}

.basket-header-table td:last-child{
	text-align:right;
	float:right;
}

.basket-header-table td:last-child .sp_button{
	float:right;
}

.basket-header-table td .pp_button,
.basket-header-table td span{}

.page_basket table.basket .delivery td,
.page_basket table.basket .discount td{
	padding-left:1em;
	font-size:.9em;
}

.page_basket table.basket .delivery .shipcurr td{
	font-size:1em;
	font-weight:600;
}

.page_basket table.basket .delivery td.title form{
	display:inline-block;
	margin-right:1em;
}

.page_basket table.basket .delivery h4{
	margin-bottom:0;
	font-size:1em;
	display:inline-block;
	font-weight:600;
}

.page_basket table.basket .delivery select{
	margin-right:1em;
}

.page_basket table.basket .shipcost{
	border:none;
}

.page_baskettable.basket .shipcost td{
	padding:0;
	text-align:right;
}

.page_basket table.basket .shipcost .ship .delivery-cost{}

.page_basket table.basket .prodtotal{
	border-bottom:1px solid #d5d6d6 ;
	font-style:italic;
}

.page_basket table.basket .vat.total td{
	font-size:0.813em;
	font-weight:400;
}

.page_basket table.basket .vat.excl td{
}

.page_basket table.basket .vat td:first-child{
	text-align:right;
}

.page_basket table.basket tr.total td,
#pm table.basket tr.deposit td{
	text-align:right;
	border-top:1px solid #d5d6d6 ;
	border-bottom:1px solid #d5d6d6 ;
	font-weight:600;
	font-size:1.2em;
}

.page_basket table.voucher{
	width:600px;
	background:#eef2f3;
}

.page_basket table.voucher tr.header th{
	border:none;
	text-transform:none;
	font-size:1em;
	display:none;
}

.page_basket table.voucher input.submit{
	margin-left:1em;
}

.page_basket table.voucher input.inputtext{}
.page_baskettable.voucher .inputtext{}
.page_basket.basket ul{}

.page_basket .basket ul li{
	clear:left;
}

.page_basket .basket ul li.model{
	font-size:.8em;
}

.page_basket .basket ul li.ref{
	font-size:.8em;
}

.page_basket .basket ul li.lead{
	color:#383838;
	font-size:.8em;
}

/* Payment Options
------------------------------------------------------- */
/* payment options - shows above the basket which no one likes!!! */
.basket-header-table{
	width:100%;
	display:none;
}

.page_basket .bskt .basketlinks{
	float:left;
	width:100%;
	margin-top:1em;
	margin-bottom:1em;
}

.page_basket .ct_button a.btn{
	float:left;
	margin-right:1em;
	padding:.5em 2em ;
	border-color:#e8e8e8;
	color:#e8e8e8;
	background-color:transparent;
}

.page_basket .ct_button a.btn.cont{
	background-color:#e8e8e8;
	color:#fff;
}

.page_basket .ct_button a.btn.empty{
	background-color:#d94927;
	border-color:#d94927;
	color:#fff;
} 

.page_basket .bskt .basketlinks .sp_button{
	float:right;
}

.page_basket .sp_button a.btn{
	float:left;
	margin-left:1em;
	padding:.5em 2em ;
}

.page_basket .bskt .basketlinks span{
	float:right;
	margin:1em;
}

.page_basket .bskt .basketlinks .pp_button{
	float:right;
}

.page_basket .bskt .basketlinks #LoginWithAmazon2{
	float:right;
}

.page_basket .pp_button a.btn{
	display:block;
	margin-left:1em;
	padding:0;
	background-color:transparent;
	border:none;
}

.page_basket .pp_button a.btn img{
	height:100%;
	width:auto;
}

#pm #paypalmessages{
	text-align:center;
}

#pm #paypalmessages p{
	width:100%;
	text-align:center;
}

/* -------------------------------------------------------------------------------------
=Checkout process Need !important to override jquery ui 
------------------------------------------------------------------------------------- */

#checkout_panel_processing,
#ro_accord_processing{
	position:absolute;
	width:100%;
	padding:20px 10px;
	opacity:0.6;
	filter:Alpha(Opacity=60);
	float:right;
	background-color:#383838;
}

#pm .accord{
	width:834px;
	float:left;
	margin-right:1em;
	overflow-x:visible;
}

/* sign in in accordion */
#signinform h5{
	font-size:.8em;
}

#signinform li{
	float:left;
	clear:both;
}

#signinform input.inputtext{
	width:300px;
}

#signin_skip{
	float:right;
	line-height:normal;
	font-weight:600;
	padding:.5em;
	border:none;
	color:#979797;
	margin-right:1em;
	text-align:center;
	text-transform:uppercase;
 	background:#eef2f3;
	cursor:pointer;
}

/* typography 
------------------------------------------------------- */
#pm .accord p,
#pm .accord li,
#pm .accord label{}

#pm .accord input[type="text"],
#pm .accord input[type="tel"],
#pm .accord input[type="input"],
#pm .accord input[type="email"]{}

#pm .accord ul li select{
	font-size:1em
}

#pm .accord textarea{
	height:50px;
}

/* Accordion tabs 
------------------------------------------------------- */

.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
	color:#fff;
	right:0;
	left:initial;
	background-image:url(https://download.jqueryui.com/themeroller/images/ui-icons_fff_256x240.png);
}

#pm .accord h3{
	padding:0.5em 0 ;
	margin:0;
	width:100%;
	position:relative;
	cursor:pointer;
	background:#e8e8e8 ;
	border:none;
	color:#fff;
	font-weight:600;
	font-size:1.2em;
	margin-bottom:.5em;
	border-radius:0;
}

#personalisation_panel, #gift_panel{
	border:none;
}

#checkout_accordion ul{
	list-style:none;
}

/*gift wrapping and personalisation? */
#checkout_accordion form#gift_details ul li.prod,
#checkout_accordion form#personalisation_details ul li.prod{
	width:98%;
	float:left;
	padding:.5em 1%;
	border-top:2px #d5d6d6 solid;
}

#checkout_accordion form#gift_details ul li.prod .img,
#checkout_accordion form#personalisation_details ul li.prod .img{
	float:left;
	margin-right:1em;
}

#checkout_accordion form#gift_details ul li.prod p,
#checkout_accordion form#personalisation_details ul li.prod p{
	font-size:1.2em;
}

#checkout_accordion form#gift_details ul li.itemno,
#checkout_accordion form#personalisation_details ul li.itemno{
	width:100%;
	float:left;
	font-weight:600;
}

#checkout_accordion form#gift_details ul li label,
#checkout_accordion form#personalisation_details ul li label{
	width:400px;
	margin-right:1em;
	display:inline-block;
	float:none;
	font-size:.8em;
	vertical-align:top;
}

#checkout_accordion form#gift_details ul li span,
#checkout_accordion form#gift_details ul li select,
#checkout_accordion form#gift_details ul li textarea,
#checkout_accordion form#personalisation_details ul li span,
#checkout_accordion form#personalisation_details ul li select,
#checkout_accordion form#personalisation_details ul li textarea{
	display:inline-block;
	float:none;
	margin-bottom:.5em;
}

#checkout_accordion form#gift_details ul li select,
#checkout_accordion form#gift_details ul li textarea,
#checkout_accordion form#personalisation_details ul li select,
#checkout_accordion form#personalisation_details ul li textarea{
	width:378px;
	border:1px #5a5858 solid;
}

#checkout_accordion form#gift_details ul li span.chars,
#checkout_accordion form#personalisation_details ul li span.chars{
	width:100%;
	margin-bottom:1em;
	font-size:.7em;
	text-align:right;
}

/* Post Code Lookup */
#checkout_accordion .pclup{
	margin-bottom:1em;
}

#checkout_accordion .pclup #txtPostCodeLookup{
	width:70px;
	padding:.4em;
	font-size:.8em;
}

#checkout_accordion .pclup .submit#btnPostCodeLookup{
	font-size:.8em;
	float:none;
	margin:0;
	margin-left:.5em;
	display:inline-block;
}

#checkout_accordion .pclup span.or{
	font-size:.8em;
	margin:0 .5em;
	display:inline-block;
	float:none;
}

#checkout_accordion .pclup #pclupManualAddress{
	float:none;
	padding:.5em;
	font-weight:600;
	line-height:normal;
	display:inline-block;
	font-size:.8em;
	text-transform:uppercase;
}

#checkout_accordion ul li input,
#checkout_accordion ul li select,
#checkout_accordion ul li textarea{}
#checkout_accordion ul li textarea{}
#checkout_accordion ul li label[for=deliveryInst]{}

#checkout_accordion ul li.wrap{
	position:relative;
}

#checkout_accordion ul li.wrap span{
	position:absolute;
	top:0;
	right:0;
}

#checkout_accordion ul li.total{
	display:none;
}

#checkout_accordion #signin_panel,
#checkout_accordion #customer_panel, 
#checkout_accordion #delivery_panel,
#checkout_accordion #confirm_panel,
#checkout_accordion #payment_panel,
#checkout_accordion #gift_panel,
#ro_accord #product_panel,
#ro_accord #member_panel,
#ro_accord #delivery_panel,
#ro_accord #preference_panel,
#ro_accord #loyalty_panel{
	padding:1em;
}

/* I *think* this is the terms and conditions link, a class or a style would be nice! */
#checkout_accordion #confirm_panel h5{
	text-align:right;
	margin:10px 0;
}

#checkout_accordion #confirm_panel a{
	float:left;
	clear:both;
	font-size:0.688em;
	padding:.5em 1em;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	background-color:#383838;
	border:1px #383838 solid;
	outline:none;
	color:#fff;
	display:inline-block;
	vertical-align:middle
}

#ro_accord #product_details ul li table{}

#ro_accord #product_details ul li table tr td{
	border-bottom:none;
}

#ro_accord #product_details ul li table table{
	width:auto;
}

#checkout_accordion #signin_panel ul, 
#checkout_accordion #ul_top, 
#checkout_accordion #ul_bottom, 
#ro_accord #product_panel ul, 
#ro_accord ul.top, 
#ro_accord ul.bottom{
	width:100%;
	margin:0;
	padding:0;
}

#checkout_accordion #ul_bottom{
	float:left;
	clear:both;
}

#ro_accord ul.top{}
#ro_accord ul.bottom{}

#checkout_accordion #ul_left, 
#checkout_accordion #ul_right, 
#ro_accord ul.left, 
#ro_accord ul.right{
	width:400px;
	float:left;
	margin:0;
}

#checkout_accordion #ul_left{
	font-size:1em;
}

#checkout_accordion #ul_right, 
#ro_accord ul.right{}

#checkout_accordion #basket_delivery_method p{
	font-size:1em;
}

#checkout_accordion #basket_delivery_method a{
	margin:10px 0;
}

#checkout_accordion #basket_delivery_details a{
	float:left;
	clear:both;
	font-size:0.688em;
	padding:.5em 1em;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	background-color:#383838;
	border:1px #383838 solid;
	outline:none;
	color:#fff;
	display:inline-block;
	vertical-align:middle
}

#checkout_accordion #basket_delivery_details a:hover{}

#checkout_accordion ul li, 
#checkout_accordion #ul_top li, 
#checkout_accordion #ul_left li, 
#checkout_accordion #ul_right li, 
#checkout_accordion #ul_bottom li, 
#ro_accord ul.top li, 
#ro_accord ul.left li, 
#ro_accord ul.right li, 
#ro_accord ul.bottom li{
	width:100%;
	margin:0;
}

#checkout_accordion ul li.reqmsg, 
#checkout_accordion #ul_top li.reqmsg, 
#checkout_accordion #ul_left li.reqmsg, 
#checkout_accordion #ul_right li.reqmsg, 
#checkout_accordion #ul_bottom li.reqmsg, 
#ro_accord ul.top li.reqmsg, 
#ro_accord ul.left li.reqmsg, 
#ro_accord ul.right li.reqmsg, 
#ro_accord ul.bottom li.reqmsg{
	padding:.25em 0;
	color:#383838 ;
}

#checkout_accordion #ul_right li.reqmsg a{
	padding:0;
	margin:0;
	float:none;
}

#checkout_accordion ul li label, 
#checkout_accordion #ul_top li label, 
#checkout_accordion #ul_left li label, 
#checkout_accordion #ul_right li label, 
#checkout_accordion #ul_bottom li label, 
#ro_accord ul.top li label, 
#ro_accord ul.left li label, 
#ro_accord ul.right li label, 
#ro_accord ul.bottom li label{
	width:100%;
	margin:0;
	float:none;
	display:inline-block;
	margin-bottom:1em;
}

label[for="deliveryInst"]{
	display:none;
}

#checkout_accordion #ul_left li label[for="subscribe"]{
	width:auto;
}

#checkout_accordion #ul_left .help{
	float:left;
	font-size:.7em;
}

#pm .accord h4{
	width:100%;
	font-weight:600;
	margin:0;
	margin-bottom:1em;
}

#pm .accord label{
	float:left;
}

#pm .accord ul li input, 
#pm .accord ul li select, 
#pm .accord ul li textarea,
#pm .accord ul li span{
	float:left;
	clear:both;
	margin-bottom:1em;
	float:none;
	display:inline-block;
}

#pm .accord ul li textarea{}

#pm .accord ul li input.submit{
	float:right;
}

#pm .accord li #submit{}

/* Specific Fields 
------------------------------------------------------- */
#pm #email.inputtext{}

#pm #specialInst{
	width:310px;
}

#checkout_accordion #ul_right #basket_delivery_address ul{
	width:100%;
	margin:0;
	padding:0;
}

#checkout_accordion #ul_bottom li #pdeldate{
	width:100%;
	padding:0;
}

#checkout_accordion #ul_bottom li #pdeldate h3,
#ro_accord #pdeldate h3{
	display:none;
}

#checkout_accordion #ul_bottom li #pdeldate p,
#ro_accord li #pdeldate p{
	width:100%;
	margin:0;
}

#checkout_accordion #ul_bottom li #pdeldate p.reqmsg{
	font-size:1em;
}

/* Confirm Basket 
------------------------------------------------------- */
#checkout_accordion #confirm_panel ul,
#checkout_accordion #confirm_panel ul li,
#checkout_accordion #confirm_panel ul li table.basket,
#ro_accord #loyalty_panel table.basket{
	width:800px;
	margin:0;
	font-size:1em;
}

#checkout_accordion #confirm_panel table.basket span{
	display:inline-block;
	font-style:italic;
	font-weight:normal;
	float:none;
	margin-right:1em;
	color:#e8e8e8;
}

#checkout_accordion #confirm_panel table.basket span + a{
	display:inline-block;
	float:none;
}

#checkout_accordion #confirm_panel table.basket a{
	margin:0;
	clear:both;
}

#checkout_accordion #confirm_panel ul li table.basket{
	border-collapse:collapse;
}

#checkout_accordion #confirm_panel ul li table.basket th{}

#checkout_accordion #confirm_panel ul li table.basket td{
	vertical-align:top;
	color:initial;
}

/*product price */
#checkout_accordion #confirm_panel ul li table.basket tr.line td:nth-child(2),
#checkout_accordion #confirm_panel ul li table.basket tr.header th.price{
	text-align:left !important;
}

/*total price */
#checkout_accordion #confirm_panel ul li table.basket .prodtotal,
#checkout_accordion #confirm_panel ul li table.basket .discount,
#checkout_accordion #confirm_panel ul li table.basket .delivery,
#checkout_accordion #confirm_panel ul li table.basket .vat,
#checkout_accordion #confirm_panel ul li table.basket .ordertotal{
	font-weight:600;
}

#checkout_accordion #confirm_panel ul li table.basket .ordertotal{
	font-size:1.25em;
}

/* Payment 
------------------------------------------------------- */
#checkout_accordion #payment_panel #psagepay{
	width:800px;
	margin:0;
	padding:0;
}

#checkout_accordion #payment_panel #psagepay.form .bt,
#checkout_accordion #payment_panel #psagepay.form .bb{
	display:none;
}

#checkout_accordion #payment_panel #psagepay.form .bc{
	border:none;
	padding:0;
}

#checkout_accordion #payment_panel #psagepay h3{}
#checkout_accordion #payment_panel #psagepay iframe{}

/* Anchor buttons 
------------------------------------------------------- */
#checkout_accordion a, #checkout_accordion a#delivery_to_other{
	width:auto;
	text-decoration:none;
}

#checkout_accordion a strong{
	width:auto;
	height:auto;
	text-transform:uppercase;
}

#checkout_accordion a strong:hover{
	text-decoration:underline;
}

#checkout_accordion li.info{}

/* PAY WITH AMAZON 
------------------------------------------------------- */
/*
Please include the min-width, max-width, min-height 
and max-height if you plan to use a relative CSS unit 
measurement to make sure the widget renders in the 
optimal size allowed. 
*/

#addressBookWidgetDiv{
	min-width:300px;
	max-width:100%;
	min-height:228px;
	height:300px;
}

#walletWidgetDiv{
	min-width:300px; 
	max-width:100%;
	min-height:228px; 
	height:300px;
}

#shippingSelector{
	border:1px solid #bbb;
	margin:1em 0;
	padding:0 1em;
}

#amazonShippingSelection > span{
	margin-top:.5em;
	font-size:1.2em;
	font-weight:600;
	width:100%;
	display:inline-block;
}

#amazonShippingSelection > span +span{
	font-weight:normal;
	margin-top:.5em;
	margin-bottom:.5em;
}

#shippingSelector amazonShippingSelection{
	outline:1px #383838 solid;
}

.amazonShippingCountryDiv span.label{
	font-weight:600;
	margin-right:1em;
}

.amazonShippingOptionsDiv span.value{
	float:right;
	font-weight:600;
}

.amazonShippingOptionsDiv{
	cursor:pointer;
}

.amazonShippingOptionDiv{
	width:40%;
	float:left;
	line-height:30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border:1px solid #bbb;
	border-radius:3px;
	display:block;
	text-decoration:none;
	margin:0 3px 6px 0;
	padding:0 20px 0 30px;
	color:#333;
	font-size:11px;
	height:30px;
	background:#f6f6f6;
	background:-moz-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
	background:-webkit-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
	background:-ms-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
	background:linear-gradient(to bottom,#f6f6f6 0,#e1e1e1 100%);
}

.amazonShippingOptionsDiv:after{
	display:block;
	clear:both;
	content:'';
}

.amazonShippingOptionDiv.selected{
	background:#f6f6f6 url('https://images-na.ssl-images-amazon.com/images/G/01/ep/background-image-1x._V313533909_.png') -130px -293px no-repeat;
}

.amazonShippingOptionDiv.selected:hover{
	background:#ececec url('https://images-na.ssl-images-amazon.com/images/G/01/ep/background-image-1x._V313533909_.png') -130px -293px no-repeat;
}

.amaznShippingOptionDiv:hover{
	background:#ececec;
	background:-moz-linear-gradient(top,#ececec 0,#d3d3d3 100%);
	background:-webkit-linear-gradient(top,#ececec 0,#d3d3d3 100%);
	background:-ms-linear-gradient(top,#ececec 0,#d3d3d3 100%);
	background:linear-gradient(to bottom,#ececec 0,#d3d3d3 100%)
}

.address-list li.selected a.invalid{
	background:#f6f6f6;
	background:-moz-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
	background:-webkit-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
	background:-ms-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
	background:linear-gradient(to bottom,#f6f6f6 0,#e1e1e1 100%)
}

#cancelAmazon{
	background-color:#eef2f3;
	color:#416976;
	float:right;
	font-weight:600;
	padding:.5em;
}

.noshipping{
	color:#383838;
	margin-bottom:1em;
	font-weight:bold;
}

.submit[disabled]{
	background-color:#eef2f3;
	color:#fff;
}

/* Breadcrumb pane 
------------------------------------------------------- */
#pm .accordbdcb{
	float:left;
	width:350px;
}

#pm .accordbdcb .checkoutLogos{
	text-align:center;
}

#pm .accordbdcb .checkoutLogos img{
	margin:.5em;
}

#pm .accordbdcb ul{
	border-bottom:2px #d5d6d6 solid;
	margin-bottom:.5em;
}

#pm .accordbdcb ul li{
	margin:.5em 0em 1em 1em;
	font-size:.750em;
}

#pm .accordbdcb ul li.header{
	padding:0;
	margin:0;
	width:96%;
	padding:.25em 2%;
	position:relative;
	cursor:pointer;
	border:none;
	font-size:1em;
	border-radius:0;
	background-color:#f3f4f6;
	color:#383838;
}

#pm .accordbdcb ul li:last-child{
	font-weight:600;
	color:#383838;
}

#pm .accordbdcb ul li.title{
	font-weight:600;
	padding:0;
	margin:0;
	width:96%;
	padding:.5em 2%;
	position:relative;
	cursor:pointer;
	border:none;
	font-size:1.2em;
	border-radius:0;
	margin-bottom:.5em;
	background-color:#f3f4f6;
	color:#383838;
}

#pm .accordbdcb ul li span{
	min-width:137px;
	display:inline-block;
}

/* Delivery date selection 
------------------------------------------------------- */

#pm .deldates .delcapnone{}
#pm .deldates .delcapgone{}

/* Order info 
------------------------------------------------------- */

#pm .ordinfo table tr td{}
#pm .ordinfo h3{}

#pm .ordinfo table tr td a{
	clear:left;
	display:block;
	margin-bottom:.5em;
}

.ordinfo table tr td a.btn.print{
	background-color:#e8e8e8;
	border-color:#e8e8e8;
	margin-left:0;
}

.ordinfo table tr td a.btn.info{
	margin-right:0;
}

/* terms and conditions article in checkout
------------------------------------------------------ */
#pp{
	width:1000px;
	margin:0 auto;
	background-color:#fff;
}

#pp p,
#pp h3,
#pp h4{
	margin:0 1em;
}

#pp h3,
#pp h4{
	margin-bottom:.5em;
}

/* -------------------------------------------------------------------------------------
=Sitemap 
------------------------------------------------------------------------------------- */
#pm .smap{
	font-size:0.813em;
}

#pm .smap ul{
	list-style-position:inside;
	width:100%;
}

#pm .smap ul li{
	padding:.5em 0;
}

#pm .smap ul li a,
#pm .smap ul li h3{
	padding:0;
}

#pm .smap .bc ul li ul{
	float:left;
}

#pm .smap ul li ul li{
	padding:0;
}

/* First Level */
#pm .smap ul li{
	width:25%;
	float:left;
}

#pm .smap ul li a{
	font-weight:600;
}

/* Second Level */
#pm .smap ul li ul{
	margin-left:2%;
	width:98%;
	float:left;
}

#pm .smap ul li ul li{
	width:100%;
}

#pm .smap ul li ul li a{
	font-weight:normal;
}

/* Third Level */
#pm .smap ul li ul li ul li a{
	font-weight:normal;
}

/* -------------------------------------------------------------------------------------
=Messages 
------------------------------------------------------------------------------------- */
#mess{}
#mess ul{}
#mess ul.info li{}

#mess ul.warn li{
	color:red;
	margin:10px 0;
	font-weight:600;
	width:100%;
}

h4.warn,
.reqmsg,
.err, .mess{
	color:#383838;
	font-weight:600;
	width:100%;
}

/* Email when back in stock */
/* take care as the html markup that writes this thing out is a bit borked! */
#ewis h3{}
#ewis label{}

.fprd .ewis{
	font-size:.8em;
}

.lnk.ewisopen{
	display:block;
	background:#383838;
	color:#fff;
	font-weight:600;
	font-size:1em;
	padding:.5em;
	text-align:center;
	text-transform:uppercase;
}

.ewisalreadyset .lnk.ewisopen{}

.lnk.ewisopen:hover{
	text-decoration:none;
}

/* -------------------------------------------------------------------------------------
=Autocomplete 
------------------------------------------------------------------------------------- */

.ui-helper-hidden-accessible{
	display:none;
}

.ui-widget.ui-widget-content.ui-autocomplete{
	width:254px !important;
	z-index:999999 !important;
	border-radius:0;
	padding:10px;
	max-height:348px;
	overflow-x:hidden;
	overflow-y:scroll;
	border:1px solid #383838;
	z-index:2000;
	background:#fff;
}

.ui-autocomplete li.ui-menu-item{
	display:inline-block;
	cursor:pointer;
	margin:0;
}

.ui-menu-item a{
	display:inline-block;
	padding:10px 0;
}

.ui-autocomplete li{
	list-style:none;
}

.ui-autocomplete li:hover{}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active{
	margin:0;
	border-radius:0;
	border:none;
	outline:none;
}

.ui-menu-item a.ui-state-active{}

.foundProduct{
	float:left;
	vertical-align:top;
	width:80px;
	margin-right:1em;
}

.foundProduct img{
	width:100%;
	height:auto;
}

.foundProductTitle{
	float:left;
	width:140px;
	font-size:.750em;
	font-weight:600;
}

.foundProductRef{
	font-size:0.625em;
	float:left;
	width:140px;
}

.foundProductDesc{
	display:none;
}

.foundProductDesc{}

.ui-autocomplete mark{
	background-color:transparent;
	font-weight:600;
	color:#383838;
}

/* -------------------------------------------------------------------------------------
=QuickView 
------------------------------------------------------------------------------------- */
.quickview{
	background-color:rgba(0,0,0,0.5);
	width:100vw;
	height:100vh;
	z-index:999;
	position:fixed;
	top:0;
	left:0;
	font-size:1em;
	padding-top:5%;
}

.quickviewdialog{
	width:800px;
	/* height:480px; */
	margin:auto;
	background-color:#fff;
	z-index:999999;
}

.quickviewdialog .quickviewHeader{
	width:100%;
	float:left;
}

.quickviewdialog .quickviewHeader .closeqkvw{
	float:right;
	position:relative;
	top:1em;
	right:1em;
	cursor:pointer;
}

.quickviewdialog .left{
	display:inline-block;
	vertical-align:top;
	width:45%;
}

.quickviewdialog .left .piimg{
	width:80%;
	padding:10%;
}

.quickviewdialog .left img{
	width:100%;
	height:auto;
}

.quickviewdialog .right{
	display:inline-block;
	vertical-align:top;
	width: 50%;
	padding: 2.5%;
}

.quickviewdialog .right .pititle,
.quickviewdialog .right .lnk,
.quickviewdialog .right .delivery{
	display:inline-block;
	width:100%;
	font-weight:600;
}

.quickviewdialog .right .delivery h4{
	margin-top:.5em;
	font-size:1.2em;
}

.quickviewdialog .right .brandmanu.model{
	float:left;
	width:100%;
}

.quickviewdialog .right .brandmanu.model h5,
.quickviewdialog .right .brandmanu.model h6{
	display:inline-block;
	font-size:0.750em;
	margin-right:.5em;
}

.quickviewdialog .right .pidesc{
	float:left;
	width:100%;
	height:3em;
	overflow:hidden;
}

.quickviewdialog .right .pidesc p{}

.quickviewdialog .right .pidesc h2{
	display:none;
}

.quickviewdialog .right .lnk{
	font-size:.8em;
}

.quickviewdialog .right .pibuy{
	width:100%;
	float:left; 
}

.quickviewdialog .right .pibuy .price,
.quickviewdialog .right .pibuy .qty,
.quickviewdialog .right .pibuy .trade{
	float:left;
	width:100%;
}

.quickviewdialog .right .pibuy .price label,
.quickviewdialog .right .pibuy .price h6{
	float:left;
	font-size:1.5em;
	font-weight:600;
	margin:1em 0;
	margin-right:.5em;
}

.quickviewdialog .right .pibuy .qty label,
.quickviewdialog .right .pibuy .trade label,
.quickviewdialog .right .pibuy .qty h6,
.quickviewdialog .right .pibuy .trade h6{
	float:left;
	margin-right:.5em;
	font-size:1.2em;
	font-weight:600;
	text-transform:capitalize;
}

.quickviewdialog .right .pibuy form p{
	display:none;
}

.quickviewdialog .right .pibuy form .attrqty{
	width:100%;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput{
	display:inline-block;
	vertical-align:middle;
	margin-right:.5em;
	font-weight:600;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput label{
	display:inline-block;
	vertical-align:middle;
	margin-right:.5em;
	font-weight:600;
}

.quickviewdialog .right .pibuy input#bspsubmit{
	float:right;
	margin-right:1em;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput input.inputtext{
	display:inline-block;
	vertical-align:middle;
}

.quickviewdialog .right .pibuy form .attrqty input#buy{
display:inline-block;
	vertical-align:middle;
}

.quickviewdialog .right .pibuy .stock,
.quickviewdialog .right .pibuy .title,
.quickviewdialog .right .pibuy .ewis_dialog,
.quickviewdialog .right .pibuy .ewis{
	display:none;
}

/* -------------------------------------------------------------------------------------
=CustomPromotions
------------------------------------------------------------------------------------- */

/* HomePage
------------------------------------------------------- */

.page_home #pm .pbnr{
	display:inline-block;
	vertical-align:top;
}


.page_home #pm .third{
	margin-bottom:1em;
}

/*because the scrolling product list header is displocated from the scrolling element ! */
.page_home #pm .bt h3{
	color:#003466;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
}

/* contact us page
------------------------------------------------------- */

/* 404 page
------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
=CustomArticles / CustomBanners
------------------------------------------------------------------------------------- */

.deptHeader, .deptFooter{
	display:inline-block;
	background-color:#fff;
	border:1px #003466 solid;
	padding:1em;
}

.deptHeader{
	margin-bottom:1em;
}


.twoThirds{
	width:789px;
	margin-right:1em;
	display:inline-block;
}

.third{
	width:394px;
}

/* BANNERS
------------------------------------------------------- */

/* ARTICLES
------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
=AccordionArticles
------------------------------------------------------------------------------------- */

/* accordion descriptions within a promotion (separate to checkout process)
------------------------------------------------------- */
#pm .bc ul.accordion{
	list-style:none;
	font-size:1em;
	margin:1em;
}

#pm .bc ul.accordion .pane{
	display:none;
}

#pm .bc ul.accordion .pane{
	background-color:#eeecec;
	padding:.5em 2em;
	font-size:0.813em;
}

#pm .bc ul.accordion li:nth-child(2){
	display:block;
}

#pm .bc ul.accordion li.header{
	background-color:#383838;
	color:#fff;
	font-size: 1.25em;
	margin:0;
	padding:0.35em;
	position:relative;
	cursor:pointer;
	margin-top:.5em;
}

#pm .bc ul.accordion li.header img{
	position:absolute;
	right: 0.6em;
	top: 0.9em;
	width:20px;
	width:auto;
	cursor:pointer;
}

#pm .bc ul.accordion li.header img.showminus{
	display:none;
}

#pm .bc ul.accordion li.header.current img.showminus{
	display:block;
	position:absolute;
	top: 0.75em;
	width:auto;
}

#pm .bc ul.accordion li.header.current img.showplus{
	display:none;
}

#pm .bc .accordion p{
	font-size:inherit;
	color:inherit;
}

#pm .bc .accordion ul{}

#pm .bc .accordion a{
	color:#383838;
	font-weight:600;
}

#pm .bc .accordion a:hover{
	text-decoration:underline;
	text-decoration-color:#383838;
}

#pm .bc .accordion span{
	font-weight:800;
}

#pm .bc ul.accordion thead td{
	font-weight:800;
}

/* -------------------------------------------------------------------------------------
=Blog
Absoulute positioning is used because of the order the content comes outline

There is no blog "promotion" page and as such you need to ensure that you have a blank promotion set up - and set as the default promotion
if you don't do this then you will end up with the home page promotion content showing on this (and other) pages

there is no ability to dictate the order of the blog content (img/title/date/read) and as such absolute positioning must be used

WHICH IS A NIGHTMARE!
------------------------------------------------------------------------------------- */

.page_blog #pm .bc h2{
	display:none;
}

.page_blog #pm .art.blog .bc h2{
	display:block;
	font-weight:bold;
}
.page_blog .blog{
	position:relative;
	width:376px;
	height:504px;
	float:left;
	margin-right:2em;
	margin-bottom:2em;
	border:1px #cacaca solid;
}

/*the +1 bit is becuase of the none wanted h2 that sits above the first row
go read about nth-selectors to figure out why this is! */
.page_blog .blog:nth-child(3n+1){
	margin-right:0;
}

#pm .blog img{
	position:absolute;
	top:0px;
	width:376px !important;
	height:251px !important;
}

#pm .page_blog .art.blog img{
	position:initial;
	outline:none;
}

.page_blog .blog p.date{
	position:absolute;
	color:#383838;
	top:329px;
	padding:0 1em;
	height:1em;
	line-height:1em;
	font-size:1em;
	text-align:left;
}

.page_blog .blog a.title{
	position:absolute;
	top:251px;
	height:2em;
	padding:1em;
	text-align:left;
	font-size:1.2em;
	vertical-align:middle;
	display:inline-block;
}

.page_blog .artp{
	position:absolute;
	top:349px;
	padding:.5em 1em;
	text-align:left;
	font-size:.9em; /*this breaks the whole padding em's (read about em's to learn more!) */
}
.page_blog .artp p{
	/*this is where the font size SHOULD be written, but as we don't wrap the text in anything (like it SHOULD be)
	stuff breaks

	the only place you should ever write out text that is not wrapped in an appropriate container <p> <h1> etc
	is in a table!
	*/
	font-size:.9em;
}

.page_blog .blog a.more{
	position:absolute;
	top:450px;
	left:139px;
	background-color:#383838;
	display:inline-block;
	text-transform:none;
	color:#fff;
	font-size:1em;
	border-radius:1em;
	padding:.5em 1em;
	width:auto;
	border:1px #383838 solid;
	margin-bottom:.5em;
}

.page_blog .art.blog{
	width:1168px;
	height:auto;
	margin-right:0;
	background:#fff;
	border:none;
	padding:2em;
}

/* individual blog post overrides/resets */
.page_blog .art.blog .artp{
	position:initial;
	width:100%;
	height:auto;
	text-align:left;
	padding:0;
}

.page_blog .art.blog h2{
	width:100%;
}

.page_blog #pm .art.blog img{
	margin-bottom:0;
	width:initial !important;
	height:initial !important;
	position:initial;
	max-width:100%;
}

.page_blog #pm .art.blog ul{
	width:100%;
	text-align:center;
}

.page_blog #pm .art.blog ul li{
	display:inline-block;
	width:197px;
}

.page_blog #pm .art.blog ul li img{
	width:100% !important;
	height:auto !important;
}

/*blog nav */
.blogBtns,
.blogPageBtns{
	width:100%;
	float:left;
	margin:1em 0;
}

.blogBtns a,
.blogPageBtns a{
	background-color:#383838;
	display:inline-block;
	text-transform:none;
	color:#fff;
	font-size:1em;
	border-radius:1em;
	padding:.5em 1em;
	width:auto;
	border:1px #383838 solid;
	margin-bottom:.5em;
}

.blogBtns a.next,
.blogPageBtns a.next{
	float:right;
}

.blogBtns a.prev,
.blogPageBtns a.prev{
	float:left;
}

.blogBtns a.next::after,
.blogPageBtns a.next::after{
	content:" >"
}

.blogBtns a.prev::before,
.blogPageBtns a.prev::before{
	content:"< "
}

/* -------------------------------------------------------------------------------------
=OwlCarousel / Jquery Hacks 

It is expected that a separate file with the Jquery owl-carousel file, ONLY the overrides
should be listed here
------------------------------------------------------------------------------------- */
.carousel{
	padding:20px 0px;
}

.carousel:hover{
	cursor:-moz-grab;
	cursor:-webkit-grab;
	cursor:grab;
}

.owl-carousel .owl-item img{
	height:auto;
}

.owl-theme .owl-controls{
	display:none;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none; /*without this you can't click through the controls and get to the thing behind it */
}

.owl-theme .owl-nav{
	text-align:center;
	-webkit-tap-highlight-color:transparent;
	position:absolute;
	width:100%;
	top:50%;
	pointer-events:unset;
}

.owl-prev{
	position:absolute;
	left:-2.5em;
	pointer-events:initial;
}

.owl-next{
	position:absolute;
	right:-2.5em;
	pointer-events:initial;
}

.owl-theme .owl-nav [class*='owl-']{
	color:#FFF;
	font-size:3em;
	margin:.5em;
	padding:.5em;
	display:inline-block;
	cursor:pointer;
	border-radius:3px;
	font-weight:800;
}

.owl-theme .owl-nav [class*='owl-']:hover{
	color:#383838;
	text-decoration:none; 
}

.owl-theme .owl-nav .disabled{
	opacity:0.5;
	cursor:default;
}

.owl-theme .owl-dots{
	position:absolute;
	display:inline-block;
	vertical-align:top;
	bottom:-20px; /*can't figure out where the 3 comes from, but the 20 is the height of the dot */
	width:100%;
	height:20px;
	text-align:center;
	-webkit-tap-highlight-color:transparent;
	pointer-events:initial;
}

.owl-theme .owl-dots .owl-dot{
	display:inline-block;
	vertical-align:top;
}

.owl-theme .owl-dots .owl-dot span{
	display:inline-block;
	vertical-align:top;
	width:10px;
	height:10px;
	margin:.5em;
	border-radius:50%;
	background-color:#e8e8e8;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
	background-color:#383838;
}

/* for product carousels reset padding on .fprd and set the width to auto */
.owl-item .fprd{
	margin:0;
	width: 100%;
	/*remove any outline or border as I can't figure out how to get that to not mess up */
	outline:none;
	border:none;
}

.owl-item .fprd .fprdimg{
	width:auto;
	/* margin:auto; */
}

.owl-item .fprd .fprdinfo{
	display:none;
}

/* -------------------------------------------------------------------------------------
=Jquery Base Overrides 
------------------------------------------------------------------------------------- */
.ui-dialog,
.ui-widget.ui-widget-content{
	background-color:#fff;
	z-index:2000;
	padding:1em;
	border:1px #383838 solid;
	border-radius:0px;
}

.ui-widget{
	font-size:1em;
	font-family: "merriweather",serif;
}

.ui-widget-header{
	background:none;
	border:none;
	color:#383838 ;
	font-size:0.750em;
}

.ui-dialog input{
	width:100%;
}

.ui-dialog input#subscribe{
	width:auto;
}

.ui-dialog input.submit{
	margin:.5em 0;
	text-align:center;
}

.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{}

.ui-widget form{}

.ui-widget input[type="text"],
.ui-widget select,
.ui-widget textarea,
.ui-widget button{
	padding:0 .5em;
	padding:.25em 0.5em;
	padding:.5em;
	border:none;
	outline:1px #383838 solid;
	max-width:320px;
}

.ui-widget-content{}

.validateTips{
	font-size:.688em;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
	font-size:0.750em;
	padding:.5em;
	font-weight:600;
	text-transform:uppercase;
	cursor:pointer;
	background-color:#383838;
	border:1px #383838 solid;
	outline:none;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
	border-radius:0;
}

.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,
.ui-button:hover,
.ui-button:focus{}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button{
	color:#454545;
	text-decoration:none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus{
	color:#2b2b2b;
	text-decoration:none;
}

/* -------------------------------------------------------------------------------------
=Brand Pages 
------------------------------------------------------------------------------------- */

/* brand scroller */


.brnd .scroller{
    width:100%;
    float:left;
    overflow:hidden;
    height:72px;
	margin:1em 0;
	background-color:#fff;
}

.brnd .scroller ul{
    list-style:none;
    display:inline-block;
    text-align:center;
}

.brnd .scroller li{
    list-style:none;
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    margin:0em .5em;
}

.brnd .scroller #buttleft,
.brnd .scroller #buttright{
    display:none;
}

.page_brands{}

.page_brands .brands .brnd{
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:left;
	width:285px;
	margin-right:1em;
	margin-bottom:1em;
}

.page_brands .brands .brnd:nth-child(4n){
	margin-right:0;
}

.page_brands .brands .brnd a img{
	border:1px solid #e8e8e8;
}

.page_brands .brands .brnd a img:hover{
	filter:brightness(80%);
}

.page_brands .brands .brnd h3.name{
	font-size:0.813em;
	text-transform:uppercase;
	font-weight:600;
	margin:0;
}

.page_brands .brands .brnd p.descr{
	font-size:0.813em;
}

/* individual brand page */
.page_brand .carousel{
	margin:10px 0;
}

.page_brand .carousel .owl-theme .owl-controls{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:-999999; /*otherwise you cant click on the image! */
}

.owl-theme .owl-nav{
	text-align:center;
	-webkit-tap-highlight-color:transparent;
	position:absolute;
	width:100%;
	top:33%;
	pointer-events:unset;
}

.page_brand .carousel .owl-theme .owl-dots{
	display:none;
}

.page_brand .carousel .owl-prev{
	position:absolute;
	left:-2.5em;
	z-index:9999999;
}

.page_brand .carousel .owl-next{
	position:absolute;
	right:-2.5em;
}

.page_brand .link{
	text-align:right;
}

/* -------------------------------------------------------------------------------------
=Hacks 
------------------------------------------------------------------------------------- */
.clearfix{
	padding:0 !important;
	margin:0 !important;
	float:none !important;
	clear:both !important;
}

.spacer{
	display:inline-block;
	height:20px;
}

.epau .bc{
	display:none;
}

#modal-overlay-inline{
	z-index:999;
}

/* un fully tested hacky thing for anchor tag links and the fixed header */
:target:before {
	content:"";
	display:block;
	height:90px; /* fixed header height*/
	margin:-90px 0 0; /* negative fixed header height */
}

#pbf .cookie p a{
	float:none;
	color:#fff;
	text-decoration:underline;
	padding:0 5px;
}

#pbf .cookie img{
	float:none;
	display:inline-block;
	vertical-align:middle;
	margin-left:1em;
}

#pbf .cookie img:hover{
	cursor:pointer;
}




/*new menu css playground */


/*the whole menu container */
.mm{
	outline:1px red solid;
	position:relative
}

/*top tabs */
.mm .mmt {

	background-color:orange;
	display:inline-block;
	margin:0 .5em;
	padding:0 .5em;
}

.mm .mmt:hover{
	background-color:blue;
}


/*should be able to start playing with css grid layouts - requires thought and planning not just throwing a menu together

/*dropdown mega menu */
.mm .mmt:hover .mmtc{
	display:block;
	position:absolute;
	left:0px;
	top:2.3em;
	
}

.mm .mmtc{
	outline:1px red solid;
	display:none;
	z-index:9999999;
	background-color:blue;
	width:100%;
}


/*columns */
.mm .mmtc .mmc{
	outline:1px red solid;
	display:inline-block;
	vertical-align:top;
}
/* ------------------------------------------------------------------------------------
        SCREEN - CLIENTNAME
        3637248 : 4653056
        Filename : jquery_menu.css
        Last Updated :14. 02. 2018
        Copyright :(c) 2018 Etail Systems Ltd
        Author : Etail Systems Ltd
        Web : http://www.etailsystems.com
		
	Table of Contents
		01.	=Tabs   
		02. =Dropdown   
		13. =Hacks

		Colors Used;
		color1: #6f6f6e - LogoGrey
		color2: #93c01f - LogoGreen
		color3: #e5007e - LogoRed
		color4: #ffdd00 - LogoYellow
		color5: #383838  - LogoBlue
		
	
------------------------------------------------------------------------------------- */

#pt  .dept{
    display:inline-block;
    vertical-align:top;
    color:#003466;
    position: relative;
    width:100%;


}

#pt  .dept .bt,
#pt  .dept .bb{
    display: none;
}

#pt  .dept .bc{
	width:100%;
	text-align:center;
    background-color: transparent;
}

#pt .dept ul#jnav{
    display:inline-block;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    z-index: 1001;
    width:100%;

    font-family: "oswald",sans-serif;
}

#pt .dept ul#jnav li{
    display:inline-block;
}

#pt  #jnav li{
    padding: 0px 0px;
}

#pt  #jnav li.pipe{
}


/***********************************************************************/
/* =Tabs                                                                */
/***********************************************************************/

#pt  #jnav li.nav a,
#pt  #jnav li.navcurr a {
    text-align: center;
    font-size: 1em;
    /* max-width: 94px; */
    /* height: 34px; */
    display: inline-block;
    vertical-align:middle;
    text-decoration: none;
    padding: .5em;
    color:#003466;
    border-bottom:2px transparent solid;
}

#pt  #jnav li.nav a:hover,
#pt  #jnav li.navcurr a:hover{
	border-bottom:2px #9e0809 solid;
}

#pt  #jnav li.nav:hover,
#pt  #jnav li.navcurr:hover {
}

#pt  #jnav li.navcurr a:hover {}

#pt  #jnav .navleft,
#pt  #jnav .navright,
#pt  #jnav .navleftcurr,
#pt  #jnav .navrightcurr{
    display: none;
}

/***********************************************************************/
/* =Dropdown                                                           */
/***********************************************************************/
#pt  #jnav li.nav ul.snav,
#pt  #jnav li.navcurr ul.snav{
    position: absolute;
    font-family:inherit;
    background-color:#fff;
    text-align:left;
    display: none;
    padding: 0;
    /*        -webkit-box-shadow: -2px 2px 2px 0 rgba(96,94,93,0.75);
    -moz-box-shadow: -2px 2px 2px 0 rgba(96,94,93,0.75);
    box-shadow: -2px 2px 2px 0 rgba(96,94,93,0.75);*/
    border:1px #003466 solid;
    width:200px;
}



/* specific for last 3 items */
/***********************************************************************/
#pt  #jnav li.nav:nth-last-child(-n+3) ul.snav,
#pt  #jnav li.navcurr:nth-last-child(-n+3) ul.snav{
}



#pt  #jnav li.nav:nth-last-child(-n+1) ul.snav,
#pt  #jnav li.navcurr:nth-last-child(-n+1) ul.snav{
	right:0;
}

#pt  #jnav li.nav ul.snav li,
#pt  #jnav li.navcurr ul.snav li{
    position: relative;
    display: inline-block;
    margin: 0;
    vertical-align:middle;
    width:200px;
}

/***********************************************************************/
/* =Slide out from dropdown                                                           */
/***********************************************************************/

#jnav li.navcurr ul.snav li ul.snav,
#jnav li.nav ul.snav li ul.snav{
    position:relative;
    left: 200px;/*for side popout needs to be the width of the previous element + border*/
    top: -1px;/*for side popout needs to be the height of the previous element + border */
}


/*make the last 3 items pop out to the right instead of the left */
#pt  #jnav li.nav:nth-last-child(-n+3) ul.snav li ul.snav,
#pt  #jnav li.navcurr:nth-last-child(-n+3) ul.snav li ul.snav{
	right:200px;
	left:initial;
}

#pt  #jnav li.nav ul.snav li.depts,
#pt  #jnav li.navcurr ul.snav li.depts{
    max-width:initial;
    max-height:initial;
    border:none;
    background-color: transparent;
}

#pt  #jnav li.nav ul.snav li a,
#pt  #jnav li.navcurr ul.snav li a{
	font-family:inherit;
	font-weight:600;
    padding:.5em;
    margin: 0;
    font-weight:initial;
    display:block;
    text-align:left;
    height:auto;
    border:none;
    max-width:100%;
    /* font-size:inherit; */ /*make same as parent */
}

#pt  #jnav li.nav ul.snav li a:hover,
#jnav li.navcurr ul.snav li a:hover{
	text-decoration: underline;
	text-decoration-color:#383838
}

/* Banners */
#pt  #jnav li.nav ul.snav li.bnrs,
#pt  #jnav li.navcurr ul.snav li.bnrs{
}

#pt  #jnav li.nav ul.snav li.bnrs .bnr,
#pt  #jnav li.navcurr ul.snav li.bnrs .bnr{
}

#pt  #jnav li.nav ul.snav li.bnrs .bnr a,
#pt  #jnav li.navcurr ul.snav li.bnrs .bnr a{
}

/* Level 1 dept header */
#pt  #jnav li.nav ul.snav li.depts a,
#pt  #jnav li.navcurr ul.snav li.depts a{
	width:auto;
}

#pt  #jnav li.nav ul.snav li.depts a.l1,
#pt  #jnav li.navcurr ul.snav li.depts a.l1{}

#pt  #jnav li.nav ul.snav li.depts a.l1:hover,
#pt  #jnav li.navcurr ul.snav li.depts a.l1:hover{}

/* Level 2 depts */
#pt  #jnav li.nav ul.snav li a.l2,
#pt  #jnav li.navcurr ul.snav li a.l2{
}

#pt  #jnav li.nav ul.snav li a.l2:hover,
#pt  #jnav li.navcurr ul.snav li a.l2:hover{}

#pt  #jnav li.nav ul.snav li.depts a:hover,
#pt  #jnav li.navcurr ul.snav li.depts a:hover{}

#pt  #jnav li.nav ul.snav li.depts a.seeall{
    cursor:pointer;
}

#pt  #jnav li.nav ul.snav li.depts a.seeall:hover{}

#pt  .dept .bt,
#pt  .dept .bb{}

#pt  .dept ul{
    list-style-type: none;
    position: relative;
}

#pt  #jnav li:first-child {}
#pt  #jnav li:last-child {}

#pt  #jnav li.nav ul.snav li,
#pt  #jnav li.navcurr ul.snav li{
    vertical-align:top;
}

#pt  #jnav li.nav ul.snav li.alldepts,
#pt  #jnav li.navcurr ul.snav li.alldepts{}

#pt  li.alldepts ol{
    /*depts are in ol not ul */
    list-style-position:inside;
}

#pt  #jnav li.nav ul.snav li.alldepts li.depts,
#pt  #jnav li.navcurr ul.snav li.alldepts li.depts{
    display:inline-block;
    list-style-position:inside;
    margin:0;
    padding:0;
    text-align:left;
    height: auto;
}

#pt  #jnav li.nav ul.snav li.prods,
#pt  #jnav li.navcurr ul.snav li.prods{
    /*may need to sort out other widths as .fprd is set elsewhere */
}

#pt  #jnav li.nav ul.snav li.prods .fprd {}
#pt  #jnav li.nav ul.snav li.prods .fprd a {}
#pt  #jnav li.nav ul.snav li.prods .fprd a:hover {}
#pt  #jnav li.nav ul.snav li.prods .fprd .fprdtitle a {}
#pt  #jnav li.nav ul.snav li.prods .fprd .fprdtitle a:hover {}
#pt  #jnav li.nav ul.snav li.prods .fprd h5.clientref {}
#pt  #jnav li.nav ul.snav li.prods .fprd .packsize {}
#pt  #jnav li.nav ul.snav li.prods .fprd .price {}
#pt  #jnav li.nav ul.snav li.prods .fprd .price h6 {}
#pt  #jnav li.nav ul.snav li.prods .fprd form {}

#pt  #jnav li.nav ul.snav li.arts,
#pt  #jnav li.navcurr ul.snav li.arts {
    display: inline;
    width:initial;
    height:auto;
}

#pt  #jnav li.nav ul.snav li.arts a,
#pt  #jnav li.navcurr ul.snav li.arts a{
}

#pt  #jnav li.nav ul.snav li.arts a img,
#pt  #jnav li.navcurr ul.snav li.arts a img{
	display:block;
}

#pt  #jnav .art.menuArt {}
#pt  #jnav li.nav ul.snav li.arts h3{}
#pt  #jnav .art.menuArt p {}
/* ------------------------------------------------------------------------------------
        SCREEN - CLIENTNAME
        $CLIENTID :$SITEID
        Filename :product.csss
        Last Updated :10. 04. 2018
        Copyright :(c) 2017 Etail Systems Ltd
        Author :Etail Systems Ltd
        Web :http://www.etailsystems.com

Table of Contents
    01.	=Product Panels   
    02. =Typography 
    03. =Tab Panel 
    04. =Imagery 
    05. =Buy pane  
    06. =Buy pane form  
    07. =Super Attributes 
    08. =Associated and Related products  
    09. =Recommended products - Buy option 
    10. =buytogether
    11. =Flags / Files
    12. =Videos 
    13. =Wishlist
    14. =Social bookmarks pane   
    15. =Feefo 
    16. =Hacks

------------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------------
=Product Panels   
------------------------------------------------------------------------------------- */

#pi{
    float:left;
    position:relative;
    width:100%;
    margin:0;
    padding:0;
}

#pi .top{}

#pi .main{
    float:left;
    width:100%;
    margin-right:1em;
    position:relative;

}

#pi .left{
    float:left;
    width:600px;
    margin-right:1em;
    padding:0;
}

#pi .right{
    float:left;
    position:relative;
    width: 552px;
    padding:0;
    /* background-color:#fff; */
    padding:1em;
}

#pi .bottom{
    float:left;
    width:100%;
    margin-top:1em;
}

/* -------------------------------------------------------------------------------------
=Typography 
------------------------------------------------------------------------------------- */

/* Title
------------------------------------------------------- */

#pi .pititle{
	width:100%;
}

#pi .pititle h2{
	color:#383838;
	font-size:2em;
}

/* Description panes 
------------------------------------------------------- */

#pi .pidesc, 
#pi .delivery{
	display:inline-block;
	width:100%;
}

#pi .pidesc h2{
	/*because we duplicate titles! */
	display:none;
}

/*strapline*/
#pi .pidesc h4{
	font-size:0.875em;
	font-weight:600;
}

#pi .delivery h3{}
#pi .pidesc p,  
#pi .delivery p{
	/* font-size:0.813em; */
}

#pi .pidesc ul{}
#pi .pidesc li{}

/* direct despatch */
#pi .pidesc.desp h5{
	font-size:0.938em;
	display:inline;
	color:#66666e;
}
#pi .pidesc.desp p{
	display:inline;
}

/* Extra Description 
------------------------------------------------------- */
#pi .pidescx{

    border-bottom:2px #eef2f3 solid;
    padding-bottom:1em;
    margin-bottom:.5em;
}

/*because of the insistance of using inline styles!*/
#pi .pidescx ul{
    list-style-type:none !important;
    font-size:initial !Important;
    margin-left:0 !Important;
}


#pi .pidescx ul li{
   list-style:none;
   line-height:1;
   font-size:1em;
}

/* Brand and Manufacturer  
------------------------------------------------------ */
#pi .brandmanu.brand{
	text-transform:uppercase;
	float:left;
	width:50%;
	text-align: right;
}

#pi .brandmanu.brand p{
	display:inline-block;
	font-size:0.688em;
}

#pi .brandmanu.brand p{
	display:inline-block;
	font-size:0.688em;
	font-weight:600;
}

#pi .brandmanu.brand img{}

#pi .brandmanu.model{
	text-transform:uppercase;
	float:left;
	width:50%;
	text-align:left;
}

#pi .brandmanu h5{
	display:inline-block;
	margin-right:10px;
	font-size:0.688em;
}

#pi .brandmanu h6{
	display:inline-block;
	font-size:0.688em;
}
#pi .brandmanu p,
#pi .brandmanu a{}


/* barcodes
------------------------------------------------------- */
#pi .brandmanu.gtin{
	text-transform:uppercase;
	float:left;
	width:50%;
	text-align:right;
}

#pi .brandmanu.inner{
	display:none;
}

#pi .brandmanu.outer{
	display:none;
}

/* Telephone orders   
------------------------------------------------------- */
#pi .piphone{}
#pi .piphone h4{}
#pi .piphone h5{}
#pi .piphone p{}

/* -------------------------------------------------------------------------------------
=Tab Panel 
------------------------------------------------------------------------------------- */
#pm #pi .pi_tab{
	display:inline-block;
	width:100%;
}

#pm #pi #pi_wrapper{
    float:left;
    width:100%;
	-webkit-box-shadow:-2px 2px 2px 0 rgba(96,94,93,0.75);
    -moz-box-shadow:-2px 2px 2px 0 rgba(96,94,93,0.75);
    box-shadow:-2px 2px 2px 0 rgba(96,94,93,0.75);
}

#pm #pi ul.pi_tabs{
    display:inline-block;
    float:left;
    width:100%;
    cursor:pointer;
}

#pm #pi ul.pi_tabs li{
    float:left;
    font-size:0.750em;
    font-weight:600;
    padding:1em;

    text-align:center;
    border:1px #ebecee solid;
    background-color:#ebecee;
}

#pm #pi ul.pi_tabs li.selected{
	border:1px #d9e1e6 solid;
	border-bottom:1px #fff solid;
	background-color:#fff;
	color:#383838;
	z-index:9999999;
	font-weight:600;
}
#pm #pi ul.pi_tabs li:last-child{}

#pm #pi .pi_tab_content{
    float:left;
    width:100%;
    border:1px #d9e1e6 solid;
}

#pm #pi .pi_tab_content h2{
    font-size:1.2em;
}
#pm #pi .pi_tab_content h3,
#pm #pi .pi_tab_content h4,
#pm #pi .pi_tab_content ul,
#pm #pi .pi_tab_content p{
	padding:.5em;
}
#pm #pi .pi_tab_content p{
	font-size:0.813em;
}

#pm #pi .pi_tab_content a{}
#pm #pi .pi_tab_content a img {}

#pm #pi .pi_tab_content ul ,
#pm #pi .pi_tab_content ol{
	font-size:0.813em;
	margin:1em 2em;
}
#pm #pi .pi_tab_content ul li,
#pm #pi .pi_tab_content ol li{

}

#pm #pi .pi_tab_content ul li{
    list-style:disc;
    font-size:0.938em;
}

/* -------------------------------------------------------------------------------------
=Imagery 
------------------------------------------------------------------------------------- */

#pi .piimg{
    background-color:#fff;
    text-align:center;
}

#pi .piimg img{
	max-width:100%;
	height:auto !important;
}



#pi .piimg p{
    display:none;
}

#pi .piimgx{}

/* If image not aligning centrally */
#pi .piimg a{
    float:none;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

#pi .piimg a img{
	margin:auto;
}

/* Gallery
------------------------------------------------------- */

#pi .gallery{
    float:left;
    width:100%;
    text-align:left;
    margin:.5em 0;
}

#pi .gallery h4{
    display:none;
}

#pi .gallery .piimg_large{
    width:83px;
    display:inline-block;
    margin:1em;
}

#pi .gallery .piimg_large img{
    width:100%;
    height:auto;
}
#pi .gallery .piimg_large a{}

/* Main Image Zoom
------------------------------------------------------- */

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens{
    border:1px solid #888;
    margin:-2px; /* Set this to minus the border thickness. */
    background-color:#fff;
    cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title{
}

/* This is the zoom window. */
.cloud-zoom-big{
    border:1px solid #ccc;
    overflow:hidden;
    margin-top:-1px;
    margin-left:-7px;
    background-color:#fff;
}

/* This is the loading message. */
.cloud-zoom-loading{
    position:absolute;
    top:0;
    margin:0;
    color:white;
    background:#222;
    padding:3px;
}
   
/* -------------------------------------------------------------------------------------
=Buy pane  
------------------------------------------------------------------------------------- */

#pi .pibuy{
	width:100%;
	float:left;
	clear:both;
	padding-top:10px;
}

#pi .pibuy h6{}
#pi .pibuy .bt{}
#pi .pibuy .bc{}
#pi .pibuy .bb{}

#pi .pibuy .bc .title{
    display:none;
}

/* pricing info
------------------------------------------------------- */
#pi .pibuy .bc .price,
#pi .pibuy .bc .offer,
#pi .pibuy .bc .prevprice,
#pi .pibuy .bc .rrp,
#pi .pibuy .bc .trade,
#pi .pibuy .bc .saving{
	display:inline-block;
	margin-right:1em;
}

/*normal price */
#pi .pibuy .bc .price {}
#pi .pibuy .bc .price h6{
    /* color:#4b738e; */
    font-size:1.063em;
    font-weight:600;
} 
#pi .pibuy .bc .price label{
    display:none;
}
#pi .pibuy .bc .price span{} 

/*rrp price */
#pi .pibuy .bc.rrp {}
#pi .pibuy .bc .rrp h6{}
#pi .pibuy .bc .rrp label{}
#pi .pibuy .bc .rrp span{} 

/*offer price */
#pi .pibuy .bc .offer {
	color:#d94927;
	}
#pi .pibuy .bc .offer h6{}
#pi .pibuy .bc .offer label{} 
#pi .pibuy .bc .offer span{} 

/*previous price (goes with offer) */
#pi .pibuy .bc .prevprice {
	color:#4b738e;
}
#pi .pibuy .bc .prevprice h6{
	text-decoration:line-through;
	text-decoration-color:#d94927;
}
#pi .pibuy .bc .prevprice label{}
#pi .pibuy .bc .prevprice span{} 

/*offer price */
#pi .pibuy .bc .saving {
	color:#383838;
}
#pi .pibuy .bc .saving h6{}
#pi .pibuy .bc .saving label{}
#pi .pibuy .bc .saving span{}  

/*trade price */
#pi .pibuy .bc .trade {}
#pi .pibuy .bc .trade h6{}
#pi .pibuy .bc .trade label{}
#pi .pibuy .bc .trade span{} 

/* Messages */
#pi .pibuy p{
	font-size:0.688em;
	display:inline-block;
}
#pi .pibuy h4{}
#pi .pibuy h5{}
#pi .pibuy p.p_stock{}


/* stock */
#pi .pibuy .stock{
    font-size:0.750em;
}


/* -------------------------------------------------------------------------------------
=Buy pane form  
------------------------------------------------------------------------------------- */

#pi .pibuy form#buy_form{
    float:left;
    width:100%;
    margin-top:1em;
    margin-bottom:1em;
    padding-bottom:1em;
    border-bottom:1px #959595 solid;
}

#pi .pibuy form#buy_form div.attr,
#pi .pibuy form#buy_form div.attrqty{}
#pi .pibuy form#buy_form div.attr .attritem{}
#pi .pibuy form#buy_form div.attr .attritem .multiselect{}
#pi .pibuy form label{}

.sa_validator /* Shouldn't be visible. AL */
{
    display:none;
}

#pi .pibuy form div.attr label{}
#pi .pibuy form div.attrqty label{
    display:none;
}
#pi .pibuy form div.attr label#selectResponse{}
#pi .pibuy form input,
#pi .pibuy form select,
#pi .pibuy form textarea{}
#pi .pibuy form select{}
#pi .pibuy form .inputtext,
#pi .pibuy form .textarea{}
#pi .pibuy span.chars{
	font-size:.8em;
}

#pi .pibuy input#skuqty.inputtext{

    width:2em;
    text-align:center;
    padding:.5em;
    float:left;
    margin-right:.5em;
}

#pi .pibuy .submit{
    font-weight:600;
    font-size:0.75em;
    padding:0.8em 1em;
    border:none;
    text-align:center;
    text-transform:uppercase;
    border-color:inherit;
    cursor:pointer;
    color:#fff;
    /* border:1px #383838 solid; */
    /* background-color:#383838; */
}



#pi .pibuy .submit:hover{
	color:#383838;
	background-color:transparent;
	text-decoration:none;
	border:1px #383838 solid;
}

#pi .pibuy #bspsubmit.submit{}

#pi .pibuy .curr{
    display:none;
}

/* Product Personalisation info
------------------------------------------------------- */
#pi .pibuy form .pers{
	background-color:#eef2f3;
	padding:.5em;
	margin-bottom:1em;
}


#pi .pibuy form .pers li{
	margin-bottom:.5em;
}
#pi .pibuy form .pers li:last-child{
	margin-bottom:0;
}

#pi .pibuy form .pers label{
	width:100px;
	display:inline-block;
}
#pi .pibuy form .pers input.inputtext{
	width:270px;
	margin-right:.5em;
}


#pi .pibuy form .pers span.chars{

}

#pi .pibuy form .pers span{
		font-size:.8em;
}

/* -------------------------------------------------------------------------------------
=Super Attributes    
------------------------------------------------------------------------------------- */

#pi .pibuy form#buy_form .cls_superattrribute{}
#pi .pibuy form#buy_form .cls_superattrribute .bc table{}
#pi .pibuy form#buy_form .cls_superattrribute .bc table .sa_left_cell_type_1,
#pi .pibuy form#buy_form .cls_superattrribute .bc table .sa_right_cell_type_1{}

#pi .pibuy form#buy_form .cls_superattrribute label.sa_name{
	font-weight:600;
}

#pi .pibuy form#buy_form .cls_superattrribute .att_X,
#pi .pibuy form#buy_form .cls_superattrribute .att_Y{
	display:inline-block;
	width:100%;
	margin:0.5em 0;
}

#pi .pibuy form#buy_form .cls_superattrribute .att_X label,
#pi .pibuy form#buy_form .cls_superattrribute .att_Y label{
	min-width:100px;
	display:inline-block;
}

#pi .pibuy form#buy_form .cls_superattrribute .submit{
    font-weight:normal;
    font-size:1em;
    padding:0;
    border:none;
    text-align:center;
    text-transform:uppercase;
    border-color:inherit;
    cursor:pointer;
    border-radius:0;
    color:#000;
    border:none;
    background-color:transparent;
	
}

/* -------------------------------------------------------------------------------------
=Associated and Related products  
------------------------------------------------------------------------------------- */

#pi .pass,
#pi .prel,
#pi .pran{
}

#pi .pass h3,
#pi .prel h3,
#pi .pran h3{
text-align:center;
font-size:2em;
margin:.5em;
}
#pi .pass .fprd h3, 
#pi .pass .fprd h3, 
#pi .pass .fprd h3{}

#pi .prec .fprd:nth-child(4n),
#pi .pass .fprd:nth-child(4n),
#pi .prel .fprd:nth-child(4n),
#pi .pran .fprd:nth-child(4n){
	margin-right:0;
}

#pi .pass{
    float:left;
    width:100%;
    text-align:center;
}

#pi .pass h3{
	display:none;
}

#pi .pass .fprd{
	display:inline-block;
	float:none;
	border:none;
	outline:0;
	width:189px;
	margin:auto 5%;
}

#pi .pass .fprd:hover{
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
}

#pi .pass .fprd:last-child{
    border-bottom:none;
    margin-bottom:0;
}

#pi .pass .fprd .fprdimg {
    width:75%;
    height:auto;
    margin:auto;
    margin-bottom:2em;
    background-color:transparent;
}

#pi .pass .fprd .fprdimg img{
    width:100%;
    height:auto;
    -webkit-filter:grayscale(1);
  	filter:grayscale(1);
}

#pi .pass .fprd .fprdtitle{
    margin-bottom:0;
    font-size:.938em;
    color:#8a8e91;
    text-decoration:none;
}

#pi .pass .price{
	display:none;
}

#pi .prel{
    float:left;
    text-align:center;
    width:100%;
}

#pi .prel .bt{
	background:linear-gradient(to top, #fff 0, #fff 49%,  #cac9c9 49%, #cac9c9 51%, #fff 51%, #fff 100% );
}

#pi .prel h3{
	text-transform:capitalize;
	color:#000;
	font-weight:600;
	font-size:2em;
	padding:.5em;
	margin-bottom:0;
	background-color:#fff;
	display:inline-block;
}

#pi .prel .fprd{
    border:none;
}

#pi .prel .fprd:nth-child(4n){
    border-bottom:none;
    margin-right:0;
}

#pi .prel .fprd .fprdimg {
    background-color:#ececec;
    height:auto;
}

#pi .prel .fprd .fprdimg img{
    width:75%;
    height:auto;
}

#pi .prel .fprd .fprdtitle{
    margin-bottom:0;
    font-size:.9em;
}

#pi .pass .brand,
#pi .prel .brand,
#pi .pran .brand{
	display:none;
}
/* -------------------------------------------------------------------------------------
=Recommended products - Buy option  
------------------------------------------------------------------------------------- */


#pi .prec .sprd{}
#pi .prec .sprd form{}
#pi .prec .sprd form p{}
#pi .prec .sprd .img{}
#pi .prec .sprd .img img{}
#pi .prec .sprd a.lnk{}
#pi .prec .sprd .price,
#pi .prec .sprd .offer{}
#pi .prec .sprd .prevprice,
#pi .prec .sprd .price label,
#pi .prec .sprd .prevprice label,
#pi .prec .sprd .offer label{}
#pi .prec .sprd .price h6{}
#pi .prec .sprd h3{}




/* -------------------------------------------------------------------------------------
=buytogether
------------------------------------------------------------------------------------- */

.buytogether{
    float:left;
    width:100%;
}

.buytogether li.header{
	font-family:'Abril Fatface', cursive;
    color:#605e5e;
    text-align:center;
    padding:.5em 0;
   	font-size:2em;
}

.buytogether  ul.boughtto{
	float:left;
	width:100%;
}

.buytogether  ul.boughtto li{
	width:90%;
	margin:.5em auto;
}

.buytogether ul.boughtto li.imgs{
    text-align:center;
    margin:0 auto;
}

.buytogether ul.boughtto li.imgs img{

	height:auto;
	margin:.5em;
	max-width:150px;
	width:22%;
	text-align:center;
	vertical-align:middle;
}

.buytogether ul.boughtto li.imgs span{
	width:5%;
	text-align:center;
	vertical-align:middle;
	font-size:2em;
}

.buytogether ul.boughtto li.prods{
	width:70%;
	margin:0;
	margin-right:1em;
	text-align:left;
	padding-bottom:.25em;
	padding-left:.5em;
	padding-right:1em;
	float:left;
	border-right:2px #eef2f3 solid;
}

.buytogether ul.boughtto li.prods input,
.buytogether ul.boughtto li.prods span.descr,
.buytogether ul.boughtto li.prods span.price{
	float:left;
}

.buytogether ul.boughtto li.prods input{
	font-size:1em;
	width:10%;
	margin:0;
	display:inline-block;
	margin-top:.3em;
	line-height:1.5;
	
}
.buytogether ul.boughtto li.prods span.descr{
	/* font-weight:600; */
	width:70%;
}
.buytogether ul.boughtto li.prods span.price{
	float:right;
	color:#5a5859;
	font-weight:600;
	width:20%;
	text-align:right;
	float:left;
}


.buytogether ul.boughtto li.total
{
	position:relative;
	top:-2.5em;
	width:24%;
	margin:0;
	float:left;
	text-align:center;
	font-size:1.2em;
}

.buytogether ul.boughtto li.total span{

}

.buytogether ul.boughtto li.btn{
	position:relative;
	top:-1.4em;
	width:24%;
	margin:0;
	float:left;
	text-align:center;
	font-size:1.2em;
}


.buytogether ul.boughtto li.btn .submit{
  	float:left;
  	font-size:.8em;
  	background-color:#d94927;
  	display:inline-block;
  	text-transform:uppercase;
  	color:#fff;
  	border-radius:2em;
  	padding:.5em 1em;
  	width:auto;
  	border:1px #d94927 solid;
  	margin-bottom:.5em;
}




/* -------------------------------------------------------------------------------------
=Flags / Files
------------------------------------------------------------------------------------- */


#pi .flags{
	display:inline-block;
}

#pi .flags .flag{
	display:inline-block;
	margin-bottom:.5em;
}

/* Links, File & Flags panes   
------------------------------------------------------- */
#pi .pilinks, 
#pi .pifile{
	display:inline-block;
	width:100%;
}

#pi .piflags{
	display:inline-block;
}

#pi .piflags ul{
}

#pi .piflags li{
	display:inline-block;
	margin-bottom:.5em;
}

#pi .pilinks .bt, 
#pi .pilinks .bb, 
#pi .pifile .bt, 
#pi .pifile .bb, 
#pi .piflags .bt, 
#pi .piflags .bb{
    display:none;
}

#pi .pilinks .bc, 
#pi .pifile .bc, 
#pi .piflags .bc{
    float:left;
    border:none;
    width:100%;
}

#pi .pilinks ul li,
#pi .pifile ul li{
	font-size:0.750em;
	display:inline-block;
	margin-bottom:.5em;
	width:100%;
}
#pi .pilinks ul li a, 
#pi .pifile ul li a{}
#pi .pilinks ul li .linkimg, 
#pi .pifile ul li .linkimg{
	display:inline-block;
	vertical-align:middle;

}

#pi .pilinks ul li .linkimg img, 
#pi .pifile ul li .linkimg img{
	display:inline-block;
	vertical-align:middle;
	/* margin-right:1em; */
	width:1em;
	height:auto;
}

#pi .pilinks ul li a.lnk,
#pi .pifile ul li a.lnk{}
#pi .pilinks ul li.email a.lnk{
	color:#383838 ;
	padding-left:1.9em;
	display:inline-block;
	vertical-align:middle;
}

#pi .pilinks ul li.query a.lnk{
	/* background:url('https://s3-eu-west-1.amazonaws.com/doorsfittings/4816896/i/bdr/greyenvelope.png') no-repeat left center; */
	/* padding-left:1.9em; */
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}


/* -------------------------------------------------------------------------------------
=Videos 
------------------------------------------------------------------------------------- */

#pi .youtube a{}

/* -------------------------------------------------------------------------------------
=Wishlist 
------------------------------------------------------------------------------------- */

#pi .pibuy form.wishlist{}
#pi .pibuy form.wishlist input.chkbox{}
#pi .pibuy form.wishlist label{}
#pi .pibuy form.wishlist .submit{}

/* -------------------------------------------------------------------------------------
=Social bookmarks pane    
------------------------------------------------------------------------------------- */
#pi .socbook{
	float:left;
	width:100%;
	text-align:left;
	margin-top:1em;
}

#pi .socbook .bt h3{
	display:none;
}
#pi .socbook li{
	display:inline-block;
	vertical-align:middle;
	margin-right:1em;
}

/* -------------------------------------------------------------------------------------
=Feefo 
------------------------------------------------------------------------------------- */

#pi #feefologohere{}

#pm #pi .pi_tab_content ul.feefo li{
    list-style:none;
    border-bottom:1px solid #D2D2D2;
}

#pm #pi .pi_tab_content ul.feefo li:last-child{
    border-bottom:none;
}
/* ----------------------------------
Default Theme
----------------------------------- */
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }

div.pp_default .pp_top .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
div.pp_default .pp_top .pp_middle { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
div.pp_default .pp_top .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */

div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } /* Content background */
div.pp_default .pp_next:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.pp_default .pp_previous:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_default .pp_expand { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
div.pp_default .pp_expand:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_default .pp_contract { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
div.pp_default .pp_contract:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_default .pp_close { width: 30px; height: 30px; background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

div.pp_default .pp_bottom .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

div.pp_default .pp_loaderIcon { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */


/* ----------------------------------
Light Rounded Theme
----------------------------------- */
div.light_rounded .pp_top .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_next:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.light_rounded .pp_arrow_previous { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_rounded .pp_bottom .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.light_rounded .pp_loaderIcon { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

/* ----------------------------------
Dark Rounded Theme
----------------------------------- */

div.dark_rounded .pp_top .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.dark_rounded .pp_content_container .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
div.dark_rounded .pp_content_container .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
div.dark_rounded .pp_content { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.dark_rounded .pp_arrow_previous { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_rounded .pp_bottom .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.dark_rounded .pp_loaderIcon { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */


/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }

div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */

div.dark_square .pp_expand { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_contract { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_close { width: 75px; height: 22px; background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.dark_square .pp_arrow_previous { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_square .pp_next:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_previous:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }

div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_expand:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_contract { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_contract:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_close { width: 75px; height: 22px; background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

div.light_square .pp_arrow_previous { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.light_square .pp_next:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_previous:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

div.light_square .pp_loaderIcon { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */


/* ----------------------------------
Facebook style Theme
----------------------------------- */
div.facebook .pp_top .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.facebook .pp_top .pp_middle { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
div.facebook .pp_top .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
div.facebook .pp_content_container .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
div.facebook .pp_content { background: #fff; } /* Content background */
div.facebook .pp_expand { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.facebook .pp_expand:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.facebook .pp_contract { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.facebook .pp_contract:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.facebook .pp_close { width: 22px; height: 22px; background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */

div.facebook .pp_arrow_previous { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }

div.facebook .pp_next:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.facebook .pp_previous:hover { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */

div.facebook .pp_bottom .pp_left { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.facebook .pp_bottom .pp_middle { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right { background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus {
    outline:none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}


.pp_top {
    height: 20px;
    position: relative;
}

* html .pp_top {
    padding: 0 20px;
    }

.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_top .pp_middle {
    left: 0;
    position: static;
}

.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_content {
    height: 40px;
    min-width: 40px;
}
* html .pp_content {
    width: 40px;
}

.pp_fade {
    display: none;
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

.pp_content_container .pp_left {
    padding-left: 20px;
}
.pp_content_container .pp_right {
    padding-right: 20px;
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0;
}

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: left;
    margin: 0;
    }
.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden;
}
.pp_social .twitter { 
    float: left;
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap;
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}

.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

.pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0,0,0,0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }

.pp_gallery ul a img { border: 0; }

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.pp_gallery li.default a {
    background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}

.pp_gallery li.default a img { display: none; }

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important;
}

a.pp_next {
    background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_previous {
    background: url(/js/jquery/popupgallery_standard/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;	
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute; right: 0; top: 0; 
    display: block;
    line-height:22px;
    text-indent: -10000px;
}

.pp_bottom {
    height: 20px;
    position: relative;
}
* html .pp_bottom { padding: 0 20px; }

.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}

.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}

#pp_full_res {
    line-height: 1 !important;
}

#pp_full_res .pp_inline {
    text-align: left;
}

#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
}
/* ------------------------------------------------------------------------------------
	SCREEN - Basket/Checkout
	Last Updated : 18. 11. 2025
	Copyright :(c) 2025 Etail Systems Ltd
	Author : Etail Systems Ltd
------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------
=HoverBasket 
------------------------------------------------------------------------------------- */
.hoverbskt {
	border-radius: var(--border-radius);
	width: calc(250px - 1em);
	padding: var(--spacing);
	z-index: 999999;
	text-align: center;
	-webkit-box-shadow: var(--box-shadow);
	-moz-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
	background-color: var(--white);
}

.hoverbskt h3 {
	display: none;
}

.hoverbskt a,
.hoverbsktadd a,
.hoverbskt p,
.hoverbsktadd p {
	font-size: 0.825em;
	margin: 0;
}

.hoverbsktadd p.descr {
	display: none;
}

.hoverbskt .lines {}

.hoverbskt .lines .item {
	display: grid;
	grid-template-columns: 2em .5rem 1fr 7ch;
	grid-template-areas: "image . title title"
						 "image . sample sample"
						 "image . quantity price";
	margin-bottom:.5rem;
}

.hoverbskt .lines .item a.title,
.hoverbskt .lines .item p.sample {
	font-weight: var(--heading-font-weight);
	text-align: left;
	grid-area: title;
}

.hoverbskt .lines .item picture{
	grid-area:image;
	align-self:start;
	margin:0;
}

.hoverbskt .lines .item img {
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: contain;
	grid-area: image;
	margin: 0 !important;
}

.hoverbskt .lines .item p.price {
	grid-area: price;
	text-align:right;
}

.hoverbskt .lines .item p.descr {
	grid-area: description;
	display: none;
}

.hoverbskt .lines .item p.qty {
	grid-area: quantity;
	text-align: right;
}

.hoverbskt .lines .item p.sample {
	grid-area: sample;
	font-weight:normal;
	font-size:.725em;
	text-align: left;
}

.hoverbskt h4.count,
.hoverbskt h4.total {
	padding: 0;
	margin: 0;
	font-size: 0.825em;
	text-align: left;
	display: block;
	width: 50%;
	text-transform: capitalize;
	color: var(--text-color);
	font-weight: var(--heading-font-weight);
}

.hoverbskt a.btn {
	display: inline-block;
	padding: var(--spacing) var(--spacing);
	background-color: var(--red);
	border: 1px var(--red) solid;
	position: absolute;
	right: 1em;
	bottom: 1em;
}

/* -------------------------------------------------------------------------------------
=Basket - Checkout v5
------------------------------------------------------------------------------------- */
/*needs #pm as .bskt is used in the header */
#pm .bskt {
	display: grid;
	grid-template-columns: 6fr 3fr;
	grid-gap:0;
	grid-column-gap: 2em;
	grid-template-areas:"header header"
						"contents sidebar"
						"promcontents promcontents";
	align-items:start;
	margin-bottom:4rem;
}

/*no idea why this is being written out! */
#pm .bskt + h1{
	display:none;
}

/* if basket is empty and user is in it */
.bskt .empty{}
.bskt .empty .header{}
.bskt .empty .total{}

/*these are the t's and c's - to show only on the checkout pages */
.chkflow #a138313730{
	display:none;
}
.chkflow #p53346304,
.chkflow #p53641216{
	grid-area:links;
	margin-left:auto;
	display:block;
	align-content:center;
}


/* Basket header
------------------------------------------------------- */
#pm .bskt .header{
	grid-area:header;
}

#pm .bskt .header .icon{
	display:none;
}

#pm .bskt .header .title{
	display:block;
	font-family:var(--heading-font);
	font-weight:var(--heading-font-weight);
	font-size:1.5rem;
	margin-bottom:1rem;
}

#pm .bskt .header .title span{
	font-size:1rem;
	font-weight:normal;
	color:var(--dark-grey);
}

/* Basket Contents
-------------------------------------------------------------------------------------------------------------- */
#pm .bskt .contents{
	grid-area:contents;
	display:grid;
	grid-template-areas:
		"freedelivery"
		"lines"
		"subtotal";
}

/* Basket Sup Charge
------------------------------------------------------- */
.suppchg{
	grid-area:suppchg;
	text-align:left;
}

.suppchg >div{
	display:grid;
	grid-template-areas:"header header"
						"checkbox text";
	align-items:start;
}

.suppchg h3{
	font-weight:400;
	font-size:1rem;
	padding:var(--spacing);
	grid-area:header;
	margin-bottom:1rem
}

.suppchg h3:before{
	content:'\f545';
	font-family:var(--font-awesome);
	color:var(--green);
	font-size:1rem;
	display:inline-block;
	vertical-align:middle;
	margin-right:var(--half-spacing)
}

.suppchg input{
	grid-area:checkbox;
	margin:0 1rem;
}
.suppchg .article{
	grid-area:text;
	font-size:.825rem;
}

.suppchg .article p{
	font-size:.725rem;
}

.suppchg .article p:last-child{
	font-size:.725rem;
	padding:.5rem 1rem;
}

/* Basket Lines
------------------------------------------------------- */
#pm .bskt .alllines{
	grid-area:lines;
}

/*custom scrollbar */
#pm .bskt .alllines::-webkit-scrollbar {
	width: 10px;
}
#pm .bskt .alllines::-webkit-scrollbar-track {
	background: var(--off-white); 
} 
#pm .bskt .alllines::-webkit-scrollbar-thumb {
	background: var(--grey); 
}
#pm .bskt .alllines::-webkit-scrollbar-thumb:hover {
	background: var(--dark-grey); 
	cursor:grab;
}
#pm .bskt .alllines::-webkit-scrollbar-thumb:active {
	cursor:grabbing;
}

#pm .bskt .line{
	padding-bottom: var(--spacing);
	margin-bottom: var(--spacing);
	align-items: start;
	display: grid;
	--image-width:4rem;
	--description-width:1fr;
	--qty-width:auto;
	--rem-width:auto;
	--total-width:8ch;
	
	grid-template-columns: var(--image-width) var(--description-width) var(--qty-width) var(--total-width) var(--rem-width) ;
	grid-template-areas:"icon desc qty price rem"
						". desc . . ."
						". skuselect . . .";

	border-bottom:1px solid	var(--border-color);
	grid-column-gap:1rem;
}

/* Image */
#pm .bskt  .line .prodimg{
	grid-area: icon;
}

#pm .bskt  .line .prodimg img{
	margin:0;
}

/* Product Info - in list form */
#pm .bskt  .line .prodinfo{
	grid-area:desc;
	margin:0;
	padding:0;
}

#pm .bskt  .line .prodinfo .surcharge{
	font-weight:600;
}
#pm .bskt .line .prodinfo li{
	list-style:none;
	font-size:.725rem;
	color:var(--light-blue)
}

#pm .bskt .line .prodinfo li.disc{
	color:red;
}

#pm .bskt .line .prodinfo li img{
	margin:0;
	max-width:250px
}

#pm .bskt .line .prodinfo li.descr{
	margin-left:0;
	font-size:initial;
	font-family:var(--heading-font);
	font-weight:var(--heading-font-weight);
	/* margin-bottom:var(--half-spacing); */
	/* min-height:64px; */
	align-content:center;
}

#pm .bskt .line .prodinfo li.lead{
	color:var(--info-color);
	font-weight:bolder;
}

#pm .bskt .line .prodinfo li.lead{
	color:var(--text-color);
	font-style:italic;
	font-weight:normal;
	margin:.5rem 0;
}

#pm .bskt .line .prodinfo li.lead span{
	display:inline-block;
	color:var(--green);
	font-style:normal;
	border:1px var(--green) solid;
	padding:.25rem;
	border-radius:.25rem;
	margin-right:.5rem;
}
#pm .bskt .line .prodinfo li.lead span:before{
	font-family:var(--font-awesome);
	content: "\f00c";
	display: inline-block;
	font-size:1em;
	margin-right: 1em;
}

/*product quantity */
#pm .bskt .lines .line .qty{
	grid-area:qty;
	/* align-self:center; */
}
#pm .bskt .lines .line .qty form{
	line-height:1;
}
#pm .bskt .lines .line .qty label{
	display:none;
}
#pm .bskt .lines .line .qty button{
	background:var(--off-white);
	border:1px solid var(--off-white);
	padding:var(--half-spacing);
	font-family:monospace;
}

#pm .bskt .lines .line .qty button.skuqtybsktsub {
	border-right:0;
	border-top-left-radius:var(--border-radius);
	border-bottom-left-radius:var(--border-radius);
}
#pm .bskt .lines .line .qty button.skuqtybsktadd {
	border-left:0;
	border-top-right-radius:var(--border-radius);
	border-bottom-right-radius:var(--border-radius);
}
#pm .bskt .lines .line .qty input.inputtext{
	text-align:center;
	border-radius:0;
	border:0;
	font-family:monospace;
	background-color:var(--off-white);
	margin:0;
}

/* remove item */
#pm .bskt .line .rem{
	grid-area:rem;
	text-align:center;
	/* align-self:center; */
}

#pm .bskt .line .rem input{
	font-family:var(--font-awesome);
	color:var(--blue);
	background-color:transparent;
	border:none;
	font-weight:400;
	padding:0 .5em;
	margin:0;
}

/* if product is multi sku then show this in the same area as the quantity update */
#pm .bskt .lines .line .skuselect{
	grid-area: skuselect;
	align-self:	end;
}

#pm .bskt .lines .line .skuselect select{
	margin:0;
	font-size:small;
	width:auto;
}

/* remove item */
#pm .bskt .line .price{
	grid-area:price;
	text-align:center;
	font-family:var(--heading-font);
	font-weight:var(--heading-font-weight);
	/* align-self:center; */
}

/* out of stock messages */
.oos{
	color:var(--error-color);
}

/* Basket Sample Lines
------------------------------------------------------- */
#pm .bskt .lines.sample{
	grid-area:samples;
}

/* Basket Subtotal
------------------------------------------------------- */
.prodsubtotal{
	grid-area:subtotal;
	display:grid;
	grid-template-columns:1fr 10ch;
	font-size:1.25em;
	margin-bottom:var(--spacing);
	/*why display this... we have this info in the totals area... */
	display:none;
}

.prodsubtotal label{
	text-align:left;
}
.prodsubtotal span{
	text-align:right;
}


/* Basket Prom
------------------------------------------------------- */
#pm .bskt .art{
	grid-area:promcontents;
}

/* Basket Sidebar
-------------------------------------------------------------------------------------------------------------- */
#pm .bskt .sidebar{
	grid-area:sidebar;
	background-color:var(--off-white);
	color:var(--blue);
	border-radius:1em
}

/* Basket Totals
------------------------------------------------------- */
.bskttotals{
	grid-area:totals;
	text-align:center;
	display:grid;
	padding:1rem;
}

/*added title */
.bskttotals:before{
	content:"Basket Summary";
	display:block;
	line-height:1;
	font-family:var(--text-font);
	font-size:1.5em;
	text-align:center;
	margin-bottom:.5rem;
}

.bskttotals .total{
	display:grid;
	grid-template-areas:"label total";
	font-size:1.5rem;
}

.bskttotals .total label{
	grid-area:label;
	text-align:left;
}

.bskttotals .total span{
	grid-area:total;
	text-align:right;
}

.bskttotals .subtotal{
	display:grid;
	grid-template-areas:"label total";
	margin-bottom:.25rem;
}

.bskttotals .subtotal label{
	display:block;
	grid-area:label;
	text-align:left;
}

.bskttotals .subtotal span{
	display:block;
	grid-area:total;
	text-align:right;
}

/* Vouchers
------------------------------------------------------- */
.vouchentryaccord{
	grid-area:voucher;
	text-align:center;
	padding:0 1rem;
}
.vouchentryaccord ul,
.vouchentry ul{
	list-style:none;
}

.vouchentryaccord li,
.vouchentry li{
	list-style:none;
}

.vouchentryaccord li.pane{
	display:none;
}

#pm .bskt .vouchentryaccord .header{
	font-size:1rem;
	border:none;
	border:0;
	padding:0;
	font-size:.825rem;
	text-decoration:underline;
	grid-template-columns:1fr;
	grid-template-areas: "question";
	margin:0;
	margin-bottom:1rem;
}

.vouchentryaccord .header img{
	display:none !important;
}

#pm .ul.accordion .vouchentryaccord .pane,
#pm .bskt  ul.accordion .pane {
	padding:0;
	display:none;
	background:none;
}

#pm .bskt  ul.accordion  li.pane ul {
	margin:0;
}

.vouchentry ul.vouch{
	margin:0;
	padding:0;
	display:grid;
	grid-row-gap:.5em;
	grid-template-columns:1fr 100px;
	grid-template-areas: "title title"
						"code submit"
}

.vouchentry .appliedpromovoucher{
	padding:var(--half-spacing) var(--half-spacing)
}

.vouchentry .remove a{
	display:block;
	background-color:var(--light-blue);
	border-color:var(--light-blue);
	font-size:.825rem;
}

.remove input{
	width:100%;
	display:block;
}

.vouchentry ul li{
	list-style:none;
	margin:0;
	padding:0;
}

.vouchentry ul li.info{
	grid-area:title;
	/*due to duplicate title when voucher applied */
	display:none;
}

.vouchentry ul li.vouchentry{
	grid-area:code;
}

.vouchentry ul li.vouchentry input{
	width:100%;
	background-color:var(--white);
}

.vouchentry .submit{
	grid-area:submit;
	background-color:var(--light-blue);
	border-color:var(--light-blue);
	margin-left:.5rem;
}

/* Special Instructions
------------------------------------------------------- */
#bsktid .specinst{
	grid-area:specinst;
	text-align: left;
	padding:0 1rem;
}

#bsktid .specinst li{
	display:block;
}
#bsktid .specinst label{
	/* display:none; */
	font-family:var(--text-font);
	font-weight:var(--heading-font-weight);
	font-size:14px;
}

#bsktid .specinst textarea{
	width:100%;
	border-radius:1em;
	min-height:8ch;
}

#bsktid .specinst .chars{
	font-size:xx-small;
}

/* Shipping 
------------------------------------------------------- */
#bsktid .shipping {
	grid-area:shipping;
	text-align: left;
	padding:1rem;
}

#bsktid .shipping li,
#bsktid .shipping span{
	display:block;
	grid-area:label;
}

#bsktid .shipping .header{
	display:none;
}

.shipzone{
	display:grid;
	grid-template-areas:"label postcode search"
						"country country country";
	align-items:center;
}

@media only screen and (max-width: 768px) {
.shipzone{
	display:grid;
	grid-template-areas:"label label label"
						"postcode postcode search"
						"country country country";
	align-items:center;
}
}

.shipzone #countryid{
	grid-area:country;
	margin-top:1em;
}

#bsktid .shipping .ship_edit{
	display:block;
	text-decoration:underline;
	cursor:pointer;
	grid-area:country;
	margin-top:1em;
}

.shipzone .submit{
	margin-left:1em;
	background-color:var(--light-blue)
}

.shipservice {
	margin-top:1em;
}

.shipservice select{
	width:100%;
	padding:.5em 1em;
}

/* Basket Payment Buttons
------------------------------------------------------- */
.bsktbuttons{
	grid-area:buttons;
	text-align:center;
}

.bsktbuttons .startcheckout{
	grid-area:pay;
	margin-bottom:1rem;
}

.bsktbuttons .startcheckout a:before{
	content:"\f023";
	font-family:var(--font-awesome);
	margin-right:1rem;
}

.bsktbuttons .startcheckoutcollect{
	grid-area:collect;
	margin-bottom:.5em;
}

.bsktbuttons .startcheckout a.btn{
	display:block;
	margin:0 1rem;
	background-color:var(--button-color);
	align-content:center;
}

.bsktbuttons .clear{
	grid-area:empty;
}

.bsktbuttons .clear a.btn{
	display:block;
	margin-top:1em;
}

.bsktbuttons .cont{
	grid-area:continue;
	display:none;
}

.bsktbuttons .cont a.btn{
	display:block;
	font-size:.825rem;
	border:2px var(--button-color) solid;
	background-color:transparent;
	color:var(--button-color);
}

/* basket confidence points - payment icons */
.bsktbuttons .art{
	grid-area:logos;
	background-color:var(--navy);
	border-radius:var(--border-radius);
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.bsktbuttons .art .imgcont{
	display:inline-block;
	margin:.5rem;
}

.bsktbuttons .art .imgcont img{
	max-width:64px;
}

.bsktbuttons .art .imgcont img[alt="PayPal Pay in 3"]{
	max-width:100%;	
}

/* Delivery info
------------------------------------------------------- */
/* for free delivery messages */
#pm .bskt .header.freedel{
	grid-area:freedelivery;
	font-weight:400;
	text-transform:none;
	font-size:1em;
	padding:0;
	text-align:center;
}

#pm .bskt .header.freedel span{
	font-size:inherit;
}

#pm .bskt .header.freedel .money{
	color:inherit;
	
}

/* ??????
------------------------------------------------------- */
.stddelinfo{
	grid-area:standarddelivery;
}

.priordelinfo{
	grid-area:prioritydelivery;
}

.priordelinfo,
.stddelinfo{
	display:grid;
	border-radius:var(--border-radius);
	background-color:var(--off-white);
	padding:var(--spacing);
	margin-bottom:1rem;
	grid-template-areas:"icon message price"
						"icon details .";
	grid-template-columns:4rem 1fr 5rem;
	grid-column-gap:2rem;
}

.priordelinfo img,
.stddelinfo img{
	grid-area:icon;
}

.priordelinfo h4,
.stddelinfo h4{
	grid-area:message;
		margin:0;
}

.priordelinfo h5,
.stddelinfo h5{
	grid-area:details;
	margin:0;
	font-family:var(--text-font);
	font-weight:400;
	font-size:.825rem
}

.priordelinfo p,
.stddelinfo p{
	grid-area:price;
	margin:0;
	font-weight:600;
}

.ordertimer {
	font-size:.825rem;
}

#pm .bskt .art .returns{
	display:grid;
	grid-template-areas:"icon message ."
	"icon details . ";
	grid-template-columns:4rem 1fr auto;
	grid-column-gap:2rem;
	align-items:center;
}

#pm .bskt .art .returns img{
	grid-area:icon;
}
#pm .bskt .art .returns h4{
	grid-area:message;
	margin:0;
}
#pm .bskt .art .returns h5{
	grid-area:details;
	margin:0;
	font-family:var(--text-font);
	font-weight:400;
	font-size:.825rem
}


/* -------------------------------------------------------------------------------------
=New 2025 Checkout Process
------------------------------------------------------------------------------------- */

#pt.checkouttop .ext {
	--breadcrumb-width:1fr;
	--logowidth:200px;
	--spacer-width: calc((100% - var(--site-max-width)) / 2);
	grid-template-columns:var(--spacer-width) var(--logowidth) var(--breadcrumb-width) var(--spacer-width);
	grid-template-areas:". logo secure .";	
}

@media only screen and (max-width: 768px) {
	#pt.checkouttop .ext {
		--breadcrumb-width:1fr;
		--logowidth:150px;
	}
}

#pt.checkouttop #a141557760{
	grid-area:secure;
	text-align:right;
	align-content:cneter;
}

#pt.checkouttop #a141557760 h3{
	display:inline-block;
	vertical-align:middle;
	margin:0;
	margin-right:.5em;
	font-size:1.2em
}

#pt.checkouttop #a141557760 i{
	display:inline-block;
	vertical-align:middle;
	font-size:1.2em;
}

@media only screen and (max-width: 768px) {
#pt.checkouttop #a141557760 h3,
	#pt.checkouttop #a141557760 i{
	font-size:1em;
}
}

#pt.checkouttop .ext .pane{
	grid-area:breadcrumb;
	text-align:right;
}


#pt.checkouttop .ext .pane{
	grid-area:breadcrumb;
	text-align:right;
}

#pt.checkouttop .ext .pane li{
	display:inline-block;
	margin:0;
	margin-right: 1em;
}
#pt.checkouttop .ext .pane li:last-child{
	margin-right: 0em;
}

#pt.checkouttop .ext .pane li:before {
	font-family:var(--font-awesome);
	content: "\f054";
	display: inline-block;

	font-size:1em;
	margin-right: 1em;
}

#pt.checkouttop .ext .pane li:first-child:before {
	content:"";
	margin:0;
	display:none;
}

.chksteps_prev,
.chksteps_curr,
.chksteps_next{
	text-transform:capitalize;
	font-family:var(--heading-font);
	font-weight:var(--heading-font-weight)

}

.chksteps_prev{
	color:var(--black);
}

.chksteps_curr{
	color:var(--text-color);
	text-decoration:underline;
}

.chksteps_next{
}



/*
.chkflow #pt{
	--spacerwidth: calc((100% - var(--site-max-width)) / 2 );
	--logowidth:200px;
	padding:1em 0;
	display:grid;
	grid-template-columns:var(--spacerwidth) var(--logowidth) 1fr var(--logowidth) var(--spacerwidth);
	grid-template-areas:
		". logo breadcrumb secure .";
}

.chkflow #pt .logolge{
	grid-area:logo;
}
.chkflow #pt .logosecure{
	grid-area:secure;
} */

.chkflow #pmid{
	background-color:var(--off-white);
	padding:1em 0;
}

.chkflow .pmfull{
	width:calc(var(--site-max-width) - 2em);
	max-width:var(--checkout-process-width);
	background:none;
	margin:auto;
}

/* summary info */
.chkflow .suminfo{
	background-color:var(--white);
	padding:1em;
	margin-bottom:2em;
}
.chkflow .suminfo li{
	display:block;
}


.chkflow .suminfo li.info:before{
	content:'';
	margin:0;
}
.chkflow .suminfo li.info{
	padding:0;
	margin:0;
	color:var(--text-color);
	font-size:.825em;
}

.chkflow .suminfo .title{
	font-family:var(--heading-font);
	font-weight:var(--heading-font-weight);
	margin-bottom:1em;
}
.chkflow .suminfo .header{}

.chkflow .suminfo label,
.chkflow .suminfo span{
	display:block;
}
.chkflow .suminfo span,
.chkflow .suminfo .address{
	margin-bottom:1rem;
}

.chkflow .suminfo label{
	font-size:1rem;
}

.chkflow .suminfo .address{
	font-size:.825em;
	margin-bottom:1rem;
}

/* Signin/guest pane
------------------------------------------------------- */

.chkflow .signin{
	background-color:var(--white);
	padding:1em;
	margin-bottom:2em;
}

.chkflow .signin li{
	display:block;
	margin-bottom:.5rem;
}

.chkflow .psign .bt,
.chkflow .pguest .bt{
	border:2px solid var(--border-color);
	padding:1rem .5rem;
	display:grid;
	grid-template-areas:
		"radio info"
		"radio message";
	grid-column-gap:.5em;
	grid-template-columns:2em 1fr;
	align-items:center;
}

.chkflow .psign .bt input,
.chkflow .pguest .bt input{
	grid-area:radio;
}
.chkflow .psign .bt h3,
.chkflow .pguest .bt h3{
	grid-area:info;
	margin:0;
}

.chkflow .psign .bt p.info,
.chkflow .pguest .bt p.info{
	grid-area:message;
	margin:0;
	font-size:.8em;
}

/* Existing Customer fields 
---------------------------*/
.chkflow .psign{
	margin-bottom:1em;
}

.chkflow .psign .exstcust{
	padding:0 1em;
}

.chkflow .psign label{}

.chkflow .psign img,
.chkflow .psign .exstcust .exstreqfield{
	display:none;
}

.chkflow .psign .inputtext,
.chkflow .psign .submit{
	width:100%;
}

.chkflow .psign input.submit{
	width:initial;
	background-color:transparent;
}

.chkflow .psign li.info{}

.chkflow .psign li.info:before{
	content:'';
	margin:0;
}

.chkflow .psign .subscribe{
	font-size:.8em;
	margin:.5rem 0;
}
.chkflow .psign .subscribe input{}

.chkflow .psign .subscribe label{
	display:inline;	
	margin-left:.5rem;
}

.exstfgtpwd{
	text-decoration:underline;
	font-size:.825em;
}

/* guest checkout fields 
---------------------------*/
.chkflow .pguest{}

.chkflow .pguest .signinguest{
	padding:0 1em;
	margin-top:1em;
}

.chkflow .pguest label{}
.chkflow .pguest label img{
	display:none;
}

.chkflow .pguest .inputtext,
.chkflow .pguest .submit{
	width:100%;
}

.chkflow .pguest li.info{
	color:var(--text-color);
	font-size:.725em;
	margin:.5rem 0;
}

.chkflow .pguest li.info:before{
	content:'';
	margin:0;
}

.chkflow .pguest .subscribe{
	font-size:.8em;
	margin:.5rem 0;
}
.chkflow .pguest .subscribe input{}

.chkflow .pguest .subscribe label{
	display:inline;	
	margin-left:.5rem;
}

/* Basket Summary
------------------------------------------------------- */
.chkflow .bsktsummary{
	background-color:var(--white);
	padding:1em;
	margin-bottom:2em;
	display:grid;
	grid-template-areas:"items expand"
	"total expand";
	grid-template-columns:1fr 2em;
}

.chkflow .bsktsummary #bsktitems,
.chkflow .bsktsummary #bsktvalue{
	margin:0;
	font-size:small;
}

.chkflow .bsktsummary #bsktitems span,
.chkflow .bsktsummary #bsktvalue span{
	font-weight:bold;
	margin-right:.5rem;
	width:5ch;
}

.chkflow .bsktsummary img{
	grid-area:expand;
}

.chkflow .bsktsummary img.btn{
	display:none;
}

.chkflow .bsktsummary .showhide{
	display:none;
	cursor:pointer;
}

.chkflow .bsktsummary .showshow{
	cursor:pointer;
}

.chkflow .hoverbskt {
	border-radius:0;
	padding: var(--spacing);
	width: calc(100% - 2em);
	max-height:125px;
	overflow-y:auto;
	z-index: 999999;
	text-align: center;
	grid-row:3;
	
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: var(--grey);

	position:absolute;
	margin-top:-2em;
	border-bottom-right-radius:1em;
	border-bottom-left-radius:1em;
	border:1px solid var(--grey);
	border-top:0;
}

/* delivery Address pane
------------------------------------------------------- */
.chkflow #pdelivery{
	padding:1em;
}

.chkflow #pdelivery .inputtext{
	width:100%;
}

.chkflow #pdelivery .chkbox label{
	display:inline;
	font-size:.825rem
}
.chkflow #pdelivery .chkbox input{
	display:inline;
	margin:0;
	margin-right:.5rem;
}

.chkflow #pdelivery .remove{
	font-size:.825em;
	margin-bottom:1rem;
}



/* Invoice Address pane
------------------------------------------------------- */
.chkflow #pchkout{
	padding:1em;
}

.chkflow #pchkout .inputtext{
	width:100%;
}

.chkflow #pchkout .chkbox label{
	display:inline;
	font-size:.825rem
}
.chkflow #pchkout .chkbox input{
	display:inline;
	margin:0;
	margin-right:.5rem;
}





/* Postcode Lookup
------------------------------------------------------- */
.pclup,
.pclupdel
{
	display:grid;
	grid-template-columns: auto  auto 1fr;
	grid-column-gap:1em;
	grid-template-areas:
		"title title title"
		"postcode locate ."
		"manual manual manual"
		"address address addres";
	align-items:center;
}

.pclup label,
.pclupdel label{
	grid-area:title;
}


#pclupManualAddressDel,
#pclupManualAddress{
	grid-area:manual;
	text-decoration:underline;
	cursor:pointer;
}

#txtPostCodeLookup{
	grid-area:postcode;
}

#btnPostCodeLookup{
	grid-area:locate;
}


span.or{
	grid-area:change;
	text-align:right;
	display:none;
}

#pnlMultiAddressOption,
#pnlMultiAddressOptionDel{
		grid-area:address;
}

#ddlMultiAddress,
#ddlMultiAddressDel{

	background-image:none;
	padding:.5em;
	width:100%;
}


.pclup input,

.pclupdel input{
	width: auto;
	display: block;
	margin:0;
	margin-bottom:0;
}


/* delivery service options
------------------------------------------------------- */

.chkflow .service{
	background-color:var(--white);
	padding:1em;
	/* margin-bottom:2em; */
}

.serviceoption{
	border:2px solid var(--border-color);
	padding:1em;
	display:grid;
	grid-template-areas: "radio info price"
	"radio desc price";
	grid-column-gap:.5em;
	grid-template-columns:2em 1fr auto;
	margin-bottom:1rem;
	align-items:center;
}

.serviceoption:last-of-type{
	margin-bottom:0;
}

.serviceoption input{
	grid-area:radio
}

.serviceoption label{
	grid-area:info;
	font-family:var(--heading-font);
	font-weight:var(--heading-font-weight);
	font-size:1.25em;
}
.serviceoption h3{
	grid-area:price;
	margin:0;
}

.serviceoption p{
	grid-area:desc;
	font-size:.825em;
	margin:0;
}


.chkflow .service +form,
.delinst{
	background-color:var(--white);
	padding:1em;
}

.chkflow .service +form li,
.delinst li{
	display:block;
}

.chkflow li.chars{
	font-size:smaller;
	margin-bottom:1em;
}

.chkflow .service +form li label,
.delinst li label{
	display:block;
}

.chkflow .service +form li textarea,
.delinst li textarea{
	width:100%;
	height:8em;
	margin:0;
}

.delinst li.chars{
	font-size:small;
}

.shippinginfo,
.deliveryinfo{
	background-color:var(--white);
	padding:1em;
}

.chkflow .shipdel .submit{
	width:100%;
	
}



/* Payment
------------------------------------------------------- */
.page_payment{}

.page_payment #pm {
	display:grid;
}

.page_payment #pm .bdcb{
	display:none;
}

.termsagreemsg{
	margin-bottom:1em;
	text-align:center;
}

.termsart{
	margin-bottom:1em;
	text-align:center;
}

.termsmsgcontainer{
}
.payopts{
	display:grid;
	grid-template-columns:1fr;
	grid-gap:1em;
	/* grid-template-rows:50px; */

	grid-template-areas:"dna"
	"google" 
	"apple"
	"paypal";
}


.payopts .sagepay,
.payopts .sagepay .btn{
	border-radius:.5em;
	padding: 0px;
	margin:0;
	display:block;
}

.payopts .sagepay .btn{
	padding: 6px;
}

.payopts .paypal{
	background:none;
	padding:0;
	border:0;
	border-radius:0;
	max-height:42px;
	overflow:hidden;
	align-content:center;
	align-items:center;
	display:grid;
}

.payopts .paypal.btn:hover{
	border:0;
}

/* dna payments */
.pt_debitcreditcard {
	grid-area:dna;
}

.pt_debitcreditcard a{
	display:block;
	border-radius:0;
	/* color:var(--black); */
	/* font-weight:600; */
	height: 46px;
	padding:0;
	align-content:center;
	border:0;
	border-radius:4px;
}

.pt_debitcreditcard a:hover{
	border:none;
}

.pt_debitcreditcard a:before{
	content:'\f09d';
	font-family:var(--font-awesome);
	margin-right:.5em;
}

/* google pay */
.pt_googlepay {
	grid-area:google;
}
#googlepaybtncontainer {
	height: 46px;
	border-radius:4px;
}


/* apple pay */
.pt_applepay  {
	 grid-area:apple;
}
#applepaybtncontainer {
	height: 46px;
}

/* paypal */
.pp_button {
	grid-area:paypal;
	height: 46px;
	background-color:#f0c74b;
	align-content:center;
	border-radius:4px;
}

.pp_button .btn {
	border-radius:0;
	border:0;
	padding:0;
}


.dnapayments.payoptentry {
	background-color:var(--white);
	padding:1em;
	margin-bottom: 1em;
	grid-row: 5;
}

#submitpaymentpanel{
	display:inline-block;
	width:100%;
	margin:0;
	/* color:var(--black); */
}

.hostedfield {
	height:35px;
	border-color:var(--border-color);
	border-radius: .25rem;
	font-size: 16px;
	padding: var(--half-spacing) var(--half-spacing);
	width: auto;
	border-width:1px;
	border-style:solid;
	margin-bottom:.5em;
}

.dna-payments-hosted-field-focused {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.dna-payments-hosted-field-valid {
  border-color: #28a745;
}
.dna-payments-hosted-field-valid.dna-payments-hosted-field-focused {
  box-shadow: 0 0 0 0.2rem rgb(40, 167, 69, 0.25);
}
.dna-payments-hosted-field-invalid {
  border-color: #dc3545;
}
.dna-payments-hosted-field-invalid.dna-payments-hosted-field-focused {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

#threedsecurecontainer{
	min-width: 515px;
}

/* Continue Checkout Process
------------------------------------------------------- */
.page_delivery .contbtn,
.page_checkout .contbtn{}

.forinvoice{}
.page_delivery .forinvoice .chkbox label{}
.page_delivery .contbtn input,
.page_checkout .contbtn input{
	margin-top:2em;
	width:100%;
}

/* -------------------------------------------------------------------------------------
=ConfirmationPage 
------------------------------------------------------------------------------------- */
.page_confirmation{}

.page_confirmation li {
	list-style: none;
}

.page_confirmation .header{
	font-size:1.5em;
}

.page_confirmation .subhead{
	font-size:1.25em;
	margin-bottom:1rem;
}

.page_confirmation .header{
	display:block;
	font-family:var(--heading-font);
	font-weight:var(--heading-font-weight);
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: left;
	margin-bottom:2rem;
}

.page_confirmation .subhead{
	display:block;

	font-family:var(--heading-font);
	font-weight:var(--heading-font-weight);
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: left;
	margin-bottom:2rem;
}

.page_confirmation .info {
	text-align:left;
}

.page_confirmation .info li{
	margin-bottom:1rem;
}

.page_confirmation .info li.subhead:before,
.page_confirmation .info li.subhead:after{
	content:'';
	display:none;
}





/* Basket Line items
------------------------------------------------------- */
.page_confirmation .conf .order {}

.page_confirmation .conf .order .line {
	display: grid;
	grid-gap: .5em;
	grid-template-columns: 64px 1fr auto 100px;
	grid-template-areas: "icon desc qty price";
	padding: 1em;
	align-self: center;
	align-items: start;
}

/* Image */
.page_confirmation .conf .order .line a.img {}

/* Product title*/
.page_confirmation .conf .order .line .descr {
	align-self: start;
	font-size: 1rem;
	font-family:var(--heading-font);
	font-weight: var(--heading-font-weight);
}

.page_confirmation .conf .order .line .price {
	text-align: right;
	font-family:var(--heading-font);
	font-weight: var(--heading-font-weight);
	align-self: start;
}

/* Basket Subtotal
------------------------------------------------------- */
.page_confirmation .conf .order .subtotal {
	padding: 1em;
	border-top: 1px var(--border-color) solid;
	text-align: right;
}

.page_confirmation .conf .order .subtotal label {
	margin-right: 1em;
}

.page_confirmation .conf .order .subtotal span {
	font-size: 1.2em;
	font-family:var(--heading-font);
	font-weight: var(--heading-font-weight);
}

.page_confirmation .conf .order .address {
	text-align: left;
	margin-bottom:4rem;
}

/* Post order customer registration panel
------------------------------------------------------- */
.page_confirmation .conf .ordreg {
	background-color: #ffffff;
	padding: 1em;
	margin: 1em 0;
}

#registrationform{
	background-color:var(--grey);
	border-radius:1em;
	padding:2em 4em
}
#registrationform label {
	display:block;
}

#registrationform label img{
	display:inline;
}

.page_confirmation .conf .ordreg input {
	margin: .5em 0;
}

.page_confirmation .conf .ordreg .info {
	margin: .5em 0;
	text-align:left;
}

.page_confirmation .conf .ordreg .help {
	font-size: .725em;
	padding: 1em 0
}

.success .form li {}