/* ------------------------------------------------------------------------------------
		SCREEN - Present Finder 2019
		Filename : sitepanes.css
		Last Updated : 26. 11. 2019
		Copyright : (c) 2019 Etail Systems Ltd
		Author : Etail Systems Ltd
		Web : http://www.etailsystems.com

Table of Contents
	01. =Reset
	02. =Page
	03. =Typography
	04. =Buttons
	05. =Tables
	06. =Forms
	07. =PanelTop
	08. =Breadcrumb
	09. =CenterPanel
	10. =MainPanel
	11. =RightPanel
	12. =LeftPanel
	13. =FooterPanel
	14. =BottomPanel
	15. =FilterSearch
	16. =SearchHeader / SearchFooter 
	17. =DepartmentTree
	18. =FeaturedProducts
	19. =RecentItems
	20. =ProductLists
	21. =HoverBasket
	22. =PopupDialog / Popup Add to Basket
	23. =Basket
	24.	=Checkout process
	25.	=Sitemap
	26. =Messages
	27. =AutoComplete
	28. =QuickView
	29. =CustomPromotions
	30. =CustomArticles
	31. =Blog
	32. =OwlCarousel/Jquery Base
	33. =Jquery Base Overrides
	34.	=Hacks


              THIS IS THE GOOGLE FONT CSS - MUST BE LOADED BEFORE OTHER CSS
------------------------------------------------------------------------------------- */

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ------------------------------------------------------------------------------------
=Reset 
------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	/* Looks pretty much the same than Windows */
}

/* To enable HTML5 elements in IE */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block;
}

.othvshipcost {
display: none;
}


/* -----------------------------------------------------------------------------------------------------------------
=Page 
------------------------------------------------------------------------------------- */

html, body {
	width: 100%;
	min-width: 1200px;
	color:#31405b;
	/*because iPad*/
}

body {
	font-size: 100%;
	line-height: 1;
}

#cont {
	margin-left: auto;
	margin-right: auto;
}


/* -------------------------------------------------------------------------------------
=Typography 
------------------------------------------------------------------------------------- */

/* this choice of font-family is supposed to render text the same across platforms */
body, input, button, textarea, select {
    font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	/* Looks pretty much the same than Windows */
}

p, li, label, input, select, textarea {}

select, textarea {
	padding:.5em;
}

#pm #pi .pi_tab_content ul {
	list-style: circle;
	margin-left: 20px;
	margin-bottom: 1em;
}

input.inputtext,
input.inputtext_light /*used for the newsletter signup */{
	padding:0 .5em;
	font-size:1em;
	padding:.5em;
}

/* Headings
------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
    margin-bottom: .5em;
}
h1 {
    font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}


/* Links
------------------------------------------------------- */
a{
 	/* float: left; don't use a float at this level it breaks normal layout */
 	text-decoration: none;
 	color:inherit; /*makes the link the same colour as whatever the thing is that its in h3 h4 p etc*/
}

a:hover{}
a:active{}

a:visited{
    text-decoration: none;
}

/* Specific headings
------------------------------------------------------- */


/* Base Typography
------------------------------------------------------- */

p, ol, ul, dl, address {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

#pm #pi .pi_tab_content p:not(:last-child)
 {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
	margin-bottom: 1em;
}

b, strong {
	font-weight: bold;
}

ol, ul {
	list-style: none;
}

li ul, li ol {
	font-size: 1em;
	margin: 0.825em 0;
}

abbr {
	opacity: 0.9;
}

abbr[title]:hover, dfn[title] {
	border-bottom: 1px dotted #a4a498;
	cursor: help;
}

ins, mark {
	padding: 0 0.125em;
	text-decoration: none;
}

sub, sup {
	position: relative;
	font-size: smaller;
	line-height: 0;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

del, s {
	font-weight: 400;
	margin-right: 5px;
	text-decoration: line-through;
}


/* Article typesettings 
------------------------------------------------------- */

#pm .art h2, #pm .art h3, #pm .art h4,#pm .art h5 {
	color:#416976;
}

#pm .artp p {
	margin-bottom:.5em;
}

#pm .artp  p + h2,
#pm .artp  p + h3,
#pm .artp ul + h2,
#pm .artp ul + h3{
	margin-top:1.5em;
}

#pm .artp ul {
	margin-left:2em;
}

#pm .artp ul li {
	list-style:disc;
}

#pm .artp img {}

#pm .artp a {
		color:#416976;
}

#pm .artp a.btn{
	font-weight:normal;
	color:#fff;
}

#pm .artp a:hover {
	text-decoration:underline;
}

#pm .artp a.btn:hover {
	text-decoration:none;
}

#pm .art .artp table{
	border: 1px #97999c solid;
    border-collapse: collapse;
    margin-bottom:1em;
}

#pm .art .artp table th{
    background-color:#416976;
    color:#fff;
    font-size:1.5em;
    padding:.25em;
}

#pm .art .artp table th:first-child{
    width:40%;
}

#pm .art .artp table tr:nth-child(odd){
    background-color:#eef2f3;
}
/* -------------------------------------------------------------------------------------
=Buttons 
------------------------------------------------------------------------------------- */

.submit,
a.btn {
	font-weight:700;
	padding:.5em;
	border: none;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background-color: #de5d53;
	cursor:pointer;
}



a.btn {
	padding: .5em;
}
td a.btn{
	display:block;
}

a.btn:hover {
    text-decoration: none;
}

.submit:hover, a.btn:hover {}

/* -------------------------------------------------------------------------------------
=Tables 
------------------------------------------------------------------------------------- */

/* Defaults for tables 
------------------------------------------------------- */

table {
	width: 100%;
	font-size: 1em;
}

table tr.header th {
	background-color: #fff;
	border-top:2px #d5d6d6 solid;
	border-bottom:2px #d5d6d6 solid;
	font-size: 1em;
	font-weight:700;
	color: #416976;
	text-transform: uppercase;
	padding: .5em;
}

table tr td {
	padding: .5em;
	vertical-align: middle;
}

/* Delivery Information
------------------------------------------------------- */

#pm .art.deliveryInfo h3 {}
#pm .art.deliveryInfo h4, #pm .art.deliveryInfo table {}
.deliveryInfo table {}
.deliveryInfo table th {}
.deliveryInfo table td {}
#pm .deliveryInfo .artp table td p {}


/* -------------------------------------------------------------------------------------
=Forms
------------------------------------------------------------------------------------- */

#pm .form#psign,
#pm .form#pwrem,
#pm .form#preg,
#pm .form#pchkoutnewcust {
	float:left;
	width: 60%;
	display:block;
	margin:0 20%;
	border: 2px solid #416976;
	background: #eef2f3;
	margin-bottom:1em;
}

#pm .form#psign h5,
#pm .form#pwrem h5,
#pm .form#preg h5,
#pm .form#pchkoutnewcust h5{
	font-size:.8em;
}

#pm .form#psign .bc,
#pm .form#pwrem .bc,
#pm .form#preg .bc,
#pm .form#pchkoutnewcust .bc {
	padding:1em;
}

#pm .form#psign select,
#pm .form#pwrem select,
#pm .form#preg select,
#pm .form#pchkoutnewcust select,
#pm .form#psign textarea,
#pm .form#pwrem textarea,
#pm .form#preg textarea,
#pm .form#pchkoutnewcust textarea{
	background-color:#fff;
}


#pm .form#psign a.btn,#pm .form#pwrem a.btn,#pm .form#preg a.btn {}
#pm .form#psign form+ul, #pm .form#pwrem form+ul, #pm .form#preg form+ul {}
#pm .form .link {}
#pm .form {}

#pm .form .bt{
	margin-bottom: 1em;
    background-color: #416976;
    padding:.5em;
}

#pm .form .bt h3 {
	color:#fff;
	margin-bottom:0;
}

#pm .form .bc ul li {
	margin-bottom:.5em;
}


#pm .form  form li label {
	float: left;
	font-weight:bold;
	margin-right:1em;
	min-width: 220px;
}


#pm .form .bc ul li input#subscribe{
	float:none;
	display:inline-block;
}


#pm .form .bc ul li label[for="subscribe"]{
	float:none;
	display:inline-block;
	vertical-align:top;
	max-width: 94%;
	font-weight:normal;
}


#pm .form .bc ul li.f9994242,
#pm .form .bc ul li.f9994244,
#pm .form .bc ul li.f9994245{
	margin-bottom:0;
}


#pm .form .bc ul li.f9994242 ul.check,
#pm .form .bc ul li.f9994244 ul.check,
#pm .form .bc ul li.f9994245 ul.check{
	/* max-width:80%; */
}


#pm .form .bc ul li.f9994242 label,
#pm .form .bc ul li.f9994244 label,
#pm .form .bc ul li.f9994245 label{
	display:none;
}


#pm .form  form li h3{
	font-size:16px;
	font-weight:700;
}


#pm .form .bc ul li label img {}
#pm .form .bc ul li.help {}

#pm .form .bc ul li .help {
	font-weight:bold;
}

#pm .form .bc ul li.info {
	font-weight:bold;
}

#pm .form form{
	float:left;
	width:100%;
}

#pm .form form ul{
	float:left;
	max-width:100%;
}

#pm .form form ul li{
	float:left;
	width:100%;
}

#pm .form form .submit{
	display: block;
	float: left;
	clear: both;
	margin: 0 auto;
	margin-top: 1em;
	background: #009c5f;
	color: #fff;
	font-weight: 700;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
}

#pm .form form ul.radio{
	display:inline-block;
	float:left;
}

#pm .form form ul.radio li{
	display:inline-block;
	float:left;
	clear:none;
	width:auto;
	vertical-align:middle;
}

#pm .form textarea{}

#pm #psign form ul li {
	float: left;
	clear: both;
}

#psign > div.bc > form > ul > li:nth-child(5) {
	margin-bottom: 0px;
}

#pm #psign form ul li h5 {
	font-size:1em;
}

/* post code lookup */

.pclup #pnlMultiAddressOption{
	float:left;
}

.pclup .inputtext{
	float:left;
}

.pclup #pnlMultiAddressOption select{
	max-width:83%;
	margin-bottom:1em;
}

#pm .form form .pclup .submit#btnPostCodeLookup{
	float:left;
	margin:0;
	margin-left:235px;
	margin-top: 0.5em;
}

.pclup span.or{
	margin:.8em .5em;
	float:left;
}

.pclup #pclupManualAddress{
	margin-top:.5em;
	float:left;
	background-color:#416976;
	color:#fff;
	padding: 0.73em;
	font-weight: 700;
	font-size: .8em;
	text-transform: uppercase;
}


/*sign in/new account form */

.page_checkoutsignin .checkoutLogos{
	display:none;
}

.pchkoutnewcust{

}





/* Account */
#psign .bc {
}

#psign ul.orders {}
#psign ul.contact {}
#psign ul.details{}

#pm .form .link {
	float:right;
}

#pm #psign.form.myaccount ul li{
	width: auto;
	float: left;
	clear: both;
}

#pm #psign.form.myaccount ul li:first-child{}

#pm #psign.form.myaccount ul.orders li:first-child{
	margin-left:0px;
}

#psign ul li a.lnk {
    display: inline-block;
    float: left;
    font-size: 0.875em;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-size:100%;
}

#pmid.page_useraccount #psign.form ul li a[title="My Orders"] {}
#pmid.page_useraccount #psign.form ul li a[title="My Quotations"] {}
#pmid.page_useraccount #psign.form ul li a[title="View My Last Order"] {}
#pmid.page_useraccount #psign.form ul li a[title="My Basket"] {}
#pmid.page_useraccount #psign.form ul li a[title="Email Customer Service"] {}
#pmid.page_useraccount #psign.form ul li a[title="Sign Up for Our Email Newsletter"] {}
#pmid.page_useraccount #psign.form ul li a[title="Update My Details"] {}
#pmid.page_useraccount #psign.form ul li a[title="Change password"] {}
#pmid.page_useraccount #psign.form ul li a[title="Sign Out"] {}

/*because stuff isn't written out properly, having to hide all this till it can be sorted! */
#pm .form .ritm,
#pm .form .preorderlink{
	float:left;
}

#pm .form .ritm .bt {
	width: 100%;
}

#pm .form .ritm ul li a.img {
	float:left;
}

#pm .form .ritm ul li a.img img {}

#pm .form .ritm ul li a.txt {
	float: left;
	clear: both;
}

#pm .form .ritm ul li .price,
#pm .form .ritm ul li .qty,
#pm .form .ritm ul li .trade{
	float:left;
	clear:both;
	width:100%;
	font-size:1em;
}

#pm .form .ritm ul li .price label,
#pm .form .ritm ul li .qty label,
#pm .form .ritm ul li .trade label{}


/* -------------------------------------------------------------------------------------
=FIXEDPanels (top and bottom)
------------------------------------------------------------------------------------- */

#ptf{
	padding:.5em 0em;
	top:0px;
	z-index:2002;
	width: 100%;
	min-width: 1200px;
	float: left;
	color: #fff;
	text-transform: uppercase;
	background-color:#5d627a;
}

#ptf .ext {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* Top Telephone Number
------------------------------------------------------- */
#ptf .art a{
	font-weight:normal;
}
.art.top-telephone {
   display:inline-block;
	vertical-align:middle;
    margin-right:1em;
}

.art.top-telephone .imgcont{
    height:1em;
    width:auto;
    float:left;
    margin-right:1em;
}

.art.top-telephone .artp{
	float:left;
}

.art.top-telephone p {
    line-height: 1em;
    text-transform: capitalize;
}

.art.catalogue-top {
    float: left;
    width: 580px;
    text-align: center;
}


.art.catalogue-top .bc{
	display:inline-block;
}

.art.catalogue-top .imgcont{
    height:1em;
    width:auto;
    float:left;
    margin-right:1em;
}

.art.catalogue-top .artp{
	float:left;
}

.art.catalogue-top p {
    line-height: 1em;
    text-transform: none;
}

.art.feefo-top {
    display:inline-block;
    vertical-align:middle;
    /* width: 395px; */
    padding:0 1em;
    text-align: center;
}

.art.feefo-top  .bc{
	display:inline-block;
}

.art.feefo-top .imgcont{
    height:1em;
    width:auto;
    float:left;
    margin-right:1em;
}

.art.feefo-top .artp{
	float:left;
}

.art.feefo-top p {
    line-height: 1em;
    font-weight: bold;
    text-transform: capitalize;
}


#ptf .news{
	display:inline-block;
	vertical-align:middle;
}


#ptf .news{
	text-align:center;
	text-transform:uppercase;
	font-size:.875em;
}

#ptf .news label{
	margin-right:1em;
}

#ptf .news input.inputtext,
#ptf .news input.inputtext_light{
		font-size:.875em;
		padding: .5em;
		color:#aaa6a6;
		width:153px;
}

#ptf .news .submit{
	font-size:.875em;
	padding:.5em;
	color:#5d627a;
	border: 2px #eac95a  solid;
	background-color:#eac95a;
}




#pbf{
	position:fixed;
	height:65px;
	bottom:0px;
	z-index:200;
	background-color:#5d627a;
	width:100%;
}

#pbf a{
	color:#fff;
}

#pbf .info{
	float:right;
	padding: 1em 0px;
}

/* -------------------------------------------------------------------------------------
=SiteContainer
------------------------------------------------------------------------------------- */
#site{}

/* -------------------------------------------------------------------------------------
=PanelTop 
------------------------------------------------------------------------------------- */

#pt {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 1200px;
    float: left;
    color: #5d627a;
    background: #81c6b1;
}
#pt .ext {
    width: 1200px;
    margin: 1em auto;
    position: relative;
}

#pt ul {
	/* typically we dont want bullet styles*/
	list-style: none;
	list-style-position: inside;
	display: inline;
}




/* Site Logo
------------------------------------------------------- */

#pt .pbnr{
	float:left;
	padding:1em;
}

#pt .pbnr img{
	width:100%;
	height:auto;
}

/* Search
------------------------------------------------------- */

#pt .search {
	float: left;
	margin: 2.5em 6.4em;
} 

#pt .search form{
	border:.15em #5d627a solid;
	background-color:#fff;
}
	
#pt .search label {
	display: none;
}

#pt #searchbox {
    float: left;
    width: 365px;
    font-size: 1em;
    padding:.5em 1em;
    color: #31405b;
    text-transform: capitalize;
    outline:none;
    border:none;
}


#searchbox:focus {
	outline: 0;
	border: none;
}

#pt .search input#search {
	font-size: 1em;
	background-size:2em;
	background-color:#fff;
	border-left:0;
	width:1.2em;
	height:1.2em;
}

#pt .search input[type="submit"] {
}

/* Signin/Register
------------------------------------------------------- */
#pt .info {
	margin-top:1em;
	float:right;
	width:220px;
	text-align:center;
	text-transform:uppercase;
	border:.15em #a4afab solid;

	background-color:#92cdb9;
	border-bottom:none;

	color:#31405b;
}

#pt .info li{
	display:inline-block;
	margin:.5em .0em.5em .5em;
}	

/* Basket
------------------------------------------------------- */

#pt .bskt {
    float: right;
    width: 220px;
    margin:.5em 0;
    text-align:center;
	margin-top:0;

	border:.15em #a4afab solid;

	background-color:#92cdb9;
	border-top:none;
	text-align:center;
		color:#31405b;
}

#pt .bskt .bc {
	display:inline-block;
	border-top:2px #68638b solid;
	width:90%
}

#pt .bskt .bt {
	text-align:center;
}

#pt .bskt .bt h3 {
	display:none;
}

#pt .bskt #bsktitems {
	display:inline-block;
	margin-right:.5em;	
}

#pt .bskt #bsktvalue {
	display:inline-block;
}

#pt .bskt span {
	margin-right:.5em;
}

#pt .bskt a.btn {
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/basketicondesktop.png?_t=178212236') no-repeat left center;
	background-size:1.2em;
	line-height: 0.9em;
	font-size: 1em;
	padding-left:2em;
	display:inline-block;
	text-transform:uppercase;
	font-weight:700;
	color:#416976;
}

#pt .bskt a.btn::after {}
#pt .bskt a.btn img {}
#pt .bskt #bsktvalue span {}

/* Quick Order
------------------------------------------------------- */
#pt #qord {}
#pt #qord #qoresponse{}
#pt #qord label {}
#pt #qord input#qoref {}
#pt #qord input#qoref.inputtext {}
#pt #qord input#qoqty {}
#pt #qord .submit {}

/* -------------------------------------------------------------------------------------
=Breadcrumb 
------------------------------------------------------------------------------------- */

.bdcb {
	clear: both;
	width: 100%;
	padding-top:.5em;
}

/* typography
------------------------------------------------------- */
.bdcb h1,
.bdcb h2,
.bdcb h3,
.bdcb a{
	color:#979797;
	font-size:.8em;
	margin: 0em 0.5em;
	text-transform:uppercase;
	font-weight:normal;
	float:left;
}

/*for the break between the crumb*/
.bdcb .bc ul li:nth-child(n)::after {
    content: ">";
    display: inline-block;
    float:left;
    color: #979797;
    font-weight: 700;
    font-size: .8em
}

.bdcb .bc ul li:last-child::after {
    content: "";
}

#pc .bdcb .bc {
	margin: 0 auto;
	position: relative;
	margin-top:0;
	border-top:none;
}

.page_home .bdcb {
	display: none;
}

.bdcb .bt, .bdcb .bb {
	display: none;
}

.bdcb .bc ul li {
	display: inline-block;
	line-height:1;
}

.bdcb .bc ul li h1, .bdcb .bc ul li h3, .bdcb .bc ul li a {}
.bdcb .bc ul li a:hover {
	text-decoration:underline;
}
.bdcb .bc ul li img {}


/* -------------------------------------------------------------------------------------
=CentrePanel 
------------------------------------------------------------------------------------- */

#pc {
	float: left;
	width: 100%;
}

#pc .bc {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    margin-top:.5em;
    margin-bottom:.5em;
}

#pc .art.cta,
#pc .art.ctaRed{
	width: 33.3333333333%;
	display:inline-block;
	text-align:center;
	padding:.25em 0;
	border-top:2px solid #416976;
	border-bottom:2px solid #416976;

}

#pc .art.cta .bc,
#pc .art.ctaRed .bc{
	width:auto;
	border:none;
	margin:0;
}

#pc .art.cta .artp,
#pc .art.ctaRed .artp{
	display:inline-block;
	vertical-align:middle;
	text-transform:uppercase;
}
#pc .art.cta .artp p{
	line-height:1;
	font-weight:600;
	color:#416976;
}

#pc .art.ctaRed .artp p{
	line-height:1;
	font-weight:600;
	color:#C92228;
}

#pc .art.cta .imgcont,
#pc .art.ctaRed .imgcont{
	display:inline-block;
	vertical-align:middle;
}

#pc .art.cta img,
#pc .art.ctaRed img{
	display:inline-block;
	height:32px;
	width:auto;
	margin-left:1em;
	vertical-align:middle;
}

#site.home #pc {}
#site.home #pc .bdcb {}
#pc .bc .pbnr {}
#pc .bc .pbnr img {}
#pc .bc .pbnr h3 {}


.basket #pc .pbnr#p36339713,
.checkoutprocess #pc .pbnr#p36339713,
.customHide  #pc .pbnr#p36339713{
	display:none;

}

/* -------------------------------------------------------------------------------------
=MainPanel 
------------------------------------------------------------------------------------- */

#pmid {
	width:1200px;
	clear: both;
	margin: 0 auto;
	padding: 0;
	position: relative;
	display:flex;
	min-height:40vh;
}

#pm {
	float: left;
	clear: both;
	width:1200px;
	margin: 0 auto;
	position: relative;
	margin-bottom:1em;
}

#pm.pmwide {
	width: 75%;
	clear: none;
}

#pm.pmfull {
	width: 100%;
}

#pm .pmind {}


/* -------------------------------------------------------------------------------------
=Right Panel 
------------------------------------------------------------------------------------- */
#pr {
	width: 25%;
	float: right;
}

/* -------------------------------------------------------------------------------------
=Left Panel 
------------------------------------------------------------------------------------- */

#pl {
	width: 25%;
}
#pl .pbnr {}
#pl .bnr {}
#pl .bnr span {}
#pl .bt {}
#pl .bt h3 {}
#pl .bc {}
#pl .bc #sldiv {}
#pl p {}
#pl a {}
#pl .bb {}


/* -------------------------------------------------------------------------------------
=Footer - comes before pb
------------------------------------------------------------------------------------- */

#pf {
	width: 100%;
	position: relative;
	background-color: #fff;
	color:#fff;
	 color:#416976;
}
#pf .ext {
	width:1200px;
	margin: 0 auto;
	position: relative;
	}

#pf ul {}
#pf ul li {}
#pf ul li:last-child {}





/* Typography
------------------------------------------------------- */

#pf h2,
#pf h3,
#pf h4,
#pf span,
#pf strong,
#pf a{}

#pf h2,
#pf h3,
#pf h4{}

#pf p,
#pf li,
#pf .news label{}

#pf .info {}
#pf .art {}
#pf .pbnr{}
#pf .news{}

/* Client specific
------------------------------------------------------- */

#pf .ritm .bt{
	font-size:1em;
    color:#416976;
    text-align:center;
    padding:.5em 0;
    text-transform:uppercase;
    border-top:2px #eef2f3 solid;
    border-bottom:2px #eef2f3 solid;
}

#pf .ritm .bt h3{
	font-size:1.2em;
}

#pf .ritm  ul li{
	display:inline-block;
	vertical-align:top;
	position: relative;
	width: 220px;
	margin: 0px 0px;
	margin: 1em .5em;
	margin-bottom: 1em;
	text-align:center;
	border: 1px solid #c9c8c8;
}

#pf .ritm  ul li:hover{
	border: 1px solid #416976;
}

#pf .ritm  ul li a.img{
	display:block;
	overflow:hidden;
	position: relative;
	text-align:center;
	height:220px;
	width:220px;
}

#pf .ritm  ul li a.img img{
	width: 100%;
	height: auto;	
}

#pf .ritm  ul li a.txt{
	display:block;
	height:3em;
	color:#000;
}

#pf .ritm  ul li label{
	display:none;
}



#pf .ritm  ul li .prevprice,
#pf .ritm  ul li .offer{
	display:inline-block;
	margin:0 .5em;
}

#pf .ritm  ul li .prevprice{
	text-decoration:line-through;
}
/* hover image effects
------------------------------------------------------- */
#pf .ritm  ul li a.img img {
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}


/*zoom in*/
#pf .ritm  ul li a.img img:hover{
	-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
}

/* -------------------------------------------------------------------------------------
=Bottom Panel 
------------------------------------------------------------------------------------- */

#pb {
	width: 100%;
	position: relative;
	background-color: #5d627a;
	color:#fff;
	padding-top:2em;
}

#pb .pipe {
	display: none;
}

#pb .ext {
	width:1200px;
	margin: 0 auto;
	position: relative;
}

#pb ul {
	list-style: none;
}

#pb h3 {}

#pb .info li a {}

#pb .info h3, #pb .art h2 {}
#pb .art p {}

#pb .pbnr {
	float:right;
	text-align:right;
}

/* Newsletter signup (no longer in the footer since 2018 update)
------------------------------------------------------- */

#pb .news{
	text-align:center;
	text-transform:uppercase;
	padding:1em;
	border-bottom:2px #aaa6a6 solid;
	font-size:1.2em;
	margin-bottom:1em;
}

#pb .news label{
	margin-right:1em;
}

#pb .news input.inputtext,
#pb .news input.inputtext_light{
	padding:.5em;
	color:#aaa6a6
}

#pb .news .submit{
	font-size:1em;
	padding:.5em;
	border:2px #009c5f solid;
}

/* Information panes (site links)
------------------------------------------------------- */

#pb .info {
	float: left;
	margin-left:1em;
	width: 25%;
}

#pb .info:first-child {}
#pb .info li {
	margin-bottom:.5em;
}



#pb .art#a88965121 {
	float:left;
	width:15%;
}


#pb .art#a88965121 ul{
  text-align:left;
}

#pb .art#a88965121 li{
	width:35%;
	text-align:left;
	font-size: 2em;
	/* margin: 0.1em; */
}

#pb .art#a88965121 h2{
	font-size:1.5em;
	text-align:left;
}

#pb .info:first-child {}
#pb .info li {
	margin-bottom:.5em;
}


/* Social Icons
------------------------------------------------------- */
#pb .pbnr .bnr.social-footer{
	display:inline-block;
	margin:0 1em;
}


#pb .art#a88539136{
	border-top:2px #aaa6a6 solid;
	padding:.5em 0;
	margin:0;
	margin-top:1em;
}
#pb .fontAwesome{
	display:inline-block;
	width:100%;
	text-align:center;
}

#pb .fontAwesome ul.inline,
#pb .fontAwesome li{
	display:inline-block;

}

#pb .fontAwesome li{
	display:inline-block;
	margin-right:.5em;
	font-size:2.5em;
}


#pb .fontAwesome ul.inline + ul.inline li{
	margin-right:0;
	margin-left:.5em;
}

/* Payment Logos
------------------------------------------------------- */
#pb .art.paymentLogos{
	margin:1em 0;
	float:right;
	width: 45%;
	text-align:right;
}

#pb .art.paymentLogos img{
	display:inline-block;
	max-height:36px;
	width:auto;
	margin:0 .5em;
}


/* Feefo Service rating
------------------------------------------------------- */
#pb .feefo-footer{
	float:right;
	margin-top:1em;
}

#pb .feefo-footer img{
	max-height:135px;
}


/* Popular this month no longer in use!
------------------------------------------------------- */
#pb .info#p29687814,
#pb .info#p30015503,
#pb .info#p37683200{
	border-top:2px #aaa6a6 solid;
	padding:.5em 0;
	margin:0;
	margin-top:1em;
	text-align:center;
	width:100%;
}

#pb .info#p29687814 .bt,
#pb .info#p30015503 .bt,
#pb .info#p29687814 .bc,
#pb .info#p37683200 .bt,
#pb .info#p37683200 .bc,
#pb .info#p30015503 .bc,
#pb .info#p29687814 .bc ul li,
#pb .info#p30015503 .bc ul li,
#pb .info#p37683200 .bc ul li{
	display:inline-block;
	margin-right:.5em;

}

#pb .info#p29687814 .bt h3,
#pb .info#p30015503 .bt h3,
#pb .info#p37683200 .bt h3{
	font-size:1em;
	font-weight:700;
}

#pb .desktopFooter{
	float:left;
	text-align:center;
	font-size: 0.6em;
	width:100%;
	margin-bottom:1em;
}

/* -------------------------------------------------------------------------------------
=Copyright and Managed by 
------------------------------------------------------------------------------------- */

.etailcopy {
	float:right;
}

p.copy,
p.etail {
	float:left;
	clear:none;
	font-size:.8em;
	margin:0 .8em
}

p.copy {
	float: right;
	margin-right: 0.250em;
}

p.copy span {}

/* -------------------------------------------------------------------------------------
=FilterSearch 
------------------------------------------------------------------------------------- */

#pl .filter .bc .ContainerPanel .HeaderContent, #pl .filter .bc .ContainerPanel .HeaderContentClose {}
#pl .filter .bc .ContainerPanel .Content .citem {}
#pl .filter .bc .ContainerPanel .Content .citem:hover {}
#pl .filter .bc .ContainerPanel .Content .citem span {}
#pl .filter .bc .ContainerPanel .Content {}
#pl .filter .bc .ContainerPanel .Content .showmore {
	cursor: pointer;
}

.filter .bt {
	background-repeat: no-repeat;
	width: 100%;
}

.filter .bt h3 {
	display: inline-table;
}

.longattrsection .items {
	max-height: 220px;
	overflow-x: hidden;
	-ms-overflow-x: scroll;
	margin-bottom: 20px;
}

.HeaderContent {
	width: 200px;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding: 5px 0;
	cursor: pointer;
}

.HeaderContent h5 {
	margin: 0;
	margin-left: 10px;
	position: relative;
	top: 0;
}

.collapsed h5 {}
.collapsed h5:hover {}

.citem {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: 0;
	margin: 0;
	cursor: pointer;
}

.citem:empty {
	display: none;
}

.citem:hover {}
.citemselected {}
.citemselected:hover {}

#divPriceRangeDisplay {
	height: 20px;
	margin-left: 10px;
	padding-top: 12px;
}

#sldiv {
	margin: 15px;
}

#resetfs {
	height: 20px;
	padding: 5px 0;
	background: #e5e5e5;
	display: none;
}

#resetfs h5 {
	padding-left: 10px;
	text-transform: uppercase;
	cursor: pointer;
}


/* -------------------------------------------------------------------------------------
=SearchHeader / SearchFooter 
------------------------------------------------------------------------------------- */
.deptwrap{
	float:left;
}
.searchheader, .searchfooter {
	width: 100%;
}

.searchheader .bc,
.searchfooter{
	padding-bottom:1em;
	float:left;
	width:98%;
	padding:1em 1%;

}

.searchheader h5#rescou {
	display:none;
	float:left;
	font-size:1em;
	color:#979797;
}

.searchheader form {
	float: left;
	margin-right:1em;
}

.searchheader .search form {
	display: none;
}

.searchheader form label {
	margin-right:0.5em;
	font-weight:normal;
	color:#979797;
}

.searchheader form label[for="searchbox"] {
	display: none;
}

.searchheader .paging {
	float: right;
}

.searchheader .paging label, .searchfooter .paging label {
	display: none;
}

.searchheader .paging span, .searchheader .paging a, .searchfooter .paging span, .searchfooter .paging a {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.searchheader .paging a, .searchfooter .paging a {
	margin: 0 0.25em;

	font-weight:normal;
}

.searchheader .paging span, .searchfooter .paging span {
	color:#fff;
	background-color:#5a5858;
	padding:.25em;
}

.searchheader .search input#searchbox {}

.searchheader .search input.submit {
	padding: 0 0.25em;
}

.searchheader label[for="rpp"] {}

.searchfooter .paging {
	float: right;
}

#sr {
	float: left;
}


/* -------------------------------------------------------------------------------------
=Department Tree 
------------------------------------------------------------------------------------- */

.deptHeader{
}

.depttree + .deptHeader h2{
	display:none;
}

#pm .art.deptHeader .bc h2{
	background-color:#416976;
	color:#fff;
	text-align:center;
	font-size:4em;
	padding:.25em 0em;
	margin-bottom: .25em;
}

.deptHeader img{
	float:left;
	margin-right:1em;
}
.depttree {
	/* border-bottom:5px solid #416976; */
	margin-bottom:1em;
	padding-bottom:.5em;
}

.depttree .bt {
	clear: both;
}

/* dept title
------------------------------------------------------- */
.depttree > .bt h3{
	text-transform:uppercase;
	text-align:center;
	font-size:2.5em;
	color:#416976;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:.5em;
}

/* dept strapline
------------------------------------------------------- */
.depttree h4{
	display:none;
}

.depttree ul{
    list-style:none;
    width:100%;
    margin-left:0px;
    text-align:center;
}

.depttree li{
	position:relative;
	display:inline-block;
	margin:1em;
    color:#416976;
    text-align:center;
    text-transform:uppercase;
    vertical-align:top;
    font-size:.9em;
    width:200px;
}


.depttree li a.img{
}

.depttree li a.img img{
	display:block;
}


.depttree li a.txt{
	position:absolute;
	width:100%;
	padding: 0.8em 0;
	/*problematic if the text length isn't the same, a fixed a height won't help */
	top: 155px;
	background-color:rgba(49, 53, 91,0.75);
	font-weight:800;
	color:#fff;
	}



.depttree li a{
   display:block;
}

.depttree li p{
	margin-top:.5em;
	display:inline-block;
	text-align: center;
	text-transform:none;
	width:100%;
}

.depttree li a.txt{
}

.deptprods{
	text-align:center;
}

.deptprods h3{
	color:#416976;
	text-transform:uppercase;
	font-weight:700;
	margin:1em;
	margin-bottom:.5em;
}

.deptprods a.seeall{
	display:none;
	font-size:.8em;
	margin-bottom:.5em;
}


/* -------------------------------------------------------------------------------------
=FeaturedProducts 
------------------------------------------------------------------------------------- */

.fprd {
	display:inline-block;
	vertical-align:top;
	position: relative;
	width: 220px;
	margin: 0px 0px;
	margin: 0 .5em;
	margin-bottom: 1em;
	text-align:center;
	border: 1px solid #c9c8c8;
}

.fprd:hover {
	border: 1px solid #416976;
}


/* fprd image
------------------------------------------------------- */
.fprd .fprdimg {
	overflow:hidden;
	position: relative;
	text-align:center;
	height:220px;
	width:220px;
}

.fprd .fprdimg img {
	width: 100%;
	height: auto;
}

.fprd .fprdimg a {}

.fprd .flag {
	position:absolute;
	top:0em;
	right:0em;
	overflow:visible;
}

/*get rid of the stupid duplicate flags on images! */

.fprd .fprdimg .piflags{
	display:none;
}

.fprd .fprdimg .flag img {}

/* hover image effects
------------------------------------------------------- */
.fprd .fprdimg img {
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}


/*zoom in*/
.fprd .fprdimg a.img img:hover{
	-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
}


/* fprd title
------------------------------------------------------- */
.fprd .fprdtitle {
	color:#000;
	height:3em; /*max number of lines before display issues!*/
	margin:.5em;
	text-align:center;
}

.fprd .fprdtitle a {
	font-weight:normal;
}


/* fprd model # and other options (controlled in COMS)
------------------------------------------------------- */
.fprd .model {}
.fprd .model span {}
.fprd .packsize {}
.fprd .packsize p {}
.fprd .brand {}
.fprd .brand span, .fprd .manu span {}
.fprd .fprddescr {}


/* fprd pricing info
------------------------------------------------------- */
.fprd h6{
	font-weight:normal;
	margin-bottom:0;
}

.fprd .price,
.fprd .prevprice,
.fprd .offer,
.fprd .trade,
.fprd .saving{
	display:inline-block;
	margin:.5em;
}

/*normal price */
.fprd .price {}
.fprd .price h6{} 
.fprd .price label{
	display:none;
} 

/*rrp price */
.fprd .rrp {}
.fprd .rrp h6{}
.fprd .rrp label{} 

/*offer price */
.fprd .offer {}
.fprd .offer h6{
	color:#eb0000;
	/*margin-bottom: 2em;*/
}
.fprd .offer label{
	display:none;
} 


.fprd .saving{
	display:none;
}

/*previous price (goes with offer) */
.fprd .prevprice {}
.fprd .prevprice h6{
	text-decoration: line-through;
}
.fprd .prevprice label{
	display:none;
}  

/*trade price */
.fprd .trade {}
.fprd .trade h6{}
.fprd .trade label{} 


/*buy on page form */
.fprd form {}
.fprd form input.submit[name="buy"] {}
.fprd form input.submit[name="PreOrder"],.fprd form input.submit[name="preorder"] {}
.fprd form label {}
.fprd form input.inputtext {}
.fprd form select {}

.fprdinfo {
	float:left;
	clear:both;
}

.fprd input.submit, .fprdinfo a {}
.fprdinfo a.btn {}
.fprdinfo a.qkvw {}

.fprd .ewis{
	display:none;
}

/* flags - not the standard ones, product specific */

.fprd .piflags{
	position:absolute;
	top:70px;
	left: 35px;
}


/* -------------------------------------------------------------------------------------
=ProductLists 
------------------------------------------------------------------------------------- */

.prdlst {}

.prdlst .bt {
	width: 100%;
	text-align: center;
}

.prdlst .bc {
	width: 100%;
}

.prdlst .bt h3 {
	color:#416976;
	text-transform:uppercase;
	font-weight:700;
	margin:1em;
}

.prdlst ul {
	float:left;
	list-style: none;
	width:100%;
}

.prdlst li {
	float: left;
	position: relative;
	width: 220px;
	min-height: 320px;
	margin: 0px 0px;
	margin: 0 .5em;
	margin-bottom: 1em;
	text-align:center;
	border: 1px solid #c9c8c8;
}

.prdlst li:hover{
	border: 1px solid #416976;
}

.prdlst h3 {
	width: 100%;
}

.prdlst li a {
	width: 100%;
}

.prdlst a.img img {
	width: 100%;
	height: auto;
}

.prdlst li a.txt {
	width: 100%;
	text-align: center;
}

.prdlst li .price {
	text-align: center;
}

.prdlst li .price label,
.prdlst li .offer label {
	display: none;
}

.prdlst li .price h6,
.prdlst li .prevprice h6,
.prdlst li .offer h6 {
	text-align: center;
}

.prdlst li .offer h6 {
	float: right;
}

.prdlst li .prevprice {
	display: none;
}


/* -------------------------------------------------------------------------------------
=RecentItems 
------------------------------------------------------------------------------------- */

.ritm {
	width: 100%;
}

.ritm .bt {
	width: 100%;
}

.ritm h3 {
	margin: 0;
}

.ritm ul {
	width: 100%;
}

.ritm ul li {}


/* -------------------------------------------------------------------------------------
=HoverBsket 
------------------------------------------------------------------------------------- */
.hoverbskt {
	float: right;
	position: absolute;
	margin-top: 1em;
	width: 220px;
	padding: 0;
	outline: 1px solid #31405b;
	z-index: 2000;
	background: #fff;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.hoverbskt h3{
	display:none;
}

.hoverbskt .lines {
    max-height: 240px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    overflow-y: scroll;
    float: left;
}

.hoverbskt .lines .item {
    float: left;
    padding: .5em;
    border-bottom:1px solid #e5e5e5;
}
.hoverbskt .lines .item:last-child {
    border-bottom: 0px;
}

.hoverbskt .formupdate{
    float:left;
    width: 150px;
}

.hoverbskt .formupdate input{
    width:50px;
    margin-right:1em;
}

.hoverbskt .formupdate input.submitQtyChange{
    width:20px;
    text-indent:-999999px;
    outline:none;
    background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/bsktupdate.png') no-repeat 0 0;
    border:none;
}

.hoverbskt a,
.hoverbsktadd a {
    float: right;
    text-align: center;
}

.hoverbskt a.btn{
    float: left;
    text-align: center;
    background-color: #eac95a ;
    color:#5d627a;
    width: 220px;
    margin-top:.5em;
    padding: .5em 0;
}

.hoverbskt .lines .item a.title{
    float: left;
    width: 115px;
    text-align: left;
    font-size: 1em;
    color: #31405b;
}

.hoverbskt .lines .item img{
    float: left;
    height: auto;
    width: auto;
    max-width: 64px;
    max-height: 64px;
    padding-right: .5em;
}

.hoverbskt .lines .item p.descr {
    float: right;
    width: 165px;
    text-align: left;
    font-size: 1em;
}

.hoverbskt .lines .item p.qty {
    float: left;
    line-height:1em;
    text-align: left;
    margin-right:1em;
    font-size: .8em;
}

.hoverbskt .lines .item p.price{
    float: left;
    text-align: right;
    font-size: 1em;
    color: #31405b;
}

.hoverbskt h4.count {
	display:none;
}

.hoverbskt h4.total {
	float:left;
	width:100%;
	text-align:center;
	font-size:1em;
	margin-bottom:0;
	margin-top:.5em;
}


/* -------------------------------------------------------------------------------------
=PopupDialog / Popup Add to Basket / Direct Despatch
------------------------------------------------------------------------------------- */

.hoverbsktadd,
#popupdialog {
	display: none;
	position: fixed;
	top: 25%;
	left: 40%;
	width: 480px;
	padding: 8px;
	background-color: #fff;
	border: 2px solid #009c5f;
	z-index: 2000;
}
 .hoverbsktadd .item,
 #popupdialog .item {
	padding: 0.25em;
}

.hoverbsktadd h3,
#popupdialog h3 {
	color:#416976;
}

.hoverbsktadd a,
#popupdialog a {
	text-align: center;
}

.hoverbsktadd .item a.title,
#popupdialog .item .title {
	float:left;
	width:350px;
	text-align: left;
}

.hoverbsktadd .item img,
#popupdialog .item img {
	float: left;
	height: auto;
	width: auto;
	padding-right: 1em;
}

.hoverbsktadd .item p.qty,
#popupdialog .item p.qty {
	float:left;
	text-align: left;
	width:350px;
	font-size:.8em;
}

.hoverbsktadd .item p.price,
#popupdialog .item p.price {
	text-align: right;
	float:left;
	color:#000;
	width:350px;
}

.hoverbsktadd a[title="Checkout"],
.hoverbsktadd .item + a {
	margin-top:.5em;
	width: auto;
	height: auto;
	padding: 0.5em 1em;
	border: none;
	background-color:#009c5f;
	color:#fff;
	float:right
}

#popupdialog .useraccount{
	float:left;
	clear:both;
	width:100%;
}

#popupdialog .useraccount input{
	float:right;
	font-size:.9em;
}

#popupdialog .useraccount a{
	float:left;
	font-weight:700;
	padding:.5em;
	border: none;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background-color: #a1211b;
	cursor:pointer;
}

/* Out of Stock, Direct Despatch
------------------------------------------------------- */

.ui-widget.ui-widget-content.outofstockdialog,
.ui-widget.ui-widget-content.directdespatchdialog{
    width: 500px !important;
    border: 3px solid #416976;
    background-color: #63b2ca;
    color: #fff;
    text-align: center;
    font-family: 'Lato', sans-serif;
    -webkit-box-shadow: 1px 1px 1em 2px rgba(0,0,0,0.5);
    -moz-box-shadow:    1px 1px 1em 2px rgba(0,0,0,0.5);
    box-shadow:         1px 1px 1em 2px rgba(0,0,0,0.5);
}	


.ui-dialog.outofstockdialog .outofstockpopup,
.ui-dialog.directdespatchdialog .directdespatchpopup-pane{
    border: none;
    color: red;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}

.ui-dialog.outofstockdialog  .outofstockpopup .oosheader,
.ui-dialog.directdespatchdialog .ui-widget-header{
    /*padding: 0 0 1em 0;*/
}

.ui-dialog.directdespatchdialog .ui-widget-header{
    display: none;
}

.ui-dialog.directdespatchdialog .ui-widget-header .ui-dialog-titlebar-close{
    display: none;
}

.ui-dialog.outofstockdialog  .outofstockpopup .oosmessage .oosdate {
	font-weight:700;
}

.ui-dialog.outofstockdialog  .ui-dialog-titlebar{
    display: none;
}

.ui-dialog.outofstockdialog  .ui-widget-content,
.ui-dialog.directdespatchdialog .ui-dialog-buttonpane{
    background: transparent;
    border: none;
    margin-top: 0;
    text-align:center;
    /* padding:0; */
}

.ui-dialog.outofstockdialog  .ui-widget-content .ui-dialog-buttonset,
.ui-dialog.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	float:none;
}

.ui-dialog.outofstockdialog  .ui-widget-content .ui-dialog-buttonset button,
.ui-dialog.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset button{
    background: #009c5f;
    color: #fff;
    outline: none;
    border-radius:0;
    border:none;
    margin:.5em;
    font-family: 'Lato', sans-serif;
    text-transform:uppercase;
}

.ui-dialog.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child,
.ui-dialog.outofstockdialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child{
	background:#416976;
}

.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset button{}

#directdespatchpopup-pane span.ddproduct,
#outofstockpopup-pane span.oosproduct{
	font-size:1.5em;
	color:#fff;
	display:block;
	margin-bottom:1em;
}

.ddmessage,
.oosmessage{
	color:#fff;
}

.ddmessage span.dddatemessage{}

.ddmessage span.dddate,
.ui-dialog.outofstockdialog  .outofstockpopup .oosmessage .oosdate{
	float:left;
	width:100%;
	margin-top:1em;
	font-size:1.2em;
}

/* -------------------------------------------------------------------------------------
=Basket - Checkout 
------------------------------------------------------------------------------------- */
#checkoutcrumb{
	width:100%;
	text-align:center;
}

#checkoutcrumb li{
	color:#416976;
	font-size:1.2em;
	font-weight:700;
}

#checkoutcrumb .chksteps_curr{
	display:none;
}

.page_basket .bskt table.basket {
	border-collapse: collapse;
	margin-bottom:1em;
}

.page_basket .bskt table.basket td {}
.page_basket #basket_row_processing {}

.page_basket table.basket tr.line td form table td .inputtext {
	position: relative;
}

/* Basket Table Header
------------------------------------------------------- */
.page_basket table.basket tr.header th {
	text-align: center;
}

.page_basket .bskt table.basket tr.header th:nth-child(2) {
	text-align: left;
}

.page_basket .bskt table.basket tr.header th:nth-child(4) {
	text-align: center;
}

.page_basket .bskt h3 a:hover,
.page_basket .bskt h3 a:focus {
	text-decoration: underline;
}


/* Basket Line Items
------------------------------------------------------- */
.page_basket table.basket tr.line td form {
	float: right;
	width: 100%;
}

#pm table.basket tr.line input.inputtext {
    width: 130px;
    margin: .25em 0px;
    padding: .25em 0px;
    font-size: 1em;
    text-align: center;
}

#pm table.basket tr.line input.submit {
    margin-top: 1em;
}

.page_basket table.basket tr.line input.submit#update {
	float: left;
	outline:1px #009c5f solid;
	background-color:#fff;
	color:#009c5f;
	font-size:.6em;
	cursor:pointer;
	margin-left: 1em;
}

.page_basket table.basket tr.line input.submit#update:hover {
	background-color:#009c5f;
	color:#fff;
}
.page_basket table.basket tr.line input.submit#remove {
	float: right;
	outline:1px #a1211b solid;
	background-color:#fff;
	color:#a1211b;
	font-size:.6em;
	cursor:pointer;
	margin-right: 1em;
}

.page_basket table.basket tr.line input.submit#remove:hover {
	background-color:#a1211b;
	color:#fff;
}

.page_basket table.basket tr.line {
    border-bottom: 2px solid #d5d6d6 ;
}

.page_basket table.basket tr.line td:nth-child(4n) {}

.page_basket table.basket tr.line img {
	width: 51px;
	height: auto;
}

.page_basket table.basket tr.line td {
	vertical-align: middle;
}

.basket-header-table td {}

.basket-header-table td:first-child h2 {}

.basket-header-table td:last-child {
	text-align: right;
	float: right;
	outline:1px red solid;
}

.basket-header-table td:last-child .sp_button {
	float: right;
}

.basket-header-table td .pp_button,
.basket-header-table td span {}

.page_basket table.basket .delivery td,
.page_basket table.basket .discount td {
	padding-left: 1em;
	font-size:.9em;
}

.page_basket table.basket .delivery .shipcurr td{
	font-size:1em;
	font-weight:700;
}

.page_basket table.basket .delivery td.title form{
	display:inline-block;
	margin-right:1em;
}

.page_basket table.basket .delivery h4 {
	margin-bottom:0px;
	font-size: 1em;
	display:inline-block;
	color: #416976;
	font-weight:700;
}

.page_basket table.basket .delivery select{
	margin-right:1em;
}

.page_basket table.basket .shipcost {}

.page_baskettable.basket .shipcost td {
	padding: 0;
	text-align: right;
}

.page_basket table.basket .shipcost .ship .delivery-cost {}

.page_basket table.basket .vat {
	border-top: 2px solid #d5d6d6 ;
}

.page_basket table.basket .vat td {}

.page_basket table.basket .vat td:first-child {
	text-align: right;
}

.page_basket table.basket tr.total td,
#pm table.basket tr.deposit td {
	text-align: right;
	border-top: 2px solid #d5d6d6 ;
	border-bottom: 2px solid #d5d6d6 ;
	color: #416976;
	font-weight:700;
	font-size:1.2em;
}


.page_basket table.voucher{
	width:600px;
	background: #eef2f3;
}

.page_basket table.voucher tr.header th {
	color:#fff;
	border:none;
	background-color:#416976;
	text-transform:none;
	font-size:1em;
	display:none;
}

.page_basket table.voucher input.submit {
	margin-left:1em;
	background-color:#416976;
	color:#fff;
}

.page_basket table.voucher input.inputtext {}

.page_baskettable.voucher .inputtext {}
.page_basket.basket ul {}

.page_basket .basket ul li {
	clear: left;
}

ul li.subset{
	display: none;
}


.page_basket .basket ul li.model{
	font-size:.8em;
}

.page_basket .basket ul li.ref{
	font-size:.8em;
}

.page_basket .basket ul li.lead{
	color:#a1211b;
	font-size:.8em;
}


/* Payment Options
------------------------------------------------------- */
/* payment options - shows above the basket which no one likes!!! */
.basket-header-table {
	width: 100%;
	display:none;
}

.page_basket .bskt .basketlinks {
	float: left;
	width: 100%;
	margin-top: 1em;
	margin-bottom:1em;
}

.page_basket .ct_button a.btn {
	float: left;
	margin-right:1em;
	background-color:#eef2f3;
	color:#979797;
}

.page_basket .bskt .basketlinks .sp_button {
	float: right;
}

.page_basket .sp_button a.btn {
	float: left;
	margin-left:1em;
	padding:.5em 2em ;
}

.page_basket .bskt .basketlinks span {
	float: right;
	margin: 1em;
}

.page_basket .bskt .basketlinks .pp_button {
	float: right;
}

.page_basket .bskt .basketlinks #LoginWithAmazon2{
	float:right;
}

.page_basket .pp_button a.btn {
	display: block;
	margin-left:1em;
	padding:0px;
	background-color:transparent;
	height:32px;
}

.page_basket .pp_button a.btn img{
	height:100%;
	width:auto;
}

#pm #paypalmessages {
	text-align: center;
}

#pm #paypalmessages p {
	width: 100%;
	text-align: center;
}


/* empty basket */

#pm .empty{
	text-align:center;
}

#pm .empty li{
	display:inline-block;
	width:100%;
	margin-bottom:1em;
}

#pm .empty .header .title{
	font-size:2em;
	margin: .25em;
	color:#416976;
	clear:both;
}

#pm .empty .icon{
	display:inline-block;
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/basketicondesktop.png') no-repeat center;
	width:133px;
	height:123px;
}

#pm .empty .icon img{
	display:none;
}

#pm .empty .total{
	font-size:1.5em;
}

/* -------------------------------------------------------------------------------------
=Checkout process Need !important to override jquery ui 
------------------------------------------------------------------------------------- */

#checkout_panel_processing,
#ro_accord_processing {
	position: absolute;
	width: 100%;
	padding: 20px 10px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
	float: right;
	background-color: #000;
}

#pm .accord {
	width: 834px;
	float: left;
	margin-right:1em;
	overflow-x: visible;
}

/* sign in in accordion */
#signinform h5{
	font-size:.8em;
}

#signinform  li{
	float:left;
	clear:both;
}

#signinform input.inputtext{
	width:300px;
}

#signin_skip{
	float:right;
	line-height:normal;
	font-weight:700;
	padding:.5em;
	border: none;
	color: #979797;
	margin-right:1em;
	text-align: center;
	text-transform: uppercase;
   	background: #eef2f3;
	cursor:pointer;
}

/* typography 
------------------------------------------------------- */

#pm .accord p,
#pm .accord li,
#pm .accord label {}

#pm .accord input[type="text"],
#pm .accord input[type="tel"],
#pm .accord input[type="input"],
#pm .accord input[type="email"] {}

#pm .accord ul li select {
	font-size:1em
}

#pm .accord textarea {
	height: 50px;
}


/* Accordion tabs 
------------------------------------------------------- */

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	color:#fff;
	right:.5em;
	left:initial;
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_fff_256x240.png);
}

#pm .accord h3 {
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
	cursor: pointer;
	background:#416976;
	border:none;
	color:#fff;
	font-weight:700;
	font-size:1.5em;
	margin-bottom:2px;
	border-radius:0;
}

#personalisation_panel, #gift_panel {
	border: none;
}

#checkout_accordion ul {
	list-style: none;
}


/*gift wrapping and personalisation? */
#checkout_accordion form#gift_details ul li{
	display:inline-block;
}
#checkout_accordion form#gift_details ul li.prod,
#checkout_accordion form#personalisation_details ul li.prod{
	width:98%;
	padding:.5em 1%;
	border-top:2px #d5d6d6 solid;
}

#checkout_accordion form#gift_details ul li.prod .img,
#checkout_accordion form#personalisation_details ul li.prod .img{
	float:left;
	margin-right:1em;
}

#checkout_accordion form#gift_details ul li.prod p,
#checkout_accordion form#personalisation_details ul li.prod p {
	font-size:1.2em;
	color:#416976;
}

#checkout_accordion form#gift_details ul li.itemno,
#checkout_accordion form#personalisation_details ul li.itemno {
	font-weight:700;
}

#checkout_accordion form#gift_details ul li label,
#checkout_accordion form#personalisation_details ul li label{
	width:400px;
	margin-right:1em;
	display:inline-block;
	vertical-align:top;
	float:none;
	font-size:.8em;
	vertical-align:top;
}

#checkout_accordion form#gift_details ul li span,
#checkout_accordion form#gift_details ul li select,
#checkout_accordion form#gift_details ul li textarea,
#checkout_accordion form#personalisation_details ul li span,
#checkout_accordion form#personalisation_details ul li select,
#checkout_accordion form#personalisation_details ul li textarea,
#checkout_accordion form#personalisation_details ul li input{
	display:inline-block;
	float:none;
	margin-bottom:.5em;
}

#checkout_accordion form#personalisation_details ul li input.inputtext{
	width:330px;
}

#pm .accord ul li input, 
#pm .accord ul li select, 
#pm .accord ul li textarea,
#pm .accord ul li span {
	float:left;
	clear:both;
}

#checkout_accordion form#gift_details ul li select,
#checkout_accordion form#gift_details ul li textarea,
#checkout_accordion form#personalisation_details ul li select,
#checkout_accordion form#personalisation_details ul li textarea{
	width: 367px;
	border:1px #5a5858 solid;
}

#checkout_accordion form#gift_details ul li textarea{
	width: 349px;
}

#checkout_accordion form#gift_details ul li span.chars,
#checkout_accordion form#personalisation_details ul li span.chars{
	width:100%;
	margin-bottom:1em;
	font-size:.7em;
	text-align:right;
}

/* Post Code Lookup */
#checkout_accordion .pclup{
	margin-bottom:1em;
}

#checkout_accordion .pclup #txtPostCodeLookup{
	width:70px;
	padding:.4em;
	font-size:.8em;
}

#checkout_accordion .pclup .submit#btnPostCodeLookup{
	font-size:.8em;
	float:none;
	margin:0;
	margin-left:.5em;
	display:inline-block;
}

#checkout_accordion .pclup span.or{
	font-size:.8em;
	margin:0 .5em;
	display:inline-block;
	float:none;
}

#checkout_accordion .pclup #pclupManualAddress{
	background-color:#416976;
	float:none;
	color:#fff;
	padding:.5em;
	font-weight: 700;
	line-height:normal;
	display:inline-block;
	font-size:.8em;
	text-transform: uppercase;
}

#checkout_accordion ul li input,
#checkout_accordion ul li select,
#checkout_accordion ul li textarea {}
#checkout_accordion ul li textarea {}
#checkout_accordion ul li label[for=deliveryInst] {}

#checkout_accordion ul li.wrap {
	position: relative;
}

#checkout_accordion ul li.wrap span {
	position: absolute;
	top: 0;
	right: 0;
}

#checkout_accordion ul li.total {
	display: none;
}

#checkout_accordion #signin_panel,
#checkout_accordion #customer_panel, 
#checkout_accordion #delivery_panel,
#checkout_accordion #confirm_panel,
#checkout_accordion #payment_panel,
#checkout_accordion #gift_panel,
#ro_accord #product_panel,
#ro_accord #member_panel,
#ro_accord #delivery_panel,
#ro_accord #preference_panel,
#ro_accord #loyalty_panel {
	padding: 2em;
}

#checkout_accordion #confirm_panel h5{
	font-size:1em;
}

#checkout_accordion #confirm_panel a{
	float:left;
	background:#416976;
	color:#fff;
	padding:.25em;
}


#ro_accord #product_details ul li table {}

#ro_accord #product_details ul li table tr td {
	border-bottom: none;
}

#ro_accord #product_details ul li table table {
	width: auto;
}

#checkout_accordion #signin_panel ul, 
#checkout_accordion #ul_top, 
#checkout_accordion #ul_bottom, 
#ro_accord #product_panel ul, 
#ro_accord ul.top, 
#ro_accord ul.bottom {
	width: 100%;
	margin: 0;
	padding: 0;
}


#checkout_accordion #ul_bottom{
	float:left;
	clear:both;
}

#ro_accord ul.top {}
#ro_accord ul.bottom {}

#checkout_accordion #ul_left, 
#checkout_accordion #ul_right, 
#ro_accord ul.left, 
#ro_accord ul.right {
	width: 400px;
	float: left;
	margin: 0;
}

#checkout_accordion #ul_left {
	font-size:1em;
}

#checkout_accordion #ul_right, 
#ro_accord ul.right {}

#checkout_accordion #basket_delivery_details a {
	color:#fff;
	float:left;
	clear:both;
	background-color:#416976;
	padding:.25em;
}

#checkout_accordion #basket_delivery_details a:hover {}

#checkout_accordion ul li, 
#checkout_accordion #ul_top li, 
#checkout_accordion #ul_left li, 
#checkout_accordion #ul_right li, 
#checkout_accordion #ul_bottom li, 
#ro_accord ul.top li, 
#ro_accord ul.left li, 
#ro_accord ul.right li, 
#ro_accord ul.bottom li {
	width: 100%;
	margin: 0;
	display:inline-block !important;
}

#checkout_accordion ul li.reqmsg, 
#checkout_accordion #ul_top li.reqmsg, 
#checkout_accordion #ul_left li.reqmsg, 
#checkout_accordion #ul_right li.reqmsg, 
#checkout_accordion #ul_bottom li.reqmsg, 
#ro_accord ul.top li.reqmsg, 
#ro_accord ul.left li.reqmsg, 
#ro_accord ul.right li.reqmsg, 
#ro_accord ul.bottom li.reqmsg {
	padding: .25em 0;
	color: #a1211b ;
}

#checkout_accordion #ul_right li.reqmsg a {
	padding: 0;
	margin: 0;
	float: none;
}

#checkout_accordion ul li label, 
#checkout_accordion #ul_top li label, 
#checkout_accordion #ul_left li label, 
#checkout_accordion #ul_right li label, 
#checkout_accordion #ul_bottom li label, 
#ro_accord ul.top li label, 
#ro_accord ul.left li label, 
#ro_accord ul.right li label, 
#ro_accord ul.bottom li label {
	width: 100%;
	margin: 0;
}

label[for="deliveryInst"] {
	display: none;
}

#checkout_accordion #ul_left li label[for="subscribe"] {
	width: auto;
}

#checkout_accordion #ul_left .help{
	float:left;
	font-size:.7em;
}

#pm .accord h4 {
	width: 100%;
	margin: 0;
}

#pm .accord label {
	float:left;
}

#pm .accord ul li input, 
#pm .accord ul li select, 
#pm .accord ul li textarea,
#pm .accord ul li span {
	float:left;
	clear:both;
}

#pm .accord ul li textarea {}

#pm .accord ul li input.submit {
	float: right;
}

#pm .accord li #submit {}


/* Specific Fields 
------------------------------------------------------- */

#pm #email.inputtext {}

#pm #specialInst {
	width: 310px;
}

#checkout_accordion #ul_right #basket_delivery_address ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#checkout_accordion #ul_bottom li #pdeldate {
	width: 100%;
	padding: 0;
}

#checkout_accordion #ul_bottom li #pdeldate h3,
#ro_accord #pdeldate h3 {
	display: none;
}

#checkout_accordion #ul_bottom li #pdeldate p,
#ro_accord li #pdeldate p {
	width: 100%;
	margin: 0;
}

#checkout_accordion #ul_bottom li #pdeldate p.reqmsg {
	font-size: 1em;
}


/* Confirm Basket 
------------------------------------------------------- */

#checkout_accordion #confirm_panel ul,
#checkout_accordion #confirm_panel ul li,
#checkout_accordion #confirm_panel ul li table,
#ro_accord #loyalty_panel table {
	width: 800px;
	margin: 0;
}

#checkout_accordion #confirm_panel table span {}

#checkout_accordion #confirm_panel table a {
	margin: 0;
	clear: both;
}

#checkout_accordion #confirm_panel ul li table {
	border-collapse: collapse;
}

#checkout_accordion #confirm_panel ul li table th {}

#checkout_accordion #confirm_panel ul li table td {
	vertical-align: top;
}

/*client request to hide the edit your basket link &*/

#checkout_accordion #confirm_panel tr.prodtotal a,
#checkout_accordion #confirm_panel tr.prodtotal span{
	display:none;
}


/* Payment 
------------------------------------------------------- */

#checkout_accordion #payment_panel #psagepay {
	width: 800px;
	margin: 0;
	padding: 0;
}

#checkout_accordion #payment_panel #psagepay.form .bt,
#checkout_accordion #payment_panel #psagepay.form .bb {
	display: none;
}

#checkout_accordion #payment_panel #psagepay.form .bc {
	border: none;
	padding: 0;
}

#checkout_accordion #payment_panel #psagepay h3 {}
#checkout_accordion #payment_panel #psagepay iframe {}


/* Anchor buttons 
------------------------------------------------------- */

#checkout_accordion a, #checkout_accordion a#delivery_to_other {
	width: auto;
	text-decoration: none;
}

#checkout_accordion a strong {
	width: auto;
	height: auto;
	text-transform: uppercase;
}

#checkout_accordion a strong:hover {
	text-decoration: underline;
}

#checkout_accordion li.info {}



/* PAY WITH AMAZON 
------------------------------------------------------- */

/*
Please include the min-width, max-width, min-height 
and max-height if you plan to use a relative CSS unit 
measurement to make sure the widget renders in the 
optimal size allowed.    
*/

#addressBookWidgetDiv {
      min-width: 300px;
      max-width: 100%;
      min-height: 228px;
      height: 300px;
}

#walletWidgetDiv {
      min-width: 300px; 
      max-width: 100%;
      min-height: 228px; 
      height: 300px;
}

#shippingSelector{
    border:1px solid #bbb;
    margin:1em 0;
    padding:0 1em;
}

#amazonShippingSelection > span{
    margin-top:.5em;
    font-size:1.2em;
    font-weight:700;
    width:100%;
    display:inline-block;
}

#amazonShippingSelection > span +span{
    font-weight:normal;
    margin-top:.5em;
    margin-bottom:.5em;
}

#shippingSelector amazonShippingSelection{
    outline:1px red solid;
}

.amazonShippingCountryDiv span.label{
    font-weight:700;
    margin-right:1em;
}

.amazonShippingOptionsDiv span.value{
    float:right;
    font-weight:700;
}

.amazonShippingOptionsDiv{
    cursor:pointer;
}

.amazonShippingOptionDiv{
    width:40%;
    float:left;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #bbb;
    border-radius: 3px;
    display: block;
    text-decoration: none;
    margin: 0 3px 6px 0;
    padding: 0 20px 0 30px;
    color: #333;
    font-size: 11px;
    height: 30px;
    background: #f6f6f6;
    background: -moz-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
    background: -webkit-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
    background: -ms-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
    background: linear-gradient(to bottom,#f6f6f6 0,#e1e1e1 100%);
}

.amazonShippingOptionsDiv:after{
	display:block;
	clear:both;
	content:'';
}

.amazonShippingOptionDiv.selected {
    background: #f6f6f6 url('https://images-na.ssl-images-amazon.com/images/G/01/ep/background-image-1x._V313533909_.png') -130px -293px no-repeat;
}

.amazonShippingOptionDiv.selected:hover {
    background: #ececec url('https://images-na.ssl-images-amazon.com/images/G/01/ep/background-image-1x._V313533909_.png') -130px -293px no-repeat;
}

.amaznShippingOptionDiv:hover {
    background: #ececec;
    background: -moz-linear-gradient(top,#ececec 0,#d3d3d3 100%);
    background: -webkit-linear-gradient(top,#ececec 0,#d3d3d3 100%);
    background: -ms-linear-gradient(top,#ececec 0,#d3d3d3 100%);
    background: linear-gradient(to bottom,#ececec 0,#d3d3d3 100%)
}

.address-list li.selected a.invalid {
    background: #f6f6f6;
    background: -moz-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
    background: -webkit-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
    background: -ms-linear-gradient(top,#f6f6f6 0,#e1e1e1 100%);
    background: linear-gradient(to bottom,#f6f6f6 0,#e1e1e1 100%)
}

#cancelAmazon{
	background-color:#eef2f3;
	color:#416976;
	float:right;
	font-weight:700;
	padding:.5em;
}


.noshipping{
	color:#a1211b;
	margin-bottom:1em;
	font-weight:bold;
}

.submit[disabled]{
	background-color:#eef2f3;
	color:#fff;
}


/* Breadcrumb pane 
------------------------------------------------------- */

#pm .accordbdcb {
	float:left;
	width: 350px;
}

#pm .accordbdcb .checkoutLogos{
	text-align:center;
}

#pm .accordbdcb .checkoutLogos img{
	margin:.5em;
}

#pm .accordbdcb ul {
	border-bottom:2px #d5d6d6 solid;
	margin-bottom:.5em;
}

#pm .accordbdcb ul li {
	margin: .5em 0em 1em 1em;
}

#pm .accordbdcb ul li.header {
	font-weight: 700;
	padding: 0;
	margin: 0;
	width: 96%;
	padding:0 2%;
	position: relative;
	cursor: pointer;
	background:#416976;
	border:none;
	color:#fff;
	font-size:1.2em;
	border-radius:0;
}

#pm .accordbdcb ul li:last-child {}

#pm .accordbdcb ul li.title {
	font-weight: 700;
	padding: 0;
	margin: 0;
	width: 96%;
	padding:0 2%;
	position: relative;
	cursor: pointer;
	background:#416976;
	border:none;
	color:#fff;
	font-size:1.5em;
	border-radius:0;
	margin-bottom:2px;
}

#pm .accordbdcb ul li span {}


/* Delivery date selection 
------------------------------------------------------- */

#pm .deldates .delcapnone {}
#pm .deldates .delcapgone {}


/* Order info 
------------------------------------------------------- */

#pm .ordinfo table tr td {}
#pm .ordinfo h3 {}

#pm .ordinfo table tr td a {
	clear: left;
	display: block;
	margin-bottom: 8px;
}


/* terms and conditions article in checkout
------------------------------------------------------- */

#pp {
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
}

#pp p, #pp h3, #pp h4 {
	margin: 0 16px;
}

#pp h3, #pp h4 {
	margin-bottom: 8px;
}


/* -------------------------------------------------------------------------------------
=Sitemap 
------------------------------------------------------------------------------------- */

#pm .smap ul {
	list-style-position: inside;
	width:100%;
}

#pm .smap ul li {
	padding: 1em 0;
}

#pm .smap ul li a,
#pm .smap ul li h3 {
	padding: 0;
}

#pm .smap .bc ul li ul {
	padding:1em 0;
	float:left;
}

#pm .smap ul li ul li {
	padding: 0;
}

/* First Level */
#pm .smap ul li{
	width:25%;
	float:left;
}
#pm .smap ul li a{
	color:#416976;
	font-weight:700;
	font-size:1.2em;
}

/* Second Level */
#pm .smap ul li ul{
	margin-left:2%;
	width:98%;
	float:left;
}
#pm .smap ul li ul li{
	width:100%;
}
#pm .smap ul li ul li a{
	color:#979797;
	font-weight:normal;
	font-size:1em;
}

/* Third Level */
#pm .smap ul li ul li ul li a{
	color:#979797;
	font-weight:normal;
}


/* -------------------------------------------------------------------------------------
=Messages 
------------------------------------------------------------------------------------- */

#mess {}
#mess ul {}
#mess ul.info li {}

#mess ul.warn li {
	color: #a1211b;
	font-weight:700;
	width:100%;}

h4.warn, .reqmsg, .err, .mess {
	color: #a1211b;
	font-weight:700;
	width:100%;
}

/* Email when back in stock */
#ewis h3{
	/* font-size:1.5em; */
}

#ewis label{
	font-size:1em;
	font-weight:700;
}


/* -------------------------------------------------------------------------------------
=Autocomplete 
------------------------------------------------------------------------------------- */

.ui-helper-hidden-accessible {
	display: none;
}

.ui-autocomplete {
	width: 363px !important;
	z-index: 999999 !important;
	border-radius: 0;
	height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: .15em solid #416976;
	border-top:0;
	z-index: 2000;
	background: #fff;
	box-shadow: .25em .25em .25em rgba(90, 88, 88, 0.5);
}

.ui-autocomplete li.ui-menu-item  {
	width: 98%;
	float: left;
	cursor: pointer;
	margin:0px;
	padding:0px;
	margin-bottom:.5em;
	margin-top:.5em;
	margin:.5em 1%;
	display:block;
}

.ui-menu-item a{
	float:left;
	width:100%;
}

.ui-autocomplete li {
	list-style: none;
}

.ui-autocomplete li:hover {
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{
	margin:0;
	outline:1px solid #ccc;
}

.ui-menu-item a.ui-state-active{}

.foundProduct {
	float:left;
	width:80px;
	height:80px;
}

.foundProduct img {
	width: 100%;
	height: auto;
}

.foundProductTitle,
.foundProductRef,
.foundProductDesc  {
	margin-left:1em;
	float: left;
	width: 235px;
	font-size:.9em;
}

.foundProductDesc {
}

.ui-autocomplete mark {
	background-color: transparent;
	font-weight: 700;
	color:#416976
}



/* -------------------------------------------------------------------------------------
=QuickView 
------------------------------------------------------------------------------------- */

.quickview{
	background-color:rgba(0,0,0,0.5);
	width:100vw;
	height:100vh;
	z-index: 999;
	position:fixed;
	top:0;
	left:0;
	padding-top:5%;
}
.quickviewdialog{
	width:800px;
	height:480px;
	margin:auto;
	background-color:#fff;
	z-index:999999;
}

.quickviewdialog .quickviewHeader{
	width:100%;
	float:left;
}

.quickviewdialog .quickviewHeader .closeqkvw{
	float:right;
	position:relative;
	top:1em;
	right:1em;
	cursor:pointer;
}

.quickviewdialog .left{
	float:left;
	width: 45%;
}

.quickviewdialog .left .piimg{
	width:80%;
	padding:10%;
}

.quickviewdialog .left img{
	width:100%;
	height:auto;
}

.quickviewdialog .right{
	float:left;
	width: 45%;
	padding:5%;
}

.quickviewdialog .right .pititle,
.quickviewdialog .right .lnk,
.quickviewdialog .right .delivery{
	color:#416976;
	float:left;
	width:100%;
}

.quickviewdialog .right .delivery h4{
	margin-top:.5em;
	font-size:1.2em;
}

.quickviewdialog .right .brandmanu.model{
	float:left;
	width:100%;
}

.quickviewdialog .right .brandmanu.model h5,
.quickviewdialog .right .brandmanu.model h6{
	float:left;
	font-size:1.2em;
	margin-right:.5em;
}

.quickviewdialog .right .pidesc{
	float:left;
	width:100%;
	height: 76px;
	overflow:hidden;
}

.quickviewdialog .right .pidesc p{}

.quickviewdialog .right .pidesc h2{
	display:none;
}

.quickviewdialog .right .lnk{
	font-size:.8em;
}

.quickviewdialog .right .pibuy{
	width:100%;
	float:left;	
}

.quickviewdialog .right .pibuy .price,
.quickviewdialog .right .pibuy .qty,
.quickviewdialog .right .pibuy .trade{
	float:left;
	width:100%;
}


.quickviewdialog .right .pibuy .price label,
.quickviewdialog .right .pibuy .price h6{
	float:left;
	color:#416976;
	font-size: 1.5em;
	font-weight:700;
	margin:1em 0;
	margin-right:.5em;
}


.quickviewdialog .right .pibuy .qty label,
.quickviewdialog .right .pibuy .trade label,
.quickviewdialog .right .pibuy .qty h6,
.quickviewdialog .right .pibuy .trade h6{
	float:left;
	margin-right:.5em;
	font-size:1.2em;
	font-weight:700;
	text-transform:capitalize;
}

.quickviewdialog .right .pibuy form p{
	display:none;
}

.quickviewdialog .right .pibuy form .attrqty{
	width:100%;
	float:left;
	position:relative;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput label{
	float:left;
	margin-right:.5em;
	font-size:1.2em;
	font-weight:700;
	line-height:2em;
}

.quickviewdialog .right .pibuy input#bspsubmit{
	float:right;
	margin-right:24px;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput input.inputtext{
	height:2em;
	float:left;
	margin-left:100px;
	margin-top:-10px;
}

.quickviewdialog .right .pibuy form .attrqty input#buy{
	margin-top:-10px;
	float:left;
	padding: 0.7em;
	margin-left:10px;
}

.quickviewdialog .right .pibuy .stock,
.quickviewdialog .right .pibuy .title,
.quickviewdialog .right .pibuy .ewis_dialog,
.quickviewdialog .right .pibuy .ewis{
	display:none;
}

/* -------------------------------------------------------------------------------------
=CustomPromotions
------------------------------------------------------------------------------------- */
/* HomePage
------------------------------------------------------- */
/* turn the controls back on */
.hpslider .owl-theme .owl-controls{
	display: block;
	z-index:-9999999; /*otherwise you cant click on the image! */
}

#prom-1752301479.pbnr:after,
#prom-1833828338 .pbnr:after{
	/*clearfix*/
	clear:both;
	content:"";
	display:block;
}

#prom-1752301479 hr,
#prom-1833828338 hr{
	display:none;
}

#prom-1752301479 .bt,
#prom-1833828338 .bt{
	text-align:center;
}

#prom-1752301479 .bt h3,
#prom-1833828338 .bt h3{
	color:#416976;
	text-transform:uppercase;
	font-weight:700;
	margin:1em;
}

.hpHalfWidth{
	float:left;
	width: 592px;
	margin-bottom:1em;
}

.hpHalfWidth img{
	width:100%;
	height:auto;
}

.hpHalfWidth:first-child{
	margin-right:1em;
}

.hpThirdWidth{
	float:left;
	width:389.33333333333px;
	margin-bottom:1em;
}

.hpThirdWidth img{
	width:100%;
	height:auto;
}

.hpThirdWidth:nth-child(2){
	margin-right:1em;
	margin-left:1em;
}

.staticBanner{
	margin-bottom:1em;
}


/* FAQs
------------------------------------------------------- */
.pFAQ #pm .pmind {
	width:80%;
	margin:0 auto;
}

/* contact us page
------------------------------------------------------- */
.pContactUs #pm .art{
	float:left;
	width:592px; /*half width minus margin */
	margin-right:1em;
}

.pContactUs #pm .form{
	float:left;
	width:560px;
	background-color: #eef2f3;
	padding:1em;
}

.pContactUs #pm .form .bt{
	background-color:transparent;
	text-align:center;
	padding:0;
}

.pContactUs #pm .form .bt h3{
	color:#416976;
}

.pContactUs #pm .form  form li label {
	float: left;
	font-weight:bold;
	margin-right:1em;
	min-width: 204px;
}

/* 404 page
------------------------------------------------------- */


/* Catalogue Request
------------------------------------------------------- */
.pCatRequest #pm .art{
	float:left;
	/* width:592px; */ /*half width minus margin */
	width:100%;
}

.pCatRequest #pm .art .bc{
	float:left;
	clear:both;
	width:100%;
	text-align:left;
}

.pCatRequest #pm .art .artp{
	display:inline-block;
	vertical-align:top;
	width: 49%;
}

.pCatRequest #pm .artp + img,
.pCatRequest #pm .artp + a{
	display:inline-block;
	vertical-align:top;
}


.pCatRequest #pm .art.inlineArt img{
	display:inline-block;
	margin:0;
	margin-top:0;
	/* height: 332px; */
	width:auto;
}


.pCatRequest #pm .form{
	display:inline-block;
	width:560px;
	margin-left:200px;
	margin-top:2em;
	background-color: #eef2f3;
	padding:1em;
}

.pCatRequest #pm .form .bt{
	display:none;
}

.pCatRequest #pm .form  form li label {
	float: left;
	font-weight:bold;
	margin-right:1em;
	min-width: 204px;
}

.pCatRequest #pm .form  form li label[for="f9994251"],
.pCatRequest #pm .form  form li label[for="f9994258"],
.pCatRequest #pm .form  form li label[for="f10059776"],
.pCatRequest #pm .form  form li label[for="f10059777"]
{
	display:none;
}


.pAboutUs .carousel{
	width:960px;
	margin:auto;
}

/* -------------------------------------------------------------------------------------
=CustomArticles
------------------------------------------------------------------------------------- */
.art.p404{
	text-align:center;
}

.art.p404 h3{
	font-size:1.5em;
	width:60%;
	margin:1em auto;
}

#pm .art.p404 .artp  ul li{
	display:inline-block;
	background-color:#416976;
	color:#fff;
	padding: .5em 1em;
	margin:0em 1em;
}

#pm .art.p404 .artp ul{
	margin-bottom:1em;
}

#pm .art.p404 .artp ul li a{
	color:#fff;
	text-transform:uppercase;
}

#pm .art.p404 .artp  a{
	color:#416976;

}

/*article heading - a bit of a hack but hey!*/
.pageHeader h2{
	text-align:center;
	text-transform:uppercase;
	margin:0;
	margin-bottom:1em;
}

.pageHeader .artp{
	display:none;
}

/*video*/
.video,
.videoBG {
	width:100%;
	text-align:center;
	margin-bottom:1em;
}

.videoBG iframe{
	margin:2em;
}

.video p,
.videoBG p {
	width:960px;
	margin:0 auto;
	font-size:1.5em;
}

.video .bc h2{
	width:50%;
	text-align:left;
	font-size:2.5em;
	padding-bottom:.5em;
	border-bottom:2px #416976 solid;
}

/*video with background */
.videoBG {
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/videoBackground-min.png') no-repeat center;
}

/* half width article and image (either image then article OR article then image)*/
.halfWidth{
	width:100%;	
	display:inline-block;
	margin:2em 0;
}

.halfWidth .bc h2{
	width:80%;
	font-size:2.5em;
	padding-bottom:.5em;
	border-bottom:2px #416976 solid;
}

.halfWidth .artp{
	float:left;
	width:560px; /*half width minus margin */
	margin-right:1em;
	padding:1em;
}

.halfWidth img{
	float:left;
	width:560px;
	height:auto;
	padding:1em;
}

/* half width article and image BG for Iage (either image then article OR article then image)*/
.halfWidthBg,
.halfWidthBg2{
	width:100%;	
	display:inline-block;
	margin:2em 0;
}

.halfWidthBg .bc h2,
.halfWidthBg2 .bc h2{
	width:80%;
	font-size:2.5em;
	padding-bottom:.5em;
	border-bottom:2px #416976 solid;
}

.halfWidthBg .artp,
.halfWidthBg2 .artp{
	float:left;
	width:560px; /*half width minus margin */
	margin-right:1em;
	padding:1em;
}

.halfWidthBg img,
.halfWidthBg2 img{
	float:left;
	width:464px;
	height:auto;
	padding:4em;
}

.halfWidthBg img{
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/press-page-1-min-min.png?_t=1767112728') no-repeat	center;;
	background-size:100%;
}

.halfWidthBg2 img{
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/press-page-2-min-min.png?_t=1767112728') no-repeat	center;;
	background-size:100%;
}

/* number spinning thing */
.numberSpin,
.numberSpinV2,
.numberSpinV3{
	float:left;
	text-align:center;
	width: 384px;
	margin:.5em;
	padding:4em 0;
	margin-bottom:2em;
}

.numberSpin,
.numberSpinV2,
.numberSpinV3{
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/Numbers-Spinners-1-min.png') no-repeat center;
}

.numberSpinV2{
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/Numbers-Spinners-2-min.png') no-repeat center;
}

.numberSpin.V3{
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/Numbers-Spinners-3-min.png') no-repeat center;
}

.numberSpin span,
.numberSpinV2 span,
.numberSpinV3 span{
	font-size:3em;
	color:#fff;
}

.numberSpin  h6,
.numberSpinV2 h6, 
.numberSpinV3 h6{
	font-size:2em;
	color:#fff;
}

/* Press Strapline - may get used for other things of the same type... */
.pressStrap{
	float:left;
	background-color:#416976;
	color:#fff;
	padding:1em;
	width:100%;
	margin-bottom:1em;
}

.pressStrap img{
	float:left;
	margin-right:1em;
}

.pressStrap .artp{
	float:left;
	width:80%
}

#pm .art.pressStrap h2,
#pm .art.pressStrap h3,
#pm .art.pressStrap h4,
#pm.pressStrap .art h5 {
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:.25em;

}

#pm .art.pressStrap h3{
	font-size:3em;
}

#pm .art.pressStrap h4{
	font-size:2em;
	margin-bottom:0;
}


/* Article thats just a load of images being displayed inline - ie the press logos */
#pm .art.inlineArt {
	text-align:center;
}

#pm .art.inlineArt .artp{
	text-align:left;
}

#pm .art.inlineArt .bc h2{
	font-size:2.5em;
		/* float:left; */
	text-align:left;
}

#pm .art.inlineArt img{
	display:inline-block;
	margin:2em 1em;
	margin-top:0;
}



#pm .art.inlineArtHalf {
	text-align:center;
}

#pm .art.inlineArtHalf .artp{
	text-align:left;
}

#pm .art.inlineArtHalf .bc h2{
	text-align:left;
}

#pm .art.inlineArtHalf img{
	display:inline-block;
	margin:2em 1em;
	margin-top:0;
}



/* Department header
------------------------------------------------------- */
.deptstd {
	/* outline: 2px #416976 solid; */
	/* padding: .5em 1%; */
	/* float: left; */
	/* width: 98%; */
	padding: 10px 0 20px 4px;
}

.deptstd h2{
	color:#416976;

}

.artfoot{
	float:left;
}


.deptheadertext h2{
	text-align:left;
}

/* accordion descriptions 
------------------------------------------------------- */

/***********************************************************************/
/* accordion  descriptions                                             */
/***********************************************************************/
#pm .bc ul.accordion{
	list-style:none;
	font-size:1em;
}

#pm .bc ul.accordion .pane{
	display:none;
}

#pm .bc ul.accordion .pane{
    width: 946px;
    background-color:#eef2f3;
    padding:.5em;
}

#pm .bc ul.accordion li:nth-child(2){
    display:block;
}


#pm .bc ul.accordion li.header{
    background-color:#416976;
    color:#fff;
    border-top:2px #aaa6a6 solid;
    width:946px;
    font-size:1.5em;
    margin:0;
    padding: 0.35em;
    position:relative;
    cursor:pointer;
    margin-top:.5em;
}

#pm .bc ul.accordion li.header img{
    position:absolute;
    right:1em;
    top:.6em;
    width:20px;
    height:1em;
    width:auto;
    cursor:pointer;
}

#pm .bc ul.accordion li.header img.showminus{
    display:none;
}

#pm .bc ul.accordion li.header.current img.showminus{
	display:block;
	position:absolute;
	top:.35em;
	width:auto;
}

#pm .bc ul.accordion li.header.current img.showplus{
    display:none;
}

#pm .bc .accordion p{
    margin-bottom:10px;
}

#pm .bc .accordion a{
	color:#416976;
}

#pm .bc .accordion a:hover{
	text-decoration:underline;
}
#pm .bc .accordion span{
    font-weight:800;
}

#pm .bc ul.accordion thead td{
    font-weight:800;
}

/* -------------------------------------------------------------------------------------
=Blog
Absoulute positioning is used because of the order the content comes outline
------------------------------------------------------------------------------------- */
.page_blog #pm .bc h2{
	text-transform:uppercase;
	text-align:center;
	font-size:2.5em;
	color:#416976;
	font-weight:700;
	display:none;
}

.page_blog #pm .art.blog .bc h2 {
    display:block;
    font-weight:bold;
}
.page_blog .blog {
    position:relative;
    width: 389px;
    height: 504px;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    color: #31405b;
    background: #eef2f3;
}

.page_blog .blog:nth-child(3n+2){
	margin-right:0;
}

#pm .blog img {
    position:absolute;
    top:0px;
    width:100% !important;
    height:259px !important;
}

#pm .page_blog .art.blog img{
    position:initial;
    outline:none;
}

.page_blog .blog p.date {
	position:absolute;
	top: 308px;
	width:100%;
	height:1em;
	line-height:1em;
	color: #416976;
	font-size:1.2em;
	text-align: center;
}

.page_blog .blog a.title {
    position:absolute;
    top:259px;
    width: 100%;
    height: 2em;
    padding:.25em 0;
    text-align: center;
    font-size: 1.2em;
    vertical-align:middle;
    display:inline-block;
    color: #416976;
    font-weight:bold;
}

.page_blog .artp{
	position:absolute;
	top: 335px;
	width: 381px;
	height: 97px;
	padding: 0.25em;
	text-align:center;
}

.page_blog .blog a.more {
    position:absolute;
    top: 450px;
    left: 139px;
    padding:.5em;
    background-color: #009c5f;
    line-height: 1em;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
}

.page_blog .art.blog {
    width: 100%;
    height:auto;
    margin-right: 0px;
    background: #fff;
}

/* individual blog post overrides/resets */
.page_blog .art.blog .artp{
    position:initial;
    width: 100%;
    height:auto;
    text-align:left;
    padding:0;
}

.page_blog .art.blog h2 {
    width: 100%;
}

.page_blog #pm .art.blog img {
    margin-bottom: 0px;
    width:initial !important;
    height:initial !important;
    position:initial;
}

.page_blog #pm .art.blog ul{
	width:100%;
	text-align:center;
}

.page_blog #pm .art.blog ul li{
	display:inline-block;
	width: 197px;
}

.page_blog #pm .art.blog ul li img{
	width:100% !important;
	height:auto !Important;
}

/*blog nav */
.blogBtns,
.blogPageBtns{
    width:100%;
    float:left;
    margin:1em 0;
}

.blogBtns a,
.blogPageBtns a{
   display:block;
   text-align: center;
   font-size: 1em;
}

.blogBtns a.next,
.blogPageBtns a.next{
    float:right;
}

.blogBtns a.prev,
.blogPageBtns a.prev{
    float:left;
}

.blogBtns a.next::after,
.blogPageBtns a.next::after{
    content:" >"
}

.blogBtns a.prev::before,
.blogPageBtns a.prev::before{
    content:"< "
}

/* -------------------------------------------------------------------------------------
=OwlCarousel / Jquery Hacks 

It is expected that a separate file with the Jquery owl-carousel file, ONLY the overrides
should be listed here
------------------------------------------------------------------------------------- */
.carousel{
	margin-bottom:1em;
}


.owl-theme .owl-controls{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:-9999999; /*otherwise you cant click on the image! */
}

.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position:absolute;
	width:100%;
	top:50%;
}

.owl-prev{
	position:absolute;
	left:-2.5em;
}

.owl-next{
	position:absolute;
	right:-2.5em;
}

.owl-theme .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 1em;
	margin: .5em;
	padding: .5em;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
	background: #416976;
	color: #FFF;
	text-decoration: none; 
}

.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {}

.owl-theme .owl-dots {
	position:absolute;
	bottom:0px;
	width:100%;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	display:none !important;
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
}

.owl-theme .owl-dots .owl-dot span {
	width: .5em;
	height: .5em;
	margin: .5em;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #416976;
}

/* for product carousels remove the bottom padding on .fprd */
.owl-item .fprd{
	margin-bottom:0;
}

/* -------------------------------------------------------------------------------------
=Jquery Base Overrides 
------------------------------------------------------------------------------------- */
.ui-dialog,
.ui-widget.ui-widget-content
 {
    background-color: #fff;
    z-index: 2000;
    padding: 1em;
    -webkit-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.25);
    box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.25);
    border: 2px #416976 solid;
    border-radius:0px;
}

.ui-widget {
    font-size: 1em;
    font-family: 'Lato', sans-serif;
}

.ui-widget-header{
	background:none;
	border:none;
	color:#416976;
	font-size:1em;
}

.ui-dialog input{
	width:100%;
}

.ui-dialog input#subscribe{
	width:auto;
}

.ui-dialog input.submit{
	margin:.5em 0;
	text-align:center;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    background: none;
}

/* -------------------------------------------------------------------------------------
=Hacks 
------------------------------------------------------------------------------------- */
.clearfix{
	clear:both;
}

.epau .bc{
	display:none;
}

#modal-overlay-inline{
    z-index:999;
}

/*remove the dept header banner on departments - from old site design
brought back in 2018 with actual content! */
.deptheader{
	
}

/*this exists as a class to cover bad pages the client has created by just using an image!*/
.lazy #pm .pmind{
	text-align:center;
}

.lazy #pm .pmind .art,
.lazy #pm .pmind .pbnr,
.lazy #pm .pmind .bnr{
	display:inline-block;
}


/*hack for hardcoded newsletter subscribe message*/

.page_subscribe .form h4{
	display:none;
}


#pm .artp ul.tick {
  list-style: none;
  margin-bottom:1em;
}

#pm .artp ul.tick li{
	list-style: none;
}

#pm .artp ul.tick li:before {
	content: '✓';
	padding-right:.5em;
}


.ordreg{
	/* outline:1px red solid; */
	display:inline-block;
}

.ordreg form{
	float:left;
	width: 60%;
	display:block;
	margin:0 20%;
	border: 2px solid #416976;
	background: #eef2f3;
	margin-bottom:1em;
	padding:.5em;
}



#pm .ordreg h3{
margin-top:1em;
margin-bottom:.5em;
}


.ordreg form li.info:first-child{
	
	font-weight:600;
	margin-bottom:1em;
}

.ordreg form li{
	margin-bottom:.5em;
}



.ordreg form li label{
	font-weight:600;
	display:inline-block;
	width:200px;
}


.ordreg form li label[for="subscribe"]{
	font-weight:400;
	display:inline-block;
	vertical-align:top;
	width:92%;
}
