section.buy_progress{text-align:center;padding-bottom:0;}
div.paymentSeqCont{display:inline-block;margin:0 auto;text-align:center}
div.paymentSeq{width:200px;height:50px;float:left;padding:5px 5px 5px 5px;margin-left:5px;margin-right:5px;margin-bottom:5px;border:2px solid #000;}
div.paymentSeqCurrent{width:200px;height:50px;float:left;padding:5px 5px 5px 5px;margin-left:5px;margin-right:5px;margin-bottom:5px;border:2px solid #FDD017;}
div.paymentSeqNum{font-weight:bold;font-size:16pt;float:left;margin-left:5px;padding-right:5px;padding-top:4px;}
div.paymentSeqDesc{width:160px;font-size:10pt;float:left;text-align:center;padding-top:9px;}
div.paymentSeqDescPayPal{width:160px;font-size:10pt;float:left;text-align:center;padding-top:2px}
span.seqSmall{display:none}
div.cartAddressCont{width:500px;margin:0 auto;margin-bottom:20px;-webkit-box-shadow:6px 6px 6px 0px #000;box-shadow:6px 6px 6px 0px #000;background:#404040;}
div.cartAddress{padding:4px 4px 20px 50px;border-bottom:solid 1px #fff;font-size:13pt}
div.cartAddressMethod{padding:4px 4px 20px 50px;font-size:13pt;}
div.cartAddressEmail{padding:4px 4px 20px 50px;font-size:13pt;border-bottom:solid 1px #fff}
div.cartAddressEmailNoBorder{padding:4px 4px 4px 50px;font-size:13pt}
div.cartAddressTitle{padding:10px 10px 0px 10px;font-weight:bold;font-size:14pt}
p.cartNoDetails{font-size:11pt;text-align:center;margin-top:10px;margin-bottom:5px;padding-left:10px;padding-right:10px}
p.orderTitle{font-size:14pt;text-align:center;margin-top:10px;font-weight:bold}
p.orderInfo{margin:15px 0 20px 0;text-align:center;}
p.buyOutOfUK{text-align:center;color:#f00;font-size:11pt;margin-top:12px;}
span.buyRedText{color:#FDD017;font-size:14pt;font-weight:bold;padding-left:10px}
div.cartClearFloat{clear:both;}
div.cartTotalAmount{text-align:center;font-weight:normal;color:#FFF;}
img.cartBasket{position:relative;top:1px;}
div.cartBasket{float:left;color:#006;font-size:8pt;}
div.basketEmpty{font-size:16pt;margin:50px 10px 50px 10px;text-align:center;}
a.basket{color:#FFFF99;text-decoration:none;}
a.basket:visited{color:#FFFF99;text-decoration:none;}
a.basket:hover{color:#FFFF99;text-decoration:underline;}
h1 {margin-bottom:5px}

div.deliveryRow {width:100%;padding: 0 20px 0 20px;margin:20px 0 20px 0}
div.deliveryRowBar {width:100%;padding: 0 20px 0 20px;margin:20px 0 10px 0;border-top:1px solid #fff}
div.deliveryColumnLeft {width:50%;float:left;padding-right:10px}
div.deliveryColumnRight {width:50%;float:left;padding-left:10px}
input.quantity{border: 1px solid #000;border-radius: 6px;width:50px;padding:5px 5px}

div.deliveryRow input, div.deliveryRow textarea{padding:5px;margin-top:5px;font-size:12pt;border: 1px solid #000;border-radius: 6px;}
#email, #email2, #firstname, #secondname, #address1, #address2, #address3, #city, #postcode, #phonenum, #notes, #giftmessage {width:100%}
#payment-errors {text-align:center;margin-top: 10px;font-weight:bold;color:#e00}

/*
            |---------- Item Title -----------| |-- Option Title --| |-- Price Title --| |-- Quantity Title --| |-- Total Title --|
            |-- Thumb --|  |------ Item ------| |----- Option -----| |----- Price -----| |----- Quantity -----| |----- Total -----| |--- Delete ---|
       
Full Screen      80                400                  105                  80                    80                   80                 100
*/


#cartDelivery, #cartContents{width:1015px;margin:0 auto;-webkit-box-shadow:6px 6px 6px 0px #000;box-shadow:6px 6px 6px 0px #000;background:#404040;}
#cartDelivery{padding:10px;}
#cartContents div.cartLine{width:100%;border-bottom:solid 1px #fff;padding: 10px 0 10px 10px;margin:0 auto;font-size:13pt}
#cartContents div.cartLine a{color:#fff;text-decoration:none;}
#cartContents div.cartLine a:visited{color:#fff;text-decoration:none;}
#cartContents div.cartLine a:hover{color:#fff;text-decoration:underline;}
#cartContents div.cartLineTitle{width:100%;border-bottom:solid 1px #fff;padding: 4px 0 4px 10px;margin:0 auto;}

#cartContents div.cartItemTitleSize{width:480px}
#cartContents div.cartItemSize{width:380px}
#cartContents div.cartThumbSize{width:100px}
#cartContents div.cartOptionSize{width:105px}
#cartContents div.cartPriceSize{width:100px}
#cartContents div.cartQuantitySize{width:100px}
#cartContents div.cartTotalSize{width:100px}

#cartContents div.cartTitles{float:left;font-weight:bold;text-align:center;font-size:14pt}
#cartContents div.cartItems{float:left;text-align:center;padding: 0 3px 0 3px}

#cartContents div.cartItemTitle{text-align:left}
#cartContents div.cartItem{text-align:left}


#cartContents img.cartThumb{width:100%}
#cartContents img.cartThumbSmall{width:100%;display:none}
#cartContents input.Quantity{padding:5px}

#cartContents div.cartLineBase{width:100%;padding:4px;font-weight:bold;}
#cartContents div.cartTotalAmount{font-size:14pt}

button.cartButtonDel, button.cartButtonDelSmall, input.updateCart {margin-top:7px;text-align:center;width:80px;font-weight:bold;border: 1px solid #000;border-radius: 6px;padding:5px 5px;font-size:10pt;margin:0 5px 0 5px;background:rgb(209, 209, 209);}
button.cartButtonDel:hover, button.cartButtonDelSmall:hover, input.updateCart:hover {background-color:#a6a6a6;cursor: pointer;border:1px solid #000;}
button.cartButtonDelSmall{width: 20px;display:none}
input.updateCart{width:80px}

div.cartButtonInfo{text-align:center; font-size:14pt;padding:0 15px 0 15px}
div.cartButtonCollection{text-align:center; font-size:14pt;padding:0 15px 0 15px;}

div.reviewButtons{text-align:center}

#buyform{text-align:center}
#collectionform{}
#slow_PayPal {font-size:14pt;text-align:center;font-style:italic;padding-top:5px;font-size:12pt;margin-bottom:10px;display:none}
div.buy_info{width:1000px;margin:0 auto;}
h1.buyBook{font-size:14pt;}
img.bookimg {width: 100%;  height: auto; max-width:800px}
img.shoppingpadimg {width: 100%;  height: auto; max-width:350px; margin-right:10px;margin-left:10px}
div.certificateImg{float:left;margin:0 10px 5px 0;}
div.buyCertificate{text-align:center;margin:0 auto;}
select.certificate_ddl{;width:290px;padding:5px;margin-top:5px;font-size:12pt;border: 1px solid #000;border-radius: 6px;}
input.certificate_button{margin-left:15px;position:relative;top:7px;}
h1.buyCalendar{font-size:14pt;}
h2.buyCalendar{font-size:12pt;font-weight:bold}
div.CalendarCont{width:100%;;display:inline-block;display:                 flex;
  display:                 -webkit-flex; /* Safari 8 */
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         /* Safari 8 */
  justify-content:         center;
  -webkit-justify-content: center;       /* Safari 8 */
      max-width: 1100px;
    margin: 0 auto;}
div.CalendarThumbs{width:150px;text-align:center;float:left;margin-bottom:10px}
h2.buyXmasCards{font-size:12pt;font-weight:bold}
div.XmasCards{display:inline-block;margin:0 auto;text-align:center;width:100%;}
div.XmasCard{float:left;width:265px;font-size:10pt;margin:10px 5px 10px 5px;padding:6px;height:166px;min-height:166px}
div.XmasCard h1{font-size:14pt;margin-bottom:5px;font-weight:bold;}
div.XmasCard p{margin-top:5px;font-size:10pt;text-align:center}
div.XmasCard p a{text-decoration:none;color:#fff;}
div.XmasCard p a:hover{text-decoration:none;color:#fff;}
div.XmasCard p a:visited{text-decoration:none;color:#fff;}
div.buyQuestion{text-align:center;margin:0 auto;;margin-top:8px}
select.question_ddl{padding:4px;font-size:12pt;width:250px;margin-right:4px}
input.question_button{padding:4px;font-size:12pt;width:100px;text-align:center}

section.buy  {padding:15px 25px 15px 25px}

div.delTitle {width:200px;float:left;margin-top:10px;padding-left:15px}
div.delContent {float:left;margin-top:10px}
div.delClear{   clear: both;}

      .panel {
        background-color: #F5F5F7;
        border: 1px solid #ddd;
        padding: 20px;
        display: block;
        width: 280px;
        border-radius: 6px;
        box-shadow: 0 2px 4px rgba(0,0,0,.1);
        margin:0 auto;
      }
      .btn {
        background: rgb(68,175,231); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(68,175,231,1) 0%, rgba(49,152,223,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(68,175,231,1) 0%,rgba(49,152,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(68,175,231,1) 0%,rgba(49,152,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44afe7', endColorstr='#3198df',GradientType=0 );
        color: #fff;
        display: block;
        width: 100%;
        border: 1px solid rgba(46, 86, 153, 0.0980392);
        border-bottom-color: rgba(46, 86, 153, 0.4);
        border-top: 0;
        border-radius: 4px;
        font-size: 17px;
        text-shadow: rgba(46, 86, 153, 0.298039) 0px -1px 0px;
        line-height: 34px;
        -webkit-font-smoothing: antialiased;
        font-weight: bold;
        margin-top: 20px;
        text-align:center;
      }

      .btn:hover {
        cursor: pointer;
      }

div.search{margin:0 auto;width:100%;display:inline-block;padding:0 20px 0 20px}
div.search h2{text-align:left;font-size:16pt;padding:10px 10px 0 0;margin:2px 0 6px 0;background-image:url('/authorbar.jpg');background-repeat:repeat-x;background-position:top center;}
div.search h3{text-align:left;font-size:14pt;padding:10px 10px 0 0;margin:2px 0 6px 0;background-image:url('/authorbar.jpg');background-repeat:repeat-x;background-position:top center;}
div.search p{margin-bottom:15px;padding-left:10px;}
div.search_thm{width:190px;min-height:230px;height:230px;text-align:center;float:left;margin-bottom:10px;}
div.search_thm p{font-size:12pt;color:#fff;text-align:center;padding-left:0;margin-bottom:0}
div.search_thm img{-webkit-box-shadow:4px 4px 4px 0px #202020;box-shadow:4px 4px 4px 0px #202020;margin-bottom:5px}
div.search_thm_large{width:320px;min-height:250px;height:250px;text-align:center;float:left;margin-bottom:10px;}
div.search_thm_jigsaw{width:265px;min-height:312px;height:312px;text-align:center;float:left;margin-bottom:10px;}
div.search_thm_large p{font-size:12pt;color:#fff;text-align:center;padding-left:0;margin-bottom:0}
div.search_thm_large img{-webkit-box-shadow:4px 4px 4px 0px #202020;box-shadow:4px 4px 4px 0px #202020;margin-bottom:5px}
div.search_thm_jigsaw p{font-size:12pt;color:#fff;text-align:center;padding-left:0;margin-bottom:0}
div.search_thm_jigsaw img{-webkit-box-shadow:4px 4px 4px 0px #202020;box-shadow:4px 4px 4px 0px #202020;margin-bottom:5px}
div.search_cont{display:inline-block;margin-bottom:5px;margin: auto}
p.search_cont{margin-top:5px;font-size:9pt;text-align:center;}
div.search_clearfloats{clear:left;}
div.authorbar2{background-image:url('/authorbar2.jpg');background-repeat:no-repeat;background-position:top center;}
div.authorbar2 h1{font-size:18pt;font-weight:bold;padding:18px 10px 0 0;margin:2px 0 6px 0;text-align:center;}

div.ProductBlocks{margin:0 auto;text-align:center;max-width:1200px;width:95%;display:inline-block;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:center;-webkit-justify-content:center;}
div.ProductBlocks::after{content: "";clear: both;display: table;}
div.ProductBlock{display:inline-block;float:left;width:45%;font-size:12pt;margin:5px 10px 10px 10px;padding:2px;}
div.ProductBlock img{-webkit-box-shadow:4px 4px 4px 0px #202020;box-shadow:4px 4px 4px 0px #202020;width:100%}
div.ProductBlock p{line-height: 1.6}


div.radio {margin: 0 auto;text-align:center;margin-top:3px;margin-bottom: 4px;display:table}
div.radio::after {
  content: "";
  clear: both;
  display: table;
}

div.radio span { 
margin:0 2px 0 2px;
  float: left;
width: auto;
    font-size:12pt;
border-radius:3px;
padding:3px 6px 3px 4px;
cursor:pointer;
border-radius: 6px
} 

div.radio span.selected { 
border: 2px solid #fff;
padding:1px 4px 1px 2px;
} 

div.radio span.label{ 
cursor:text;
} 

div.radio span.disabled{ 
color: #707070;
cursor:default} 



// for cards buying page - search_thm_large

@media only screen and (max-width: 1130px)
{
div.search_thm_large{width:225px;height:212px;min-height:212px}
div.search_thm_large img {max-width:210px;max-height:140px}
div.search_thm_jigsaw{width:225px;height:299px;min-height:299px}
div.search_thm_jigsaw img {max-width:210px;max-height:140px}
}

@media only screen and (max-width: 1168px)
{
div.search_thm_large{width:220px;height:224px;min-height:224px}
div.search_thm_large img{max-width:210px;max-height:140px}
div.search_thm_jigsaw{width:220px;height:288px;min-height:288px}
div.search_thm_jigsaw img{max-width:210px;max-height:140px}
}

@media only screen and (max-width: 992px)
{
div.search_thm_large{width:175px;height:189px;min-height:189px}
div.search_thm_large img{max-width:160px;max-height:107px}
div.search_thm_jigsaw{width:175px;height:250px;min-height:250px}
div.search_thm_jigsaw img{max-width:160px;max-height:107px}
div.search_thm_jigsaw p,div.radio span {font-size: 11pt}
}

@media only screen and (max-width: 807px)
{
div.search_thm_large{width:150px;height:174px;min-height:174px}
div.search_thm_large img{max-width:140px;max-height:93px}
div.search_thm_jigsaw{width:150px;height:220px;min-height:220px}
div.search_thm_jigsaw img{max-width:140px;max-height:93px}
div.search_thm_jigsaw p,div.radio span {font-size: 10pt}

}

@media only screen and (max-width: 850px)
{

div.ProductBlock{font-size:11pt;}
div.ProductBlock p{line-height: 1.5}

}

@media only screen and (max-width: 700px)
{

div.ProductBlocks{margin:0 auto;text-align:center;width:95%;}
div.ProductBlock{width:95%;margin:0px 10px 10px 10px;padding:3px;font-size:10pt;}
div.ProductBlock p{line-height: 1.4}

}



@media only screen and (max-width: 1060px)
{
div.search_thm{width:170px;height:202px;min-height:202px}
div.search_thm img {max-width:140px;max-height:140px}
}

@media only screen and (max-width: 960px)
{
div.search_thm{width:150px;height:187px;min-height:187px}
div.search_thm img{max-width:123px;max-height:123px}
}

@media only screen and (max-width: 860px)
{
div.search_thm{width:135px;height:170px;min-height:170px}
div.search_thm img{max-width:107px;max-height:107px}
}

@media only screen and (max-width: 1070px)
{
#cartDelivery, #cartContents div.cartLine, div.cartAddress, div.cartAddressEmail, div.cartAddressEmailNoBorder, div.cartAddressMethod{font-size:12pt}


#cartDelivery, #cartContents{width:900px}
#cartContents div.cartItemTitleSize{width:370px}
#cartContents div.cartItemSize{width:290px}
#cartContents div.cartThumbSize{width:80px}
}

@media only screen and (max-width: 950px)
{
#slow_PayPal, div.cartButtonCollection,div.cartButtonInfo{font-size:12pt}

div.paymentSeq, div.paymentSeqCurrent{width:190px}
div.paymentSeqDesc, div.paymentSeqDescPayPal {width:150px}

#cartDelivery, #cartContents div.cartTitles, div.cartAddressTitle{font-size:13pt}
#cartContents div.cartTotalAmount{font-size:13pt}

#cartDelivery, #cartContents{width:800px}
#cartContents div.cartItemTitleSize{width:310px}
#cartContents div.cartItemSize{width:240px}
#cartContents div.cartThumbSize{width:70px}
#cartContents div.cartPriceSize{width:80px}
#cartContents div.cartTotalSize{width:80px}
}

@media only screen and (max-width: 1170px)
{
div.XmasCards{width:830px;}
section.buyCards{text-align:center}

}

@media only screen and (max-width: 895px)
{
div.XmasCards{width:550px;}

}

@media only screen and (max-width: 630px)
{
div.XmasCards{width:275px;}

}

@media only screen and (max-width: 850px)
{

div.paymentSeqCont {width:645px}
section.buy_progress{padding-top:15px}
span.seq{display:none}
span.seqSmall{display:inline-block}
div.paymentSeq, div.paymentSeqCurrent{width:150px}
div.paymentSeqDesc, div.paymentSeqDescPayPal {width:110px}

#cartDelivery, #cartContents div.cartTitles, div.cartAddressTitle{font-size:12pt}
#cartContents div.cartTotalAmount{font-size:12pt}
#cartContents div.cartLine, div.cartAddress, div.cartAddressEmail, div.cartAddressEmailNoBorder, div.cartAddressMethod{font-size:11pt}

#cartDelivery, #cartContents{width:650px}
#cartContents div.cartItemTitleSize{width:270px}
#cartContents div.cartItemSize{width:220px}
#cartContents div.cartThumbSize{width:50px}
#cartContents div.cartOptionSize{width:90px}
#cartContents div.cartPriceSize{width:75px}
#cartContents div.cartQuantitySize{width:80px}
#cartContents div.cartTotalSize{width:75px}

#cartContents button.cartButtonDel{display:none} 
#cartContents button.cartButtonDelSmall{display:block}
input.updateCart{width:60px}
}

@media only screen and (max-width: 750px)
{
section.buy{padding:15px}
}

@media only screen and (max-width: 700px)
{


div.paymentSeqCont {width:250px}
section.buy_progress{padding-top:15px}
section.cartContents{padding-bottom:15px}
span.seqSmall{display:none}
div.paymentSeq, div.paymentSeqCurrent{width:50px}
div.paymentSeqDesc, div.paymentSeqDescPayPal {display:none}
div.paymentSeqNum {width:100%;text-align:center;margin-left:0;padding-right:0}

#cartContents div.cartTitles, div.cartAddressTitle{font-size:11pt}
#cartContents div.cartTotalAmount{font-size:11pt}
#cartContents div.cartLine, div.cartAddress, div.cartAddressEmail, div.cartAddressEmailNoBorder, div.cartAddressMethod{font-size:10pt}

#cartDelivery, #cartContents{width:95%}
#cartContents div.cartItemTitleSize{width:170px}
#cartContents div.cartItemSize{width:120px}	
#cartContents div.cartOptionSize{width:70px}
#cartContents div.cartPriceSize{width:65px}
#cartContents div.cartQuantitySize{width:75px}
#cartContents div.cartTotalSize{width:65px}

#cartContents img.cartButton, #cartContents input.cartButton{display:none}
#cartContents img.cartButtonSmall, #cartContents input.cartButtonSmall{display:block}

div.cartAddress, div.cartAddressEmail, div.cartAddressMethod {padding-left:30px}
div.delTitle {width:150px;}
}


@media only screen and (max-width: 550px)
{
div.paymentSeqCont {width:250px}
section.buy_progress{padding-top:15px}
span.seqSmall{display:none}
div.paymentSeq, div.paymentSeqCurrent{width:50px}
div.paymentSeqDesc, div.paymentSeqDescPayPal {display:none}
div.paymentSeqNum {width:100%;text-align:center;margin-left:0;padding-right:0}

#cartDelivery, #cartContents div.cartTitles, div.cartAddressTitle{font-size:10pt}
#cartContents div.cartTotalAmount{font-size:10pt}
#cartContents div.cartLine, div.cartAddress, div.cartAddressEmail, div.cartAddressEmailNoBorder, div.cartAddressMethod{font-size:9pt}

#cartDelivery, #cartContents, div.cartAddressCont {}
#cartContents div.cartItemTitleSize{width:150px}
#cartContents div.cartItemSize{width:100px}
#cartContents div.cartOptionSize{width:75px}
#cartContents div.cartPriceSize{width:65px}
#cartContents div.cartQuantitySize{width:225px;clear:left;padding-left:150px;padding-top:5px}
#cartContents div.cartTotalSize{width:65px;padding-top:5px}
#cartContents div.cartDeleteSize{padding-top:5px}

#cartContents img.cartButton, #cartContents input.cartButton{display:none}
#cartContents img.cartButtonSmall, #cartContents input.cartButtonSmall{display:block}

div.deliveryColumnLeft, div.deliveryColumnRight  {width:100%;float:none;padding-right:0}
div.deliveryColumnRight {padding-left:0;margin-top:20px}

div.delTitle {width:120px;}

}