@font-face { font-family: "proxima-nova";src: url("/library/fonts/ProximaNova/Medium.otf") format('opentype');}
@font-face { font-family: "proxima-nova-black";src: url("/library/fonts/ProximaNova/Black.otf") format('opentype');}
@font-face { font-family: "FontAwesome"; src: url("/library/fonts/FontAwesome/FreeRegular5.otf") format('opentype'); }


.layoutcontent * {padding: 0px;margin: 0px;font-size: 100%;/* text-align: left; */}
.layoutcontent li { list-style-type: none; }
.layoutcontent td, .layoutcontent th { vertical-align: top; }
/* b, strong { font-weight: normal; font-family: "proxima-nova-black"; } */
.layoutcontent p { margin: 0px 0px 10px 0px; line-height: 1.5; }
.layoutcontent a {color: #000000;text-decoration: none;}
.layoutcontent a:hover { text-decoration: underline; }
.layoutcontent fieldset { border: none; padding: 0px; }
.layoutcontent .hidden { display: none; }
.layoutcontent input, .layoutcontent textarea, .layoutcontent select { font-size: 100%; padding: 10px; border: 1px solid grey; box-sizing: border-box; }
.layoutcontent select { border: 1px solid grey; }
.layoutcontent textarea { box-sizing: border-box; border: 1px solid grey; } 
/* input[type=button], input[type=submit], button, a.button { cursor: pointer; background: #835716; color: #ffffff; border: none; padding: 10px 20px 10px 20px; }
.layoutcontent input[type=button]:hover, .layoutcontent input[type=submit]:hover, .layoutcontent button:hover, .layoutcontent a.button:hover { background: #6f4200; text-decoration: none; } */
.layoutcontent img {border: none;max-width: 100%;height: auto;}
.layoutcontent img.left { margin: 5px 5px 5px 0px; }
.layoutcontent img.right { margin: 5px 0px 5px 5px; }
/* h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;line-height: 1;} */
.layoutcontent .border { border: 1px solid #000000; padding: 10px;}
.layoutcontent table { border-spacing: 0px; }
.layoutcontent td, .layoutcontent th { padding: 0px; }

.layoutcontent input[type=button], .layoutcontent input[type=submit], .layoutcontent button, .layoutcontent a.button, .util_sitesearch .showmore a, .util_sitesearch .introduction a{
	padding:13px 26px;
	font-size: 14px;
	font-family: "proxima-nova";
	text-transform: uppercase;
	letter-spacing: 1px;
	/* font-weight: 600; */
	color: #fff;
	background-color: #272727;
	border-color: #272727;
	transition: .1s opacity linear;
}

.layoutcontent input[type=button]:hover, .layoutcontent input[type=submit]:hover, .layoutcontent button:hover, .layoutcontent a.button:hover{
	opacity:.8
}

.layoutcontent select {
	display: block;
	color: #444;
	line-height: normal;
	width: 100%;
	max-width: 100%;
	padding: 10px 20px 10px 10px !important;
	box-sizing: border-box;
	margin: 0;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image : url(/images/QLJSB3ov1va7SX6DUVJ200b009.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
}

.layoutcontent select::-ms-expand {
	display: none;
}

.layoutcontent .select-css option {
	font-weight:normal;
}

body { font-size: 88%; font-family: "proxima-nova"; color: #000000; background-color: #ffffff; }


.pagebanner {width: 100%;background-color: #eeecd3;}
.pagebanner_inner img {margin: 0px auto 0px auto;display: block; height: 200px; width: auto;}


.pagetitle, .shop_category h1.name, .shop_product .sectiontitle, .util_sitesearch h2.titletxt, .std_newsarticlea h1, .shop_basketpage h1, .shop_orderhistory h1
	{background-color: #eeecd3;/*color: #835716; */color:black;padding: 25px;text-align: center;font-size: 180%;margin: 0px 0px 20px 0px;font-family: "proxima-nova";letter-spacing: 2px;}

.pagecontent, .pagecomponents, .util_sitesearch .include, .std_newsarticlea .created, .std_newsarticlea .abstract, .std_newsarticlea .article, .shop_product .details, .shop_basketpage .include, .shop_basketpage .topcomponents, .shop_orderhistory
	{ max-width: 1000px; margin: 0px auto 0px auto; padding: 20px; box-sizing: border-box; overflow: auto; }

.util_sitesearch .include{display: flex; flex-direction: column; align-items: center;}
.util_sitesearch form{ padding: 30px 0;}

.util_sitesearch .introduction {text-align: center; padding: 20px 0;}

@media( max-width: 699px ){
	.util_sitesearch form{width: 300px; }
	.util_sitesearch form input[type=text]{width: 100%;}
	.util_sitesearch form input[type=submit]{margin: 20px auto; width: fit-content; display: block;}
}


p.redtext { color: #db0202; }
p.greentext { color: #0bb533; }
p.redbackground { background-color: #db0202; padding: 5px 10px 5px 10px; color: #ffffff; margin: 0px; }
p.greenbackground { background-color: #0bb533; padding: 5px 10px 5px 10px; color: #ffffff; margin: 0px; }


.shop_category h1.name, .shop_product .sectiontitle { margin-bottom: 0px; }
.shop_category .breadcrumb {margin-bottom: 20px;}
.shop_product .breadcrumb {background-color: #eeecd3;margin-bottom: 20px;}
.shop_category .breadcrumb ul.links, .shop_product .breadcrumb ul.links { max-width: 1000px; padding: 0px 20px 20px 20px; margin: 0px auto 0px auto;font-family: "proxima-nova"; text-align: center; }
.shop_category .breadcrumb ul.links li, .shop_product .breadcrumb ul.links li { display: inline-block; }
.shop_category .breadcrumb ul.links li a{ margin-right: 5px;}

.shop_category .description {max-width: 1000px; margin: 0 auto; padding: 20px;}


.shop_categorylist ul, .shop_category .subcategories, .shop_productlist ul { display: flex; flex-wrap: wrap; max-width: 1000px; padding: 20px; box-sizing: border-box; margin: 0px auto 0px auto; }

.shop .shop_categorylist ul {justify-content: space-evenly;}
.shop .shop_categorylist li{box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; padding: 20px;}
.shop .shop_categorylist .image, .shop .shop_categorylist .image a{width: 100%;height: 250px;}
.shop .shop_categorylist .name{margin-top: 20px;}

/* Page with subcategories and a product list on same page */
.shop_category .subcategories + .shop_productlist {padding: 0px 20px 0px 20px;}
.shop_category .subcategories li + .shop_productlist li { padding-top: 0px; }


.shop_categorylist ul li, .shop_category .subcategories li, .shop_productlist li
   {width: 30%;/* float:left; */display: block !important;visibility: visible;padding: 30px 0px 0px 0px;margin: 10px;}

.shop_categorylist .image, .shop_category .subcategories .image, .shop_productlist .image
   {display: block !important;visibility: visible;width: 200px;height: 200px;line-height: 175px;text-align: center;margin: 0px auto 0px auto;clear: left;}

.shop_categorylist .image a, .shop_category .subcategories .image a, .shop_productlist .image a
    {width: 200px;height: 200px;display: block !important;visibility: visible;text-align: center;}

.shop_categorylist .image img, .shop_category .subcategories .image img, .shop_productlist .shop_categorylist .image img, .shop_productlist .image img
    {text-align: center;vertical-align: middle;border-radius: 5px; max-height: 100%;max-width: 200px; width: auto;}
	
.shop_categorylist .name, .shop_category .subcategories .name, .shop_productlist li .name
   {display: block !important;visibility: visible;max-width: 200px;min-height: 80px;margin: 0px auto 20px auto;font-size: 110%;text-align: center;}

.shop_categorylist .introduction a, .shop_categorylist .name a, .shop_category .subcategories .name a, .shop_productlist .name a
   { font-family: "proxima-nova"; text-align: center;}



@media( max-width: 799px )
{
	.shop_category .subcategories, .shop_productlist ul { justify-content: center ; }
	.shop_categorylist ul li, .shop_category .subcategories li, .shop_productlist li { width: 45%; }
}

@media( max-width: 599px )
{
	.shop_categorylist ul li, .shop_category .subcategories li, .shop_productlist li { width: 100%; }
}


.shop_product .leftcolumn {padding: 0px 0px 30px 0px;box-sizing: border-box;}
.shop_product .leftcolumn .images { display: flex; gap: 20px; justify-content: space-between; flex-wrap: wrap; }
.shop_product .leftcolumn .images li { display: flex; width: 175px; height: 175px; line-height: 175px; /*border: solid #e4e4e4 1px; */ margin: 0px 0px 20px 0px; align-items: center; justify-content: center; }
.shop_product .leftcolumn .images img { display: block; border-radius: 5px; }
.shop_product .leftcolumn .images .comingsoon { padding: 50px 30px 0px 30px; text-align: center; line-height: 1; }

.shop_product .rightcolumn { max-width: 100%; box-sizing: border-box; }
.shop_product .rightcolumn .name { font-family: "proxima-nova-black"; padding: 20px 0px 0px 0px; font-size: 110%; text-transform: uppercase; letter-spacing: 2px; }
.shop_product .rightcolumn .code * { font-family: "proxima-nova-black"; display: inline-block; margin-right: 5px; }
.shop_product .rightcolumn .description { padding: 20px 0px 15px 0px; }
.shop_product .rightcolumn .discounts { padding: 5px; margin: 0px 0px 20px 0px; background-color: #eeecd3; }
.shop_product .rightcolumn .discounts li { padding: 5px; }
.shop_product .rightcolumn .price { font-size: 120%; font-weight: bold; }
.shop_product .rightcolumn .price.price1 {margin: 0px 0px 5px 0px;}
.shop_product .rightcolumn .price.price2 {margin: 0px 0px 10px 0px;}
.shop_product .rightcolumn .price span { color: #bb8000; }
.shop_product .rightcolumn .quantity { margin: 10px 0px 20px 0px; }
.shop_product .rightcolumn .outofstock { margin: 20px 0px 20px 0px; }

@media( min-width: 900px )
{
	.shop_product .leftcolumn { float: left; width: 225px; }
	.shop_product .rightcolumn { float: left; padding: 0px 0px 50px 0px; width: 635px; }
}

.shop_product select { width: unset; }
.shop_product .quantity select { width: 126px; }

.basketloginreminder { background-color: #835716; padding: 10px; margin: 0px 0px 20px 0px; }
.basketloginreminder * { text-align: center; color: #ffffff; }

.shop_basket h2 {color: #835716;font-size: 150%;font-family: "proxima-nova-black";text-align: center;padding: 0px 0px 10px 0px;}
.shop_basket table { width: 100%; margin: 0px 0px 20px 0px; }
.shop_basket table th, .shop_basket table td { padding: 5px; border-bottom: solid #e4e4e4 1px; }
.shop_basket table th{color: black;}
.shop_basket table th.baseprice, .shop_basket table td.baseprice, .shop_basket table th.quantity, .shop_basket table td.quantity, .shop_basket table th.basetotal, .shop_basket table td.basetotal
	{ text-align: right;}
.shop_basket table th.basetotal {white-space: nowrap;}
.shop_basket .buttons { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.shop_basket .buttons input { margin: 0px 5px 0px 5px; }
.shop_basket .basket .discount { display: none; }
.shop_basket .checkout .footer { clear:both; text-align: center; padding: 50px 0px 0px 0px; }
.shop_basket .checkout .footer p {text-align: center;}
.shop_basket .confirm .contact, .shop_basket .confirm .billing, .shop_basket .confirm .shipping
	{float: left;width: 33.3%;padding-top: 20px;}
.shop_basket .confirm .contact h2, .shop_basket .confirm .billing h2, .shop_basket .confirm .shipping h2
	{ text-align: left; font-size: 140%;}
.shop_basket .confirm .notes, .shop_basket .confirm .shippingunavailable { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.shop_basket .confirm .shippingunavailable p { text-align: center; }
.shop_basket .confirm .voucher, .shop_basket .confirm .discount { clear: both; padding: 50px 0px 0px 0px; text-align: center; }
.shop_basket .confirm .voucher fieldset, .shop_basket .confirm .discount fieldset { text-align: center; }
.shop_basket .confirm .discount { clear: both; padding: 50px 0px 0px 0px; }
.shop_basket .confirm .payment { clear: both; padding: 50px 0px 0px 0px; max-width: 600px; margin: 0px auto 0px auto; }
.shop_basket .confirm .payment li { text-align: center; }
.shop_basket .confirm .payment .label { width: 150px; }
.shop_basket .confirm .payment input[type=text] { width: 100%; }
.shop_basket .confirm .paymentform { text-align: center; }

.shop_basket .message { font-family: "proxima-nova-black"; padding: 0px 0px 20px 0px; text-align: center; }
.shop_basketpage .emerchantpaybanner {padding: 20px 0px 0px 0px;}

@media(max-width:430px){
    .shop_basket { font-size: 80%; }
}

@media(max-width:600px){
    .shop_basket input[type="button"], .shop_basket input[type="submit"] { width: 100%; text-align: center; padding: 15px 15px 15px 15px; margin: 20px 0px 0px 0px; }
	.shop_basket .confirm .contact, .shop_basket .confirm .billing, .shop_basket .confirm .shipping
	{width: 50%;}
}

@media(max-width:375px){
    .shop_basket { font-size: 60%; }
}

.util_sitesearch .include .result { padding: 20px 0px 0px 0px; }
.util_sitesearch .include .result .title { padding: 10px 0px 10px 0px; color: #835716; font-size: 110%; }
.util_sitesearch .include .result .description { padding: 0px 0px 10px 0px; }

.formbuilder .field {clear: both;padding: 10px 0px 0px 0px;}
.formbuilder .label { float: left; width: 200px; text-align: right; padding: 10px 10px 0px 0px; box-sizing: border-box; }
.formbuilder .input {float: left;width: 450px;max-width: 660px;}
.formbuilder .field_group>.input {width: 100%;max-width: none;float: none;}
.formbuilder input, .formbuilder textarea, .formbuilder select {max-width: 100%;width: 100%;}
.formbuilder .field_section .label, .formbuilder .field_group>.label
   { float: none; width: auto; text-align: center; font-family: proxima-nova-black; font-size: 120%; padding: 30px 0px 10px 0px; border-bottom: solid #e4e4e4 1px; }

.checkout #fb-BillAddress-div, #fb-BillTownCity-div, #fb-BillCounty-div {display: block !important;}

.shop_basket .formbuilder .input{width: calc(100% - 200px);}

.field_checkbox {display: flex; gap:10px;}
#fb-ShipUseBilling-div input, #fb-ExtNewsletter-div input{ margin: 18px 0px 0px 0px;}
#fb-ExtNewsletter-div .label, #fb-ExtNewsletter-div .input, #fb-ShipUseBilling-div .input{ width: auto !important;}
#fb-ExtNewsletter-div{display: flex; justify-content: center; padding-top: 40px; }
#fb-ExtNewsletter-div .label, #fb-ExtNewsletter-div .input{font-weight: 600;}


@media(max-width:700px){
	.formbuilder .label { width: 100%; float: none; text-align: left; padding: 10px 0px 0px 0px; }
    .formbuilder .input { max-width: 100%; width: 100%; float: none; }

    form input[type="text"] { width: 100%;}


	.shop_basket .formbuilder .input{width: 100%;}
	#fb-ShipUseBilling-div .label{width: auto;}

    .shop_basket .confirm .payment {padding: 50px 0px 0px 0px;max-width: 100%;margin: 0px 0px 0px 0px;}
    .shop_basket .confirm .payment .label { width: 100%; }
    .shop_basket .confirm .payment .input { max-width: 100%; }
}

.shop_basket #fb-StartDate-div select { width: 50%; max-width: unset;float: left; }
.shop_basket #fb-ExpiryDate-div select { width: 50%; max-width: unset;float: left; }
.shop_basket #fb-CVV-div input { max-width: 100px; }

.surv_standard .titletxt { font-size: 140%; font-weight: bold; margin: 30px 0px 20px 0px; color: #77ad61; }
.surv_standard .message, .shop_basket .errors, .shop_basket .message { margin: 20px 0px 20px 0px; color: #ed2024; border: double #ed2024 3px; padding: 10px; }
.surv_standard .buttons { clear: both; padding: 20px 0px 0px 160px; }

.std_contentpage h2 {font-family: "proxima-nova-black";font-size: 128%;padding: 10px 0px 20px 0px;}
.std_contentpage a { font-family: "proxima-nova-black"; }


.memb_loginbox { max-width: 100%; width: 420px; margin: 0px auto 0px auto;}
.memb_loginbox .errors, .memb_account .errors{ color: #ff0000; margin: 0px 0px 20px 0px; }
.memb_loginbox .fieldemail { display: block; padding-bottom: 10px;}
.memb_loginbox .forgotpw, .memb_loginbox .register {display: block !important;visibility: visible; padding: 5px 0;}
.memb_loginbox .login { padding: 20px 0px 40px 150px; }
.memb_loginbox .label { width: 150px; display: inline-block; }
.memb_loginbox .input { width: 390px; display: inline-block; }
.memb_loginbox .input input { width: 100%; box-sizing: border-box; }

.memb_loginbox .status { margin: 0px 0px 10px 0px; }

@media(max-width:600px){
	.memb_loginbox .label, .memb_loginbox .input { display: block; width: 100%; }
	.memb_loginbox .login, .memb_loginbox .logout { padding: 20px 0px 0px 0px; width: 100%; }
	.memb_loginbox input[type="submit"] { width: 100%; text-align: center; padding: 15px 15px 15px 15px; }
	.memb_loginbox .forgotpw { padding: 60px 0px 0px 0px; text-align: center; }
	.memb_loginbox .register { padding: 40px 0px 0px 0px; text-align: center; }
}

.memb_account { max-width: 100%; width: 600px; margin: 0px auto 0px auto; }
.memb_account p { text-align: center; }
.memb_account .label {text-align: left;width: 155px;}
.memb_account .input { max-width: 100%; width: 550px; box-sizing: border-box; }
.memb_account .input input { width: 100%; box-sizing: border-box; }
.memb_account textarea {width: 100%;box-sizing: border-box;}
.memb_account .buttons { clear: both; padding: 20px 0px 0px 0px; }

.memb_account .text ul { padding: 20px 0px 0px 0px; }
.memb_account .text ul li { padding: 10px 0px 0px 0px; }

@media(max-width:600px){
	.memb_account { width: 100%; margin: 0px 0px 0px 0px; }
	.memb_account .label { width: 100%; }
	.memb_account .input { width: 100%; }
	.memb_account .buttons input[type="submit"] { width: 100%; text-align: center; padding: 15px 15px 15px 15px; }
	
	.memb_account .text ul li { padding: 30px 0px 0px 0px; }
}


.cataloguerequest input[type="text"], .cataloguerequest textarea, .cataloguerequest select {width: 277px;max-width:100%;box-sizing:border-box;}
.cataloguerequest input[type="checkbox"] { width: 27px;height: 27px; }
.cataloguerequest .formbuilder .input { width: 277px; max-width: 100%; box-sizing: border-box;}
.cataloguerequest .surv_standard { width:600px; max-width: 100%;margin: 0px auto 0px auto;}
.cataloguerequest .surv_standard button, .shop_basket #fb-BillPostcode-div button, .shop_basket #fb-ShipPostcode-div button { width: 100%; text-align: center;padding: 10px; cursor: pointer; }

/* PAF dialog box styling */
#pafdialog li {padding: 10px 0px 0px 0px; }
.ui-dialog .ui-dialog-title {font-family: "proxima-nova-black" !important; font-size: 110%; letter-spacing: 1px;}
.ui-widget-overlay {opacity: 0.6;}
.ui-widget-header {background: #eeecd3; border-radius: none;}


@media(max-width:630px){
	.ui-dialog { width: 100% !important; box-sizing: border-box !important; }
	.ui-dialog .ui-dialog-titlebar { height: 40px; line-height: 40px;}
	.ui-dialog .ui-dialog-titlebar-close  {height: 40px;width: 40px;top: 30%;}
	/* .ui-dialog .ui-dialog-titlebar-close .ui-icon {width: 20px; height: 20px; background-size: cover; } */
}

@media(max-width:600px){
	.cataloguerequest .surv_standard { width: 100%; }
	.cataloguerequest .formbuilder .input { width: 100%; }
	.cataloguerequest input[type="text"], .cataloguerequest textarea, .cataloguerequest select { width: 100%; }
	.cataloguerequest .surv_standard .buttons { padding: 20px 0px 0px 0px; }
	.cataloguerequest .surv_standard .buttons input[type="submit"] { width: 100%; text-align: center; padding: 15px 15px 15px 15px; margin: 20px 0px 0px 0px; }
}

.penkitinstructions h2 {  clear: both; padding: 80px 0px 10px 0px; }
.penkitinstructions figure { float: left; width: 50%; }
@media(max-width:425px){
	.penkitinstructions figure { float: none; width: 100%; padding: 40px 0px 0px 0px; }
}

.util_sitesearch .url { 
    word-break: break-all;
    /* For webkit browsers */
    word-break: break-word;
}

.shop_backinstock li { clear: both; border-top: solid #eeecd3 1px; padding: 20px 0px 20px 0px; }
.shop_backinstock li .image { float: left; padding: 0px 20px 20px 0px; }
.shop_backinstock li h3 { font-size: 120%; padding: 0px 0px 30px 0px; }
.shop_backinstock li a { display: inline-block; }

/* Back in Stock */

.shop_backinstock .date { margin-top: -10px; padding-bottom: 20px; font-size:110%;}
.shop_backinstock .image { min-width: 100px; min-height: 100px;}

.backinstock { position: absolute; left: 50%; margin-top: 220px;  background-color: #885626; text-transform: uppercase; margin-left: 330px; padding: 10px; width: 250px;}
.backinstock .link { text-align: center; }
.backinstock .link a { color: white;}

@media ( min-width: 1240px)
{
	.backinstock { margin-top: 220px; margin-left: 330px; }
}

@media ( max-width: 1239px)
{
	.backinstock { margin-top: 170px; left: auto; right: 20px;}
}

/* Order History */

.shop_orderhistory .content .details, .shop_orderhistory .content .details h2 {margin: 20px 0px }
.shop_orderhistory .content .billingaddress h2, .shop_orderhistory .content .shippingaddress h2 {margin-bottom: 5px; text-decoration: underline;}
.shop_orderhistory .content .billingaddress, .shop_orderhistory .content .shippingaddress  {margin: 10px 0px;}
.shop_orderhistory .content table { width: 100%; margin-top: 20px;}
.shop_orderhistory .content table td {padding-bottom: 10px;}
.shop_orderhistory .content table th { font-size: 110%; font-family: proxima-nova-black; padding-bottom: 10px;}

/* Shop buttons */

.shop .content .cataloguebutton a { text-align: center; display: block; padding: 20px; text-decoration: none;  color: white; background-color: #885626; }
.shop .content .cataloguebutton a:hover { background-color: #6f4200; }

.ui-dialog-content { display: flex; flex-direction: column-reverse; }
.ui-dialog-content>a { display: block; font-family: "proxima-nova-black"; text-decoration: underline; }
.ui-dialog-content a:hover { text-decoration: none; }