/************************************************************************/
/*  Orchard Toys site                                                  */
/*  Last Updated            : 16/07/20                                 */
/***********************************************************************/
/* Product information panel                                           */
/***********************************************************************/
#pi {
    display:inline-block;
    vertical-align:top;
    width:100%;
    position: relative;
    text-align:center;
    margin-bottom:20px;
}

/***********************************************************************/
/* Product left / right panels                                         */
/***********************************************************************/
#pi .top {
    display:inline-block;
    vertical-align:top;
    width: 400px;
    margin-right:30px;
    padding: 0;
    z-index: 1;
    text-align:center;
}

#pi .main{
    display:inline-block;
    width: 1200px;
    margin:auto;
    margin-bottom:30px;
}

#pi .left {
    display:inline-block;
    vertical-align:top;
    width: 555px;
    min-height: 417px;
    margin-right:30px;
    border-right: 1px solid #009fe3;
    text-align:left;
}

#pi .right {
    display:inline-block;
    vertical-align:top;
    width: 183px;
}

#pi .bottom {
    display:inline-block;
    margin:auto;
    width: 100%;
    background-color:#c8e8fa;
}

#pi .main .bottom{
    background-color:#fff;
}

#pi .bottom .bc{
    /* width:1200px; */
    margin:auto;
}


#pi .bottom .nosto_element
{
    display:inline-block;
    width: calc(100% - 4px);
    background-color:#fff;
    /* padding-top:15px; */
    margin-bottom:20px;
}


#pi .bottom .nosto_element .nosto-title {
    margin:auto;
    width: 100%;
}



/***********************************************************************/
/* Title                                                               */
/***********************************************************************/
#pi .pititle {
    display:inline-block;
    width:100%;
    margin-bottom: 15px;
    padding: 0;
}

#pi .brandmanu a {
    display:inline-block;
    position: relative;
}

#pi .brandmanu a img {
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
    position: absolute;
    top: 25%;
    /*this may or may not work as we want it too */
}

#pi .pititle h2 {
    font-size: 33px;
    font-family: 'Linotte-Bold', sans-serif;
    color: #071689;
}

#pi .strap {
    float: left;
    margin-bottom: 30px;
}

h4.strap {
    color: #071689;
    font-size: 23px;
}

ul.bullets {
    clear: both;
    list-style: disc;
    margin:30px;
    font-size:23px;
}

ul.bullets li {
    color: #071689;
    margin-bottom:.25em;
}



/***********************************************************************/
/* Images                                                              */
/***********************************************************************/
#pi .piimg {
    display:inline-block;
    vertical-align:top;
    text-align: center;
    width: 100%;
    margin-bottom:15px;
}

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

#pi .piimg p {}

#pi .piimgx {}

/* If image not aligning centrally */
#pi .piimg a {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/***********************************************************************/
/* Gallery                                                             */
/***********************************************************************/
#pi .gallery {
    float: left;
    margin: 0 0 5px;
    width: 100%;
    clear: both;
}

#pi .gallery h4 {
    display: none;
}

#pi .gallery .piimg_large {
    display:inline-block;
    vertical-align:top;
    margin:0;
    margin-right:15px;
    width:118px;
    
}

#pi .gallery .piimg_large a {
    display:block;
}

#pi .gallery .piimg_large a img {
    width: 100%;
    height: auto;
    margin: 0 !important;
}

/***********************************************************************/
/* Description panes                                                   */
/***********************************************************************/
#pi .pidesc {
    float: left;
    clear: both;
    width: 313px;

    
}

#pi .pidesc table tr td {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

#pi .pidesc table tr td h4 {
}

#pi .pidescx {
    display:inline-block;
    vertical-align: bottom;
}

#pi .pidescx ul {
    display: inline-block;
    width: 100%;
}

#pi .pidescx ul li {
    float: none;
    display:inline-block;
    vertical-align:middle;
    padding: 0 16px;
    font-family: 'Linotte-Bold', sans-serif;
    font-size: 25px;
    color: #071689;
    text-align: center;
    border-right: 2px solid #009fe3;
}

#pi .pidescx ul li.teachertested {
    font-size: 20px;
}

#pi .pidescx ul li:last-child {
    border: none;
}

#pi .pidescx ul li span {
    font-size: 16px;
    font-family: 'Linotte-Regular', sans-serif;
}

/*for some reason we have to hide these  - shouldnt really be here as h2 is title and h4 is strap... */
#pi .pidesc h2,
#pi .pidesc h4 {
    color: #071689;
    font-size: 23px;
}

#pi .pidesc h2 {
    display: none;
}

#pi .pidescx h3 {}

#pi .pidescx table {}

#pi .delivery h3 {
    display:inline-block;
    padding: 15px 0;
}

#pi .pidesc p,
#pi .pidescx p,
#pi .delivery p {
    display:inline-block;
    margin-top: 15px;
    padding: 0;
    color: #071689;
}

#pi .pidesc ul {}

#pi .pidesc li {}

#pi .pidescx a {
}

/***********************************************************************/
/* accordion  descriptions                                             */
/***********************************************************************/
#pi .pidesc ul.accordion {
list-style: none;
}

#pi .pidesc ul.accordion .pane {
display: none;
}

#pi .pidesc ul.accordion li.header {
width: 640px;
font-size: 18px;
margin: 0;
padding: 5px 0;
position: relative;
}

#pi .pidesc ul.accordion li.header img {
    position: absolute;
    right: 0;
    width: 20px;
    height: auto;
    cursor: pointer;
}

    #pi .pidesc ul.accordion li.header img.showminus {
        display: none;
    }

#pi .pidesc ul.accordion span {
font-weight: 800;
}

#pi .pidesc ul.accordion thead td {
font-weight: 800;
}

/***********************************************************************/
/* Brand and Manufacturer                                              */
/***********************************************************************/
#pi .brandmanu h5 {
margin-bottom: 5px;
}

#pi .brandmanu img {
}

#pi .brandmanu h5 {
float: left;
clear: left;
width: auto;
padding-right: 5px;
}

#pi .brandmanu p {
float: left;
font-size: 12px;
}

#pi .brandmanu p, #pi .brandmanu a {
float: left;
margin-bottom: 0;
}

#pi .brandmanu a {
}

#pi .brandmanu.brand h5 {
}

/***********************************************************************/
/* youtube panes                                                         */
/***********************************************************************/

.youtube{
    margin-top: 3em;
    display:block;
    /* width: 556px; */
    /* margin-right:1em; */
}

.youtube ul{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:1em;
}

.youtube ul .title{
    grid-row:1;
}

.youtube iframe{
    width:100%;
    /* height:auto; */
}

/***********************************************************************/
/* Flags panes                                                         */
/***********************************************************************/
#pi .flags {
    display:inline-block;
    width: 100%;;
    padding:0;
}

#pi .flags img{
    max-width:100%;
    height:auto;
}

/***********************************************************************/
/* Feefo pane                                                          */
/***********************************************************************/
#pi #feefologohere {
    display: block;
    margin-top:4px;
}

/***********************************************************************/
/* Links, File & Flags panes                                           */
/***********************************************************************/
#pi .pilinks,
#pi .pifile {
    display:inline-block;
    width:100%;
    padding: 0;
    margin-top: 16px;
}

#pi .piflags {
    display:inline-block;
    list-style: none;
}

#pi .piflags li {
    list-style: none;
}

#pi .pilinks .bt, 
#pi .pifile .bt,
 #pi .piflags .bt{}


#pi .pilinks .bb,
#pi .pifile .bb,
#pi .piflags .bb {}

#pi .pilinks .bc,
#pi .pifile .bc,
#pi .piflags .bc {
    float: left;
    border: none;
}

#pi .pilinks ul li,
#pi .pifile ul li {}

.pdf .linkimg {
    margin-right: 15px;
    margin-left: 15px;
}

.pdf a.lnk {
    display: none;
}

#pi .pilinks ul li a,
#pi .pifile ul li a {
     display:block; 
}

#pi .pilinks ul li a img,
#pi .pifile ul li a img{
    max-width:100%;
    height:auto;
}

#pi .pilinks ul li .linkimg,
#pi .pifile ul li .linkimg {
    float: left;
}

#pi .pifile ul li a.lnk{
    display:none;
}
#pi .pifile ul li a.lnk {
    float: left;
    padding: 2px 0;
}

#pi .pilinks ul li.email a.lnk {}


#pi .piflags ul li {
    float: left;
    height: 35px;
    margin-right: 1px;
    margin-bottom: 10px;
    padding: 0 10px;
}

#pi .piflags ul li img {
    float: left;
    width: 35px;
    height: auto;
}

#pi .piflags ul li img[title="No. 1 best seller!"],
#pi .piflags ul li img[title="2 Ways to Play"],
#pi .piflags ul li img[title="Double Sided"],
#pi .piflags ul li img[title="Bestseller!"],
#pi .piflags ul li img[title="New!"],
#pi .piflags ul li img[title="No. 1 best seller!"] + span,
#pi .piflags ul li img[title="2 Ways to Play"] + span,
#pi .piflags ul li img[title="Double Sided"] + span,
#pi .piflags ul li img[title="Bestseller!"] + span,
#pi .piflags ul li img[title="New!"] +span {
    display: none;
}

#pi .piflags ul li span {
    display:inline-block;
    vertical-align:middle;
    margin-left: 15px;
    font-family: 'Linotte-Bold', sans-serif;
}


/***********************************************************************/
/* Social bookmarks pane                                               */
/***********************************************************************/
#pi .socbook {
    float: left;
    padding: 10px 10px 10px 0;
}

#pi .socbook li {
    display: inline;
    padding: 5px;
}

/***********************************************************************/
/* Telephone orders                                                    */
/***********************************************************************/
#pi .piphone {
    float: left;
    padding: 10px 0;
}

#pi .piphone h4 {
    float: left;
    padding: 5px 0;
}

#pi .piphone h5 {
    float: left;
    padding: 5px 0;
}

#pi .piphone p {
    float: left;
}

/***********************************************************************/
/* Buy pane                                                            */
/***********************************************************************/
#pi .pibuy {
    display:inline-block;
    vertical-align:bottom;
    padding: 0;
    margin-top: 30px;
    margin-right:30px;
}

#pi .pibuy .bt {}

#pi .pibuy .bc {
    width: 100%;
}

#pi .pibuy .bc h3{
    display:none;
}

#pi .pibuy .bb {
    display: none;
}

/* Special offer msg */
#pi .pibuy h4 {
    clear: left;
}

#pi .pibuy h5 {
    display: none;
}

#pi .pibuy h6 {
    width: auto;
    padding: 0;
}

#pi .pibuy .bc .price,
#pi .pibuy .bc .offer,
#pi .pibuy .bc .prevprice,
#pi .pibuy .bc .rrp,
#pi .pibuy .bc .trade,
#pi .pibuy .bc .saving {
    margin-right: 16px;
    float: left;
    clear: both;
}

#pi .pibuy .bc .prevprice {
    clear: none;
}

#pi .pibuy .bc h6 {
    text-shadow: none;
    font-size: 26px;
    font-family: 'Linotte-Bold', sans-serif;
    color: #00ace9;
}

#pi .pibuy .bc label {
    width: 60px;
}

#pi .pibuy .bc .saving h6 {
    float: left;
    font-size: initial;
}

#pi .pibuy .bc .rrp h6,
#pi .pibuy .bc .prevprice h6 {
    color: #e20613;
    text-decoration: line-through;
}

#pi .pibuy .bc label {
    display: none;
}

#pi .pibuy .bc .rrp {}

#pi .pibuy .bc .offer {}
#pi .pibuy .bc .saving {}

#pi .pibuy .bc .offer label, #pi .pibuy .offer h6 {
}

#pi .pibuy .bc .saving label {
    display: block;
    float: left;
    width: auto;
    margin-right: 5px;
    font-size: 16px;
    font-family: 'Linotte-Bold', sans-serif;
    color: #00ace9;
}

#pi .pibuy .prevprice h6 {
}

/* Messages */
#pi .pibuy p {
    /* margin-top: 30px; */
    clear: both;
    float: left;
    margin:30px 0;
    font-size:23px;
    color: #071689;
}

ul.stock{
    float: left;
    margin-bottom: 15px;
}


ul.stock li{
    margin:1em 0;
     font-family: 'Linotte-Bold', sans-serif;
    font-size: 25px;
    color: #071689;
}
ul.stock li.new{}

ul.stock li.out{}

.brandmanu.model {
    display: none;
}

form.currsel {
    float: left;
    width: 313px;
    margin-bottom: 30px;
}

form.currsel label {
    margin-right: 15px;
}


/***********************************************************************/
/* Buy pane form                                                       */
/***********************************************************************/
#pi .pibuy form#buy_form {
    float: left;
    clear: both;
    margin: 0;
    margin-top: 15px;
}

#pi .pibuy form#buy_form .qtyinput {
    display:none;
}

#pi .pibuy form#buy_form .attr,
#pi .pibuy form#buy_form .attrqty {}
#pi .pibuy form#buy_form .attr .attritem {}
#pi .pibuy form#buy_form .attr .attritem .multiselect {}
#pi .pibuy form label {}
#pi .pibuy form .attr label {}
#pi .pibuy form .attrqty label {}

#pi .pibuy form .attr label#selectResponse, 
#pi .pibuy form .attrqty label#selectResponse {
    color: red;
    margin: 0;
    width: auto;
}

#pi .pibuy form input,
#pi .pibuy form select,
#pi .pibuy form textarea {}

#pi .pibuy form #buy {
    display: inline-block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 16px;
    font-family: 'Linotte-Bold';
    font-size: 20px;
    color: #fff;
    background-color: #071689;
    background-color:#f39200;
    background: linear-gradient(#f39200, #ec6707);
}

#pi .pibuy form select {
    font-size: 16px;
}

#pi .pibuy form .inputtext,
#pi .pibuy form .textarea {
    margin-right: 15px;
    border: none;
    height: 30px;
}

#pi .pibuy form  .inputtext#skuid{
    height:auto;
    border:1px #071689 solid;
    margin-bottom:1em;
}

#pi .pibuy span {
    float: left;
}

#pi .pibuy span.chars {
    float: left;
}

#pi .pibuy input#skuqty.inputtext {
    display: none;
    float: left;
    width: 40px;
    text-align: center;
    padding: 0;
}

#pi .pibuy .ewis {
    float: left;
}

#pi .pibuy .ewis label {
    margin: 3px 10px 2px 0;
}

#pi .pibuy .ewis #ewisemail {
    margin-bottom: 6px;
}

#pi .pibuy .ewis #ewissubmit {
    margin: 0 0 30px 100px;
}

/***********************************************************************/
/* Wishlist                                                            */
/***********************************************************************/
#pi .pibuy form.wishlist {}
#pi .pibuy form.wishlist input.chkbox {}
#pi .pibuy form.wishlist label {}
#pi .pibuy form.wishlist .submit {}

/***********************************************************************/
/* Tab Panel                                                           */
/***********************************************************************/
#pm #pi #pi_wrapper {
    display:inline-block;
    margin:auto;
    width: 700px;
    padding: 28px 154px 34px 145px;
    background-repeat:no-repeat;

}

#pm #pi ul.pi_tabs {
    margin: 0;
    padding: 0;
    display: block;
    text-align:left;
}

#pm #pi ul.pi_tabs li {
    display:inline-block;
    vertical-align:bottom;
    width: 160px;
    height: 31px;
    padding: 15px 0px;
    border-radius: 16px 16px 0px 0px;
    margin-right: 20px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    z-index: 999;
    background-color: #009fe3;
    cursor: pointer;
}

#pm #pi ul.pi_tabs li:first-child {}

#pm #pi ul.pi_tabs li:last-child {
    margin-right: 0;
}

#pm #pi ul.pi_tabs li[title="Educational Benefits"] {
    height: 44px;
    padding: 8px 0px;
}

#pm #pi ul.pi_tabs li.selected {
    background-color: #071689;
    color: #fff;
}

#pm #pi .pi_tab_content {
    display: inline;
    width: 640px;
    height: 322px;
    padding: 30px;
    border-radius: 0px 0px 16px 16px;
    background-color: #fff;
    overflow-y: auto;
    font-size: 12px;
    text-align:left;

    float:left;
}

#pm #pi .pi_tab_content .artp {}

#pm #pi .pi_tab_content p,
#pm #pi .pi_tab_content span {
    line-height: 1.2em;
    color: #071689;
}

#pm #pi .pi_tab_content h2,
#pm #pi .pi_tab_content h3,
#pm #pi .pi_tab_content h4,
#pm #pi .pi_tab_content p {
    margin-bottom: 15px;
    color: #071689;
    font-size:20px;
}

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

#pm #pi .pi_tab_content .piflags h3{}

/*hack as things are hardcoded and duplicated - not sure why though.... */

#pi .piflags h3 + span{
    display:none;
}


#pm #pi .pi_tab_content .piflags br{
    margin:1em;
    content:'';
    display:block;
}

#pm #pi .pi_tab_content a {
    color: #00a7e7;
    font-weight:600;
}

#pm #pi .pi_tab_content ul a {
    display:inline-block;
    vertical-align:middle;
}

#pm #pi .pi_tab_content ul li,
#pm #pi .pi_tab_content ol li {
    width: auto;
    margin: 0 0 0 20px;
    padding: 3px 0;
}

#pm #pi .pi_tab_content ul{
    margin-bottom:20px;
}
#pm #pi .pi_tab_content ul li {
    font-size:20px;
    color:#071689;
    width: 620px;
    padding: 0px;
    list-style: disc;}

#pm #pi .pi_tab_content .piflags li {
    width: 620px;
    list-style: none;
    margin-bottom: 10px;
}

#pm #pi .pi_tab_content ul.feefo li {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5;
}

#pm #pi .pi_tab_content ul.feefo li:last-child {
    border-bottom: none;
}

/* Reviews */
#pm #pi .pi_tab_content .rev h4 {
    width: 100%;
    margin-bottom: 0px;
    padding: 4px 0;
    float: left;
}
#pm #pi .pi_tab_content .rev h4:nth-child(2n-1) {
    font-size: 24px;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #009fe3;
}

#pm #pi .pi_tab_content .rev p {
    width: 100%;
    margin-bottom: 0px;
    padding: 2px 0;
    float: left;
    clear: both;
}

#pm #pi .pi_tab_content .rev ul.rating {
    float: left;
    background-color: #f6f6f6;
    width: 603px;
    margin: 10px 0px 0px 0px;
    padding: 10px 10px;
}

#pm #pi .pi_tab_content .rev ul.rating li {
    float: left;
    width: 200px;
    margin: 0px 0px;
}
#pm #pi .pi_tab_content .rev ul.rating li.ratingname {
    width: 70px;
}

/* Rating Stars */
#pm #pi .pi_tab_content .rev ul.rating li.rating0 {
    background: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/0star.png') no-repeat 15px;
    text-indent: -9999999px;
}
#pm #pi .pi_tab_content .rev ul.rating li.rating1 {
    background: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/1star.png') no-repeat 15px;
    text-indent: -9999999px;
}
#pm #pi .pi_tab_content .rev ul.rating li.rating2 {
    background: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/2star.png') no-repeat 15px;
    text-indent: -9999999px;
}
#pm #pi .pi_tab_content .rev ul.rating li.rating3 {
    background: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/3star.png') no-repeat 15px;
    text-indent: -9999999px;
}
#pm #pi .pi_tab_content .rev ul.rating li.rating4 {
    background: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/4star.png') no-repeat 15px;
    text-indent: -9999999px;
}
#pm #pi .pi_tab_content .rev ul.rating li.rating5 {
    background: url('https://s3-eu-west-1.amazonaws.com/orchardtoys/4128769/i/bdr/5star.png') no-repeat 15px;
    text-indent: -9999999px;
}

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

.feefosmallsummarypanel .title {
    display: none
}

.feefosmallsummarypanel .stars {
    margin-left: .5em
}

.feefosmallsummarypanel .stars img {
    display: inline-block;
    width: 1em
}

.feefosmallsummarypanel .reviewCount,.feefosmallsummarypanel .ratingNumber {
    display: inline-block;
    margin: .5em
}

.feefosmallsummarypanel .ratingNumber {
    display: none
}

.feeforeviews {
    float: left
}

.feeforeviews .feefosummary {}

.feeforeviews .feefosummary span.title {
	font-family: 'Linotte-Bold', sans-serif;
	font-weight:normal;
	color:#071689;
	display:inline-block;
    width: 100%;
    font-size: 1.25em;
    margin-bottom: .25em;
}

.feeforeviews .feefosummary span.stars {
	display:inline-block;
	vertical-align:top;
    margin-right: 1em;
    height: 2em
}

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

.feeforeviews .feefosummary span.ratingNumber {
    font-size: 1.5em;
	display:inline-block;
}

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

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

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

.feeforeviews ul.feefo li:last-child {
    border: none
}

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

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

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

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

.feeforeviews .feefofooter {
    float: left;
    font-size: .8em
}




/***********************************************************************/
/* Recommended products Associated and Related products                */
/***********************************************************************/
#pi .prec,
#pi .pass,
#pi .prel,
#pi .pran {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0;
}

#pi .prec > .bt,
#pi .pass > .bt,
#pi .prel > .bt,
#pi .pran > .bt {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

#pi .prec h3,
#pi .pass h3,
#pi .prel h3,
#pi .pran h3 {
    float: left;
    margin: 0;
    padding: 8px 0;
    font-size: 20px;
}

#pi .prec .fprd,
#pi .pass .fprd,
#pi .prel .fprd,
#pi .pran .fprd {
}

#pi .prec .fprd .prevprice,
#pi .pass .fprd .prevprice,
#pi .prel .fprd .prevprice,
#pi .pran .fprd .prevprice {
    display: none;
}


#pi .right .art {
    display:inline-block;
    padding: 0 0 20px 20px;
}

/***********************************************************************/
/* Videos                                                              */
/***********************************************************************/
#pi .youtube li.title {
    font-size: 20px;
    font-family: 'Linotte-Bold', sans-serif;
    color: #071689;
}