/* -------------------------------------------------------------------------------------
	SCREEN - Orchard Toys  2020
	3309569 : 5373952
	Filename : sitepanes.css
	Last Updated :17. 02. 2021
	Copyright :(c) 2021 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. =FIXEDPanels Top
		08. =FIXEDPanels Bottom
		09. =PanelTop
		10. =Breadcrumb
		11. =CenterPanel
		12. =MainPanel
		13. =RightPanel
		14. =LeftPanel
				FilterSearch
		15. =FooterPanel
		16. =BottomPanel
		17. 
		18. =SearchHeader / SearchFooter 
		19. =DepartmentTree
		20. =FeaturedProducts
		21. =RecentItems
		22. =ProductLists
		23. =HoverBsket
		24. =PopupDialog / Popup Add to Basket
		25. =Basket
		26. =Checkout process
		27. =Sitemap
		28. =Messages
		29. =AutoComplete
		30. =QuickView
		31. =CustomPromotions
		32. =CustomArticles
		33. =AccordionArticles
		34. =Blog
		35. =OwlCarousel/Jquery Base
		36. =Jquery Base Overrides
		37. =Brands Pages
		38. =Hacks
		
		Colors Used;
			color:#071689 - headings
			color:#f4f4f4
			color:#e8e8e8
			color:#58595b - text
			color:#9e0809
			color:#071689

=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;
	-moz-osx-font-smoothing: grayscale;
	/* 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;
}

input, select, textarea {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

input:focus, textarea:focus, select:focus {
	outline-offset:0px;
}

/* ------------------------------------------------------------------------------------
=Page 
------------------------------------------------------------------------------------- */
html,body {
    width: 100%;
}

body {
    font-size: 100%;
    line-height: 1;
    font-family: 'Linotte-Regular', sans-serif;
}

#cont {
    margin-left: auto;
    margin-right: auto;
    min-width:1200px;
}

ul {
    list-style: none;
}

/* -------------------------------------------------------------------------------------
=Typography 
------------------------------------------------------------------------------------- */
/* Headings
------------------------------------------------------- */
h1 {
    font-size: 26px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

/* Links
------------------------------------------------------- */
a {
    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 {
    text-decoration: none;
    /*makes the link the same colour as whatever the thing is that its in h3 h4 p etc*/
}

a:active {
    text-decoration: none;
    color: inherit;
    /*makes the link the same colour as whatever the thing is that its in h3 h4 p etc*/
}

a:visited {
    text-decoration: none;
    color: inherit;
    /*makes the link the same colour as whatever the thing is that its in h3 h4 p etc*/
}

a,select,input {
    cursor: pointer;
    outline: none;
}

select, input.inputtext, textarea.inputtext {
    border-radius: .25em;
    outline: 0px;
    border: 1px solid #009fe3;
    padding:.5em;
}

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

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

p, ol, ul, dl, address {
	font-size: 16px;
}

b, strong {
	font-family: 'Linotte-Bold', sans-serif;
	font-weight: 400;
	font-size:inherit;
}

ol, ul {
	list-style:none;
}

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

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

abbr {
	opacity:0.9;
}

abbr[title]:hover, dfn[title] {
	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;
	text-decoration:line-through;
}

em, i {
	font-style:italic;
}

img {
    max-width: 100%;
    height: auto;
}

#pm p,
#pm .artp li {
}


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

/*Unified heading colors*/
#pm .artp h2,
#pm .artp h3,
#pm .artp h4 {
    color: #071689;
    font-family: 'Linotte-Bold', sans-serif;
}

/*to ensure a clear break after a paragraph*/
#pm .artp p {
	margin:0 0 1em 0;
}


/*ensures font size for a p in a table is the same as it is for text that is NOT in a p block */
#pm table tr td p,
#pm table tr td li {
}

/* reset lists used in articles rather than for layout */
#pm .artp ul {
	list-style-type:disc;
	margin:1em 1.5em;
}

#pm .artp ol {
	list-style-type:decimal;
	margin:1em 1.5em;
}

#pm .artp ul.twoCols{
    columns:3;
    margin:1em 0;
    padding:0;
}
ul.twoCols li{
	list-style:none;
	display:block;
	vertical-align:top;
	padding: 0.5em 0;
}



#pm .art .artp table th {}

#pm .art .artp table th:first-child {}

#pm .art .artp table tr:nth-child(odd) {
	background-color:#e8e8e8;
}

/*banner fixes - ensures nothing is too big for the site but all images should be sized appropriately anyway before uploading to COMS */
.bnr a {
	display:block;
}

/* fixes the above breaking links in text */
.bnr p a {
	display:inline;
}

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

/* -------------------------------------------------------------------------------------
=Buttons 
------------------------------------------------------------------------------------- */
input[type="button"] {
    outline: none;
    border: 0;
    margin: 1em 0;
    float: right;
    font-family: 'Linotte-Bold', sans-serif;
    color: #fff;
    text-transform: uppercase;
    background-color: #071689;
    padding: .5em;
    border-radius:.25em;
}

.submit,
a.btn {
    width: auto;
    height: auto;
    color: #555;
    background-color: #38b349;
    margin-right: 0;
    border: none;
    border-radius: 18px;
    padding:.5em 1em;
    color:#fff;
}

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

li a.btn {
	display:inline-block;
}

td a.btn {
	display:block;
}

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

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

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

table {
    font-size: 16px;
}

table thead th,
table tr.header th {
    padding: 5px;
    font-weight: 400;
    text-align: left;
}

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

table tr td p {
	font-size:1em;
}

tr.delivery form {
    width: 100%;
    float: left;
}

tr.delivery .deliverto form {
    float: left;
    width: auto;
}


/* specific tables 
------------------------------------------------------- */
#pm .artp table td p {
	font-size:1em;
}

table.order {
	width:100%;
	margin-bottom:1em;
}

.ordinfo a.btn.print {
	margin-left:1em;
}

.ordinfo a.btn.info {
	margin-right:1em;
}

/* -------------------------------------------------------------------------------------
=Forms
------------------------------------------------------------------------------------- */
#pm .form {}

#pm .form .bt {
	margin-bottom:1em;
}

#pm .form .bt h3 {
	margin-bottom:0;
}

#pm .form h5,
#pm .form h5,
#pm .form h5 {
	font-size:.8em;
}

#pm .form select,
#pm .form textarea,
#pm .form input {
	display:inline-block;
	margin-right:1em;
}

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

#pm .form#psign .bc,
#pm .form#pwrem .bc,
#pm .form#preg .bc {}

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

#pm .form form li label {
	display:inline-block;
	vertical-align:top;
	margin-right:1em;
	min-width: 248px;
	max-width:248px;
	font-weight:600;
}

#pm .form .bc ul li label img {}
#pm .form .bc ul li.help {
	/* font-size:0.750em; */
}

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

#pm .form form {
	display:inline-block;
	width:100%;
}

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

#pm .form form ul li {
	display:inline-block;
	width:100%;
}

#pm .form form .submit {
	display:inline-block;
	margin:0 auto;
	font-size:1em;
}

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

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

#pm .form textarea {
	display:inline-block;
	vertical-align:top;
	font-size:1em;
}

#pm #psign form ul li {
	display:inline-block;
}

#pm #psign form ul li h5 {
	font-size:1em;
}

/* fix for checklists*/
#pm .form form ul.check {
	max-width: 100%;
	columns:3;
	 -webkit-columns: 3;
	-moz-columns:3;
}

/* post code lookup
------------------------------------------------------- */
.pclup{
	/* outline:1px red solid; */
	display:inline-block;
}
#pm .form form .pclup .submit#btnPostCodeLookup {
	display:inline-block;
	margin:0;
	/* margin-top:.5em; */
}

.pclup span.or {
	display:inline-block;
		vertical-align:middle;
	margin:0 .8em;
}

.pclup #pclupManualAddress {
	display:inline-block;
	vertical-align:middle;
	font-weight:600;
	color:#fff;
    background-color: #c85096;
    border-color: #c85096;
    color:#fff;
    padding:.5em 1em;
    border-radius:1em;
}

#pnlMultiAddressOption{
	margin-top:1em;
	/* display:inline-block !important; */
	text-align:right;
}

#pnlMultiAddressOption label{
	text-align:left;
	/* width:auto !important; */
	/* padding:0 !important; */
	/* margin:0 !important; */
	/* min-width:unset !important; */
	/* max-width:unset !important; */
	display:inline-block !important;
}

#pnlMultiAddressOption select{display:inline-block;vertical-align:top;margin-right:0 !Important;width: 349px;}

/* Account
------------------------------------------------------- */
#psign .bc {}
#psign .bc h4 {
	margin-bottom:1em;
	font-weight:600;
}

#psign ul.orders,
#psign ul.contact,
#psign ul.details {
	margin-bottom:1em;
}

#psign ul.orders li.icon,
#psign ul.contact li.icon,
#psign ul.details li.icon {
	display:inline-block;
	vertical-align:top;
	margin-right:1em;
	width:177px;
	text-align:center;
}

#psign ul.orders a.img,
#psign ul.contact a.img,
#psign ul.details a.img {
	display:inline-block;
	border:1px solid #e8e8e8;
	margin-bottom:1em;
}

#psign ul.orders a.img img,
#psign ul.contact a.img img,
#psign ul.details a.img img {
	display:block;
}

#psign ul.orders a.lnk,
#psign ul.contact a.lnk,
#psign ul.details a.lnk {
	display:block;
	margin-left:1em;
	
}

#pm .form .link {
	margin:20px 0;
}



/* newsletter signup
------------------------------------------------------- */
#psub .bt h3 {
    display: none;
}

#psub .bt {
    width: 1200px;
}

#psub .info {
    color: #071689;
}

#psub ul li label {
    font-size: 18px !important;
    color: #071689;
    text-align: left !important;
    margin-bottom: 10px;
}

#psub ul li input {
    /* float: left; */
    clear: both;
    width: 326px;
    height: 29px;
    margin-bottom: 22px;
    padding: 0px 10px;
    color: #97999c;
    border: 1px solid #009fe3;
    border-radius: 20px;
}

/* cos things ??? */
#psub ul li input#thirdpartyemail, #psub ul li input#thirdpartyemail +label {
    display: none;
}

#psub ul li .submit {
    width: 148px;
    height: 53px;
    padding: 0px;
    font-family: 'Linotte-Bold', sans-serif;
    font-size: 22px;
    color: #fff;
    background-color: #071689;
    border: 0px;
    border-radius: 15px;
}

#psub h5 {
    font-size: 16px;
    color: #071689;
}

#psub h5 a {
    color: #00a7e7;
}

/* register/login forms
------------------------------------------------------- */
#pmid.page_signin #psign,
#pmid.page_register #preg,
#pmid.page_passwordrequest #pwrem,
#pmid.page_passwordchange #preg {
    /* float: left; */
    /* width: 920px; */
    /* margin: 10px 40px; */
}

#pmid.page_signin #psign .bt,
#pmid.page_register #preg .bt,
#pmid.page_passwordrequest #pwrem .bt,
#pmid.page_passwordchange #preg .bt {
    float: left;
    width: 880px;
    padding: 10px 20px;

    margin-bottom:0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -moz-border-top-right-radius: 8px;
    background-color: #071689;
}

#pmid.page_signin #psign .bt h3,
#pmid.page_register #preg .bt h3,
#pmid.page_passwordrequest #pwrem .bt h3,
#pmid.page_passwordchange #preg .bt h3 {
    float: left;
    width: 100%;
    height: auto;
    padding: 0px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

#pmid.page_signin #psign .bc,
#pmid.page_register #preg .bc,
#pmid.page_passwordrequest #pwrem .bc,
#pmid.page_passwordchange #preg .bc {
    float: left;
    width: 712px;
    padding: 10px 99px;
    border-left: 5px solid #071689;
    border-right: 5px solid #071689;
}

#pmid.page_signin #psign .bc ul,
#pmid.page_register #preg .bc ul,
#pmid.page_passwordrequest #pwrem .bc ul,
#pmid.page_passwordchange #preg .bc ul {
    width: 640px;
    padding: 4px 50px;
}

#pmid.page_signin #psign .bc ul li,
#pmid.page_register #preg .bc ul li,
#pmid.page_passwordrequest #pwrem .bc ul li,
#pmid.page_passwordchange #preg .bc ul li {
    width: 640px;
    padding: 4px 0px;
}

#pmid.page_signin #psign .bc ul li.info,
#pmid.page_register #preg .bc ul li.info,
#pmid.page_passwordrequest #pwrem .bc ul li.info,
#pmid.page_passwordchange #preg .bc ul li.info {
    font-size: 1.1em;
    font-weight: 600;
    padding: 8px 0 4px;
}

#pmid.page_signin #psign .bc ul li label,
#pmid.page_register #preg .bc ul li label,
#pmid.page_passwordrequest #pwrem .bc ul li label,
#pmid.page_passwordchange #preg .bc ul li label {
    width: 190px;
    padding: 3px 4px 3px 26px;
    font-size: 13px;
}

#pmid.page_signin #psign .bc input.submit,
#pmid.page_register #preg .bc input.submit,
#pmid.page_passwordrequest #pwrem .bc input.submit,
#pmid.page_passwordchange #preg .bc input.submit {
    width: 180px;
    min-width: 0px;
    height: 30px;
    min-height: 0px;
    margin-left: 220px;
    border-radius: 15px;
    color: #fff;
    font-family: 'Linotte-Bold', sans-serif;
    background-color: #071689;
}

#pmid.page_register #preg .bc input.submit {
    margin-left: 288px;
    border-radius: 12px;
    font-family: 'Linotte-Bold';
    font-size: 16px;
    color: #fff;
    background-color: #071689;
}

#pmid.page_register #preg .bc form[name="newAddress"] input.submit {
    background-color: #c85096;
}

/* Colours */
#pm #psign.form ul li:nth-child(1) a {
    background-color: #e00713;
    border-color: #e00713;
}

#pm #psign.form ul li:nth-child(2) a {
    background-color: #ffda00;
    border-color: #ffda00;
}

#pm #psign.form ul li:nth-child(3) a {
    background-color: #92c01f;
    border-color: #92c01f;
}

#pm #psign.form ul li:nth-child(4) a {
    background-color: #009540;
    border-color: #009540;
}

#pm #psign.form ul li:nth-child(5) a {
    background-color: #071689;
    border-color: #071689;
    color:#fff;
    padding:.5em 1em;
    border-radius:1em;
}

#pm #psign.form ul li:nth-child(6) a {
    background-color: #c85096;
    border-color: #c85096;
    color:#fff;
    padding:.5em 1em;
    border-radius:1em;
}

#pm #psign.form .link a {
    border-radius: 16px;
    padding: 7px 7px;
    font-family: 'Linotte-Bold';
    font-size: 22px;
    color: #fff;
    background-color: #071689;
}

#pmid.page_passwordchange #preg .bc input.submit {
    margin-left: 220px;
    border-radius: 12px;
    font-family: 'Linotte-Bold';
    font-size: 16px;
    color: #fff;
    background-color: #071689;
}

#pmid.page_register #preg .bc input.submit:hover,
#pmid.page_passwordchange #preg .bc input.submit:hover {
    background-color: #009fe3;
}

#pmid.page_register #preg .bc span.or {
    /* float: left; */
    /* clear: both; */
    /* margin-top: 10px; */
    /* margin-left: 220px; */
}

#pmid.page_register #preg .bc span#pclupManualAddress {
    /* float: left; */
    /* clear: both; */
    /* margin-top: 10px; */
    /* margin-left: 220px; */
}

#pmid.page_signin #psign .bb,
#pmid.page_register #preg .bb,
#pmid.page_passwordrequest #pwrem .bb,
#pmid.page_passwordchange #preg .bb {
    float: left;
    width: 910px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    background-color: #fff;
    border-left: 5px solid #071689;
    border-right: 5px solid #071689;
    border-bottom: 5px solid #071689;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
}

#pmid.page_register #preg a.btn {
    margin-left: 231px;
    display: block;
    width: 170px;
    border-radius: 12px;
    text-align: center;
    line-height: 20px;
    font-family: 'Linotte-Bold';
    font-size: 16px;
    color: #fff;
    background-color: #071689;
}

#pmid.page_register #preg a.btn[title="Return to My Account"] {
    background-color: #e5e5e5;
    color: #555
}

#pmid.page_signin #psign input,
#pmid.page_register #preg input,
#pmid.page_passwordrequest #pwrem input,
#pmid.page_passwordchange #preg input {
    width: 300px;
}

#pmid.page_signin #psign input#subscribe,
#pmid.page_register #preg input#subscribe,
#pmid.page_passwordrequest #pwrem input#subscribe,
#pmid.page_passwordchange #preg input#subscribe,
#pmid.page_signin #psign input#thirdpartyemail,
#pmid.page_register #preg input#thirdpartyemail,
#pmid.page_passwordrequest #pwrem input#thirdpartyemail,
#pmid.page_passwordchange #preg input#thirdpartyemail {
    width: auto;
    float: none;
}

#pmid.page_register #preg .bc input#txtPostCodeLookup {
    width: 170px;
    margin-bottom:1em;
}

#pmid.page_register #preg .bc input#btnPostCodeLookup {
	width:auto;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	/* font-weight:600; */
	color:#fff;
	color:#fff;
	border-radius:1em;
}

#pwrem .bc a.btn, #preg .bc a.btn {
    float: left;
    margin-top: 10px;
    font-family: 'Linotte-Bold', sans-serif;
    color: #fff;
    background-color: #071689;
    text-transform: uppercase;
}

#pmid.page_passwordchange #preg .bc ul li h5 a {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #555;
    font-family: 'Linotte-Bold', sans-serif;
    line-height: normal;
    margin: 0 0 0 220px;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    border-width: 4px;
    border-style: solid;
    border-radius: 30px;
}

/* -------------------------------------------------------------------------------------
=FIXEDPanels Top
------------------------------------------------------------------------------------- */
#ptf {
    background-color:#071689;
    color:#fff;
    text-align:center;
}

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

#ptf .ext .freedel {
    display:inline-block;
    padding:.5em;
    font-weight:600;
}


/* -------------------------------------------------------------------------------------
=FIXEDPanels Bottom
------------------------------------------------------------------------------------- */	
#pbf {
	background-color:#009fe3;
	color:#fff;
	padding:.5em;

}
#pbf a {}
#pbf .ext {
	width:1200px;
	margin:auto;
	text-align:center;
}
#pbf .ext .info {}
#pbf .ext .info li {
	font-size:.75em;
}


#pbf .art,
#pbf .info{
	display:inline-block;
	margin-bottom:8px;
	width:100%;
}

#pbf .art p{
    font-size: .75em;
}


/* cookie popup
------------------------------------------------------- */
#pbf .cookie {
    position: fixed;
    bottom: 0%;
    left: 0%;
    width: 100%;
    z-index: 1000;
    background: #0d0d0d;
    text-align: center
}

#pbf .cookie p {
    width: 1200px;
    margin: 0 auto;
    float: none;
    color: #fff;
    font-size: .75em;
    padding: .5em 0
}

#pbf .cookie p a {
    float: none;
    color: #fff;
    text-decoration: underline;
    padding: 0 5px
}

#pbf .cookie img {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

#pbf .cookie img:hover {
    cursor: pointer
}


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

.etailcopy {
    width: 100%;
	display:inline-block;
	margin-bottom:8px;
    clear: both;
    text-align: center;
}

.etailcopy p {
    display: inline-block;
    margin: 0 10px;
    float: none;
}

p.copy {
    text-align: right;
    font-size: 13px;
}

p.copy span {
    font-size: 13px;
}

#pbf p.etail {
    margin: 0;
    text-align: left;
    font-size: 13px;
}




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

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

#pt {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 1200px;
    background: linear-gradient(to top, #009fe3 0%, #009fe3 32px, #fff 30px,  #fff 100%);
    margin-bottom: 20px;
    text-align:center;
}

#pt .ext {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    display:inline-block;
}

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


/* logo
------------------------------------------------------- */

#pt .pbnr {
    float:left;
}



/* info list
------------------------------------------------------- */
#pt .info#p38764545,
#pt .info#p25722880 {
    float: left;
    /*width specified to allow for additional items to be added without css changes */
    width: 869px;
    text-align:center;
}

#pt .info#p38764545 li,
#pt .info#p25722880 li {
    display:inline-block;
    margin:.5em;
    color:#97999c;
}

#pt .info#p38764545 li.pipe,
#pt .info#p25722880 li.pipe {
	color:#009fe3;
}


#pt .info#p38764545 li:first-child,
#pt .info#p25722880 li:first-child {
    padding-left: 0px;
}

#pt .info#p38764545 li:last-child,
#pt .info#p25722880 li:last-child {
    padding-right: 0px;
    border-right: 0px;
}

#pt .info#p38764545 li a,
#pt .info#p25722880 li a {}

#pt .info#p38764545 li a:hover,
#pt .info#p25722880 li a:hover {
    color: #009fe3;
}


/* register / signin links
------------------------------------------------------- */
#pt .info#p38764546,
#pt .info#p25722881 {
    float: right;
    clear: right;
    margin-bottom: 29px;
}

#pt .info#p38764546 .pipe,
#pt .info#p25722881 .pipe {
    display:none;
}

#pt .info#p38764546 li,
#pt .info#p25722881 li {
    float: left;
    font-size:.875em;
    font-weight:600;
    text-align: center;
    border-radius: 0px 0px .5em .5em;
    background-color: #071689;
}

#pt .info#p38764546 li:nth-child(1),
#pt .info#p25722881 li:nth-child(1) {
    margin-right: .5em;
}

#pt .info#p38764546 li a,
#pt .info#p25722881 li a {
    display: block;
    color: #fff;
    padding:.5em;
}

#pt .info#p38764546 li a:hover,
#pt .info#p25722881 li a:hover {
    text-decoration: none;
     border-radius: 0px 0px .5em .5em;
    background-color: #009fe3;
}

/* Feefo  top article 
------------------------------------------------------- */

#pt .art#a62062592 {
    float: left;
    margin-top: 20px;
    margin-left: 32px;
}



/* Search 
------------------------------------------------------- */
#pt .search {
    float: right;
    margin-top: 25px;
    margin-right:30px;
    margin-left:30px;
    width: 393px;
    border: 1px solid #009fe3;
    border-radius: 10px;
    /* outline:1px red solid; */
    /* important to set width for Etail autocomplete */
}

#pt .search label {
    display: none;
}

#pt .search #searchbox {
    width: 340px;
    display:inline-block;
    vertical-align: middle;
    border: none;
    border-right: 0px;
    font-family: 'Linotte-Regular';
    font-weight: 600;
    color: #97999c;
    border-radius:0;
    margin: 6px;
    padding:0;
    font-size:1.2em;
}

#pt .search #searchbox:focus {
    outline: 0;
    border: none;
}

#pt .search input#search {
     display:inline-block;
     vertical-align: middle;
     text-decoration: none;
     background-color: #fff;
     padding:0;
     border:none;
     border-radius:unset;
     margin: 6px 0;
}

/* Basket 
------------------------------------------------------- */
#pt .bskt {
    clear: right;
    float: right;
    border: 1px solid #009fe3;
    border-radius: 10px;
    width:315px;
    margin-top: 14px;
}

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

#pt .bskt #mybskt {
    text-align:right;
    position:relative;
}

#pt .bskt #bsktitems {
    display:inline-block;
    vertical-align:middle;
    float:none;
    font-weight: 600;
    color: #164193;
    clear: both;
    margin:.5em;
    /* margin-top:2em; */
}

#pt .bskt #bsktvalue {
    display:inline-block;
    vertical-align:middle;
    float:none;
    margin:.5em;
    text-align: right;
    font-weight: 600;
    color: #164193;
    /* margin-top:2em; */
}

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

#pt .bskt a#viewbskt {
    display:inline-block;
    vertical-align:middle;
    float:none;
    /* width: 91px; */
    font-weight:600;
    padding: 0;
    font-size: 1em;
    margin:.5em;
    color: #009fe3;
    background-color: transparent;
    text-align: center;
    text-transform: capitalize;
    /* position:absolute; */
    /* top:0; */
    /* right:0; */
}

#pt .bskt span {
	margin-right:1em;
    font-weight: 400;
    /* font-size: 12px; */
    color: #97999c;
}

/* hide basket free delivery info - it doesn't fit */
#pt .bskt h4 {
    color:#071689;
    font-size:1em;
    margin: 0  0.5em 0.5em .5em;
}

#pt .bskt h4 span {
	margin:0;
    font-size:1em;
    color:red;
}



/* Top CTA bar - free delivery etc 
------------------------------------------------------- */
#pt .art#a100007936,
#pt .art#LIVESITE {
    display:inline-block;
    width:100%;
    color:#fff;
    text-align:center;
}

#pt .art#a100007936 li,
#pt .art#LIVESITE li {
    display:inline-block;
    text-align:center;
    text-transform:uppercase;
    padding: 0.375em 0em;
    width:33%
}
#pt .art#a100007936 li h4,
#pt .art#LIVESITE li h4{
	display:inline-block;
	vertical-align:middle;
}

#pt .art#a100007936 li:after,
#pt .art#LIVESITE li:after{
	/* content:"|"; */
	margin:0 8px;
	display:inline-block;
	vertical-align:middle;
}

#pt .art#a100007936 li:last-child:after,
#pt .art#LIVESITE li:last-child:after{
	content:'';
	margin:0;
}


/* -------------------------------------------------------------------------------------
=Breadcrumb 
------------------------------------------------------------------------------------- */
.bdcb {
    display:inline-block;
    vertical-align:middle;
    width: 100%;
    margin-bottom:15px;
	
}

/* typography
------------------------------------------------------- */
.bdcb h1,
.bdcb h2,
.bdcb h3,
.bdcb a {
	font-size:.875em;
	margin:0em 0.5em;
	font-weight:normal;
	display:inline-block;
}

.bdcb h1 {}

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

.bdcb .bc ul li:first-child h3 {
	margin-left:0;
	letter-spacing:initial;
}

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

.bdcb .bc ul li h3,
.bdcb .bc ul li a {}
.bdcb .bc ul li h1 {
	font-weight:600;
	letter-spacing:initial;
	color:#071689;
}

.bdcb .bc ul li a:hover {
	text-decoration:underline;
	text-decoration-color:#071689;
}

.bdcb .bc ul li img {}


/* -------------------------------------------------------------------------------------
=CentrePanel 
------------------------------------------------------------------------------------- */
#pc {
	width:100%;
	float:left;
	min-width:1200px;
}

#pc .bc {
    width: 1200px;
    margin: 0 auto;
}

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

#pmid {
   /* getting rid of this as its rubbish and breaks stuff
    display: flex;
   */
   display:block;
   margin:auto;
   width: 1200px;
   margin: 0 auto;
   padding: 0;
   /* outline:1px red solid; */
}

#pm {
    
    /* width: 970px; */
    display:inline-block;
    vertical-align:top;
    margin: 0 auto;
    clear: both;
    margin-bottom: 30px;
}

.page_shop #pm.pmwide,
.page_dept #pm.pmwide {
	/*width includes asumption of left panel being there and breaks stuff on checkout and buy pages
	figure out what you want */
	 width: 970px;
}

.page_buy #pm.pmwide {
	/*width includes asumption of left panel being there */
	width: initial;
	width: auto;
}

/* I THINK this is for a page with a left and right panel */
#pm.pmstd {
    width: 667px;
    margin: 0;
    margin-right: 20px;
}

#pm.pmstd .art {
    width: 100%;
    color: #071689;
}

#pm.pmstd .form {
    /* width: 504px; */
}

#pm.pmfull {
    display:inline-block;
    vertical-align:top;
    margin: 0 auto;
    width: 1200px;
}

#pm .pmind {}

/* Custom Stylings
------------------------------------------------------- */
#pmid.page_buy {
    width:100%;
}
.page_buy #pm.pmfull {
    width:100%;
}


/* -------------------------------------------------------------------------------------
=RightPanel 
------------------------------------------------------------------------------------- */
#pr {
    display:inline-block;
    vertical-align:top;
    width:200px;
}

/* -------------------------------------------------------------------------------------
=LeftPanel 
------------------------------------------------------------------------------------- */
#pl {
    display:inline-block;
    vertical-align:top;
    width: 200px;
    margin-right:30px;
}

#pl .bt {}

#pl .bt h3 {
    padding: 7px 15px;
    color: #fff;
}


#pl .bc {
    display:inline-block;
}

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

	

#pl .bc #sldiv {}

#pl p {
    text-align: center;
}

#pl a {
    font-weight: 700;
}

#pl .bb {}


/* FilterSearch 
------------------------------------------------------- */
#pl .filter {
    display:inline-block;
    width:100%;
}

#pl .filter .bt {
    background-color: #071689;
    margin-bottom: 10px;
    border-radius: 10px;
}

#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: 276px; */
    overflow-x: hidden;
    -ms-overflow-x: scroll;
    margin-bottom: 15px;
}

.attrsection {
    margin-bottom: 15px;
}

.HeaderContent {
    display:inline-block;
    width:100%;
    border-bottom: 1px solid #071689;
    cursor: pointer;
}

.HeaderContent h5 {
    margin: 0;
    padding: 7px 15px;
    position: relative;
    top: 0;
    color: #071689;
}

.collapsed h5 {}
.collapsed h5:hover {}

.items {
	margin:.5em 0
}

.citem {
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 0;
    margin: 0;
    color: #071689;
    background: url(https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/selectbox_inactive.png?_t20032018) no-repeat 10px center;
    cursor: pointer;
}

.citem:empty {
	display:none;
}

.citem:hover {}

.citemselected {
	background: url(https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/selectbox_active.png?_t20032018) no-repeat 10px center;
}

.citemselected:hover {}

#divPriceRangeDisplay {
    height: 20px;
    margin-left: 10px;
    padding-top: 12px;
    color: #071689;
}

#sldiv {
	margin: 15px;
}

#resetfs {
	display:none;
}

#resetfs h5 {}


/* -------------------------------------------------------------------------------------
=FooterPanel - comes before pb
------------------------------------------------------------------------------------- */
#pf {
    width: 100%;
    min-width: 1200px;
}
#pf .ext {
	width: 100%;
	margin:0em auto;
	position:relative;
}

#pf ul {}
#pf ul li {}
#pf ul li:last-child {}


/*newsletter and shop by learning skill banners */
#pf .pbnr#p39256065 .bc,
#pf .pbnr#p33783809 .bc{
	font-size:0;
	width:1200px;
	margin:auto;
	position:relative;
	margin-bottom:20px;
}

#pf .pbnr#p39256065 .bc .bnr,
#pf .pbnr#p33783809 .bc .bnr{
	display:inline-block;
	vertical-align:middle;
}

#pf .pbnr#p39256065 .bc .bnr:first-of-type,
#pf .pbnr#p33783809 .bc .bnr:first-of-type{
	margin-right:20px;
}
/* not sure where this blp class comes from - but this should be the banner added to the promotion itself filling in the banner placeholder in the template */
.blp .bc{
	font-size:0;
	width:1200px;
	margin:auto;
	position:relative;
	margin-bottom:20px;
}

.blp .bc .halfWidth{
	display:inline-block;
	vertical-align:top;
}
.blp .bc .halfWidth:nth-child(even){
	padding-left: 20px;
}

/* learning made fun  article with text flow image path stuff*/
#pf .art.lmf{
	background-color:#00a7e7;
	overflow:hidden;
	padding-top:28px;
}

#pf .art.lmf .bc{
	width: 1400px;
	margin:auto;
	position:relative;
}


/*
set a media query to deal with the overflow 
the footer is designed to be 1400px wide but overflow at 1200px
magic!
*/
@media (min-width: 1400px) {
	/* over 1400px and we want it to be 100px to the left all the time */
	#pf .art.lmf .bc{
		left:100px;
	}
}

@media (max-width: 1400px) {

	/* under 1400px the image needs to move to the left by half of the difference between the viewport and the site 1200px width */
	#pf .art.lmf .bc{
		left:calc( (100vw - 1200px ) / 2);
	}
}

@media (max-width: 1200px) {

/* under 1200px we don't want to shift it at all - the overflow is hidden */
	#pf .art.lmf .bc{
		left:0;
	}
}


#pf .art.lmf h2{
	background-color:#fff;
	display:inline-block;
	color:#011689;
	margin: 40px  0  41px 9px;
	padding: 16px 29px;
	border: 6px #071689 solid;
	border-radius:2em;
	font-family: 'Linotte-Bold', sans-serif;
	font-size:45px;
	font-weight:400;
}

#pf .art.lmf .artp p{
	font-size: 29px;
	margin-left:18px;
	line-height:1.25;
	font-family: 'Linotte-Bold', sans-serif;
	color:#fff;

	letter-spacing:1px;
}


#pf .art.lmf .artp img{
	float:right;
	shape-outside:url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/art/learning_made_fun_image_only_1400.png');
	shape-image-threshold:0.5;
	position:relative;
}

/* 
    about us/lost instructions/missing piece banners in footer - in that order 
    each image is a different size and this needs fixing
------------------------------------------------------- */
#pf .pbnr#p38666242,
#pf .pbnr#p25886722 {
    width: 100%;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/jigsaw-repeating.png?_t20032018');
}

#pf .pbnr#p38666242 .bc,
#pf .pbnr#p25886722 .bc {
    width: 1200px;
    margin: 0 auto;
}

#pf .pbnr#p38666242 .bnr,
#pf .pbnr#p25886722 .bnr {
    display:inline-block;
    vertical-align:top;
    width:33.333333%;
    text-align:center;
    margin:1em 0;
} 

#pf .pbnr#p38666242 .bnr a,
#pf .pbnr#p25886722 .bnr a{
    display:block;
}

/* hover image effects used for the above
------------------------------------------------------- */
.tiltLeft img, .tiltRight img {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

/* tiltRight */
.tiltRight img:hover {
    -ms-transform: rotate(-7deg);
    /* IE 9 */
    -webkit-transform: rotate(-7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

/* tiltLeft */
.tiltLeft img:hover {
    -ms-transform: rotate(7deg);
    /* IE 9 */
    -webkit-transform: rotate(7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}



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

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

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

#pf span,
#pf strong {}
#pf a,
#pf a:hover {}

#pf .info,
#pf .art,
#pf .pbnr {}

#pf .pbnr img {
	height:auto;
}

small{
	font-size:small
}


/* Newsletter signup;
------------------------------------------------------- */
#pf .news {
    width: 1200px;
    margin: 0 auto;
}

#pf .news form {
    width: 1200px;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/newsletter-bckgrnd.png?_t20032018');
    background-repeat: no-repeat;
    background-position: center;
}

#pf .news label {}
#pf .news .news_input_container {}
#pf .news .news_input_container input#email {}

#pf .news .news_input_container .submit {
    padding: 0px;
    background-color: transparent;
}

/* Client specific
------------------------------------------------------- */
/*learning made fun footer - based on an ID */
#a84115458 {
    background: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/LMFbackground-min.png?_t=184315193') no-repeat center;
    height: 457px;
}

#pf .art#a84115458 .bc {
    width: 1200px;
    margin: 0 auto;
}

#pf .art#a84115458 .bc:after {
    content: "";
    clear: both;
    display: block;
}

#pf .art#a84115458 .bc .artp {
    float: left;
    margin-top: 44px;
}

#pf .art#a84115458 .bc .artp .imageContainer1, #pf .art#a84115458 .bc .artp .imageContainer2 {
    background-color: #fff;
    padding: 10px;
    box-shadow: 5px 5px 14px rgba(0,0,0,0.5);
}

#pf .art#a84115458 .bc .artp .imageContainer1 {
    float: left;
    width: 180px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -ms-transform: rotate(7deg);
    /* IE 9 */
    -webkit-transform: rotate(7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

/*hover rotate effects*/
#pf .art#a84115458 .bc .artp .imageContainer1:hover {
    -ms-transform: rotate(-7deg);
    /* IE 9 */
    -webkit-transform: rotate(-7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

#pf .art#a84115458 .bc .artp .imageContainer2 {
    margin-top: 110px;
    float: left;
    width: 200px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -ms-transform: rotate(-7deg);
    /* IE 9 */
    -webkit-transform: rotate(-7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

/*hover rotate effects*/
#pf .art#a84115458 .bc .artp .imageContainer2:hover {
    -ms-transform: rotate(7deg);
    /* IE 9 */
    -webkit-transform: rotate(7deg);
    /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

/*the more icon */
#pf .art#a84115458 .bc .artp .imageContainer1 img, #pf .art#a84115458 .bc .artp .imageContainer2 img {
    width: 100% !important;
    height: auto !important;
}

#pf .art#a84115458 .bc .artp .imageContainer1 .more , #pf .art#a84115458 .bc .artp .imageContainer2 .more {
    display: inline-block;
    line-height: 1.25em;
    vertical-align: middle;
}

#pf .art#a84115458 .bc .artp .imageContainer1 .more img, #pf .art#a84115458 .bc .artp .imageContainer2 .more img {
    width: auto !important;
    height: auto !important;
    display: inline-block;
    vertical-align: top;
}

/*Learning Made Fun custom article*/
#pf .art#a84115458 .bc .artp .textContainer {
    float: left;
    width: 480px;
    text-align: center;
    color: #fff;
    padding: 50px;
}

#pf .art#a84115458 .bc .artp .textContainer h2 {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 40px;
    padding: .35em;
    font-weight: 600;
    background-color: #fff;
    color: #071689;
    border: 2px #071689 solid;
    border-radius: 28px;
}

#pf .art#a84115458 .bc .artp .textContainer p {
    font-size: 24px;
    line-height: 1.25;
}

#pf .art#a84115458 .bc .artp .textContainer a.btn {
    display: inline-block;
    margin-top: 20px;
    display: inline-block;
    font-size: 20px;
    padding: 7px;
    font-weight: 600;
    background-color: #071689;
    color: #fff;
    border: 2px #fff solid;
    border-radius: 12px;
    padding: .25em 1em;
}


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

#pb {
    width: 100%;
    min-width: 1200px;
    position: relative;
    color: #fff;
    background-color: #071689;
}

#pb .ext {
	width:1200px;
	margin:0 auto;
}

#pb .pipe {
	display:none;
}

#pb ul {
	list-style:none;
}

#pb .info h3,
#pb .art h2,
#pb .pbnr h3 {
    text-transform: uppercase;
    font-weight: 700;
}


#pb p,
#pb li {
	color:#fff;
}

#pb strong,
#pb b {
	
	font-weight:600;
}

#pb .info a:hover,
#pb .art a:hover {
	text-decoration:underline;
}

/* Article panes
------------------------------------------------------- */
#pb .art {
	text-align: left;
	margin: 1em 0;
}


#pb .art a {
	display:inline-block;
}

#pb .art .artp {
}

#pb .art li {}

#pb .art p {
    text-align: center;
    font-size: 12px;
    padding: 8px 0px;
}

#pb .art img {
	display:inline-block;
	margin:.5em;
}


/* social share and footer feefo article */
#pb .art#a99975168{
	width:345px;
	display:inline-block;
	vertical-align:top;
	height: 352px;
	background:url('https://s3-eu-west-1.amazonaws.com/orchardtoys/5373952/i/bdr/OT_SocialShare.png?_t=191713547') no-repeat bottom center;
	text-align:center;
}

#pb .art#a99975168 .footer-soc-img{
	display:inline-block;
	margin-top:70px;
}

#pb .art#a99975168 .footer-soc-img img{
	margin:0;
	width:24px !important;
	height:auto !important;
}

/* Information panes (site links)
------------------------------------------------------- */
#pb .info {
    display:inline-block;
    vertical-align:top;
    width: 213px;
    margin:2em 0;
}

#pb .info li {
    margin:1em 0;
}

#pb .info li a {
    color: inherit;
}

#pb .info li a:hover {
    color: #009fe3;
}

/* Social Icons
------------------------------------------------------- */
#pb .socbook {}
#pb .socbook h3 {}
#pb .socbook ul li {}


/* Banners
------------------------------------------------------- */
#pb .pbnr {}
#pb .pbnr p {}
#pb .pbnr img {}

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

/* Custom
------------------------------------------------------- */



/* -------------------------------------------------------------------------------------
=SearchHeader / SearchFooter 
------------------------------------------------------------------------------------- */
.searchheader,.searchfooter {
    display:inline-block;
    width:100%;
    /* outline:1px red solid; */
    height: 27px;
    padding: 0 0;
    /* padding-right: 20px; */
    background: #fff;
    line-height: 22px;
    margin:1em 0;
}

.searchfooter {
    /* display: none; */
}

.searchheader h5#rescou {
    display:inline-block !important;
	vertical-align:middle;
    text-transform: none;
    margin-left: 10px;
    margin-right: 10px;
    color: #555;
}

.searchheader form {
    float: left;
    margin-right: 10px;
    color: #750e07;
}

.searchheader .search form {
    float: left;
    display: none;
}

.searchheader form label {
    display:inline-block;
    vertical-align:middle;
    margin-right: 16px;
    font-size: 16px;
    color: #071689;
    line-height: 27px;
}

.searchheader form select {
    display:inline-block;
    vertical-align:middle;
    padding:4px;
}

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

.searchheader .paging {
    float: right;
    font-size:1.2em;
}

.searchheader .paging label,
.searchfooter .paging label {
    float: left;
    line-height: 27px;
    color: #071689;
}

.searchheader .paging span,
.searchheader .paging a,
.searchfooter .paging span,
.searchfooter .paging a {
    float: left;
    display: inline-block;
    line-height: 27px;
    text-align: center;
    color: #009fe3;
    vertical-align: middle;
}

.searchheader .paging a,.searchfooter .paging a {
    margin: 0 4px;
}

.searchheader .paging span,.searchfooter .paging span {
    color: #071689;
    margin: 0 4px;

}

.searchheader .search input#searchbox {
}

.searchheader .search input.submit {
    padding: 0 5px;
}

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

.searchfooter .paging {
    float: right;
    font-size:1.2em;
}

#sr {
    float: left;
    /* margin-top: 30px; */
    width: 100%;
}

#sr .art {
    width: 100%;
}

#sr .art img {
    max-width: 100%;
    height: auto;
}

.filter4hide {
    opacity: 1 !important;
}


#sorpan{
	display:inline-block;
	vertical-align:middle;
}

#rpppan{
	display:inline-block;
	vertical-align:middle;
}

/* -------------------------------------------------------------------------------------
=Department Tree 
------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------------------------------------------
    =Department Tree       
--------------------------------------------------------------------------------------------------------------------*/
.depttree {
    overflow: auto;
    clear: both;
}

.depttree > .bt {
    display: none;
}

.depttree .bc {
}

.depttree h4 {
}

#dt52658176 .bc h4 {
    display: none;
}

.depttree ul {
    width: 1200px;
    list-style: none;
    margin: 0 auto;
    text-align:center;
}

.depttree li {
    display:inline-block;
    vertical-align:top;
    width: 212px;
    height: 304px;
    margin-right: 24px;
    margin-bottom: 24px;
    border-width: 4px;
    border-style: solid;
    border-radius: 30px;
    text-align: center;
}

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

.pmfull .depttree li {
}

.depttree li img {
}

.depttree li a.txt {
    font-size: 30px;
    font-family: 'Linotte-Bold';
    color: #fff;
    letter-spacing: -0.05em;
    display: table-cell;
    width: 224px;
    height: 92px;
    vertical-align: middle;
}

.depttree li a.img {
    display: block;
    width: 100%;
    min-height: 212px;
    text-align: center;
    background-color: transparent;
    border-radius: 0px 0px 20px 20px;
    overflow: hidden;
    position: relative;
}

.depttree li a.img img {
    position: absolute;
    width:424px;
    height:auto;
    top: 0px;
    left: 0px;
    max-width:auto;
    max-width:unset;
}

.depttree li a.img img:hover {
    position: absolute;
    top: 0px;
    left: -212px;
}

/* Dept Link Colours
------------------------------------------------------- */
/*Red*/
.depttree li:nth-child(7n+1) {
    border-color: #e00713;
}

.depttree li:nth-child(7n+1) a.txt {
    background-color: #e00713;
    border-radius: 20px 20px 0px 0px;
}

/*Yellow*/
.depttree li:nth-child(7n+2) {
    border-color: #ffda00;
}

.depttree li:nth-child(7n+2) a.txt {
    background-color: #ffda00;
    border-radius: 20px 20px 0px 0px;
}

/*Lime*/
.depttree li:nth-child(7n+3) {
    border-color: #92c01f;
}

.depttree li:nth-child(7n+3) a.txt {
    background-color: #92c01f;
    border-radius: 20px 20px 0px 0px;
}

/*Green*/
.depttree li:nth-child(7n+5) {
    border-color: #009540;
}

.depttree li:nth-child(7n+5) a.txt {
    background-color: #009540;
    border-radius: 20px 20px 0px 0px;
}

/*Ice Blue*/
.depttree li:nth-child(7n+4) {
    border-color: #00a7e7;
}

.depttree li:nth-child(7n+4) a.txt {
    background-color: #00a7e7;
    border-radius: 20px 20px 0px 0px;
}

/*Blue*/
.depttree li:nth-child(7n+6) {
    border-color: #0069b4;
}

.depttree li:nth-child(7n+6) a.txt {
    background-color: #0069b4;
    border-radius: 20px 20px 0px 0px;
}

/*Pink*/
.depttree li:nth-child(7n+7) {
    border-color: #c85096;
}

.depttree li:nth-child(7n+7) a.txt {
    background-color: #c85096;
    border-radius: 20px 20px 0px 0px;
}








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

.fprd {
    display:inline-block;
    vertical-align:top;
    margin-right: 30px;
    margin-bottom: 30px;
    position: relative;
    border: 4px solid #fff;
    border-radius: 37px;
	width: 208px;
}

.fprd .stkout
{
	position:absolute;
	top:15px;
	pointer-events:none;
}

/* overrides for different pages/uses ie carousel, pages without sidebars
------------------------------------------------------- */

#pm.pmfull #sr .fprd{
    width: 208px;
}

.deptwrap .fprd {
    width: 212px;
    margin-right: 30px;
}


#pm.pmfull #sr .fprd:nth-child(5n) {
    margin-right: 0px;
}

#pm.pmwide #sr .fprd:nth-child(4n) {
    margin-right: 0px;
}

.page_home .fprd {
    height: 384px;
}

/* fprd hover effects and colours
------------------------------------------------------- */

.fprd:hover {
    -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.5);
}


/* Red */
.dept.red .page_dept #pm .deptwrap #sr .fprd:hover {
    border: 4px solid #e00713;
}

/* Yellow */
.dept.yellow .page_dept #pm .deptwrap #sr .fprd:hover {
    border: 4px solid #ffda00;
}

/* Lime */
#site.dept.lime .fprd:hover {
    border: 4px solid #92c01f;
}

/* Ice */
#site.dept.ice .fprd:hover {
    border: 4px solid #00a7e7;
}

/* Green */
#site.dept.green .fprd:hover {
    border: 4px solid #009540;
}

/* Blue */
#site.dept.blue .fprd:hover {
    border: 4px solid #0069b4;
}

/* Pink */
#site.dept.pink .fprd:hover {
    border: 4px solid #c85096;
}

/*Orange*/
#site.dept.orange .fprd:hover {
    border: 4px solid #ee7d00;
}


/* fprd image
------------------------------------------------------- */
.fprd .fprdimg {
    display:inline-block;
    vertical-align:top;
    width:100%;
    margin-top: 15px;
    text-align: center;
}

.fprd .fprdimg a,
.fprd .fprdimg a img {
	display: inline-block;
	vertical-align:top;
	text-align: center;
}

.fprd .fprdimg img {
    text-align: center;
    display: inline-block;
    /* float: none; */
    /* overflow:hidden; */
    /* outline:1px red solid; */
    margin:0 !important;

    width:200px;
    height:auto;

}

.fprd .fprdimg:hover {}



/* fprd flags 
------------------------------------------------------- */
.fprd .fprdimg .flag {
    position: absolute;
    top: 24px;
    right: 1px;
    pointer-events:none;
}

.fprd .piflags,
.fprd .fprdimg .piflags {
    position: absolute;
    top: 24px;
    left: 1px;
    pointer-events:none;
}

.fprd .piflags img,
.fprd .fprdimg .piflags img{
	max-width: 79px;
}

.fprd .piflags img[title="Orchard Toys colour recognition games"],
.fprd .piflags img[title="Orchard Toys games that encourage discussion"],
.fprd .piflags img[title="Develops Hand Eye Coordination"],
.fprd .piflags img[title="Promotes Imaginative Play"],
.fprd .piflags img[title="Orchard Toys develops knowledge and understanding"],
.fprd .piflags img[title="Promotes Language and Literacy Skills"],
.fprd .piflags img[title="Develops Matching and Memory Skills"],
.fprd .piflags img[title="Develops Number and Counting Skills"],
.fprd .piflags img[title="Encourages Observational Skills"],
.fprd .piflags img[title="Develops Personal and Social Skills"],
.fprd .piflags img[title="Develops Shape and Matching Skills"],
.fprd .piflags img[title="Encourages Discussion"], 
.fprd .piflags img[title="Develops Knowledge and Understanding"],
.fprd .piflags img[title="Encourages Colour Recognition"] {
    display: none;
}

.fprd .fprdimg .flag img {
	width:auto;
}
.fprd .fprdimg .piflags li {}
.fprd .fprdimg .flag.offer {}
.fprd .fprdimg .flag.offer img {}

/* clientref/model code
------------------------------------------------------- */
.fprd .clientref span {
	display:none;
}

#pm .fprd .clientref {
	font-size:.750em;
	display:block;
	margin:.5em 0
}

/* fprd title/strapline
------------------------------------------------------- */
.fprd .fprdtitle {
    display:inline-block;
    width:100%;
}

.fprd .fprdtitle a {
    font-size: 27px;
    font-family: 'Linotte-Bold';
    text-align: center;
    color: #071689;
    display: table-cell;
    width: 212px;
    height: 84px;
    /* vertical-align: middle; */
}


/* 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 {
	/*its a shame that coms writes out a span with :in it even if the brand label is blank! */
	display:none;
}

.fprd .fprddescr {}


/* fprd pricing info
------------------------------------------------------- */
.fprd .price,
.fprd .prevprice,
.fprd .offer,
.fprd .saving,
.fprd .trade,
.fprd .unit,
.fprd .qty {
	display:inline-block;
	vertical-align:top;
}

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

.fprd .price h6 {}

.fprd .prevprice h6 {
    font-size: 22px;
    font-family: 'Linotte-Bold';
    text-align: center;
    color: #e20613;
    text-decoration: line-through;
}

.fprd .offer h6 {
    /* float: left; */
    font-size: 22px;
    font-family: 'Linotte-Bold';
    text-align: center;
    color: #009fe3;
}

/* normal price */
.fprd .price {
	width:100%;
}

.fprd .price h6 {
    font-size: 22px;
    font-family: 'Linotte-Bold';
    text-align: center;
    color: #009fe3;
} 
.fprd .price label {} 

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

/* offer price */
.fprd .offer {
	width: 50%;
	vertical-align:bottom;
	text-align:center;
}
.fprd .offer h6 {
    font-size: 22px;
    font-family: 'Linotte-Bold';
    text-align: center;
    color: #009fe3;
}
.fprd .offer label {} 

/* previous price (goes with offer) */
.fprd .prevprice {
	width: 50%;
	vertical-align:bottom;
	text-align:center;
}
.fprd .prevprice h6 {
    font-size: 22px;
    font-family: 'Linotte-Bold';
    text-align: center;
    color: #e20613;
    text-decoration: line-through;
}
.fprd .prevprice label {} 


/* Savings */
.fprd .saving {}
.fprd .saving h6 {}
.fprd .saving label {} 

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

/* buy on page form
------------------------------------------------------- */
.fprd form {
    display:inline-block;
    width:100%;
    margin: 15px auto;
    text-align: center;
    position: relative;
}

.fprd form input.submit {
    display: block;
    margin: 0 auto;
    padding: 8px 16px;
    border-radius: 16px;
    font-family: 'Linotte-Bold';
    font-size: 20px;
    color: #fff;

    background-color: #f39200;
    background: linear-gradient(#f39200, #ec6707);
}

.fprd form input.submit:hover {
    background-color: #009fe3;
}

.fprd form input.submit[name="PreOrder"],
.fprd form input.submit[name="preorder"] {}

.fprd form label {
	display:none;
}

.fprd form input.inputtext {
	display:inline-block;
	vertical-align:middle;
	border:1px #071689 solid;
	outline:none;
	padding:.5em;
	margin:0 .5em;
	text-align:center;
	width: 2em;
}


.fprd button.fpskuqtyadd,
.fprd button.fpskuqtysub {
	display:inline-block;
	vertical-align:middle;
	background-color:#071689;
	color:#fff;
	font-size: 1.6em;
	outline:none;
	border:none;
}

/* For Firefox */
.fprd form input.inputtext[type='number'] {
    -moz-appearance:textfield;
}

/* Webkit browsers like Safari and Chrome */
.fprd form input.inputtext[type=number]::-webkit-inner-spin-button,
.fprd form input.inputtext[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.fprd form select {
	width:100%;
	margin-bottom:1em;
	max-width:100%;
}

.fprdinfo {
	float:left;
	clear:both;
	position:absolute;
	top: 147px;
	left: 96px;
	font-size:.8em;
}

.fprd input.submit, .fprdinfo a {}
.fprdinfo a.btn {
	display:none;
}

.fprdinfo a.qkvw {
    float: none;
    display: block;
    margin: 0 auto;
	background-color:#d5d5d5;
	border-color:#d5d5d5;
    color: #fff;
}

.fprdinfo a.qkvw:hover {
	background-color:#071689;
	border-color:#071689;
}

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

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

.prdlst .bc {
	width:100%;
}

.prdlst .bt h3 {}

.prdlst ul {
	margin-top:1em;
	width:100%;
	margin-bottom:1em;
}

.prdlst ul li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:left;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:2px #dbdad9 solid;
}

.prdlst ul li a.img {
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#fff;
}

.prdlst ul li a.img:hover {
	filter:brightness(80%);
}

.prdlst ul li a.img img {}
.prdlst ul li a.txt {
	float:left;
	margin:.5em;
	font-size:0.875em;
	text-align:left;
	width: 157px;
}

.prdlst ul li .price,
.prdlst ul li .prevprice,
.prdlst ul li .offer,
.prdlst ul li .qty,
.prdlst ul li .trade {
	float:left;
	font-size:1em;
	margin:.5em;
}

.prdlst ul li .price label,
.prdlst ul li .prevprice label,
.prdlst ul li .offer label,
.prdlst ul li .qty label,
.prdlst ul li .trade label {
	display:none;
}

.prdlst ul li .price h6,
.prdlst ul li .prevprice h6,
.prdlst ul li .offer h6,
.prdlst ul li .qty h6,
.prdlst ul li .trade h6 {
	display:block;
	font-weight:normal;
	margin-bottom:0;
}

.prdlst ul li .prevprice h6 {
	text-decoration:line-through;
}


/* -------------------------------------------------------------------------------------
=RecentItems 
------------------------------------------------------------------------------------- */
.ritm {
	width:100%;
}

.ritm .bt {
	width:100%;
}

.ritm h3 {
	background-color:#071689;
	color:#fff;
	text-align:center;
	
}

.ritm ul {
	margin-top:1em;
	width:100%;
	margin-bottom:1em;
}

.ritm ul li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:left;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:2px #dbdad9 solid;
}

.ritm ul li a.img {
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#fff;
}

.ritm ul li a.img:hover {
	filter:brightness(80%);
}

.ritm ul li a.img img {}
.ritm ul li a.txt {
	float:left;
	margin:.5em;
	font-size:0.875em;
	text-align:left;
	width: 157px;
}

.ritm ul li .price,
.ritm ul li .prevprice,
.ritm ul li .offer,
.ritm ul li .qty,
.ritm ul li .trade {
	float:left;
	font-size:1em;
	margin:.5em;
}

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

.ritm ul li .price h6,
.ritm ul li .prevprice h6,
.ritm ul li .offer h6,
.ritm ul li .qty h6,
.ritm ul li .trade h6 {
	display:block;
	font-weight:normal;
	margin-bottom:0;
}

.ritm ul li .prevprice h6 {
	text-decoration:line-through;
}

/* -------------------------------------------------------------------------------------
=HoverBsket 
------------------------------------------------------------------------------------- */

.hoverbskt {
    display: none;
    float: right;
    position: absolute;
    width: 280px;
    padding: 0;
    border: 1px solid #e5e5e5;
    z-index: 2000;
    background: #fff;
    box-shadow: 2px 2px 2px rgba(242,240,240,0.5);
}

.hoverbskt h3.name{
}

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

.hoverbskt .lines .item {
    float: left;
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
}

.hoverbskt a{
    text-align: center;
}

.hoverbskt .lines .item a.title,
.hoverbskt p.qty {
    font-size: 14px;
    display:block;
}

.hoverbskt .lines .item img{
	display:inline-block;
	max-width:50px;
	height:auto;
}

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

.hoverbskt .lines .item p.qty{
    float: left;
    width: 88px;
    text-align: left;
    font-size: 12px;
}

.hoverbskt .lines .item p.price {
    float: left;
    width: 88px;
    text-align: right;
    font-size: 12px;
}

.hoverbskt h4.count {
    display: none;
}

.hoverbskt h4.total {
    display: none;
}

.hoverbskt a.btn {
    margin: 8px;
    margin-right: 80px;
}


/* -------------------------------------------------------------------------------------
=PopupDialog / Popup Add to Basket / Direct Despatch
------------------------------------------------------------------------------------- */
.hoverbsktadd,
#popupdialog {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -48px 0 0 -140px;
    width: 280px;
    padding: 18px;
    background-color: #ffffff;
    border: 4px solid #009fe3;
    border-radius:10px;
    z-index: 2000;
    text-align:center;
}

.hoverbsktadd .item,
#popupdialog .item {
    display:inline-block;
    width:100%;
    padding:1em 0;
    text-align:left;
}

.hoverbsktadd h3,
#popupdialog h3 {}

.hoverbsktadd a,
#popupdialog a {}

.hoverbsktadd .item a.title,
#popupdialog .item .title {
	display:inline-block;
	vertical-align:top;
	width: 184px;
	margin-left:16px;
}

.hoverbsktadd .item img,
#popupdialog .item img {
	display:inline-block;
	max-width:95px;
	height:auto;
}

.hoverbsktadd .item p.qty,
#popupdialog .item p.qty {
    font-size: 14px;
    display:block;
    text-align:right;
    margin:.5em 0;
}

.hoverbsktadd .item p.price,
#popupdialog .item p.price {
    font-size: 14px;
    text-align:right;
}

.hoverbsktadd a[title="Checkout"] {
    width: auto;
    height: auto;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    /* margin-right: 80px; */
    padding: 8px 16px;
    border: none;
    background: #92c01f;
    border-radius: 25px;
    margin-top: 8px;
    float:none;
    display:inline-block;
}

.hoverbsktadd a[title="Checkout"]:hover {}

#popupdialog .useraccount {
	float:left;
	clear:both;
	width:100%;
}

#popupdialog .useraccount input {
	float:right;
	font-size:.9em;
}

#popupdialog .useraccount a {
	float:left;
	font-weight:600;
	padding:.5em;
	border:none;
	text-align:center;
	cursor:pointer;
}

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

.ui-dialog.outofstockdialog,
.ui-dialog.directdespatchdialog {
	width:500px !important;
	background-color:#fff;
	text-align:center;
}	

.ui-dialog.outofstockdialog .outofstockpopup,
.ui-dialog.directdespatchdialog .directdespatchpopup-pane {
	border:none;
	color:#071689;
}

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

.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 {
	outline:none;
	border-radius:0;
	border:none;
	margin:.5em;
	
}

.ui-dialog.directdespatchdialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child {}

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

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

.ddmessage {}

.ddmessage span.dddatemessage {}

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

/* -------------------------------------------------------------------------------------
=Basket - Checkout 
------------------------------------------------------------------------------------- */
#checkoutcrumb {
	width:100%;
	text-align:center;
}

#checkoutcrumb li {
	font-size:1em;
	font-weight:600;
}

#checkoutcrumb .chksteps_curr {
	display:none;
}

.page_basket .bskt table.basket {
	width:100%;
	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;
}

tr.line:nth-child(odd) {
	background-color:#e8e8e8;
}

/* Basket Table Header
------------------------------------------------------- */
.page_basket table.basket {
    border-collapse: collapse;
    width: 1200px;
}

.page_basket table.basket tr.header th {
    color: #fff;
    font-family: 'Linotte-Heavy';
    text-align: center;
    text-transform: uppercase;
    background-color: #009fe3;
    padding:15px 0;
}

.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 {
	text-align:center;
	}


#pm table.basket tr.line input.inputtext {
	/* width: 42px; */
	vertical-align:middle;
	margin: 0.25em 4em;
	font-size:1em;
	text-align:center;
}


#pm table.basket tr.line input.submit {
	vertical-align:middle;
	cursor:pointer;
	border-radius:0;
}

.page_basket table.basket tr.line input.submit#update {
	background:none;
	border:none;
	border-radius:0;
	padding:0;
	margin:0.5em;
	width:1.5em;
}

.page_basket table.basket tr.line input.submit#update:hover {}
.page_basket table.basket tr.line input.submit#remove,
.page_basket table.basket tr.line input.submit#removesample {
	background:none;
	border:none;
	padding:0;
	margin:0.5em;
	width:1.5em;
	height:1.5em;

	background:url('https://www.orchardtoys.comhttps://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/btn/bsktremove.png') no-repeat center;
	background-size:1.5em;
	text-indent:-99999px;

}

.page_basket table.basket tr.line input.submit#remove:hover {}

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

.page_basket table.basket tr.line ul.prodinfo li {
	padding-left:1em;
}

.page_basket table.basket tr.line ul.prodinfo li:first-child {
	color:#071689;
	font-size:1.2em;
	padding-left:0;
}

/*******************************
NOTE - AS THINGS HAVEN'T BEEN DONE AS REQUESTED THE ORDER OF THESE IS DICTATED BY THE OPTIONS IN COMS
THERE SHOULD BE A CLASS FOR EACH DATA TYPE IN THE CELL FOR BETTER STYLING
********************************/
/*product image */
.page_basket table.basket tr.line td:nth-child(1) {}

/*product title/details */
.page_basket table.basket tr.line td:nth-child(2) {}

/*product price */
.page_basket table.basket tr.line td:nth-child(3),
.page_basket table.basket tr.header th.unitprice {
	text-align:left;
}

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

.page_basket table.basket tr.line td .qty {
	display:inline-block;
	width:auto;
}

/*total price */
.page_basket table.basket tr.line td:nth-child(5),
.page_basket table.basket tr.header th.totalprice {
	text-align:right;
}

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

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

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

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

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

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

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

.page_basket table.basket .delivery .shipcurr td {
	font-size:1em;
	font-weight:600;
}

.page_basket table.basket .delivery td.title form {
	display:inline-block;
	margin-right:1em;
}

.page_basket table.basket .delivery h4 {
	margin-bottom:0;
	font-size:1em;
	display:inline-block;
	font-weight:600;
}

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

.page_basket table.basket .shipcost {
	border:none;
}

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

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

.page_basket table.basket .prodtotal {
	border-bottom:1px solid #d5d6d6 ;
	font-style:italic;
}
.page_basket table.basket .discount.order {
font-weight:600;
font-size:1.2em;
text-align:right;
}

.page_basket table.basket .discount.order td:last-child:before{
	content:"-";
}



.page_basket table.basket .vat.total td {
	font-size:0.813em;
	font-weight:400;
}

.page_basket table.basket .vat.excl td {
}

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



.page_basket table.basket .leadtime {
	font-style:italic;
}

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

.page_basket table.voucher {
	width: 600px;
	background:#eef2f3;
}


.page_basket table.voucher tr.header th {
	border:none;
	text-transform:none;
	font-size:1em;
	display:none;
}

.page_basket table.voucher input.submit {
	margin-left:1em;
}

.page_basket table.voucher input.inputtext {}
.page_baskettable.voucher .inputtext {}
.page_basket.basket ul {}

.page_basket .basket ul li {
	clear:left;
}

.page_basket .basket ul li.model {
	font-size:.8em;
}

.page_basket .basket ul li.ref {
	font-size:.8em;
}

.page_basket .basket ul li.lead {
	
	font-style:italic;
	/* 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 {
	display:inline-block;
	float:none;
	width:100%;
	margin:1em 0;
}


.page_basket .bskt .basketlinks .ct_button {
	display:inline-block;
	vertical-align:middle;
}


.page_basket .bskt .basketlinks #squote {
	display:inline-block;
	vertical-align:middle;
		background:#eef2f3;
		padding:1em;

}

.page_basket .bskt .basketlinks #squote span {
	float:none;
}

.page_basket .ct_button a.btn {
	float:left;
	margin-right:1em;
	padding:.5em 2em ;
	border-color:#e8e8e8;
	color:#e8e8e8;
	background-color:transparent;
}

.page_basket .ct_button a.btn.cont {
	background-color:#e8e8e8;
	color:#fff;
}

.page_basket .ct_button a.btn.empty {
	background-color:#d94927;
	border-color:#d94927;
	color:#fff;
} 

.page_basket .bskt .basketlinks .sp_button {
	float:right;
}

.page_basket .sp_button a.btn {
	float:left;
	margin-left:1em;
	padding:.5em 2em ;
	background-color:#3AAA35;
	color:#fff;
	font-size:20px;
    font-family: 'Linotte-Bold', sans-serif;
}

.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:0;
	background-color:transparent;
	border:none;
}

.page_basket .pp_button a.btn img {
	height:100%;
	width:auto;
}

#pm #paypalmessages {
	text-align:center;
}

#pm #paypalmessages p {
	width:100%;
	text-align:center;
}

/* -------------------------------------------------------------------------------------
=Checkout process Need !important to override jquery ui 
------------------------------------------------------------------------------------- */

#checkout_panel_processing,
#ro_accord_processing {
	position:absolute;
	width:100%;
	padding:20px 10px;
	opacity:0.6;
	filter:Alpha(Opacity=60);
	float:right;
	background-color:#071689;
}

#pm .accord {
	width:834px;
	float:left;
	margin-right:1em;
	overflow-x:visible;
}

/* sign in in accordion */
#signinform h5 {
	font-size:.8em;
}

#signinform li {
	float:left;
	clear:both;
}

#signinform input.inputtext {
	width:300px;
}

#signin_skip {
	float:right;
	line-height:normal;
	font-weight:600;
	padding:.5em;
	border:none;
	color:#979797;
	margin-right:1em;
	text-align:center;
	
 	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:0;
	left:initial;
	background-image:url(https://download.jqueryui.com/themeroller/images/ui-icons_fff_256x240.png);
}

#pm .accord h3 {
	padding:0.5em 0;
	margin:0;
	width:100%;
	position:relative;
	cursor:pointer;
	background:#009fe3;
	border:none;
	color:#fff;
	font-weight:600;
	font-size:1.2em;
	/* margin-bottom:.5em; */
	border-radius:0;
}

#personalisation_panel, #gift_panel {
	border:none;
}

#checkout_accordion ul {
	list-style:none;
}

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

#checkout_accordion form#gift_details ul li.itemno,
#checkout_accordion form#personalisation_details ul li.itemno {
	width:100%;
	float:left;
	font-weight:600;
}

#checkout_accordion form#gift_details ul li label,
#checkout_accordion form#personalisation_details ul li label {
	width:400px;
	margin-right:1em;
	display:inline-block;
	float:none;
	font-size:.8em;
	vertical-align:top;
}

#checkout_accordion form#gift_details ul li span,
#checkout_accordion form#gift_details ul li select,
#checkout_accordion form#gift_details ul li textarea,
#checkout_accordion form#personalisation_details ul li span,
#checkout_accordion form#personalisation_details ul li select,
#checkout_accordion form#personalisation_details ul li textarea {
	display:inline-block;
	float:none;
	margin-bottom:.5em;
}

#checkout_accordion form#gift_details ul li select,
#checkout_accordion form#gift_details ul li textarea,
#checkout_accordion form#personalisation_details ul li select,
#checkout_accordion form#personalisation_details ul li textarea {
	width:378px;
	border:1px #5a5858 solid;
}

#checkout_accordion form#gift_details ul li span.chars,
#checkout_accordion form#personalisation_details ul li span.chars {
	width:100%;
	margin-bottom:1em;
	font-size:.7em;
	text-align:right;
}

/* Post Code Lookup */
#checkout_accordion .pclup {
	margin-bottom:1em;
}

#checkout_accordion .pclup #txtPostCodeLookup {
	width:70px;
	padding:.4em;
	font-size:.8em;
}

#checkout_accordion .pclup .submit#btnPostCodeLookup {
	font-size:.8em;
	float:none;
	margin:0;
	margin-left:.5em;
	display:inline-block;
}

#checkout_accordion .pclup span.or {
	font-size:.8em;
	margin:0 .5em;
	display:inline-block;
	float:none;
}

#checkout_accordion .pclup #pclupManualAddress {
	float:none;
	padding:.5em;
	font-weight:600;
	line-height:normal;
	display:inline-block;
	font-size:.8em;
	
}

#checkout_accordion ul li input,
#checkout_accordion ul li select,
#checkout_accordion ul li textarea {}
#checkout_accordion ul li textarea {}
#checkout_accordion ul li label[for=deliveryInst] {}

#checkout_accordion ul li.wrap {
	position:relative;
}

#checkout_accordion ul li.wrap span {
	position:absolute;
	top:0;
	right:0;
}

#checkout_accordion ul li.total {
	display:none;
}

#checkout_accordion #signin_panel,
#checkout_accordion #customer_panel, 
#checkout_accordion #delivery_panel,
#checkout_accordion #confirm_panel,
#checkout_accordion #payment_panel,
#checkout_accordion #gift_panel,
#ro_accord #product_panel,
#ro_accord #member_panel,
#ro_accord #delivery_panel,
#ro_accord #preference_panel,
#ro_accord #loyalty_panel {
	padding:1em;
}

/* I *think* this is the terms and conditions link, a class or a style would be nice! */
#checkout_accordion #confirm_panel h5 {
	text-align:right;
	margin:10px 0;
}

#confirm_panel .reqmsg{
display: none;
}

#checkout_accordion #confirm_panel a {
	float:left;
	clear:both;
	font-size:0.688em;
	padding:.5em 1em;
	font-weight:600;
	text-align:center;
	
	cursor:pointer;
	background-color:#071689;
	border:1px #071689 solid;
	outline:none;
	color:#fff;
	display:inline-block;
	vertical-align:middle
}

#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_method p {
	font-size:1em;
}

#checkout_accordion #basket_delivery_method a {
	margin:10px 0;
}

#checkout_accordion #basket_delivery_details a {
	float:left;
	clear:both;
	font-size:0.688em;
	padding:.5em 1em;
	font-weight:600;
	text-align:center;
	
	cursor:pointer;
	background-color:#071689;
	border:1px #071689 solid;
	outline:none;
	color:#fff;
	display:inline-block;
	vertical-align:middle
}

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

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

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

label[for="deliveryInst"] {
	display:none;
}

#checkout_accordion #ul_left li label[for="subscribe"],
#checkout_accordion #ul_left li label[for="thirdpartyemail"] {
	width: 355px;
}

#checkout_accordion #ul_left .help {
	float:left;
	font-size:.7em;
}

#pm .accord h4 {
	width:100%;
	font-weight:600;
	margin:0;
	margin-bottom:1em;
}

#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;
	margin-bottom:1em;
	vertical-align:top;
	float:none;
	display:inline-block;
}

#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.basket,
#ro_accord #loyalty_panel table.basket {
	width:800px;
	margin:0;
	font-size:1em;
}

#checkout_accordion #confirm_panel table.basket span {
	display:inline-block;
	font-style:italic;
	font-weight:normal;
	float:none;
	margin-right:1em;
	color:#e8e8e8;
}

#checkout_accordion #confirm_panel table.basket span + a {
	display:inline-block;
	float:none;
}

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

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

#checkout_accordion #confirm_panel ul li table.basket th {}

#checkout_accordion #confirm_panel ul li table.basket td {
	vertical-align:top;
	color:initial;
}

/*product price */
#checkout_accordion #confirm_panel ul li table.basket tr.line td:nth-child(2),
#checkout_accordion #confirm_panel ul li table.basket tr.header th.price {
	text-align:left !important;
}

/*total price */
#checkout_accordion #confirm_panel ul li table.basket .prodtotal,
#checkout_accordion #confirm_panel ul li table.basket .discount,
#checkout_accordion #confirm_panel ul li table.basket .delivery,
#checkout_accordion #confirm_panel ul li table.basket .vat,
#checkout_accordion #confirm_panel ul li table.basket .ordertotal {
	font-weight:600;
}


#checkout_accordion #confirm_panel ul li table.basket .discount td:last-child:before{
	content:'-'
}

#checkout_accordion #confirm_panel ul li table.basket .ordertotal {
	font-size:1.25em;
}

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

#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:600;
	width:100%;
	display:inline-block;
}

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

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

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

.amazonShippingOptionsDiv span.value {
	float:right;
	font-weight:600;
}

.amazonShippingOptionsDiv {
	cursor:pointer;
}

.amazonShippingOptionDiv {
	width:40%;
	float:left;
	line-height:30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border:1px solid #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:#071689;
	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;
	font-size:.750em;
}

#pm .accordbdcb ul li.header {
	padding:0;
	margin:0;
	width:96%;
	padding:.25em 2%;
	position:relative;
	cursor:pointer;
	border:none;
	font-size:1em;
	border-radius:0;
	background-color:#f3f4f6;
	color:#071689;
}

#pm .accordbdcb ul li:last-child {
	font-weight:600;
	color:#071689;
}

#pm .accordbdcb ul li.title {
	font-weight:600;
	padding:0;
	margin:0;
	width:96%;
	padding:.5em 2%;
	position:relative;
	cursor:pointer;
	border:none;
	font-size:1.2em;
	border-radius:0;
	margin-bottom:.5em;
	background-color:#f3f4f6;
	color:#071689;
}

#pm .accordbdcb ul li span {
	min-width:137px;
	display:inline-block;
}

/* 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:.5em;
}

.ordinfo table tr td a.btn.print {
	background-color:#e8e8e8;
	border-color:#e8e8e8;
	margin-left:0;
}

.ordinfo table tr td a.btn.info {
	margin-right:0;
}

/* terms and conditions article in checkout
------------------------------------------------------ */
#pp {
	width:1000px;
	margin:0 auto;
	background-color:#fff;
}

#pp p,
#pp h3,
#pp h4 {
	margin:0 1em;
}

#pp h3,
#pp h4 {
	margin-bottom:.5em;
}

/* -------------------------------------------------------------------------------------
=Sitemap 
------------------------------------------------------------------------------------- */
#pm .smap {
	font-size:0.813em;
}

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

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

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

#pm .smap .bc ul li ul {
	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 {
	font-weight:600;
}

/* 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 {
	font-weight:normal;
}

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

/* -------------------------------------------------------------------------------------
=Messages 
------------------------------------------------------------------------------------- */
#mess {}
#mess ul {}
#mess ul.info li {}

#mess ul.warn li {
	color:#E03A3E;
	margin:10px 0;
	font-weight:600;
	width:100%;
}

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

/* Email when back in stock */
/* take care as the html markup that writes this thing out is a bit borked! */
#ewis h3 {}
#ewis label {}

.fprd .ewis {
	font-size:.8em;
	padding:1em;
}

.lnk.ewisopen {
    display: block;
    text-align:center;
    margin: 0 auto;
    padding: 8px 16px;
    font-size: 16px;
    border-radius: 16px;
    font-family: 'Linotte-Bold';
    color: #fff;
    background-color: #f39200;
    background: linear-gradient(#f39200, #ec6707);
}

.ewisalreadyset .lnk.ewisopen {}

.lnk.ewisopen:hover {
	text-decoration:none;
}

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

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

.ui-widget.ui-widget-content.ui-autocomplete {
    width: 310px !important;
    z-index: 999999 !important;
    border-radius: 0;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #fcfe93;
}

.ui-autocomplete li.ui-menu-item {
    width: 100%;
    float: left;
    cursor: pointer;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.ui-menu-item a {
	display:inline-block;
	padding:10px 0;
}

.ui-autocomplete li {
	list-style:none;
	background-color: #e5e5e5;
}

.ui-autocomplete li:hover {
	background-color: #e5e5e5;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: 400;
    margin: inherit;
    border: none;
    background: transparent;
    font-weight: 400;
    color: inherit;
}

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

.foundProduct {
    float: left;
    margin-right: 10px;
}

.foundProduct img {
    width: 100%;
    height: auto;
    outline: 1px solid #e5e5e5;
}

.foundProductTitle {
    float: left;
    width: 195px;
}

.foundProductRef {
    float: left;
    width: 195px;
}

.foundProductDesc {
	display:none;
}

.foundProductDesc {}

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

/* -------------------------------------------------------------------------------------
=QuickView 
------------------------------------------------------------------------------------- */
.quickview {
	background-color:rgba(0,0,0,0.5);
	width:100vw;
	height:100vh;
	z-index:999;
	position:fixed;
	top:0;
	left:0;
	font-size:1em;
	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 {
	display:inline-block;
	vertical-align:top;
	width:45%;
}

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

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

.quickviewdialog .right {
	display:inline-block;
	vertical-align:top;
	width: 50%;
	padding: 2.5%;
}

.quickviewdialog .right .pititle,
.quickviewdialog .right .lnk,
.quickviewdialog .right .delivery {
	display:inline-block;
	width:100%;
	font-weight:600;
}

.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 {
	display:inline-block;
	font-size:0.750em;
	margin-right:.5em;
}

.quickviewdialog .right .pidesc {
	float:left;
	width:100%;
	height:3em;
	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;
	font-size:1.5em;
	font-weight:600;
	margin:1em 0;
	margin-right:.5em;
}

.quickviewdialog .right .pibuy .qty label,
.quickviewdialog .right .pibuy .trade label,
.quickviewdialog .right .pibuy .qty h6,
.quickviewdialog .right .pibuy .trade h6 {
	float:left;
	margin-right:.5em;
	font-size:1.2em;
	font-weight:600;
	
}

.quickviewdialog .right .pibuy form p {
	display:none;
}

.quickviewdialog .right .pibuy form .attrqty {
	width:100%;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput {
	display:inline-block;
	vertical-align:middle;
	margin-right:.5em;
	font-weight:600;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput label {
	display:inline-block;
	vertical-align:middle;
	margin-right:.5em;
	font-weight:600;
}

.quickviewdialog .right .pibuy input#bspsubmit {
	float:right;
	margin-right:1em;
}

.quickviewdialog .right .pibuy form .attrqty .qtyinput input.inputtext {
	display:inline-block;
	vertical-align:middle;
}

.quickviewdialog .right .pibuy form .attrqty input#buy {
display:inline-block;
	vertical-align:middle;
}

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

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



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

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

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

/* home page home learning packs */

#b19215{
	font-size:16px;
	margin-bottom:1em;
}
/* HomePage Learn at home with Orchard Toys
------------------------------------------------------- */
#pm .art#a105512961{
	display:inline-block;
	width:calc(100% - 4px);
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:center;
	border:2px #ffdd00 solid;
}

#pm .art#a105512961 .artp{
	background-color:#ffdd00;
	padding:1em;
	margin-bottom:20px;
	position:relative;
}

#pm .art#a105512961 .artp h2{
	font-family: 'Linotte-Heavy';
	color: #071689;
	letter-spacing: -0.06em;
	font-size: 3em;
}

#pm .art#a105512961 .imgcont{
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
}

/* HomePage Search by Learning Skill
------------------------------------------------------- */
#pm .art#a100204544{
	display:inline-block;
	width:calc(100% - 4px);
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:center;

	border:2px #3AAA35 solid;
}

#pm .art#a100204544 .artp{
	background-color:#3AAA35;
	padding:1em;
	margin-bottom:20px;
	position:relative;
}

#pm .art#a100204544 .artp:after{
	content:'';
	width: 170px;
	height:100px;
	position:absolute;
	top: -32px;
	right:200px;
	background:url('https://s3-eu-west-1.amazonaws.com/orchardtoys/5373952/i/bdr/bees_bg.png?_t=191711322') no-repeat center;
	background-size: 165px;
	pointer-events:none;
}

#pm .art#a100204544 .artp h2{
		color:#fff;
		font-size:26px;
}

#pm .art#a100204544 .imgcont{
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
}

#pm .art#a100204544 div p{
	display:none;
}

/* HomePage Search by Learning Skill
------------------------------------------------------- */
#pm .art.hpProductLink{
	display:inline-block;
	width:calc(100% - 4px);
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:center;

	border:2px #3AAA35 solid;
}

#pm .art.hpProductLink p{font-size: 1.5em;padding:.5em;}

#pm .art.hpProductLink .artp{
	background-color:#3AAA35;
	padding:1em;
	margin-bottom:20px;
	position:relative;
}

#pm .art.hpProductLink .artp:after{
	content:'';
	width: 170px;
	height:100px;
	position:absolute;
	top: -32px;
	right:200px;
	background:url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/bdr/bees_bg.png?_t=191711322') no-repeat center;
	background-size: 165px;
	pointer-events:none;
}

#pm .art.hpProductLink .artp h2{
		color:#fff;
		font-size:26px;
}

#pm .art.hpProductLink .imgcont{
	display:inline-block;
	vertical-align: top;
	width:265px;
	margin:0 10px;
}

/* HomePage need some help choosing
------------------------------------------------------- */
#pm .art#a100171785{
	display:inline-block;
	width:100%;
	background-color: #00a7e7;
	position:relative;
	margin-bottom:20px;
}

#pm .art#a100171785 .hpSearchHeader{
	background-color: #0069B4;
	text-align:center;
}

#pm .art#a100171785 .hpSearchHeader h2{
	color:#fff;
	padding:15px 0;
	font-size:26px;
}

#pm .art#a100171785 form{
	display:inline-block;
	width:75%;
	margin-left:25%;
	margin-top: 1em;
	height: 117px;
	/* margin-bottom:1.5em; */
}

#pm .art#a100171785 form .mnu_filter_search{
	width:80%;
	display:inline-block;
	vertical-align:top;
}

/* see https://stackoverflow.com/questions/18262300/two-inline-block-elements-each-50-wide-do-not-fit-side-by-side-in-a-single-ro
for why whe have to do a font-size:0;!!!!!
*/

#pm .art#a100171785 #mnu_filter_search{
	font-size:0;
}

#pm .art#a100171785 form .attrsection {
	display:inline-block;
	vertical-align:top;
	margin-bottom:0;
	width:25%;
}

#pm .art#a100171785 form .attrsection select{
	padding: 9px;
	width:calc(100% - 10px);
	/*required for webkit mac browsers that ignore padding on selects! */
	height:37px;
	margin-top:1em;


}

#pm .art#a100171785 form .HeaderContent {
    display:inline-block;
    border-bottom: none;
}

#pm .art#a100171785 form .HeaderContent h5 {
	padding: 5px 0;
    color:#fff;
	font-family: 'Linotte-Bold', sans-serif;
	font-size:20px;
}

#pm .art#a100171785  .imgcont{
	display:inline-block;
	vertical-align:bottom;
	position:absolute;
	bottom: 0px;
}

#pm .art#a100171785 .imgcont img{
	display:block;
	height: 215px;
	width:auto;
}

#pm .art#a100171785 input[type="button"]{
	height:130px;
	width:130px;
	background-color:#3AAA35;
	border:4px #fff solid;
	border-radius:50%;
	font-size:24px;
	z-index:99999;
	margin:0;
	margin-left: 0.5em;
	text-transform:none;
	font-size:40px;
	float:none;
	display:inline-block;
	vertical-align:top;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);
	position:relative;
	top: -54px;
}


/* FAQs in accordion
------------------------------------------------------- */
.faq  #pm .bc ul.accordion  li.header {
    clear: both;
    display: block;
    /* width: 926px; */
    height: 45px;
    padding-left: 74px;
    padding-top:20px;
    font-size: 29px;
    letter-spacing: -0.02em;
    font-family: 'Linotte-Bold', sans-serif;
    border-top: 1px solid #00afea;
    background-color:transparent;
}


.faq #pm .bc ul.accordion li.header:nth-child(1) {
    border-top: none;
}

.faq #pm .bc ul.accordion li.header:nth-child(4n+1) {
    color: #00afea;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/FAQs-QuestionMark-LBlue.png?_t20032018');
    background-repeat: no-repeat;
    background-position: left center;
    background-color:transparent;
}
.faq #pm .bc ul.accordion li.header:nth-child(4n+3) {
    color: #071689;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/FAQs-QuestionMark-DBlue.png?_t20032018');
    background-repeat: no-repeat;
    background-position: left center;
}

.faq #pm .bc ul.accordion li.header img.showplus {
    float: right;
    margin-right: 9px;
}
.faq #pm .bc ul.accordion li.header.current img.showplus {
    display: none;
}

.faq #pm .bc ul.accordion li.header img.showminus {
    display: none;
    float: right;
    margin-right: 9px;
}

.faq #pm .bc ul.accordion li.header.current img.showminus {
    display: block;
}

.faq #pm .bc ul.accordion li.pane {
    display:none;
    clear: both;
    width: 885px;
    margin-left: 74px;
    padding: 5px 0px 32px;
}

.faq #pm .bc ul.accordion li.pane p {
    color: #071689;
    font-size: 18px;
}


/* Stockists in accordion
------------------------------------------------------- */
.stockists  #pm .bc ul.accordion li.header {
    clear: both;
    display: block;
    height: 45px;
    padding-top:20px;
    font-size: 29px;
    letter-spacing: -0.02em;
    font-family: 'Linotte-Bold', sans-serif;
    border-top: 1px solid #00afea;
    background-color:transparent;
}

.stockists #pm .bc ul.accordion li.header:nth-child(1) {
    border-top: none;
}

.stockists #pm .bc ul.accordion li.header:nth-child(4n+1) {
    color: #00afea;
}
.stockists #pm .bc ul.accordion li.header:nth-child(4n+3) {
    color: #071689;
}

.stockists #pm .bc ul.accordion li.header img.showplus {
    float: right;
    margin-right: 9px;
}
.stockists #pm .bc ul.accordion li.header.current img.showplus {
    display: none;
}

.stockists #pm .bc ul.accordion li.header img.showminus {
    display: none;
    float: right;
    margin-right: 9px;
}

.stockists #pm .bc ul.accordion li.header.current img.showminus {
    display: block;
}

.stockists #pm .bc ul.accordion li.pane {
    display:none;
    clear: both;
    width: 885px;
    margin-left: 74px;
    padding: 5px 0px 32px;
}

.stockists #pm .bc ul.accordion li.pane p {
    color: #071689;
    font-size: 18px;
}

.stockists #pm .bc ul.accordion li.pane a{
	font-weight:normal;
}


/*font awesome icons */
.stockists  span:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-right: .5em;
	font-size: 1em;
}

.stockists  span.storenumber:before{
	display:inline-block;
	content: '\f095';
	/*because the FA5 phone icon is the wrong way round as they have made a change for 
	consistency for all diagonal icons (things which tend to be held) to go bottom left to top right! */
    transform: rotate(90deg);
}

.stockists span.storeemail:before{
	display:inline-block;
	content: '\f0e0';
}

.stockists span.storeweb:before{
	display:inline-block;
	content: '\f0ac';
}


/*fullwidth Banner used on home page */
.bnr.fullWidth{
	margin-bottom:20px;
}


/* used on the missing piece page - article set to text then images */

.art.fullWidth {
	text-align:center;
}
/*unset text alingment for actual article */

.art.fullWidth h2,
.art.fullWidth .artp{
	text-align:left;
}

.fullWidth .imgcont{
	display:inline-block;    
	vertical-align:top;

	margin:1em;
}

/* Job Application Stylings 
------------------------------------------------------- */

.jobIntro{
	display:inline-block;
	vertical-align:top;
	min-height:190px;
    position: relative;
    width: calc(50% - 2em - .5em);
    padding:1em;
    color: #071689;
    background: #dff1fc;
    margin-bottom:1em;
    margin-right:1em;
}

.jobIntro:nth-child(2n+1){
	margin-right:0;
}

.jobIntro h2{
	margin-bottom:1em;
}

.jobIntro a{
    padding:.5em 1em;
    border-radius: 15px;
    background-color: #071689;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: 'Linotte-Bold', sans-serif;
}


/* half width banners with text overlay 
------------------------------------------------------- */
.halfWidthGreen,
.halfWidthBlue,
.halfWidthYellow,
.halfWidthRed{
	display:inline-block;
	vertical-align:top;
	margin-right: 20px;
	margin-bottom:20px;
	position:relative;
}

/* targets any class that contains "halfwidth" */
/* take off + 1 when learning pack is nolonger there */
[class*="halfWidth"]:nth-child(2n) {
	margin-right:0;
}

.halfWidthGreen .toi,
.halfWidthBlue  .toi,
.halfWidthYellow .toi,
.halfWidthRed .toi{
	position:absolute;
	bottom:1em;
	color:#fff;
	padding: 16px 32px;
	border:4px #fff solid;
	border-left:none;
	border-top-right-radius:4em;
	border-bottom-right-radius:4em;
	font-size:16px;
	font-family: 'Linotte-Bold', sans-serif;
}

.halfWidthGreen .toi {
    background-color: #92c01f;
}
.halfWidthBlue .toi{
    background-color: #00a7e7;
}
.halfWidthYellow .toi{
	background-color: #ffda00;

}
.halfWidthRed .toi{
	background-color: #e20613;
}


.halfWidthGreen a,
.halfWidthBlue a,
.halfWidthYellow a,
.halfWidthRed a,
.halfWidthGreen h3,
.halfWidthBlue h3,
.halfWidthYellow h3,
.halfWidthRed h3{
	font-size: 36px;
}

/* quater width banners with text overlay 
------------------------------------------------------- */
.quarterWidthGre,
.quarterWidthBlu,
.quarterWidthYel,
.quarterWidthRed{
	display:inline-block;
	vertical-align:top;
	margin-right: 20px;
	margin-bottom:20px;
	position:relative;
}

/* targets any class that contains "halfwidth" */
[class*="quarterWidth"]:nth-child(4n) {
	margin-right:0;
}

.quarterWidthGre .toi,
.quarterWidthBlu .toi,
.quarterWidthYel .toi,
.quarterWidthRed .toi{
	position:absolute;
	bottom:1em;
	color:#fff;
	padding:16px;
	border:4px #fff solid;
	border-left:none;
	border-top-right-radius:2em;
	border-bottom-right-radius:2em;
	font-family: 'Linotte-Bold', sans-serif;
}

.quarterWidthGre .toi {
    background-color: #92c01f;
}

.quarterWidthBlu .toi{
    background-color: #00a7e7;
}
.quarterWidthYel .toi{
	background-color: #ffda00;

}
.quarterWidthRed .toi{
	background-color: #e20613;
}

.quarterWidthGre a,
.quarterWidthBlu a,
.quarterWidthYel a,
.quarterWidthRed a,
.quarterWidthGre h3,
.quarterWidthBlu h3,
.quarterWidthYel h3,
.quarterWidthRed h3{
	font-size:24px;
}

/* department headers
------------------------------------------------------- */

/*fixes for new department setup */
#pm .art.deptHeader {
    position: relative;
    border: 4px #071689 solid;
    border-radius: 40px;
    margin-bottom: 30px;
    background-color:#071689;
}




#pm .art.deptHeader h3,
#pm .art.deptHeader h4,
#pm .art.deptHeader h5 {
    display: none;
}

/*float fix*/
#pm .art.deptHeader:after {
    content: '';
    float: none;
    clear: both;
    display: block;
}

#pm .art.deptHeader h2 {
    position: absolute;
    top: 20px;
    margin-top: 10px;
    font-family: 'Linotte-Heavy';
    font-size: 68px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 0px;
    left: 20px;

    max-width:720px;
}

#pm .art.deptHeader .artp {
    float: left;
    color: #fff;
    /*was 730px*/
    width: 690px;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 84px;
    left: 20px;
    letter-spacing: -0.05em;
    display:block;
}

#pm .art.deptHeader .artp p {
    font-size: 24px;
}

#pm .art.deptHeader img {
    float: right;
    overflow: hidden;
    height: 270px;
    width: auto ;
    border-bottom-right-radius: 36px;
    border-top-right-radius: 36px;
}

/*for depts with filters/sidebar */
#pm.pmwide .art.deptHeader img {
    width: 320px;
    height: auto;
}

#pm.pmwide .art.deptHeader h2 {
    position: absolute;
    font-size: 32px;
    margin-bottom: 0;
}

#pm.pmwide .art.deptHeader .artp {
    width: 625px;
    top: 48px;
    /* outline:1px red solid; */
}

#pm.pmwide .art.deptHeader .artp h5 {
    display: none;
}

#pm.pmwide .art.deptHeader .artp p {
    font-size: 20px;
}

/*specific colours */
/* Red */
.red #pm .art.deptHeader,
.red #pm .art.deptHeaderNoImg  {
    background-color: #e20613;
    border-color: #e20613;
}

/* Yellow */
.yellow #pm .art.deptHeader,
.yellow #pm .art.deptHeaderNoImg {
    background-color: #ffda00;
    border-color: #ffda00;
    color: #071689;
}

.yellow #pm .art.deptHeader .artp {
    color: #071689;
}

/* Yellow */
.gold #pm .art.deptHeader,
.gold #pm .art.deptHeaderNoImg {
    background-color: #ffda00;
    border-color: #ffda00;
    color: #071689;
}

.gold #pm .art.deptHeader .artp {
    color: #071689;
}
/* custom for award title that is on two lines */
.gold #pm .art.deptHeader#a91291650 .artp {
    color: #071689;
    top: 162px;
}

/* Lime Green */
.lime #pm .art.deptHeader,
.lime #pm .art.deptHeaderNoImg {
    background-color: #92c01f;
    border-color: #92c01f
}

/* Green */
.green #pm .art.deptHeader,
.green #pm .art.deptHeaderNoImg {
    background-color: #009540;
    border-color: #009540
}

/* Ice Blue */
.ice #pm .art.deptHeader,
.ice #pm .art.deptHeaderNoImg  {
    background-color: #00a7e7;
    border-color: #00a7e7
}

/* Blue */
.blue #pm .art.deptHeader,
.blue #pm .art.deptHeaderNoImg {
    background-color: #0069b4;
    border-color: #0069b4
}

/* Pink */
.pink #pm .art.deptHeader,
.pink #pm .art.deptHeaderNoImg {
    background-color: #c85096;
    border-color: #c85096
}


/* reduced sizes for longer ones */

#pm .art.deptHeader#a104529923  h2,
#pm .art.deptHeader#a104529924  h2,
#pm .art.deptHeader#a104529922  h2
{
	font-size: 44px;
}


/* Top Articles */
.art.deptheader {
    float: left;
    width: 1200px;
    height: 272px;
    margin-top: 26px;
    margin-bottom: 34px;
}

.art.deptheader-sm {
    float: left;
    width: 746px;
    height: 172px;
    margin-top: 26px;
    margin-bottom: 34px;
}

.art.deptheader .artp {
    width: 402px;
    float: left;
    padding-left: 20px;
}

.art.deptheader-sm .artp {
    width: 402px;
    float: left;
    padding-left: 20px;
}

#pm .art.deptheader .artp h2 {
    margin-top: 25px;
    font-family: 'Linotte-Heavy';
    font-size: 68px;
    color: #fff;
    letter-spacing: -0.05em;
    -webkit-text-stroke: 3px #071689;
}

#pm .art.deptheader-sm .artp h2 {
    margin-top: 20px;
    font-family: 'Linotte-Bold';
    font-size: 30px;
    color: #fff;
}

.art.deptheader .artp p {
    margin-top: 20px;
    font-size: 24px;
    color: #fff;
    font-family: 'Linotte-Regular', sans-serif;
}

.art.deptheader-sm .artp p {
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
    font-family: 'Linotte-Regular', sans-serif;
}

.bnr.deptHeader, .bnr.deptHeaderSml {
    position: relative;
    margin-bottom: 20px;
}

.yellow .bnr.deptHeader p, .yellow .bnr.deptHeaderSml p {
    color: #071689;
}

.bnr.browse-games, .bnr.browse-jigsaw {
    text-align: center;
    margin-bottom: 20px;
}

.bnr.deptHeader img, .bnr.deptHeaderSml img {
    height: auto;
}

.bnr.deptHeader h3 {
    margin-top: 25px;
    font-family: 'Linotte-Heavy';
    font-size: 68px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 0px;
    left: 20px
}

.bnr.deptHeaderSml h3 {
    margin-top: 20px;
    font-family: 'Linotte-Heavy';
    font-size: 32px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 0px;
    left: 20px
}

.bnr.deptHeader p {
    width: 550px;
    font-size: 24px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 100px;
    left: 20px;
}

.bnr.deptHeaderSml p {
    width: 390px;
    font-size: 20px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 60px;
    left: 20px;
}

.bnr.deptHeaderedu,
.bnr.deptHeadereduSml {
    position: relative;
    width: 1200px;
    margin-bottom: 20px;
}

.bnr.browse-games {
    text-align: center;
    /* margin-top:20px; */
}

.bnr.deptHeaderedu img,
.bnr.deptHeadereduSml img {
    /* width:1200px; */
    height: auto;
}

.bnr.deptHeaderedu h3 {
    margin-top: 25px;
    font-family: 'Linotte-Heavy';
    font-size: 68px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 0px;
    left: 20px;
    max-width: 538px;
}

.bnr.deptHeadereduSml h3 {
    margin-top: 20px;
    font-family: 'Linotte-Heavy';
    font-size: 32px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 0px;
    left: 20px
}

.bnr.deptHeaderedu p {
    /* margin-top: 25px; */
    width: 550px;
    font-size: 24px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 166px;
    left: 20px;
}

.bnr.deptHeadereduSml p {
    /* margin-top: 25px; */
    width: 390px;
    font-size: 20px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 60px;
    left: 20px;
}


/*dept header with no image */

#pm .art.deptHeaderNoImg{
	position: relative;
	border: 4px #071689 solid;
	border-radius: 40px;
	margin-bottom: 30px;
	background-color:#071689;
	height:270px;
}

/*float fix*/
#pm .art.deptHeaderNoImg:after {
    content: '';
    float: none;
    clear: both;
    display: block;
}


#pm .art.deptHeaderNoImg h2 {
    position: absolute;
    top: 20px;
    margin-top: 10px;
    font-family: 'Linotte-Heavy';
    font-size: 68px;
    color: #fff;
    letter-spacing: -0.05em;
    position: absolute;
    top: 0px;
    left: 20px;
    max-width: 1000px;
}

#pm .art.deptHeaderNoImg .artp {
    float: left;
    color: #fff;
    /*was 730px*/
    width: 100%;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 84px;
    left: 20px;
    letter-spacing: -0.05em;
    display:block;
}

#pm .art.deptHeaderNoImg .artp p {
    font-size: 24px;
}



/* responsive iframe stuff for Youtube Video Containers
 - was used on old site homepage
 ------------------------------------------------------- */

.hpVideo{
    width:calc(50% - 2em);
    margin:1em;
    display:inline-block;
    vertical-align:top;
    margin-top:2em;
}

/*to sort out the responsive iframe */
.hpVideo .artp {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.hpVideo .artp iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.hpVideo .artp {
	-webkit-box-shadow: 0 0 0 10px rgba(239,108,50);
	-moz-box-shadow: 0 0 0 10px rgba(239,108,50);
	box-shadow: 0 0 0 10px rgba(239,108,50);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

/* about us articles
 ------------------------------------------------------- */
#site.index #pmid.page_index #pm.pmwide {
    width: 742px;
    /* margin-right: 50px; */
    margin-left: 0px;
}

#prom-1685258240 ul.accordion {
    clear: both;
    width: 1200px;
}

#prom-1685258240 ul.accordion li.header {
    clear: both;
    display: table-cell;
    width: 926px;
    height: 65px;
    padding-left: 74px;
    vertical-align: middle;
    color: #071689;
    font-size: 29px;
    letter-spacing: -0.02em;
    font-family: 'Linotte-Bold', sans-serif;
    border-top: 1px solid #00afea;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/bnr/companylogo.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 58px;
}

#prom-1685258240 ul.accordion li.header:nth-child(1) {
    border-top: none;
}

#prom-1685258240 ul.accordion li.pane {
    clear: both;
    width: 885px;
    margin-left: 74px;
    padding: 5px 0px 32px;
}

#prom-1685258240 ul.accordion li.pane p {
    line-height: 1.2em;
    padding-bottom: 15px;
    color: #071689;
}

#prom-1685258240 ul.accordion li.pane p:nth-child(1) {
    display: none;
}

#prom-1685258240 ul.accordion li.pane h3 {
    color: #071689;
    font-family: 'Linotte-Bold', sans-serif;
    padding-top: 10px;
    padding-bottom: 15px;
}

span.learningimg {
    display: block;
    float: left;
    width: 232px;
    padding-bottom: 15px;
}

span.learningimg:nth-child(2) {
    margin: 0px 94px;
}

span.learningimg img {
    width: 100% !important;
    height: auto !important;
}

/* sidebar */
#site.index #pmid.page_index #pl {
    width: 233px;
    margin-top: 0px;
    margin-right: 25px;
}

.art.aboutus-sidebar, .art.contact-sidebar {
    float: left;
    margin-right: 25px;
}

#site.index #pmid.page_index #pl a.sidebar-btn {
    width: 207px;
    display: block;
    padding: 13.5px 10px;
    border: 3px solid #009fe2;
    border-radius: 50px;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: 'Linotte-Bold', sans-serif;
    font-weight: normal;
    text-align: center;
    color: #009fe2;
}

#site.index.abt1 #pmid.page_index #pl a.sidebar-btn:nth-child(1),
#site.index.abt2 #pmid.page_index #pl a.sidebar-btn:nth-child(2),
#site.index.abt3 #pmid.page_index #pl a.sidebar-btn:nth-child(3),
#site.index.abt4 #pmid.page_index #pl a.sidebar-btn:nth-child(4),
#site.index.abt5 #pmid.page_index #pl a.sidebar-btn:nth-child(5) {
    color: #fff;
    background-color: #009fe2;
}

#site.index.cu1 #pmid.page_index #pl a.sidebar-btn:nth-child(1),
#site.index.cu2 #pmid.page_index #pl a.sidebar-btn:nth-child(2),
#site.index.cu3 #pmid.page_index #pl a.sidebar-btn:nth-child(3),
#site.index.cu4 #pmid.page_index #pl a.sidebar-btn:nth-child(4),
#site.index.cu5 #pmid.page_index #pl a.sidebar-btn:nth-child(5),
#site.index.cu6 #pmid.page_index #pl a.sidebar-btn:nth-child(6) {
    color: #fff;
    background-color: #009fe2;
}

#site.index #pmid.page_index #pl a.sidebar-btn:hover {
    color: #fff;
    background-color: #009fe2;
}

.art.aboutus {
    width: 942px;
    margin:auto;
    color: #071689;
}

.art.aboutus p {
    line-height: 1.2em;
    padding-bottom: 15px;
        font-size: 22px;
}

.art.aboutus h2 {
    padding-bottom: 15px;
}

.art.aboutus h3 {
    padding-top: 10px;
    padding-bottom: 15px;
    color: #000;
}

#a64028686 img {
    width: 232px !important;
    height: auto !important;
}

.aboutus img:nth-child(2) {
    padding: 0px 19px;
}

/* educational values 
 ------------------------------------------------------- */
/* intro text */
#p26345473 {
    float: right;
    width: 742px;
    color: #071689;
}

#p26345473 h2 {
    padding-bottom: 15px;
}

#p26345473 p {
    line-height: 1.2em;
    padding-bottom: 15px;
}

#pm .bc #prom-1681162239 ul.accordion {
    clear: both;
    width: 942px;
    margin:0;
    /* outline:1px red solid; */
}

/* eduvalues accordion 
 ------------------------------------------------------- */

#pm .bc #prom-1681162239 ul.accordion li.header {
    clear: both;
    display: block;
    width: 858px;
    height: 45px;
    margin:0;
    /* padding-top: 20px; */
    padding-left: 74px;
    /* vertical-align: middle; */
    color: #071689;
    font-size: 29px;
    /* letter-spacing: -0.02em; */
    font-family: 'Linotte-Bold', sans-serif;
    border-top: 1px solid #00afea;
    background-repeat: no-repeat;
    background-position: left center;
    background-color:transparent;
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(1) {
    border-top: none;
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(1) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/discussion.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(3) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/languageandliteracy.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(5) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/numberandcounting.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(7) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/colour.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(9) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/shapeandmatching.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(11) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/memory.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(13) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/observation.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(15) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/worldknowledge.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(17) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/handeyecoordination.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(19) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/personalandsocialskills.jpg');
}

#pm .bc #prom-1681162239 ul.accordion li.header:nth-child(21) {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/flg/imaginitiveplay.jpg');
}


#pm .bc #prom-1681162239 ul.accordion li.pane {
    display: none;
    clear: both;
    width: 798px;
    /* margin-right: 32px; */
    margin-left: 74px;
    padding:0;
    /* outline:1px red solid; */
}

#prom-1681162239 ul.accordion li.pane p {
    line-height: 1.2em;
    padding-bottom: 15px;
    color: #071689;
}

#prom-1681162239 ul.accordion li.pane p:nth-child(1) {
    display: none;
}

#prom-1681162239 ul.accordion li.pane h3 {
    color: #071689;
    font-family: 'Linotte-Bold', sans-serif;
    padding-top: 10px;
    padding-bottom: 15px;
}

/* contact us articles 
 ------------------------------------------------------- */
#pm .art {
    color: #071689;
}

.art.contactus {
    float: left;
    width: 742px;
}

.art.contactus h2 {
    padding-bottom: 15px;
}

.art.contactus p {
    line-height: 1.2em;
    /* padding-bottom: 15px; */
}

.art.contactus h4{
	margin-bottom:1em;
}

#prom-1685258239 .form .bt,
#prom-1680310271 .form .bt {
    display: none;
}

#prom-1685258239 .form .bc h3,
#prom-1680310271 .form .bt h3 {
    display: none;
}

#pm #prom-1685258239 .form .bc ul li,
#pm #prom-1680310271 .form .bc ul li {
    color: #071689;
}

#pm #prom-1685258239 .form .bc ul li label {
    width: 120px;
    min-width: initial;
}

#pm #prom-1685258239 .form .bc ul li input.inputtext {
    width: 365px;
}

#pm #prom-1685258239 .form .bc ul li textarea.inputtext {
    width: 365px;
}

#pmid.page_index .form .submit {
    float: right;
    font-family: 'Linotte-Bold', sans-serif;
    color: #fff;
    text-transform: uppercase;
    background-color: #38b349;
    padding:.5em 1em;
    margin-bottom:20px;
}

/* general enqiures 
 ------------------------------------------------------- */
#pmid.page_index #pr {
    width: 233px;
    min-height: 350px;
    padding-left: 20px;
    border-left: 2px solid #00afea;
}

.contactdetails p {
    color: #071689;
    padding-bottom: 10px;
}


/* contact forms 
 ------------------------------------------------------- */
#site.index .page_index .form {
    color: #071689;
}

#site.index .page_index .form .bt {
    display: none;
}

#site.index .page_index .form .bc form ul li.info {
    font-family: 'Linotte-Bold', sans-serif;
}

#site.index .page_index .form .bc form h3 {
    font-size: 16px;
    line-height: 1.2em;
    padding-bottom: 15px;
}

#site.index .page_index .form .bc form ul li {
    float: left;
}

#site.index .page_index .form .bc form ul li label img {
    float: right;
}

#site.index .page_index .pmwide .form .bc form ul li input.inputtext {
    width: 548px;
}

#site.index .page_index .form .bc form ul li img + input.inputtext {
    /* margin-left: 180px; */
}

#site.index .page_index .form .bc form ul li textarea.inputtext {
    width: 296px;
}

#site.index .page_index .form .bc form .submit {
    margin-top: 10px;
}


/* faqs
 ------------------------------------------------------- */
#prom-1683980288 {
    width: 1000px;
    margin:0 100px;
}

#a62849026 {
    width: 540px;
    background-color: #eb6609;
}

#a62849026 p {
    font-family: 'Linotte-Regular', sans-serif;
}

#a62849025 {
    clear: both;
}

/* catalouge requests
 ------------------------------------------------------- */
#prom-1685258238 {
    width: 1000px;
    margin:0 100px;
}

/* stockists
 ------------------------------------------------------- */
#p-1683718144, #p-1683718142 {
    height: 230px;
    margin-bottom: 37px;
    padding: 22px;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/stockistheader.png?_t20032018');
    background-position: left center;
    background-size: 100%;
}

#b-4554750 {
    margin-top: 104px;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/btn-ukstockists_hover.png?_t20032018');
    background-repeat: no-repeat;
}

#b-4554750 img:hover {
    opacity: 0;
}

#b-4554751 {
    margin-top: 18px;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/btn-internationalstockists_hover.png?_t20032018');
    background-repeat: no-repeat;
}

#b-4554751 img:hover {
    opacity: 0;
}

/* international stockists
 ------------------------------------------------------- */
#prom-1683718144 ul.accordion {
    width: 100%;

}

#prom-1683718144 ul.accordion li.header {
    clear: both;
    display: table-cell;
    height: 88px;
    vertical-align: middle;
    font-size: 40px;
    letter-spacing: -0.02em;
    font-family: 'Linotte-Bold', sans-serif;
    border-top: 1px solid #00afea;
}

#prom-1683718144 ul.accordion li.pane span.storename {
	display:inline-block;
	margin-bottom:.5em;
    color: #071689;
    font-family: 'Linotte-Bold', sans-serif;
}

#prom-1683718144 ul.accordion li.pane span.storenumber {
	display:inline-block;
	color: #009fe3;
}

#prom-1683718144 ul.accordion li.pane span.storeaddress {
}

/* Catalgoue Requests
 ------------------------------------------------------- */
#site.index.catalogue #pm .art h2 {
    font-family: 'Linotte-Bold', sans-serif;
    font-size: 26px;
    color: #009fe3;
    margin-bottom: 30px;
}

#site.index.catalogue #pm .art p {
    font-size: 18px;
    color: #071689;
}

#site.index.catalogue #pm .art p.button_p {
    margin: 10px 0;
    text-align: center;
}

#site.index.catalogue #pm .art a.btn {
    display: block;
    width: 147px;
    margin: 0 auto;
    padding: 0px;
    border-radius: 15px;
    line-height: 52px;
    color: #fff;
    font-size: 22px;
    font-family: 'Linotte-Bold', sans-serif;
    background-color: #071689;
}

#site.index.catalogue #pm .art img {
    margin-top: 10px;
}

#site.index.catalogue #a64323584 {
    float: left;
    width: 475px;
}

#site.index.catalogue #a64323585 {
    float: right;
    width: 475px;
}

#site.index.catalogue .form {
    float: left;
    clear: left;
    width: 485px;
    margin-top: 50px;
}

#site.index.catalogue .yumpu{
    float: right;
    width: 475px;
}


#site.index.catalogue .art.cataloguePriv{
	float:left;
	text-align:left;
	/* outline:1px red solid; */
	/* width:100%; */
}

#site.index.catalogue .form .bt {
    display: none;
}

#site.index.catalogue .form .bc, #site.index.catalogue .form .bc ul {
    width: 100%;

}

#site.index.catalogue .form .bc, #site.index.catalogue .form .bc ul.check{
	columns:1;
}
    

#site.index.catalogue .form .bc li, #site.index.catalogue .form .bc label {
    font-size: 18px;
    color: #071689;
}

#site.index.catalogue .form .bc label {
    min-width: 125px;
    max-width:100%;
    width: auto;
    text-align: left;
    margin-bottom: 10px;
}

#site.index.catalogue .form input.inputtext {
    /* float: left; */
    width: 324px;
    max-height: 31px;
    border: 1px solid #009fe2;
    border-radius: 15px;
    margin-bottom: 10px;
    padding: 4px 10px;
    font-size: 18px;
}

#site.index.catalogue .form select.inputtext {
    /* float: left; */
    /* clear: both; */
    width: 324px;
    max-height: 31px;
    border: 1px solid #009fe2;
    border-radius: 15px;
    margin-bottom: 10px;
    padding: 2.5px 0px;
    padding-left: 10px;
    font-size: 18px;
    font-family: 'Linotte-Regular', sans-serif;
}

#site.index.catalogue .form input#submit {
    width: 146px;
    margin-top: 18px;
    margin-bottom:20px;
    padding: 0px 0px;
    border-radius: 15px;
    background-color: #071689;
    line-height: 52px;
    font-size: 22px;
    font-family: 'Linotte-Bold', sans-serif;
    color: #fff;
    float:left;
}

#site.index.catalogue .form + .pbnr {
    float: left;
    width: 515px;
    text-align: center;
}

#site.index.catalogue .form + .pbnr img {
    max-width: 100%;
    height: auto;
}

/* things to do
 ------------------------------------------------------- */

/* new improved things to do layout */

.thingstodoEntry{
	border: 5px solid #e00713;
	border-radius: 40px;
	display:inline-block;
	vertical-align:top;
	margin:.5em;
	padding:.5em;
	width:calc(33.333% - 10px - 2em);
	min-height: 253px;
}
.thingstodoEntry h2{
	padding-bottom: 5px;
	font-size: 29px;
	text-align: center;
	color: #e00713;
	font-family: 'Linotte-Bold', sans-serif;
}

.thingstodoEntry .imgcont{
	display:inline-block;
	vertical-align:middle;
	width:146px;
	padding:.5em;
}

.thingstodoEntry .imgcont a{
	display:inline-block;
}
.thingstodoEntry .artp{
	width:calc(100% - 146px - 2em);
	display:inline-block;
	vertical-align:top;
	padding:.5em;
}

.thingstodoEntry .artp p{
	font-size: 1.25em;
}

.thingstodoEntry .artp a{
	clear: both;
	display: inline-block;
	margin: 0 auto;
	padding: 14px;
	border-radius: 15px;
	background-color: #071689;
	font-size: 22px;
	text-align: right;
	color: #fff;
	font-family: 'Linotte-Bold', sans-serif;
}


.video{
	border: 5px solid #e00713;
	border-radius: 40px;
	display:inline-block;
	vertical-align:top;
	margin:.5em;
	padding:.5em;
	width:calc(33.33333% - 10px - 2em);
}
.video h2{
	padding-bottom: 5px;
	font-size: 29px;
	text-align: center;
	color: #e00713;
	font-family: 'Linotte-Bold', sans-serif;
}

.video .artp{
	padding:56.25% 0 0 0;
	/* margin:.5em; */
	position:relative;
}

.video .artp p{
	font-size: 1.25em;
}

.video .artp a{
	clear: both;
	display: inline-block;
	margin: 0 auto;
	padding: 14px;
	border-radius: 15px;
	background-color: #071689;
	font-size: 22px;
	text-align: right;
	color: #fff;
	font-family: 'Linotte-Bold', sans-serif;
}



/* cookie policy
------------------------------------------------------- */
#site.index .page_index #pm .bc .pmind .art.cookiepolicy h2 {
    color: #071689;
    font-family: 'Linotte-Bold', sans-serif;
    padding-bottom: 10px;
}

#site.index .page_index #pm .bc .pmind .art.cookiepolicy p {
    padding-bottom: 10px;
}

#site.index .page_index #pm .bc .pmind .art.cookiepolicy p strong {
    color: #071689;
}

#site.index .page_index #pm .bc .pmind .art.cookiepolicy a {
    color: #00a7e7;
}

/* privacy policy
------------------------------------------------------- */
#site.index .page_index #pm .bc .pmind .art.privacypolicy h2 {
    color: #071689;
    font-family: 'Linotte-Bold', sans-serif;
    padding-bottom: 10px;
}

#site.index .page_index #pm .bc .pmind .art.privacypolicy p {
    padding-bottom: 10px;
}

#site.index .page_index #pm .bc .pmind .art.privacypolicy p strong {
    color: #071689;
}

#site.index .page_index #pm .bc .pmind .art.privacypolicy a {
    color: #00a7e7;
}

#site.index .page_index #pm .bc .pmind .art.privacypolicy ul {
    margin-left: 20px;
    margin-bottom: 20px;
}

#site.index .page_index #pm .bc .pmind .art.privacypolicy ul li {
    padding-bottom: 10px;
    list-style: disc;
}

/* delivery
------------------------------------------------------- */
.delivery h2,
.delivery h3,
.delivery p {
    margin-bottom: 1em;
}

.delivery table {
    border: 1px #97999c solid;
    border-collapse: collapse;
    margin-bottom: 1em;
}

.delivery table th {
    background-color: #009fe3;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    padding: .25em;
}

.delivery table th:first-child {
    width: 40%;
}

.delivery table tr:nth-child(odd) {
    /* background-color: #e0e0e0; */
}



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

/* accordion descriptions within a promotion (separate to checkout process)
------------------------------------------------------- */
#pm .bc ul.accordion {
	list-style:none;
	font-size:1em;
	margin:1em;
}

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

#pm .bc ul.accordion .pane {
	/* background-color:#eeecec; */
	padding:.5em 2em;
	/* font-size:0.813em; */
}

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

#pm .bc ul.accordion li.header {
	background-color:#071689;
	color:#fff;
	font-size: 1.25em;
	margin:0;
	padding: 0.35em;
	position:relative;
	cursor:pointer;
	margin-top:.5em;
}

#pm .bc ul.accordion li.header img {
	position:absolute;
	right: 0.6em;
	/* top: 0.9em; */
	width:20px;
	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: 0.75em;
	width:auto;
}

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

#pm .bc .accordion p {
	color:inherit;
	font-size:1.2em;
}

#pm .bc .accordion ul {}

#pm .bc .accordion a {
	color:#071689;
	font-weight:600;
}

#pm .bc .accordion a:hover {
	text-decoration:underline;
	text-decoration-color:#071689;
}

#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

There is no blog "promotion" page and as such you need to ensure that you have a blank promotion set up - and set as the default promotion
if you don't do this then you will end up with the home page promotion content showing on this (and other) pages

there is no ability to dictate the order of the blog content (img/title/date/read) and as such absolute positioning must be used

WHICH IS A NIGHTMARE!
------------------------------------------------------------------------------------ */

.page_blog  #pm.pmfull {
	/* width: 1090px; */
	/* margin:auto 55px; */
}

.page_blog #pm .bc h2 {
    display: none;
}
.page_blog #pm .bc .art.deptHeader h2 {
		display:block;
}


.page_blog #pm .art.blog .bc h2 {
    display: block;
    font-weight: bold;
}

.page_blog .blog {
    position: relative;
    width: 350px;
    height: 423px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    color: #071689;
    background: #dff1fc;
}

.page_blog .blog:nth-child(3n) {
    /* margin-right: 0px; */
}


.page_blog .blog a.title {
    position: absolute;
    top: 253px;
    width: 330px;
    height: 50px;
    padding: 0px 10px 10px;
    text-align: center;
    font-size: 22px;
    color: #071689;
    font-weight: bold;
}

.page_blog .blog p.date {
    position: absolute;
    top: 303px;
    width: 350px;
    height: 50px;
    line-height: 50px;
    color: #009fe3;
    font-size: 18px;
    text-align: center;
}

#pm .blog img {
    position: absolute;
    top: 0px;
    width: 350px !important;
    height: 243px !important;
}

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


.page_blog .artp {
    position: absolute;
    top: 353px;
    height: 120px;
    width: 330px;
    padding: 0px 10px 0px;
    text-align: center;

    display:none;
}

.page_blog .deptHeader .artp {
	top:0;
	height:auto;
	width:auto;
	padding:initial;
	text-align:left;
}

.page_blog .art.blog .artp {
    position: initial;
    width: 100%;
    height: auto;
    text-align: left;
    display:block;
}

.page_blog .blog a.more {
    position: absolute;
    top: 354px;
    left: 87px;
    width: 175px;
    height: 52px;
    border-radius: 15px;
    background-color: #071689;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: 'Linotte-Bold', sans-serif;
}

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

.page_blog .art.blog h2 {
    width: 100%;
    padding: 10px;
}

.page_blog #pm .art.blog img {
    margin-bottom: 0px;
    width: initial !important;
    height: initial !important;
    position: initial;
}





/* blog nav
------------------------------------------------------- */


.blogBtns, .blogPageBtns {
    width: 100%;
    float: left;
    margin: 20px 0px;
}

.blogBtns a, .blogPageBtns a {
    display: block;
    width: 110px;
    height: 42px;
    border-radius: 15px;
    background-color: #071689;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: 'Linotte-Bold', sans-serif;
}

.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:20px;
}

.carousel:hover {
	cursor:-moz-grab;
	cursor:-webkit-grab;
	cursor:grab;
}

.owl-carousel .piflags img {
	height:auto;
	width:auto;
	display:inline-block;
}

.owl-theme .owl-controls {
	pointer-events:none; /*without this you can't click through the controls and get to the thing behind it */
	display:none;
}

.owl-theme .owl-nav {

}

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

.owl-theme .owl-dots .owl-dot {
	display:inline-block;
	vertical-align:top;
}

/* for product carousels reset padding on .fprd and set the width to auto */
.carousel.prod{
	border:2px #009fe3 solid;
}

.carousel.prod h2{
	font-size: 20px;
	color: #FFF;
	position: relative;
	font-family: 'Linotte-Bold', sans-serif;
	width: 100%;
	text-align: center;
	width: 100%;
	padding:15px 0;
	background-color: #009fe3;
	/* margin-bottom: 20px; */
	font-size: 24px;
	/* margin-top:10px; */
	position:relative;
}


.carousel.prod .owl-carousel{
	margin: 0 1.5em;
	width: calc(100% - 3em);
}


.owl-item .fprd {
	margin:0;
	width:unset;
}

.owl-item .fprd:hover {
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
	border:none !important;
}

.owl-item .fprd .fprdimg {
	width:auto;
	margin:0;
}

.owl-item .fprd .fprdtitle a {
	font-family: 'Linotte-Bold', sans-serif;
	display:inline-block;
	text-align:center;
	width:100%;
	vertical-align:top;
	height: 2.4em; /*max number of lines before display issues!*/
	margin:.5em 0;
	text-transform:capitalize;
	font-family: 'Linotte-Bold', sans-serif;
	font-size: 1em;
	color:#071689;
}

.owl-item .fprd .price h6{
	font-size:16px;
}

.owl-item .fprd .fprdinfo {
	display:none;
}

.owl-item .fprd form {
    display:inline-block;
    width:100%;
    margin: 15px auto;
    text-align: center;
    position: relative;
}

.owl-item .fprd form input.submit {
    display: block;
    margin: 0 auto;
    padding: 8px 16px;
    border-radius: 16px;
    font-family: 'Linotte-Bold';
    font-size: 16px;
    color: #fff;

    background-color: #f39200;
    background: linear-gradient(#f39200, #ec6707);
}


.carousel.prod .owl-controls {
	display:block;
}

.carousel.prod .owl-controls .owl-nav {
	display:block;
	position:absolute;
	top:50%;
	width:100%;
}

.carousel.prod .owl-dots{
	text-align:center;
}

.carousel.prod .owl-dots .owl-dot span {}
.carousel.prod .owl-dots .owl-dot.active span {}


.carousel.prod .owl-prev {
    float: left;
    margin-left: -1em;
}

.carousel.prod .owl-next {
    margin-right:-1em;
}

.owl-prev {
		pointer-events:all;
    float: left;
	font-size: 20px;
	color: #FFF;
	position: relative;
	font-family: 'Linotte-Bold', sans-serif;
	text-align: center;
	padding:5px;
	background-color: #009fe3;
}

.owl-next {
		pointer-events:all;
    float: right;
	font-size: 20px;
	color: #FFF;
	position: relative;
	font-family: 'Linotte-Bold', sans-serif;
	text-align: center;
	padding:5px;
	background-color: #009fe3;
}

.owl-controls {
    width: 100%;
}

.owl-dots {}

.owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    background-color: #009fe3;
    display: block;
    margin: 2px;
    border-radius: 15px;
}

.owl-dots .owl-dot.active span {
    background-color: #97999c;
}

.owl-prev {
    float: left;
    margin-left: -0.5em;
}

.owl-next {
    margin-right:-.5em;
}


/* text overlay stuff - needs a bit more tweeking in coms */
.carousel .imgcont {}
.carousel div.slideCont {}
.carousel div.slideCont h2 {}
.carousel div.slideCont h3 {}
.carousel div.slideCont h4 {}
.carousel div.slideCont .btn {}

/* -------------------------------------------------------------------------------------
=Jquery Base Overrides 
------------------------------------------------------------------------------------- */
.ui-dialog,
.ui-widget.ui-widget-content {
	/* background-color:#fff; */
	/* z-index:2000; */
	/* padding:1em; */
	/* border:1px #071689 solid; */
	/* border-radius:0px; */
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;

}

.ui-widget {
	font-size:1em;
	font-family: "urw-form",sans-serif;
}

.ui-widget-header {
	background-color:#071689;
	border:none;
	color:#eeeff1 ;
	padding: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 {}

.ui-widget form {}

.ui-widget input[type="text"],
.ui-widget select,
.ui-widget textarea,
.ui-widget button {}

.ui-dialog {
    width:auto !important;
}

.ui-widget-content .art {
	/*testing this out */
	display:inline-block;
	width:100%;
}

.validateTips {
	font-size:.688em;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	/* font-size: 0.55em; */
	/* padding:.5em; */
	font-weight:600;
	cursor:pointer;
	/* background-color:#071689; */
	/* border:1px #071689 solid; */
	/* outline:none; */
	/* color:#fff; */
	/* display:inline-block; */
	/* vertical-align:middle; */
	/* border-radius:0; */
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color:#454545;
	text-decoration:none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color:#2b2b2b;
	text-decoration:none;
}

/* -------------------------------------------------------------------------------------
=Brand Pages 
------------------------------------------------------------------------------------- */

.brnd .scroller {}
.brnd .scroller ul {}
.brnd .scroller li {}
.brnd .scroller #buttleft,
.brnd .scroller #buttright {}
.page_brands {}
.page_brands .brands .brnd {}
.page_brands .brands .brnd:nth-child(4n) {}
.page_brands .brands .brnd a img {}
.page_brands .brands .brnd a img:hover {}
.page_brands .brands .brnd h3.name {}
.page_brands .brands .brnd p.descr {}

/* individual brand page */
.page_brand .carousel {}

.page_brand .carousel .owl-theme .owl-controls {}


/* -------------------------------------------------------------------------------------
=Store Locator 
------------------------------------------------------------------------------------- */
.gm-style div div {
    max-width: 360px;
}

#storelocator {
    float: left;
    width: 1200px;
    margin: 0 auto;
}

#storelocator #storesearchform {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

#storelocator #storesearchform label {
    margin-bottom: 20px;
    width: 100%;
    font-size: 20px;
    color: #071689;
    float: left;
    clear: both;
}

#storelocator input#searchpostcode {
    margin: 0px;
    height: 25px;
    width: 200px;
    float: left;
}

#storelocator input.submit {
    float: left;
    width: 87px;
    margin: 0;
    margin-left: 12px;
    border-radius: 10px;
    font-size: 17px;
    font-family: 'Linotte-SemiBold', sans-serif;
    background-color: #071689;
    color: #fff;
}

#storelocator #searchresults {
    width: 500px;
    height: 678px;
    overflow-x: hidden;
    overflow-y: scroll;
    float: left;
}

#storelocator #searchresults ol li {
    width: 100%;
    float: left;
    padding: 10px 0 0 0;
    margin: 0 0 20px 0;
    text-align: left;
    border-bottom: 2px solid #00a7e7;
}

/* cancels the above for further list items */
#storelocator #searchresults ol li ul li,
#storelocator #searchresults ol li ol li {
    background: none;
    list-style: none;
}

#storelocator #searchresults ol li:hover {
    cursor: pointer;
}

#storelocator #searchresults ol li span {}

#storelocator #searchresults ol li span.storeaddress {
    float: left;    font-size: 13px;
    color: #9d9d9c;
}

#storelocator #searchresults ol li span.storeindex {
    float: left;
    display: block;
    width: 24px;
    margin-right: 35px;
    font-size: 40px;
    font-family: 'Linotte-Heavy', sans-serif;
    text-align: left;
}

/* colours
----------------------------------*/
#storelocator #searchresults ol li:nth-child(6n+1) span.storeindex {
    color: #00a7e7;
}

#storelocator #searchresults ol li:nth-child(6n+2) span.storeindex {
    color: #93c01f;
}

#storelocator #searchresults ol li:nth-child(6n+3) span.storeindex {
    color: #ee7d00;
}

#storelocator #searchresults ol li:nth-child(6n+4) span.storeindex {
    color: #c95097;
}

#storelocator #searchresults ol li:nth-child(6n+5) span.storeindex {
    color: #f08eb9;
}

#storelocator #searchresults ol li:nth-child(6n+6) span.storeindex {
    color: #ffdc00;
}

#storelocator #searchresults ol li span.storename {
    float: left;
    width: 325px;
    color: #071689;
    font-family: 'Linotte-Bold', sans-serif;
}

#storelocator #searchresults ol li span.storedistance {
    float: right;
    margin-right: 10px;
    color: #00a7e7;
    border: 1px solid #00a7e7;
    border-radius: 10px;
    padding: 15px;
}

#storelocator #searchresults ol li ul.accordion li.pane span.storeopeningtimes {}
#storelocator #searchresults ol li span.storeopeningtimes label {}

#storelocator #storemap {
    border: 1px solid #440099;
    width: 480px;
    height: 770px;
    float: right;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
    margin-bottom: 30px;
}

#storelocator #searchresults ol li ul.accordion {
    float: left;
    clear: both;
    width: 500px;
}

#storelocator #searchresults ol li ul.accordion li.pane {
    width: 420px;
    padding: 0px;
    margin: 0;
    padding-bottom: 5px;
    margin-left: 60px;
    display: none;
    cursor: default;
    border-bottom: 0px;
}

#storelocator #searchresults ol li ul.accordion li.pane span {
    width: 94%;
    float: left;
}

#storelocator #searchresults ol li ul.accordion li.pane span.storetel,
#storelocator #searchresults ol li ul.accordion li.pane span.storeemail {
    padding: 4px 0;
    color: #00a7e7;
    font-family: 'Linotte-Bold', sans-serif;
}

#storelocator #searchresults ol li ul.accordion li.pane span.storeemail {
    display: none;
}

#storelocator #searchresults ol li ul.accordion li.pane span.storetel label,
#storelocator #searchresults ol li ul.accordion li.pane span.storeemail label {
    float: left;
    padding-right: 43px;
}

#storelocator #searchresults ol li ul.accordion li.pane span.storetel a,
#storelocator #searchresults ol li ul.accordion li.pane span.storeemail a {
    margin-left: 32px;
    text-decoration: underline;
}

#storelocator #searchresults ol li ul.accordion li.header {
    margin: 0;
    padding: 4px 0;
    background: none;
    text-decoration: underline;
    font-size: 14px;
    border-bottom: 0px;
    margin-top: 8px;
}

#storelocator #searchresults ol li ul.accordion li.header span.showheader {
    margin-left: 60px;
    width: auto;
    text-decoration: underline;
}

#storelocator #searchresults ol li ul.accordion li.header span.showheader:first-of-type {
    outline: 1px red solid;
    display: none;
}

#storelocator #searchresults ol li ul.accordion li.header span.hideheader {
    margin-left: 60px;
    width: auto;
    display: none;
    text-decoration: underline;
}

.storeinfowindow, .storeinfowindow span {
    width: 90%;
    float: left;
}

.storeinfowindow span.storeopeningtimes {
    display: none;
}

.storeinfowindow span.storenameiw {
    font-family: 'Linotte-Bold', sans-serif;
    font-size: 15px;
    color: #071689;
}

.storeinfowindow span.storeaddressiw {
    padding: 3px 0 8px;
    font-size: 11px;
    font-family: 'Linotte-Regular', sans-serif;
    color: #9d9d9c;
}

/* -------------------------------------------------------------------------------------
=Etail Reviews - NOT FEEFO 
------------------------------------------------------------------------------------- */
/* Write a Review */
.review .page_review #pi a.btn {
    color: #fff;
    background-color: #071689;
}

.page_review #pm .review .form .bt h3 {
    color: #071689;
}

.page_review #pm .review .form .bc form ul li {
    color: #071689;
}

.page_review #pm .review .form .bc form label[for="review"] {
    text-align: left;
}

.page_review #pm .review .form .bc form select#ratingValue_262144 {
    margin-left: 10px;
}

.review .page_review #pm .review .form .bc form input.submit {
    font-family: 'Linotte-Regular', sans-serif;
    color: #fff;
    background-color: #071689;
}


/* -------------------------------------------------------------------------------------
=Nosto 
------------------------------------------------------------------------------------- */

#nosto_HP_BestSellers_Slide{
    font-family: 'Open Sans', sans-serif;
}

.nosto-title{
    font-size: 20px;
    color: #FFF;
    position: relative;
    font-family: 'Linotte-Bold', sans-serif;
    width: 100%;
    text-align: center;
    width: 100%;
    padding:15px 0;
    background-color: #009fe3;
    margin-bottom: 20px;
    font-size: 24px;
    /* margin-top:10px; */
    position:relative;
}

#nosto_HP_BestSellers_Slide .nosto-title{
    background-color: #e20613;
    position:relative;
    margin-top:20px;
}

#nosto_HP_BestSellers_Slide .nosto-title span{
    
    background-image:url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/Our%20Most%20Popular%20Games.png?_t20032018');
    background-repeat:no-repeat;
    background-position:right top;
    z-index:19999999;
    background-size:100%;
    position:absolute;
    right:20px;
    top:-25px;
    width:100px;
    height:100px;
}

#nosto_Considered_Slide .nosto-title{
    background-color: #ffda00;
}

.nosto-product-info{
    width: 88%;
    margin: 10px auto;
}

.nosto-product-brand{
    font-size: 11px;
    text-align: center;
    font-weight: 700;
    min-height: 18px;
    font-family: 'Linotte-Bold', sans-serif;
    color:#687379;
}

.nosto-product-name{
   font-size: 16px;
   color: #071689;
   font-family: 'Linotte-Regular', sans-serif;
   text-align: center;
}
 .product-item__buttons{
    width: 90%;
}

@media (max-width: 801px) {
	#nosto_HP_BestSellers_Slide .nosto-product-brand {
		min-height: 25px;
	}

	#nosto_HP_BestSellers_Slide .product-item__buttons{
		width: 80%;
	}
	
	#nosto_HP_BestSellers_Slide .nosto-product-price-box{
		height: 50px;
	}
}

.nosto-product-price-box{
    width: 100%;
    height: 27px;
}

.nosto-product-price-box label{
    font-size: 10px;
    font-weight: 400;
    color:#778286;
    margin: 0;
    text-decoration: none;
}

.nosto-product-price{
    display: inline-block;
    color: #000;
    font-size: 26px;
}

.nosto-product-discounted-price{
    font-size: 16px;
    display: inline-block;
    float: left;
    color: #ca3411;
    float: right;
    margin-left: 10px;
}

.nosto-product-discounted-price a {
    text-decoration: line-through;
    float:right;
}

.nosto-product-name{
	font-family: 'Linotte-Bold', sans-serif;
	display:inline-block;
	text-align:center;
	width:100%;
	vertical-align:top;
	height: 2.4em; /*max number of lines before display issues!*/
	margin:.5em 0;
	text-transform:capitalize;
	font-family: 'Linotte-Bold', sans-serif;
	font-size: 1em;
	color:#071689;
}

.nosto-product-price{
	display:inline-block;
	font-family: 'Linotte-Bold', sans-serif;
	color:#009fe3;
}

.nosto-product-link{
	display:inline-block;
	width:100%;
	margin-top:.5em;
}
.nosto-product-link a.btn{
	font-family: 'Linotte-Bold', sans-serif;
	font-size:1em;
	padding: .5em;
	text-align:center;
	cursor:pointer;
	border:1px #f39200 solid;
	border-radius:.5em;
	background-color:#f39200;
	background: linear-gradient(#f39200, #ec6707);
	outline:none;
	color:#fff;
	display:inline-block;
}

.slick-dots {}

.slick-dots li.slick-active button:before {
    color: #3d3b3e;
}

.nosto-link{
	color: inherit;
	font-size: inherit;
}

.nosto-link:hover{
	text-decoration: none;
}

.nosto-carousel{
	max-width: 1200px;
	margin: 0 auto;
	display:none;
}

.slick-initialized {
	display: block !important;
}

/*-------------------------------------------------------------------------------------------------------------------
    Order Confirmation       
--------------------------------------------------------------------------------------------------------------------*/
#pmid.page_confirmation #pm .art h3 {
    font-size: 24px;
    color: #071689;
    padding-bottom: 15px;
}

#pmid.page_confirmation #pm .art p {
    color: #071689;
    line-height: 1.2em;
    padding-bottom: 15px;
}

#pmid.page_confirmation #pm .art p a {
    color: #00a7e7;
}

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

.spacer {
	display:inline-block;
	height:20px;
}

.epau .bc {
	display:none;
}

#modal-overlay-inline {
	z-index:999;
}

#fs{
	/*what is this ???*/
	display:inline-block;
	vertical-align:top;
}

/* un fully tested hacky thing for anchor tag links and the fixed header */
:target:before {

}



/* complete and utter hack! 
 - i think this is the buy extra stuff on the basket page...
----------------------------------*/
.checkoutMessage, .checkoutMessage .artp, .checkoutMessage img {
    float: left;
}

.checkoutMessage {
    margin-bottom: 5px;
}

.checkoutMessage h2 {
    font-weight: 600;
    font-size: 27px;
}

.checkoutMessage .artp, .checkoutMessage img {
    clear: none;
}
/*
.basket .fprd {
    width: 99px;
    height: auto;
    border-radius: 25px;
}

.basket .fprd .fprdimg {
    width: 100px;
}

.basket .fprd .fprdimg a {
    width: 100px;
}

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

.basket .fprd .fprdimg .flag {
    display: none;
}

.basket .fprd .fprdtitle {
    width: 100px;
}

.basket .fprd .fprdtitle a {
    font-size: 17px;
    width: 100px;
    height: 24px;
}

.basket .fprd .price {
    clear: both;
    float: left;
    width: 100px;
    margin-top: 10px;
}

.basket .fprd .price h6 {
    font-size: 12px;
    font-family: 'Linotte-Bold';
    text-align: center;
    color: #009fe3;
}

.basket .fprd form {
    clear: both;
    float: left;
    width: 100px;
    margin: 20px auto 0;
    margin-bottom: 14px;
    text-align: center;
    position: relative;
}

.basket .fprd form input.submit {
    display: block;
    width: 100px;
    margin: 0 auto;
    padding: 0px;
    border-radius: 16px;
    font-family: 'Linotte-Bold';
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    background-color: #071689;
}
*/


/* no idea what these are for yet... 
----------------------------------*/

/*donate to each on basket page*/
#a65208337 {
display:inline-block;
vertical-align:top;
}

#a65208337{
    /* float:left; */
    margin-bottom:1em;
}


#a65208337 h2{
    font-size: 20px;
    color: #FFF;
    position: relative;
    font-family: 'Linotte-Bold', sans-serif;
    width: 100%;
    text-align:left;
    /* margin-left:20px; */
    /* text-transform:uppercase; */
    width: 94%;
    padding: 6px 3%;
    background-color: #009fe3;
    margin-bottom: 20px;
    font-size: 34px;
    margin-top:10px;
    position:relative;
}
#a65208337 ul {
    width:100%;
    text-align:center;
}


#a65208337 ul li{
    display:inline-block;
    vertical-align:middle;
    margin:.5em;
}

#a65208337 ul li a{
    font-weight:600;
    color:#009fe2;
}

#p-1599471614 .bnr{
    display:inline-block;
}

#pm .bc #prom-1683980288 ul.accordion li.pane {
    display: none;
    clear: both;
    width: 885px;
    margin-left: 74px;
    padding: 5px 0px 32px;
}

#pm .bc #prom-1683980288 ul.accordion li.header {
    clear: both;
    display: block;
    width: 926px;
    height: 57px;
    padding-left: 74px;
    padding-top: 20px;
    font-size: 29px;
    letter-spacing: -0.02em;
    font-family: 'Linotte-Bold', sans-serif;
    border-top: 1px solid #00afea;
}

#prom-1683980288 ul.accordion li.header:nth-child(1) {
    border-top: none;
}

#prom-1683980288 ul.accordion li.header:nth-child(4n+1) {
    color: #00afea;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/FAQs-QuestionMark-LBlue.png?_t20032018');
    padding:0;
    padding-left:75px;
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: left center;
}

#prom-1683980288 ul.accordion li.header:nth-child(4n+3) {
    color: #071689;
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/FAQs-QuestionMark-DBlue.png?_t20032018');
    padding:0;
    padding-left:75px;
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: left center;
}


#p-1684701183 {
    margin-bottom: 21px;
}

#pm .bc #prom-1683980288 ul.accordion {
    clear: both;
	margin:0;
}

/* Games */
#a62291968 {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/TEST_Large%20Header%201000x272.png');
}

#p-1680572406 {
    width: 100%;
    margin-top: 0px;
}
#p-1680572406 .bnr.browse-games {
    text-align: center;
}
/* Jigsaws */
#a62390274 {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/bnr/largeheader_jigsaws.jpg');
}
#a62390274 p {
    color: #071689;
}

#b-3932159 {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

/* Number and Counting Games*/
#a62423040 {
    background-image: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/Small%20Header_TEST%20746x172.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
}

#a62291968 .artp, #a62390274 .artp {
    width: 519px;
}

#dt52658176 .bc h4 {
    display: none;
}

#a62128128 {
    float: left;
    width: 746px;
    margin-top: 25px;
    margin-bottom: 33px;
    /* margin-left: 50px; */
    clear: none;
}

/*search form */
#a64684042 {
    float: left;
    display: block;
    width: 212px;
    height: 361px;
    margin-top: 25px;
    margin-left: 20px;
    border: 2px solid #071689;
    border-radius: 25px;
    background-color: #071689;
    position: relative;
}

#a64684042 form {
    background-color: #fff;
    float: left;
    width: 100%;
    height: 294px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

#a64684042 .hpSearchHeader {
    height: 67px;
}

#a64684042 .hpSearchHeader h2 {
    color: #fff;
    padding: 10px;
    font-size: 20px;
}

#a64684042 .hpSearchHeader::after {
    content: '';
    height: 100px;
    width: 100px;
    position: absolute;
    right: -40px;
    top: -15px;
    background: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/i/art/superpenguin.png') no-repeat;
}

#a64684042 .attrsection {
    margin-bottom: 15px;
    margin: 5px 10px
}

.pbnr#p-1684930558, .pbnr#p-1633517558 {
    float: left;
    clear: both;
}

.pbnr#p-1684930558 .bnr, .pbnr#p-1633517558 .bnr {
    float: left;
    margin-right: 20px;
}

.pbnr#p-1684930558 .bnr:nth-child(4n), .pbnr#p-1633517558 .bnr:nth-child(4n) {
    margin-right: 0px;
}

#a64684042 .HeaderContent {
    width: 212px;
    border-bottom: none;
    padding: 5px 0;
    cursor: pointer;
}

#a64684042 .HeaderContent h5 {
    margin: 0;
    margin-left: 10px;
    position: relative;
    top: 0;
    color: #071689;
    font-weight: 600;
    font-size: 18px;
}

#a64684042 input {
    background-color: #071689;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    float: none;
    margin-left: 80px;
    margin-bottom: 10px;
}

#a64684042 select {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    height: 29px;
}

#p-1684799488 {
    width: 1200px;
    height: 336px;
    margin: 0 auto;
}

#p-1684799488 .home-cat {
    float: left;
    margin-right: 22px;
}

#p-1684799488 .bnr:nth-child(5) {
    margin-right: 0px;
}

.pbnr#p-1684930558 .bnr#b-4816896 {
    float: left;
    margin-top: 26px;
    margin-bottom: 37px;
    margin-right: 0px;
}

#p-1684832253 {
    float: left;
    margin: 13px 0px 5px;
}

/* search placeholder - for positioning/sizing */
#b-4784128 {
    float: right;
    clear: right;
    margin-top: 3px;
}

/*custom info text sizing for giveaway form*/


#site.index .page_index .form  .bc form#f7929856  ul li.f12812288 + li.info{
    font-family: 'Linotte-Regular', sans-serif;
    font-size:.875em;
}