/* **** Summer Web Site CSS **** */

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap');

/* **** Defines **** */

:root
{
	--green-black: #354f01;
	--green-dark: #5a8d02;
	--green-medium: #88b130;
	--green-bright: #c9e785;
	--green-pale: #e7f3c7;
	--orange-medium: orange;
	--yellow-medium: yellow;
	--off-white: #f8f8f8;
	--grey-pale: #f4f4f4;
	--info-button: #45e2fb;
	--shadow-std: 2px 2px 2px rgba(0, 0, 0, 0.5);
	--bg-gradient: linear-gradient(to bottom right, rgb(14, 161, 14), rgb(8, 39, 92));
	--bg-gradient-hover: linear-gradient(to right, darkslategrey , green);
	--background-light: white;
	--background-dark: #222;
	--foreground-light: white;
	--text-dark: #333;
	--text-black: black;
	--ctext-bg-red: red;
	--ctext-bg-yellow: #fde46e;
	--ctext-fg-light: white;
	--ctext-fg-green: #ffb603;
	--ctext-fg-yellow: yellow;
	--ctext-fg-red: red;
}

/* **** Web Fonts **** */

@font-face
{
	font-family: 'darinshandregular';
	src: url('darinshand_regular-webfont.eot');
	src: local('?'),
		url('darinshand_regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('darinshand_regular-webfont.woff2') format('woff2'),
		url('darinshand_regular-webfont.woff') format('woff'),
		url('darinshand_regular-webfont.ttf') format('truetype'),
		url('darinshand_regular-webfont.svg#darinshandregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html
{
	box-sizing: border-box;
}

*, *:before, *:after
{
	box-sizing: inherit;
}

/* **** Body **** */

body
{
	margin: 0;
	font-size: 14px;
	color: var(--text-dark);
	background-color: var(--background-light);
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
}

/* **** General **** */

h1, h2, h3, h4, h5
{
	color: var(--green-dark);
}

h1
{
	font-size: 2em;
	margin: 0 0 10px 0;
	padding: 0;
}

h1 span, h2 span
{
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
}

h2 span
{
	font-size: 18px;
}

h2
{
	font-size: 22px;
}

h3
{
	font-size: 16px;
}

h4
{
	font-size: 14px;
}

h5
{
	font-size: 13px;
}

p
{
	font-size: 15px;
	line-height: 1.6em;
}

li
{
	font-size: 15px;
	padding: 3px 0;
}

a
{
	color: var(--green-dark);
	text-decoration: none;
}

a:hover
{
	color: var(--text-black);
	text-decoration: underline;
}

.mobile
{
	display: none;
}

.desktop
{
	display: block;
}

.sesshide
{
	background-color: var(--background-light);
	color: var(--background-light);
}

.collapsesummary
{
	cursor: pointer;
	outline-width: 0;
	font-size: 17px;
	color: var(--green-dark);
}

.collapsedetails.noarrow > .collapsesummary
{
	list-style: none;
}

.collapsedetails.noarrow > .collapsesummary::-webkit-details-marker
{
	display: none;
}

/* **** Header Bar and Logo Area **** */

#navbar
{
	width: 100%;
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	grid-template-rows: auto auto auto auto auto;
	column-gap: 6px;
	row-gap: 8px;
}

#sitemessages
{
	grid-area: 1 / 1 / 2 / 6;
}

#sitelogo
{
	grid-area: 2 / 1 / 5 / 2;
	justify-self: center;
	cursor: pointer;
}

#phonehours
{
	grid-area: 2 / 2 / 3 / 4;
	display: flex;
	justify-self: center;
	align-self: center;
	color: #777;
	font-size: 16px;
}

#searchcontainer
{
	grid-area: 3 / 2 / 4 / 4;

	justify-self: stretch;
	align-items: center;
	margin: 5px 0;
	background-image: url('/images/site/newlogo/searchicon.png');
	background-position: 10px 8px;
	background-repeat: no-repeat;
	padding: 8px 20px 8px 40px;
	background-color: white;

	border: 1px solid #999;
	border-radius: 10px;
}

#searchcontainer #searchfld
{
	outline: none;
	border: none;
	width: 100%;
	font-size: 16px;
}

#infomenucontainer
{
	grid-area: 4 / 3 / 5 / 4;
}

#contactus
{
	grid-area: 4 / 2 / 5 / 3;
}

.contactinfo
{
	justify-self: center;
	color: var(--green-dark);
	display: inline-flex;
	justify-content: space-around;
	font-size: 18px;
	font-weight: bold;
	border-radius: 10px;
	padding: 5px 8px 3px 8px;
	cursor: pointer;
}

.contactinfo:hover
{
	background-color: var(--green-dark);
	color: white;
	text-decoration: none;
}

.contactinfo a:hover
{
	color: white;
	text-decoration: none;
}

#infomenu
{
	background-color: white;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.tbddmenu
{
	margin: 2px;
	padding: 2px 5px 3px 5px;
	color: white;
}

.tbddmenu:hover
{
	background-color: var(--green-dark);
	cursor: pointer;
	color: white !important;
}

.tbddmenu a
{
	font-size: 16px;
	color: var(--green-black) !important;
}

.tbddmenu:hover a
{
	color: white !important;
}

.tbddmenu a:hover
{
	text-decoration: none;
	color: white !important;
}

/* **** Postcode **** */

#postcodecontainer
{
	grid-area: 2 / 4 / 5 / 5;
	justify-self: center;
	color: white;
	background-color: var(--green-dark);
	border-radius: 10px;
	padding: 0.5em;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
	font-size: initial;
	font-weight: bolder;
	_background: linear-gradient(-45deg, #88b103, #ffda11, #77ec18, #9be51b);
	_animation: postcodegradient 14s ease infinite;
	background-size: 300% 300%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

#postcodemsg
{
	padding: 10px;
}

#postcodearea
{
	padding: 10px;
}

#postcodeoutcode
{
	text-align: center;
	font-size: 45px;
}

#postcodecountry
{
	text-align: left;
	font-size: 12px;
}

#postcodepanel
{
	background-color: #f8f8f8;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	max-width: 420px;
}

/* **** Basket **** */

#basketcontainer
{
	grid-area: 2 / 5 / 5 / 6;
	justify-self: center;
	text-align: center;
	font-weight: bold;
}

#basketcount
{
	background-color: var(--green-dark);
	border-radius: 50%;
	width: 26px;
	height: 26px;
	display: flex;
	justify-self: center;
	position: absolute;
	margin: 18px 0 0 48px;
	z-index: 499;
	color: white;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
}

#shopcartimg
{
	min-width: 3em;
}

#shopcartimg:hover
{
	cursor: pointer;
}

#productbarcontainer
{
	grid-area: 5 / 1 / 6 / 6;
}

/* **** Product Bar **** */

#productbarcontainer
{
	letter-spacing: normal;
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
	background-color: var(--green-medium);
	height: 36px;
}

#productbarlist
{
	background-color: var(--green-medium);
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: center;
}

.pbarbtn, .pbarbtncur
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	margin: 4px;
	height: 29px;
	padding: 0 7px;
	color: black;
	font-size: 16px;
	max-width: 70%;
	border-radius: 3px;
	white-space: nowrap;
	cursor: pointer;
}

.pbarbtn
{
	background: var(--green-pale);
}

.pbarbtncur
{
	background: yellow;
}

.pbarbtn:hover
{
	color: white;
	background: var(--green-dark);
	text-decoration: none;
}

.pbarbtncur:hover
{
	background: #ffda11;
	text-decoration: none;
}

#productmorelist
{
	background-color: #f1f6e4;
	box-shadow: var(--shadow-std);
	font-weight: normal;
	padding: 5px;
	z-index: 120 !important;
	font-size: 15px;
}

.conthead
{
	font-size: 11px;
	font-style: italic;
}

/* **** Submenu **** */

.pbsubmenu, .pbsubmenucur
{
	font-size: 15px;
	padding: 2px 5px;
	margin: 1px 0;
	clear: both;
	text-align: left;
	white-space: nowrap;
	cursor: pointer;
}

.pbsubmenucur
{
	background-color: yellow;
}

.pbsubmenucur:hover
{
	background-color: #ffda11;
}

.pbsubmenu:hover
{
	color: white;
	background-color: #5a8d02;
	text-decoration: none;
}

/* **** Product Panel **** */

#panel
{
	box-sizing: border-box;
	background-color: #f4f4f4;
	margin: 0 auto;
	width: 100%;
}

#pbclrblock
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	background-color: var(--grey-pale);
	margin: 5px 0 0 0;
	padding: 0;
}

#pbclrbtn
{
	display: inline-block;
	align-self: center;
	padding: 3px 12px;
	background-color: #777;
	color: white;
	font-size: 16px;
	margin-top: 2px;
	border-radius: 12px;
}

#pbclrbtn:hover
{
	cursor: pointer;
	background-color: black;
}

#panelblocks
{
	display: flex;
	flex-wrap: nowrap;
	background-color: var(--grey-pale);
	align-items: flex-start;
	justify-content: left;
	padding: 0;
	overflow: auto;
}

.panelblock
{
	display: inline-flex;
	flex-direction: column;
	padding: 5px;
	margin: 0 5px 10px 5px;
	border-radius: 8px;
}

.panelblock:last-child
{
	margin-right: 20px !important;
}

.paneltitle
{
	margin: 5px 0;
	padding: 2px 5px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: black;
	background-color: #e6e6e6;
	white-space: nowrap;
	border-radius: 4px;
}

.panelcontent
{
	display: block;
}

.panelitem
{
	color: #444;
	margin: 3px 0;
	padding: 2px 5px 2px 10px;
	font-size: 13px;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	white-space: nowrap;
}

.panelitem:hover
{
	background-color: #ccc;
	color: black;
	cursor: pointer;
	text-decoration: none;
}

.pittlsel
{
	display: none !important;
}

.piselected
{
	background-color: var(--green-dark);
	color: white;
}

.piselected:hover
{
	background-color: black;
	color: white;
}

.pitemname
{
	display: inline-block;
	margin-right: 5px;
}

.pitemname a
{
	color: black !important;
	pointer-events: none;
	cursor: default;
}

.piselected a
{
	color: white !important;
	pointer-events: none;
	cursor: default;
}

.pitemname a:hover, .piselected a
{
	text-decoration: none !Important;
}

.pitemqty
{
	display: inline-block;
	margin-left: 5px;
}

/* **** Form **** */

form
{
	margin: 0;
	padding: 0;
}

input[type="checkbox"], input[type="radio"]	/* Fixes problems in IE10 */
{
	border: none !important;
	padding: 1px 4px;
}

/* **** Content **** */

#maincontent
{
	width: 100%;
	background: white;
	margin: 0 auto;
}

#contentwrapper
{
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0 10px 10px 10px;
	z-index: 10;
}

#contentcol
{
	margin: 0;
	padding: 5px 5px 15px 5px;
	z-index: 10;
	font-size: 14px;
	line-height: 1.6em;
}

/* **** CTEXT Colour Box **** */

.ctextbox
{
	border-radius: 5px;
	box-shadow: var(--shadow-std);
	padding: 8px;
	font-size: 14px;
	margin-top: 5px;
	overflow: hidden;
	position: relative;
}

.ctextboxred
{
	background-color: var(--ctext-bg-red);
	color: var(--ctext-fg-light);
}

.ctextboxred a
{
	color: var(--ctext-fg-yellow);
}

.ctextboxgreen
{
	background-color: var(--green-dark);
	color: var(--ctext-fg-light);
}

.ctextboxgreen a
{
	color: var(--ctext-fg-green);
}

.ctextboxyellow
{
	background-color: var(--ctext-bg-yellow);
	color: var(--text-dark);
}

.ctextboxyellow a
{
	color: var(--ctext-fg-red);
}

.ctextbox .readmore
{
	position: absolute;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background-image: linear-gradient(to bottom, transparent, white);
}

.ctextbox .readmore .ctrmtxt
{
	display: inline-block;
	background-color: var(--green-black);
	color: var(--ctext-fg-light);
	padding: 5px;
	margin-right: 20px;
	border-radius: 4px;
}

.ctextbox .readmore .ctrmtxt:hover
{
	background-color: var(--green-dark);
}

/* **** Advanced Product Search and Contact Table **** */

.searchcontact
{
	background-color: var(--green-pale);
	padding: 3px;
	border-spacing: 2px;
	box-shadow: var(--shadow-std);
	font-size: 15px;
}

.searchcontact th
{
	color: var(--foreground-light);
}

.searchcontact td
{
	padding: 3px;
}

/* **** Customer Accounts **** */

.custaccountmsg
{
	background-color: var(--orange-medium);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	display: inline-block;
	padding: 8px;
	border-radius: 3px;
	animation: bgcolouranim 2s 1 forwards;
}

@keyframes bgcolouranim
{
	from { background-color: var(--orange-medium); }
	to { background-color: var(--green-pale); }
}

/* **** Printer **** */

.printer
{
	float: right;
	cursor: pointer;
}

#ppg
{
	float: right !important;
	display: inline-block;
	margin: 0 20px;
}

/* **** Cookie Law: Push-down bar and table **** */

#cklbox
{
	background-color: var(--background-dark);
	display: none;
	position: fixed;
	text-align: left;
	font-size: 12px;
	z-index: 3002;
	width: calc(100% - 2px);
	left: 1px;
	bottom: 0;
	color: var(--foreground-light);
	padding: 2px 10px 2px 100px;
	font-weight: normal;
}

#cklbox a, #cklbox a:visited
{
	color: var(--yellow-medium);
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}

#cklbox a:hover
{
	text-decoration: underline;
}

#cklhide
{
	float: right;
	margin: 3px 160px 0 10px;
	font-weight: bold;
	padding: 1px 4px;
	border-radius: 3px;
	font-size: 14px;
	background-color: #f0d800;
	cursor: pointer;
	color: black;
}

#cklhide:hover
{
	background-color: yellow;
}

table.ckl th, table.ckl td
{
	border-radius: 1px;
	padding: 2px 5px;
	font-size: 13px;
}

table.ckl th
{
	background-color: var(--green-dark);
	color: white;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

table.ckl td
{
	background-color: #fcfffc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

table.ckl tr:hover td
{
	background-color: #f0fff0;
}

/* **** Customer Emails and Letters **** */

.sbuttons
{
	display: flex;
	justify-content: center;
	margin: 16px 0;
}

.sbuttons .sbutton a, .sbuttons .sbutton a:visited
{
	font-size: 14px;
	text-decoration: none;
	background-color: var(--green-dark);
	color: white;
	font-weight: bold;
	padding: 2px 8px;
	margin: 0 20px;
	box-shadow: var(--shadow-std);
	border-radius: 10px;
}

.sbuttons .sbutton a:hover
{
	color: #333;
	text-decoration: none;
	background-color: var(--green-bright);
}

.custreview, .cletter
{
	border-radius: 4px;
	box-shadow: 2px 2px 4px #777;
	background-color: var(--off-white);
	color: #444;
	padding: 0 8px 3px 8px;
	margin-bottom: 8px;
	text-align: left;
	line-height: 1.3em;
}

.custreview p
{
	margin: 7px 0;
	line-height: 1.3em;
}

td.totals
{
	font-size: 16px;
	color: var(--green-dark);
}

td.whitebg
{
	background: white !important;
}

/* **** Site Map **** */

.sitemapheader
{
	clear: both;
	background-color: var(--green-medium);
	font-size: 16px;
	font-weight: bold;
	color: black;
	padding: 3px 6px;
	margin: 10px 0 3px;
}

.sitemaplink
{
	width: 350px;
	float: left;
	margin: 0 4px 4px 0;
}

.sitemaplink:hover
{
	background-color: #eee;
	cursor: pointer;
}

/* **** List commands **** */

ul.ublist
{
	padding: 0;
}

ul.ublist li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.dslist li
{
	margin: 10px 0;
}

/* **** Fade box **** */

.fadebox
{
	overflow: hidden;
	position: relative;
	margin-bottom: 8px;
	cursor: pointer;
}

.fadebox .readmore
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 27px 0 0 0;
	text-align: right;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), white);
}

.fadebox .readmore a
{
	color: white;
	background-color: #245e24;
	padding: 2px 5px;
	font-size: 10px;
	font-variant: small-caps;
	border-radius: 3px;
	text-decoration: none;
}

.fadebox .readmore a:hover
{
	background-color: #090;
}

#custback
{
	margin-top: 20px;
}

#custback a
{
	background-color: var(--green-dark);
	padding: 7px 10px 7px 30px;
	font-size: 15px;
	font-weight: bold;
	color: yellow;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#custback a:hover
{
	background-color: var(--green-medium);
	color: white;
	text-decoration: none;
}

/* **** Accessories **** */

#accpopup
{
	margin: 10px;
}

#accscrollmsg
{
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: red;
	color: white;
	font-size: 13px;
	padding: 3px;
}

#accscrollmsg .bigger
{
	font-size: 150% !important;
}

ol.lispaced li
{
	font-size: 12px;
	margin: 3px 0;
	line-height: 1.4em;
}

/* **** Fitter Pages **** */

.fitorderdets
{
	background-color: #feffc0;
	padding: 8px;
	border: 1px solid #d7c481;
}

.fitorderdets, .fitorderdets p
{
	font-size: 12px !important;
}

.fitorderdets p
{
	margin-top: 0;
}

/* **** Beacon **** */

.beacon
{
	position: fixed;
	z-index: 4000;
	border-radius: 50%;
	border-top: 30px solid var(--green-dark);
	border-bottom: 30px solid var(--green-dark);
	border-left: 30px solid var(--green-bright);
	border-right: 30px solid var(--green-bright);
	animation-iteration-count: infinite;
	_animation-timing-function: linear;
	animation-timing-function: ease-in-out;
}

#beacon1
{
	width: 200px;
	height: 200px;
	top: calc(50% - 100px);
	left: calc(50% - 100px);
	animation-name: brotate1;
	animation-duration: 2.3s;
	opacity: 0.75;
}

#beacon2
{
	width: 170px;
	height: 170px;
	top: calc(50% - 85px);
	left: calc(50% - 85px);
	animation-name: brotate2;
	animation-duration: 1.9s;
	opacity: 0.5;
}

@keyframes brotate1
{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

@keyframes brotate2
{
	from {transform: rotate(360deg);}
	to {transform: rotate(0deg);}
}

/* **** Page Images **** */

.imgl, .imglt
{
	float: left;
	padding: 0 10px 10px 0;
	margin: 0 5px 0 0;
}

.imgr, .imgrt
{
	float: right;
	padding: 0 0 10px 10px;
	margin: 5px 5px 5px 15px;
}

.img, .imgt
{
	padding: 5px;
}

.imgb, .imgbt, .imglb, .imglbt, .imgrb, .imgrbt, .imgcb, .imgcbt
{
	padding: 10px;
	background-color: white;
	border: 1px solid #999;
	border-radius: 2px;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
	font-size: 10px;
	text-align: center;
}

.imgb, .imgbt
{
	margin: 10px;
}

.imglb, .imglbt
{
	float: left;
	margin: 0 20px 10px 0;
}

.imgrb, .imgrbt
{
	float: right;
	margin: 0 5px 10px 20px;
}

.imgcb, .imgcbt
{
	margin: 0 auto;
}

.imglbt, .imgrbt, .imgcbt, .imgbt
{
	padding: 10px 10px 2px 10px !important;
}

.piccaption
{
	text-align: center;
}

.scpic
{
	margin: 8px;
	padding: 8px;
	border: 1px solid #999;
	border-radius: 3px;
}

/* **** Video **** */

.ytleft
{
	float: left;
	margin: 2px 10px 10px 0;
}

.ytright
{
	float: right;
	margin: 2px 0 10px 10px;
}

/* **** Misc **** */

.dlibdateselectbtn
{
	margin-left: 5px;
}

.small
{
	font-size: 12px;
	line-height: 1.2em;
}

.tiny
{
	font-size: 11px;
}

.checkboxtext, .radiotext, .prodmatsize, .matchkboxlink
{
	color: black !important;
	font-weight: normal !important;
}

.checkboxtext, .radiotext, .radiotextdisabled, .matchkboxlink
{
	padding: 1px 3px;
	border-radius: 2px;
}

.radiotext span, a.matchkboxlink:hover, .matchkboxlink:hover
{
	color: black !important;
}

.radiotextdisabled, .radiotextdisabled span
{
	color: #777 !important;
}

.checkboxtext:hover, .radiotext:hover, .radiotext span:hover, .matchkboxlink:hover
{
	background-color: var(--green-bright);
	color: black;
	cursor: pointer;
}

.prodmatsize:hover
{
	color: var(--green-dark);
	text-decoration: none !important;
}

/* **** Collapse Blocks **** */

h2.colBlkTtl:hover
{
	cursor: pointer;
	color: #040;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.colblk
{
	font-size: 14px;
	color: #333;
	margin-left: 20px;
	padding: 8px;
	border: 1px solid #7aad22;
	background-color: #fafcf2;
	border-radius: 2px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.colblk p
{
	margin: 0;
	padding: 0;
}

.colblk p+p
{
	margin-top: 16px;
}

.youtubevid
{
	transition-delay: 0s;
	transition-duration: 1.3s;
	transition-property: width,height;
	transition-timing-function: ease-in-out;
}

/* **** Post Code Reminder **** */

#postcodereminder
{
	display: none;
	opacity: 0;
	z-index: 510;
}

#pcrtextblock
{
	width: 260px;
	position: absolute;
	padding: 8px;
	top: 0;
	text-align: center;
	font-size: 14px;
	color: white;
	background-color: #ed6800;
	border-radius: 7px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	z-index: 510;
}

#pcrtitle
{
	color: white;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 10px;
}

#pcrarrow
{
	background-color: #ed6800;
	transform: rotate(45deg);
	width: 30px;
	height: 30px;
	z-index: 509;
	position: relative;
	top: -15px;
	left: 170px;
}

/* **************** */
/* **** Footer **** */
/* **************** */

span.nobreak
{
}

#footer
{
	background: #444;
	display: flex;
	justify-content: space-around;
	border-right: solid 1px white;
	border-left: solid 1px white;
	margin-bottom: 35px;
	vertical-align: top;
	padding: 10px 0;
}

#footeradvert, #footeradvertlogo
{
	text-align: left;
	margin: 0;
	line-height: 1.5em;
	display: inline-block;
	color: #487018;
	font-size: 16px;
}

#footeradvert
{
	height: 140px;
	width: 390px;
	padding: 5px 0 0 110px;
	background: url("/images/site/footeradvert.png") no-repeat left 5px var(--off-white);
	cursor: pointer;
}

#footeradvertlogo
{
	height: 90px;
	width: 350px;
	padding: 5px;
	background-repeat: no-repeat;
	background-image: url("/images/site/topbarlogo.png"), linear-gradient(to right, #95f0ff 0%,#e3feff 50%,#e3feff 88%,#d2f9ff 100%);
}

#footeradvert span
{
	font-size: 26px !important;
}

#footerlinks
{
	text-align: left;
	display: inline-block;
	padding: 10px 0 0 10px;
	line-height: 1.9em;
}

#footerlinks #copyright
{
	font-size: 16px;
	margin: 8px 0 4px 0;
	line-height: 1.3em;
	color: white;
}

#footerlinks a
{
	font-size: 15px;
	color: white;
	padding: 0 3px;
	border: 1px solid transparent;
}

#footerlinks a:hover
{
	text-decoration: none;
	color: white;
	border: 1px solid white;
}

/* *********************** */
/* **** Promotion Bar **** */
/* *********************** */

#promobar
{
	display: flex;
	justify-content: space-between;
	position: fixed;
	padding: 3px;
	background-color: var(--green-bright);
	letter-spacing: normal;
	text-align: center;
	z-index: 3000;
	width: 100%;
	clear: both;
	bottom: 0;
	border-top: solid 1px #040;
}

#promocontent
{
	font-size: 15px;
	color: #020;
}

#promocontent a
{
	text-decoration: none;
	font-size: 15px !important;
	color: #040 !important;
	font-weight: bold !important;
}

#promocontent a:hover
{
	color: black !important;
	text-decoration: none;
}

#promodots, #promocontent, #scrolldown
{
	display: inline-block;
	white-space: nowrap;
}

#promodots
{
	margin: 0 20px 0 95px;
}

#promobar .prdot
{
	display: inline-block;
	border-radius: 50%;
	border: 2px solid #040;
	background-color: white;
	margin: 4px 4px 0 4px;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

/* **** Scroll Down **** */

#scrolldown
{
	display: inline-block;
	visibility: hidden;
	background-color: var(--green-dark);
	font-size: 14px;
	color: white;
	padding: 2px 10px;
	margin-right: 170px;
	text-align: center;
}

#scrolldown:hover
{
	cursor: pointer;
	background-color: var(--green-black);
}

/* ***************************** */
/* **** Product Type Screen **** */
/* ***************************** */

#ptcontent
{
	margin-top: 10px;
}

#noneinlist
{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #749f2c;
	border: 2px outset var(--green-dark);
	border-radius: 15px;
	color: white;
	margin: 30px 0 170px 0;
}

.ipp
{
	padding: 0 4px;
	color: black;
}

.ipp a, .ipp a:visited
{
	color: #7dbe0c;
}

.ipp a:hover
{
	color: black;
}

/* **** Pagination **** */

.ptpagination
{
	border: 1px solid #ececec;
	color: var(--green-dark);
	font-size: 15px !important;
	overflow: hidden;
	line-height: 1.5em;
	clear: both;
	background: white;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
}

.ptpagination select
{
	margin-left: 5px;
	font-size: 15px !important;
}

.ptitems, .ptsortby, .ptpages
{
	display: inline-block;
	margin: 5px 10px;
}

.ptpgnavgrey, .ptpgnav, .ptpghi, .ptpg
{
	display: inline-block;
	padding: 0 4px;
}

.ptpgnav, .ptpg
{
	cursor: pointer;
}

.ptpgnav:hover, .ptpg:hover
{
	text-decoration: underline;
	color: black;
}

.ptpghi
{
	color: black;
	font-weight: bold;
	font-size: 110%;
}

.ptpgnavgrey
{
	color: #666;
}

/* ***************************** */
/* **** Product Box Display **** */
/* ***************************** */

/* **** PRODBLOCK command **** */

.prodblock
{
	display: flex;
	flex-wrap: nowrap;
	/*flex-flow: row wrap;*/
	justify-content: space-between;
	clear: both;
}

/* **** Product Display **** */

.nproductsContainer
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 14px;
	clear: both;
}

.nproductsContainer .nproductBlock
{
	width: auto;
	margin: 0;
	background-size: 100% auto;
	color: white;
}

/* Common Grid/No Grid settings */

.productsContainer .nproductBlock
{
	width: 380px !important;
}

.nproductBlock
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 420px;
	background-repeat: no-repeat;
	background-color: white;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.nproductBlock:hover
{
	cursor: pointer;
	z-index: 99;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
	position: relative;
	top: -1px;
	left: -1px;
}

.nprodBlockContent
{
	align-self: flex-end;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 8px;
}

.nproductNames
{
	padding-top: 4px;
}

.nproductName
{
	color: white;
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
	height: 22px;
	white-space: nowrap;
	padding: 0 2px 3px 0;
}

.nproductSubName
{
	color: white;
	font-size: 16px;
	font-weight: normal;
	line-height: 120% !important;
	padding-bottom: 5px;
}

.nproductData
{
	overflow: hidden;
	max-height: 0;
	transition: max-height 1.2s ease-in-out;
}

a.nprodBlockLink
{
	text-decoration: none !important;
}

.nproductBlock:hover > .nprodBlockContent .nproductData
{
	max-height: 400px;
	display: block;
}

.nproductInfo
{
	color: white;
	font-size: 16px;
	line-height: 120% !important;
	padding-bottom: 5px;
}

.nproductInfo .sizeprice
{
	font-size: 110%;
	font-weight: bold;
	color: yellow;
}

.nproductInfo .spnowrap
{
	white-space: nowrap;
}

.nprodOffer
{
	text-align: center;
	align-self: flex-start !important;
	background-color: yellow;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	transform: matrix(0.8, -0.8, 0.8, 0.8, -55, -10);
	padding: 20px 50px 5px 50px;
	color: black;
	opacity: 0.95;
}

.nprodFeefo
{
	margin-top: 6px;
	text-align: right;
}

.productBlock
{
	text-align: center;
	width: 330px;
	padding: 8px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
}

.productBlock:hover
{
	cursor: pointer;
	z-index: 99;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8);
}

.productBlock img
{
	width: 90%;
	height: auto;
}

.productName
{
	color: #548c00;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	height: 22px;
	white-space: nowrap;
	padding: 0 2px;
}

.productSubName
{
	color: #548c00;
	font-size: 14px;
	font-weight: normal;
	line-height: 120% !important;
	margin-bottom: 5px;
}

.productInfo
{
	text-align: center;
	color: white;
	font-size: 15px;
	line-height: 120% !important;
	margin-bottom: 5px;
	white-space: nowrap;
}

.productInfo .sizeprice
{
	font-size: 110%;
	font-weight: bold;
	color: yellow;
}

.productInfo .spnowrap
{
	white-space: nowrap;
}

.productTags
{
	text-align: left !important;
}

.productTags ul
{
	margin: 0;
	padding: 0 !important;
}

.productTags li
{
	padding: 0 !important;
	margin-left: 20px;
	font-size: 13px !important;
	color: white;
	line-height: 1.3em !important;
}

.productTags li.specoffer
{
	color: yellow !important;
	list-style: none;
	margin: 0 !important;
}

/* ********************** */
/* **** Product Page **** */
/* ********************** */

/* **** Breadcrumbs **** */

#breadcrumbs
{
	border-bottom: 1px solid #689617;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.crumb
{
	margin: 0;
	display: inline-block;
	margin-right: 5px;
	padding: 5px 8px !important;
	font-size: 15px;
	color: #333;
	background: #ededed;
	cursor: pointer;
	border-radius: 4px;
}

.crumb:hover
{
	color: white;
	background-color: #777 !important;
}

#bcprevpage
{
	background-color: var(--green-bright) !important;
}

#bcprevpage:hover
{
	color: white;
	background-color: var(--green-dark) !important;
	cursor: pointer;
}

#bcpparrow
{
	font-size: 13px;
	display: inline-block;
	margin-right: 10px;
	height: 10px;
	position: relative;
	top: -1px;
}

.bcdisabled
{
	background: #444 !important;
	color: #ccc !important;
}

.bcdisabled:hover
{
	background: #777 !important;
	color: white !important;
}

.bcexcluded
{
	background: url("/images/site/excluded.png") #ededed no-repeat center center !important;
}

#crumbprinter
{
	display: inline-block;
	width: 30px;
	cursor: pointer;
	margin-right: 50px;
}

/* **** Main Product Area **** */

.productcontentwrap h1
{
	padding: 10px 15px 5px 5px;
	margin: 0;
}

#prodimgtags h2, .prodsummary h2
{
	font-weight: bold;
}

#prodmain
{
	margin: 0;
}

#prodimgtags
{
	width: calc(50% - 25px);
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
}

.prodsummary p
{
	margin-top: 0 !important;
	margin-bottom: 15px;
	text-align: justify;
	line-height: 1.6em;
	font-size: 14px;
}

/* **** Top Tabs **** */

#toptabs
{
	clear: both;
	background-color: var(--green-bright); /*white;*/
	margin: 0 15px 10px 5px;
	padding: 5px;
	/*display: flex;*/
	display: none;
	justify-content: space-around;
}

.toptab
{
	display: inline-block;
	margin: 0 5px;
	font-size: 14px;
	font-size: 1.3vw;
	background-color: #dceea8; /*var(--green-bright);*/
	color: black;
	padding: 2px 8px;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 4px;
}

.toptab:hover
{
	cursor: pointer;
	background-color: var(--green-dark);
	color: white;
}

.totop
{
	display: none;
}

/* **** Product Images Area **** */

#prodimages
{
	min-width: 308px;
	text-align: center;
	padding: 15px 5px 20px 5px;
	border-radius: 9px;
}

#prodimages img
{
	margin-bottom: 5px;
}

#prodimages p
{
	margin: 10px;
	font-size: 10px;
	text-align: center !important;
	color: #999;
}

#prodthumbscontainer
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	margin: 0;
}

#prodthumbscontainer .prodthumb
{
	border: 1px solid #040;
	margin: 4px;
	cursor: pointer;
	text-align: left;
	padding: 0;
	display: flex;
}

.thumbnum
{
	display: inline-block;
	color: white;
	font-weight: bold;
	background-color: black;
	padding: 2px 5px 0 2px;
	border-radius: 0 70% 0 0;
	align-self: flex-end;
	opacity: 0.4;
}

#prodthumbscontainer .prodthumb:hover .thumbnum
{
	opacity: 1 !important;
	background-color: var(--green-dark);
}

#prodpictext
{
	text-align: left;
	font-size: 14px;
}

/* **** Package Deal **** */

#pdmsg
{
	font-size: 13px;
	color: red;
	text-shadow: 1px 1px #bbb;
	padding: 5px 42px 5px 5px;
	background: url("/images/site/bg_salestar.png") no-repeat right top;
}

@keyframes pdeal1
{
	0% {opacity: 0;}
	40% {opacity: 0;}
	49% {opacity: 1;}
	91% {opacity: 1;}
	100% {opacity: 0;}
}

/* **** Product Tabs **** */

#prodtabswrapper
{
	margin-bottom: 10px;
	padding: 5px;
}

#prodtabs
{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tabtitle
{
	font-size: 20px;
	flex: 1 0 auto;
	padding: 2px 12px;
	text-align: center;
	border-left: 2px solid #aaa;
	border-top: 2px solid #aaa;
	border-right: 2px solid #aaa;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	cursor: pointer;
}

.tabtitle:hover
{
	color: black !important;
	cursor: pointer;
}

.tabttl
{
	display: inline-block;
}

.custreview
{
	border-radius: 2px;
	box-shadow: var(--shadow-std);
	background-color: white;
	color: #444;
	padding: 8px;
	margin-bottom: 8px;
}

.custreview p
{
	margin: 7px 0;
}

/* **** Tab Box Content **** */

.tabcontent
{
	background-color: #ddd;
}

.dibox
{
	margin: 0;
	padding: 10px;
	background-color: #f4f8f4;
	border: 2px solid var(--green-dark);
	z-index: 2;
}

.dibox, .dibox p, .dibox li
{
	font-size: 14px !important;
}

.doflex
{
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
}

.dibox li
{
	padding: 3px 0;
}

.dititle
{
	color: #3a6d00;
	font-size: 15px;
	font-weight: bold;
}

.pdfreaders
{
	background-color: #d4e5ad;
	text-align: center;
	font-size: 15px;
	padding: 4px 6px;
	margin: 6px 0 0 0;
}

.pdfreaders a
{
	font-size: 15px !important;
}

/* **** Accessories and features **** */

.accessory
{
	width: 133px;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 2px #ccc;
	border-radius: 2px;
	text-align: center;
	margin: 0 7px 7px 0;
	padding: 5px;
	font-size: 12px !important;
	color: #333;
	background-color: white;
	cursor: pointer;
	overflow: hidden;
}

.accessory:hover
{
	border: 1px solid #777;
}

.accessory a
{
	color: #333 !important;
	font-size: 10px !important;
}

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

/* **** Price Matrix Area **** */

#fmatrix
{
	border: 0;
	overflow: hidden;
	padding: 0;
	border-radius: 9px;
	box-shadow: 0 7px 8px 0 rgb(0 0 0 / 20%);
}

#prodcolright
{
	display: inline-block;
	width: calc(50% - 25px);
	margin-left: 27px !important;
	padding: 0 !important;
}

#prodcolright h2
{
	margin: 0 0 0 -10px;
	padding: 5px 10px 5px 10px;
}

/* **** Top Price Box **** */

#matrixpricebox, #scrollpricebox
{
	padding: 10px;
	background-color: #faf4ac;
	overflow: hidden;
	font-size: 13px;
}

#scrollpricebox.basketwarning
{
	font-size: 23px;
	color: red;
}

#matrixpricebox
{
	padding: 0;
}

#randompcmsg
{
	background-color: red;
	margin: 0 10px 7px 10px;
	color: white;
	text-align: center;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #999;
	font-size: 13px;
}

#randompcmsg strong
{
	font-size: 15px;
	font-weight: bold;
}

#randompcmsg a, #randompcmsg a:visited
{
	color: yellow;
}

#productprice
{
	font-size: 22px;
	font-weight: bold !important;
	margin: 0;
	color: var(--green-dark);
}

#prodpriceinner
{
	margin: 1em;
}

#prodprice
{
	color: #2a5d00;
}

.addtobasket
{
	font-size: 21px !important;
	font-weight: bold !important;
	margin: 2px 10px 2px 5px;
	padding: 5px 16px !important;
	color: white;
	border-radius: 3px;
	background-color: var(--green-dark);
}

.add2barc
{
	background: linear-gradient(to bottom, #e59090 0%,#e86a6a 5%,#e85a5a 56%,#e83d2e 58%,#bf2626 96%,#bc0909 100%) !important;
}

.addtobasket
{
	float: right;
	display: none;
}

.addtobasket:hover
{
	cursor: pointer;
	box-shadow: 2px 1px 4px rgba(0, 0, 0, 1);
	background: var(--green-medium);
}

#btnbasketexceed
{
	float: right;
	font-size: 17px !important;
	font-weight: bold !important;
	margin: 2px 10px 2px 5px;
	padding: 1px 8px !important;
	color: white;
	border-radius: 3px;
	background-color: #c00;
}

/* **** Step Tabs **** */

#steptabs
{
	font-size: 14px;
	padding: 0 10px 4px 10px;
	display: flex;
	justify-content: space-between;
}

.steptabttl
{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 2px 0 0;
	color: black;
}

.steptabttl:hover
{
	cursor: pointer;
	color: var(--green-dark);
}

.steptab
{
	display: inline-block;
	margin: 0 1px;
	font-size: 15px;
	background-color: #f6e55c; /*var(--green-bright);*/
	color: black;
	font-weight: bold;
	padding: 2px 4px;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 4px;
	border: 1px outset lightslategrey;
}

.steptab:hover
{
	cursor: pointer;
	background-color: var(--green-dark);
	color: white;
}

.steptabtxt
{
	font-size: 12px;
	padding-left: 6px;
	font-weight: normal;
}

.reassigned
{
	margin: 3px 3px 3px 20px;
	font-style: italic;
	color: red;
}

/* **** Matrix Scroller **** */

#matscroller
{
	height: 600px;
	overflow: auto;
	padding: 0;
	margin: 0;
}

#matcontent
{
	margin-bottom: 600px;
}

#scrollmsg
{
	display: block;
	height: 24px;
	text-align: right;
	font-size: 14px;
	background-color: #faf4ac;
	color: black;
	padding: 2px;
	margin-bottom: 10px;
	overflow: hidden;
	border-top: 2px solid #689617;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#scrollmsg span
{
	font-size: 19px !important;
}

/* **** Matrix Step Block **** */

.stepbox
{
	padding: 2px;
	margin: 5px 0;
	clear: both;
	border-radius: 2px;
}

.smallstepbox
{
}

.stepbox h3, .smallstepbox h3
{
	font-size: 16px;
	font-weight: bold;
	min-height: 23px;
	border-bottom: 2px solid #689617;
	padding: 1px 4px;
	margin: 0;
	background-color: white;
}

.stepbox h3 .stepsub
{
	font-size: 13px !important;
}

.stepcontent
{
	background-color: white;
	font-size: 14px;
	clear: both;
	padding: 5px;
}

/* **** Type/Size Box **** */

#prodsizeblock
{
}

#prodtypebox, #prodsizebox
{
	background-color: white;
	border-radius: 2px;
	padding: 2px;
	display: inline-block;
	vertical-align: top;
}

#prodtypebox
{
	width: calc(55% - 3px);
	margin-right: 5px;
}

#prodsizebox
{
	width: calc(45% - 2px);
	overflow: auto;
}

#priceselh3
{
	overflow: hidden;
}

#prodtypescontent
{
	padding: 3px 0;
}

#prodtypebox .radiogroupfld
{
	text-indent: -23px;
	margin-left: 23px;
	text-align: justify;
	padding: 0 3px;
}

#prodtypebox .radiogroupfld a
{
	color: black;
}

#prodtypebox .radiogroupfld a:hover
{
	color: var(--green-dark);
}

#prodsizescroller
{
	height: 170px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 3px 0;
}

#prodsizescroller .radiogroupfld
{
	padding-left: 26px;
	text-indent: -26px;
}

#prodsizebox a, #prodsizescroller a
{
	font-weight: bold;
	color: red !important;
}

.prdszprc
{
	margin-right: 5px;
}

.prodmatsize
{
	font-size: 13px;
	color: black !important;
	font-weight: normal !important;
	max-width: calc(100% - 32px);
}

.radiotextdisabled .prodmatsize:hover
{
	color: #777 !important;
}

.instock
{
	display: inline;
	font-size: 80%;
	align-self: center;
}

.oosmain:hover
{
	cursor: pointer;
	font-weight: bold;
}

#scrollformore
{
	margin-top: 3px;
	font-size: 13px;
	text-align: right;
	padding: 2px;
	background-color: #faf4ac;
	border-top: 2px solid #689617;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
}

/* **** Measurement Toggle Button **** */

#tglmbtn
{
	float: right;
	width: 79px;
	height: 21px;
	cursor: pointer;
	margin-top: -1px;
}

#tglmbtn.imp
{
	background: url("/images/site/measureiD.png");
}

#tglmbtn.met
{
	background: url("/images/site/measuremD.png");
}

/* **** Main Options *** */

.mainoptlist
{
	clear: both;
	padding: 2px 0;
}

/* **** Matrix Lines **** */

.matline
{
	display: flex;
	clear: both;
	overflow: hidden;
	font-size: 12px;
	background-color: #f6f6f6;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	margin: 2px 0;
}

.matlinehead, .matlineblock
{
	font-size: 16px;
	padding: 2px 0;
	margin-bottom: 2px;
}

.matlinehead
{
	border-top: 1px solid #689617;
	border-bottom: 1px solid #689617;
	font-size: 12px !important;
	font-weight: bold;
	padding: 3px;
}

.matlineblock, .matlineblockopen
{
	cursor: pointer;
	background: #e2e2e2;
	padding: 4px 0 4px 0;
	margin-bottom: 1px;
	color: black;
}

.matlineblock
{
	background: linear-gradient(to bottom, #f7f7f7 0%, #cbcbcb 100%);
}

.matlineblock:hover
{
	background: linear-gradient(to bottom, #e7e7e7 0%, #bbb 100%);
}

.matlineblockopen
{
	/*background: linear-gradient(to bottom, #d3e79d 0%,#a6c857 100%); */
	background: var(--green-dark);
    color: white;
}

.matlineoc
{
	width: 18px;
	height: 18px;
	display: inline-block;
	margin: 3px 8px 0 4px;
	border-radius: 50%;
}

.matlineblock .matlineoc
{
	border-top: 4px solid #777;
	border-right: 4px solid #777;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
	transform: rotate(45deg);
}

.matlineblockopen .matlineoc
{
	border-top: 4px solid #040;
	border-right: 4px solid #040;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
	transform: rotate(135deg);
}

.matlineblock:hover .matlineoc, .matlineblockopen:hover .matlineoc
{
	border-color: black black transparent transparent;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.matlineblock:hover .matlineoc
{
	animation-name: matlinerotate1;
}

.matlineblockopen:hover .matlineoc
{
	animation-name: matlinerotate2;
}

@keyframes matlinerotate1
{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

@keyframes matlinerotate2
{
	from {transform: rotate(360deg);}
	to {transform: rotate(0deg);}
}

.matcol
{
	font-size: 14px;
	display: inline-block;
}

.matcol a
{
	color: var(--green-dark) !important;
}

.mcol1
{
	width: calc(100% - 155px);
	font-weight: 400;
}

.mcolh1, .mcol1w
{
	width: calc(100% - 85px);
	font-weight: 500;
}

.accopt
{
	padding-left: 25px;
}

.mcol2
{
	width: 70px;
	text-align: center;
}

.mcol3, .mcolh2
{
	width: 80px;
	text-align: right;
}

.infobtn
{
	display: inline-block;
	font-family: times, serif;
	font-size: 14px !important;
	font-weight: bold;
	font-style: italic;
	padding: 0 8px 0 8px;
	text-align: center;
	margin: 0 3px;
	border-radius: 50%;
	line-height: 1.2em !important;
	color: black !important;
	background-color: var(--info-button);
	max-height: 22px;
}

.infobtn0, .infobtn1
{
	font-family: times, serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.2em !important;
	padding: 0 8px 0 8px;
	float: left;
	text-align: center;
	margin-right: 3px;
	border-radius: 50%;
	color: black !important;
}

.infobtn0
{
	background-color: #ddd;
}

.infobtn1
{
	background-color: var(--info-button);
}

.infobtn1:hover
{
	cursor: pointer;
	background-color: yellow;
}

/* **** Matrix Popup **** */

#matpopup
{
	padding: 10px;
	width: 600px;
	background-color: white;
	border: 2px solid #777;
	border-radius: 5px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	overflow: auto;
}

#matpopuptitle
{
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
}

#matpopupinner
{
	line-height: 1.3em;
	font-size: 13px;
	overflow: auto;
	height: calc(100% - 70px);
}

#matpopupinner p
{
	line-height: 1.3em;
	font-size: 15px;
}

#matpopupinner img
{
	margin: 5px 5px 10px 10px;
	padding: 8px;
	border-radius: 3px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

#matpopupinner .imgl, #matpopupinner .imglb
{
	margin: 5px 20px 10px 5px;
}

#matpopupinner .imgr, #matpopupinner .imgrb
{
	margin: 5px 5px 10px 20px;
}

#matpopupinner h1
{
	font-size: 18px;
	margin: 4px 0 10px 0 !important;
	padding: 0 !important;
	line-height: 1.3em;
}

#matpopupinner h2
{
	font-size: 15px;
	margin: 4px 0 !important;
	padding: 0 !important;
	line-height: 1.3em;
}

#matpopupclose
{
	float: right;
	margin: 0 !important;
	padding: 0 !important;
	width: 16px;
	height: 16px;
	background: url("/images/site/matclose.png") no-repeat;
	cursor: pointer;
}

#matpopupclose:hover
{
	background: url("/images/site/matclosehover.png") no-repeat;
}

#matprint
{
	float: right;
	margin: 0 6px 0 0 !important;
	padding: 0 !important;
	width: 16px;
	height: 16px;
	background: url("/images/site/matprint.png") no-repeat;
	cursor: pointer;
}

#matprint:hover
{
	background: url("/images/site/matprinthover.png") no-repeat;
}

.subconmsg
{
	background-color: var(--green-dark);
	margin: 0 10px -10px 10px;
	padding: 10px;
	color: #ffc;
	border-radius: 10px;
	font-size: 15px;
}

/* **** New Special Offers **** */

#prodsponav
{
	display: block;
	text-align: left;
}

#sponavtext
{
	font-style: italic;
	font-size: 13px;
}

#prodsposel
{
	padding: 5px 5px 2px 5px;
	margin-bottom: 10px;
	background-color: #faf4ac;
}

.sosel,
.sposel
{
	margin-bottom: 5px;
	font-size: 14px;
	background-color: white;
	padding: 3px;
	display: flex;
	justify-content: space-between;
}

.soselinner,
.sposelinner
{
	display: inline-block;
}

#sponav
{
	float: right;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.sponavbtnf, .sponavbtno
{
	width: 14px;
	height: 14px;
	margin-right: 8px;
	border: 2px solid #040;
	border-radius: 50%;
	cursor: pointer;
}

.sponavbtnf
{
	background-color: #040;
}

#prodspolist
{
	overflow: hidden;
	height: 120px;
}

.specofftab
{
	background-color: #faf4ac;
	padding: 4px;
	border-radius: 2px;
}

.spotitle
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.sposelect, .sporemove
{
	font-weight: normal;
	font-size: 15px;
	color: white;
	padding: 1px 3px 0 4px;
	border-radius: 1px;
	cursor: pointer;
}

.sposelect
{
	float: right;
	background-color: #040;
}

.sposelect:hover
{
	background-color: var(--green-dark);
	color: black;
}

.sporemove
{
	display: inline-block;
	background-color: #9a1812;
	vertical-align: middle;
	height: 20px;
}

.sporemove:hover
{
	background-color: #ffca04;
	color: black;
}

.spoacclist
{
	width: calc(75% - 25px);
	float: left;
}

.spoaccline
{
	margin-bottom: 5px;
	font-size: 14px;
}

.spoinfo
{
	float: right;
	width: 25%;
	text-align: center;
	border-left: 1px solid #040;
	padding-left: 10px;
	margin-left: 10px;
}

.spoprice, .sposave
{
	font-size: 14px;
	font-weight: bold;
	color: red;
	margin-bottom: 3px;
}

.sponormal
{
	color: black;
	margin-bottom: 3px;
}

.spodate1
{
}

/* **** Tag List **** */

.taglist
{
	padding: 0 0 0 20px;
}

.taglist li
{
	padding: 5px;
	margin-right: 10px;
	height: auto !important;
	height: 20px;
	min-height: 20px;
	background-position: 0 7px;
	font-weight: bold;
}

.taglist li a, .taglist li a:visited
{
	color: #333;
	font-size: 15px;
}

.taglist li a:hover
{
	color: red;
}

.taglist li
{
	background-repeat: no-repeat;
}

.taglist li.install
{
	background-image: url("/images/tags/install.png");
}

.taglist li.bespoke
{
	background-image: url("/images/tags/bespoke.png");
}

.taglist li.bespokeopts
{
	background-image: url("/images/tags/bespokeopts.png");
}

.taglist li.delivery
{
	background-image: url("/images/tags/delivery.png");
}

.taglist li.pound
{
	background-image: url("/images/tags/pound.png");
}

.taglist li.save
{
	background-image: url("/images/tags/sale.png");
}

/* **** Package Deals **** */

#offerscroller
{
	height: 600px;
	width: auto;
	overflow: auto;
	padding: 0;
	margin-bottom: 20px;
}

.productcontentwrap h1 span
{
	color: red;
}

#offerscroller
{
	overflow-y: scroll;
}

#offerscroller p
{
	font-size: 12px;
}

#offerscroller p
{
	margin-top: 0;
	line-height: 1.4em;
}

/* **** Confirm Popup *** */

.confirmpopup
{
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-align: left !important;
}

.confirmpopup input
{
	cursor: pointer;
	width: 170px;
	margin-top: 3px;
}

.dbgDataMain
{
	font-size: 12px;
	background-color: #006;
	color: white;
	padding: 3px 5px;
}

.dbgDataSub
{
	margin-left: 20px;
	font-size: 11px;
	color: black;
	background-color: #3eacfc;
	padding: 2px 3px;
	border-left: 1px solid #006;
	border-bottom: 1px solid #006;
	border-right: 1px solid #006;
}

/* **************** */
/* **** Basket **** */
/* **************** */

#basketmore
{
	margin-top: 20px;
}

#basketnormal
{
	margin: 0 auto;
}

#basketmobile
{
	display: none;
}

.basketsummary
{
	border-spacing: 2px;
}

caption
{
	text-align: left;
	padding: 5px 0 20px 0;
	color: #333;
	width: 95%;
}

.basketsummary th, .bmobtotalblock
{
	padding: 5px;
	font-size: 13px;
	background: var(--green-pale);
}

.basketsummary tr
{
	background: var(--off-white);
	padding: 5px;
}

.basketsummary tr:hover
{
	background: #efefef;
}

.basketsummary td.option
{
	background: #efefef;
}

.basketsummary td.option
{
	background: #efefef;
}

.basketsummary td
{
	font-size: 12px;
	padding: 5px;
}

.basketsummary td.centre
{
	text-align: center;
}

tr td a.removered
{
	padding: 0 4px;
	margin: 0 1px;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	background-color: #f5f5f5;
	border-radius: 5px;
}

tr td a.removered:hover
{
	color: white;
	background-color: red;
	text-decoration: none;
}

.spoaccdata
{
	font-size: 11px;
	line-height: 1.1em;
}

/* **** Checkout **** */

#basketcheckout
{
	margin: 20px auto;
	text-align: center;
}

a#checkoutnow
{
	padding: 5px 12px 2px 12px;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	background: linear-gradient(to bottom, var(--green-pale) 0%, var(--green-pale) 14%, #a6c857 93%, #a6c857 100%);
	color: black;
	border: 4px solid #040;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-name: coutfade;
}

@keyframes coutfade
{
	from
	{
		border: 4px solid white;
	}

	to
	{
		border: 4px solid #040;
	}
}

a#checkoutnow:hover
{
	text-decoration: none !important;
	background: linear-gradient(to bottom, #a6c857 0%, #a6c857 14%, var(--green-pale) 93%, var(--green-pale) 100%);
}

#safensecure
{
	font-size: 12px;
	color: #555;
	margin-top: 15px;
}

#maxbasket
{
	font-size: 23px;
	text-align: center;
	background-color: #c00;
	color: white;
	padding: 15px 25px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
	line-height: 1.5em;
	margin-bottom: 10px;
}

#checkouterror, #errormessage
{
	margin: 10px 0;
	font-size: 12px;
	color: white;
	padding: 6px;
	background-color: #800;
	border-radius: 5px;
	box-shadow: 3px 4px 4px #200;
}

#checkouterror ul li, #errormessage ul li
{
	padding: 2px 0;
}

#paybtn
{
	filter: brightness(0.9);
}

#paybtn:hover
{
	filter: brightness(1);
}

#poweredbybc
{
	padding: 5px;
	border-radius: 8px;
	background-color: white;
}

.chkouthilight
{
	display: inline-block;
	padding: 3px 8px;
	border: 1px var(--green-dark) solid;
	border-radius: 5px;
	background-color: var(--green-pale);
	position: relative;
	top: -4px;
	font-weight: bold;
}

/* **** Normal Table **** */

.checkout
{
	margin-top: 10px;
	background-color: var(--green-bright);
	padding: 8px;
	box-shadow: 2px 2px 2px #777;
	border-spacing: 0;
	width: 100%;
}

.checkout td
{
	padding: 5px;
	font-size: 13px;
}

.checkout th
{
	margin-top: 5px;
	font-size: 16px;
}

.checkout a
{
	color: black !important;
}

.privacynote
{
	display: inline-block;
	background-color: var(--green-pale);
	font-weight: bolder;
	font-size: 11px !important;
	padding: 2px 10px;
}

.cardtbl
{
	position: relative;
}

.cardtbl th
{
	padding: 3px 6px;
	position: sticky;
	top: 0;
	background-color: #d0f0d0;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.cardtbl td
{
	padding: 3px 6px;
}

.coblist
{
	max-width: 620px;
	margin: 2px 0 2px 20px;;
	text-indent: -15px;
}

/* **** DIV Table **** */

.cotable
{
	background-color: var(--green-bright);
	padding: 10px;
	font-size: 16px;
}

.cotable p
{
	font-size: 16px;
}

.tblhead
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.tblmsg, .tblmsgleft
{
	font-size: 15px;
	padding: 5px 0;
}

.tblmsg
{
	text-align: center;
}

.aleft
{
	text-align: left !important;
	padding-left: 0 !important;
}

.tblmsgleft
{
	text-align: left;
}

.tblmsgleftsp
{
	text-align: left;
	line-height: 1.8em;
}

.corow0
{
	display: inline-block;
	width: 25%;
	text-align: right;
	padding: 5px;
	font-size: 13px;
	vertical-align: top;
}

.corow1
{
	display: inline-block;
	width: 75%;
	vertical-align: baseline;
	text-align: left;
	padding: 5px;
	font-size: 13px;
}

.custlogin
{
	margin-top: 10px;
	background-color: var(--green-bright);
	padding: 8px;
	box-shadow: 2px 2px 2px #777;
	border-spacing: 0;
}

.custlogin td
{
	padding: 5px;
	font-size: 12px;
}

.checkout a
{
	color: black !important;
}

#paymentscreen
{
	background-color: var(--green-bright);
	box-shadow: 2px 2px 2px #777;
	padding: 10px 10px 10px 0;
	text-align: center;
	margin-top: 10px;
	border-radius: 2px;
	display: flex;
	justify-content: space-between;
}

#paytable
{
	padding: 8px;
	border-spacing: 0;
	min-width: 420px !important;
}

#payment td
{
	background-color: transparent;
	padding: 5px;
	font-size: 13px;
}

.ecbanners, #ecbanners
{
	display: inline-block;
	border: 1px solid var(--green-dark);
	width: 130px;
	background-color: white;
}

.ecban img
{
	padding: 5px;
}

#ccdatahead
{
	font-size: 13px;
	font-weight: bold;
	color: red;
}

.checkout tr#cctbl1 td
{
	border-radius: 3px 3px 0 0 !important;
}

.checkoutolc
{
	width: 100%;
	border-spacing: 4px;
}

.checkoutolc th
{
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	background: linear-gradient(to bottom, #ccea8a 0%, #a6c857 100%);
	padding: 4px;
	vertical-align: top;
	text-align: center;
}

.checkoutolc td
{
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	border-radius: 2px;
	background-color: var(--off-white);
	padding: 4px;
	vertical-align: top;
	text-align: left;
}

/*//////////////*/

.customer
{
	border-collapse: collapse;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.customer td, .customer th
{
	border: 1px solid #ddd;
	padding: 8px;
}

.customer tr:nth-child(even)
{
	background-color: #f2f2f2;
}

.customer tr:hover
{
	background-color: #ddd;
}

.customer th
{
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: var(--green-medium);
	color: white;
 }

#discval
{
	padding: 2px;
	border: 1px solid #060;
	font-weight: bold;
	text-align: center;
	background-color: white;
	border-radius: 2px;
}

.raddeli
{
	display: inline-block;
	width: 250px;
}

.raddate
{
	display: inline-block;
}

a.radiotext
{
	padding: 15px 0;
}

#agreebox
{
	background-color: #ff8;
	padding: 10px;
	border: 2px solid red;
	border-radius: 3px;
	margin: 5px;
	text-align: center;
}

#agreebox p+p
{
	margin-top: 20px;
}

#agreebox p a
{
	font-size: 20px !important;
	color: black;
	font-weight: bold;
}

#coscroller
{
	height: 150px;
	overflow: auto;
}

/* **** Stages **** */

#costage
{
	display: flex;
	justify-content: space-around;
	background-color: #2a460a;
	margin: 8px 0 15px 0;
	padding: 0 30px;
	box-shadow: var(--shadow-std);
}

.stage
{
	display: inline;
	font-size: 18px;
	color: white !important;
	padding: 4px 8px 5px 8px;
	background-color: #f80;
	color: #999;
	font-weight: normal;
	transform: skewX(-10deg);
	text-shadow: 2px 2px 1px black;
	letter-spacing: 0.1em;
	font-weight: bold !important;
}

.stage a
{
	font-size: 18px;
	color: white !important;
}

.thisstage
{
	background-color: red !important;
}

.donestage
{
	background-color: #88d130;
}

.stagesep
{
	font-size: 2px;
	padding: 4px 2px;
}

.xaddr
{
	background-color: #eaf4d3;
	padding: 2px;
	float: left;
}

/* **** Google Badge (Summer implementation) **** */

.sgcratingimg
{
	display: inline-block;
	width: 165px;
	height: 54px;
}

.sgcratingimg:hover
{
	cursor: pointer;
}

.sgooglebadgebg
{
	padding: 0;
	width: 165px;
	height: 54px;
	float: left;
	margin: 0 16px 10px 0;
	box-sizing: border-box;
	cursor: pointer;
}

.sgooglebadgemask
{
	box-sizing: border-box;
	width: 165px;
	height: 54px;
	background-image: url("/images/site/gcrbadge2.png");
	background-size: contain;
	background-repeat: no-repeat;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	padding-right: 10px;
	color: #e57227;
}

.masknoinfo
{
	background-position: -30px 0;
}

.sinfobtn
{
	position: relative;
	top: 17px;
	left: 0;
}

.sinfobtn, .sinfobtnbadge
{
	display: inline-block;
	margin: 0 5px;
	font-family: Times, serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.2em !important;
	padding: 0 6px;
	text-align: center;
	margin-right: 3px;
	background-color: var(--info-button);
	border-radius: 50%;
	color: black !important;
}

.sinfobtnbadge
{
	border: 4px solid white;
}

.sinfobtnbadge:hover
{
	cursor: pointer;
}

.sgcrating
{
	display: inline-block;
	padding: 1px 0 0 7px;
	font-size: 13px;
	width: 120px !important;
	height: 54px !important;
	margin-left: 4px;
	text-align: left;
	font-family: Arial Narrow, sans-serif;
}

/* **** Summer Badge **** */

.sgbgbadge
{
	position: fixed;
	bottom: -3px;
	right: -1px;
	z-index: 10000;
	box-shadow: -1px -1px 4px rgba(120, 120, 120, 0.3);
	padding: 0;
	margin: 0;
	opacity: 0;
	animation-delay: 1.7s;
	animation-duration: 0.1s;
	animation-name: gfd;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes gfd
{
	0% {opacity: 0}
	100% {opacity: 1}
}

/* **** Google Badge Info Button (with actual genuine badge) **** */

.infobuttongcr
{
	margin-top: 20px;
	float: left !important;
}

.gcrbinfo
{
	flex-direction: row;
	float: left;
	display: inline-flex;
	width: 210px;
	flex-wrap: nowrap;
	padding: 0 10px 0 0;
	margin: 0 10px 5px 0;
	background-color: #fdfdfd;
}

.gcrbinfo:hover
{
	background-color: var(--off-white);
}

.gcrinfoleft
{
	margin: 0 5px;
}

/* **** Popup Calendar **** */

#pcal
{
	position: absolute;
	width: 220px;
	background-color: white;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
	color: #444;
	padding: 5px;
}

#caltitle
{
	background-color: #095c89;
	color: white;
	padding: 1px 2px 4px 4px;
	font-size: 13px;
	font-weight: bold;
	height: 20px;
	text-align: left;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	cursor: default;
}

#calclose a, #calclose a:visited
{
	color: #ffc;
	float: right;
}

#calclose img
{
	padding: 3px 1px 0 0;
	margin: 0;
}

#pcaltbl
{
	width: 100%;
	font-size: 10px;
}

#pcaltbl th
{
	font-size: 13px;
	background-color: #333;
	background-image: none !important;
	text-align: center;
	color: white;
	padding: 2px 0 3px 0;
	border-radius: 3px;
	line-height: 1.2em;
}

#pcaltbl th a, #pcaltbl th a:visited
{
	color: white !important;
	text-decoration: none;
}

#pcaltbl td a
{
	font-size: 12px !important;
}

#pcaltbl th a:hover
{
	color: cyan;
	text-decoration: none;
	font-weight: bold;
}

#pcaltbl td
{
	font-size: 12px;
	background-color: var(--off-white);
	text-align: center;
	border-right: 1px solid var(--off-white);
	border-bottom: 1px solid var(--off-white);
	padding: 2px;
	line-height: 1.4em;
}

#pcaltbl td.hwe
{
	background-color: #322;
	font-weight: bold;
	color: white;
	border-radius: 2px;
}

#pcaltbl td.hday
{
	background-color: #445;
	font-weight: bold;
	color: white;
	border-radius: 3px;
}

#pcaltbl td.cbl
{
	background-color: var(--off-white);
	border-right: 1px solid var(--off-white);
	border-bottom: 1px solid var(--off-white);
	border-radius: 3px;
}

#pcaltbl td.cwe
{
	text-align: center;
	font-weight: bold;
	background-color: #d0cccc;
	color: #888;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-radius: 3px;
}

#pcaltbl td.cday
{
	text-align: center;
	font-weight: bold;
	background-color: #e0e0e9;
	color: #666;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-radius: 3px;
}

#pcaltbl td.cdayh
{
	background-color: #ff8;
	color: blue;
	font-weight: bold;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0;
	border-bottom: 0;
	border-radius: 3px;
	cursor: pointer;
}

#pcaltbl td a, #pcal td a:visited
{
	color: #111;
	text-decoration: none;
}

#pcaltbl td a:hover
{
	color: blue;
	text-decoration: none;
	font-weight: bold;
}

#pcalmsg
{
	text-align: center;
	padding-top: 3px;
	font-size: 11px;
	margin: 0;
}

/* **** Checkout Customer Popup **** */

#custpopup
{
	z-index: 999;
	border: 2px solid var(--green-dark);
	border-radius: 5px;
	position: absolute;
	max-width: 540px;
	background-color: var(--green-dark);
	box-shadow: 5px 5px 5px rgba(120, 120, 120, 0.5);
}

#cpopclose
{
	text-align: left;
	background-color: var(--green-dark);
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding-left: 5px;
}

#cpopclosebtn
{
	width: 14px;
	height: 14px;
	cursor: pointer;
	background: url("/images/site/calclose.png") no-repeat;
	float: right;
	margin-right: 5px;
	cursor: pointer;
}

#cpopcontent
{
	padding: 5px;
	background-color: #f0ffc0;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	max-height: 350px;
	overflow: auto;
}

.custpopline
{
	color: #040;
	font-size: 11px;
	padding: 3px;
	background-color: white;
	border: 1px solid var(--green-dark);
	border-radius: 3px;
	margin: 2px 0;
	line-height: 1.2em;
}

.custpopline:hover
{
	background-color: #abcd5d;
	color: black;
	cursor: pointer;
}

/* **** Transaction Data (test server only) **** */

.transdata
{
	border: 1px solid blue;
	padding: 5px;
	margin-bottom: 5px;
	display: none;
}

/* ******************************** */
/* **** Miscellaneous Settings **** */
/* ******************************** */

/* **** Site Messages/Cookie Bar **** */

#sitemsg
{
	padding: 6px;
	background-color: var(--green-medium);
	color: #020;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: normal;
	text-align: center;
	margin-bottom: 1px;
	width: 100%;
	clear: both;
}

#sitemsg a
{
	color: var(--off-white) !important;
}

#sitemsg span
{
	color: var(--off-white);
	display: block;
}

#oldbrowser
{
	clear: both;
	padding: 10px;
	border: 2px solid red;
	text-align: left;
	background: url("/dlib/images/browsers/warning.png") no-repeat yellow 5px 5px;
	margin: 15px 0;
}

#oldbrowser .browser
{
	float: right;
	width: 50px;
	text-align: right;
	padding-right: 10px;
}

#oldbrowser .message
{
	font-size: 16px;
	margin: 3px 0 0 100px;
	color: #400;
}

#oldbrowser a, #oldbrowser a img
{
	border: none;
}

#siteupdate
{
	background-color: #c00;
	color: #ffc;
	font-weight: bold;
	border-radius: 2px;
	padding: 8px;
	font-size: 13px;
	letter-spacing: .05em;
}

#sumain
{
	font-size: 20px;
}

#nojs
{
	clear: both;
	color: yellow;
	background-color: #558e03;
	border: 3px solid red;
	border-radius: 8px;
	font-size: 16px;
	text-align: center;
	padding: 5px;
	margin: 0 16px;
}

/* **** Custom check box **** */

.matchkbox, .matchkboxsel, .matchkboxdis
{
	width: 13px !important;
	height: 13px !important;
	display: inline;
	margin-left: 4px;
}

.matchkbox, .matchkboxsel
{
	cursor: pointer;
}

.matchkbox
{
	background: url("/images/site/sel0.png") no-repeat;
}

.matchkboxdis
{
	background: url("/images/site/seld.png") no-repeat;
}

.matchkboxsel
{
	background: url("/images/site/sel1.png") no-repeat;
}

.matchkboxlink
{
	color: black !important;
}

.matchkboxlink:hover
{
	text-decoration: none;
	color: #5a8d36 !important;
}

/* **** Custom quantity box **** */

.qtybox, .qtyleftarrow, .qtyvalbox, .qtyvalboxval, .qtyrightarrow
{
	user-select: none;
}

.qtybox
{
	width: 66px;
	float: left;
}

.qtyleftarrow
{
	float: left;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 12px solid black;
	border-bottom: 10px solid transparent;
	margin-right: 2px;
	border-radius: 6px;
}

.qtyleftarrow:hover
{
	border-right-color: var(--green-dark);
	cursor: pointer;
}

.qtyvalbox, .qtyvalboxval
{
	float: left;
	width: 32px;
	height: 18px;
	text-align: center;
	border: 1px solid black;
	font-size: 13px;
	border-radius: 10px;
}

.qtyvalbox
{
	background-color: white;
}

.qtyvalboxval
{
	background-color: yellow;
}

.qtyrightarrow
{
	float: left;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 12px solid black;
	border-bottom: 10px solid transparent;
	margin-left: 2px;
	border-radius: 6px;
}

.qtyrightarrow:hover
{
	border-left-color: var(--green-dark);
	cursor: pointer;
}

/* **** Popup Tooltip **** */

#popuptooltip
{
	text-align: left;
	border: 1px solid black;
	border-radius: 7px;
	font-size: 11px;
	padding: 8px;
	background-color: #f0ffe0;
	color: #020;
	z-index: 1000;
	box-shadow: 3px 3px 3px #222;
}

#popuptooltip a, #popuptooltip a:visited
{
	font-size: 11px !important;
	color: red;
}

.maintext p
{
	margin: 5px 0 !important;
}

.h1line
{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 10px 2px 10px;
}

.h1line h1
{
	margin: 0 !important;
	padding: 0 !important;
}

#btnseotext
{
	display: inline-block;
	font-size: 14px !important;
	color: white;
	padding: 3px 6px;
	margin-left: 60px;
	background-color: var(--green-medium);
	border-radius: 3px;
}

#btnseotext:hover
{
	cursor: pointer;
	background-color: var(--green-dark);
}

/* **** Clearfix **** */

.clearfix:after
{
	content: "";
	display: table;
	clear: both;
}

/* **** Google Badge **** */

.googlebadge
{
	float: left;
	clear: both;
	display: inline-block;
	margin: 0 10px 10px 0;
}

/* **************************************** */
/* ************ Media Specific ************ */
/* **************************************** */

@media only screen and (max-width: 50em)
{
	h1
	{
		font-size: 29px;
		line-height: 1.4em;
	}

	h2
	{
		font-size: 25px;
		line-height: 1.4em;
	}

	h3 { font-size: 23px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }

	p
	{
		font-size: 20px;
		line-height: 1.4em;
		text-align: justify;
	}

	a
	{
		font-size: 20px;
	}

	li
	{
		font-size: 20px;
		margin-bottom: 6px;
	}

	#ecbanners
	{
		width: auto;
	}

	#contentcol
	{
		width: calc(100% - 10px) !important;
		margin: 0 !important;
		padding: 0 5px !important;
		font-size: 18px;
		line-height: 1.6em;
	}

	#contentcol .genpic
	{
		max-width: 75%;
		max-height: 75%;
	}

	.taglist li
	{
	}

	.taglist li a
	{
		font-size: 18px !important;
		position: relative;
		top: -8px;
	}

	.mobsearch
	{
		font-size: 40px !important;
		width: calc(100% - 10px);
		text-align: center;
	}

	#basketnormal
	{
		display: none !important;
	}

	#coscroller
	{
		display: none;
	}

	#basketmobile
	{
		display: block !important;
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.bmobblock
	{
		background-color: #ddd;
		color: black;
		width: 100%;
		text-align: center;
		margin: 0 0 10px 0!important;
		padding: 0;
		display: inline-block;
	}

	.bmobblock:after
	{
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.bmobnum
	{
		font-size: 30px;
		padding-top: 20px !important;
		width: 39px;
		float: left;
	}

	.bmobgreen
	{
		background-color: var(--green-pale) !important;
	}

	.bmobcontent
	{
		width: calc(100% - 40px);
		background-color: #eee;
		float: right;
		text-align: left;
		font-size: 16px;
	}

	.bmobhead
	{
		background-color: var(--green-pale);
		padding: 5px;
	}

	.bmobhead a
	{
		color: black;
		font-weight: normal;
		font-size: 18px !important;
		background-color: transparent;
	}

	.bmobhead a:hover
	{
		color: #040;
		text-decoration: none;
	}

	.bmobsize
	{
		padding: 2px 6px;
	}

	.bmobeach
	{
		padding: 2px 6px;
		float: left;
	}

	.bmobprice
	{
		padding: 4px 6px 2px 8px;
		border-top-left-radius: 12px;
		border-top: 1px solid var(--green-dark);
		border-left: 1px solid var(--green-dark);
		float: right;
		background-color: var(--green-pale);
		font-weight: bold;
		font-size: 18px;
		width: 150px;
		text-align: right;
	}

	.bmobtotal
	{
		color: black;
		font-size: 26px;
		font-weight: bold;
	}

	.bmobgtotal
	{
		float: right;
	}

	/* **** Checkout Button **** */

	#basketcheckout
	{
		float: none;
		padding: 0;
		margin: 0 !important;
	}

	a#checkoutnow
	{
		text-align: center;
		padding: 10px 15px 5px 15px;
		font-size: 26px !important;
		font-weight: bold;
		letter-spacing: 0.15em;
		text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
		border-radius: 2px;
		color: black;
	}

	a#checkoutnow:hover
	{
		text-decoration: none !important;
		background-color: #637e22;
	}

	#safensecure
	{
		font-size: 15px !important;
		margin-top: 14px;
		color: #777;
	}

	#payment td, .checkout th, .checkout td, input
	{
		font-size: 16px;
	}

	.checkout td .tiny
	{
		font-size: 12px;
	}

	#ipc1, #dpc1
	{
		width: 60px !important;
	}

	#ipc2, #dpc2
	{
		width: 50px !important;
	}

	#paymentscreen
	{
		padding: 10px;
	}

	#payment
	{
		float: none;
		width: auto;
	}

	#ccdatahead
	{
		font-size: 18px;
	}

	.mobile
	{
		display: inline;
	}

	.desktop
	{
		display: none;
	}

	.checkout a
	{
		font-size: 18px;
	}

	p
	{
		font-size: 16px;
	}

	ul.ublist li
	{
		line-height: 1.3em;
	}

	/* **** Customer Emails and Letters **** */

	.sbuttons .sbutton a, .sbuttons .sbutton a:visited
	{
		font-size: 18px !important;
	}

	.sbuttons .sbutton a:hover
	{
	}

	/* **** Site Map **** */

	.sitemapheader
	{
		font-size: 22px;
		padding: 5px 8px;
		margin: 14px 0 8px;
	}

	.sitemaplink
	{
		float: none;
		width: calc(100% - 60px);
		margin: 0 6px 6px 0;
	}

	.sitemaplink:hover
	{
		background-color: #eee;
	}

	.maintext li, #basketmore li
	{
		line-height: 1.4em;
	}

	#popuptooltip, #popuptooltip a
	{
		font-size: 15px !important;
	}

	ol.lispaced li
	{
		font-size: 18px !important;
		margin: 8px 0;
		line-height: 1.4em;
	}

	/* Product */

	#matcontent
	{
		margin-bottom: 0;
	}

	#matpopup
	{
		width: calc(100% - 10px);
	}

	/* **** Measurement Toggle Button **** */

	#tglmbtn
	{
		position: relative;
		width: 100px;
		height: 30px;
		top: 4px;
		right: 4px;
	}

	#tglmbtn.imp
	{
		background: url("/images/site/measureiM.png");
	}

	#tglmbtn.met
	{
		background: url("/images/site/measuremM.png");
	}

	#scrollformore
	{
		display: none;
	}

	#matscroller
	{
		height: auto !important;
	}

	.stepbox .radiotext
	{
		font-size: 18px;
	}

	.stepcontent, .matchkboxlink, .prodmatsize
	{
		font-size: 15px;
	}

	.mainoptlist, .radiogroupfld
	{
		padding: 6px 0;
	}

	#prodsizeblock
	{
		display: block;
	}

	#prodtypebox, #prodsizebox
	{
		float: none;
		width: 100%;
		margin: 0;
		height: auto !important;
		background-color: white;
	}

	#prodsizebox
	{
		margin-top: 5px;
	}

	#prodsizescroller
	{
		height: auto !important;
		overflow: hidden;
	}

	.dititle
	{
		width: auto !important;
		display: inline;
	}

	#prodimgtags
	{
		width: calc(100% - 10px) !important;
	}

	#prodimages, #prodthumbscontainer
	{
		width: calc(100% - 10px) !important;
	}

	#prodcolright
	{
		width: calc(100% - 10px) !important;
		margin-left: 5px !important;
		float: none !important;
	}

	#fmatrix
	{
		height: auto !important;
		width: calc(100% - 10px) !important;
		border-radius: 10px;
	}

	#matrixnotice
	{
		width: calc(100% - 10px);
	}

	.prodsummary h2
	{
		font-size: 30px !important;
	}

	.prodsummary p
	{
		font-size: 17px !important;
		line-height: 1.5em;
	}

	#tabwrapper
	{
		padding: 3px;
		width: calc(100% - 15px);
	}

	.tabttl
	{
		font-size: 16px !important;
	}

	.dititle
	{
		font-size: 20px !important;
	}

	.dibox, .dibox li, .dibox p
	{
		font-size: 18px !important;
	}

	.pdfreaders, .pdfreaders a
	{
		font-size: 20px !important;
	}

	.doclink
	{
		margin: 15px 0;
	}

	.toptab
	{
		font-size: 18px;
		font-size: 1.8vw;
	}

	.totop
	{
		display: block;
		font-size: 18px;
		background-color: var(--green-bright);
		color: black;
		padding: 2px 8px;
		text-align: center;
		border: 1px solid var(--green-dark);
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		margin-bottom: 5px;
	}

	.totop:hover
	{
		cursor: pointer;
		background-color: var(--green-dark);
		color: white;
	}

	#prodpictext
	{
		font-size: 14px;
	}

	.sponavbtnf, .sponavbtno
	{
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}

	#sponav
	{
		align-self: center;
		float: none;
		width: 100%;
		flex-wrap: nowrap;
	}

	#prodsponav
	{
		text-align: center;
	}

	#sponavtext
	{
		display: block;
		font-size: 16px;
	}

	/* **** Custom check box **** */

	.matchkbox, .matchkboxsel, .matchkboxdis
	{
		width: 39px !important;
		height: 26px !important;
		float: left;
		margin: 1px 5px 0 0;
	}

	.matchkbox
	{
		background: url("/images/site/sel0m.png") no-repeat;
	}

	.matchkboxdis
	{
		background: url("/images/site/seldm.png") no-repeat;
	}

	.matchkboxsel
	{
		background: url("/images/site/sel1m.png") no-repeat;
	}
}

@media only screen and (min-width: 50em)
{
	.basketsummary th
	{
		font-weight: bold;
	}
}

/* **** Max width 950 **** */

@media only screen and (max-width: 950px)
{
	/* **** Navigation Grid **** */

	#navbar
	{
		width: 100%;
		display: grid;
		grid-template-columns: auto auto auto;
		grid-template-rows: auto auto auto auto auto auto;
		column-gap: 0;
		row-gap: 10px;
	}

	#sitemessages
	{
		grid-area: 1 / 1 / 2 / 4;
	}

	#sitelogo
	{
		grid-area: 2 / 1 / 3 / 2;
	}

	#phonehours
	{
		grid-area: 3 / 1 / 4 / 2;
	}

	#postcodecontainer
	{
		grid-area: 2 / 2 / 4 / 3;
	}

	#basketcontainer
	{
		grid-area: 2 / 3 / 4 / 4;
	}

	#contactus
	{
		grid-area: 4 / 1 / 5 / 2;
	}

	#infomenucontainer
	{
		grid-area: 4 / 2 / 5 / 4;
	}

	#searchcontainer
	{
		grid-area: 5 / 1 / 6 / 4;
	}

	#productbarcontainer
	{
		grid-area: 6 / 1 / 7 / 4;
	}

	/* **** */

	#productbar
	{
		position: static;
		padding: 0;
		border: none;
	}

	#productbarlist
	{
		margin: 0 1px;
	}

	#productbar, #productbarlist
	{
		height: auto !important;
	}

	#productbarlist .pbarbtn, #productbarlist .pbarbtncur
	{
		font-size: 23px;
		margin-bottom: 7px !important;
	}

	.pbsubmenu, .pbsubmenucur
	{
		font-size: 24px;
		padding: 8px 5px;
	}

	#pbarsub
	{
		width: calc(100% - 20px);
		margin: 0 auto;
	}

	#panel
	{
		left: 0;
		width: 100% !important;
	}

	.paneltitle
	{
		font-size: 19px;
	}

	.panelitem
	{
		font-size: 16px;
	}

	.pbarbtn
	{
		max-width: 100% !important;
	}
}

/* **** Max width 850 **** */

@media only screen and (max-width: 850px)
{
	#choosesize
	{
		top: 0;
		left: 0;
		width: 100%;
		font-size: 16px;
	}

	#chcontainer
	{
		display: block;
		text-align: center;
	}

	.chstxt
	{
		width: 80px;
		font-size: 18px;
	}

	#footer
	{
		width: auto;
		height: auto;
	}

	#footeradvert
	{
		display: none;
	}

	#footerlinks
	{
		text-align: center;
		padding: 10px 0 0 10px;
		font-size: 16px;
		line-height: 1.8em;
		height: auto;
		width: 100%;
	}

	#footerlinks span
	{
		display: block;
	}

	#copyright
	{
		margin: 0;
		line-height: 1em;
	}

	#promobar
	{
		display: none;
	}

	#maincontent
	{
		width: calc(100% - 10px);
		margin: 16px auto 0 auto;
	}

	#contentwrapper
	{
		margin: 0;
	}

	.ptpagination
	{
		font-size: 20px !important;
		display: block;
		text-align: center;
	}

	.ptitems, .ptsortby, .ptpages
	{
		display: block;
	}

	/* Checkout */

	#paymentscreen
	{
		display: block;
		text-align: center;
	}

	#paytable
	{
		min-width: 120px !important;
	}

	#paybtn
	{
		width: 15em;
	}

	#paytable
	{
		float: none;
		display: flex;
		width: 100%;
		max-height: none;
		padding: 0;
		margin-top: 20px;
		flex-direction: column;
	}

	#agreebox
	{
		font-size: 16px !important;
	}

	#agreebox a
	{
		font-size: 20px !important;
	}

	.stage, .donestage a
	{
		display: inline;
		font-size: 1.8vw;
	}

	.thisstage
	{
		font-size: 20px;
	}

	.corow0
	{
		display: flex;
		width: fit-content;
	}

	.corow0, .corow1, .corow1 a.radiotext, a.radiotext, .corow1 select
	{
		font-size: 14px !important;
	}

	.corow1 strong
	{
		font-size: 15px !important;
	}

	#delinstr2
	{
		margin-top: 10px;
	}

	.raddeli
	{
		width: 230px;
	}

	.tblhead
	{
		font-size: 20px;
	}

	.tblmsg
	{
		font-size: 18px;
	}

	.privacynote
	{
		font-size: 14px;
		line-height: 1.4em;
	}

	.tiny
	{
		font-size: 14px;
	}

	.raddate
	{
		display: block;
		margin-left: 20px;
	}

	.tblmsgleft p
	{
		font-size: 16px !important;
	}

	.checkout th
	{
		font-size: 18px;
	}

	.checkout td
	{
		font-size: 16px;
	}

	.tbddmenu
	{
		margin: 8px 2px;
	}

	input#fbsbtn
	{
		width: 50px;
	}
}

/* **** Max width 800 **** */

@media only screen and (max-width: 800px)
{
	#panel
	{
		left: 0;
		width: 100% !important;
	}

	#pbclrbtn
	{
		font-size: 20px;
		margin-top: 3px;
		border-radius: 15px;
	}

	#panelblocks
	{
		display: block;
		overflow: hidden;
	}

	.panelblock
	{
		display: flex;
		padding: 4px;
		margin: 0 5px 2px 5px;
	}

	.panelblock:last-child
	{
		margin-right: 5px !important;
	}

	.paneltitle:hover
	{
		background-color: var(--background-dark);
		color: var(--foreground-light);
		cursor: pointer;
	}

	.pittlsel
	{
		padding-left: 4px;
		_display: inline-block !important;
	}

	.panelcontent
	{
		display: none;
	}
}

/* **** Max width 660 **** */

@media only screen and (max-width: 660px)
{
	#navbar
	{
		width: 100%;
		display: grid;
		grid-template-columns: auto auto;
		grid-template-rows: auto auto auto auto auto auto auto;
		column-gap: 0;
		row-gap: 10px;
	}

	#sitemessages
	{
		grid-area: 1 / 1 / 2 / 3;
	}

	#sitelogo
	{
		grid-area: 2 / 1 / 3 / 3;
	}

	#phonehours
	{
		grid-area: 3 / 1 / 4 / 3;
	}

	#contactus
	{
		grid-area: 4 / 1 / 5 / 2;
	}

	#infomenucontainer
	{
		grid-area: 4 / 2 / 5 / 3;
	}

	#postcodecontainer
	{
		grid-area: 5 / 1 / 6 / 2;
	}

	#basketcontainer
	{
		grid-area: 5 / 2 / 6 / 3;
	}

	#searchcontainer
	{
		grid-area: 6 / 1 / 7 / 3;
	}

	#productbarcontainer
	{
		grid-area: 7 / 1 / 8 / 3;
	}
}

/* **** Max width 550 **** */

@media only screen and (max-width: 550px)
{
	#prodpictext
	{
		font-size: 16px;
	}

	#toptabs
	{
		padding: 0;
		margin: 0 0 10px 0;
		font-size: 0.8em;
		border: none;
	}

	.toptab
	{
		padding: 0.5em 0.7em;
		vertical-align: middle;
		display: inline-block;
		overflow: hidden;
		font-size: 14px;
		width: 2.5em;
		line-height: 1.2em;
		border: 1px solid var(--green-dark);
		border-radius: 4px;
	}

	.ttinner:before
	{
		content: "";
		float: left;
		margin-top: 100%;
	}

	.ttinner
	{
		padding: 0;
		display: inline-block;
		white-space: nowrap;
		transform: translate(0,100%) rotate(-90deg);
		transform-origin: 0 0;
		font-size: 18px;
	}
}

/* **** Max width 384 **** */

@media only screen and (max-width: 384px)
{
	#productbar
	{
		position: static;
		padding: 0;
	}

	#footer
	{
		width: 100% !important;
	}

	#footeradvert
	{
		display: none;
	}

	#footerlinks
	{
		text-align: center;
		float: none;
		padding: 10px 0 0 10px;
		font-size: 16px;
		line-height: 1.8em;
	}

	/* Product */

	#matcontent
	{
		margin-bottom: 0;
	}

	.matlineblock, .matlineblockopen
	{
		font-size: 18px;
		padding: 10px 0;
	}

	/* Checkout */

	.stage, .donestage a
	{
		display: none;
	}

	.thisstage
	{
		display: inline !important;
	}

	.cotable
	{
		background-color: var(--green-bright);
		padding: 10px;
	}

	.tblhead
	{
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		padding: 10px;
	}

	.tblmsg
	{
		font-size: 18px;
		text-align: center;
	}

	.corow0
	{
		display: block;
		width: 100%;
		text-align: left;
		font-size: 17px;
	}

	.corow1
	{
		display: block;
		width: 100%;
		text-align: left;
		font-size: 17px;
	}

	.corow1 input[type="text"], .corow1 textarea
	{
		width: 90%;
	}

	.corow1 a.radiotext
	{
		font-size: 17px !important;
	}

	.corow1 strong
	{
		font-size: 20px !important;
	}

	.qtybox
	{
		width: 86px;
	}

	.qtyvalbox, .qtyvalboxval
	{
		font-size: 22px;
		width: 40px;
		height: 28px;
		vertical-align: middle;
	}

	.qtyleftarrow
	{
		border-top: 15px solid transparent;
		border-right: 17px solid black;
		border-bottom: 15px solid transparent;
	}

	.qtyrightarrow
	{
		border-top: 15px solid transparent;
		border-left: 17px solid black;
		border-bottom: 15px solid transparent;
	}

	.tbddmenu
	{
		margin: 10px 2px;
	}
}

/*.pblock7, .pblock6, .pblock5, .pblock4, .pblock3, .pblock2, .pblock1
{
	display: flex;
}*/

/* **** Hide home page images that wrap **** */
/*
@media only screen and (max-width: 2820px)
{
	.pblock7
	{
		display: none;
	}
}

@media only screen and (max-width: 2420px)
{
	.pblock6
	{
		display: none;
	}
}

@media only screen and (max-width: 2030px)
{
	.pblock5
	{
		display: none;
	}
}

@media only screen and (max-width: 1640px)
{
	.pblock4
	{
		display: none;
	}
}

@media only screen and (max-width: 1250px)
{
	.pblock3
	{
		display: none;
	}
}

@media only screen and (max-width: 900px)
{
	#badgebar, .pblock2
	{
		display: none;
	}
}*/

@media only screen and (max-width: 2640px)
{
	.pblock7
	{
		display: none !important;
	}
}

@media only screen and (max-width: 2240px)
{
	.pblock6
	{
		display: none !important;
	}
}

@media only screen and (max-width: 1840px)
{
	.pblock5
	{
		display: none !important;
	}
}

@media only screen and (max-width: 1440px)
{
	.pblock4
	{
		display: none !important;
	}
}

@media only screen and (max-width: 1140px)
{
	.pblock3
	{
		display: none !important;
	}
}

@media only screen and (max-width: 740px)
{
	.pblock2
	{
		display: none !important;
	}
}

@keyframes bg-animation
{
	0%
	{
		background-position: left;
	}
	100%
	{
		background-position: right;
	}
}

.showAddProdInfo
{
	text-align: center;
	width: fit-content;
	border: none;
	margin-bottom: 2em;
	cursor: pointer;
	background-color: var(--green-medium);
	color: white;
	border-radius: 3px;
}

.showAddProdInfo:hover
{
	text-align: center;
	width: fit-content;
	border: none;
	margin-bottom: 2em;
	cursor: pointer;
	background-color: lightslategrey;
	background-image: var(--bg-gradient-hover);
	background-size: 100%;
	animation: bg-animation 1s infinite alternate;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.prodaccinfo
{
	transition: visibility 0s ease-out;
}

.feefowidget-floating-open-button__feedback-wrapper
{
	display: none !important;
}

.feefowidget-colour-scheme-white .feefowidget-floating-open-button__img
{
	border-color: white !important;
}