/* ------------------------------------------------------------------------------------
		MOBILE - Present Finder 2019
		Filename : mobile.css
		Last Updated : 15. 11. 2019
fixed menu height removed
		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. =ProductPage 
	21. =HoverBasket
	22. =Basket
	23.	=Checkout process
	24.	=Sitemap
	25. =Messages
	26. =AutoComplete
	27. =Articles
	28. =CustomArticles
	29. =MyAccount
	30. =Blog
	31. =OwlCarousel/Jquery Base
	32. =Jquery Base Overrides
	33.	=Hacks
------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------
=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{
    font-family:'Lato', sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

iframe{
	width:100% !important;
}

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

html{
	-webkit-font-smoothing: antialiased
}

body{
    background-color: #ffffff;
}

#site{
    width: 100%;
    margin: auto;
    color:#5a5859;
    background-color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    -webkit-text-size-adjust: 100%;
}

ol{
	margin-left:.5em;
}

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

/* Headings
------------------------------------------------------- */
h1{
    font-size: 1.05em;
    color: #006772;
}

h2{
    padding: .5em 0;
    font-size: 1.2em;
    color: #006772;
}

h3{
    font-size: 1.2em;
    color: #006772;
}

h4{
    padding: .5em 0;
    font-size: 1em;
    color: #006772;
}

h5{
    padding: .5em 0;
    font-size: 1em;
    color: #006772;
}

h6{
    /* padding: .5em 0; */
    font-size: 1em;
    color: #006772;
}

.offer h6 {
    /* padding: .5em 0; */
    font-size: 1em;
    color: #BB283A;
}

.saving h6 {
    /* padding: .5em 0; */
    font-size: 1em;
    color: #1E9C5A;
}


/* Links
------------------------------------------------------- */
a{
    text-decoration: none;
    color:inherit;
}

a:hover{
    text-decoration: none;
}

a:active{
    text-decoration: none;
}

a:visited{
    text-decoration: none;
}


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


/* Base Typography
------------------------------------------------------- */
p{
    padding: .5em 0;
}

/* serves no styling purpose, so is hidden. AL */
p#bspresponse {
    display: none;
}

label{
    width: 86%;
    padding: 2px 2%;
    text-align: left;
}

input[type=radio]{
    margin: .5em 2%;
}

ul{
    list-style-type: none;
}
ul:after{
	/*clearfix*/
	clear:both;
	content:"";
	display:block;
}

ul li.subset{
	display: none;
}

/* Input elements
------------------------------------------------------- */
input[type=checkbox]
{
    font-size: 1em;
    line-height: 1em;
    margin: 0 0 0 0.5em;
    padding: 0;
    width: 1.25em;
    height: 1.25em;
    -webkit-border-radius: 0.25em;
    vertical-align: text-top;
}

input.submit {
	-webkit-appearance: none;
}

.inputtext
{
    font-size: 1em;
    border: 1px solid #a6a6a6;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

input.inputtext, input.inputtext_light, select.inputtext, textarea.inputtext{
    width: 88%;
    margin: .5em 2%;
    padding: .5em 2%;
}

select.inputtext{
    width: 92%;
    margin: .5em 2%;
    padding: .5em 2%;


    
}

select#dobDay.inputtext,
select#dobMonth.inputtext,
#dobYear.inputtext{
    width: 25%;
}

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



/* -------------------------------------------------------------------------------------
=Buttons 
------------------------------------------------------------------------------------- */

.submit{
    padding: .5em;
    border: 0px;
    background-color: #67A1B5;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
}

#pm a.btn,
#pm a.lnk{
    padding: .5em;
    border: 0px;
    background-color: #67A1B5;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    display:inline-block;
}

#pm a.lnk {
    width: 80%;
    margin: .5em 5%;
    padding: .5em;
    border: 0px;
    background-color: #67A1B5;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    display:inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.checkoutdelivery .submit,
.checkout .submit{
	width:100%;
	background-color:#209c5b;
}


.checkout #pm a.lnk{
	background-color:#bfbdbe;
	border-radius:0;
}

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


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

table{
    width: 100%;
}

table tr.header th{
    padding: .5em;
    font-size: 1.2em;
    font-weight: normal;
    text-align: left;
}

table tr td{
    padding: 2px;
    vertical-align: middle;
}

/* -------------------------------------------------------------------------------------
=Form 
------------------------------------------------------------------------------------- */
#pm form{
    margin: 0;
}

#pm .form .bc h3{
    width: 100%;
    padding: 8px 0;
}

#pm .form .bc ul{
    width: 100%;
    padding: 4px 0;
}

#pm .form .bc ul li{
    width: 100%;
    padding: 4px 0;
}

#pm .form .bc ul li .gender{
    clear: left;
    width: 100%;
}

#pm .form .bc ul li label{
    font-weight: bold;
    width: 80%;
    padding: 0;
}

#pm .form .bc ul li.info{
    font-size: 1.1em;
    font-weight: bold;
    padding: 8px 0 4px 0;
}

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

#pm .form .bc ul li .help{
    font-size: 1.1em;
    font-weight: bold;
    padding: 8px 0 4px 0;
}

#pm .form .bc ul li.help{
    width: 95%;
    font-size: 0.9em;
    padding: 4px 0 4px 5%;
}

#pm .form .bc ul li ul.radio li input{
    width: auto;
    margin: 6px;
}

/* Also used in tables */
#pm .form .reqmsg{
    padding: 0 0 2px 0;
}

#pm .form .bc ul li.reqmsg{
    padding: 3px 0 0 0;
    font-size: 1.1em;
    color: #FF0000;
}

/* For tables in forms */
#pm .form .bc table{
    width: 100%;
    margin: 0;
}

#pm .form .bc table input.submit, #pm .form .bc table a{
    width: auto;
    margin: 0;
}

#pm form#wishlist{
    width: 39%;
}

#pm form#wishlist .submit{
    margin: 0 0 0 3%;
    width: 100%;
    padding: 8px 2px;
}

#pm form#wishlist input{
    margin: 1% 0 0 1%;

}

#pm form#wishlist label{
    width: 82%;
    padding-left: 3%;
}

/* -------------------------------------------------------------------------------------
=PanelTop 
------------------------------------------------------------------------------------- */
#pt{
    float: left;
    width: 100%;
    padding: 0;
    position:relative;
    
}

#pt ul.head{
	width:100%;
	z-index: 500;
	background-color: #fff;
}

#pt ul.head li{
}


.home #pt ul.head li.sp36438018,
.home #pt ul.head li.sp36438020,
.customHide #pt ul.head li.sp36438018,
.customHide #pt ul.head li.sp36438020,
.basket #pt ul.head li.sp36438018,
.basket #pt ul.head li.sp36438020
{
	display:none;
}

#pt ul.head li.sp36438018,
#pt ul.head li.sp36438020{
	/* outline:1px red solid; */
	display:inline-block;
}


#pt ul.head li.sp36438018 a,
#pt ul.head li.sp36438020 a{
	/* outline:1px blue solid; */
	display:inline-block;
}
#pt ul.head li.sp36438018 .bnr img,
#pt ul.head li.sp36438020 .bnr img{
	width:100%;
	height:auto;
}

#pt ul.head li.icon {
    float: left;
    width: 33%;
    padding: 0%;
    margin:1em 0;
}

#pt ul.head li.icon a {
    width: 100%;
    text-align: center;
    float:left;
}

#pt ul.head li.icon a img {
	width:80%;
	max-width:112px; /*native image size, avoids bluring */
    height: auto;
}

#pt ul.head li.icon{
	padding-bottom:.5em;
	border-bottom:2px #fff solid;
}

#pt ul.head li.bar{
	padding-bottom:.5em;
	border-bottom:2px green solid;
}

/* Site Logo
------------------------------------------------------- */

#pt ul.head li.logo {
    width: 100%;
    padding: 1% 0%;
   background-color:#81c6b1;
}
#pt ul.head li.logo a {
	float:left;
	background-color:#81c6b1;
    width: 100%;
    text-align: center;
}
#pt ul.head li.logo a img {
    width: 70%;
    max-width: 300px; /*native size */
    height: auto;
    text-align:center;
    margin:1em 0;
}

#pt ul.head li.logolge {
    width: 100%;
    padding: 1% 0%;
    background-color: #81c6b1;
}
#pt ul.head li.logolge a {
	float:left;
	background-color:#81c6b1;
    width: 100%;
    text-align: center;
}
#pt ul.head li.logolge a img {
    width: 50%;
    max-width:371px; /*native size */
    height: auto;
    text-align:center;
	margin:1em 0;
}

#pt ul.head li.logolge  p{
	display:none; /*beacause we have a different header in the basket that just shoves a p tag with a phone number in it! */
}

/* #pt ul.head.scrolled{

	position:fixed;
	top:0px;
}

/*currently breaks the menu if you have scrolled down the page - search works though */
/* #pt ul.head.scrolled li.logo{
	
    display:none;
}
*/


/*
#pt ul.scrolled + #depts {
    position:fixed;
    top: 51px;
    background-color:white;
    overflow: scroll;
    height:80%;
}
*/


/* Sign In / Members
------------------------------------------------------- */
#pt ul.head li.signin{
	display:none;
}

/* Search
------------------------------------------------------- */
#pt ul.head li.srch{
	position:relative;
}

#pt ul.head li.srch:after {
  content:''; 
  height:90%; 
  display:block;
  background:#557a86; 
  border-right:2px #557a86 solid;
  position:absolute; right:0px;

}

#pt ul.head li.search {
    display: none;
    width:100%;
    float:left;
}

#pt ul li.search form{
    width: 100%;
    padding: 0;
    float:left;
    text-align:center;
    margin-bottom:.5em;
}

#pt ul li.search form .inputtext{
	width:60%;
	color:#a6a6a6;
	font-size:1.2em;
	padding:0 .5em;
	margin:0;
	height:44px;
	outline:none;
	border-radius:0;
}

#pt ul li.search form .submit{
    width: 30px;
    height: 30px;
    padding:.5em;
    margin:0;
    border-radius:0;
    background-color:#209c5b;
    font-size:1.2em;
    vertical-align:bottom;
}

#pt ul li.search form span{
	/*hiding this as the text is rubbish! */
	float:left;
	width:100%;
	margin:.5em 0;
	display:none;
}



/* Basket
------------------------------------------------------- */
#pt ul.head li.bskt {
    position: relative;
    text-align:center;
}

#pt ul li.bskt p {
    position: absolute;
    top: 8%;
    left: 25%;
    width: auto;
    margin: 0;
    padding: 1px 5px;
    background: #209c5b;;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#pt ul.head li.bskt img {
	width:80%;
	max-width:112px;
    height:auto;
}


/* Menu / Departments
------------------------------------------------------- */
#pt ul.head li.dept{
	position:relative;
}

#pt ul.head li.dept:after {
  content:''; 
  height:90%; 
  display:block;
  background:#557a86; 
  border-right:2px #557a86 solid;
  position:absolute; right:0px;
}

#pt #depts{
    display: none;
    z-index: 800;
    position: relative;
    float: left;
    margin:1%;
    width: 97%;
    border:2px #a6a6a6 solid;
    /* height:95vh; */ /*90% of the visible screen height! */
    overflow:scroll;
}

#pt #depts ul.mobdept
{
    overflow-y: auto;
    position: relative;
    width: 94%;
    margin:2%;
}

#pt #depts ul.mobdept li
{
	float:left;
    overflow-y: auto;
    position: relative;
    width: 100%;
}

/* Home page links *****************************************************/

/*top level*/
ul.mobdept li a,
ul.mobdept li p {
    width: 96%;
    padding: 1em 0;
    padding-left:4%;
    color: #557a86;
    background-color: #fff;
    font-size: 1.5em;
    font-weight: normal;
    border-bottom: 2px solid #a6a6a6;
    float:left;
}

/* second level */
ul.mobdept li ul li a, 
ul.mobdept li ul li p{
    width: 94%;
    padding: 1em 0;
    padding-left:6%;
    font-size:1.4em;
}


/* third level */
ul.mobdept li ul li ul li a, 
ul.mobdept li ul li ul li p{
    width: 92%;
    padding: 1em 0;
    padding-left:8%;
    font-size:1.2em;
}

ul.mobdept li ul li ul li ul li a, 
ul.mobdept ul li li ul li ul li p{
    width: 88%;
    padding: 8px 2% 8px 10%;
    color: #ffffff;
    background-color: rgba(28, 60, 81, 0.7);
}

ul.mobdept li a img,
ul.mobdept li p img{
    float: right;
    width:.8em;
    height:.8em;
    margin-right:1em;
 	margin-top:.2em   
}

img[alt*="View sub departments"] {
    padding: 10px;
	margin-top: -7px!important;
	margin-right: 0.8em!important;
}

ul.mobdept li a.dlnk{
    /* background-image: url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/mob/arrowright.png'); */
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size:.8em;
}

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

#pm .deptprods
{
    margin-top: 2px;
    /* height: 234px; */
    padding-top: 4px;
    position: relative;
}

#pm .deptprods h3 a
{
    width: 100%;
    color: #006772;
}

#pm .deptprods a.seeall
{
	display:none;
	vertical-align:middle;
	font-size:1em;
    overflow-x: hidden;
    overflow-y: hidden;
    color: #5a5859;
    text-transform: lowercase;
    width:auto;
}



/* -------------------------------------------------------------------------------------
=Breadcrumb 
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=CentrePanel 
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=MainPanel 
------------------------------------------------------------------------------------- */
#pm
{
    width: 98%;
    padding: 1%;
    margin:0 auto ;
    clear: both;
}

.dept #pm{
	width: 92%;
	padding: 1%;
	margin:0 auto;
	clear: both;
	border-top: 2px #a6a6a6 solid;
}

#pm .pbnr .bnr{
	max-width:100%;
}

#pm .pbnr .bnr img{
	max-width:100%;
	height:auto;
}

/* home page departments  all have a class that starts with a d   though sadly so do some other classes...*/
#pm ul li.deptprods{
	margin-bottom:.5em;
}

#pm ul li.deptsingle a{
	float:left !important;
	width:100% !important;
	text-align:center !important;
	color:#fff !important;
	font-size:1.5em !important;
	padding:1em 0 !important;
}

/*GENIUS clearfix hack */
#pm ul li[class^="d"]:after {
	clear:both;
	content:"";
	display:block;
}

/*fix for the above hack for dept product lists that rotate (not the same way as prdlist!) */
#pm ul li[class^="de"] a{
	float:none;
	display:inline-block;
	width:auto;
	text-align:center;
	color:#000;
	font-size:1.2em;
	padding:0;

}

#pm ul li[class^="de"] h3 a{
	display:inline-block;
	vertical-align:middle;
	margin-right:.5em;
	text-align:left;
	color:#557a86;
}

.deptl1:nth-child(odd){
float:left
}

.deptl1:nth-child(even){
float:right
}

/*department textual header */

#a69795840{
	/* outline:1px red solid; */
	text-align:center;
	margin:1em;
}
#a69795840 h3{
	font-size:1.5em;
	font-weight:400;
	
}


#pm ul li.d104{
	background-color:#0f4a5f;
}
#pm ul li.d164{
	background-color:#8c819b;
}
#pm ul li.d172{
	background-color:#3f7d82;
}

#pm ul li.d171{
	background-color:#dda24b;
}
#pm ul li.d109{
	background-color:#8ca87e;
}




/* -------------------------------------------------------------------------------------
=Footer - comes before pb
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=Bottom Panel 
------------------------------------------------------------------------------------- */
#pb
{
	background-color:#5a5859;
	color:#fff;
	/* padding:1em 0em; */
	text-align:center;
}

#pb ul{
	/* width:80%; */
	margin:auto;
}

#pb ul li{
	margin-bottom: .8em;
}

#pb li.hdr{
	font-size:1.5em;
	text-align:center;
	margin-top:.5em;
	padding-bottom:.8em;
	padding-top:.5em;
	border-top:2px #a6a6a6 solid;
	width:80%;
	margin:auto;
}

#pb li.info 
{
	color:#fff;
	font-size:1em;
	text-align:center;
}


/*GENIUS clearfix hack */
#pb ul li:after {
	clear:both;
	content:"";
	display:block;
}

/*newsletter subscribe */

#pb li.news form {
    font-size: 1em;
    padding: 0.5em;
    border-radius: 1em;
   	text-align:center;
    border-width: 0;
}

#pb li.news form input,
#pb li.news form input.inputtext,
#pb li.news form input.inputtext_light{
    font-size: inherit;
    padding: 0.8em 0.4em;
    margin: 0em 0em;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: 0;
    border:none;
    outline:none;
    background-color: #fff;
    border-radius:0;
}

#pb li.news form input:focus {
    outline: none;
}

#pb li.news form label{
	width:100%;
	padding:0;
	float:left;
	text-align:center;
	font-size:1.5em;
	margin-bottom:.5em;
}

#pb li.news form input#email{
	width:60%;
	color:#a6a6a6;
}

#pb li.news form input#subscribe{
	width:20%;
	background-color:#209c5b;
}

/* Social */
#pb li.soc{
	padding-bottom:.5em;
}

#pb .socbook .bc{
    width: 100%;
}

#pb .socbook .bc ul{
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align:center;
}

#pb .socbook .bc ul li{
    margin: .1em 2%;
    width: auto;
    display: inline-block;
    clear: none;
}

 
/* this is the email a friend that doesn't work like the other social icons! its not in an li!! */
#pb .socbook .bc ul li + a{
	display:none;
}


/* est 2000 article */
#pb li.art 
{
	color:#fff;
	font-size:1em;
	text-align:center;
	margin-top: .8em;
	font-size:.8em;
	border-top:2px #a6a6a6 solid;
	width:80%;
	margin:.5em auto;
}
.mobileFooter{
	margin-top:.8em;
}


/*some article that is on the LIVE SITE ONLY that shouldn't be there!!!! if only people would communicate and TEST THINGS! */

#pb li.art.spi38830080{
	display:none;
}

/*payment logos - should only be on payment pages */

#pb li.art.spi38797312,
#pb li.art.spi38764544{ /*second one is test site */	
	display:none;
	border:none;
	background-color:#fff;
	width:100%;
	margin:0;
	padding:0;
	padding-bottom:1em;
}

/*testing showing it on test site */

#pb li.art.spi38764544{
	display:block;
	margin-top: 1em;
	padding-top:1em;
	border:none;
}

.basket #pb li.art.spi38797312,
.basket #pb li.art.spi38764544{
	display:block;
}

#pb li.art.spi38797312 img,
#pb li.art.spi38764544 img{
	display:inline-block;
	float:none;
	width:auto;
	height:3em;
	margin: .25em;
}

/* feefo and tel hack article */
#pb li.art.spi37945344,
#pb li.art.spi37879808{ /*second one is test site */
	border:none;
	background-color:#fff;
	width:100%;
	margin:0;
	padding:0;

}

#pb li.art.spi37945344:after,
#pb li.art.spi37879808:after{
	content:'';
	width:100%;
	height:1em;
	background-color:#fff;
}


/* media query for portrait vs landscape*/
@media screen and (orientation:portrait) {
	#pb .footerfeefo ul {
		float:left;
		color:#006772;
		font-size:1em;
		width:96%;
		padding:.5em 1% ;
	}

	#pb .footerfeefo ul li{
		float:left;
		font-size:1.2em;
		width:100%;
		padding:.5em 0;
		margin:0;
	}

	#pb .footerfeefo ul li.tel{
		background-color:#e3e8eb;
		border:2px #006772 solid;
		line-height:1.5em;
		font-size:2em;
		margin-bottom:.5em;
	}
	#pb .footerfeefo ul li.tel a{
		margin-left:.5em;
		display: inline-block;
	}

	#pb .footerfeefo ul li.tel img{
		line-height:3em;
		display: inline-block;
		vertical-align:bottom;
		margin-right:.5em;
		height: 1.5em !important;
		width: 1.5em !important;
	}


	#pb .footerfeefo ul li.feefo{
		line-height:3em;
		border:2px #006772 solid;
		
	}

	#pb .footerfeefo ul li.feefo a{
		text-align:center;
	}

	#pb .footerfeefo ul li.feefo a img{
		display:inline-block;
		vertical-align:middle;
		max-width:100%;
		height:auto !important;
		margin:auto;
	}
}


@media screen and (orientation:landscape) { 
#pb .footerfeefo ul {
		float:left;
		color:#006772;
		font-size:1em;
		width:96%;
		padding:.5em 1% ;
	}

	#pb .footerfeefo ul li{
		float:left;
		font-size:1.2em;
		width:100%;
		padding:.5em 0;
		margin:0;
	}

	#pb .footerfeefo ul li.tel{
		background-color:#e3e8eb;
		border:2px #006772 solid;
		line-height:1.5em;
		font-size:2em;
		margin-bottom:.5em;
	}
	#pb .footerfeefo ul li.tel a{
		margin-left:.5em;
		display: inline-block;
	}

	#pb .footerfeefo ul li.tel img{
		line-height:3em;
		display: inline-block;
		vertical-align:bottom;
		margin-right:.5em;
		height:1.5em !important;
		width:1.5em !important;
	}


	#pb .footerfeefo ul li.feefo{
		line-height:3em;
		border:2px #006772 solid;
		/* margin-top:1em; */
	}
	#pb .footerfeefo ul li.feefo a{
		text-align:center;

	}

	#pb .footerfeefo ul li.feefo a img{
		display:inline-block;
		vertical-align:middle;
		max-width:100%;
		height:auto !important;
		margin:auto;
	}
}










/* -------------------------------------------------------------------------------------
=Copyright and Managed by 
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=FilterSearch 
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=SearchHeader / SearchFooter 
------------------------------------------------------------------------------------- */
#pm ul li.dispord{
	width:100%;
	/* border-bottom:2px #a6a6a6 solid; */
}


#pm ul li.dispord select{
	width:100%;
	margin:.5em 0;
	padding:.5em;
}

.showing{
	border-bottom:2px solid #a6a6a6;
	margin-bottom:.5em;
	padding-bottom:.5em;
}

#pm ul li.showing:after{
	/*clearfix*/
	clear:both;
	content:"";
	display:block;
}

.showing #noofproducts,
.showing #viewall{
	width:50%;
	float:left;
}

.showing #viewall{
	text-align:right;
}


#pm .showing #viewall a.lnk {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0px;
    background-color:transparent;
    color: #006772;
    font-size: 1em;
    text-align: left;
}

/* -------------------------------------------------------------------------------------
=Department Tree 
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=FeaturedProducts 
------------------------------------------------------------------------------------- */


/* Base settings
*/
.fprd{
	position:relative;
	text-align:center;
	border: 1px solid #c9c8c8;
}

.fprd a{

}

.fprd .fprdimg {
}

.fprd .fprdimg img{
}

.fprd .fprdtitle,
.fprd a.title{
	color:#000;
	margin:.5em .25em;
	font-size:1.2em;
	display:block;
	height:3em; /*fixed height of 3 lines */
}

#pm .fprd a.lnk{
    width: 80%;
    margin: inherit;
    padding: inherit;;
    border: 0px;
    background-color:transparent;
    color: inherit;
    font-size: inherit;
    text-align: center;
    display:inline-block;
	border:none;
	height:2em;
}

.fprd .price, 
.fprd .rrp, 
.fprd .trade,
.fprd .offer,
.fprd .prevprice{
	font-size:1em;

}

.fprd .price{
	/* removed when adding new inline fprd feature to avoid having to be explicit with the fprd height
	position:absolute;
	bottom:0px; */
	width:100%;
}



.fprd .offer, 
.fprd .prevprice{
	width:50%;
	text-align:center;
	clear:none;
	float:left;
	display:inline-block;
}

.fprd .prevprice{
	/* position:absolute; */
	/* bottom:0px; */
	/* left:0px; */
}

.fprd .offer{
	/* position:absolute; */
	/* bottom:0px; */
	/* right:0px; */
}


.fprd h6{
	color:#a6a6a6;
	font-weight:400;
}

.fprd .prevprice h6{
    text-decoration:line-through
}

.fprd .offer h6{
    color: #BB283A;
}

.fprd .price label, 
.fprd .rrp label, 
.fprd .trade label, 
.fprd .offer label, 
.fprd .prevprice label{
    display: none;
}

.fprd h5.brand, 
.fprd h5.manu, 
.fprd h5.model{
}

.fprd trade, 
.fprd qty{
}

.fprd .flag{
	position: absolute;
	top: 5px;
	right: 5px;
}

.fprd .flag img
{
    width: 40px;
    height: 40px;
}

.fprd a.btn{

}


#pm .fprd .ewis{
	display:none;
}


/* department page overrides */

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


/* media query for portrait vs landscape
@media screen and (orientation:portrait) {
	#deptlist .fprd,
	#searchlist .fprd{
		height:240px;
		text-align:center;
		width:48%;
		margin:.5em 1%;
		margin-bottom:0;
		float:left;
		outline:1px #a6a6a6 solid;
	}
}

@media screen and (orientation:portrait) and (min-width:360px){

	#deptlist .fprd,
	#searchlist .fprd{
		height:260px;
	}
}

@media screen and (orientation:portrait) and (min-width:410px){

	#deptlist .fprd,
	#searchlist .fprd{
		height:290px;
	}
}


@media screen and (orientation:landscape) { 
	#deptlist .fprd,
	#searchlist .fprd{
		height: 240px;
		text-align:center;
		width:23%;
		margin:.5em 1%;
		float:left;
		outline:1px #a6a6a6 solid;
	} 
}


@media screen and (orientation:landscape) and (min-width:700px){

	#deptlist .fprd,
	#searchlist .fprd{
		height:260px;
	}
}*/


@media screen and (orientation:portrait) {
	#deptlist .fprdcont,
	#searchlist .fprdcont{
		display:inline-block;
		vertical-align:top;
		text-align:center;
		width:48%;
		margin:.5em 1%;
		margin-bottom:1em;
		/* outline:1px #a6a6a6 solid; */
		border-top:1px #006772 solid;
		padding-top:.5em;
	}
}
@media screen and (orientation:landscape) { 
	#deptlist .fprdcont,
	#searchlist .fprdcont{
		display:inline-block;
		vertical-align:top;
		text-align:center;
		width:23%;
		margin:.5em 1%;
				border-top:1px #006772 solid;
		padding-top:.5em;
		margin-bottom:1em;

	} 
}



/*carousel overrides */

.carousel .price{
	position:initial;
}


/* -------------------------------------------------------------------------------------
=ProductLists 
------------------------------------------------------------------------------------- */
li.prdlist{
	text-align:center;
	margin:1em;
}

li.deptprods{
    text-align:center;
	margin:1em 0;
}

li.prdlist h3{
	font-size:1.5em;
	font-weight:400;
	
}


li.deptprods h3{
	font-size:1.5em;
	font-weight:400;
}




/* -------------------------------------------------------------------------------------
=ProductPage 
------------------------------------------------------------------------------------- */
#pm .piimg{
    position: relative;
    width: 98%;
    margin: 0;
    padding: 1%;
    text-align: center;
}

#pm .carousel .flag{
	position:absolute;
	top:0.1em;
	right:0.1em;
	z-index: 99;
}

#pm .piimg img{
    width: 100%;
    height: auto;
}

#pm .pititle{
    text-align:center;
}

#pm .pititle h2{
	font-size:1.8em;
	font-weight:normal;
}

#pm .piimg .flag{
    position: absolute;
    top: 8px;
    right: 8px;
    width: auto;
}



#pm ul.accordion li.pane.first { /*hope this is the product details hack! */
	display:block;
	color:#5a5859;
	text-align:left;
}



/* Buy Panel ***********************************************************/

#pm .buy
{
    position: relative;
    text-align:center;
    margin-bottom:1em;
}

#pm .buy .brandmanu {
	display:none;
}

#pm .buy .price h6{
	color:#5a5859;
	font-size:1.5em;
}

#pm .buy .price label{
    display: none;
}

#pm .buy .prevprice{
    width: 33%;
    float:left;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}

#pm .buy .prevprice h6{
	width: 100%;
	text-decoration:line-through
}

#pm .buy .offer{
    width: 33%;
    float:left;
    font-size: 1.4em;
    color: #BB283A;
    font-weight: bold;
    text-align: center;
}


#pm .buy .saving{
        width: 33%;
        float:left;
        font-size: 1.4em;
        color: #1E9C5A;
        font-weight: bold;
        text-align: center;
}

#pm .buy .saving +h4{
	display:none;
}

#pm .buy form{

}

/*youtube video link */
#pm .youtube{
	margin:.5em 0;
}



#pm .buy form .attrqty input.submit{
	/* width:50%; */
	background-color:#209c5b;
	border-radius:.5em;
	display:inline-block;
	padding:.5em 3em;
	margin-bottom:1em;
	
}
#pm .buy form .qtyinput #skuqtyadd{
	border:none;
	outline:none;
	text-indent:-10000px;
	background-color:transparent;
	background-image: url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/skuIncrease.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size:.8em;
}


#pm .buy form input.inputtext{
	width:2em;
	text-align:center;
}

#pm .buy form .qtyinput #skuqtysub{
	border:none;
	outline:none;
	text-indent:-10000px;
	background-color:transparent;
	background-image: url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/skuDecrease.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size:.8em;
}


#pm .buy label#selectResponse{
    width: 100%;
    color: red;
    font-weight: bold;
}

/* see all our brand pfinder hack */
.brandmanu.manu{
	text-align:center;
	color:#000;
}
#pm  .brandmanu.manu a.lnk{
	font-size:1.2em;
	color:#006772;
	background-color:transparent;
	border:2px #006772 solid;
	padding:.5em 1em;
	border-radius:.5em;
	display:inline-block;
	width:auto;
	width:50%;
	margin:0;
}


.buy #pm{
	text-align:center;
	position:relative;
}

.buy #pm a.btn{
	margin:1em 0;
	font-size:1.2em;
	background-color:#006772;
	border:2px #006772 solid;
	padding:.5em 1em;
	border-radius:.5em;
	display:inline-block;
	width:auto;
	width:50%;

}


#pm ul.noquib li.header{
	/* border-top:none; */
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
	margin:0
}

#pm ul li.headerxdescr{
	width: 96%;
    padding: .5em 2%;
    color: #5a5859;
    font-size: 1.2em;
    font-weight: 400;
    vertical-align: middle;
    border-top: 2px solid #a6a6a6;
	border-bottom:2px #a6a6a6 solid;
    text-align: center;
}

#pm ul li.panexdescr{
	text-align:left;
}

.panexdescr + li.header{

	background-color:#5a5859;
	color:#fff !important;
	width:40% !important;
	margin:auto !important;
	border:none !important;

}

#pm ul li.panexdescr{
	text-align:left;
	font-size:1em;
}

#pm ul li.panexdescr ul li{

	font-size:1.2em;
}

.panexdescr + li.header + li.pane{
	text-align:left;
}


#pm ul.recprods li.fprdcont{
	width:100%;
	padding:.5em 0;
	border-bottom:1px #a6a6a6 solid;
	margin:.5em 0;
	padding-bottom:1em;
	vertical-align:middle;
	display:table;
}

#pm ul.recprods li.fprdcont:after{
	/*clearfix*/
	clear:both;
	content:"";
	display:block;
}

#pm ul.recprods li.fprdcont .fprd{
	width:100%;
	vertical-align:middle;
	display:table;
}


#pm ul.recprods li.fprdcont .fprd a.img{

	max-width:80px;
	width:14%;
	display:table-cell;
}

#pm ul.recprods li.fprdcont .fprd a.title{
	width:66%;
	padding:0 2%;
	text-align:left;
	vertical-align:middle;
	display:table-cell;
}

#pm ul.recprods li.fprdcont .fprd .price{
	position:initial;
	width:14%;
	display:table-cell;
	vertical-align:middle;
}

#pm ul.recprods li.fprdcont .fprd .price h6{
	color:#5a5859;
	font-weight:600;
	padding:0px;
}


#pm ul.recprods li.fprdcont .fprd .flag{
	display:none;
}

/* buytogether ***********************************************************/


#pm ul.accordion.buytogether li.pane {
	display:block;
}

.buytogether  ul.boughtto{
	padding-bottom:.5em;
}


.buytogether  ul.boughtto li{
	width:90%;
	margin:.5em auto;
}

.buytogether ul.boughtto li.imgs{

}

.buytogether ul.boughtto li.imgs img{

	height:auto;
	margin:.5em;
	max-width:100px;
	width:22%;
	text-align:center;
	vertical-align:middle;
}

.buytogether ul.boughtto li.imgs span{
	width:5%;
	text-align:center;
	vertical-align:middle;
	font-size:2em;
}

.buytogether ul.boughtto li.imgs img:after{
	content:'+';
	display:block;
	width:1em;
	height:1em;
	outline:1px red solid;
}


.buytogether ul.boughtto li.prods{
	/* width:98%; */
	text-align:left;
	margin:.5em auto;
	margin-bottom:1em;
}

.buytogether ul.boughtto li.prods input,
.buytogether ul.boughtto li.prods span.descr,
.buytogether ul.boughtto li.prods span.price{
	float:left;
}

.buytogether ul.boughtto li.prods input{
	width:10%;
	margin:0;
	
}
.buytogether ul.boughtto li.prods span.descr{
	font-weight:600;
	width:70%;

}
.buytogether ul.boughtto li.prods span.price{
	float:right;
	color:#5a5859;
	font-weight:600;
	width:20%;
	text-align:right;
}


.buytogether ul.boughtto li.prods:after{
	/*clearfix*/
	display:block;
	clear:both;
	content:'';	
}

.buytogether ul.boughtto li.total
{
	border-top:1px solid #a6a6a6;
	padding:.5em 0;
	font-size:1.2em;
}


.buytogether ul.boughtto li.btn .submit{
	width:80%;
	padding:.5em;
	margin:0;
	background-color:#006772;
	border-radius:.5em;
	display:inline-block;
}



/* buy popup hack */

.buy #mess{

	z-index:10010;
	position:absolute;
	top:0px;

	background:#fff;
	width:100%;
	text-align:center;

}

.buy #mess ul{
	width:90%;
		outline:2px #209c5b solid;
			padding:1em 4%;
}

/* personalisation ***********************************************************/


#pm .buy form .attr,
#pm .buy form .options,
#pm .buy ul.pers{
	background-color:#ededed;
}

#pm .buy ul.pers li:before{
	content:'';
	width:96%;
	height:4px;
	background-color:#fff;
	display:inline-block;
	margin-top:1em;
}

#pm .buy form .attr:after{
	
}

#pm .buy ul.pers li:last-child:before{
	display:none;
}


#pm .buy form .attr label,
#pm .buy ul.pers li label{
	width: 94%;
	margin:1em 2%;
	padding:0;
	float:left;
	text-align:center;
	font-size:1.2em;
}


#pm ul.pers li input.inputtext,
#pm ul.pers li input.inputtext_light,
#pm .attr select{
	/* outline:1px red solid; */
	/* float:left; */
	width:90%;
	border-radius:0;
	margin: 0em 2%;
	text-align:center;
	height:2em;
}


#pm .buy ul.pers li span{
	width: 94%;
	margin:1em 2%;
	padding:0;
	float:left;
	text-align:center;
	font-size:.9em;
}

/* stock ***********************************************************/
#pm ul.stock li.header{
	border:none;
	vertical-align:middle;
	
}

#pm ul.stock li.header .icon img{
	width: 1em;
	height:auto;
	margin-right:.5em;
}

ul.stock span{
	color:#209c5b;
	font-size:1em;
	display:inline-block;

}



/* leadtime ***********************************************************/
#pm ul.leadtime li.header{
	border:none;
	vertical-align:middle;
	
}

#pm ul.leadtime li.header .icon img{
	height:1em;
	width:auto;
	margin-right:.5em;
}

ul.leadtime span{
	color:#209c5b;
	font-size:1em;
	display:inline-block;
	height:1em;
}


/* direct despatch ***********************************************************/
#pm ul.dropship li.header{
	border:none;
}

#pm ul.dropship li.header .icon img{
	width:1em;
	height:auto;
		margin-right:.5em;
}


#pm ul.dropship span.title{
	 color: #006772;
	 font-size:1.2em;
}


/* -------------------------------------------------------------------------------------
=Feefo 
------------------------------------------------------------------------------------- */


#site.buy #pm .feefosmallsummarypanel{
	display:inline-block;
	width:100%;
	margin:1em 0;
}
#site.buy #pm .feefosmallsummarypanel span.title{
    display:none;
}

#site.buy #pm .feefosmallsummarypanel span{
   float:none; 
}

#site.buy #pm .feefosmallsummarypanel img,
#site.buy #pm .feefosmallsummarypanel .stars,
#site.buy #pm .feefosmallsummarypanel .ratingNumber,
#site.buy #pm .feefosmallsummarypanel .reviewCount{
    display:inline-block;
    vertical-align:middle;
    margin-right:1em;

}
#site.buy #pm .feefosmallsummarypanel .ratingNumber{
	display:none;
}
#site.buy #pm .feefosmallsummarypanel .stars img{
    margin-right:0;
    width:1.5em;
}






/* Review detail in tabs
------------------------------------------------------- */

.feefopanel{
	display:inline-block;
	width:100%;
}


.feeforeviews{
    float:left;
}


#pm ul.feefopanel:after{
	display:none;
}
#pm .feefopanel li.header{
	position:relative;
	margin-bottom:0;
}

.feefopanel .header img.showplus,
.feefopanel .header img.showminus{
	position:absolute;
	right:1em;
	width:1em;
	top:.6em;
	height:auto;
}


.feefopanel .header{
border-bottom:0 !important;
}

img.showminus,
.expand img.showplus{
	display:none;
}

.expand img.showminus{
	display:block;
}
/*summary*/

.feeforeviews .feefosummary{
	display:none;
	/* float:left;
	margin-bottom:1em;
	margin-left:2em; */
}

.feeforeviews .feefosummary span.title{
   /* width:100%;
    font-size:2em;
    margin-bottom:.25em;
    float:left;
    color:#416976*/
}

.feeforeviews .feefosummary span.stars{
   /* float:left;
    margin-right:1em;
    height:2em;*/
}

.feeforeviews .feefosummary img{
   /* display:block;
    float:left;
    width:1.5em*/
}

.feeforeviews .feefosummary span.ratingNumber{
   /* font-size: 1.5em;
    float:left;*/
}

.feeforeviews .feefosummary .ratingCount{
    /*font-size:.5em;
    margin-left:1em;*/
}

/*individual reviews */

.feeforeviews ul.feefo{
    /* margin-top:1em; */
    margin-bottom:1em;
}

.feeforeviews ul.feefo li{
	display:inline-block;
    list-style: none;
    margin: 0;
    padding: 1em 0;
    border-bottom:2px #eef2f3 solid;
    width:100%;
}
.feeforeviews ul.feefo li:last-child{
	border:none;
}

.feeforeviews ul.feefo li .rating{
	float:left;
	clear:both;
}

.feeforeviews ul.feefo li .rating img{
	width:1em;
	height:auto;
}


.feeforeviews ul.feefo li p.comment{
	display:inline-block;
	float:left;
	clear:left;
}

.feeforeviews ul.feefo li p.date{
	display:inline-block;
	font-size:.8em;
	float:right;
}

.feeforeviews .feefofooter{
    float:left;
    font-size:.8em;
    text-align:center;
    width:100%;
    margin-top:.5em;
    margin-bottom:.5em;
}

   


/* -------------------------------------------------------------------------------------
=RecentItems 
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=HoverBsket 
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=Basket - Checkout 
------------------------------------------------------------------------------------- */

#pm .bskt{
}

#pm .bskt span{
}

#pm .bskt ul{
}

#pm .bskt ul li.header{
	background-color:#3f6977;
	color:#fff;
	border:none;
}

#pm .bskt ul li.header .icon img{
	width:1.5em;
	height:auto;
	margin-right:.5em;
	
}
#pm .bskt .freedel ul li.header span.title,
#pm .bskt .freedel ul li.header span.icon{
	display:inline-block;
	vertical-align:middle;
}


#pm .bskt ul li.header span.icon{
	display:inline-block;
	vertical-align:middle;
}
/* basket line separator */
#pm .bskt .lines .line{
	border-bottom:1px #a6a6a6 solid;
	margin-bottom:.5em;
	padding-bottom:.5em;
}
#pm .bskt .lines .line:after{
	/*clearfix*/
	display:block;
	clear:both;
	content:'';
}

/* product image */
#pm .bskt .lines .line a.img{
	width:25%;
	float:left;
	height:auto;
	text-align:center;
}
#pm .bskt .lines .line a.img img{
	width:100%;
	height:auto;
	max-width:80px;
}


/* Product details, title, ref, lead time, attributes */
#pm .bskt .lines .line .prodinfo{
	float:left;
	width: 50%;
	margin:.25em 0;
}

/*Product Title */
#pm .bskt .lines .line .prodinfo a{
	font-size:1.2em;
	color:#3f6977;
}

/* ref, leadtime, attributes */
#pm .bskt .lines .line .prodinfo li.ref{
	display:none;
}

#pm .bskt .lines .line .prodinfo li.attr{
	display:none;
}
#pm .bskt .lines .line .prodinfo li.lead{
	font-size:.8em;
}


/*product price */
#pm .bskt .lines .line .price{
	float:left;
	width:15%;
	margin:.25em 0;
	text-align:center;
	font-size:1.1em;
}

/*remove product line */
#pm .bskt .lines .line .rem{
	float:left;
	width:5%;
	margin:.25em 0;
	text-align:center;
}

#pm .bskt .lines .line .rem input#remove.submit{
	padding:0px;
	margin:0px;
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/bsktremove.png') no-repeat top left;
	text-indent:-10000px;
	width:16px;
	height:16px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/* gift wrap */
#pm .bskt .lines .line .giftwrap{
	float: right;
	margin:.125em 0;
	font-size:.9em;
	width: 75%;
	text-decoration:underline;
}

#pm .bskt .lines .line span +.gw_toggle{
	float:right;
}

/* gift text*/
#pm .bskt .lines .line .gifttext{
	float: right;
	margin:.125em 0;
	font-size:.9em;
	width: 75%;
	text-decoration:underline;
}

#pm .bskt .lines .line .gifttext .icon,
#pm .bskt .lines .line .giftwrap .icon{
	width:1em;
	display:block;
	float:left;
	margin-right:.5em;
}

#pm .bskt .lines .line .gifttext .icon img,
#pm .bskt .lines .line .giftwrap .icon img{
	width:100%;
	height:auto;
}



#pm .bskt .lines .line span + .gt_edit{
	float:right;
}

/*gift text entry */
.gtentry{
	float:left;

}
.gtentry .submit{
	background-color:#3f6977;
	font-size:1em;
	border:1px #3f6977 solid;
	margin:.5em
}


#pm .bskt .lines .line .qty{
	float:left;
	width:100%;
	position:relative;
}

#pm .bskt .lines .line .qty form{
	float:left;
	width: 52%;
	float:left;
	/* max-width:80px; */
	height:auto;
	margin:.25em;
}

#pm .bskt .lines .line .qty label{
	/* position:absolute; */
	/* left: 25%; */
	width:auto;
	vertical-align:middle;
	margin-top:.5em;
	/* display:none; */
	float:left;
}

#pm .bskt .lines .line .qty button.skuqtybsktsub{
	outline:none;
	border:none;
	float:left;
	padding:0px;
	margin:0px;
	margin-top:.1em;
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/skuDecrease.png') no-repeat top left;
	text-indent:-10000px;
	width:13px;
	height:26px;
}
#pm .bskt .lines .line .qty input{
	float:left;
	width:2em;
	margin:0 .5em;
	text-align:center;
}

#pm .bskt .lines .line .qty button.skuqtybsktadd{
	outline:none;
	border:none;
	float:left;
	padding:0px;
	margin:0px;
	margin-top:.1em;
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/bdr/skuIncrease.png') no-repeat top left;
	text-indent:-10000px;
	width:13px;
	height:26px;
}


/*sub total*/
#pm .bskt .prodsubtotal{
	border-bottom:1px #a6a6a6 solid;
	margin:.5em 0;
	padding:.5em 0;
}

#pm .bskt .prodsubtotal li.subtotal label{
	width:25%;
	float:left;
	max-width:80px;
	height:auto;
	margin:.25em;
	padding:0;
	text-align:right;
}

#pm .bskt .prodsubtotal li.subtotal span{
	width:70%;
	float:left;
	height:auto;
	margin:.25em;
	padding:0;
	text-align:right;
}

/*free shipping */
#pm .bskt .freedel ul li.header{
	background-color:#fff;
	color:#209c5b;
}

/*shipping - postcode finder */
#pm .bskt div.shipping{
	width: 98%;
	float:left;
	margin:0 1%;
}


#pm .delivery deliveryto


#pm .bskt .shipping form{
	width:100%;
	float:left;
	margin:0;
}

#pm .bskt .shipping span{
	color:#3f6977;
	font-size:1.2em;
}
#pm .bskt .shipping .deliverto span{
	display:none;
}

#pm .bskt .shipping form input[type="text"]{
	border-radius:0;
	width:75%;
	float:left;
	text-align:center;
	margin-right:0;
}

#pm .bskt .shipping form input[type="submit"]{
	background-color:#209c5b;
	border-radius:0;
	width: 15%;
	font-size:1em;
    margin: .5em 2%;
    padding: .5em 2%;
    margin-left:0;
	float:left;
	border:1px #209c5b solid;
}


#pm .bskt .shipping .ship_edit{
	text-decoration:underline;
	color:#3f6977;
}



/* vouchers 
------------------------------------------------------- */

#pm li.vouch{
	text-align:center;
	border-bottom:2px #a6a6a6 solid;
	margin-bottom:1em;
	width:100%;
	float:left;
}

#pm ul li.vouch .header{
	background-color:#fff;
}

#pm ul li.vouch .pane{
	margin-bottom:1em;
}
#pm ul li.vouch input{
	text-align:center;
}


#pm ul li.vouch .submit{
	background-color:#209c5b;
	color:#fff;
	/* border-radius:.25em; */
	width:93%;
	font-size:1.2em;
}

/*basket totals */
.bskttotals{
	float:left;
	width:100%;
}

.bskttotals .subtotal{
	float:left;
	width: 100%;
	margin: .25em 0%;
}

.bskttotals .subtotal label{
	float:left;
	width:auto;
	font-size:1.2em;
}
.bskttotals .subtotal span{
	float:right;
	font-size:1.2em;
}

.bskttotals .total{
	text-align:center;
	margin-bottom:1em;
}

.bskttotals .total label{
	width:auto;
	font-size:1.4em;
	color:#3f6977;
}

.bskttotals .total span{
	font-size:1.4em;
}


/* payment options 
------------------------------------------------------- */
#pm .bskt .basketlinks{
	text-align:center;
	margin-top:1em;
}

/*sagepay */
#pm .bskt .sp_button{
}

#pm .sp_button a{
    background-color: #209c5b;
    margin: 0px;
    padding:.5em 1em;
    /* border-radius:.5em; */
    width: 89%;
}

/*paypal*/
#pm .bskt .pp_button{
	width:100%;
	text-align:center;
	margin:.5em 0;
}

#pm .pp_button a{
    padding: 0;
    background: transparent;
}

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


#LoginWithAmazon1{
	width:100%;
	text-align:center;
	margin:.5em 0;
}

#addressBookWidgetDiv {
      min-width: 300px;
      width: 100% !important;
      /* min-height: 228px; */
      /* height: 300px; */
      display:inline-block;
}

#walletWidgetDiv {
      min-width: 300px;
      width: 100% !important;
      /* min-height: 228px; */
      /* height: 300px; */
      display:inline-block;
}

#shippingSelector{
    border:1px solid #bbb;
    margin:1em 0;
    padding:0 1em;
    display:inline-block;
}

#amazonShippingSelection > span{
    margin-top:.5em;
    font-size:1.2em;
    font-weight:600;
    width:100%;
    display:inline-block;
}

#amazonShippingSelection > span +span{
    font-weight:normal;
    margin-top:.5em;
    margin-bottom:.5em;
}

#shippingSelector amazonShippingSelection{
    outline:1px red solid;
}

.amazonShippingCountryDiv span.label{
    font-weight:600;
    margin-right:1em;
}

.amazonShippingOptionsDiv span.value{
    float:right;
    font-weight:600;
    margin-left:1em;
}

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


.noshipping{
	color:#a1211b;
	margin-bottom:1em;
	font-weight:bold;
}

.submit[disabled]{
	background-color:#eef2f3;
	color:#fff;
}



/*continue shopping*/
#pm .bskt .ct_button{
	margin:1em 0;
}

#pm .ct_button a{
	font-size:1em;
    margin: 0px;
    padding:.5em 1em;
    border-radius:.5em;
    width:50%;
}

#pm .bskt .basketlinks span{
	display:none; /*because of reasons - like having the word 'or' on the image!!!*/
}

/*Empty Basket Styling */
#pm ul.bskt li.empty{
	background-color:#e3e8eb;
}

#pm ul.bskt li.empty .header{
	/* outline:1px red solid; */
	background-color:transparent;
	color:#006772;
}

#pm ul.bskt li.empty .total{
	text-align:center;
	font-size:1.5em;
}
#pm ul.bskt li.empty .cont{
	text-align:center;
	margin:.5em;
	padding:.5em;
}

#pm ul.bskt li.empty .cont a.btn{
	background-color:#006772;
	border-radius:.5em;
	padding:.5em 2em;
}


/*checkout header articles */

.checkoutHeader{
	float:left;
	width:100%;
	margin-bottom:.5em;
	
}

#pm .art.checkoutHeader .bc img{
	float:left;
	display:block;
	max-height:60px;
	max-width:40%;
	width:auto !Important;
	margin-left:1em;
}

#pm .art.checkoutHeader .bc img:nth-child(2n){
	float:right;
	display:block;
	max-height:60px;
	max-width:40%;
	margin-right:1em;
	width:auto !Important;
}

/*checkout breadcrumb */
.chkcrumb{
	float:left;
	width:100%;
	text-align:center;
	vertical-align:middle;
	margin-bottom:1em;
	margin-top:1em;
}

.chkcrumb:after{
	content:'';
	background-color:#a6a6a6;
	height:.25em;
	width:75%;
	margin:auto;
	position:relative;
	top:-2.8em;
	z-index: 0;
}

.chkcrumb li{
	display:inline-block;
	width: 33%;
	vertical-align:middle;
	text-align:center;
}

.chkcrumb li span.numbers{
	color:#fff;
	background-color:#a6a6a6;
	width:2em;
	height:2em;
	font-size:1.2em;
	border-radius:1em;
	line-height:2em;
	display:block;
	margin:auto;
	position:relative;
	z-index: 21;
}

.chkcrumb li span.text{
	display:block;
	margin:auto;
	padding-top:.25em;	z-index:10;

}

.chkcrumb li.curr{
}


.chkcrumb li.curr span.numbers{
	background-color:#209c5b;
}


/*sign in/create an account */

.checkoutsignin{
}


/* checkout sign in - stage 2 */
.checkoutsignin #pi_wrapper{
	float:left;
	width:100%;
}


.checkoutsignin #pchkoutnewcust{
	float:left;

}

.checkoutsignin #pi_wrapper .pi_tabs{
	position: relative;
	display: inline;
	width: 95%;
	margin: 0;
	/* padding: 2%; */
	z-index: 0;
	border:none;
	float:left;
}


.checkoutsignin #pi_wrapper .pi_tabs li{
	margin:0;
	padding:0;
	font-weight:600;
	font-size:1.2em;
	text-align:center;
}

.checkoutsignin #pi_wrapper .pi_tabs li.selected{
	background-color:#006772;
	color:#fff;
}


.checkoutsignin #pi_wrapper ul.pi_tabs li{
	width: 49%;
	float:left;
	clear:none;
	margin:0;
	padding:.5em 0;
}

.checkoutsignin #pm .pi_tab_content{
    position: relative;
    display: inline;
    width: 95%;
    margin: 0;
    padding: 2%;
    z-index: 0;
    border:none;
    float:left;

}

.checkoutsignin #pm .pi_tab_content h3{
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
}

.checkoutsignin #pm .pi_tab_content h3[title="Existing Customers"]{
	display:none;
}

.checkoutsignin #pm .pi_tab_content input.inputtext{
	border-radius:0;
}

.checkoutsignin #pm .pi_tab_content input.submit{
	background-color:#209c5b;
	border-radius:.25em;
	width:100%;
}



.shipforbill{
	margin:1em 0;
}

.shipforbill input{
	display:inline-block;
	vertical-align:middle;
}

.shipforbill .help{
	max-width:80%;
	margin-left:1em;
		display:inline-block;
	vertical-align:middle;
	font-weight:600;
}

/* stage 3 delivery details */


/* confirmation */
.confirmation .conf,
.confirmation .artp,
.confirmation .art{
	text-align:center;
}
.confirmation .order{
}

.confirmation #pm ul.conf li.header{
	border:none;
	font-size:3em;
	color:#209c5b;
	font-weight:600;
	margin:0;
	padding:0;
	width:100%;
}

.confirmation .conf li{
	margin-bottom:.5em;
	font-size:1.2em;
}
.confirmation .conf li.subhead{
	color:#209c5b;
	font-size:2em;
	border:none;
}

.confirmation .line{
	float:left;
	width:100%;
	border-bottom:1px #a6a6a6 solid;
	margin-bottom:1em;
	padding-bottom:.5em;
}

.confirmation .line a.img{
	width:25%;
	float:left;
	max-width:80px;
	height:auto;
	margin:.5em;
}

.confirmation .line a.img img{
	width:100%;
	height:auto;
}

/* Product details, title, ref, lead time, attributes */
.confirmation .line .descr{
	margin:.5em 0;
	float:left;
	width: 50%;
	text-align:left;
}

/*product price */
.confirmation .line .price{
	float:right;
	width:20%;
	margin:.25em 0;
	text-align:center;
	font-size:1.1em;
}


/*Product Title */
.confirmation .line .prodinfo a{
	font-size:1.2em;
	color:#3f6977;
}

/* ref, leadtime, attributes */
.confirmation .line .prodinfo li.ref,
.confirmation .line.prodinfo li.lead,
.confirmation .line .prodinfo li.attr{
	font-size:.8em;
}


/*product price */
#pm .bskt .lines .line .price{
	float:left;
	width:15%;
	margin:.25em 0;
	text-align:center;
	font-size:1.1em;
}

/*sub total*/
.confirmation .subtotal{
	width:100%;
	float:left;
}

.confirmation  li.subtotal label{
	width:25%;
	float:left;
	height:auto;
	margin:.25em;
	padding:0;
	text-align:left;
}

.confirmation li.subtotal span{
	width:70%;
	float:left;
	height:auto;
	margin:.25em;
	padding:0;
	text-align:right;
}

.confirmation .subhead{
	border-top:2px #a6a6a6 solid;
	float:left;
	width:100%;
	text-align:center;
	font-size:1.5em;
	margin:.5em 0;
	padding-top:.5em;
}


.confirmation .address{
	float:left;
	text-align:center;
	width:100%;
}

.confirmation .inst{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:1em;
	border:none;
}
/* -------------------------------------------------------------------------------------
=Checkout process Need !important to override jquery ui 
------------------------------------------------------------------------------------- */

/* typography 
------------------------------------------------------- */

/* Postcode lookup   
------------------------------------------------------- */

#pm .pclup{
    /* text-align: center; */
}

#pm .pclup #btnPostCodeLookup{
	width:98%;
	background-color:#209c5b
}


#pm .pclup #pclupManualAddress{
	text-align:center;

	width:100%;
	float:left;
	margin:.5em 0;
}

#pm .pclup select{
    margin: 4px 0 0 0;
    width: 96%;
}

#pm .pclup span.or{
    display: none;
}

#pm #pclupManualAddress{
    float: none;
    cursor: pointer;
    text-decoration: underline;
}

#pm #divAddressShowHide{

}

#pm #deliveryInst{
	margin-bottom:0;
}
#pm #spandeliveryInst{
	padding:0px;
	margin:0px;
	width:100%;
	float:left;
	margin-bottom:.5em;
	text-align:center	;
}

#pm #divAddressShowHide li:first-child{
    color: #4A4B4A !important;
}

/* Accordion tabs 
------------------------------------------------------- */
/* Specific Fields 
------------------------------------------------------- */
/* Confirm Basket 
------------------------------------------------------- */
/* Payment 
------------------------------------------------------- */
/* Anchor buttons 
------------------------------------------------------- */
/* Breadcrumb pane 
------------------------------------------------------- */

#pm .checkoutcrumb li:after{
	/*clearfix*/
	display:block;
	clear:both;
	content:'';	
}

#pm .checkoutcrumb ul{
    border: 2px solid;
}

#pm .checkoutcrumb li{
    width: 20%;
    float:left;
    text-align: center;
}

#pm .checkoutcrumb li p.num{
    width: 70%;
    margin: 0 10%;
    padding: 6px 0;
    border: 2px solid;
    font-size: 1.6em;
    color: #999999;
    background-color: #E6E6E6;
}

#pm .checkoutcrumb li.curr p.num{
    color: #ffffff;
    background-color: #999999;
}

/* checkout - personalisation  
------------------------------------------------------- */

#pm .pgift ul li{
    margin-top: .5em;
    float:left;
    width:100%;
}

#pm .pgift ul li:last-child{
    margin-top: .5em;
    border-top: 2px #ccc solid;
}

#pm .pgift ul li.prod{
    padding-top: .5em;
    border-top: 2px #ccc solid;
}

#pm .pgift ul li.prod .img{
    float: left;
    width: 40%;
    max-width:100px;
    margin:.5em;
    /* text-align: center; */
}

#pm .pgift ul li.prod .img img{
	width:100%;
	height:auto;
}

#pm .pgift ul li.prod p{
    float:left;
    width:50%;
    margin:.5em;
}

#pm .pgift ul li.itemno{
    padding-top: .5em;
    font-weight: bold;
}


/* checkout - shipping options
------------------------------------------------------- */
li.delivery{
}

li.delivery  h4,
li.delivery input{
	float:left;
}


/* Order info 
------------------------------------------------------- */
/* terms and conditions article in checkout
------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=Sitemap 
------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------
=Messages 
------------------------------------------------------------------------------------- */
/* OOS and DDS popup 20/11/14 */
.outofstockdialog,
.directdespatchdialog {
    width: 90% !important;
    position: fixed !important;
    top: 160px !important;
    padding: 20px 0;
    float: none;
    border: 3px solid #fff;
    background: #006772;
    color: #fff;
    text-align: center;
    font-family: 'Lato', sans-serif;
    border-radius: 10px !important;
    -webkit-box-shadow: 1px 1px 18px 2px rgba(50, 50, 50, 0.8);
    -moz-box-shadow:    1px 1px 18px 2px rgba(50, 50, 50, 0.8);
    box-shadow:         1px 1px 18px 2px rgba(50, 50, 50, 0.8);
}

.outofstockdialog .outofstockpopup,
.directdespatchdialog .directdespatchpopup{
    width: 100% !important;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}

.outofstockdialog  span,
.directdespatchdialog span{
    float: none;
}

.outofstockdialog .outofstockpopup .oosheader,
.directdespatchdialog .ddheader{
    padding: 0 0 4px 0;     
}


.outofstockdialog .outofstockpopup .oosmessage,
.directdespatchdialog .ddmessage{
    padding: 10px 0;
}

.outofstockdialog .outofstockpopup .oosmessage .oosdate,
.directdespatchdialog .dddate{
    font-weight: 800;
    width: 100%;
    clear: left;
    padding-top: 4px;
}

.ui-dialog-titlebar{
    display: none;
}

.outofstockdialog .ui-widget-content{
    background: transparent;
    border: none;
    margin-top: 0;
    clear: none;
}

.outofstockdialog .ui-widget-content .ui-dialog-buttonset button,
.directdespatchdialog .ui-widget-content .ui-dialog-buttonset button{
    background: #fff;
    color: #006672;
    font-size: 13px;
    margin-right: 3%;
    padding: 6px;
    font-weight: 800;
    border: none;
    border-radius: 5px;
}

/* -------------------------------------------------------------------------------------
=Autocomplete 
------------------------------------------------------------------------------------- */
.ui-autocomplete{
	background-color:#fff;
	left:0px !important; /*to override inline style*/
	padding:.5em 0;
}

.ui-menu-item{
	width:80%;
	margin:.5em auto;
	border:2px #a6a6a6 solid;
	padding:.25em 
}

.foundProduct{
	float:left;
	height:80px;
	margin:0 1em;
}

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

.foundProductRef{
	float:left;
	font-size:.8em;
	color:#209c5b;
}

.foundProductDesc{
	/*nothing is written out here anyway, being used as a clearfix */
	clear:both;
	content:"";
	display:block;
}
.foundProductDesc:after{
	/*if there ever is stuff written out then this works as a clearfix */
	clear:both;
	content:"";
	display:block;
}

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

#pm .art .bc img{
	/*why????*/
    max-width: 100%;
    height: auto !important;
}

#pm ul li .art{
    border-bottom: none;
}

#pm ul li .art .bc .artp ul, 
#pm ul li .art .bc .artp p ul{
    width: 95%;
    padding: .5em;
    list-style: disc;
}

#pm .artf{
    width: 90%;
    padding: 0 5%;
}

/* -------------------------------------------------------------------------------------
=MyAccount
------------------------------------------------------------------------------------- */
.myaccount ul{
	text-align:center;
}

.link{
	text-align:center;
}

/*view order button image change hack */
.orderinfo #pm a.btn[title="View"]{
	margin:0;
	font-size:1em;
	border:none;
	padding:0em;
	border-radius:0em;
	display:inline-block;
	width:2.5em;
	height:2.5em;
	background:url('https://s3-eu-west-1.amazonaws.com/presentfinderimages/1441792/i/btn/search.png') #a6a6a6 no-repeat center;
	background-size:50%;
}

.orderinfo #pm a.btn[title="View"] img{
	display:none;
}


.orderinfo #pm ul li  label{
	float:left;
	font-weight:600;
}


.orderinfo #pm ul li span {
    float: right
}

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

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



/*read more/less */
.moreless .showmore,
.moreless .showless{
	width:100%;
	text-align:right;
	color:#67A1B5;
	background-color:#fff;
	position:absolute;
	bottom:0px;
}

.moreless{
	display:inline-block;
}

.noexpand{
	display:none;
}


/*top department read more/less (done differently to the bottom one) */
.art.deptstd{
}

.art.deptstd img{
	display:none;
}

.art.deptstd .moreless .showmore,
.art.deptstd .moreless .showless{
	position:initial;
	display:inline-block;
	/* padding: 0.5em 1em; */
}

.art.deptstd .artp{
	display:inline-block;
	width: 100%;
}

/* bottom dept read more/less */
.art.artfoot .moreless .header{
	display:none;
}

.art.artfoot .moreless .pane{
	overflow:hidden;
	height:100px;
	position:relative;
}

.art.artfoot .moreless .pane.expand{
	height:auto;
	padding-bottom:2em;
}

/* -------------------------------------------------------------------------------------
=Blog
------------------------------------------------------------------------------------- */

#site.blog #pm {
    width: 96%;
    margin: 0% 2%;
}

#site.blog #pm h2 {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 2%;
}

#site.blog #pm .blog {
	display:inline-block;
    clear: both;
    padding-bottom: 2%;
    margin-bottom: 4%;
    background: #e3e9eb;
}

#site.blog #pm .blog a.title {
    float: left;
    width: 94.9%;
    padding: 1% 2%;
    font-size: 1.1em;
    text-align: left;
    color: #436a78;
    font-weight:bold;
}

#site.blog #pm .blog p.date {
    float: left;
    width: 96%;
    margin: 0% 2%;
    padding: 1% 0% 0%;
    color: #009fe3;
}

#site.blog #pm .blog img {
    float: left;
    width: 46% !important;
    height: auto !important;
    margin: 2% 2% 0%;
}

#site.blog #pm .blog .artp {
    float: right;
    width: 48%;
    margin-right: 2%;
}

#site.blog #pm .blog a.more {
    float: right;
    clear: both;
    margin: 2% 2% 0%;
    padding: 1% 2%;
    font-size: 1.1em;
    text-align: right;
	background-color: #436a78;
	text-align: center;
	color: #fff;
}


#site.blog #pm .blogBtns, 
#site.blog #pm .blogPageBtns {
    display:inline-block;
    width: 100%;
    margin-bottom: 2%;
}

#site.blog #pm .blogBtns a, 
#site.blog #pm .blogPageBtns a {
    display: block;
    padding: 1% 2%;
    font-size: 1.1em;
    text-align: right;
}

#site.blog #pm .blogBtns a.prev, 
#site.blog #pm .blogPageBtns a.prev {
    float: left;
    border:2px solid #a6a6a6;
}

#site.blog #pm .blogBtns a.next, 
#site.blog #pm .blogPageBtns a.next {
    float: right;
    border:2px solid #a6a6a6;
}

#site.blog #pm .art .bc h2 {
    float: left;
    width: 94.9%;
    margin-bottom: 0%;
    padding: 1% 2%;
    font-size: 1.1em;
    text-align: center;
}

#site.blog #pm .art .bc .artp {
    float: left;
    width: 96%;
    margin: 0% 2%;
}

#site.blog #pm .art .bc .artp h3 {
    text-align: left;
}


/* -------------------------------------------------------------------------------------
=OwlCarousel/ Jquery Hacks 
------------------------------------------------------------------------------------- */
/* base settings */
.carousel{
    position: relative;
    margin:auto;
    margin:.5em 0;
}

.owl-controls{
	width:100%;
	position:absolute;
	top: 38%;
	height:0; /*hack to ensure you can tap on the image that is beind it */
}

.owl-nav .owl-prev,
.owl-nav .owl-next{
    color: #fff;
    font-size: 1em;
    padding: 0.45em;
    line-height:1.1em;
    background: #d6d6d6;
    border-radius: 3px;
    /* width:1em; */
    height:1em;
    text-align:center;
}

.owl-nav .owl-prev{
	float:left;
	/* position:absolute; */
	/* left: 0em; */
}

.owl-nav .owl-next{
	float:right;
	/* position:absolute; */
	/* right: -0.5em; */
}

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

.owl-dots .owl-dot{
	background-color:#fff;
	border:2px #a6a6a6 solid;
	border-radius:1em;
	width:1.2em;
	height:1.2em;
	display:inline-block;
	margin:0 .5em;
}

.owl-dot.active{
	background-color:#a6a6a6;	
}

.owl-theme .owl-item img{
    display: block;
    width: 100% ;
    height: auto;
}

/* home page overrides */
.hpslider .owl-controls{
	display:none;
}

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



/* dept prods carousel is different to prdlst so need to hack things again */
li.deptprods .carousel .owl-controls .owl-dots{
	display:none !important;
}

/* buy page/product page overrides */
.buy .owl-controls{
	position:initial;
}

.buy .owl-nav{
	display:none;
}

.buy .owl-dots{
	width:100%;
	margin-top:1em;
	text-align:center;
	margin-bottom:1em;
	float:left;
}

/* -------------------------------------------------------------------------------------
=Hacks 
------------------------------------------------------------------------------------- */

.checkoutLogos { /*remnant of old code/layout*/
	display:none;
}

#pm .socbook{
	display:none !important;
}

#pm .socbook +ul{
	display:none !important;
}

ul#deptlist + ul{
	width:100%;
	text-align:center;
}

/* Accordion ***********************************************************/

#pm ul.accordion{
    margin: 2% 0 0 0;
}

#pm ul.accordion li.header{
    width: 96%;
    padding: .5em 2%;
    color: #5a5859;
    font-size: 1.2em;
    font-weight: 400;
    vertical-align: middle;
    border-top: 2px solid #a6a6a6;
	border-bottom:2px #a6a6a6 solid;
    text-align: center;
}

#pm li.header{
	width: 96%;
	margin: 2% 0;
	padding: .5em 2%;
	color: #5a5859;
	font-size: 1.4em;
	font-weight: 400;
	vertical-align: middle;
	border-top: 2px solid #a6a6a6;
	border-bottom:2px #a6a6a6 solid;
	text-align: center;
}

#pm ul.accordion li.header .showplus{
    display: block;
    width:22px;
    height:auto;
}

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

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

#pm ul.accordion li.header.current .showminus{
    display: block;
    width:22px;
    height:auto;
}

#pm ul.accordion li.header img{
    float: right;
}

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

#pm ul.accordion li.pane a, #pm ul.accordion li.pane p a,
#pm ul.accordion li.pane p span{
    float: none;
}

#pm ul.accordion li.pane ul
{
	display: block;
}

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

.checkoutLogos{
    float:left;
}

#pm .art.checkoutLogos .bc img{
    width:45% !important;
    padding:2.5%;
    height:auto !important;
}

#pm .form .bc ul li input + label{
	font-weight:normal;
}


.ordreg{
	display:inline-block;
}


.ordreg h3{
		border-top:2px #a6a6a6 solid;
	float:left;
	width:100%;
	text-align:center;
	font-size:1.5em;
	margin:.5em 0;
	padding-top:.5em;

	color:#5a5859;
	font-weight:normal;

}

.ordreg form{
	text-align:left;
}

.ordreg form li{
	margin-bottom:.5em;
}

.ordreg form label{
	font-weight:600;

}


.slick-prev{
    left: -.5em !important;
}

.slick-next{
    right: -.5em !important;
}