/*! 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 - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height:auto;}
  .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; }
  .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 {}
  .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%; }
/**
 * @license
 * MyFonts Webfont Build ID 3255091, 2016-07-22T11:24:48-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed fonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BandaRegular by Typedepot
 * URL: http://www.myfonts.com/fonts/typedepot/banda/regular/
 * Copyright: All Rights reserved.Copyright &#x00A9; 2011 By typedepot.
 * Licensed pageviews: Unlimited
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3255091
 * 
 * © 2016 MyFonts Inc
*/


/* Webfont: Noyh-Regular */
@font-face {
    font-family: 'Noyh';
    src: url('/fonts/NoyhFamily/Noyh/Noyh-Regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/NoyhFamily/Noyh/Noyh-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/NoyhFamily/Noyh/Noyh-Regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/NoyhFamily/Noyh/Noyh-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/NoyhFamily/Noyh/Noyh-Regular.svg#Noyh-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: Noyh-Black */
@font-face {
    font-family: 'NoyhBlack';
    src: url('/fonts/NoyhFamily/NoyhBlack/Noyh-Black.eot'); /* IE9 Compat Modes */
    src: url('/fonts/NoyhFamily/NoyhBlack/Noyh-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/NoyhFamily/NoyhBlack/Noyh-Black.woff') format('woff'), /* Modern Browsers */
         url('/fonts/NoyhFamily/NoyhBlack/Noyh-Black.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/NoyhFamily/NoyhBlack/Noyh-Black.svg#Noyh-Black') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}


/* Webfont: NoyhR-Regular */
@font-face {
    font-family: 'NoyhR';
    src: url('/fonts/NoyhFamily/NoyhR/NoyhR-Regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/NoyhFamily/NoyhR/NoyhR-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/NoyhFamily/NoyhR/NoyhR-Regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/NoyhFamily/NoyhR/NoyhR-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/NoyhFamily/NoyhR/NoyhR-Regular.svg#NoyhR-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: NoyhSlim-Light */
@font-face {
    font-family: 'NoyhSlimLight';
    src: url('/fonts/NoyhFamily/NoyhSlimLight/NoyhSlim-Light.eot'); /* IE9 Compat Modes */
    src: url('/fonts/NoyhFamily/NoyhSlimLight/NoyhSlim-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/NoyhFamily/NoyhSlimLight/NoyhSlim-Light.woff') format('woff'), /* Modern Browsers */
         url('/fonts/NoyhFamily/NoyhSlimLight/NoyhSlim-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/NoyhFamily/NoyhSlimLight/NoyhSlim-Light.svg#NoyhSlim-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* ------------------------------------------------------------------------------------
        SCREEN - Pete Bland Sports
        3571712 : 4423680
        Filename : sitepanes.css
        Last Updated : 16. 11. 2017
        Copyright : (c) 2017 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. =PanelTop
		08. =Breadcrumb
		09. =CenterPanel
		10. =MainPanel
		11. =RightPanel
		12. =LeftPanel
		13. =FooterPanel
		14. =BottomPanel
		15. =FilterSearch
		16. =SearchHeader / SearchFooter 
		17. =DepartmentTree
		18. =FeaturedProducts
		19. =RecentItems
		20. =ProductLists
		21. =HoverBasket
		22. =PopupDialog / Popup Add to Basket
		23. =Basket
		24. =Checkout process
		25. =Sitemap
		26. =Messages
		27. =AutoComplete
		28. =QuickView
		29. =CustomPromotions
		30. =CustomArticles
		31. =AccordionArticles
		31. =Blog
		32. =OwlCarousel/Jquery Base
		33. =Jquery Base Overrides
		34. =Hacks
		
		Colors Used;
		color1: #39b44a - main1
		color2: #4d4c51 - main2
		color3: #e6e6e6 - highlight
		color4: #333333 - lowlight
	
=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;
}

.bnr img{
	display:block;

}

/* -----------------------------------------------------------------------------------------------------------------
=Page 
------------------------------------------------------------------------------------- */

html, body {
    width: 100%;
    min-width: 1200px;
    max-width:1920px;
   	color:#333333;
    /*because iPad*/
}

body {
    font-size: 100%;
    line-height: 1;
}

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

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

/* this choice of font-family is supposed to render text the same across platforms */
body, input, button, textarea, select {

    font-family: 'Noyh', sans-serif;
    -webkit-font-smoothing: antialiased;
    /* Looks pretty much the same than Windows */
}

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

select, textarea {
    padding:.5em;
}

input.inputtext,
input.inputtext_light /*used for the newsletter signup */{
    padding:0 .5em;
    font-size:1em;
    padding:.5em;
    border:1px #e6e6e6 solid;
}


/* Headings
------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
	font-family: 'NoyhBlack', sans-serif;
    margin-bottom: .5em;
    color:#000;
}

h1 {
    font-size: 2em;
}

h2 {
	font-size: 1.8em;
	line-height: 1;
	margin-bottom: .5em;
}

h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: .8em;
}

h4 {
	font-size: 1.5em;
	line-height: 1.2;
	margin-bottom: .5em;
}

h5 {
	font-size: 1.5em;
	line-height: 1.3;
	margin-bottom: .5em;
}

h6 {
	font-size: 1.5em;
	line-height: 1.3;
	margin-bottom: 1em;
}


/* Links
------------------------------------------------------- */
a{
     /* float: left; don't use a float at this level it breaks normal layout */
     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;
}

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


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

p, ol, ul, dl, address {
    font-family: 'Noyh', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    line-height:1;
}

b, strong {
    font-weight: bold;
}

ol, ul {
    list-style: none;
}

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

abbr {
    opacity: 0.9;
}

abbr[title]:hover, dfn[title] {
    border-bottom: 1px dotted #39b44a;
    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;
    margin-right: 5px;
    text-decoration: line-through;
}

/* Article typesettings 
------------------------------------------------------- */

#pm .art h2,
#pm .art h3,
#pm .art h4,
#pm .art h5 {
	/* padding-bottom: 0.775em; */
	text-transform:uppercase;
}

#pm .artp p {
	line-height:1.5;
    margin-bottom:.5em;
}

#pm .artp  p + h2,
#pm .artp  p + h3,
#pm .artp ul + h2,
#pm .artp ul + h3{
    margin-top:1.5em;
}

#pm .artp ul {
    margin-left:2em;
}

#pm .artp ul li {
    list-style:disc;
}

#pm .artp img {}
#pm .artp a {
    color:#39b44a;
}

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

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

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

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

#pm .art .artp table th{
    background-color:#39b44a;
    color:#fff;
    font-size:1.5em;
    padding:.25em;
}

#pm .art .artp table th:first-child{
    width:40%;
}
#pm .art .artp table tr:nth-child(odd){
    background-color:#39b44a;
}
/* -------------------------------------------------------------------------------------
=Buttons 
------------------------------------------------------------------------------------- */

.submit,
a.btn {
    font-weight:600;
    font-size:1em;
    padding:.5em;
    border: none;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #39b44a;
    border:1px #39b44a solid;
    border-color:inherit;
    cursor:pointer;
}

a.btn {
    padding: .5em;
}

td a.btn{
    display:block;
}

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

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


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


/* Defaults for tables 
------------------------------------------------------- */

table {
    width: 100%;
    font-size: 1em;
}

table tr.header th {
	font-family: 'NoyhBlack', sans-serif;
    text-transform: uppercase;
    background-color: #e6e6e6 ;
    border-top:2px #e6e6e6 solid;
    border-bottom:2px #e6e6e6 solid;
    font-size: 1em;
    color: #333333;
    text-transform: uppercase;
    padding: .5em;
}

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

/* Delivery Information
------------------------------------------------------- */

#pm .art.deliveryInfo h3 {}
#pm .art.deliveryInfo h4, #pm .art.deliveryInfo table {}
.deliveryInfo table {}
.deliveryInfo table th {}
.deliveryInfo table td {}
#pm .deliveryInfo .artp table td p {}

/* -------------------------------------------------------------------------------------
=Forms
------------------------------------------------------------------------------------- */

#pm .form#psign,
#pm .form#pwrem,
#pm .form#preg,
#pm .form#pchkoutnewcust {
    float:left;
    width: 80%;
    display:block;
    margin: 0 10%;
    border: 2px solid #39b44a;
    /* background: #39b44a; */
    margin-bottom:1em;
}

#pm .form#psign h5,
#pm .form#pwrem h5,
#pm .form#preg h5,
#pm .form#pchkoutnewcust h5{
    font-size:.8em;
}

#pm .form#psign .bc,
#pm .form#pwrem .bc,
#pm .form#preg .bc,
#pm .form#pchkoutnewcust .bc {
    padding:1em;
}

#pm .form#psign select,
#pm .form#pwrem select,
#pm .form#preg select,
#pm .form#pchkoutnewcust select,
#pm .form#psign textarea,
#pm .form#pwrem textarea,
#pm .form#preg textarea,
#pm .form#pchkoutnewcust textarea{
    background-color:#fff;
}

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

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

#pm .form .link {}
#pm .form {}

#pm .form .bt{
    margin-bottom: 1em;
    background-color: #39b44a;
    padding:1% 0;
    float:left;
    width: 100%;
}

#pm .form .bt h3 {
    color:#fff;
    margin-bottom:0;
    margin-left:.5em;
}

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

#pm .form  form li label {
    float: left;
    font-weight:bold;
    margin-right:1em;
    min-width: 220px;
}

#pm .form .bc ul li label img {}
#pm .form .bc ul li.help {}

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

#pm .form form{
    float:left;
    width:100%;
}

#pm .form form ul{
    float:left;
}

#pm .form form ul li{
    float:left;
    width:100%;
}

#pm .form form .submit{
    display: block;
    float: left;
    clear: both;
    margin: 0 auto;
    margin-top: 1em;
    background: #4d4c51;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
}

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

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

#pm .form textarea{}

#pm #psign form ul li {
    float: left;
    clear: both;
}

#psign > div.bc > form > ul > li:nth-child(5) {
    margin-bottom: 0px;
}
#pm #psign form ul li h5 {
    font-size:1em;
}

/* post code lookup */
#pm .form form .pclup .submit#btnPostCodeLookup{
    float:left;
    margin:0;
    margin-left:235px;
    margin-top:.5em;
}

.pclup span.or{
    margin:.8em .5em;
    float:left;
}

.pclup #pclupManualAddress{
    margin-top:.5em;
    float:left;
    background-color:#39b44a;
    color:#fff;
    padding: 0.73em;
    font-weight: 600;
    font-size: .8em;
    text-transform: uppercase;
}

/* Account */
#psign .bc {}
#psign ul.orders {}
#psign ul.contact {}
#psign ul.details{}

#pm .form .link {
    float:right;
}


#pm #psign.form.myaccount ul li:first-child{
}

#pm #psign.form.myaccount ul.orders li:first-child{
    margin-left:0px;
}

#psign ul li a.lnk {
    display: inline-block;
    float: left;
    font-size: 0.875em;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-size:100%;
}

#pm #psign.form.myaccount ul li {
    width: auto;
    float: left;
    clear: none;
}
#pmid.page_useraccount #psign.form ul li a {
    float: left;
    width: 130px;
    height: 140px;
    text-align: center;
    font-size: 14px;
    vertical-align: bottom;
    line-height: 160px;
    margin-right: 10px;
    margin-left: 10px;
}
#pmid.page_useraccount #psign.form ul li a[title="My orders"] {
    background: url("https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/my-orders.png") no-repeat;
}
#pmid.page_useraccount #psign.form ul li a[title="Reorder my last order"] {
    background: url("https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/re-order-last.png") no-repeat;
}
#pmid.page_useraccount #psign.form ul li a[title="My details"] {
    background: url("https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/icon-myaccount.png") no-repeat;
}
#pmid.page_useraccount #psign.form ul li a[title="Change password"] {
    background: url("https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/icon-password.png") no-repeat;
}
#pmid.page_useraccount #psign.form ul li a[title="Checkout >"] {
    background: url("https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/icon-shoppingcart.png") no-repeat;
}
#pmid.page_useraccount #psign.form ul li a[title="Sign out"] {
    background: url("https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/icon-signout.png") no-repeat;
}

#pm .form .ritm,
#pm .form .preorderlink{
    float:left;
}

#pm .form .ritm .bt {}

.ritm .bt {
    width: 100%;
}

#pm .form .ritm ul li a.img {
    float:left;
}

#pm .form .ritm ul li a.img img {}

#pm .form .ritm ul li a.txt {
    float: left;
    clear: both;
}

#pm .form .ritm ul li .price,
#pm .form .ritm ul li .qty,
#pm .form .ritm ul li .trade{
    float:left;
    clear:both;
    width:100%;
    font-size:1em;
}

#pm .form .ritm ul li .price label,
#pm .form .ritm ul li .qty label,
#pm .form .ritm ul li .trade label{
}

/* -------------------------------------------------------------------------------------
=FIXEDPanels (top and bottom)
------------------------------------------------------------------------------------- */

#ptf{
    padding:.1em 0em;
    top:0px;
    z-index:2002;
    width: 100%;
    min-width: 1200px;
    float: left;
    color: #e6e6e6;
    text-transform: uppercase;
    background-color:#333333 ;
}

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

#pbf{
 	float: left;
    background-color:#333333 ;
    color:#e6e6e6;
    width:100%;
    padding-top:1em;
}

#pbf .ext {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	margin-top:.25em;
	padding-top:.25em;
	padding-bottom:.25em;
}

#pbf a{
    color:#39b44a;
}

#pbf .info{
    float:right;
    padding: 1em 0px;
}

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

#site.ronHill{
	background:url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/ronhill_logo.png?_t=1762616337') repeat fixed top left;

}

/* -------------------------------------------------------------------------------------
=PanelTop 
------------------------------------------------------------------------------------- */

#pt {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 1200px;
    float: left;
    color: #fff;
    background-color:#333333;
    /* margin-bottom:1em */
}
#pt .ext {
    width: 1200px;
    margin: 0em auto;
    margin-top:.5em;
    position: relative;
}

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

/* Site Logo
------------------------------------------------------- */
#p28246017 {
	float: left;
	width: 300px;
	height: 100px;
	margin-right: 3.3em;
}

.bnr.logo img {
    float: left;
    height: auto;
    max-width: 260px;
}


/* Top brands 
------------------------------------------------------- */
.top-brands{
	float:left;
	width:500px;
	height:40px;
	text-align:center;
	margin-bottom:.5em;
}
.top-brands .imgcont{
	display:inline-block;
	height:40px;
	width:auto;
	margin:0 .5em
}


/* Signin/Register/MyBasket links
------------------------------------------------------- */
#p28246021.info {
	float: left;
	width: 150px;
	margin-top: 1em;
	margin-left:2.8em;
	color:#999;
	text-transform:uppercase;
}

#p28246021.info ul li {
	float: left;
	padding-right: .5em;
	font-size: 0.875em;
}

#p28246021.info ul li:hover{
	color:#39b44a;
}
#p28246021.info ul li:last-child {
	padding-right: 0px;
}


/* Social Logos
------------------------------------------------------- */
.art.topSocial {
    float: right;
    width: 100px;
    margin-top: 1em;
    padding: 0px 0px;
}
.art.topSocial img {
	float: right;
	width: 15px ;
	height: 15px;
	margin-left: 8px;
}


/* Search
------------------------------------------------------- */

#pt .search {
	float: left;
	/* important to set width for Etail autocomplete */
	width: 500px;
	margin: 0 auto;
	/* margin-top: 5px; */
}

#pt .search label {
	display: none;
}

#pt #searchbox {
    float: left;
    font-size: 0.875em;
    color: #cdcdcd;
    line-height: 50px;
    text-transform: uppercase;
    width: 425px;
    /* height:22px; */
    padding: 0px 5px;
    padding-left: 20px;
    border: 0px;
}

#pt #searchbox.inputtext {
    color: #495a60;
    height: 50px;
    border-radius: 0px;
}

#searchbox:focus {
	outline: 0;
	border: none;
}

#pt .search input#search {
    float: left;
    width: 21px;
    min-width: 0px;
    height: 21px;
    min-height: 0px;
    padding: 15px 17px 14px 12px;
    margin: 0;
    background-color: #fff;
    border: 0px;
    border-left: 0px;
}

#pt .search input[type="submit"] {
    float: left;
    background: url("https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/search.png") #fff no-repeat 0px 0px;
    width: 53px;
    height: 50px;
    padding:0;
    margin: 0px;
    text-decoration: none;
    text-indent: -9999px;
    border: 1px solid #d7d7d7;
    border-left: 0px;
}


/* Top Telephone Number
------------------------------------------------------- */

.art.top-telephone {
    float: right;
    width: 305px;
    padding: 0px 0px;
    text-align:right;
}
.art.top-telephone p {
    font-size: 0.8em;
    color:#999;
    line-height: 2.6em;
    text-transform: uppercase;
}
.art.top-telephone p strong {
	font-size: 1.750em;
}
.art.top-telephone img {
	float: right;
	width: 15px !important;
	height: 15px !important;
	margin-top: 10px;
	margin-left: 8px;
}

/* Signin/Register
------------------------------------------------------- */
#pt .info#p29392914 {
    margin-top: 3.4em;
    float:left;
    text-align:center;
    border-right:1px #e6e6e6 solid;
    margin-right:.5em;
    padding-right:.5em;
}

#pt .info#p29392914  li{
    display:inline-block;
    margin:.5em .5em;
    font-size:.8em;
    text-transform:uppercase;
}    

/* Basket
------------------------------------------------------- */
/* Basket
------------------------------------------------------- */

#pt div.bskt {
    float: left;
    width: 150px;
    height: 50px;
    /* max-width: 150px; */
    margin: 0 auto;
    /* margin-top: 5px; */
    margin-left: 46px;
    padding: 0px 0px;
    padding-left: 50px;
    background-color: #fff;
    background-image: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/icon-basket.png');
    background-repeat: no-repeat;
    background-position: 12px 14px;
    border: 0px;
}

#pt .bskt .bt {
	float:left;
	margin-right: 10px;
}

#pt .bskt .bt h3 {
	 font-size: 13px;
}

#pt .bskt .bc {
	float: right;
}

#pt .bskt #mybskt {
	float: left;
	width: 150px;
}

#pt .bskt #bsktitems {
	float:left;
	margin-right: .5em;
	font-size: 0.75em;
	font-weight: 600;
	color: #c3c3c3;
	line-height: 50px;
}

#pt .bskt #bsktvalue {
	float: left;
	font-size: 0.75em;
	font-weight: 400;
	color: #c3c3c3;
	line-height: 50px;
}

#pt .bskt span {
    margin-right: 5px;

}

#pt .bskt a.btn {
	display: none;
}

#pt .bskt a.btn::after {
}

#pt .bskt a.btn img {}

#pt .bskt #bsktvalue span {
	display: none;
}


/* Checkout button -its a bit of a hack! */
#p28246025 {
    float: left;
    width: 100px;
    margin: 0px auto;
    border: 0px;
    background-color: #999;
}

#p28246025 ul li a {
    display: block;
    width: 100px;
    height: 50px;
    padding: 0px;
    margin: 0 auto;
    font-size: 0.750em;
    font-weight: 600;
    color: #fff;
    line-height: 50px;
    text-align: center;
}


/* Quick Order
------------------------------------------------------- */
#pt #qord {}
#pt #qord #qoresponse{}
#pt #qord label {}
#pt #qord input#qoref {}
#pt #qord input#qoref.inputtext {}
#pt #qord input#qoqty {}
#pt #qord .submit {}

/* -------------------------------------------------------------------------------------
=Breadcrumb 
------------------------------------------------------------------------------------- */
.bdcb {
    clear: both;
    width: 100%;
    padding: 1em .5em;
}

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

.bdcb h1{
	color:#39b44a;
}

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

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

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

.page_home .bdcb {
    display: none;
}

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

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

.bdcb .bc ul li h1, .bdcb .bc ul li h3, .bdcb .bc ul li a {}
.bdcb .bc ul li a:hover {
    text-decoration:underline;
}
.bdcb .bc ul li img {}


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

#pc {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 1200px;
    float: left;
    margin-bottom:1em
}

#pc .bc {
    width: 1200px;
    margin: 0em auto;
    /* margin-top:.5em; */
    position: relative;

}

#site.home #pc {
	margin:0 auto;
}
#site.home #pc .bdcb {}
#pc .bc .pbnr {
	float:left;
}
#pc .bc .pbnr img {}
#pc .bc .pbnr h3 {}


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

#pmid {
    width:1200px;
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display:flex;
    min-height:40vh;
    background-color:#fff;
}

#pm {
    float: left;
    clear: both;
    width:1200px;
    margin: 0 auto;
    position: relative;
    margin-bottom:1em;
     background-color:#fff;
}

#pm.pmwide {
    /* width: 75%; */
    clear: none;
}

#pm.pmfull {
    width: 100%;
}

#pm .pmind {}


/* -------------------------------------------------------------------------------------
=Right Panel 
------------------------------------------------------------------------------------- */
#pr {
    width: 25%;
    float: right;
}

/* -------------------------------------------------------------------------------------
=Left Panel 
------------------------------------------------------------------------------------- */

#pl {
    /* width:230px; */
    /* outline:1px red solid; */
    margin-right:1em;
}

#pl .pbnr {}
#pl .bnr {}
#pl .bnr span {}

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


/* -------------------------------------------------------------------------------------
=Footer - comes before pb
------------------------------------------------------------------------------------- */
#pf {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 1200px;
    float: left;
    margin-bottom:1em;
}
#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 span,
#pf strong,
#pf a{}

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

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

#pf .info {}
#pf .art {}
#pf .pbnr{
	float: left;
	margin-right:1em
}

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

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

#pb {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 1200px;
    float: left;
	background: linear-gradient(to bottom, #fff 0%, #fff 100px, #333333 100px, #333333 100%);
    color:#fff;
}
#pb .ext {
    width: 1200px;
    margin:0 auto;
    position: relative;
}

#pb .pipe {
    display: none;
}



#pb .pbnr{
	float:left;
}


/*top green cta's */
#pb  .pbnr .btm-greenbnr {
	float: left;
	width: 300px;
}

#pb .pbnr .btm-greenbnr {
	position: relative;
}
#pb .pbnr .btm-greenbnr a {
	float: left;
}
#pb .pbnr .btm-greenbnr a.txt {
	display: block;
	position: absolute;
    top: 61px;
    left: 0px;
    width: 300px;
    margin-bottom: 0px;
    font-family: 'NoyhBlack', sans-serif;
    font-size: 1.625em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#pb .btm-greenbnr h3 {
	display: block;
	position: absolute;
	top: 61px;
	left: 0px;
	width: 300px;
	margin-bottom: 0px;
	font-size: 1.625em;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

#pb ul {
    list-style: none;
}

#pb .info h3,
#pb .art h2{
	color:#fff;
	font-size: 1em;
	text-transform: uppercase;
}



#pb .art p {}

#pb .info li,
#pb .art li{
	padding-bottom:.5em;
	font-size:.875em;
}

#pb .info a:hover,
#pb .art a:hover{
	color:#39b44a;
}

/* Article panes (text and social links)
------------------------------------------------------- */
#pb .art {
	float: left;
	width: 235px;
	margin: 0 auto;
	margin-right: 1em;
	margin-top:1em;

}

#pb .art h4{
	margin-top:1em;
	color:#fff;
	font-family: 'NoyhBlack', sans-serif;
	text-transform:uppercase;
    font-size: 1em;
}

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

#pb .art.footerContact span{
	width: 108px;
	display:inline-block;
	text-transform:uppercase;
}

/* Information panes (site links)
------------------------------------------------------- */
#pb .info {
	float: left;
	width: 169px;
	margin: 0 auto;
	margin-right: 1em;
	margin-top:1em;
}

#pb .info li {

}

/* Social Icons
------------------------------------------------------- */
#pb .socbook{
	float: left;
	width: 120px;
	margin: 0 auto;
	margin-right: 1em;
	margin-top:1em;
}
#pb .socbook h3 {
	color:#fff;
	font-size: 1em;
	text-transform: uppercase;
}
#pb .socbook ul li {
	display:inline;
}


#pb .socbook ul li  img{
	width:1.5em;
	height:auto;
	margin-right:.5em;
	filter: grayscale(100%);
}

#pb .socbook ul li  img:hover{
	filter:none;
}



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

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

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

.etailcopy {
	float:right;
 	text-align:center;
}

p.copy,
p.etail {
	display:inline-block;
	font-size:.8em;
	margin:0 .8em
}
p.copy {
	display:inline-block;
	margin-right: 0.250em;
}

p.copy span {}

/* -------------------------------------------------------------------------------------
=FilterSearch 
------------------------------------------------------------------------------------- */
#formFilterSearch {
	width: 230px;
}

#pl .filter {
	width: 230px;
	border:1px solid #e6e6e6;
	border-top:none;
	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:220px;
}

.HeaderContent {
    border-bottom: 1px solid #e6e6e6 ;
    border-top: 1px solid #e6e6e6 ;
    padding: .5em 0;
    cursor: pointer;
}

.HeaderContent h5 {
    margin: 0;
    margin-left: 1em;
    position: relative;
    top: 0;
    text-transform:uppercase;
    font-size:1em;
}

.collapsed h5 {
    /* background: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/ui_icons_hdr.png') no-repeat left -28px; */
}

.collapsed h5:hover {
    /* background: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/ui_icons_hdr.png') no-repeat left -14px; */
}

.citem {
	padding-left: 36px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 1em;
	letter-spacing: 0;
	margin: 0;
	background: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/selectbox_inactive.png') no-repeat 8px center;
	background-size:21px;
	cursor: pointer;
}

.citem:empty {
    display: none;
}

.citem:hover {
	background: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/tick.png') no-repeat 8px center;
	background-size:21px;
}

.citemselected {
	background: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/tick.png') no-repeat 8px center;
	background-size:21px;
}

.citemselected:hover {
	background: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/cross.png') no-repeat 8px center;
	background-size:21px;
}

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

#sldiv {
    margin: 1em;
}

#resetfs {
	display:none;
}

#resetfs h5 {
	background: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/selectbox_remove.png') no-repeat 8px center;
		background-size:21px;
    padding-left: 2em;
    text-transform: uppercase;
    cursor: pointer;
    font-size:1em;
}


/* -------------------------------------------------------------------------------------
=SearchHeader / SearchFooter 
------------------------------------------------------------------------------------- */
.deptwrap{
    float:left;
}

.searchheader, .searchfooter {
    width: 100%;
    float:left;
    /* outline:1px red solid; */
    margin-bottom:.5em;
}

.searchheader .bc,
.searchfooter{
    padding-bottom:1em;
    float:left;
    width:98%;
    padding:0 1%;
    padding-top:0;
}

.searchheader h5#rescou {
	display:inline-block;
	font-family: 'NoyhBlack', sans-serif;
    font-size:1em;
    margin:0;
    margin-right:1em;
    color:#39b44a;
    text-transform:uppercase;
}

.searchheader form {
    display:inline-block;
    margin-right:1em;
}

.searchheader .search form {
    display: none;
}

.searchheader form label {
    margin-right:0.5em;
    font-weight:normal;
    color:#39b44a;
    font-family: 'NoyhBlack', sans-serif;
    text-transform:uppercase;
}

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

.searchheader .paging {
    float: right;
}

.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 {
    padding:.25em;
    font-weight:normal;
}


.searchheader .paging a:hover, .searchfooter .paging a:hover {
    background-color:#e6e6e6;
    padding:.25em;
}

.searchheader .paging span, .searchfooter .paging span {
    color:#fff;
    background-color:#39b44a;
    padding:.25em;
}

.searchheader .search input#searchbox {}

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

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

.searchfooter .paging {
    float: right;
}

#sr {
    float: left;
}

.pmfull #sr .fprd:nth-child(4n){
}

.pmwide #sr .fprd:nth-child(3n){
}


/* -------------------------------------------------------------------------------------
=Department Tree 
------------------------------------------------------------------------------------- */
.depttree {
	display:none;
	text-align
}

/*only show for the depts that want it - a bit of a hack but hey ho!*/
.showDeptTree + .depttree{
	display:block;
}

.depttree .bt {
	clear: both;
}

.depttree>.bt {
	display:none;
}

.depttree .bc {}
.depttree h3 {}
.depttree h4 {}
.depttree ul {}
.depttree li {}
.depttree li:hover {}

.pmfull .depttree li {
	display: inline-block;
	width: 208px;
	margin-right: 40px;
	margin-bottom: 20px;
	padding: 0px 0px;
	background-color: #e6e6e6;
	font-size: 0.8em;
	font-weight: 600;
	line-height: 40px;
	text-transform: uppercase;
}


.pmwide .depttree li {
	display: inline-block;
	float: left;
	width: 224px;
	margin-right: 1em;
	margin-bottom: 1em;
	background-color: #e6e6e6;
	font-size: 1em;
	font-weight: 600;
	line-height: 2em;
	text-transform: uppercase;
}

.pmwide .depttree li:nth-child(4n) {
	margin-right: 0px;
}

.pmfull .depttree li:nth-child(5n) {
	margin-right: 0px;
}

.depttree li a {
	display:block;
}

.depttree li a.img {
	display:block;
    float: left;
    width: 100%;
    text-align: center;
    background-color:#fff;
}

.depttree li a.img img{
	display:block;
	width:100%;
	height:auto;
	max-height:125px;
	margin:0 !important;
}

.depttree li a.txt {
    float: left;
    width: 100%;
    text-align: center;
}

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

.fprd {
    display:inline-block;
    position: relative;
    margin-bottom: 1em;
    text-align:center;
    border: 1px solid #fff;
    width: 220px;
    margin-right: 1em;
    margin-bottom:1em;
    /* background-color: #f1f3f7; */
    /* outline:1px red solid; */
    vertical-align:top;
}

.fprd:hover {
    border: 1px solid #333333;
}


/* fprd image
------------------------------------------------------- */
.fprd .fprdimg {
    overflow:hidden;
    position: relative;
    text-align:center;
    width:100%;
}

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

.fprd .fprdimg a {}

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

.fprd .fprdimg .flag img {}

/* hover image effects
------------------------------------------------------- */
.fprd .fprdimg img {
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}


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


/* fprd title
------------------------------------------------------- */
.fprd .fprdtitle {

    color:#000000;
    text-transform:uppercase;
    font-weight:700;
    height:2em; /*max number of lines before display issues!*/
    margin:.5em;
    text-align:center;
}


/* fprd model # and other options (controlled in COMS)
------------------------------------------------------- */
.fprd .model {}
.fprd .model span {}
.fprd .packsize {}
.fprd .packsize p {}
.fprd .brand {}
.fprd .brand span, .fprd .manu span {}
.fprd .fprddescr {}


/* fprd pricing info
------------------------------------------------------- */
.fprd h6{
    font-weight:normal;
    font-size:1em;
    margin-bottom:0;
    font-family: 'Noyh', sans-serif;
}

.fprd .price,
.fprd .prevprice,
.fprd .offer,
.fprd .trade,
.fprd .rrp  {
    display:inline-block;
    margin:.5em;
    margin-top:0;
    font-size:1em;
}

/*normal price */
.fprd .price {
	font-weight:600;
}
.fprd .price h6{   
 	font-weight:600;
	color:#333333;
}
.fprd .price label{
    text-transform:uppercase;
} 

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

/*offer price */
.fprd .offer {}
.fprd .offer h6{
    color:#a1211b;
}
.fprd .offer label{
    /* display:none; */
} 

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

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

/*buy on page form */
.fprd form {
	font-size:.8em;
	margin-bottom:1em;
}
.fprd form input.submit[name="buy"] {}
.fprd form input.submit[name="PreOrder"],.fprd form input.submit[name="preorder"] {}
.fprd form label {}
.fprd form input.inputtext {}
.fprd form select {}

.fprdinfo {
    float:left;
    clear:both;
}

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


/* -------------------------------------------------------------------------------------
=ProductLists 
------------------------------------------------------------------------------------- */
.prdlst {}

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

.prdlst .bc {
    width: 100%;
}

.prdlst .bt h3 {
    color:#39b44a;
    text-transform:uppercase;
    font-weight:600;
    margin:1em;
}

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

.prdlst li {
    float: left;
    position: relative;
    width: 220px;
    min-height: 320px;
    margin: 0px 0px;
    margin: 0 .5em;
    margin-bottom: 1em;
    text-align:center;
    border: 1px solid #e6e6e6 ;
}

.prdlst li:hover{
    border: 1px solid #39b44a;
}

.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{
	margin-bottom:1em;
    float:left;
    width: 230px;
    border:1px solid #e6e6e6;
}

.ritm .bt{
	display:block;
    float:left;
    width:100%;
    border-bottom:1px solid #e6e6e6;
    margin:.5em 0;
}

.ritm h3{
    font-size:1em;
    padding-bottom:.5em;
    margin: 0;
    text-transform: uppercase;
    margin-left:.5em;
}

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

.ritm ul li{
    margin:.5em;
    width: 215px;
    vertical-align:middle;
}

.ritm ul li a.img{
	display:inline-block;
	vertical-align:middle;
    width:80px;
    margin-right:.5em;
}

.ritm ul li a.img img{
    width:100%;
    height:auto;
}

.ritm ul li a.txt{
    width: 125px;
    display:inline-block;
    vertical-align:middle;
}

.ritm ul li .price,
.ritm ul li .prevprice,
.ritm ul li .offer{
	display:none;
}

.ritm ul li .price label{
	display:none;
}

.ritm ul li .price h6{
	margin:0;
	font-size:1em;
}


/* -------------------------------------------------------------------------------------
=HoverBsket 
------------------------------------------------------------------------------------- */
.hoverbskt {
    float: right;
    position: absolute;
    margin-top: 1em;
    width: 220px;
    padding: 0;
    outline: 1px solid #39b44a;
    z-index: 2000;
    background: #fff;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.hoverbskt h3{
    display:none;
}

.hoverbskt .lines {
    max-height: 240px;
    border-bottom: 1px solid #e6e6e6 ;
    width: 100%;
    overflow-y: scroll;
    float: left;
}

.hoverbskt .lines .item {
    float: left;
    padding: .5em;
    border-bottom:1px solid #e6e6e6 ;
}
.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{
    width:20px;
    text-indent:-333333px;
    outline:none;
    background:url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/bsktupdate.png') no-repeat 0 0;
    border:none;
}

.hoverbskt a,.hoverbsktadd a {
    float: right;
    text-align: center;
}

.hoverbskt a.btn{
    float: left;
    text-align: center;
    background-color: #4d4c51;
    width: 220px;
    margin-top:.5em;
    padding: .5em 0;
}

.hoverbskt .lines .item a.title{
    float: left;
    width: 115px;
    text-align: left;
    font-size: 1em;
    color: #39b44a;
}

.hoverbskt .lines .item img{
    float: left;
    height: auto;
    width: auto;
    max-width: 64px;
    max-height: 64px;
    padding-right: .5em;
}

.hoverbskt .lines .item p.descr {
    float: right;
    width: 165px;
    text-align: left;
    font-size: 1em;
}

.hoverbskt .lines .item p.qty {
    float: left;
    line-height:1em;
    text-align: left;
    margin-right:1em;
    font-size: .8em;
}

.hoverbskt .lines .item p.price{
    float: left;
    text-align: right;
    font-size: 1em;
    color: #39b44a;
}

.hoverbskt h4.count {
    display:none;
}

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


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

.hoverbsktadd,
#popupdialog {
    display: none;
    position: fixed;
    top: 25%;
    left: 40%;
    width: 480px;
    padding: 8px;
    background-color: #fff;
    border: 2px solid #39b44a;
    z-index: 2000;
}

.hoverbsktadd .item,
#popupdialog .item {
    padding: 0.25em;
}

.hoverbsktadd h3,
#popupdialog h3 {
    color:#39b44a;
}

.hoverbsktadd a,
#popupdialog a {
    text-align: center;
}

.hoverbsktadd .item a.title,
#popupdialog .item .title {
    float:left;
    width:350px;
    text-align: left;
}

.hoverbsktadd .item img,
#popupdialog .item img {
    float: left;
    height: auto;
    width: auto;
    padding-right: 1em;
}

.hoverbsktadd .item p.qty,
#popupdialog .item p.qty {
    float:left;
    text-align: left;
    width:350px;
    font-size:.8em;
}

.hoverbsktadd .item p.price,
#popupdialog .item p.price {
    text-align: right;
    float:left;
    color:#000;
    width:350px;
}

.hoverbsktadd a[title="Checkout"] {
    margin-top:.5em;
    width: auto;
    height: auto;
    padding: 0.5em 1em;
    border: none;
    background-color:#39b44a;
    color:#fff;
    float:right
}

#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;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #a1211b;
    cursor:pointer;
}


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

.ui-dialog.outofstockdialog,
.ui-dialog.directdespatchdialog{
    width: 500px !important;
    border: 3px solid #39b44a;
    background-color: #fff;
    color: #fff;
    text-align: center;
    font-family: 'Noyh', sans-serif;
    -webkit-box-shadow: 1px 1px 1em 2px rgba(0,0,0,0.5);
    -moz-box-shadow:    1px 1px 1em 2px rgba(0,0,0,0.5);
    box-shadow:         1px 1px 1em 2px rgba(0,0,0,0.5);
}    


.ui-dialog.outofstockdialog .outofstockpopup,
.ui-dialog.directdespatchdialog .directdespatchpopup-pane{
    border: none;
    color: red;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}

.ui-dialog.outofstockdialog  .outofstockpopup .oosheader,
.ui-dialog.directdespatchdialog .ui-widget-header{
    padding: 0 0 20px 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{
    background: #39b44a;
    color: #fff;
    outline: none;
    border-radius:0;
    border:none;
    margin:.5em;
    font-family: 'Noyh', sans-serif;
    text-transform:uppercase;
}

.ui-dialog.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child{
    background:#39b44a;
}

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

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

.ddmessage{
    color:#fff;
}

.ddmessage span.dddatemessage{}

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

/* -------------------------------------------------------------------------------------
=Basket - Checkout 
------------------------------------------------------------------------------------- */

#pm .bskt .bc table{
	/* width:80%; */
	margin:auto;
}

#checkoutcrumb{
    width:100%;
    text-align:center;
}

#checkoutcrumb li{
    color:#39b44a;
    font-size:1.2em;
    font-weight:600;
}

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

.page_basket .bskt table.basket td {
	padding:0.25em;
}
.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 {
    float: right;
    width: 100%;
}

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

#pm table.basket tr.line input.submit {
    margin-top: 1em;
}

.page_basket table.basket tr.line input.submit#update {
    float: left;
    background-color:#fff;
    color:#39b44a;
    font-size:.6em;
    cursor:pointer;
    margin-left: 1em;
}

.page_basket table.basket tr.line input.submit#update:hover {
    background-color:#39b44a;
    color:#fff;
}
.page_basket table.basket tr.line input.submit#remove,
.page_basket table.basket tr.line input.submit#removeSample {
    float: right;
    background-color:#fff;
    color:#333333 ;
    font-family: 'Noyh', sans-serif;
    font-size:.6em;
    cursor:pointer;
    margin-right: 1em;
}

.page_basket table.basket tr.line input.submit#remove:hover {
    background-color:#a1211b;
    color:#fff;
}



button[custom-type="number-qty-add"] {
	background-color: #fff;
	border: none;
	text-indent: -9999px;
	background: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/basketplus.png') repeat-x left center;
	background-size: 1em;
	width: 1em;
	height: 1em;
	filter: grayscale(100%);
}

button[custom-type="number-qty-rem"] {
	background-color: #fff;
	border: none;
	text-indent: -9999px;
	background: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/basketminus.png') repeat-x left center;
	width: 1em;
	background-size: 1em;
	height: 1em;
	filter: grayscale(100%);
	
}

button[custom-type="number-qty-add"]:hover,
button[custom-type="number-qty-rem"]:hover{
	filter:none;
}


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

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

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

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

.basket-header-table td {}

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

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

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

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

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

.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 {
	text-transform:uppercase;
    margin-bottom:0px;
    font-size: 1.25em;
    display:inline-block;
}

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

.page_basket table.basket .shipcost {}

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

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

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

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

.page_basket #pm table.voucher{
    width:600px;
    margin:0;
    margin-top:1em;
    float:left;
    background: #e6e6e6;
}

.page_basket table.voucher tr.header th {
    color:#fff;
    border:none;
    background-color:#39b44a;
    text-transform:none;
    font-size:1em;
    display:none;
}


.page_basket table.voucher input.submit {
    margin-left:1em;
    background-color:#39b44a;
    color:#fff;
}

.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:#a1211b;
    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;
    background-color:#39b44a ;
    border-color:#39b44a ;
    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:0px;
    background-color:transparent;
}

.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 
------------------------------------------------------------------------------------- */
#pmid.page_checkoutprocess {
    width: 1200px;
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display:flex;
    min-height:40vh;
}



#checkout_panel_processing,
#ro_accord_processing {
    position: absolute;
    width: 100%;
    padding: 2em 1em;
    opacity: 0.6;
    filter: Alpha(Opacity=60);
    float: right;
    background-color: #000;
}

#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: #39b44a;
    margin-right:1em;
    text-align: center;
    text-transform: uppercase;
    background: #39b44a;
    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;
    left:initial;
    background-image: url('https://download.jqueryui.com/themeroller/images/ui-icons_fff_256x240.png');
}

#pm .accord h3 {
	font-family: 'NoyhBlack', sans-serif;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    cursor: pointer;
    background:#e6e6e6 ;
    border:none;
    color:#333333;
    font-size:1.5em;
    border-radius:0; 
}

#personalisation_panel, #gift_panel {
    border: none;
}

#checkout_accordion ul {
    list-style: none;
}

/*gift wrapping and personalisation? */
#checkout_accordion form#gift_details ul li.prod,
#checkout_accordion form#personalisation_details ul li.prod{
    width:98%;
    float:left;
    padding:.5em 1%;
    border-top:2px #e6e6e6 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;
    color:#39b44a;
}

#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 #39b44a 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{
    background-color:#39b44a;
    float:none;
    color:#fff;
    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;
}

#checkout_accordion #confirm_panel h5{
    font-size:1em;
}

#checkout_accordion #confirm_panel a{
    float:left;
    background:#39b44a;
    color:#fff;
    padding:.25em;
}

#ro_accord #product_details ul li table {
}

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

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

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

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

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

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

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

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

#checkout_accordion #basket_delivery_details a {
    color:#fff;
    float:left;
    clear:both;
    background-color:#39b44a;
    padding:.25em;
}

#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;
    margin-bottom: 0.5em;
    display:inline-block;
}

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

#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;
    margin-top:.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%;
    margin: 0;
    margin-bottom:.5em;
}

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

#pm .accord ul li textarea {}

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

#pm .accord li #submit {}


/* Customer Details
------------------------------------------------------- */

#basket_customer_details #ul_top li:first-child{
	margin-bottom:1em;
}

/* 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,
#ro_accord #loyalty_panel table {
    width: 800px;
    margin: 0;
}

#checkout_accordion #confirm_panel table span {}

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

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

#checkout_accordion #confirm_panel ul li table th {}

#checkout_accordion #confirm_panel ul li table td {
    vertical-align: top;
}


/* 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 {
    font-weight:600;
    font-size:1em;
    padding:.5em;
    border: none;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #39b44a;
    border:1px #39b44a solid;
    border-color:inherit;
    cursor:pointer;
    margin-bottom:10em;
    /* outline:1px red solid; */
}
}

#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 #e6e6e6 ;
    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 red 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 #e6e6e6 ;
    border-radius: 3px;
    display: block;
    text-decoration: none;
    margin: 0 3px 6px 0;
    padding: 0 20px 0 30px;
    color: #333;
    font-size: 11px;
    height: 30px;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
    background: -webkit-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
    background: -ms-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
    background: linear-gradient(to bottom,#f6f6f6 0,#e1e1e1 100%);
}

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

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

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

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

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


/* 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 #e6e6e6 solid;
    margin-bottom:.5em;
}

#pm .accordbdcb ul li {
    margin: .5em 0em 1em 1em;
}

#pm .accordbdcb ul li.header {
    padding: 0;
    margin: 0;
    width: 96%;
    padding:0 2%;
    position: relative;
    cursor: pointer;
    background:#e6e6e6 ;
    border:none;
	font-family: 'NoyhBlack', sans-serif;
	text-transform:uppercase;
    border:none;
    color:#333333;
    font-size:1.2em;
    border-radius:0; 
}

#pm .accordbdcb ul li:last-child {}

#pm .accordbdcb ul li.title {
	font-family: 'NoyhBlack', sans-serif;
	text-transform:uppercase;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    cursor: pointer;
    background:#e6e6e6 ;
    border:none;
    color:#333333;
    font-size:1.5em;
    border-radius:0; 
}

#pm .accordbdcb ul li span {}


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


/* terms and conditions article in checkout
------------------------------------------------------- */

#pp {
    width: 1000px;
    margin: 0 auto;
    background-color: #fff;
}

#pp p, #pp h3, #pp h4 {
    margin: 0 16px;
}

#pp h3, #pp h4 {
    margin-bottom: 8px;
}


/* -------------------------------------------------------------------------------------
=Sitemap 
------------------------------------------------------------------------------------- */

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

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

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

#pm .smap .bc ul li ul {
    padding:1em 0;
    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{
    color:#39b44a;
    font-weight:600;
    font-size:1.2em;
}

/* 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{
    color:#39b44a;
    font-weight:normal;
    font-size:1em;
}

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

/* -------------------------------------------------------------------------------------
=Messages 
------------------------------------------------------------------------------------- */

#mess {}
#mess ul {}
#mess ul.info li {}

#mess ul.warn li {
    color: #a1211b;
    font-weight:600;
    width:100%;}

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

/* Email when back in stock */
#ewis h3{
    font-size:1.5em;
}

#ewis label{
    font-size:1em;
    font-weight:600;
}


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

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

.ui-autocomplete {
    width: 363px !important;
    z-index: 333333 !important;
    border-radius: 0;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: .15em solid #39b44a;
    border-top:0;
    z-index: 2000;
    background: #fff;
    box-shadow: .25em .25em .25em rgba(90, 88, 88, 0.5);
}

.ui-autocomplete li.ui-menu-item  {
    width: 98%;
    float: left;
    cursor: pointer;
    margin:0px;
    padding:0px;
    margin-bottom:.5em;
    margin-top:.5em;
    margin:.5em 1%;
    display:block;
}

.ui-menu-item a{
    float:left;
    width:100%;
}

.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;
    outline:1px solid #ccc;
}

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

.foundProduct {
    float:left;
    width:80px;
    height:80px;
}

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

.foundProductTitle,
.foundProductRef,
.foundProductDesc  {
    margin-left:1em;
    float: left;
    width: 235px;
    font-size:.9em;
}

.foundProductDesc {
}

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



/* -------------------------------------------------------------------------------------
=QuickView 
------------------------------------------------------------------------------------- */

.quickview{
    background-color:rgba(0,0,0,0.5);
    width:100vw;
    height:100vh;
    z-index: 999;
    position:fixed;
    top:0;
    left:0;
    padding-top:5%;
}
.quickviewdialog{
    width:800px;
    height:480px;
    margin:auto;
    background-color:#fff;
    z-index:333333;
}

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

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

.quickviewdialog .left{
    float:left;
    width: 45%;
}

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

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

.quickviewdialog .right{
    float:left;
    width: 45%;
    padding:5%;
}

.quickviewdialog .right .pititle,
.quickviewdialog .right .lnk,
.quickviewdialog .right .delivery{
    color:#39b44a;
    float:left;
    width:100%;
}

.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{
    float:left;
    font-size:1.2em;
    margin-right:.5em;
}

.quickviewdialog .right .pidesc{
    float:left;
    width:100%;
    height: 76px;
    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;
    color:#39b44a;
    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%;
    float:left;
    position:relative;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput label{
    float:left;
    margin-right:.5em;
    font-size:1.2em;
    font-weight:600;
    line-height:2em;
}

.quickviewdialog .right .pibuy input#bspsubmit{
    float:right;
    margin-right:24px;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput input.inputtext{
    height:2em;
    float:left;
    margin-left:100px;
    margin-top:-10px;
}

.quickviewdialog .right .pibuy form .attrqty input#buy{
    margin-top:-10px;
    float:left;
    padding: 0.7em;
    margin-left:10px;
}

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

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

/* HoldingPage
------------------------------------------------------- */

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


/* Home Page Banners
------------------------------------------------------- */
#prom-1676967935 {
}

.homeslider{
	margin-top:1em;
}

#prom-1676967935 .pbnr{
	float:left;
	margin-top:1em;
}

/* advice hub/get the kit */
#prom-1676967935 .homebnr {
	float: left;
	position: relative;
	width: 400px;
}
#prom-1676967935 .homebnr a {
	display: block;
	position: relative;
	width: 100%;
	min-height: 300px;
	overflow: hidden;
}

#prom-1676967935 .homebnr a img {
	position: absolute;
    top: 0px;
    left: 0px;
}
#prom-1676967935 .homebnr a img:hover {
	position: absolute;
    top: 0px;
    left: -400px;
}

.strava{
	float:left;
}

.bnr.green-bnr{
	height: 138px;
	overflow:hidden;
}

.bnr.green-bnr{
	display:inline-block;
	vertical-align:middle;
}

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

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


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


/* -------------------------------------------------------------------------------------
=Custom Articles 
------------------------------------------------------------------------------------- */

#pm .artp ul {
	list-style-type: disc;
	padding-bottom: 1em;
	padding-left: 2em;
}

#site.index #pm .artp ul li {
	font-size: 0.875em;
}

#site #pm .art.art-left,
#site #pc .art .art-left {
	float: left;
	width: 528px;
	padding-right: 24px;
	padding-bottom: 55px;
	padding-left: 48px;
}

#site #pm .art.art-right,
#site #pc .art .art-right {
	float: right;
	width: 528px;
	padding-right: 48px;
	padding-bottom: 55px;
    padding-left: 24px;
}

#site #pm .art.art-wide {
	float: left;
	padding: 0px 48px 45px;
}
#site #pm .art.art-wide .left {
	float: left;
	width: 528px;
	padding-right: 24px;
}
#site #pm .art.art-wide .right {
	float: left;
	width: 528px;
	padding-left: 24px;
}

#site #pm .bnr.art-bnr,
#site #pc .bnr.dept-bnr {
	padding-bottom: 40px;
}




#pm .art.infoHubGeneric img{
	display:inline-block;
	max-width:50%;
	height:auto !important;
}

/*composite banner */

.bnr.cbm,
.bnr.cbs,
.bnr.cbmid{
	float:left;
	overflow:hidden;
}


.bnr.cbm{
	width:600px;
	height:384px;
	/* margin-bottom:1em; */
}

.bnr.cbs{
	width:300px;
}

.bnr.cbs +.bnr.cbm{
	clear:left;
}

.bnr.cbm img{
	width:100%;
	height:auto;
	display:block;
}

.bnr.cbs img{
	height:192px;
	width:auto;
	display:block;
}

.bnr.cbs + .bnr.cbmid{

}
.bnr.cbmid{
	width:400px;
	height:300px;
		margin-top:1em;
}




.bnr.cbs img,
.bnr.cbm img,
.bnr.cbmid img {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

.bnr.cbs a img:hover,
.bnr.cbm a img:hover,
.bnr.cbmid a img:hover {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

/* Headers
------------------------------------------------------- */
.art.header {}
#site #pm .art.header .artp {
	padding-bottom: 0px;
}

#site.index.contactus #pm .art.header h2 {
	text-align: center;
}


/* Brands
------------------------------------------------------- */
.art.brand img {
	float: left;
}

.art.brand .artp {}


/* About the Company
------------------------------------------------------- */
#site.index .abouttheco .imagebox {
	display: block;
	float: right;
	width: 145px;
	height: auto;
	padding-bottom: 10px;
	padding-left: 10px;
}

#site.index .abouttheco .imagebox img {
	width: 100% !important;
	height: auto !important;
}


/* FAQs
------------------------------------------------------- */


/* Ts & Cs
------------------------------------------------------- */
#site.index.termsconditions #pm .art h4 {
	margin-top: 1em;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	background-color: #333;
}
#site.index.termsconditions #pm .art h4:nth-child(1) {
	margin-top: initial;
	padding: initial;
	color: initial;
	text-transform: initial;
	background-color: initial;
}


/* Contact Us
------------------------------------------------------- */
.art.contactus-text {
	float: left;
	width: 590px;
	margin-right: 20px;
}

#site.index.contactus #pm .form {
	float: right;
	width: 590px;
	margin-top: 2.813em;
}
#site.index.contactus #pm .form .bt {
	display: none;
}


#site.index.contactus #pm .form ul li {
	float: left;
	font-size: 0.875em;
	padding-bottom: 0.714em;
}
#site.index.contactus #pm .form ul li label {
	float: left;
	width: 120px;
	font-size: 1.000em;
	line-height: 2.45em;
}
#site.index.contactus #pm .form ul li input.inputtext {
	width: 460px;
	height: 30px;
}
#site.index.contactus #pm .form ul li textarea.inputtext {
	width: 452px;
	height: 150px;
	padding-right: 8px;
}
#f5406720 > ul > li:nth-child(5) {
	width: 100%;
}
#site.index.contactus #pm .form ul li .g-recaptcha {
	width: 304px;
	float: right;
}

#site.index.contactus #pm .form .submit {
	float: right;
}

.art.contactus-map {
	float: left;
	clear: both;
	margin-top: 20px;
}

/*FAQs
------------------------------------------------------- */

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


/* About US
------------------------------------------------------- */



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

/* accordion descriptions 
------------------------------------------------------- */
#pm .bc ul.accordion{
    list-style:none;
    font-size:1em;
}

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

#pm .bc ul.accordion .pane{
    width: 946px;
    background-color:#39b44a;
    padding:.5em;
}

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

#pm .bc ul.accordion li.header{
    background-color:#39b44a;
    color:#fff;
    border-top:2px #e6e6e6 solid;
    width:946px;
    font-size:1.5em;
    margin:0;
    padding: 0.35em;
    position:relative;
    cursor:pointer;
    margin-top:.5em;
}

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

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

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

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

#pm .bc .accordion p{
    margin-bottom:10px;
}

#pm .bc .accordion a{
    color:#39b44a;
}

#pm .bc .accordion a:hover{
    text-decoration:underline;
}
#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
------------------------------------------------------------------------------------- */

.page_blog #pm .bc h2{
    text-transform:uppercase;
    text-align:center;
    font-size:2.5em;
    color:#39b44a;
    font-weight:600;
    display:none;
}

.page_blog #pm .art.blog .bc h2 {
    display:block;
    font-weight:bold;
}
.page_blog .blog {
    position:relative;
    width: 389px;
    height: 504px;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    color: #39b44a;
    background: #39b44a;
}

.page_blog .blog:nth-child(3n+2){
    margin-right:0;
}

#pm .blog img {
    position:absolute;
    top:0px;
    width:100% !important;
    height:259px !important;
}

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

.page_blog .blog p.date {
    position:absolute;
    top: 308px;
    width:100%;
    height:1em;
    line-height:1em;
    color: #39b44a;
    font-size:1.2em;
    text-align: center;
}

.page_blog .blog a.title {
    position:absolute;
    top:259px;
    width: 100%;
    height: 2em;
    padding:.25em 0;
    text-align: center;
    font-size: 1.2em;
    vertical-align:middle;
    display:inline-block;
    color: #39b44a;
    font-weight:bold;
}

.page_blog .artp{
    position:absolute;
    top: 335px;
    width: 381px;
    height: 97px;
    padding: 0.25em;
    text-align:center;
}

.page_blog .blog a.more {
    position:absolute;
    top: 450px;
    left: 139px;
    padding:.5em;
    background-color: #39b44a;
    line-height: 1em;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
}

.page_blog .art.blog {
    width: 100%;
    height:auto;
    margin-right: 0px;
    background: #fff;
}


/* 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: 0px;
    width:initial !important;
    height:initial !important;
    position:initial;
}

.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{
   display:block;
   text-align: center;
   font-size: 1em;
}

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

.owl-theme .owl-controls{
	display:inline-block;
	text-align:center;
	z-index:-3333339; /*otherwise you cant click on the image! */
	width:100%;
}

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

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

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

}
.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 1em;
    margin: .5em;
    padding: .5em;
    background: #e6e6e6 ;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: #39b44a;
    color: #FFF;
    text-decoration: none; 
}

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

.owl-theme .owl-nav.disabled + .owl-dots {
}

.owl-theme .owl-dots {
    position:absolute;
    bottom: 1em;
    width:100%;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    /* display:inline-block; */
    /* outline:1px red solid; */
    /* display:none; */
}

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

/*hide on product carousels */

.owl-theme#article .owl-dots .owl-dot {
	display:inline-block;
}

.owl-theme .owl-dots .owl-dot span {
    width: .75em;
    height: .75em;
    margin: .5em;
    background: #e6e6e6 ;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 1em;

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



/* for product carousels remove the bottom padding on .fprd */
.owl-item .fprd{
    margin-bottom:0;
}



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

.ui-dialog {
    background-color: #fff;
    z-index: 2000;
    padding: 1em;
    -webkit-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.25);
    border: 2px #39b44a solid;
    border-radius:0px;
}

.ui-widget {
    font-size: 1em;
    font-family: 'Noyh', sans-serif;
}

.ui-widget-header{
    background:none;
    border:none;
    color:#39b44a;
    font-size:1em;
}

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

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


/*hack to hide the slider in the filter */
#mnu_filter_search > div:nth-child(1) {
	display: none;
}

.spacer{
	float:left;	
}

.epau .bc{
    display:none;
}

#modal-overlay-inline{
    z-index:999;
}
/* ------------------------------------------------------------------------------------
        SCREEN - Pete Bland Sports
        3571712 : 4423680
        Filename : jquery_menu.css
        Last Updated : 13. 06. 2017
        Copyright : (c) 2017 Etail Systems Ltd
        Author : Etail Systems Ltd
        Web : http://www.etailsystems.com
		
	Table of Contents
		01.	=Tabs   
		02. =Dropdown   
		13. =Hacks

		Colors Used;
		color1: #39b44a - main1
		color2: #4d4c51 - main2
		color3: #e6e6e6 - highlight
		color4: #333333 - lowlight
	
------------------------------------------------------------------------------------- */

#pt .dept{
    clear: both;
    float: left;
    width: 1200px;
    position: relative;
    font-size:1em;
    text-transform:uppercase;
    text-align:center;
}

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

#pt .dept .bc{
    float: left;
    background-color: transparent;
}

#pt .dept ul#jnav{
    float: none;
    clear: none;
    display:inline-block;
    width: 1200px;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    z-index: 1001;
}

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

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

#pt #jnav li.pipe{
    display: none;
}


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

#pt #jnav li.nav a,
#pt #jnav li.navcurr a {
    width: 150px;
    font-family: 'NoyhBlack', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 1.125em;
    display: block;
    padding: 0.5em 0;
    margin:0;
    text-decoration: none;
}


#pt #jnav li.nav a:hover,
#pt #jnav li.navcurr a:hover,
#pt #jnav li.nav:hover,
#pt #jnav li.navcurr:hover {
    color: #fff;
    background-color: #1d1d1d;
}

#pt #jnav li.nav#m78 a,
#pt #jnav li.navcurr#m78 a{
    color: #ED4337;
}

#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;
    text-align:left;
    display: none;
    width: 965px;
    min-height: 300px;
    padding: 0;
    background-color: #1d1d1d;
    font-size:.8em;
}

#pt #jnav #m5 ul.snav,
#pt #jnav #m78 ul.snav,
#pt #jnav #m77 ul.snav,
#pt #jnav #m76 ul.snav,
#pt #jnav #m75 ul.snav,
#pt #jnav #m387 ul.snav {
    right: 0px;
}

/*sale section */
#pt #jnav #m78 ul.snav{
  /* display:none !important; */
}

#pt #jnav #m75 ul.snav,
#pt #jnav #m76 ul.snav,
#pt #jnav #m77 ul.snav,
#pt #jnav #m78 ul.snav
{
    right: 0px;
    width: 1000px;
}



#pt #jnav li.nav ul.snav li,
#pt #jnav li.navcurr ul.snav li{
    position: relative;
    display: inline;
    float:left;
    /* clear:both; */
    width: 96%;
    width:226px;
    margin: 0;
    height: 34px;
    vertical-align:middle;
}

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

#pt #jnav li.nav ul.snav li a,
#pt #jnav li.navcurr ul.snav li a{
    padding:.25em;
    /* padding-left:1em; */
    margin: 0;
    /* height: 26px; */
}

#pt #jnav li.nav ul.snav li a:hover,
#jnav li.navcurr ul.snav li a:hover{
	color: #39b44a;
}

/* 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{
	text-align:left;
	font-size: 1.250em;
    font-weight:600;
    color: #39b44a;
}

/*sale dept*/
#pt #jnav li.nav#m78 ul.snav li.depts a.l1,
#pt #jnav li.navcurr#m78 ul.snav li.depts a.l1{
	text-align:left;
	font-size: 1.250em;
    font-weight:600;
    color: #ED4337;
}

/*sale dept*/
#pt #jnav li.nav#m78 ul.snav li.depts a.l1:hover,
#pt #jnav li.navcurr#m78 ul.snav li.depts a.l1:hover{
color:#999;
}


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

/* Level 2 depts */
#pt #jnav li.nav ul.snav li a.l2,
#pt #jnav li.navcurr ul.snav li a.l2{
	text-align:left;
	font-size:1em;
	margin-left:1em;
	color:#fff;
}

#pt #jnav li.nav ul.snav li a.l2:hover,
#pt #jnav li.navcurr ul.snav li a.l2:hover{
	text-align:left;
	font-size:1em;
	margin-left:1em;
	color: #39b44a;
}


/*sale dept*/
#pt #jnav li.nav#m78 ul.snav li.depts a.l2,
#pt #jnav li.navcurr#m78 ul.snav li.depts a.l2{
	text-align:left;
	font-size:1em;
	margin-left:1em;
	color:#fff;
}

#pt #jnav li.nav#m78 ul.snav li.depts a.l2:hover,
#pt #jnav li.navcurr#m78 ul.snav li.depts a.l2:hover{
    color: #ED4337;
}


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

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

#pt .dept .bc{
    float: left;
    background-color: transparent;
}

#pt .dept ul{
    float: left;
    list-style-type: none;
    position: relative;
    margin:0px;
}

#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;
    border: 0px;
}

#pt #jnav li.nav ul.snav li.alldepts,
#pt #jnav li.navcurr ul.snav li.alldepts{
	float: right;
	width: 737px;
	height:auto;
	padding: 0px;
	border-left: 2px solid #333333;
	min-height:300px;
}

#jnav li.nav#m75  ul.snav li.alldepts,
#jnav li.nav#m76  ul.snav li.alldepts,
#jnav li.nav#m77  ul.snav li.alldepts,
#jnav li.nav#m78  ul.snav li.alldepts,
#jnav li.navcurr#m75  ul.snav li.alldepts,
#jnav li.navcurr#m76  ul.snav li.alldepts,
#jnav li.navcurr#m77  ul.snav li.alldepts,
#jnav li.navcurr#m78  ul.snav li.alldepts{
    float: right;
    width: 100%;
    padding: 0px;
    border-left:none;
}

#pt li.alldepts ol{
    /*depts are in ol not ul */
    float:left;
    list-style-position:inside;
}

#pt #jnav li.nav ul.snav li.alldepts li.depts,
#pt #jnav li.navcurr ul.snav li.alldepts li.depts{
    font-size:15px;
    width: 230px;
    display:inline-block;
    list-style-position:inside;
    float:left;
    margin:0;
    margin-left:1em;
    padding:0px;
    text-align:left;
    height: auto;
    /* outline:1px red solid; */ */
}

#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 */
    float: left;
    position:absolute;
    bottom:0px;
}

#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 {
    /* position: absolute; */
    /* top:0px; */
    display: inline;
    width:initial;
    height:auto;
    padding: 1em;
    float:left;
}


#pt #jnav li.nav ul.snav li.arts a,
#pt #jnav li.navcurr ul.snav li.arts a
{
	width:auto;
	height:initial;
	padding:initial;
	margin:initial;
	font-size:initial;
	margin-bottom:1em;
}

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


/***********************************************************************/
/***********************************************************************/
/*  Pete Bland Sports 06/02/17                                         */
/***********************************************************************/
/* Product information panel                                           */
/***********************************************************************/

#pi
{
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

/***********************************************************************/
/* Product left / right panels                                         */
/***********************************************************************/

#pi .main {
    float: left;
}

#pi .left{
    float: left;
    min-height: 543px;
    padding: 0;
    margin-right: 1em;
    /* outline:1px red solid; */
}

#pi .right{
    float: left;
    position: relative;
    width: 464px;
    min-height:560px;
    padding: 0;
    /* outline:1px red solid; */
}

#pi .bottom {
    float: left;
    width: 1200px;
    clear: both;
    margin: 0;
    padding: 0;
}

/***********************************************************************/
/* Title                                                               */
/***********************************************************************/

#pi .pititle{
    float: left;
    width: 100%;
    padding: 0;
}

#pi .pititle h2{
    width: 100%;
    padding: 0;
    font-size: 1.875em;
    line-height: 1em;
    text-transform: uppercase;
}

/* strapline */

#pi .pititle + .pititle h2{
    font-size:1.5em;
    text-transform:none;
    /* font-family: 'Noyh', sans-serif; */
    color:#6d6a67;
}



/***********************************************************************/
/* Images                                                              */
/***********************************************************************/

#pi .piimg {
    float: left;
    width: 600px;
    height: 600px;
    padding: 0px;
    text-align: center;
    background-color: #fff;
}
#pi .piimg img {
    margin: 0 auto !important;
}

#pi .piimg p{
}

#pi .piimgx{
}

/* If image not aligning centrally */
#pi .piimg a{
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/***********************************************************************/
/* Gallery                                                             */
/***********************************************************************/

#pi .gallery{
    float: left;
    width:120px;
    /* margin-right:1em; */
    /* outline:1px red solid; */
}

#pi .gallery h4{
    display:none;
}

#pi .gallery .piimg_large {
    float: left;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    border: 0px;
    margin-bottom:1em;
}
#pi .gallery .piimg_large img {
    width: 120px !important;
    height: auto !important;
    max-height: 120px;
}

#pi .gallery .piimg_large:nth-child(3n+3){
}

#pi .gallery .piimg_large a{
    float: none;
    display:block;
}

#pi .gallery .piimg_large a img{
    width:100%;
    height:auto;
    margin:0 !important;
}

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

#pi .pidesc,
#pi .pidescx,
#pi .delivery
{
    float: left;
    width: 100%;
    padding: 0px 0px;
}

#pi .pidescx{
}

#pi .pidesc h2{display: none;}

#pi .pidescx h3{
}

#pi .pidescx table{

}

#pi .delivery h3{
    float: left;
    padding: 10px 0 5px 0;
}

#pi .pidesc p,
#pi .pidescx p,
#pi .delivery p{
    width: 100%;
    float: left;
    padding-bottom: 1em;
    font-size: 1.2em;
    color: #6d6a67;
}

#pi .pidesc ul{
    float: left;
    display: block;
}

#pi .pidesc li{
    float: left;
    padding: 2px 0 2px 20px;
}

#pi .pidescx a{
}


#pi h4.strap {
    float: left;
    margin-bottom: 5px;
    font-size: 12px;
}

/***********************************************************************/
/* Brand and Manufacturer                                              */
/***********************************************************************/

#pi .brandmanu{
    float: left;
    clear:both;
    margin-bottom:5px;
}

#pi .brandmanu h5{
    float: left;
    clear: left;
    width: auto;
    padding-right:5px;
}

#pi .brandmanu h6{
    float: left;
}

#pi .brandmanu p,
#pi .brandmanu a{
    float: left;
    margin-bottom:0;
    font-size: 14px;
    color: #cf4647;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#pi .brandmanu a{
}

#pi .brandmanu.brand h5{display: none;}

#pi ul.bullets {
    clear: both;
}

#pi ul.bullets li {
    float: left;
    clear: both;
    /* margin-left: 10px; */
}


#pi .youtube {
    float: left;
    width: 464px;
    height: 261px;
    margin-top:1em;
}

#pi .youtube ul li.vid iframe {
    max-width: 464px;
    max-height: 261px;
}


/***********************************************************************/
/* Flags panes                                                         */
/***********************************************************************/

#pi .flags {
    float: right;
    clear: right;
    width: 273px;
    /* margin-bottom: 20px; */
    padding: 0px 0px;
    border: 1px solid #cfcfcf;
    border-top: 0px;
    background: #fff;
}

#pi .flags .flag {
    display: block;
    height: 27px;
    margin-bottom: 10px;
}
#pi .flags .flag:last-child {
    margin-bottom: 0px;
    padding-bottom: 20px;
}

#pi .flags .flag img {
    float:left;
    margin-left:37px;
}

#pi .flags .flag img +p{
    font-size:14px;
    width:auto;
    margin-left:3px;
    float:left;
    font-weight:800;
    color:#000;
    text-transform:uppercase;
}

/***********************************************************************/
/* Feefo pane                                                          */
/***********************************************************************/

#pi #feefologohere{
    float: left;
    clear: right;
    width: 200px;
    margin-bottom:1em;
    /* padding: 4px 0; */
}

/***********************************************************************/
/* Links, File & Flags panes                                           */
/***********************************************************************/

#pi .pilinks,
#pi .pifile,
#pi .piflags
{
    margin-top: 20px;
    float: left;
    width: 233px;
    padding: 20px 20px;
    border: 1px solid #cfcfcf;
    background: #fff;
}


#pi .pilinks li.email .linkimg {
    background-image: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/prod-email.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 23px;
}

#pi .pilinks li.query {
    margin-top: 0px;
    float: left;
    padding: 0;
}

#pi .pilinks li.query .linkimg {
    background-image: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/prod-ask.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 23px;
}

#pi .pilinks li.query a.lnk{
    float:left;
    font-size: 13px;
    font-weight: bold;
}


#pi .pilinks li.files{
    display:none;
}

#pi .pilinks .bt,
#pi .pilinks .bb,
#pi .pifile .bt,
#pi .pifile .bb,
#pi .piflags .bt,
#pi .piflags .bb{
}

#pi .pilinks .bc,
#pi .pifile .bc,
#pi .piflags .bc{
    float: left;
    border: none;
}

#pi .pilinks ul li,
#pi .pifile ul li{
    float: left;
    /* padding: 2px 0; */
}

#pi .pilinks ul li a,
#pi .pifile ul li a{
    float:left;
    margin-right:10px;
}

#pi .pilinks ul li .linkimg,
#pi .pifile ul li .linkimg{
    display: block;
    float: left;
    width: 31px;
    height: 21px;
    padding: 1px 0px;
}

#pi .pilinks ul li a.lnk,
#pi .pifile ul li a.lnk{
    float: left;
    padding: 2px 0;
}

#pi .pilinks ul li.email a.lnk {
    float: left;
    font-size: 13px;
    font-weight: bold;
}


#pm #pi .pi_tab_content .pifile ul li.pdf{
    list-style:none;
    font-size:16px;
}

/***********************************************************************/
/* Social bookmarks pane                                               */
/***********************************************************************/

#pi .socbook{
    float: left;
    padding: 10px 10px 10px 0px;
}

#pi .socbook li{
    display: inline;
    padding: 5px;
}

/***********************************************************************/
/* Telephone orders                                                    */
/***********************************************************************/

#pi .piphone{
    float: left;
    padding: 10px 0;
}

#pi .piphone h4{
    float: left;
    padding: 5px 0;
}

#pi .piphone h5{
    float: left;
    padding: 5px 0;
}

#pi .piphone p{
    float: left;
}

/***********************************************************************/
/* Buy pane                                                            */
/***********************************************************************/

#pi .pibuy {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

#pi .pibuy .bt{
}

#pi .pibuy .bc{
    width: 100%;
}

#pi .pibuy .bb{
    display: none;
}

#pi .pibuy .bc h3 {
    width: 275px;
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
}

/* Special offer msg */
#pi .pibuy h4{
    clear: left;
}

#pi .pibuy h5{}

#pi .pibuy h6{
    width: auto;
    float: left;
    clear:left;
    padding: 0;
    font-size: 1.875em;
}

#pi .pibuy .bc .price,
#pi .pibuy .bc .rrp,
#pi .pibuy .bc .trade,
#pi .pibuy .bc .saving{
    margin-right: 0px;
    display:inline-block;
    margin-right: 1em;
    text-align: left;
}

#pi .title {
    display: none;
}

#pi .pibuy .bc label{
    float: left;
    padding-right:1em;
}

#pi .pibuy .bc .price label {
    padding: 0px;
    font-size: 1em;
    color: #000;
    text-transform:uppercase;
    font-family: 'NoyhBlack', sans-serif;
}
#pi .pibuy .bc .trade label {
     padding: 0px;
    font-size: 1em;
    color: #6d6a67;
}

#pi .pibuy .bc .prevprice{

    color:#444;
    text-decoration:line-through;
    text-align:center;
}

#pi .pibuy .bc .rrp h6{
    clear:both;
    float:left;
    color:#6d6a67;
    font-weight:normal;
    font-family: 'Noyh', sans-serif;
}

#pi .pibuy .bc .rrp{
    clear:both;
    float:left;
    color:#6d6a67;
    font-weight:normal;
}

#pi .pibuy .bc .offer{
    color:#00B233;
    clear:both;
    text-align:center;
}

#pi .pibuy .bc .saving{
    display:none;
}
#pi .pibuy .bc .prevprice ,
#pi .pibuy .bc .offer{
    /* outline:1px red solid; */
    margin:0px 1em;
}


#pi .pibuy .bc .prevprice label,
#pi .pibuy .bc .offer label{
    display:none;
}

#pi .pibuy .bc .offer label,
#pi .pibuy .offer h6{
    color: #ce1c00;

}

#pi .pibuy .bc .saving label,
#pi .pibuy .saving h6{
    display:inline-block;
    padding:0px;
    margin:5px;
    float:none;
    color:#00B233;
    font-size:10px;
}

#pi .pibuy .prevprice h6{
}

/* Messages */
#pi .pibuy p{
    padding: 5px 0;
}

#pi ul.stock{
    width:100%;
    clear: both;
    font-size: 0.9em;
    text-align: left;
}
/***********************************************************************/
/* Buy pane form                                                       */
/***********************************************************************/

#pi .pibuy form#buy_form{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 1em;
}

#pi .pibuy form#buy_form div{
    float: left;
}

#pi .pibuy form#buy_form div.attr{
    /* clear: both; */
    width: 220px;
    margin: 0;
    padding: 0;
    margin-right:1em;
    position: relative;
}

#pi .pibuy form#buy_form div.attrqty {
    /* clear: both; */
    width: 220px;
    margin: 0;
    padding: 0;
    position: relative;
}

#pi .pibuy form#buy_form div.attr .attritem{
    float: left;
    margin: 0;
    padding: 0;
}

#pi .pibuy form#buy_form div.attr .attritem .multiselect{
    float: left;
    margin: 0;
    padding: 2px 10px 5px 10px;
}

#pi .pibuy form label{
}

#pi .pibuy form div.attr label{
    margin: 0;
    padding: 5px 5px 0 15px;
}

#pi .pibuy form div.attrqty label {
    display: none;
    font-size: 15px;
    color: #6d6a67;
    line-height: 47px;
}

#pi .pibuy form div.attr label#selectResponse,
#pi .pibuy form div.attrqty label#selectResponse
{
    font-weight: bold;
    color: #ff0000;
    margin: 0;
    width: auto;
    position: absolute;
    top: 100%;
}

#pi .pibuy form input,
#pi .pibuy form select,
#pi .pibuy form textarea{
    float: left;
    padding: 2px;
    margin: 3px 3px 3px 0px;
}

#pi .pibuy form select{
}

#pi .pibuy form .inputtext,
#pi .pibuy form .textarea{

}

#pi .pibuy span{
    display: none;
    /* float: left; */
    padding: 4px 10px 14px 10px;
    font-size: 12px;
}

#pi .pibuy span.chars{
    float: left;
    padding: 0 0 0 6px;
}

#pi .pibuy input#skuqty.inputtext{
    display: none;
    float: left;
    width: 59px;
    height: 45px;
    margin: 0px 9px 0px 0px;
    padding: 0px 0px;
    text-align: center;
    color: #5e5c5c;
    border: 1px solid #b1b1b1;
}

#pi .pibuy .submit{
    float: left;
    width: 220px;
    height: 40px;
    padding: 0px 0px;
    padding-left: 10px;
    margin: 0;
    text-align: left;
    font-weight: 600;
    color: #000;
    background-color: #e6e6e6;
}

#pi .pibuy form#buy_form div.attrqty .submit {
    float: left;
    width: 220px;
    min-width: 0px;
    height: 40px;
    padding: 0px;
    padding-left: .5em;
    font-family: 'NoyhBlack', sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    background-color: #39b44a;
}

#pi .pibuy #bspsubmit.submit{
}

#pi .pibuy .ewis{
    float: left;;
    padding:.25em;
    padding-left: 10px;
    font-family: 'NoyhBlack', sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    background-color: #39b44a;
}

#pi .pibuy .ewis label{
    margin: 3px 10px 2px 0;
}

#pi .pibuy .ewis #ewisemail{
    margin-bottom: 6px;
}

#pi .pibuy .ewis #ewissubmit{
    margin: 0 0 30px 100px;
}


#pi .pibuy #buy_form label {
    display: none;
}
#pi .pibuy form #skuid {
    clear: right;
    width: 220px;
    height: 40px;
    padding:0;
    padding-left: .5em;
    margin:0;
    /* margin-bottom: 1em; */
    margin-right:1em;
    border: 0px;
    border-radius: 0px;
    font-size: 1.125em;
    /* font-weight: 400; */
    font-family: 'NoyhBlack', sans-serif;
    text-transform: uppercase;
    background-color: #e6e6e6;
}


/***********************************************************************/
/* Wishlist                                                            */
/***********************************************************************/

#pi .pibuy form.wishlist {
    float: left;
}

#pi .pibuy form.wishlist input.chkbox{
    float: left;

}
#pi .pibuy form.wishlist label{
    float: left;
    padding: 3.5px 0;
    margin: 0;
    font-size: 0.750em;
}
#pi .pibuy form.wishlist .submit {
    clear: left;
    float: left;
    margin: 0;
    margin-top: 10px;
    font-size: 0.750em;
}

/***********************************************************************/
/* Tab Panel                                                           */
/***********************************************************************/

#pm #pi #pi_wrapper{
    float: left;
    width: 1200px;
    margin: 0 0 0;
}

#pm #pi ul.pi_tabs{
    float: none;
    margin: 0;
    padding: 0;
    display: inline;
}

#pm #pi ul.pi_tabs li {
    float: left;
    position: relative;
    cursor: pointer;
    width: 240px;
    height: 58px;
    line-height: 58px;
    margin: 0 0;
    padding: 0px 0px;
    display: block;
    text-align: center;
    font-family: 'NoyhBlack', sans-serif;
    font-size: 1.875em;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-color: #b3b3b3;
    color: #fff;
}

#pm #pi ul.pi_tabs li.selected {
    color: #fff;
    background-color: #333;
}

#pm #pi ul.pi_tabs li:last-child {
    margin-right: 0px;
}

#pm #pi .pi_tab_content{
    float: left;
    position: relative;
    width: 1170px;
    height: 330px;
    margin-top: -1px;
    padding: 15px 15px;
    border: 0px;
    overflow-x:hidden;
    overflow-y:scroll;
    color: #fff;
    background-color: #333;
}

#pm #pi .pi_tab_content h2,
#pm #pi .pi_tab_content h3,
#pm #pi .pi_tab_content h4,
#pm #pi .pi_tab_content ul{
    width: 100%;
    padding: 4px 0;
    float:left;
}

#pm #pi .pi_tab_content p{
    font-size:1.2em;
    width: 100%;
    padding: 2px 0;
    float:left;
    clear:both;
}

#pm #pi .pi_tab_content .bc > p{
    margin:10px;
    font-size:16px;
}

#pm #pi .pi_tab_content a.btn{
    margin:20px;
    /* float:left; */
    width:auto;
    clear:none;
}

#pm #pi .pi_tab_content ul li, #pm #pi .pi_tab_content ol li{
    width: 530px;
    margin: 0 0 0 20px;
    padding: 3px 0;
}

#pm #pi .pi_tab_content ul li{
    list-style: disc;
}

#pm #pi .pi_tab_content ul.feefo li{
    list-style: none;
    margin: 0 0 0 10px;
    padding: 8px 0;
    border-bottom: 1px solid #D2D2D2;
}

#pm #pi .pi_tab_content ul.feefo li:last-child{
    border-bottom: none;
}


.pdlDelivery{
    height:100%;
    width:100%;
    float:left;
    background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
}

.pdlDelivery .bc{
}
.pdlDelivery .bc .artp{
    float:left;
    width:50%;
    margin-left:40%;
    margin-top:20px;
}

.pdlDelivery .bc .artp table{
    /* outline:1px red solid; */
}



.pdlDelivery .bc .artp table {
    margin-bottom: 40px;
    width: 100%;
}

.pdlDelivery .bc .artp table th {
    background: #444;
    color: #ffffff;
    font-weight:800;
    font-size:16px
}

.pdlDelivery .bc .artp table td,
.pdlDelivery .bc .artp table th {
    border-left: 2px solid #f6f6f6;
    padding: 5px 10px;
}
.pdlDelivery .bc .artp table td {
    background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
}


.pdlDelivery .bc .artp table td.price,
.pdlDelivery .bc .artp table th.price {
    text-align: center;
    font-size:16px;
}

.pdlDelivery .bc .artp table th.first,
.pdlDelivery .bc .artp table td.first {
    border-left: none;
        font-size:16px;
}

.pdlDelivery .bc .artp table td.free {
    background:#ce1c00;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size:20px;
}

/***********************************************************************/
/* Recommended products - Buy option                                   */
/***********************************************************************/

#pi .prec{
    float: left;
    width: 1200px;
    margin: 10px 0 30px;
    padding: 0 0;
}

#pi .prec .bt {
    width: 1180px;
    padding: 0 10px;
    background-image: url('https://s3-eu-west-1.amazonaws.com/peteblandsports/4423680/i/bdr/title-dash.png');
    background-repeat: no-repeat;
    background-position: center;
}

#pi .prec h3{
    display: block;
    float: none;
    width: 296px;
    margin: 0 auto;
    padding: 0px 0px;
    color: #444444;
    font-size: 1.125em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

#pi .prec .sprd
{
    float: left;
    position: relative;
    width: 570px;
    height: 50px;
}

#pi .prec .sprd form
{
    position: absolute;
    top: 10px;
}

#pi .prec .sprd form p
{
    display: none;
}

#pi .prec .sprd .img
{
    float: left;
    position: absolute;
    left: 15px;
}

#pi .prec .sprd .img img
{
    float: left;
    width: 40px !important;
    height: 40px !important;
}

#pi .prec .sprd a.lnk
{
    float: left;
    width: 270px;
    margin-left: 80px;
    padding: 2px 0;
    font-size: 14px;
}

#pi .prec .sprd .price,
#pi .prec .sprd .offer
{
    float: left;
    width: 210px;
    margin-left: 10px;
    padding: 2px 0;
}

#pi .prec .sprd .prevprice,
#pi .prec .sprd .price label,
#pi .prec .sprd .prevprice label,
#pi .prec .sprd .offer label
{
    display: none;
}

#pi .prec .sprd .price h6
{
    font-size: 14px;
}

#pi .prec .sprd h3
{
    display: none;
}


#pi .prec .fprd {
    float: left;
    width: 234px;
    height: 300px;
    margin-right: 63px;
}

#pi .prec .fprd:first-child {
    margin-left: 37px;
}
#pi .prec .fprd:last-child {
    margin-right: 37px;
}

#pi .prec .fprd .price {
    float: right;
    width: 117px;
    margin-top: 10px;
}
#pi .prec .fprd .price label {
    display: none;
}
#pi .prec .fprd .price h6 {
    font-size: 0.8em;
}


/***********************************************************************/
/* Associated and Related products                                     */
/***********************************************************************/

#pi .pass, #pi .prel, #pi .pran
{
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
    padding: 0 0;
}

#pi .pass h3,
#pi .prel h3,
#pi .pran h3
{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 20px;
    font-size: 26px;
    text-align: center;
    color: #dc381d;
    font-weight: 800;
    border-bottom: 2px #ccc solid;
}

#pi .pass .fprd h3, 
#pi .pass .fprd h3, 
#pi .pass .fprd h3
{
    display: none;
}

#pi .pass .fprd
{
    margin: 15px 10px 0 10px;
}


/***********************************************************************/
/* 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
{
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #000;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0;
}

/* This is the zoom window. */
.cloud-zoom-big
{
    overflow: hidden;
    left: 0px !important;
    min-width: 420px;
}

/* This is the loading message. */
.cloud-zoom-loading
{
    position: absolute;
    top: 0;
    margin: 0;
    background: #222;
    padding: 3px;
    border: 1px solid #000;
}

#pi .right .art
{
    width: auto;
    float: left;
    padding: 0 0 20px 20px;
}



/***********************************************************************/
/* Banners                                                             */ 
/***********************************************************************/
#a60751872 img {
    max-width: 275px;
    max-height: 149px;
}



/***********************************************************************/
/* Videos                                                              */ 
/***********************************************************************/

#pi .youtube a{
}


/***********************************************************************/
/* product spec table/list                                             */ 
/***********************************************************************/

#pm #pi .pi_tab_content ul.spec{
    background-color:#f6f6f6;
    width:1112px;
    margin:0px;
    padding:0px;
    border:4px #fff solid;

}

#pm #pi .pi_tab_content ul.spec li{
  list-style:none;
  border:4px #fff solid;
  margin:0px;
  padding:0px;
  width:551px;
  border-right:none;
  border-bottom:none;
}

#pm #pi .pi_tab_content ul.spec li:nth-child(2n){
    border-right:2px #fff solid;

}

#pm #pi .pi_tab_content ul.spec li:nth-child(3),
#pm #pi .pi_tab_content ul.spec li:nth-child(4),
#pm #pi .pi_tab_content ul.spec li:nth-child(7),
#pm #pi .pi_tab_content ul.spec li:nth-child(8),
#pm #pi .pi_tab_content ul.spec li:nth-child(11),
#pm #pi .pi_tab_content ul.spec li:nth-child(12),
#pm #pi .pi_tab_content ul.spec li:nth-child(15),
#pm #pi .pi_tab_content ul.spec li:nth-child(16),
#pm #pi .pi_tab_content ul.spec li:nth-child(19),
#pm #pi .pi_tab_content ul.spec li:nth-child(20){
    background-color:#e0e0e0;
}


#pm #pi .pi_tab_content ul.spec li label{
    float:none;
    display:inline-block;
      padding:10px;
    font-weight:800;
    margin-right:10px;
    width:150px;
    border-right:4px solid #fff;
}
#pm #pi .pi_tab_content ul.spec li span{
    display:inline-block;

    padding:10px 0px;
}


#pm #pi .pi_tab_content ul.faqs{
}

#pm #pi .pi_tab_content ul.faqs li{
    list-style:none;
    border-bottom:1px #e8e8e8 solid;
    width:98%;
    padding:0;
    margin:0 1%;
}

#pm #pi .pi_tab_content ul.faqs p.question::before{
    content:"Q:";
    display:inline-block;
    margin-right:10px;
    font-weight:800;
    font-size:20px;
    width:20px;
    color:#ce1c00;

}


#pm #pi .pi_tab_content ul.faqs p.answer::before{
    content:"A:";
    width:20px;
    display:inline-block;
    margin-right:10px;
    font-weight:800;
    font-size:20px;
    color:#ce1c00;

}





/**************
rating in review
*/


#pm #pi .pi_tab_content ul.rating{
    background-color:#f6f6f6;
    width:744px;
    margin:0px;
    padding:0px;
}

#pm #pi .pi_tab_content ul.rating li{
  list-style:none;
  border:4px #fff solid;
  margin:0px;
  padding:0px;
  width:100px;
  border-right:none;
  border-bottom:none;
}

#pm #pi .pi_tab_content ul.rating li:nth-child(2n){
    border-right:2px #fff solid;

}

#pm #pi .pi_tab_content ul.rating li:nth-child(2n){
    background-color:#e0e0e0;
}



#pm #pi .pi_tab_content ul.rating li.ratingname{
    font-weight:800;
}



#pm #pi .pi_tab_content ul.rating li.rating0{
}

#pm #pi .pi_tab_content ul.rating li.rating1{
}


#pm #pi .pi_tab_content ul.rating li.rating2{
}

#pm #pi .pi_tab_content ul.rating li.rating3{
}

#pm #pi .pi_tab_content ul.rating li.rating4{
}

#pm #pi .pi_tab_content ul.rating li.rating5{
}


#pm #pi .pi_tab_content ul.rating li{
    list-style:none;
    border:2px #fff solid;
    padding:10px;
    margin:0%;
}