/*! jQuery UI - v1.12.1 - 2016-09-14 - etail path updated
* 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;
}


/* 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;

	/* 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 {
}
.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 {
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.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 {
}
.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;
}
.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 {
}
.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("/images/jqueryui/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("/images/jqueryui/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("/images/jqueryui/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("/images/jqueryui/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("/images/jqueryui/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("/images/jqueryui/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("/images/jqueryui/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 {
  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 -Vale Blinds 2019 
	1376256 :4620288
	Filename :sitepanes.css
	Last Updated : 18. 11. 2020
	Copyright :(c) 2019 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. =FontAwesome
		38. =Hacks
		
		Colors Used;
			color:#383838 - headings
			color:#f4f4f4
			color:#e8e8e8
			color:#58595b - text
			color:#9e0809
			color:#2c1a30

=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;
}

#b16905 {
margin-top: 29px
}

/* ------------------------------------------------------------------------------------
=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;
}


/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojEk72xU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------------------------------------------------------------------------------
=Typography 
------------------------------------------------------------------------------------- */
/* this choice of font-family is supposed to render text the same across platforms */
body, input, button, textarea, select{
	font-family: 'Lato';
	-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 #d5d4d3 solid;
}

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

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Headings
------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
	text-transform:uppercase;
	font-family: 'Playfair Display';
	letter-spacing:.2em;
}

h1{
	font-size:1.8em;
}

h2{
	font-family:'Lato';
	font-size:1.250em;
}

h3{
	font-size:1.50em;
	
}

h4{
	font-size:1.125em;
}

h5{
	font-size:1.00em;
}

h6{
	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:#2c1a30;
}

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

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

p, ol, ul, dl, address{
	font-size:1em;
	line-height:normal;
	color:#2c1a30;
	font-family: 'Lato';
}

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:1em;
}

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

.artp #a96632832{
max-width: 700px;
}

#pm .artp strong{
	color:#353434;
	
}

/*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{
	margin-top:1em;
}

/*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{
	/* display:block; */
	color:#f6a548;
	letter-spacing:.2em;
	word-wrap: break-word;
}

#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;
	width:100%;
}

#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-size: 1em;
	/* font-weight:600; */
	padding: .5em 1em;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	background-color:#f6a548;
	border:1px #f6a548 solid;
	border-radius:3px;
	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: 2px #2c1a30 solid
}

table thead th,
table tr.header th{
	font-size: 1em;
	color:#f1ebe7;
	text-align:left;
	text-transform:uppercase;
	padding:1em;
	background-color:#2c1a30;
	border-top: 8px #d17f85 solid;
}

/*CAREFULL... Theres quite a few cases where tables are used for layout, and a few where there are nested tables!!!! */
tr:nth-child(odd){
}

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;
}


/*quick order table */
table.quickord{
	margin-bottom:1em;
	background-color:#fff;
	border:2px #2c1a30 solid;
	font-size:1.2em;
}


/* -------------------------------------------------------------------------------------
=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: 310px; /*set for the account registration - particularly trade */
}

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


#pm .form .bc ul li.info.acct a{
	margin-left:.5em;
}
#pm .form .bc ul li.info{
	font-weight:bold;

}

#pm .form form{
	display:inline-block;
	width:100%;
	margin-left:16em;
}

#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;
}


/*styled forms */
.styledForm #pm{

}

.styledForm #pm .form{
	display:block;
	margin:auto;
	text-align:center;
}

.styledForm #pm .form form{
	width:70%;
	display:inline-block;
	text-align:left;
	background-color:#fff;
	padding:1em;
}

.styledForm #pm{

}

.styledFormArtic #pm .form{
	display:inline-block;
	vertical-align:top;
	margin:auto;
	text-align:left;
	width: calc(60% - 1em);
}

.styledFormArtic #pm .form form{
	width:calc(100% - 1em);
	display:inline-block;
	vertical-align:top;
	text-align:left;
	background-color:#fff;
	padding:1em;
	margin-top:2em;
}

.styledFormArtic #pm .form .bt{
	display:none;
}

.styledFormArtic #pm .artp{
	margin-top:2em;
	display:inline-block;
	vertical-align:top;
}


/* 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;
}

.ordinfo{
	margin-bottom:2em;
}

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

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

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

/* article pane
------------------------------------------------------- */
#ptf .art{
	margin:.5em;
	float: right;
}

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

/*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;
	letter-spacing:1px;
	font-weight:600;
	font-size:0.8250em;
}

/*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:#000 ;
}



/* 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 ;
}

/* My account Dropdown */

/******
top myaccount nav
***********/
#ptf .cust {
    float: left;
}

#ptf .cust ul.topnav{
    display:inline-block;
    vertical-align:middle;
    width:207px;
}

#ptf .cust h4{
	font-weight:600;
	letter-spacing:1px;
	font-size:0.8250em;
	margin: 0.7em;
}

#ptf .cust h4 a{	
    color: #58595b;
    cursor: pointer;
    margin-left:.5em;
}

/*first set the typography*/
.cust ul.topnav li a,.cust li a {
}

.cust ul.topnav li a:hover {
}

.cust ul.subnav li a {
}

/*for the sign in background */
.cust ul.subnav li a.lnk,
.cust ul.subnav li a.lnkcurr {
	font-family: 'Lato';
	font-size:.825em;
}

/*now remove it for the sign out background */
.cust ul.subnav li + li a.lnk {
}

.cust ul.subnav a:hover {
    text-decoration: underline;
}

/* now do the dropdown styling*/
.cust ul > li {
    display: block;
    float: left;
    position: relative;
}

.cust ul.subnav li a:hover {
    border-bottom: none;
}

/* add specific styling for top nav elements */
.cust ul.topnav > li {
}

/*remove left padding on first menu element */
.cust ul.topnav li:first-child {
    padding-left: 0;
}

/*remove right padding and border on last menu element */
.cust ul.topnav li:last-child {
    padding-right: 0;
    border-right: 0;
}

.cust ul.topnav li:last-child span {}
.cust ul.topnav li:last-child span + span {}
.cust ul.topnav li:last-child span a {}

.cust ul > li:hover > ul,.cust ul > a:hover + ul {
    display: block;
}

.cust ul.subnav {
    position: absolute;
    top: 34px;
    display: none;
    width: 167px;
    padding: 1em;
    border: 2px #2c1a30 solid;
    background-repeat: no-repeat;
    background-position: 20px 10px;
    z-index: 10000;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.25);
    background-color:#fff;
}

.cust ul.subnav li h4 {
    display: none;
}

.cust ul.subnav > li {
    position: relative;
    display: inline;
    width: 100%;
    margin: 0;
    background-color: #fff;
}


/* -------------------------------------------------------------------------------------
=FIXEDPanels Bottom
------------------------------------------------------------------------------------- */	
#pbf{
	display:inline-block;
	width:100%;
	background-color: #fff;
	text-align:center;
	z-index:9999;
}

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

#pbf .ext h5{
	font-size: .5em;
	font-family:sans-serif;
	padding:.5rem;
}


#pbf .ext .art{
}

#pbf .ext .etailcopy{
	display:inline-block;
	font-size:.813em;
	width:1200px;
	margin:auto 0;
	text-align:left;
}

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

#pbf .ext .etailcopy a{
	color:#121059;
	font-weight:600;
}


#pbf .ext .pbnr#p36831239{
	text-align:center;
	background-color:#ceb8aa;
	width:100%;
	height:200px;
	/* height is a bit of a display hack due to relative positioning of the text; */
}


#pbf .ext .pbnr#p36831239 .toi{
	width:1200px;
	position:relative;
	top: -136px;
	text-align:center;
	margin: 0 auto;
}

#pbf .ext .pbnr#p36831239 .toi h3{
	text-align:center;
	text-transform:none;
	font-style:italic;
	font-size: 2.9em;
	color:#fff;
	letter-spacing:initial;
}

/* 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{
	/* max-width:1400px; */
	margin:auto;
	padding-bottom:20px;
	background-color:#faf8f6
}

#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;
	z-index:99999;
	background: linear-gradient(to top, #f1ebe7 0%, #f1ebe7 69px, #fff 69px, #fff 100%);
}

#pt.sticky{
			-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);
}

#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-block;
}

#pt .ext .info{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	/* margin:1em 0; */
}

#pt .ext .info ul{
	/* display:inline-block; */
	/* vertical-align:middle; */
}

#pt .ext .info ul li{
	display:inline-block;
	text-transform:uppercase;
}


#pt .ext .info ul li.pipe{
	display:none;
}

/* site logo */
#pt .ext .pbnr{
	display:inline-block;
	vertical-align:middle;
	margin: 2em 0;
	margin-right:4em;
}

#pt .ext .pbnr img{
}

/*top contact info */
#pt .ext .art{
	display:inline-block;
	vertical-align:middle;
	/* margin:1em 0; */
	margin-right:2em;
}

#pt .ext .art .artp p{
	font-family: 'Playfair Display';
	font-size:1.5em;
	display:inline-block;
	vertical-align:middle;
}

/*search */
#pt .search{
	display:inline-block;
	vertical-align:middle;
	/* margin-bottom:1em; */
	border: solid 1px #d5d4d3;
	/* margin: 1em 0; */
	margin-right: 1em;
	border-radius:.2em;
}

#pt .search input.inputtext{
	display:inline-block;
	vertical-align:middle;
	border:none;
	outline:none;
	font-size: 1em;
	padding:0 .5em;
	width: 231px;
	max-width:inherit;
}
#pt .search .submit{
	background-color:transparent;
	color:#f6a548;
	outline:none;
	border:none;
	vertical-align:middle;
}

/*signin/register links*/
#pt .ext .info#p36732929{
	position:absolute;
	top:.5em;
	right:0;
}

#pt .ext .info#p36732929 ul li{
	display:inline-block;
	margin:0 .5em;
	text-transform:uppercase;
	font-size:.875em;
	font-family:'Lato';
	letter-spacing:.1em;
	color:#2c1a30;
}

#pt .ext .info#p36732929 ul li.pipe{
	display:none;
}

/*basket */
#pt .bskt{
	width: 416px;
	display:inline-block;
	vertical-align:middle;
	text-align:right;
}

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

#pt .bskt #mybskt{
}

#pt .bskt #mybskt p{
	display:inline-block;
	margin: 0 .5em;
	font-size:.875em;
	font-family:'Lato';
	letter-spacing:.1em;
	color:#2c1a30;
	font-weight:600;
}

#pt .bskt #mybskt p span{
	margin-right:1em;
	color:#2c1a30;
	font-weight:normal;
}

#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
}

#pt .bskt #mybskt h4{
	font-family: 'Playfair Display';
	font-size:.8em;
	color:#383838;
}

#pt .bskt #mybskt h4 span{
	color:#2c1a30;
	font-weight:600;
}

/*basket */
#site.scrolled #pt .bskt{
	float:right;
	text-align:right;
	width: 250px;
	margin-top: 0.9em;
	border: solid 2px #2c1a30;
}

/* -------------------------------------------------------------------------------------
=Breadcrumb 
------------------------------------------------------------------------------------- */
.bdcb{
	clear:both;
	width:100%;
	padding:1em 0;
	color:#2c1a30;
	background-color:#fff;
	text-transform:uppercase;
}

/* typography
------------------------------------------------------- */
.bdcb h1,
.bdcb h2,
.bdcb h3,
.bdcb a{
 	font-family: 'Lato';
 	font-size: 1em;
 	margin:0em 0.5em;
 	font-weight:normal;
 	display:inline-block;
 	text-transform:uppercase;
}

.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:1em;
	color:#989593;
}

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

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

#pc .bdcb .bc{
	width:1200px;
	margin:0 auto;
	position:relative;
	margin-top:0;
	border-top:none;
	/* text-align:left; */
}

.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:#989593;
	letter-spacing:normal;
}

.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%;
	display:inline-block;
	background-color:#2c1a30;
	border-top: 8px #d17f85 solid;
}

#pc .bc{
	width:100%;
	min-width:1200px;
	/* max-width: 1200px; */
	margin:0 auto;
	position:relative;
	text-align:center;
}

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

#pc .bc .art.cta{
	display:inline-block;
	vertical-align:middle;
	width:400px;
}

#pc .bc .art.cta .bc{
	width:auto;
	min-width:auto;
}


#pc .bc .art.cta .bc img{
	max-height:20px;
	width:auto;
}

#pc .bc .art.cta .bc .imgcont,
#pc .bc .art.cta .bc .artp{
	display:inline-block;
	vertical-align:middle;
	margin: 0.8em 1em;
}

#pc .bc .art.cta .bc .artp h4{
	font-size:1em;
	text-align:left;
}

#pc .bc .art.cta .bc .artp p{
	color: #f1ebe7;
	font-family:'Lato';
	text-transform:uppercase;
	letter-spacing:.2em;
	font-size:0.875em;
	text-align:left;
	padding:1em;
}

/*home page free velux delivery article */

#pc .bc .art.fullWidthbanner{
	background-color:#fff;
}




#pc .bc .art.fullWidthbanner{
	width:100%;
	text-align:center;
	display:inline-block;
}


#pc .bc .art.fullWidthbanner a{
	display:inline-block;
}

#pc .bc .art.fullWidthbanner img{
	max-width:100%;
	height:auto !important;
	display:block;
	margin:1em 0;
}

/*home page carousel */
#pc .carousel img{
	max-height:600px;
	object-fit: cover;
	object-position:center;

}


/* text overlay stuff - needs a bit more tweeking in coms */

.carousel .imgcont{
	position:relative;
}

.carousel div.slideCont{
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top: 29%;
	left:25%;
	width: 50%;
	margin:auto;
	text-align:center;
}

.carousel div.slideCont h2{
		font-family: 'Playfair Display';
	color:#fff;
	font-size:3em;
	margin:.5em 0;
}

.carousel div.slideCont h3{
	text-transform:uppercase;
	font-family: 'Lato';
	color:#ceb8aa;
}

.carousel div.slideCont h4{
	color:#ceb8aa;
	font-size:1em;
}

.carousel div.slideCont .btn{
	color:#fff;
	font-size:0.813em;
	text-transform:uppercase;
	letter-spacing:.2em;
	padding:1.5em;
	border-radius:.5em;
	margin:2em 0;
}

.carousel div.slideCont p{
	color:#fff;
	margin:0 1em;
}

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

#pmid{
    width: 1200px;
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: flex;

}

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

}

#pm.pmwide{
	clear:none;
	margin-top:2em;
}

#pm.pmfull{
	width:1200px;
	background-color:transparent;
	margin-bottom:2em;
}

#pm .pmind{}

#prom-1610285056 .artp {
width: 1010px;
margin-left: 95px
}

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

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

#pl .pbnr{}
#pl .bnr{}
#pl .bnr span{}
#pl .bt{
	background-color:#f1ebe7
}
	
#pl .bt h3{
	font-family:'Lato';
	color:#6a5a50;
	text-transform:uppercase;
	font-size:1em;
	padding:1em;
	margin:0;
}

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



/***********************************************************************/
/* Side Department Nav                                             */
/***********************************************************************/
 
.deptlist2{    
	padding:0;
	margin:0;
	float:left;
	font-size:1em;
	width:100%;
}

.deptlist2 img{
	/*issues with this till DH sorts out the code - I can't upload the images */
}

#pl .deptlist2 a{
    /* padding: 0; */
    word-wrap: break-word;
    padding-left:1em;
}

#pl .deptlist2 a:hover{}

.deptentryheader:hover{}


.active a{

}

#pl .deptlist2 ul{
    padding: 0;
    margin:0;
    word-wrap: break-word;
}

.deptentryheader{
	width:100%;
}

.deptentryheader.exp a{
}

.deptentry .deptentryheader a {}
 
 /* This should be the top level depts */ 
.deptlist2 ul li{
	background-color:#f8f4f2;
	display:inline-block;
	width:100%;
} 

.deptlist2 ul li a{
     color:#2c1a30;
     display:block;
     padding:.5em;
     font-size:1.25em;
}
.deptlist2 ul li .active a{
		color:#f6a548;
}

/* this should be the 2nd level expansions */ 
.deptlist2 .deptentry ul li{
	background-color:#fff;
	display:inline-block;

}
.deptlist2 .deptentry ul li a{
	font-size:1em;
	margin-left:1em;
	padding:0;
	color:#4d474f;
	padding:.25em;
}
.deptlist2 .deptentry ul li .active a{
	color:#f6a548;
}
.deptentry .haschl .deptentryheader a{}

/* this should be the 3rd level expansions */ 
.deptlist2 .deptentry ul li .deptentry ul li a{
     margin-left:2em;
     color:#9c8f9f;
}
.deptlist2 .deptentry ul li .deptentry ul li .active a{
		color:#f6a548;
}

.deptlist2 .deptentry .deptentry .deptentryheader img{
}



/* this should be the 4th level expansions */ 
.deptlist2 .deptentry ul li .deptentry ul li .deptentry ul li a{
     margin-left:3em;
     color:#9c8f9f;
}
.deptlist2 .deptentry ul li .deptentry ul li .deptentry ul li .active a{
	color:#f6a548;
}




/* this should be the 5th? level expansions */ 
.deptlist2 .deptentry ul li .deptentry ul li .deptentry ul li .deptentry ul li a{
     margin-left:4em;
     color:#9c8f9f;
}
.deptlist2 .deptentry ul li .deptentry ul li .deptentry ul li .deptentry ul li .active a{
	color:#f6a548;
}

.deptlist2 .deptentry .deptentry .deptentryheader img{
}


/* -------------------------------------------------------------------------------------
=FooterPanel - comes before pb
------------------------------------------------------------------------------------- */
#pf{
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:1200px;
	float:left;
	background: linear-gradient(to bottom, #fff 0%, #fff 656px, #f0ebe8 70px, #f0ebe8 100%);
	padding: 3em 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 .art.fullWidth{
	margin-top:2em;
}
#pf .info{
	display:inline-block;
	vertical-align:top;
	width: 300px;
	padding-top:2em;
}

#pf .info ul li{
	font-size:.813em;
	text-transform:uppercase;
	margin-bottom:1em;
}
#pf .art,
#pf .pbnr{}

#pf .pbnr img{
	height:auto;
}

.flatrooffooter{
float: right;
margin-right: 10px;
margin-bottom: 50px;
}

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

#pf .infoBanner{
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:0;
	margin-right:2.25em;
}

#pf .infoBanner:nth-child(3n){
	margin-right:0;
}

#pf .infoBanner .toi{
	position:absolute;
	bottom:0px;
	width:100%;
	height: 35%;
	background-color:rgba(44,26,48,.7);
}

#pf .infoBanner .toi h3,
#pf .infoBanner .toi a{
	font-family: 'Playfair Display';
	text-transform:uppercase;
	letter-spacing:.2em;
	color:#fff;
	font-size:1.8em;
	padding: 1em 1.5em;
}

#pf .infoBanner .toi p,
#pf .infoBanner .toi p a{
	font-size:1em;
	padding: 0em 2.9em;
}

#pf .infoBanner .toi p a{
	padding: 0em;
	font-family:'Lato';
}

#pf .infoBanner .toi p a{
	color:#f6a548;
	text-transform:uppercase;
	letter-spacing:.1em;
}



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

#pb{
	margin:0em auto;
	width:100%;
	min-width:1200px;
	float:left;
	background-color:#2c1a30;
	border-top: 8px #d17f85 solid;
	padding: 1em 0;
}

#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-family: 'Playfair Display';
	font-size:1.125em;
	padding:2em 0;
	color:#ceb8aa;
}

#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:300px;
	display:inline-block;
	vertical-align:top;
}

#pb .art li{}

#pb .art p{
	font-size:.813em;
	text-transform:uppercase;
	letter-spacing:.1em;
	margin-bottom:1em;
	color:#f0ebe8;
}

#pb .art p b,
#pb .art p strong{
	font-weight:400;
	color:#ceb8aa;
}

#pb .art .imgcont{
	display:inline-block;
	vertical-align:middle;
	margin-top:1em;
}

#pb .art .imgcont img{
	max-height: 38px;
	height:38px;
	width:auto;
	background-color: #fff;
	padding:0;
	margin-right:.5em;
}

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

/* Information panes (site links)
------------------------------------------------------- */
#pb .info{
	width:300px;
	display:inline-block;
	vertical-align:top;
}

#pb .info:first-child{}
#pb .info li{
	font-size:.813em;
	text-transform:uppercase;
	letter-spacing:.1em;
	margin-bottom:1em;
	color:#f0ebe8;
}

#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: 230px;
	outline:none;
	padding:.5em;
	background-color:#e8e8e8;
}

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

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

#pb .art.footerPayment{
	/* outline:1px red solid; */
	width:312px;
	text-align:center;
	background-color:#fff;
}

#pb .art.footerPayment .artp,
#pb .art.footerPayment h2{
	text-align:left;
	background-color:#d5d5d5;
}


#pb .art.footerPayment .artp{
	padding-bottom:.5em;
}


#pb .art.footerPayment img{
	text-align:center;
	background-color:#fff;
	
}

/* 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;
	margin-bottom:1em;
}

#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;
	max-height: 162px;
}

.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;

}

.citem:empty{
	display:none;
}

.citem:hover{

	
}

.citemselected{

}

.citemselected:hover{
}

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

#sldiv{
	margin:1em;
}

#resetfs{
	/* display:none; */
}

#resetfs h5{
	padding-left:2em;
	text-transform:uppercase;
	cursor:pointer;
	color:#000;
}

/* -------------------------------------------------------------------------------------
=SearchHeader / SearchFooter 
------------------------------------------------------------------------------------- */
.deptwrap{
	/* float:left; */
	display:inline-block;
	width:100%;
}

.searchheader, .searchfooter{
	width:100%;
	display:inline-block;
	/* float:left; */
	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{
	float:left;
	width:100%;
}

.searchheader h5#rescou{
	display:inline-block;
	vertical-align:middle;
	font-size:1em;
	font-family:'Lato';
	letter-spacing:normal;
	text-transform:none;
	margin:0;
	margin-right:1em;
}

#sorpan,
#rpppan,
.searchheader form{
	display:inline-block;
	vertical-align:middle;
	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{
	float:right;
	/* font-size:0.688em; */
	padding: 0.5em 0;
}

.searchfooter .paging{
	float:right;
	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;
	/* font-size:1.5em; */
}

.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:1.5em; */
}

.currpg{
	text-decoration:underline;
	text-decoration-color:#f6a548;
}

.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{
	display:none;
}

/* 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: 210px;
	background-color:#fff;
}

.depttree li a.img{
	display:block;
	text-align:center;
	width:210px;
	height:210px;
	/* background-color:#fff; */
}

.depttree li img{
	display:inline-block;
	margin:0 !important;
	width:100%;
	height:100%;
	object-fit: contain;
}

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

.depttree li a.txt{
	font-size:1em;
	color:#2c1a30;
	display:block;
	padding:1em;
	border-top:1px #eeeae7 solid;
	height:2em;
}

.depttree li .deptfrompanel{
	padding:.5em 1em;
}

.depttree li .deptfrompanel .deptfrom{
	margin-right:.5em;
	display:inline-block;
	vertical-align:middle;
	color:#9f978f;
	font-weight:normal;
	margin:0 .5em 0  0;
}

.depttree li .deptfrompanel .deptfromprice{
	display:inline-block;
	vertical-align:middle;
	font-weight:600;
		letter-spacing:.2em;
}

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

.deptprods{
	text-align:center;
}

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

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

/*subdepttree*/

.subdept{
	margin-bottom:1em;
	display:inline-block;
	width:100%;
	/* border-bottom:1px red solid; */
}




.subdept .header{
	background-color:#f0edea;
	border:1px #d9d7d6 solid;
	margin: 0em .5em 1em .5em;
	padding: 1em 1em;
	/* background-color:#2c1a30; */
	border-top: 8px #d17f85 solid;
}


.subdept .header h3{
	font-family:'Lato';
	letter-spacing:normal;
}
.subdept .header .bt{
	/* margin-left:4em; */
}

.subdept .header .bt + h4{
	/* this is the dept tagline that isn't wanted to be displayed */
	display:none;
}

.subdept .header .art{
	display:inline-block;
	vertical-align:top;
	width: 673px;
	margin-top:1em;
	margin-right:2em;
	color:#7c7c7c;
}

.subdept .header .art .artp p{
	color:#7c7c7c
}

.subdept .header .imgcontainer{
	display:inline-block;
	margin-top:1em;
	vertical-align:top;
	height:25px;
	object-fit: contain;
}


.subdept .header img{
	display:inline-block;
	/* margin-top:1em; */
	vertical-align:top;
	height: 150px;
	width: 150px;
	object-fit:fill;
}

.subdeptremove{
	margin-bottom:1em;
	display:inline-block;
	width:100%;
	/* border-bottom:1px red solid; */
}




.subdeptremove .header{
	background-color:#f0edea;
	border:1px #d9d7d6 solid;
	margin: 0em .5em 1em .5em;
	padding: 1em 1em;
	/* background-color:#2c1a30; */
	border-top: 8px #d17f85 solid;
}


.subdeptremove .header h3{
	font-family:'Lato';
	letter-spacing:normal;
}
.subdeptremove .header .bt{
	/* margin-left:4em; */
}

.subdeptremove .header .bt + h4{
	/* this is the dept tagline that isn't wanted to be displayed */
	display:none;
}

.subdeptremove .header .art{
	display:inline-block;
	vertical-align:top;
	width: 673px;
	margin-top:1em;
	margin-right:2em;
	color:#7c7c7c;
}

.subdeptremove .header .art .artp p{
	color:#7c7c7c
}

.subdeptremove .header .imgcontainer{
	display:inline-block;
	margin-top:1em;
	vertical-align:top;
	height:25px;
	object-fit: contain;
}


.subdeptremove .header img{
	display:inline-block;
	/* margin-top:1em; */
	vertical-align:top;
	height: 150px;
	width: 150px;
	object-fit:fill;
}

/***********************************************************************/
/*  Department tree Articles                                           */
/***********************************************************************/

#pm .deptstd {
    float: left;
    width: 100%;

}

#pm .deptstd .bc{
	padding: 1em;
    border: solid 1px #e7e7e7;
}

#pm .deptstd h2 {
    color: #2c1a30;
    font-size: 2em;
    margin: 0px 0px 0px 0px;
}

#pm .deptstd .artp p {
    font-size: .825em;
    text-align: justify;
}

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

#pm .deptstd .artp a {
    float: none;
    color: #324C6B;
}

#pm .deptstd .artp a {
    float: none;
    color: #324C6B;
}

#pm .deptstd img {
	display:inline-block;
    vertical-align:top;
}


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

.fprd{
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:left;
	width: 210px;
	margin:0 .5em;
	margin-bottom: 1em;
	/* border:1px transparent  solid; */
	background-color:#fff;
	    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.fprd:hover{
	    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}



.fprd.inbskt{
	/*if using a border then ensure there is a border on the none inbskt fprd */
	/* border:1px #2c1a30 solid; */
}

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

.fprd .fprdimg img{
	max-width:100%;
	height:auto;
	width:210px;
	height:210px;
	margin:0 auto !important;
}

.fprd .fprdimg a{
	display:inline-block;
	width:100%;

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


.fprd .fprdimg img {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.fprd .fprdimg a.img img:hover {
   /* -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)*/
}

.fprd .fprdimg:hover{

}

.fprd .fprdimg .flag{
	position:absolute;
	top:0;
	left:0;
	overflow:visible;
}

.fprd .fprdimg .flag img{}

/* swatch images */

.fprd .fprdimg a.swatch{
	position:absolute;
	bottom:0px;
	right:0px;
	width:80px;
}



.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;
	margin-top: 1em;
	text-align:left;
	font-size: 1em;
	color:#383838;
	text-align:center;
}

/* fprd strapline
------------------------------------------------------- */
.fprd .strap{
	display:inline-block;
	width:100%;
	text-align:center;
}

.fprd .strap p{
	color:#a08d81;
	text-transform:uppercase;
}

/* fprd model # and other options (controlled in COMS)
------------------------------------------------------- */
.fprd .model{
	font-family:'Lato';
	text-align:center;
	font-size: 0.750em;
}

.fprd h5.model{
	text-transform:none;
}
.fprd .model span{
	/* display:none; */
}
.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;
	display:inline-block;
	color:#9f978f;
	font-weight:normal;
	margin:0 .5em 0  0;
}

.fprd h6{
	font-weight:normal;
	font-family:'Lato';
	margin-bottom:0;
	font-size:1em;
	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{
	width:100%;
	text-align:center;
}
.fprd .price h6{
	display:inline-block;
	vertical-align:middle;
} 
.fprd .price label{
	display:inline-block;
	vertical-align:middle;
} 

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

/*offer price */
.fprd .offer{
	width:100%;
	text-align:center;
}
.fprd .offer h6{
	display:inline-block;
	vertical-align:middle;
}
.fprd .offer label{
	display:inline-block;
	vertical-align:middle;
} 

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

/*trade price */
.fprd .trade{
	width:100%;
	text-align:center;
}
.fprd .trade h6{
	display:inline-block;
	vertical-align:middle;
}
.fprd .trade label{
	display:inline-block;
	vertical-align:middle;
} 


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

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

.fprd button.fpskuqtyadd,
.fprd button.fpskuqtysub{
	display:inline-block;
	vertical-align:middle;
	background-color:#383838;
	color:#fff;
	font-size: 1.6em;
	outline:none;
	border:none;
}

/* For Firefox */
.fprd form input.inputtext[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
.fprd form input.inputtext[type=number]::-webkit-inner-spin-button,
.fprd form input.inputtext[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.fprd form label{
	display:none
}

.fprd form input.inputtext{}

.fprd form select{
	max-width:100%;
}

.fprdinfo{
	display:inline-block;
	text-align:center;
	width:100%;
	margin-top:1em;
	margin-bottom:1em;
}

.fprd input.submit, .fprdinfo a{}
.fprdinfo a.btn{}

.fprdinfo a.qkvw {
	display:none;
}

.fprdinfo a.qkvw:hover{}
.fprd .dueIn{}


/* flags */

.fprd .flag.offer{
	position:absolute;
	margin:0;
	top:0;
	left:0;
	width:auto;
}

.fprd .flag.offer p{
	position:absolute;
	top:1em;
	text-align:center;
	width:100%;
	/* right:1em; */
	text-align:center;
}

.fprd .flag.offer p span{
	display:inline-block;
	width:100%;
	text-align:center;
}

.fprd .flag.offer p span.per{
	font-size:1.2em;
}

.fprd .flag.offer p span.off{
	font-weight:600;
}

/* -------------------------------------------------------------------------------------
=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:#2c1a30;
	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 2px #2c1a30;
	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:.825em;
	width: 215px;
	text-align:right;
}

.hoverbskt .lines .item p.price{
	float:left;
	font-size:.825em;
	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: 350px;
	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: 1em;
	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 .popmess{
	font-size:.750em;
	margin-bottom:1em;
	color:#D8000C;
}

.hoverbsktadd a[title="Checkout"]{
	display:inline-block;
	margin-top:1em;
	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;
}



/* 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{

}

.page_basket table.basket tr.line td form table{
	border:none;
}

.page_basket table.basket tr.line td form table tr{
	border:none;
	background-color:transparent;
}


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

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

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

.page_basket table.basket tr.line input.submit#update:hover{}
.page_basket table.basket tr.line input.submit#remove{
	float:right;
	outline:none;
	border-color:transparent;
	background-color:transparent;
	color:#fff;
	margin-left: 0.5em;
}

.page_basket table.basket tr.line input.submit#removesample{
	outline:none;
	border-color:transparent;
	background-color:transparent;
	color:#fff;
	margin-left: 1.25em;
}

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

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

.page_basket table.basket tr.line ul.prodinfo li:first-child a{
	font-size:1.5em;
}

/*******************************
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;
	
}

.page_basket table.basket tr.line td:nth-child(3){
	font-size:1.2em;
}

/*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 td:nth-child(5){
	font-size:1.2em;
}
.page_basket table.basket tr.line a.img{
	width:84px;
	display:block;
	height:auto;
}

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

.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: 1em;
	/* background-color:#fff; */
}

.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;
	font-family:'Lato';
	text-transform:none;
	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;
	font-size:1.5em;
}

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

.page_basket table.basket .vat.excl td{
	font-size:1.2em;
}

.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.5em;
}

.page_basket table.voucher{
	width: 100%;
	background: #fff;
}

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

.page_basket .basket ul li.warn{
	color:red !important;
	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: #d5d5d5;
	color:#58595b;
	background-color:#d5d5d5;
}


.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{
	font-family:'Lato';
	text-transform:uppercase;
	font-size:1.2em;
	padding:0.5em 0 ;
	margin:0;
	width:100%;
	position:relative;
	cursor:pointer;
	background:#2c1a30 ;
	border:none;
	border-top: 8px #d17f85 solid;
	color: #f1ebe7;
	margin-bottom:.5em;
	border-radius:0;
}

#pm .accord h3 span.edit{
	float:right;
	margin-right:1em;
	font-size:.8em;
	margin-top:.2em;
}

#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_top{
	margin-bottom:1em;
}

#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: red;
	font-weight: 600;
}

#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: 0.5em;
}

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,#d5d4d3 100%);
	background:-webkit-linear-gradient(top,#ececec 0,#d5d4d3 100%);
	background:-ms-linear-gradient(top,#ececec 0,#d5d4d3 100%);
	background:linear-gradient(to bottom,#ececec 0,#d5d4d3 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;
}


.page_checkoutprocess  .imgcont{
	display:inline-block;
	vertical-align:middle;
	margin-top:1em;
}

.page_checkoutprocess  .imgcont img{
	max-height: 54px;
	width:auto;
	padding:0;
	margin-right:.5em;
}


/* 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: #D8000C;
	margin:10px 0;
	font-weight:600;
	width:100%;
}

h4.warn,
.reqmsg,
.err, .mess{
	color: #D8000C;
	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
------------------------------------------------------- */

/*because I have to hack things all the time - people should check their code and ensure it is logical! */
#prom-1629552640 .halfWidth{
		margin:2em 0;
}

#prom-1629552640 .halfWidth h2
{
	color:#ceb8aa;
	margin-bottom:.5em;
}

#prom-1629552640 .halfWidth .artp{
		padding: 0;
}

#prom-1629552640 .halfWidth .artp h3{
	margin-bottom:1em;
}

/*this is a set of banners on the home page before the featured products*/
#p-1626046461{
	margin:1em 0;
}

/*after the above set of banners we want a product list - its title is dislocated from the content and this is the only way to style it - using ID's that are liable to change!!! */
/*this is no longer in use as they don't want a product list they want another dept list... */
#p-1626046461 +.bt{
	display:inline-block;
	width:100%;
	margin:2em 0;
	text-align:center;
}

/*hacky header for dept banners */
#a95387649{
	text-align:center;
	margin:2em 0em 1em 0em ;
}

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

.infoLinkPage .infoBanner{
	margin:.5em .5em .5em .5em;
}

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

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


.fullWidth{
}

.fullWidth img{
	max-width:100%;
}

.halfWidth{
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 1em);
	margin-right:1em;
}

.styledMessage{
	margin-bottom:1em;
	display:inline-block;
	width:100%;	
}

.styledMessage .artp{
	display:block;
	background-color:#f0edea;
	border-top:1px #d9d7d6 solid;
	/* margin: 0em .5em 1em .5em; */
	padding: 1em 1em;
}

#pm .styledMessage .artp h1{
	margin-bottom:.5em;
}

#pm .styledMessage .artp p{
	margin-bottom:1em;
}

#pm .styledMessage .artp a{
	display:inline-block;
	letter-spacing:unset;
}

.styledFormArtic .halfWidth{
	display:inline-block;
	vertical-align:top;
	width:calc(40% - 1em);
	margin-right:1em;
}

.halfWidth .artp{
	padding:.5em;
}

.halfWidth .imgcont img{
	width:100%;
	height:auto;
}

.deptHeader, .deptFooter{
	display:inline-block;
}

.deptHeader{
	margin-bottom:1em;
	margin-left:.5em;
}

.deptHeader h2{
	max-width: 446px;
	font-size:1.5em;
		font-family: 'Playfair Display';
	letter-spacing:.2em;
	margin-bottom:1em;
}

.deptHeader .artp{
	display:inline-block;
	vertical-align:top;
	width: 446px;
	margin-right:1em;
}

.deptHeader .artp h2{
	font-family:'Lato';
	text-transform:uppercase;
	color:#ceb8aa;
	font-size: 1em;
	margin-bottom:.5em;
}

.deptHeader .artp h3{
	font-size:1.5em;
	text-transform:uppercase;
	color:#2c1a30;
	margin-bottom:1em;
}

.deptHeader .imgcont{
	display:inline-block;
	vertical-align:top;
	width: 434px;
	text-align:center;
}

.deptHeader .imgcont img{
	display:inline-block;
	max-width:100%;
	height:auto;
}

.deptGallery{
	display:inline-block;
	vertical-align:top;
	width: 427px;
	margin-bottom:1em;
}

.deptGallery .owl-theme .owl-controls{
	display: block;
	position: relative;
	/* 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 */
	margin-top:1em;
}

.deptGallery  .owl-theme .owl-nav{
	display:none;
}

.deptGallery .owl-theme .owl-dots{
	position:relative;
	display:inline-block;
	bottom:0;
	vertical-align:top;
	width:100%;
	height:auto;
	text-align:center;
	-webkit-tap-highlight-color:transparent;
	pointer-events:initial;
}

.deptGallery .owl-theme .owl-dots .owl-dot{
	width: 90px;
	height: 90px;
	background-size:cover;
	background-position:center;
	margin: .5em;
}

.deptGallery  .owl-theme .owl-dots .owl-dot span{
	display:none;
}

.deptFeatures{
	background-color:#f1ebe7;
	padding:1em;
	text-align:center;
}

.deptFeatures ul.tick li{
	list-style:none;
	display:inline-block;
	max-width: 33%;
}

.deptFeatures ul.tick li:before{
	font-family: "Font Awesome 5 Free";
	display:inline-block;
	height:100%;
	font-weight: 600;
	margin-right: .5em;
	color:#f6a548;
	font-size: 1em;
	content: '\f00c';
	margin-left:.5em;
}
/*square banners */
.sqBnr,
.sqBnrAlt{
	display:inline-block;
	vertical-align:top;
	position:relative;
}

/*assumes that there will be 2 non alts followed by an alt for spacing */
.sqBnr{
	margin-right:2.25em;
}

.sqBnr:nth-child(3n){
	margin-right:0;
}

.sqBnr .toi,
.sqBnrAlt .toi{
	position:absolute;
	bottom:0px;
	width:100%;
	height:50%;
}

.sqBnr .toi h3,
.sqBnrAlt .toi h3{
	color:#fff;
	font-size:2em;
	padding: 1em 1.5em;
}

.sqBnr .toi p,
.sqBnrAlt .toi p{
	padding: 1em 3.8em;
}

.sqBnr .toi{
	background-color:rgba(44,26,48,0.7)
}

.sqBnr .toi p a{
	background-color:#f6a548;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.2em;
	padding:1.5em;
	border-radius:.5em;
}

.sqBnrAlt .toi{
	background-color:rgba(209,127,133,0.7)
}

.sqBnrAlt .toi p a{
	background-color:#2c1a30;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.2em;
	padding:1.5em;
	border-radius:.5em;
}


/* square banners 4 wide */
.sqBnr4,
.sqBnrAlt4{
	width: 291px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:.5em .25em;
}


.sqBnr4 img,
.sqBnrAlt4 img{
	max-width:100%;
	height:auto;
}

/*assumes that there will be 2 non alts followed by an alt for spacing */
.sqBnr4{
}

.sqBnr4 .toi,
.sqBnrAlt4 .toi{
	position:absolute;
	bottom:0px;
	width:100%;
	height: 49%;
}

.sqBnr4 .toi h3,
.sqBnrAlt4 .toi h3,
.sqBnr4 .toi a,
.sqBnrAlt4 .toi a{
	color:#fff;
	font-size: 1em;
	padding: 1em 1.5em;
	min-height:2.7em
	text-transform:uppercase;
	font-family: 'Playfair Display';
	letter-spacing:.2em;
	text-transform: uppercase;
}

.sqBnr4 .toi p,
.sqBnrAlt4 .toi p{
	font-size:.725em;
	padding: 1em 1.8em;
}

.sqBnr4 .toi{
	background-color:rgba(44,26,48,0.7)
}

.sqBnr4 .toi p a{
	font-size:.725em;
	background-color:#f6a548;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.2em;
	padding:1.5em;
	border-radius:.5em;
}

.sqBnrAlt4 .toi{
	background-color:rgba(209,127,133,0.7)
}

.sqBnrAlt4 .toi p a{
	font-size:.725em;
	background-color:#2c1a30;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.2em;
	padding:1.5em;
	border-radius:.5em;
}


/*info banners */
.infoBanner{
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin-right:2.25em;
}

.infoBanner:nth-child(3n){
	/* margin-right:0; */
}

.infoBanner .toi{
	position:absolute;
	bottom:0px;
	width:100%;
	height: 35%;
	background-color:rgba(44,26,48,.7);
}

.infoBanner .toi h3,
.infoBanner .toi a{
	font-family: 'Playfair Display';
	letter-spacing:.2em;
	color:#fff;
	font-size:1.8em;
	padding: 1em 1.5em;
}

.infoBanner .toi p,
.infoBanner .toi p a{
	font-size:1em;
	padding: 0em 2.9em;
}

.infoBanner .toi p a{
	padding: 0em;
	font-family:'Lato';
}

.infoBanner .toi p a{
	color:#f6a548;
	text-transform:uppercase;
	letter-spacing:.1em;
}


/*to sort out the responsive iframe */
.videoHolder .artp {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.videoHolder .artp iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



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


.galleryLink{
	display:inline-block;
	vertical-align:top;
	margin: 1em;
	width: 268px;
}

.galleryLink a{
	width: 100%;
	height: 150px;
	overflow:hidden;
	background-color:#fff;
}

/*because we don't state the image link is indeed an image link... undo the above */
.galleryLink a.txt{
	width:auto;
	height:auto;
	background-color:transparent;
}

.galleryLink a img{
	display:inline-block;
	vertical-align:middle;
	width: 268px !important;
	height: 150px !important;
	object-fit: cover;
	object-position:center;
}

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

/*gallery*/
.art.gallery {
	margin:1em 0;
}

.art.gallery .carousel img{
	max-height:1000px;
	object-fit: cover;
	object-position:center;
}





.art.gallery .owl-theme .owl-controls{
	display: block;
	position: relative;
	/* 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 */
}

.art.gallery  .owl-theme .owl-nav{
	display:none;
}

.art.gallery .owl-theme .owl-dots{
	position:relative;
	display:inline-block;
	bottom:0;
	vertical-align:top;
	width:100%;
	height:auto;
	text-align:center;
	-webkit-tap-highlight-color:transparent;
	pointer-events:initial;
}

.art.gallery .owl-theme .owl-dots .owl-dot{
	width: 75px;
	height: 75px;
	background-size:100%;
	margin: .5em;
}

.art.gallery  .owl-theme .owl-dots .owl-dot span{
	display:none;
}

/* -------------------------------------------------------------------------------------
=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:#f1ebe7;
	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.5em;
	width: 1em;
	height:1em;
	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:1em 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: -1em;
	pointer-events:initial;
}

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

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev{
	color:#2c1a30;
	font-family:'Lato';
	font-size: 2em;
	/* margin:.5em; */
	/* padding:.5em; */
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	/* font-weight:800; */
}

.owl-theme .owl-nav .owl-next:hover,
.owl-theme .owl-nav .owl-prev: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: 100%;
	/* margin:auto; */
}

.owl-item .fprd .fprdimg img{
	width:auto;
}

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

.carousel .owl-carousel[id^="product"] .owl-controls{
	display: block;
}

.carousel .owl-carousel[id^="product"] .owl-controls .owl-dots{
	display:none !important;
}

/* -------------------------------------------------------------------------------------
=Jquery Base Overrides 
------------------------------------------------------------------------------------- */

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0em;
	outline: 0;
}


.ui-widget.ui-widget-content{
	border:none;
}

.ui-dialog,
.ui-widget.ui-widget-content{
    width:auto !important;
    max-width: 750px;
}

.ui-widget.ui-widget-content img{
	max-width:100%;
	height:auto !important;
}

.ui-widget{
	font-size:1em;
	font-family: 'Playfair Display';
}

.ui-widget-header{
	border-top: 8px #d17f85 solid;
	background-color:#2c1a30;
	color:#f1ebe7
}

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

.ui-widget-content{}

.ui-widget.ui-widget-content .art{
	display:inline-block;
	min-width:400px;
}

.ui-widget.ui-widget-content .art .artp{
	display:inline-block;
	min-width:400px;
}

.ui-widget.ui-widget-content .art h2{
	font-family: 'Playfair Display';
	font-weight:600;
	letter-spacing:.2em;
	margin-bottom:.5em;
}

.ui-widget.ui-widget-content .art .artp p{
	margin-bottom:1em;
}

.validateTips{}

/* 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{

	cursor:pointer;
	background-color:#2c1a30;
	outline:none;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
}

.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 .owl-carousel{
	display:inline-block;
	width:100%;
	padding: 2em 0;
	margin:2em 0;
}

.brnd .owl-carousel .owl-item{
	height:100% !important;
	display:inline-block !important;
	float:none;
	vertical-align:middle;
	text-align:center;
}

.brnd .owl-carousel .owl-item a{
	display:block;
	text-align:center;
}

.brnd .owl-carousel .owl-controls{
	display: block;
}

.brnd .owl-theme .owl-nav{
	top: 34%;
}

.brnd .owl-carousel .owl-controls .owl-dots{
	display:none !important;
}

.brnd .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    height:auto;
    max-width:100%;
}

.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 a img{}
.page_brands .brands .brnd a img:hover{
	filter:brightness(80%);
}

.page_brands .brands .brnd h3.name{
	font-size:1em;
	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;
}


/* -------------------------------------------------------------------------------------
=FontAwesome 
------------------------------------------------------------------------------------- */
.fa-phone{
	/*correction for correct phone rotation */
	transform:rotate(90deg);
	color:#ceb8aa;
}

.fa-twitter,
.fa-facebook-f{
	color:#fff;
	background-color:#423145;
	padding:.75em;
	width:1em;
	text-align:center;
	border-radius:1.5em;
	margin-right:1em;
}


/* -------------------------------------------------------------------------------------
=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;
}

#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;
}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #pc {
  padding-top: 60px;
}



/* fprd image
------------------------------------------------------- */

.fprd .fprdimg{
	position:relative;
}
.fprd.swatchMaterial  .fprdimg:after{
	display:block;
	position: absolute;
	content:"";
	top:0;
	left:0;
	width:210px;
	height:210px;
	background:url('https://s3-eu-west-1.amazonaws.com/valeblinds/5505024/i/bdr/mask_material_3.png') no-repeat center;
	background-size:100%;
	pointer-events:none;
}

 .fprd.swatchMetal .fprdimg:after{
	display:block;
	position: absolute;
	content:"";
	top:0;
	left:0;
	width:210px;
	height:210px;
	background:url('https://s3-eu-west-1.amazonaws.com/valeblinds/5505024/i/bdr/mask_metal_1.png') no-repeat center;
	background-size:100%;
		pointer-events:none;
}

.fprd.swatchWood .fprdimg:after{
	display:block;
	position: absolute;
	content:"";
	top:0;
	left:0;
	width:210px;
	height:210px;
	background:url('https://s3-eu-west-1.amazonaws.com/valeblinds/5505024/i/bdr/mask_wood_thick.png') no-repeat center;
	background-size:100%;
	pointer-events:none;
}

iframe {
    border: none;
}


#a104693766{
padding:1em;
}

#a104693766 p{
	color:#d17f85;
	font-weight:600;
	font-size:1.2em;
	
}

/* 23 September 2020 12:37 email fix for velux slider only - taken out as they want them uniform now 22/10/20
#a94666769.art.gallery .carousel img,
#a94666756.art.gallery .carousel img {
	max-height: 1000px;
}
*/
/* ------------------------------------------------------------------------------------
	SCREEN -Vale Blinds 2019
	1376256 :4620288
	Filename : jquery_menu.css
	Last Updated :08. 03. 2019
	Copyright :(c) 2019 Etail Systems Ltd
	Author : Etail Systems Ltd
	Web : http://www.etailsystems.com

	Table of Contents
	01.	=Tabs   
	02. =Dropdown
	03. =Slide out from dropdown    
	04. =InformationLinks
	13. =Hacks

	Colors Used;

------------------------------------------------------------------------------------- */

#pt  .dept{
    display:inline-block;
    vertical-align: middle;
    position: relative;
    text-align:center;
}

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

#pt  .dept .bc{
	width:100%;
	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%;
    text-align:center;
    font-family: 'Playfair Display';
}

#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 {
    display: inline-block;
    vertical-align:middle;
    font-size: 1.125em;
    letter-spacing:.1em;
    text-transform:uppercase;
    text-align: center;
    color:#2c1a30;
    padding: 1.25em 1em;
}

#pt  #jnav li.nav a:hover,
#pt  #jnav li.navcurr a:hover{
	color:#f6a548;
}

#pt  #jnav li.nav:hover,
#pt  #jnav li.navcurr:hover {
	color:#f6a548;
	background-color:#fbf9f8;
}

#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:#fbf9f8;
    text-align:left;
    display: none;
    padding: 0;
    width: 1200px;
    padding:.5em;
    left: -185px;
    -webkit-box-shadow: 1em 1em 1em 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 1em 1em 1em 0px rgba(0,0,0,0.35);
    box-shadow: 0em 1em 1em 0px rgba(0,0,0,0.35);
}

#pt  #jnav li.nav ul.snav li,
#pt  #jnav li.navcurr ul.snav li{
	font-family:'Lato';
	position: relative;
	display: inline-block;
	vertical-align:top;
	margin: 0;
	width: 284px;
	background-color:#fff;
	margin:.5em;
}

/***********************************************************************/
/* =Slide out from dropdown                                            */
/***********************************************************************/
#jnav li.navcurr ul.snav li ul.snav,
#jnav li.nav ul.snav li ul.snav{}

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

#pt  #jnav li.nav ul.snav li a,
#pt  #jnav li.navcurr ul.snav li a{
	font-size:1em;
	font-family:inherit;
	text-transform:none;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	color:#090909;
}

#pt  #jnav li.nav ul.snav li a.deptIcon,
#pt  #jnav li.navcurr ul.snav li a.deptIcon{
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0 1em;
	width:60px;
	height:60px;
	display:table-cell;
}

#pt  #jnav li.nav ul.snav li a.deptIcon img,
#pt  #jnav li.navcurr ul.snav li a.deptIcon img{
	vertical-align:middle;
	margin:auto;
}

#pt  #jnav li.nav ul.snav li a.deptLink,
#pt  #jnav li.navcurr ul.snav li a.deptLink{
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0;
	width: 192px;
	margin-right:1em;
}

#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{
	/*remove the padding that is inherited from the top level tabs */
	padding:0;
	color:#343d46;
}

#pt  #jnav li.nav ul.snav li.depts a.l1:hover,
#pt  #jnav li.navcurr ul.snav li.depts a.l1:hover{
	text-decoration-color:#2c1a30;
}

/* Level 2 depts */
#pt  #jnav li.nav ul.snav li a.l2,
#pt  #jnav li.navcurr ul.snav li a.l2{
	font-size:1em;
	color:#2c1a30;
	font-family: 'Playfair Display';
	/*remove the padding that is inherited from the top level tabs */
	padding:0;
}

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

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




/***********************************************************************/
/* =InformationLinks                                                   */
/* these are not part of the actual menu tree                          */
/* ID is site specific                                                 */
/***********************************************************************/
#pt .ext .info#p36798464 {

}

#pt .ext .info#p36798464 ul li{
	display:inline-block;
	vertical-align:middle;
	font-size: 1.125em;
	letter-spacing:.1em;
	font-family: 'Playfair Display';
	text-align: center;
	text-decoration: none;
	color:#2c1a30;
	/* padding: .25em 1em; */
}

#pt .ext .info#p36798464 ul li a{
    padding: 1.25em 1em;
}
#pt .ext .info#p36798464 ul li a:hover{
	color:#f6a548;
	background-color:#fbf9f8;
	text-decoration:none;
}
#pt .ext .info#p36798464 ul li.pipe{
	display:none;
}
/* ------------------------------------------------------------------------------------
        SCREEN - Vale Blinds
        3899392 :5505024
        Filename :product.css
        Last Updated : 17. 2. 2021
        Copyright :(c) 2021 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: 375px;
    position:relative;
    margin-right:1em;
    margin-top:1em;
    padding:0;
}


#pi .left .art{
	margin-top:1em;
}
#pi .right{
    float:left;
    position:relative;
    width: 776px;
    padding:0;
    margin: 1em;
}

#pi .bottom{
    float:left;
    width:100%;
    margin-top:1em;
}




/*linked departments */



/*subdepttree*/

#pi .bottom .depts{
	margin-bottom:1em;
	display:inline-block;
	width:100%;
}

#pi .bottom .depts h3{
	background-color:#f0edea;
	border:1px #d9d7d6 solid;
	margin:0em;
	padding: 1em 1em;
	border-top: 8px #d17f85 solid;
	font-family:'Lato';
	letter-spacing:normal;
}


#pi .bottom .depts ul li{
	display:inline-block;
	vertical-align:top;
	width:210px;
	background-color:#fff;
	margin:.5em;
}

#pi .bottom .depts ul li .img{
	display:inline-block;
	vertical-align:middle;
}
#pi .bottom .depts ul li .lnk{
	display:inline-block;
	vertical-align:middle;
	margin:.5em;
	text-align:center;

}
#pi .bottom .depts ul li .tagl{
	/*seems to be duplicated*/
	display:none;
}


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

/* Title
------------------------------------------------------- */

#pi .pititle{
	width:100%;
}

#pi .pititle h2{
	font-family: 'Playfair Display';
	font-weight:600;
	letter-spacing:.2em;
	margin-bottom:.5em;
}

/*why call the titleextnsion something logical... just reuse the name of something else!!!!! */
#pi .pititle +.pititle h2{
	font-weight:400;	
}

/* Description panes 
------------------------------------------------------- */

#pi .delivery{
	display:inline-block;
	width:100%;
	margin:.5em 0;
}

#pi .delivery h3{
	display:none;
}

/*bit of a hack for free delivery message/image shown in additional description for SOME products */

#pi .pidesc h3{
	display:none;
}

#pi .pidesc img{
	max-width:100%;
	height:auto;
}

#pi .pidesc h2[itemprop="name"],
#pi .pidesc h4[itemprop="description"]{
	/*because we duplicate titles!*/
	display:none;
}

#pi .pidesc p{
	margin-bottom:.5em;
}

#pi .pidesc ul{
	margin:1em;
}

#pi .pidesc ul li{
	list-style:disc;
	margin-left:1em;
}

#pi .pidesc a{
	color:#f6a548;
}

/*strapline*/
#pi .pidesc h4{
	font-size:0.875em;
	font-weight:600;
}

#pi .delivery h3{}
#pi .pidesc p,  
#pi .delivery p{
	font-size: 1em;
}

#pi .pidesc ul{}
#pi .pidesc li{}

/* direct despatch */
#pi .pidesc.desp h5{
	font-size:0.938em;
	display:none;
	color:#66666e;
}

#pi .pidesc.desp p{
	padding-top:1em;
	display:block;
}

/* Extra Description 
------------------------------------------------------- */
#pi .pidescx{
	margin:1em 0;
	text-align: left;
}

#pi .pidescx p,
#pi .pidescx ul{
	margin-bottom:.5em;
}

/*because of the insistance of using inline styles!*/
#pi .pidescx ul{
	margin: 1em 1em;
}

#pi .pidescx ul li{
    list-style:disc;
   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;
	display:block;
	text-align:left;
	margin-bottom:1em;
}

#pi .brandmanu h5{
	display:inline-block;
	font-family:'Lato';
	margin-right:1em;
	font-size:0.688em;
}

#pi .brandmanu h6{
	display:inline-block;
	font-family:'Lato';
	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 
------------------------------------------------------------------------------------- */
#pi .pi_tab{
	display:inline-block;
	width:100%;
}

#pi #pi_wrapper{
	display:inline-block;
	margin-top:1em;
	width:100%;
}

#pi ul.pi_tabs{
    display:inline-block;
    float:left;
    width:100%;
    cursor:pointer;

}

#pi ul.pi_tabs li{
    float:left;
    font-size:0.750em;
    font-weight:600;
    padding:1em;
    text-align:center;
    background-color:#d5d5d5;
    margin-right:.5em;
}

#pi ul.pi_tabs li.selected{
	background-color:#2c1a30;
	color:#383838;
	color:#fff;
	z-index:9999999;
	font-weight:600;
}

#pi ul.pi_tabs li:last-child{}

#pi .pi_tab_content{
    float:left;
    
    width:100%;
    background-color:#fff;
    overflow-y:scroll;
    max-height: 350px;
}

#pi .pi_tab_content h2{}

#pi .pi_tab_content h3,
#pi .pi_tab_content h4,
#pi .pi_tab_content ul,
#pi .pi_tab_content p{
	font-size:1em;
	padding:.5em 1em;
}

#pi .pi_tab_content a{}
#pi .pi_tab_content a img {}

#pi .pi_tab_content ul ,
#pi .pi_tab_content ol{
	font-size:1em;
	margin: 1em 1em;
}

#pi .pi_tab_content ul li,
#pi .pi_tab_content ol li{}

#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;
}

/*bit of a positional hack for flags */

#pi .left .bc{
	position:relative;
}

/* 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;
	margin-bottom:10px;
}

#pi .pibuy h6{}
#pi .pibuy .bt{}
#pi .pibuy .bc{}
#pi .pibuy .bb{}

#pi .pibuy .bc .title{
    display:none;
}

/* pricing info
------------------------------------------------------- */
#pi .dynprice {}

#pi .dynprice p{
	font-size:1.5em;
	color:#f6a548;
}

#pi .pricecomp{
	display:inline-block;
	margin-bottom:1em;
}

#pi .pricecomp label,
#pi .pricecomp h6{
	display:inline-block;
	vertical-align:bottom;
	margin-right:1em;
}

#pi .pricecomp h6{
	font-family: 'Lato';
	font-size:1.5em;
	color:#f6a548;
}

#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:none;
}

/*normal price */
#pi .pibuy .bc .price {
	display:none;
}
#pi .pibuy .bc .price h6{
	font-family:'Lato';
    color:#f6a548;
    font-size:1.063em;
} 
#pi .pibuy .bc .price label{}
#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 {
}
#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:#f6a548;
}
#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{
	display:inline-block;
    font-size:0.750em;
}

#pi .pibuy .stock .season{
	font-size:1.5em;
	color:#d94927;
	font-weight:600;
}

/* email when in stock */
#pi .ewis{
	display:inline-block;
	font-size:0.750em;
	margin:.5em 0;
	width:100%;
    padding-bottom:1em;
    border-bottom:1px #959595 solid;
}

#pi .ewis a{
	display:inline-block;
}

/* -------------------------------------------------------------------------------------
=Buy pane form  
------------------------------------------------------------------------------------- */

#pi .pibuy form#buy_form{
    float:left;
    width:100%;
    margin-top:1em;
    padding-bottom:1em;
    border-bottom: 1px #dfdedd solid;
    background-color:#fff;
}

/*#pi .pibuy form#buy_form .attr{
	display:block;
	vertical-align:middle;
	background-color:#2c1a30;
	border-top: 8px #d17f85 solid;
	padding:1em;
	color:#f1ebe7;
	padding:1em;
}
the below replaced the above
*/

#pi .pibuy form#buy_form .attr .attrlabel{
	/* display:block; */
	vertical-align:middle;
	background-color:#2c1a30;
	border-top: 8px #d17f85 solid;
	padding:1em;
	color:#f1ebe7;
}

#pi .pibuy form div.attr label{
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;

}

#pi .pibuy form#buy_form .options{
	position:relative;
	padding:1em;
}

#pi .pibuy form#buy_form .options img{
	/* float:
	right; */
}

#pi .pibuy form#buy_form .options label{
	display:block;
	color:#58595b;
	font-weight:600;
}

#pi .pibuy form#buy_form .options select{
	/* margin:1em; */
		width:235px;
}

#pi .pibuy form div.attrqty label{
    margin-right:1em;
}

#pi .pibuy form#buy_form .attrqty{
	display:inline-block;
	vertical-align:middle;
	background-color:#fff;
	width:100%;
	padding:1em 0;
	
}

#pi .pibuy form#buy_form .attrqty .dynprice{
	display:inline-block;
	vertical-align:middle;
	margin: 0 1em 0 0em;
}

#pi .pibuy form#buy_form .attrqty .dynprice p{
	font-size:1.5em;
}

#pi .pibuy form#buy_form .attrqty .qtyinput{
	display:inline-block;
	vertical-align:middle;
	margin: 0 1em;
}

#pi .pibuy form#buy_form .attr .attritem
{
	display:block;
}
#pi .pibuy form#buy_form .attr .attritem .multiselect{
	padding:1em;
}
#pi .pibuy form label{}

/* product validation messages.... I think... */
#pi #sa_pnl_product_not_found{
	/*because this *wonderful* element is js controlled and doesn't have a default state */
	display: none;
	z-index: 2000;
	/* padding:0  0 .5em 1em; */
	position:fixed;
	top:50%;
	background-color:#fff;
	width:500px;
	background-color:#fbf9f8;
	-webkit-box-shadow: 1em 1em 1em 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 1em 1em 1em 0px rgba(0,0,0,0.35);
	box-shadow: 0em 1em 1em 0px rgba(0,0,0,0.35);
	border-top: 8px #d17f85 solid;
}


#pi #sa_pnl_product_not_found #sa_label_product_not_found_close{
	float:right;
	cursor:pointer;
}

#sa_pnl_product_not_found table{
	border:none;
	width:100%;
	border-spacing:0;
}

#sa_pnl_product_not_found table th{
	text-align: left;
	background-color:#2c1a30;
	padding:1em;
	color:#f1ebe7;
}

#pi #sa_pnl_product_not_found table label{}

#sa_pnl_product_not_found table td {
	font-size:1em;
	padding:1em;
}



#pi #sa_pnl_product_not_found #sa_label_product_not_found{}
#pi #safour_panel_show td{}
.sa_pnl_product_not_found_showg{}
.sa_pnl_product_not_found_show label{}

.sa_validator{
    display:none;
    color:red;
}

#pi .pibuy form .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{
	text-align:center;
}

#pi .pibuy .attrqty .submit{
    font-weight:400;
    font-size:.9em;
    padding:0.8em 1em;
    border:none;
    text-align:center;
    text-transform:uppercase;
    border-color:inherit;
    cursor:pointer;
    color:#fff;
    background-color:#f6a548;
   letter-spacing:.2em;
}


#pi .pibuy .attrqty .submit#smplreq{
	background-color:#d17f85 ;
	margin-left:1em;
}


/*continue shopping button */
#pi .pibuy .submit +a{}
#pi .pibuy .submit:hover{}
#pi .pibuy #bspsubmit.submit{}
#pi .pibuy .curr{}

/* 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;
}

/* Product ordercutofftime
------------------------------------------------------- */

#ordercutofftime{
	color:#000;
	display:inline-block;
	width:100%;
	font-size:0.813em;
	padding:.5em 0;
}

#ordercutofftime.cutoffhighlight{
	color:red;
}

#ordercutofftime .time{
	display:inline-block;
	font-weight:600;
}


/* -------------------------------------------------------------------------------------
=Super Attributes    
------------------------------------------------------------------------------------- */

.cls_superattrribute{}
.cls_superattrribute .bc table{}
.cls_superattrribute .bc table .sa_left_cell_type_1,
.cls_superattrribute .bc table .sa_right_cell_type_1{}
.cls_superattrribute label.sa_name{}

.cls_superattrribute .att_X,
.cls_superattrribute .att_Y{
	display:inline-block;
	width: 200px;
	padding:.5em 1em;
}

.cls_superattrribute .att_X label,
.cls_superattrribute .att_Y label{
	display:inline-block;
	font-weight:600;
	margin-bottom:.5em;
	width:100%;
}

.cls_superattrribute .att_X .sa_error,
.cls_superattrribute .att_Y .sa_error{
	display:inline-block;
	vertical-align:top;
	color:#d94927;
	margin:.5em;
}

/* assumes that att_x is always width  and att_y is always drop */
.cls_superattrribute .att_X label:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: .5em;
	font-size: 1em;
	display:inline-block;
	content: '\f337';
	margin-left:.5em;
}

.cls_superattrribute .att_Y label:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: .5em;
	font-size: 1em;
	display:inline-block;
	content: '\f338';
	margin-left:.5em;
}

.cls_superattrribute .att_X input,
.cls_superattrribute .att_Y input{
	padding:.5em;
}

.cls_superattrribute .calc_price{
	display:inline-block;
	vertical-align:middle;
	padding:.5em 1em;
}

.cls_superattrribute .submit{
	background:none;
	border:none;
	padding:0;
	margin:0;
}

.attributeTypePrice_Matrix_Calculator {
	background-color:#fff;
	position:relative;
}

.attributeTypePrice_Matrix_Calculator .att_container li:first-child{
	border-top: 8px #d17f85 solid;
	background-color:#2c1a30;
	padding:1em;
	color:#f1ebe7;
}

.attributeTypePrice_Matrix_Calculator .att_container li:first-child label{
	font-weight:400;
	font-family:'Lato';
	text-transform:uppercase;
}

.att_measure{
	padding:1em;
}

.att_measure .sa_rdo_item{
	display:inline-block;
	margin-right: 1em;
}

.att_measure .sa_rdo_item label,
.att_measure .sa_rdo_item input{
	display:inline-block;
	vertical-align:middle;
}

.att_measure .sa_rdo_item input{
	margin-right:1em;
}


/* sort out the help icon position */

.attributeTypePrice_Matrix_Calculator img.artlink{
	position:absolute;
	bottom:1.25em;
	right:2em;
}

/*drop down attributes */
.attributeTypeDrop_down_list {
	background-color:#fff;
}

.attributeTypeDrop_down_list .sa_left_cell_type1 {
	border-top: 8px #d17f85 solid;
	background-color:#2c1a30;
	padding:1em;
	color:#f1ebe7;
	position:relative;
}

.attributeTypeDrop_down_list .sa_left_cell_type1 label{
	text-transform:uppercase;
}

.attributeTypeDrop_down_list .sa_right_cell_type_1{
	position:relative;
	padding:1em;
}

/* sort out the help icon position */

.attributeTypeDrop_down_list img.artlink{
	/* position:absolute; */
	/* bottom:1.25em; */
	/* right:0em; */
}

.attributeTypeDrop_down_list .sa_right_cell_type_1 select{
	width:235px;
}

.attributeTypeDrop_down_list .sa_right_cell_type_1 select + div{
	display:inline-block;
	vertical-align:middle;
	margin-left:1em;
}

/*radio button attributes */
.attributeTypeRadio_button {
	background-color:#fff;
}

.attributeTypeRadio_button .type_two  {
	border-top: 8px #d17f85 solid;
	/* background-color:#2c1a30; */
	color:#f1ebe7;
	position:relative;
}
/* because of structural issues! */
.attributeTypeRadio_button .artlink{
    display:inline-block;
    	vertical-align:middle;
    float:none;
}

.attributeTypeRadio_button .type_two div:first-child div:first-child{
	background-color:#2c1a30;
	padding:1em;
}

.attributeTypeRadio_button .type_two div div:first-child{
	padding:1em;
	position:relative;
}

.attributeTypeRadio_button .type_two div div:first-child ul{
	display:inline-block;
	vertical-align:middle;
}

/* end because structural issues !*/

.attributeTypeRadio_button .type_two label{
	text-transform:uppercase;
}

.attributeTypeRadio_button .type_two li{
	display:inline-block;
	/* taken off for important info use on allusion blinds 

	width:20%;
	*/
}

.attributeTypeRadio_button .type_two li label{
	margin:1em;
}

/* attributeTypeText_Box_Free_Text_Entry  - lots of hacks due to bad structure*/
.attributeTypeText_Box_Free_Text_Entry {
	background-color:#fff;
	position:relative;
}

/*this should be the char count bit for the ral colour on custom colour luxaflex blinds
lack of overall structure means this may only work for 1 product and not others using this same attribute */
#chl_sa_18317331{
	display:none;
}
/*another product type with this not wanted */
#chl_sa_18939904{
	display:none;
}

.attributeTypeText_Box_Free_Text_Entry .bc div{
	display: inline-block;
	vertical-align:middle;
}

.attributeTypeText_Box_Free_Text_Entry .bc div span { 
    display: inline-block;
    
}

.attributeTypeText_Box_Free_Text_Entry .sa_name {
	display:block	;
	border-top: 8px #d17f85 solid;
	background-color:#2c1a30;
	padding:1em;
	color:#f1ebe7;
	text-transform:uppercase;
	width:calc(776px - 2em);
}

.attributeTypeText_Box_Free_Text_Entry input{
	display:inline-block;
	vertical-align:middle;
	margin: 1em;
	width:235px;
}

.attributeTypeText_Box_Free_Text_Entry .artlink{
    padding: 0.25em;
	margin:0;
	display: inline-block;
}

.attributeTypeText_Box_Free_Text_Entry #chl_sa_12943404{
	display:none;
}
 
.artlink{
	cursor:pointer;
	padding:.25em;
	margin-left:1em;
}

.helpArticle table{
	max-width:100%;
}

.helpArticle table td img{
	max-width:100%;
	height:auto !important;
}

.helpArticle#a95158363 ul{}

.helpArticle#a95158363 ul li{
	display:inline-block;
	vertical-align:top;
	margin:.5em;
}

.helpArticle#a95158363 ul li img{
	max-width:75px;
	height:auto !important;
}

/* -------------------------------------------------------------------------------------
=Associated and Related products  
------------------------------------------------------------------------------------- */

#pi .pass,
#pi .prel,
#pi .pran,
#pi .prec{
	float:left;
	/* text-align:center; */
	width:100%;
}

#pi .pass h3,
#pi .prel h3,
#pi .pran h3,
#pi .prec h3{
	background-color:#f0edea;
	border:1px #d9d7d6 solid;
	margin: 0em 0 .5em 0;
	padding: 1em 1em;
	border-top: 8px #d17f85 solid;
	font-family:'Lato';
	letter-spacing:normal;
	text-align: left;
}

#pi .pass .fprd h3, 
#pi .pass .fprd h3, 
#pi .pass .fprd h3,
#pi .prec .fprd h3{}

#pi .prec .fprd
#pi .pass .fprd,
#pi .prel .fprd,
#pi .pran .fprd{}

#pi .pass .bt,
#pi .prel .bt,
#pi .pran .bt,
#pi .prec .bt{}

/* -------------------------------------------------------------------------------------
=Recommended products - Buy option  
------------------------------------------------------------------------------------- */
#pi .prec{
	margin-top:1em;
	text-align:left;
}

#pi .prec .bt h3{
	padding-bottom: 0;
	border-bottom: none;
	font-size: 1.25em;
}

#pi .prec .sprd{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-bottom:4px;
}

#pi .prec .sprd form{
	display:inline-block;
	vertical-align:middle;
	text-align:right;
	margin-left:1em;
}

#pi .prec .sprd form input,
#pi .prec .sprd form p{
	display:inline-block;
	vertical-align:middle;
}

#pi .prec .sprd .img{
	display:inline-block;
	vertical-align:middle;
	width:80px;
	margin-right:8px;
	text-align:center;
}

#pi .prec .sprd .img img{}
#pi .prec .sprd a.lnk{
	font-size:.825em;
	display:inline-block;
	vertical-align:middle;
	width:200px;
}

#pi .prec .sprd .price,
#pi .prec .sprd .trade{
	display:inline-block;
	vertical-align:middle;
	margin-left:8px;
	width: 109px;
}

#pi .prec .sprd .price h6,
#pi .prec .sprd .trade h6{
	font-size:.825em;
}

#pi .prec .sprd .price h6 span,
#pi .prec .sprd .trade h6 span{
	font-size:.825em;
}

#pi .prec .sprd .trade label{
	display:none;
}

#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{
    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{
	width:70%;
}
.buytogether ul.boughtto li.prods span.price{
	float:right;
	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{
	position:absolute;
	top: 0em;
	left: 0em;
	display:block;
	z-index: 999;
}

#pi .flags .flag{
	display:inline-block;
	margin-bottom:.5em;
}

#pi .flags .offer p{
	position:absolute;
	top:1em;
	text-align:center;
	width:100%;
	/* right:1em; */
	text-align:center;
}

#pi .flags .offer p span{
	display:inline-block;
	width:100%;
	text-align:center;
}

#pi .flags .offer p span.per{
	font-size:1.2em;
}

#pi .flags .offer p span.off{
	font-weight:600;
}



/* Links, File & Flags panes   
------------------------------------------------------- */
#pi .pilinks, 
#pi .pifile{
	display:inline-block;
	width:100%;
}

#pi .piflags{
	position:absolute;
	top:275px;
	left:-1em;
	display:block;
	z-index:999;
}

#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:1em;
	display:inline-block;
	vertical-align:middle;
	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;
	margin-right:1em;
}

#pi .pilinks ul li .linkimg img, 
#pi .pifile ul li .linkimg img{
	display:inline-block;
	vertical-align:middle;
	width:1em;
	height:auto;
}

#pi .pilinks ul li a.lnk,
#pi .pifile ul li a.lnk{
	display:inline-block;
	vertical-align:middle;
}
#pi .pilinks ul li.email a.lnk{
	color:#383838 ;
	display:inline-block;
	vertical-align:middle;
}

#pi .pilinks ul li.query a.lnk{
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}

#pi .pilinks ul li.query a.lnk:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: .5em;
	font-size: 1em;
	display:inline-block;
	content: '\f0e0';
	margin-left:.5em;
}

/* -------------------------------------------------------------------------------------
=Videos 
------------------------------------------------------------------------------------- */
#pi .youtube{
	margin:1em 0;
}


#pi .pi_tab_content .youtube ul li{
	list-style:none;
}

#pi .youtube .title{
	/* display:none; */
	font-size:1.125em;
	margin-bottom:.5em;
}

#pi .youtube .vid{
	/* display:none; */
	margin-bottom:.5em;
}

/* -------------------------------------------------------------------------------------
=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;
}

/* tipsy */
.tipsy{
    padding: .5em;
    font-size: 1em;
    background-repeat: no-repeat;
    background-image: url(/images/tipsy.gif);
}

.tipsy-inner{
    padding: .5em;
    background-color: #d17f85;
    color: #2c1a30;
    max-width: 200px;
    text-align: center;
}

.tipsy-inner{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-north{
    background-position: top center;
}

.tipsy-south{
    background-position: bottom center;
}

.tipsy-east{
    background-position: right center;
}

.tipsy-west{
    background-position: left center;
}
 
.expand-additional{
    display:none;
}

.showmore, .showless{
    cursor: pointer;              
    font-size: 1em;
    display: block;
}
/* ----------------------------------
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;
}