@charset "UTF-8"; /* CHECK FOR SIZE OVERLAPS/CLASHES! */
/*  responsive css for portrait orientation on all platforms; landscape mode style rules [>480 pixels wide] at onesizeland.css */
/*  editing 05/11-> for new Paint it Jack entries: line numbers being updated */
/* SS1 - max 319w portrait: L53 */
/* SS1 - device width 240px: L722 */
/* SS2 - 320-359w: L673 - Device width 320px first? DO I NEED THIS CATEGORY? NO DEVICES IN THIS RANGE? */
/* device-width 360px 1412 */
/* SS3 - 360-374: L1499 */
/* SS4 - 375-383w: L1928 */
/* SS5 - 385-410w: L2660 */
/* SS6 - 411-434w: L2746 */
/* SS7 - 435-479w: L3741 */

/* applies to all settings: required for older browsers */
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body {
	font-family: Georgia;
	margin: 0;
}

p {
	color: black;
}

#submitRating {
	visibility: hidden;
}

#feedback {
	visibility: hidden;
}
/* NEW 01/05/25 FOR reCAPTCHA */
#feedSub {
	visibility: hidden;
}

#feedbackData td.likedis {
	text-align: justify;
}

.fbkinputname {
	text-align:left;
}

@media screen and (min-width: 1px) and (max-width: 240px) { /* new 30/10/24 for Nokia 8114, 240x320 px */
	/* for 240 wide screen make max-width 240px & max-height 98px to keep proportions */
	#pagecontainer {
		position: absolute;
		width: 100%; /* reduced to 100% from 110% 15/01/25 */
		min-height: 480px;
		text-align: center;
		background-image: url(../images/Wlogolgltgry.png);
		background-repeat: no-repeat;
		background-size: 90%;
		background-position: 120% 80px;
		padding-bottom: 4px;
	}
	div.transbox {
		margin-top: 0; 
	}
	.banner320 img { /* new 10/03/25 for 240 wide screen */
		margin-top: 0;
		max-width: 240px;
		max-height: 98px;
	}
	#navcenter {
		font-family: Arial;
		font-size: 7vw;
		font-weight: bold;
		color: #f00;
		margin-top: 0.25rem;
	}
	a:link {
		color: #00f;
		text-decoration: none;
	}
	a:visited {
		color: #00f;
		text-decoration: none;
	}
	a:hover {
		color: #0f0;
		text-decoration: none;
	}
/*		nav {        DO I NEED THIS? DON'T THINK SO
		   font-size: 6vw;
		   margin: -12.5rem auto 0;
	   } */
	#bookinfo {
		margin: 8px 0 0 8px;
	}
	#LTbookinfo {
		margin: 8px 0 0 8px;
	}
	img.buyBSandSB {
		float: left;
		width: 31.2vw;
		height: auto;
		margin-right: 6px;
	}
	.catno {
		font-size: 3vw;
		text-align: left;
		margin-top: 0.5rem;
	}
	.orangetitle {
		color: darkorange;
		font-size: 6.25vw;
		font-weight: bold;
		text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0.2rem;
	}
	.subtitle {
		font-family: Arial;
		font-size: 4.1vw;
		text-align: left;
		color: #f00;
		margin-top: 0.25rem;
	}
	.LTtitle {
		font-family: Helvetica, sans-serif;
		font-size: 6.25vw;
		font-weight: bold;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	.LTsubtitle {
		font-family: Helvetica, sans-serif;
		font-size: 4.1vw;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	.bookpricewb01-02rwd {
		max-width: 97%;
		font-size: 3.25vw;
		font-weight: bold;
		text-align: justify;
		margin: 0;
	}
    .bookpricewb05norwd {
		max-width: 95%;
        font-size: 4vw;
        font-weight: bold;
        text-align: justify;
        margin: 1.7rem 0 0;
    }    
	#btncontainer {
		max-width: 60%;
		float: right;
		margin: 0.5rem 6% 8px 0;
	}
	#DLbtncontainer {
		max-width: 58%;
		float: right;
		margin: 0.5rem 10% 8px 0;
	}
	#LTDLbtncont {
		max-width: 60%;
		float: right;
		margin: 0.5rem 5% 0 0;
	}	
	.bookpricewb01-02rwduk {
		font-size: 5vw;
		font-weight: bold;
		margin: -0.5rem -7.5% 0.5rem 1%;
	}
	.bookpricewb01EU {
		font-size: 5vw;
		font-weight: bold;
		margin: 0 -7.5% 0.5rem 1%;
	}
	.bookpricewb01zonea {
		font-size: 5vw;
		font-weight: bold;
		margin: 0 -7.5% 0.5rem 1%;
	}
	.bookpricewb01zoneb {
		font-size: 5vw;
		font-weight: bold;
		margin: 0 -7.5% 0.5rem 1%;
	}
	.bookpricewb01zonec {
		font-size: 5vw;
		font-weight: bold;
		margin: 0 -7.5% 0.5rem 1%;
	}
	.buybuttonwb01-02rwduk {
		margin: 0.5rem -7.5% 0 0;
	}
	.buybuttonwb01-02rwduk input[type="image"] {
		max-width: 100px;
	}
	.buybuttonwb01-02rwdnonuk {
		margin-right: -7.5%;
	}
	.buybuttonwb01-02rwdnonuk input[type="image"] {
		max-width: 100px;
	}
	.buybuttonwb01EU {
		margin-right: -7.5%;
	}
	.buybuttonwb01EU input[type="image"] {
		max-width: 100px;
	}
	.buybuttonwb01zoneb {
		margin-right: -7.5%;
	}
	.buybuttonwb01zoneb input[type="image"] {
		max-width: 100px;
	}
	.buybuttonwb01zonec {
		margin-right: -7.5%;
	}
	.buybuttonwb01zonec input[type="image"] {
		max-width: 100px;
	}
	.bookpricewb01-02 { /* download */
		font-size: 4vw;
		font-weight: bold;
		margin: 0;
	}	
	.buybuttonwb02disc {
		margin-top: 0.4rem;
	}
	.buybuttonwb02disc input[type="image"] {
		max-width: 100px;
	}
	.poffzoneinfo {
		font-family: Arial, sans-serif;
		float: left;
		max-width: 32%; 
		font-size: 3vw;
		font-weight: bold;
		text-align: justify;
		line-height: 1.2;
		margin: 0.25rem 0 0 8px;
	}
	.bookpricewb06full {
		max-width: 97%;
		font-size: 3.25vw;
		font-weight: bold;
		text-align: justify;
		margin: 0.25rem 0 0 0;
	}
	#PiJbtncontainer { /* added 12/03/25 */
		max-width: 60%;
		float: right;
		margin: 0.5rem 2.5% 8px 0;
	}
	.bookpricewb05grs {
		font-size: 5.5vw;
		font-weight: bold;
	}	
	.bookpricewb06uk { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin-bottom: -0.15rem;
	}
	.bookpricewb06eu { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0;
	}
	.bookpricewb06Z1 { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0;
	}
	.bookpricewb06Z2 { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0;
	}
	.bookpricewb06Z3 { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0;
	}
	.buybuttonwb06uk { /* new 04/12/24 */
		margin: 0.5rem 0 0 0;
	}
	.buybuttonwb06uk input[type="image"] {
		max-width: 100px;
	}
	.buybuttonwb06eu { /* new 04/12/24 */
		margin-top: 0.4rem;
	}
	.buybuttonwb06eu input[type="image"] {
		max-width: 100px;
	}
	.buybuttonwb06Z1 { /* new 04/12/24 */
		margin-top: 0.4rem;
	}
	.buybuttonwb06Z1 input[type="image"] {
		max-width: 100px;
	}
	.buybuttonwb06Z2 { /* new 04/12/24 */
		margin-top: 0.4rem;
	}
	.buybuttonwb06Z2 input[type="image"] {
		max-width: 100px;
	}
	.buybuttonwb06Z3 { /* new 04/12/24 */
		margin-top: 0.4rem;
	}
	.buybuttonwb06Z3 input[type="image"] {
		max-width: 100px;
	}
	#textcontainer {
		width: 90%;
		text-align: justify;
		margin: 0 auto;
	}
	.cheqt {
		font-size: 5vw;
	}	
	.cheqnt {
		font-size: 5vw;
		margin-bottom: 0.25rem;
	}
	table td img {
		max-width: 216px;
	}	
	.lawtaittitle {
		font-family: Helvetica;
		font-size: 7vw;
		font-weight: bold;
		color: Gold;
		text-shadow: 2px 2px 2px FireBrick;
		margin: 0.25rem 0 0.2rem;
	}
	.leftsidebsandsb {
		width: 90%;
		margin: 0 auto;
	}
	.rightsidebsandsb {
		width: 90%;
		margin: 0 auto;
	}
	.extshdr {
		font-size: 6vw;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.chapno {
		font-size: 5vw;
		font-weight: bold;
		margin: 0 auto;
	}
	.chapext {
		font-size: 4vw;
		line-height: 1.3;
		text-align: justify;
		text-indent: 1.2rem;
		margin: 0.25rem auto;
	}
	.booksynop {
		font-size: 6vw;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.bsandsbbkdets {
		font-family: Arial;
		font-size: 4vw;
		text-align: justify;
		text-indent: 1.2rem;
		line-height: 1.3;
		margin: 0.2rem auto 0.3rem;
	}
	.bsandsbreviews {
		font-size: 5vw;
		font-weight: bold;
		margin: 0.3rem auto 0.1rem;
	}
	.bsandsbreview {
		font-size: 4vw;
		margin: 0 auto;
	}
	.bsandsbreviews {
		font-size: 5vw;
		font-weight: bold;
		margin: 0.3rem auto 0.1rem;
	}
	.bsandsbreview {
		margin: 0 auto;
	}
	.bssbrevhd {
		text-align: justify;
		text-decoration: underline;
		font-size: 4.25vw;
		margin: 0.25rem 0 -0.75rem;
	}
	.bssbrevtxt {
		font-size: 4vw;
		line-height: 1.3;
		font-style: italic;
		text-align: justify;
		margin: 0.25rem auto 0.25rem;
	}
	.bssbrevatrib {
		font-size: 4vw;
		text-align: justify;
		margin: 0.1rem 0 0.25rem;
	}
	div#synopcontainer {
		width: 92%;
		max-width: 490px; 
		text-align: justify;
		margin: -14px auto 0;
	}
	div.cover {
		float: left;
		margin: 0 8px 0 0;
	}
	div.cover img {
		width: 70px;
		height: auto; 	
	}
	div.cover1 {
		float: left;
		margin: 6px 8px 0 0;
	}
	div.cover1 img {
		width: 70px;
		height: auto; 	
	}
	.cover280 {
		margin: 6px auto 0;
	}
	.book1synopsis {
		font-size: 3vw;
		line-height: 1.3;
		margin: 18px 0 -16px 0;
	}
	.book1synopsis a:first-child {
		font-size: 3.5vw;
	}
	.book2synopsis {
		font-size: 3vw;
		line-height: 1.3;
		margin: 6px 0 -6px 0;
	}
	.book2synopsis a:first-child {
		font-size: 3.25vw;
	}
	.paintit { /* new 24/01/25 */
		font-family: Garamond, serif;
		font-size: 8.25vw;
		font-weight: bolder;
		color: red;
		text-align: left;
		text-shadow: 1px 1px #000;
		margin: -0.25rem 0 0;
	}	
	.PiJsubtitle { /* edited 12/03/25 */
		font-family: Arial;
		font-size: 3.75vw;
		font-weight: bold;
		text-align: left;
		color: rgb(0, 0, 255);
		margin-top: 0;
	}
	.PiJtitle { /* added 04/02/25 */
        font-family: Garamond, serif;
        font-size: 7vw;
        font-weight: bold;
        color: red;
        text-shadow: 1px 1px 1px blue;
    }	
	.booktitlecentre {
		font-size: 8.5vw;
		font-weight: bold;
		color: darkorange;
		text-shadow: 2px 1px 1px black;
		margin: 0 0 0.2rem;
	}
	.leftside {
		text-align: justify;
		max-width: 92%;
		margin: -10px 0 0 2.5%;
	}	
	.abouthead {
		font-size: 1rem;
		margin: 0.75rem 0 0.1rem 0.5rem;
	}	
	.leftside p {
		line-height: 1.4;
	}	
	.abouttextnextleft {
		font-size: 0.7rem;
		text-align: justify;
		margin: 0.2rem 0 0 3%;
	}	
	.rightside {
		text-align: justify;
		max-width: 92%;
		margin: 0 0 0 2.5%;
		padding-bottom: 8px;
	}	
	.rightside p {
		line-height: 1.4;
	}
	.abouttextnextright {
		font-size: 0.7em;
		text-align: justify;
		margin: 0.2rem 0 0 3%;
	}
	.social {
		display: inline;
		font-family: Arial;
		font-size: 0.75rem;
		font-weight: bold;
		text-align: left;
		color: #00f;
		margin: 0;
	}
	#socmedlinks {
		text-align: center;
		margin: 0.5rem auto -1.5rem;
	}
	.socialbig {
		display: none;
	}
	.socialsmall {
		vertical-align: middle;
	}
	#aboutfoot {
		width: 89%;	
		margin: 0 auto 0;
		padding-bottom: 8px;
	}
	.inform {
		font-size: 0.5rem;
		font-weight: bold;
		text-align: justify;
		margin: 0;
	}
	.cookies {
		font-family: Impact, "Arial Black", sans-serif;
		font-size: 3.75vw;
		text-align: justify;
		color: navy;
		margin-top: 4px;
	}
	#saleinfo {
		max-width: 90%;
		margin: 1rem auto 0;
	}
	.saleinfop {
		font-size: 4.5vw;
		text-align: justify;
		margin: -0.5rem auto 0;
	}
	p.saleinfop1 {
		font-size: 6.75vw;
		text-align: justify;
		margin: 0 auto;
	}
	p.saleinfop2 {
		font-size: 5.5vw; /* edited 10/06/25 */
		margin: 0.3rem auto 0;
	}
	.rwcinput {
	    max-width: 80%;
		margin: 1rem auto;
	}
	.douhvrc {
		font-size: 5.5vw;
		margin: 0;
	}	
	.rwcrads {
		font-size: 5.5vw;
		margin-top: 0.5rem;
	}	
	.rwcbuts {
		margin-top: 0.4rem;
	}			
	input#rwcconf {
	    font-size: 5vw;
		padding: 1px 2px;
	}
	.ratepghdr { /* added 15/05/25 */
		font-size: 7vw;
		font-weight: bold;
		margin: -0.5rem auto 0;
	}
	#st1, #st2, #st3, #st4, #st5 {
			font-size: 12vw; 
		}
	.rateregist { /* added 24/02/25 */
		font-size: 5.5vw;
		font-weight: bold;
		margin: 0.5rem auto 0;
	}
	#submitRating {
		margin-top: -1rem;
	}
	.ratingsubmit {
		font-size: 6.2vw;
		margin-bottom: -1rem;
	}
	#star-rating {
		margin-top: 0.25rem;
	}
	fieldset {
		width: 100%;
	}
	legend {
		font-size: 5vw;
	}
	#catcher {
		width: 60%;
		margin: 6.5rem 50% 0 0;
	}
	#catchersubmit {
		font-size: 5vw;
		margin: -1.5rem 0 -0.5rem;
	}
	.g-recaptcha:nth-child(1) {
		width: 150px;
	}
	.fbkinputname {
		font-size: 5vw;
	}
	.fbkconsinfo {
		max-width: 98%;
		font-size: 3.8vw;
		text-align: justify;
		margin: 1px auto;
	}
	#fname {
		width: 68.5%;
		margin: 1px auto;
	}
	#lname { /* less because of space before text */
		width: 68%;
		margin: 2px auto;
	}
	#fbkemail {
		width: 98%;
		margin: 1px auto;
	}
	.lkbxlbl {
		float: left;
		font-size: 5.5vw;
	}
	#siteLike {
		font-family: Arial, Helvetica, sans-serif;
		float: left;
		width: 99%;
		margin: 1px auto;
	}
	#siteDislike {
		font-family: Arial, Helvetica, sans-serif;
		float: left;
		width: 99%;
		margin: 2px auto;
	}
	iframe {
		width: 200px;
		margin-left: -6.5rem;
	}
	#feedSub {
		float: right;
		font-size: 5vw;
		margin: -1rem 1rem 0.5rem 0;
	}
	#feedbackInfo {
		max-width: 100%;
		margin: 0.5rem auto 0;
	}
		#feedbackData { /* table section added 19/05/25 */
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 0.625rem;
		font-size: 3.5vw; 
		border-collapse: collapse;
		width: 100%;
	}
	#feedbackData td, #feedbackData th {
		border: 1px solid #ddd;
		padding: 8px;
	}
	#feedbackData th { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkOrange;
		color: white;
	}
	#feedbackData td.subheads { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkTurquoise;
		color: white;
	}
	}

@media screen and (min-width: 241px) and (max-width: 479px) {

/* SS1 ==== */
@media screen and (max-width: 319px) and (orientation: portrait) { /* new 06/11/24 for Galaxy Fold, 280x653 px */
   
	#pagecontainer {
		position: absolute;
		width: 100%; /* reduced to 100% from 110% 15/01/25 */
		min-height: 480px;
		text-align: center;
		background-image: url(../images/Wlogolgltgry.png);
		background-repeat: no-repeat;
		background-size: 90%;
		background-position: 120% 80px;
		padding-bottom: 4px;
	}	
	#banner {
		position: relative;
		max-height: 130px; /* was 142; image rendered @130px */
		background-image: url(../images/banner/ident.png);
		background-repeat:  no-repeat;
		background-size: 100%;
		background-position: 0% top; /* was bottom */
		padding: 0;
	}
 /* for 240 wide screen make max-width 240px & max-height 98px to keep proportions */
	.banner320 img { /* new 15/01/25 for 280 wide screen */
		margin-top: 12px;
		max-width: 280px;
	}	
	#navcenter {
		font-family: Arial;
		font-size: 1.2rem; /* edited 18/02/25 */
		font-weight: bold;
		color: #f00;
		margin-top: 1.25rem;
	}
	div.transbox {
		position: relative;
		max-height: 142px;
		background-color: #fff;
		opacity: 0.9;
		margin-top: -12px; 
		z-index: 1;
	}
	#bookinfo {
		margin: 8px 0 0 8px;
	}
	#LTbookinfo {
		max-width: 98%;
	}	
	#textcontainer {
		width: 90%;
		text-align: justify;
		margin: 0 auto;
	}	
	#btncontainer { /* edited 14/03/25 */
		max-width: 60%;
		float: right;
		margin: 0.5rem 5% 8px 0;
	}		
	#PiJbtncontainer {
		max-width: 60%;
		float: right;
		margin: 0.5rem 7.5% 8px 0;
	}	
	#paypallogo {
		margin: -2px 0 0 -4px;
	}
	table td img {
		max-width: 260px;
	}	
	.bold {
		font-weight: bold;
	}	
	.boldlink {
		font-weight: bold;
		color: #00f;
	}	
	.normal {
		font-weight: normal;
	}	
	a:link {
		color: #00f;
		text-decoration: none;
	}	
	a:visited {
		color: #00f;
		text-decoration: none;
	}	
	a:hover {
		color: #0f0;
		text-decoration: none;
	}	
	img.buyBSandSB {
		float: left;
		width: 31.2vw;
		height: auto;
		margin-right: 6px;
	}	
	.catno { /* edited 18/01/25 */
		font-size: 3.9vw;
		text-align: left;
		margin-top: 0.5rem;
	}
	.booktitlecentre { /* for bsandsb.html added 20/02/25 */
		font-size: 1.6rem;
		font-weight: bold;
		color: darkorange;
		text-shadow: 2px 1px 0 black;
		margin: 0 auto;
	}		
	.orangetitle { /* edited 21/01/25 */
		color: darkorange;
		font-size: 6.75vw;
		font-weight: bold;
		text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0;
	}
	
	.subtitle { /* edited 21/01/25 */
		font-family: Arial;
		font-size: 4vw;
		text-align: left;
		color: #f00;
		margin-top: 0.25rem;
	}
	
	.paintit { /* new 02/12/24 */
        font-family: Garamond, serif;
        font-size: 9.5vw;
        font-weight: bolder;
        color: red;
    	text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0;
	}
    
    .PiJsubtitle {
		font-family: Arial;
		font-size: 4.1vw;
		font-weight: bold;
		text-align: left;
		color: rgb(0, 0, 255);
		margin-top: 0.1rem;
	}
	
	.LTtitle {
		font-family: Helvetica, sans-serif;
		font-size: 6.25vw;
		font-weight: bold;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	
	.LTsubtitle {
		font-family: Helvetica, sans-serif;
		font-size: 7vw;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	
	.lawtaittitle { /* added 01/02/25 */
		font-family: Helvetica;
		font-size: 1.75rem;
		font-weight: bold;
		color: Gold;
		text-shadow: 1px 1px 2px FireBrick;
		margin: 0 0 0.2rem;
	}
	
	.leftsidebsandsb { /* added 01/02/25 */
		width: 90%;
		margin: 0 auto;
	}

	.extshdr { /* added 01/02/25 */
		font-size: 1rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}

	.chapno { /* added 01/02/25 */
		font-size: 0.75rem;
		font-weight: bold;
		margin: 0 auto;
	}
	
	.chapext { /* added 01/02/25 */
		font-size: 0.6rem;
		line-height: 1.3;
		text-align: justify;
		text-indent: 1.2rem;
		margin: 0.25rem auto;
	}

	.booksynop { /* added 01/02/25 */
		font-size: 0.875rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}

	.bsandsbbkdets { /* added 01/02/25 */
		font-family: Arial;
		font-size: 0.563rem;
		text-align: justify;
		text-indent: 1.2rem;
		line-height: 1.3;
		margin: 0.2rem auto 0.3rem;
	}
	
	.rightsidebsandsb { /* added 01/02/25 */
		width: 90%;
		margin: 0 auto;
	}
	
	#synopcontainer { /* added 03/02/25\/ */
		width: 92%;
		max-width: 490px; 
		text-align: justify;
		margin: 0.5rem auto 0;
	}	
	div.cover {
		float: left;
		margin: 0 8px 0 0;
	}	
	div.cover img {
		width: 80px;
		height: auto; 	
	}	
	div.cover1 {
		float: left;
		margin: 6px 8px 0 0;
	}	
	div.cover1 img {
		width: 80px;
		height: auto; 	
	}
	.book1synopsis {
		font-size: 0.575rem;
		line-height: 1.15;
		margin-bottom: -0.75rem;
	}
	.book1synopsis a:first-child {
		font-size: 0.6rem;
	}
	.book2synopsis {
		font-size: 3.25vw;
		margin: 0.25rem 0 -0.7rem;
	}
	.book2synopsis a:first-child {
		font-size: 0.575rem;
	}
	.bsandsbreviews { /* added 20/02/25 */
		font-size: 0.875rem;
		font-weight: bold;
		margin: 0.3rem auto 0.1rem;
	}	
	.bsandsbreview { /* added 20/02/25 */
		margin: 0 auto;
	}
	.bssbrevhd { /* added 20/02/25 */
		font-size: 3.25vw;
		text-align: justify;
		text-decoration: underline;
		margin: 0.25rem 0 -0.925rem;
	}	
	.bssbrevtxt { /* added 20/02/25 */
		font-size: 2.75vw;
		line-height: 1.3;
		font-style: italic;
		text-align: justify;
		margin: 0.1rem auto 0.25rem;
	}	
	.bssbrevatrib { /* added 20/02/25 */
		font-size: 2.25vw;
		text-align: justify;
		margin: -0.1rem 0 0.4rem
	}
	.PiJtitle { /* added 10/03/25 */
        font-family: Garamond, serif;
        font-size: 7vw;
        font-weight: bold;
        color: red;
        text-shadow: 1px 1px 1px blue;
    }	
	#LTDLbtncont {
		max-width: 60%;
		float: right;
		margin: 0.5rem 12.5% 0 0;
	}	
	.buybuttonwb01-02rwduk {
		margin: 0.5rem 0 -1rem 0.5%;
	}
	.buybuttonwb01-02rwduk input[type="image"] {
		max-width: 125px;
	}
	.buybuttonwb01EU {
		margin: 0.5rem 0 0;
	}
	.buybuttonwb01EU input[type="image"] {
		max-width: 125px;
	}	
	.buybuttonwb01-02rwdnonuk {
		margin: 0;
	}	
	.buybuttonwb01-02rwdnonuk input[type="image"] {
		max-width: 125px;
	}
	.buybuttonwb01zoneb {
		margin: 0;
	}	
	.buybuttonwb01zoneb input[type="image"] {
		max-width: 125px;
	}
	.buybuttonwb01zonec {
		margin: 0;
	}	
	.buybuttonwb01zonec input[type="image"] {
		max-width: 125px;
	}
	.bookpricewb01-02rwd { /* edited 14/03/25 */
		max-width: 97%;
		font-size: 3vw;
		font-weight: bold;
		text-align: justify;
		margin: 0.3rem 0 0 0;
	}	
	#DLbtncontainer { /* added 22/01/25 */
		float: right;
		margin: 0.5rem 12.5% 0 0;
	}
	.bookpricewb01-02 { /* edited 22/01/25 */
		font-size: 4vw;
		font-weight: bold;
		margin: 0 auto 0;
	}	
	.bookpricewb05grs { /* added 18/01/25 */
		font-size: 4vw;
		font-weight: bold;
	}	
	.buybuttonwb02disc { /* edited 21/01/25 */
		float: right;
		margin: 0.4rem 5% 0;
	}
	.buybuttonwb02disc input[type="image"] {
		width: 100px;
	}	
    .bookpricewb05norwd { /* added 18/01/25 */
        font-size: 4vw;
        font-weight: bold;
        text-align: justify;
        margin: 1.25rem 0 0;
    }    
	.bookpricewb01-02rwduk { /* new 03/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin-bottom: 0;
	}	
	.bookpricewb01EU { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 1.5rem 0 0.5rem 0;
	}	
	.bookpricewb01zonea {
		font-size: 5vw;
		font-weight: bold;
		margin: 0.5rem 0 0.5rem 0;
	}	
	.bookpricewb01zoneb {
		font-size: 5vw;
		font-weight: bold;
		margin: 0.5rem 0 0.5rem 0;
	}	
	.bookpricewb01zonec {
		font-size: 5vw;
		font-weight: bold;
		margin: 0.5rem 0 0.5rem 0;
	}
	
	.bookpricewb06full {
		max-width: 97%;
		font-size: 3.25vw;
		font-weight: bold;
		text-align: justify;
		margin: 0.35rem 0 0 0;
	}
	
	.bookpricewb06uk { /* new 03/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0; /* was margin-left: 6% */
	}

	.bookpricewb06eu { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0.5rem 0 0.5rem 0;
	}
	
	.bookpricewb06Z1 { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0.5rem 0 0.5rem 0;
	}
	
	.bookpricewb06Z2 { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0.5rem 0 0.5rem 0;
	}
	
	.bookpricewb06Z3 { /* new 04/12/24 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0.5rem 0 0.5rem 0;
	}
	
	.buybuttonwb06uk {
		margin: 0.5rem 0 -1rem 0.5%;
	}
	
	.buybuttonwb06eu { /* NEW 03/12/24 will need adjusting! */
		margin: 0.5rem 0 -1rem 0.5%;
	}
	
	.buybuttonwb06Z1 { /* new 03/12/24 */
		margin: 0.5rem 0 -1rem 0.5%;
	}
	
	.buybuttonwb06Z2 { /* new 03/12/24 */
		margin: 0.5rem 0 -1rem 0.5%;
	}
	
	.buybuttonwb06Z3 { /* new 03/12/24 */
		margin: 0.75rem 0 -1rem 0.5%;
	}
	
	.poffzoneinfo { /* new 03/12/24 */
		font-family: Arial, sans-serif;
		float: left;
		width: 31.2vw;
		font-size: 2.75vw;
		font-weight: bold;
		text-align: justify;
		line-height: 1.2;
		margin: 0.25rem 0 0 8px;
	}
	
	.cheqt {
		font-size: 0.95rem;
		line-height: 1.3;
		margin-top: 0.25rem;
	}
	
	.cheqnt {
		font-size: 0.95rem;
		line-height: 1.3;
		margin: -0.5rem 0 0.75rem;
	}	
	.saleinfop1 { /* added 24/02/25 */
		font-size: 5.75vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}
	.saleinfop2 { /* added 24/02/25 */
		font-size: 5.5vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}
	#saleinfo { /* edited 28/01/25 */
		max-width: 90%;
		margin: -0.25rem auto 0;
	}
	.saleinfop { /* added 28/01/25 */
		font-size: 3.75vw;
		text-align: justify;
		margin: 0.4rem auto 0;
	}
	.ratepghdr { /* added 24/02/25 */
		font-size: 7vw;
		font-weight: bold;
		margin: 0.5rem auto 0;
	}
	#st1, #st2, #st3, #st4, #st5 {
		/*	font-size: 1.75rem; */
			font-size: 9.75vw; 
		}
	.rateregist { /* added 24/02/25 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0.5rem auto 0;
	}
	button#forFeedback { /* added 06/03/25 */
		font-size: 4vw;
		padding: 1px;
/*		vertical-align: 25%; not necessary here */
	}
	.rwcinput { /* edited 12/02/25 */
	    max-width: 80%;
		margin: 1.5rem auto;
	}
	.douhvrc {
		font-size: 4.2vw;
		margin: 0;
	}	
	.rwcrads {
		font-size: 0.75rem;
		margin-top: 0.5rem;
	}	
	.rwcbuts {
		margin-top: 0.4rem;
	}			
	.leftside { /* edited 18/02/25 */
		text-align: justify;
		width: 90%;
		margin: 0 auto 0;
	}
	.leftside p {
		line-height: 1.3;
	}
	.rightside {
		text-align: justify;
		width: 90%;
		margin: -0.2rem auto 0;
		padding-bottom: 8px;
	}
	.rightside p {
		line-height: 1.3;
	}
	.abouthead {
		font-size: 1rem;
		margin-bottom: 0.1rem;
	}
	.abouttextnextleft {
		font-size: 3.75vw;
		margin: 0 0 0.15rem;
	}
	.abouttextnextright {
		font-size: 3.75vw;
		margin: 0 0 0.15rem;
	}
	#socmedlinks {
		text-align: center;
		margin: 0 0 -1rem;
	}
	.social {
		display: inline;
		font-family: Arial;
		font-size: 0.75rem;
		font-weight: bold;
		text-align: left;
		color: #00f;
		margin: 0;
	}
	.socialbig {
		display: none;
	}	
	.socialsmall {
		vertical-align: middle;
	}
	#aboutfoot {
		width: 90%;	
		margin: -0.25rem auto 0;
		padding-bottom: 8px;
	}
	.inform {
		font-size: 2.5vw;
		font-weight: bold;
		text-align: justify;
		line-height: 1.4;
		margin: 0;
	}	
	.cookies {
		font-family: Impact, "Arial Black", sans-serif;
		font-size: 2.5vw;
		text-align: justify;
		line-height: 1.4;
		color: navy;
		margin-top: 4px;
	}
	fieldset {
		font-size: 6vw;
	}
	input[type=email] {
		width: 99%;
	}
	#feedbackInfo {
		max-width: 100%;
		margin: 0.5rem auto 0;
	}
	#feedbackData {
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 0.625rem;
		font-size: 3vw; 
		border-collapse: collapse;
		width: 100%;
	}
	#feedbackData td, #feedbackData th { /* edited 06/03/25 */
		border: 1px solid #ddd;
		padding: 8px;
		font-size: 5vw;
	}
	#feedbackData th {
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkOrange;
		color: white;
	}
	#feedbackData td.subheads {
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkTurquoise;
		color: white;
	}
	.fbkinputname {
		font-size: 6vw;
	}
	.fbkconsinfo {
			font-size: 3.75vw; 
			text-align: justify;
			margin: 0 4px 0.25rem;
	}
	#fname {
		width: 99%;
	}
	#lname {
		width: 99%;
	}
	#fbkemail {
		width: 99%;
	}
	p.ratingsubmit {
		font-size: 5.75vw;
	}
	#star-rating {
		font-size: 4vw;
	}
	#star-submit {
		font-size: 4vw;
	}
	.lkbxlbl {
		font-size: 5.5vw;
		float: left;
	}
	#siteLike {
		width: 96%;
		font-size: 4.25vw; /* edited 09/06/25 */
		margin: 0.25rem auto;
	}
	#siteDislike {
		width: 96%;
		font-size: 4.25vw; /* edited 09/06/25 */
		margin: 0.25rem auto;
	}
	#feedSub {
		margin-bottom: 4px;
	}
	h3.rateregist { /* added 04/03/25 */
		font-size: 0.75rem;
		font-size: 4.75vw; 
		margin: 0.4rem 0 0.2rem;
	}

}

/* SS2 ==== */
@media only screen and (min-width: 320px) and (max-width: 359px) {

#pagecontainer {
	position: absolute;
	width: 100%;
	min-height: 480px;
	text-align: center;
	background-image: url(../images/Wlogolgltgry.png);
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: 50% 65px;
	padding-bottom: 4px;
}

#banner {
	position: relative;
	max-height: 142px;
	background-image: url(../images/banner/ident.png);
	background-repeat:  no-repeat;
	background-size: 100%;
	background-position: 0% bottom;
	padding: 0;
}

div.transbox {
	position: relative;
	max-height: 142px;
	background-color: #fff;
	opacity: 0.9;
	margin-top: -12px; 
	z-index: 1;
}

.banner320 img {
	margin-top: 12px;
}
	
h3#gdpr {
	font-size: 0.9rem;
	font-size: 3.9vw;
	text-align: center;
	margin: 0.2rem auto 0;
}

#saleinfo {
	max-width: 90%;
    margin: 1rem auto 0;
}

#questData {
	max-width: 90%;
	text-align: left;
    margin: 0.25rem auto 0;
	font-size: 3vw;
}
h2.newauthinfhdr {
	font-size: 1.15rem;
	font-size: 5.75vw;
	margin: 0 0 0.75rem;
}
.saleinfop {
	font-size: 3.75vw;
	text-align: justify;
	margin: -0.5rem auto 0;
}
p.saleinfop1 {
	font-size: 3.75vw;
/*	text-align: justify; not necessary: style set in html tag */
	margin: 0 auto;
}
p.saleinfop2 {
	font-size: 4.5vw; /* edited 10/06/25 */
	text-align: justify;
	margin: 0.3rem auto 0;
}
#bookinfo {
	margin: 8px 0 0 8px;
}
#LTbookinfo {
	margin: 8px 0 0 8px;
}
img.buyBSandSB {
	float: left;
	width: 31.2vw;
	height: auto;
	margin-right: 6px;
}
.catno {
	font-size: 3vw;
	text-align: left;
	margin-top: 0.5rem;
}
.orangetitle {
	color: darkorange;
	font-size: 6.25vw;
	font-weight: bold;
	text-align: left;
	text-shadow: 1px 1px #000;
	margin-top: 0.2rem;
}
.subtitle {
	font-family: Arial;
	font-size: 4.1vw;
	text-align: left;
	color: #f00;
	margin-top: 0.25rem;
}
.LTtitle {
	font-family: Helvetica, sans-serif;
	font-size: 6.25vw;
	font-weight: bold;
	text-align: left;
	color: Gold;
	text-shadow: 1px 1px 1px FireBrick;
	margin-top: 0.25rem;
}
.LTsubtitle {
	font-family: Helvetica, sans-serif;
	font-size: 4.1vw;
	text-align: left;
	color: Gold;
	text-shadow: 1px 1px 1px FireBrick;
	margin-top: 0.25rem;
}
.PiJtitle { /* added 10/03/25 */
	font-family: Garamond, serif;
	font-size: 7vw;
	font-weight: bold;
	color: red;
	text-shadow: 1px 1px 1px blue;
}
.rwcinput {
	max-width: 70%;
    margin: 2.65rem auto 0;
}

.douhvrc {
    font-size: 4.75vw;
    margin: -2rem 0;
}

.rwcrads {
    font-size: 5vw;
	margin-top: 2.5rem;
}

.rwcbuts {
	margin-top: 0.4rem;
}

input#rwcconf {
    font-size: 4.5vw;
	padding: 0 3px;
}

button#rwccanc {
    font-size: 0.5rem;
	padding-left: 6px;
	padding-right: 6px;
}

.rcinputreq {
	width: 90%;
	font-size: 3.75vw;
	margin: 0.5rem auto 0.25rem;
}

.leftside {
    text-align: justify;
    max-width: 92%;
	margin: -10px 0 0 2.5%;
}

.abouthead {
    font-size: 1rem;
    margin: 0.75rem 0 0.1rem 0.5rem;
}

.leftside p {
	line-height: 1.4;
}

.abouttextnextleft {
    font-size: 0.7rem;
    text-align: justify;
    margin: 0.2rem 0 0 3%;
}

.rightside {
    text-align: justify;
    max-width: 92%;
	margin: 0 0 0 2.5%;
	padding-bottom: 8px;
}

.rightside p {
	line-height: 1.4;
}

.abouttextnextright {
    font-size: 0.7em;
    text-align: justify;
    margin: 0.2rem 0 0 3%;
}
.booktitlecentre {
    font-size: 5.5vw;
    font-weight: bold;
    color: darkorange;
    text-shadow: 2px 1px 1px black;
    margin: 0 0 0.2rem;
}
.lawtaittitle {
	font-family: Helvetica;
    font-size: 1.1rem;
    font-weight: bold;
    color: Gold;
    text-shadow: 1px 1px 2px FireBrick;
    margin: 0 0 0.2rem;
}
.leftsidebsandsb {
    width: 90%;
    margin: 0 auto;
}
.rightsidebsandsb { /* added 03/02/25 */
	width: 90%;
	margin: 0 auto;
}
.extshdr {
    font-size: 0.875rem;
    font-weight: bold;
    margin: 0.2rem auto 0.1rem;
}
.chapno {
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0 auto;
}
.chapext {
    font-size: 0.563rem;
    line-height: 1.3;
    text-align: justify;
    text-indent: 1.2rem;
    margin: 0.25rem auto;
}
.booksynop {
    font-size: 0.875rem;
    font-weight: bold;
    margin: 0.2rem auto 0.1rem;
}
.bsandsbbkdets {
    font-family: Arial;
    font-size: 0.563rem;
    text-align: justify;
    text-indent: 1.2rem;
    line-height: 1.3;
    margin: 0.2rem auto 0.3rem;
}
.rightsidebsandsb {
    width: 90%;
    margin: 0 auto;
}
.bsandsbreviews {
    font-size: 0.875rem;
    font-weight: bold;
    margin: 0.3rem auto 0.1rem;
}
.bsandsbreview {
    margin: 0 auto;
}
.bssbrevhd {
	text-align: justify;
	text-decoration: underline;
    font-size: 0.75rem; /* 12px */
    margin: 0.25rem 0 -1.1rem;
}
.bssbrevtxt {
    font-size: 0.625rem; /* 10px */
    line-height: 1.3;
    font-style: italic;
    text-align: justify;
    margin: 0.25rem auto 0.25rem;
}
.bssbrevatrib {
    font-size: 0.625rem; /* 10px */
    text-align: justify;
    margin: 0.1rem 0 0.25rem;
}
#aboutfoot {
    width: 89%;	
	margin: 0 auto 0;
	padding-bottom: 8px;
}
.inform {
	font-size: 0.5rem;
	font-weight: bold;
	text-align: justify;
	margin: 0;
}
.cookies {
	font-family: Impact, "Arial Black", sans-serif;
	font-size: 0.7rem;
	text-align: justify;
	color: navy;
	margin-top: 4px;
}
.rtncust {
	font-family: Arial, sans-serif;
	float: left;
	width: 31.2vw;
	font-size: 2.75vw;
	font-weight: bold;
	text-align: justify;
	line-height: 1.2;
	margin: 0.25rem 0 0 8px;
}
.red {
	color: #f00;
}
.blue {
	color: #00f;
}
.cheqrtncust {
	font-family: Arial, sans-serif;
	float: left;
	width: 31.2vw;
	font-size: 2.75vw;
	font-weight: bold;
	text-align: justify;
	line-height: 1.2;
	margin: 0.25rem 0 0 8px;
}
.cheqt {
	font-size: 5vw;
	line-height: 1.4;
	margin-top: 14px;
}
table td img {
	max-width: 275px;
	margin-left: -12.5%;
}	
.cheqnt {
	font-size: 0.9rem;
	line-height: 1.4;
	margin: -0.5rem 0 1rem;
}
.poffzoneinfo {
	font-family: Arial, sans-serif;
	float: left;
	width: 31.2vw;
	font-size: 2.75vw;
	font-weight: bold;
	text-align: justify;
	line-height: 1.2;
	margin: 0.25rem 0 0 8px;
}
#socmedlinks {
	text-align: center;
	margin: 0.5rem auto -1.5rem;
}

.social {
	display: inline;
	font-family: Arial;
	font-size: 0.75rem;
	font-weight: bold;
	text-align: left;
	color: #00f;
	margin: 0;
}
.socialbig {
    display: none;
}
.socialbiggoo {
    display: none;
}
.socialsmall {
	vertical-align: middle;
}
.socialsmallgoo {
	vertical-align: middle;
}
#navcenter {
	font-family: Arial;
	font-size: 1.38rem; /* 22px */
	font-weight: bold;
	color: #f00;
	margin-top: 0.3rem;
}

#textcontainer {
	width: 90%;
	text-align: justify;
	margin: -10px 0 0 5%;
	}

#paypallogo { /* original: Nexus 6P 435px wide */
	position: relative;
	margin: -8px 0 0 9.5%;
}

/* links */

a:link {
	color: #00f;
	text-decoration: none;
}

a:visited {
	color: #00f;
	text-decoration: none;
}

a:hover {
	color: #0f0;
	text-decoration: none;
}

.bold {
	font-weight: bold;
}

.boldlink {
	font-weight: bold;
	color: #00f;
}

.normal {
	font-weight: normal;
}

.paintit { /* edited 12/03/25 */
	font-family: Garamond, serif;
	font-size: 8.5vw;
	font-weight: bolder;
	color: red;
	text-align: left;
	text-shadow: 1px 1px #000;
	margin-top: -0.1rem;
}
.PiJsubtitle { /* new 03/12/24 */
	font-family: Arial;
	font-size: 4vw;
	font-weight: bold;
	text-align: left;
	color: rgb(0, 0, 255);
	margin: -0.1rem 0 0.1rem;
}
#btncontainer {
	max-width: 60%;
	float: right;
	margin: 1rem 7.5% 8px 0;
}
#PiJbtncontainer { /* edited 12/03/25 */
	max-width: 80%;
	float: right;
	margin: 0.5rem 5% 8px 0;
}
#DLbtncontainer {
	max-width: 60%;
	float: right;
	margin: 0.5rem 7.5% 8px 0;
}
#LTDLbtncont {
	max-width: 60%;
	float: right;
	margin: 0.5rem 5% 8px 0;
}
.bookpricewb06full { /* edited 12/03/25 */
	max-width: 97%;
	font-size: 3.25vw;
	font-weight: bold;
	text-align: justify;
	margin: 0.25rem 0 0 0;
}
.buybuttonwb01-02rwduk {
	margin: 0.75rem 0 0 0;
}
.buybuttonwb01-02rwdnonuk {
	margin: 0;
}
.buybuttonwb01EU { /* new 04/12/24 */
	margin: 0.75rem 0 0 0;
}
.buybuttonwb01zoneb {
	margin: 0;
}
.buybuttonwb01zonec {
	margin: 0;
}
.bookpricewb01-02rwd {
	max-width: 97%;
	font-size: 3.25vw;
	font-weight: bold;
	text-align: justify;
	margin: 0.45rem 0 0 0;
}
.bookpricewb01-02 { /* download */
	font-size: 4.75vw;
	font-weight: bold;
	margin-top: -0.25rem;
}
.buybuttonwb02disc {
	margin-top: 0.4rem;
}
.bookpricewb01-02rwduk {
	font-size: 5vw;
	font-weight: bold;
	margin-bottom: -0.15rem;
}
.bookpricewb01EU {
	font-size: 5vw;
	font-weight: bold;
	margin: 0.5rem 0 0.5rem 0;
}
.bookpricewb01zonea {
	font-size: 5vw;
	font-weight: bold;
	margin: 0.5rem 0 0.5rem 0;
}
.bookpricewb01zoneb {
	font-size: 5vw;
	font-weight: bold;
	margin: 0.5rem 0 0.5rem 0;
}
.bookpricewb01zonec {
	font-size: 5vw;
	font-weight: bold;
	margin: 0.5rem 0 0.5rem 0;
}
.bookpricewb06uk { /* new 04/12/24 */
	font-size: 5vw;
	font-weight: bold;
	margin-bottom: -0.15rem;
}
.bookpricewb06eu { /* new 04/12/24 */
	font-size: 5vw;
	font-weight: bold;
	margin: 0.5rem 0 0.5rem 0;
}
.bookpricewb06Z1 { /* new 04/12/24 */
	font-size: 5vw;
	font-weight: bold;
	margin: 0.5rem 0 0 0.5rem;
}
.bookpricewb06Z2 { /* new 04/12/24 */
	font-size: 5vw;
	font-weight: bold;
	margin: 0.5rem 0 0 0.5rem;
}
.bookpricewb06Z3 { /* new 04/12/24 */
	font-size: 5vw;
	font-weight: bold;
	margin: 0.5rem 0 0 0.5rem;
}
.buybuttonwb06uk { /* new 04/12/24 */
	margin: 0.75rem 0 0 0;
}
.buybuttonwb06eu { /* new 04/12/24 */
	margin: 0.75rem 0 0 0;
}
.buybuttonwb06Z1 { /* new 04/12/24 */
	margin: 0.75rem 0 0 0;
}
.buybuttonwb06Z2 { /* new 04/12/24 */
	margin: 0.75rem 0 0 0;
}
.buybuttonwb06Z3 { /* new 04/12/24 */
	margin: 0.75rem 0 0 0;
}
.bookpricewb05norwd {
	max-width: 95%;
	font-size: 4vw;
	font-weight: bold;
	text-align: justify;
	margin: 0.5rem 0 0;
}    
.bookpricewb05grs {
	font-size: 5.5vw;
	font-weight: bold;
}	
div#synopcontainer {
	width: 92%;
	max-width: 490px; 
	text-align: justify;
	margin: -14px auto 0;
}
div.cover {
	float: left;
	margin: 3px 8px 0 0;
}
div.cover img {
	width: 80px;
	height: auto; 	
}
div.cover1 {
	float: left;
	margin: 6px 8px 0 0;
}
div.cover1 img {
	width: 80px;
	height: auto; 	
}
.cover280 {
	margin: 6px auto 0;
}
.book1synopsis {
	font-size: 0.575rem;
	line-height: 1.3;
	margin: 18px 0 -6px 0;
}
.book1synopsis a:first-child {
	font-size: 0.75rem;
}
.book2synopsis {
	font-size: 0.58rem;
	line-height: 1.3;
	margin: 6px 0 -6px 0;
}
.book2synopsis a:first-child {
	font-size: 0.72rem;
}

#st1, #st2, #st3, #st4, #st5 {
/*	font-size: 1.75rem; */
	font-size: 8.75vw; 
}

h2.ratepghdr {
    font-size: 1rem;
	font-size: 5.25vw; 
	margin: -0.75rem 0 0;
}

h3.rateregist { /* edited 19/05/25 */
    font-size: 0.75rem;
	font-size: 4vw; 
	margin: 0.4rem 0 0.2rem;
}

.ratingsubmit {
	font-size: 0.8rem;
	font-size: 3.925vw; 
	margin-bottom: -0.5rem;
}

button#forFeedback { /* edited 10/06/25 */
	font-size: 3.5vw;
	margin-top: 0.1rem;
	padding: 0.05rem 0.2rem 0.1rem;
	vertical-align: 10%; /* yes, it is necessary: text on 2 lines */
}
#feedback {
	max-width: 100%;
	margin: 1rem auto 0;
}
.fbkconsinfo {
/*	font-size: 0.5rem; removed 03/03/25 */
	font-size: 2.5vw; 
	text-align: justify;
	margin: -0.2rem 0 0.25rem;
}
fieldset {
	width: 100%;
	font-size: 0.9rem;
	font-size: 4.4vw;
	padding: 0.25rem 0.5rem 0.5rem;
	margin-top: -0.5rem;
}
input[type=text] { /* edited 04/03/25 */
	width: 70%;
	margin-bottom: 0.5rem;
	font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
	padding: 0.1rem;
}
input[type=email] {
	width: 70%;
	font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
	font-size: 3.5vw; /* added 10/06/25 */
	padding: 0.1rem;
	margin-bottom: 0.5rem;
}
textarea {
	width: 100%;
	height: 3rem; /* edited 09/06/25 */
	font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
	font-size: 4.5vw; /* added 10/06/25 */
	padding: 0.25rem 0.25rem;
	box-sizing: border-box;
	margin: 0.2rem auto 0.2rem;
}
.g-recaptcha:nth-child(1) { /* not needed now? */
	width: 150px;
}
#feedbackInfo {
	max-width: 100%;
	margin: 0.5rem auto 0;
}
#feedbackData { /* edited 06/03/25 */
	font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
	font-size: 0.625rem;
	font-size: 3.5vw; 
	border-collapse: collapse;
	width: 100%;
}
#feedbackData td, #feedbackData th {
	border: 1px solid #ddd;
	padding: 8px;
}
#feedbackData th { /* edited 06/03/25 */
	font-size: 0.8rem;
	font-size: 5vw; 
	text-align: center;
	background-color: DarkOrange;
	color: white;
}
#feedbackData td.subheads { /* edited 06/03/25 */
	font-size: 0.8rem;
	font-size: 5vw; 
	text-align: center;
	background-color: DarkTurquoise;
	color: white;
}
}

@media screen and (device-width: 360px) {
	div#saleinfo {
		max-width: 90%;
		margin: 0 auto 0;
	}
	p.saleinfop1 { /* edited 27/02/25 */
		font-size: 4vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}	
	p.saleinfop2 { /* edited 24/02/25 */
		font-size: 3.25vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}			
	.leftside {
		text-align: justify;
		width: 90%;
		margin: -10px auto 0;
	}
	.leftside p {
		line-height: 1.4;
	}
	.rightside {
		text-align: justify;
		width: 90%;
		margin: -0.2rem auto 0;
		padding-bottom: 8px;
	}
	.rightside p {
		line-height: 1.4;
	}
	.abouthead {
		font-size: 1.2rem;
		margin: 0;
	}
	.abouttextnextleft {
/* removed 17/01/25	font-size: 0.8rem; */
		font-size: 3vw;
		margin: 0.2rem 0 0.5rem;
	}
	.abouttextnextright {
		font-size: 3vw;
		margin: 0.2rem 0 0.25rem;
	}
	#socmedlinks {
		text-align: center;
		margin: 0 0 -1.25rem;
	}
	.social {
		display: inline;
		font-family: Arial;
		font-size: 0.75rem;
		font-weight: bold;
		text-align: left;
		color: #00f;
		margin: 0;
	}
	.socialbig {
		display: none;
	}	
	.socialsmall {
		vertical-align: middle;
	}
	#aboutfoot {
		width: 90%;	
		margin: -0.25rem auto 0;
		padding-bottom: 8px;
	}
	.inform {
		font-size: 2.5vw;
		font-weight: bold;
		text-align: justify;
		line-height: 1.4;
		margin: 0;
	}	
	.cookies {
		font-family: Impact, "Arial Black", sans-serif;
		font-size: 2.5vw;
		text-align: justify;
		line-height: 1.4;
		color: navy;
		margin-top: 4px;
	}
	#st1, #st2, #st3, #st4, #st5 {
/*		font-size: 1.75rem; */
		font-size: 8.75vw; 
	}
	h3.rateregist { /* added 04/03/25 */
		font-size: 0.75rem;
		font-size: 3.5vw; 
		margin: 0.4rem 0 0.2rem;
	}
	textarea {
		width: 100%;
		height: 5rem;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		padding: 0.25rem 0.25rem;
		box-sizing: border-box;
		margin: 0.2rem auto 0.2rem;
	}
	fieldset {
		font-size: 4.4vw;
		padding: 0.25rem 0.5rem 0.5rem;
		margin-top: 0.5rem;
	}	
	input[type=text] { /* edited 04/03/25 */
		width: 70%;
		margin-bottom: 0.5rem;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		padding: 0.1rem;
	}	
	input[type=email] {
		width: 70%;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		padding: 0.1rem;
		margin-bottom: 0.5rem;
	}
	.fbkconsinfo {
		font-size: 2.5vw; 
		text-align: justify;
		margin: -0.2rem 0 0.25rem;
	}
	button#forFeedback {
		padding: 0.1rem 0.2rem 0.2rem;
		vertical-align: 25%; /* this might not be necessary? */
	}
	#feedbackInfo {
		max-width: 100%;
		margin: 0.5rem auto 0;
	}
	#feedbackData {
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 0.625rem;
		font-size: 3vw; 
		border-collapse: collapse;
		width: 100%;
	}
	#feedbackData td, #feedbackData th {
		border: 1px solid #ddd;
		padding: 8px;
	}
	#feedbackData th {
		font-size: 0.8rem;
		font-size: 3.925vw; 
		text-align: center;
		background-color: DarkOrange;
		color: white;
	}
	#feedbackData td.subheads {
		font-size: 0.8rem;
		font-size: 3.925vw; 
		text-align: center;
		background-color: DarkTurquoise;
		color: white;
	}
}

/* SS3 */
@media screen and (min-width: 360px) and (max-width: 374px) { /* BlackBerry Z30 & others */
	#pagecontainer {
		background-position: 50% 60px;
		position: absolute;
		width: 100%; /* reduced to 100% from 110% 15/01/25 */
		min-height: 480px;
		text-align: center;
		background-image: url(../images/Wlogolgltgry.png);
		background-repeat: no-repeat;
		background-size: 90%;
		padding-bottom: 4px;
	}
	#banner {
		position: relative;
		max-height: 142px;
		background-image: url(../images/banner/ident.png);
		background-repeat:  no-repeat;
		background-size: 100%;
		background-position: 0% bottom;
		padding: 0;
	}
	div.transbox {
		position: relative;
		max-height: 142px;
		background-color: #fff;
		opacity: 0.9;
		margin-top: -12px; 
		z-index: 1;
	}	
	.banner320 img {
		margin-top: 12px;
	}		
	#navcenter {
		font-family: Arial;
		font-size: 1.5rem; /* edited 18/02/25 */
		font-weight: bold;
		color: #f00;
		margin: 0.3rem auto 0.75rem;;
	}
	img.buyBSandSB {
		float: left;
		width: 31.2vw;
		height: auto;
		margin-right: 6px;
	}
	#bookinfo {
		margin: 8px 0 0 8px;
	}	
	.catno { /* edited 18/01/25 */
		font-size: 3.9vw;
		text-align: left;
		margin-top: 0.5rem;
	}
	.orangetitle { /* added 21/01/25 */
		color: darkorange;
		font-size: 6.75vw;
		font-weight: bold;
		text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0.25rem;
	}	
	.subtitle { /* added 21/01/25 */
		font-family: Arial;
		font-size: 4vw;
		text-align: left;
		color: #f00;
		margin: 0.25rem 8px;
	}
	.paintit { /* new 23/01/25 */
        font-family: Garamond, serif;
        font-size: 9.5vw;
        font-weight: bolder;
        color: red;
    	text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0;
	}    
    .PiJsubtitle { /* new 23/01/25 */
		font-family: Arial;
		font-size: 4.1vw;
		font-weight: bold;
		text-align: left;
		color: rgb(0, 0, 255);
		margin-top: 0.1rem;
	}	
	.booktitlecentre { /* for bsandsb.html added 20/02/25 */
		font-size: 8vw;
		font-weight: bold;
		color: darkorange;
		text-shadow: 2px 1px 0 black;
		margin: -1rem auto 0;
	}		
	.leftsidebsandsb { /* added 02/02/25 */
		width: 90%;
		margin: 0 auto;
	}
	.rightsidebsandsb { /* added 03/02/25 */
		width: 90%;
		margin: 0 auto;
	}
	.bsandsbreviews { /* edited 20/02/25 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0.3rem auto 0.1rem;
	}	
	.bsandsbreview { /* added 03/02/25 */
		margin: 0 auto;
	}
	.bssbrevhd { /* added 20/02/25 */
		font-size: 3.25vw;
		text-align: justify;
		text-decoration: underline;
		margin: 0.25rem 0 -0.925rem;
	}	
	.bssbrevtxt { /* added 20/02/25 */
		font-size: 2.75vw;
		line-height: 1.3;
		font-style: italic;
		text-align: justify;
		margin: 0.1rem auto 0.25rem;
	}	
	.bssbrevatrib { /* added 20/02/25 */
		font-size: 2.25vw;
		text-align: justify;
		margin: -0.1rem 0 0.4rem
	}
	.extshdr { /* added 02/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.chapno { /* added 02/02/25 */
		font-size: 1rem;
		font-weight: bold;
		margin: 0 auto;
	}	
	.chapext { /* added 02/02/25 */
		font-size: 0.75rem;
		line-height: 1.3;
		text-align: justify;
		text-indent: 1.2rem;
		margin: 0.25rem auto;
	}
	.booksynop { /* added 02/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.bsandsbbkdets { /* added 01/02/25 */
		font-family: Arial;
		font-size: 3vw;
		text-align: justify;
		text-indent: 1.2rem;
		line-height: 1.3;
		margin: 0.2rem auto 0.3rem;
	}
	.bookpricewb01-02 { /* for download added 21/01/25 */
		font-size: 4vw;
		font-weight: bold;
		margin: 0 auto 0.5rem;
	}	
	.bookpricewb01-02rwd { /* added 21/01/25 */
		max-width: 97%;
		font-size: 3.75vw;
		font-weight: bold;
		text-align: justify;
		margin: 0.45rem 8px 0 0;
	}	
	.buybuttonwb02disc { /* added 21/01/25 */
		float: right;
		margin: 0 12.5% 0 0;
	}
	.buybuttonwb02disc input[type="image"] {
		width: 130px;
	}
	
	.LTtitle { /* added 19/01/25 */
		font-family: Helvetica, sans-serif;
		font-size: 6.25vw;
		font-weight: bold;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	
	.LTsubtitle { /* added 19/01/25 */
		font-family: Helvetica, sans-serif;
		font-size: 7vw;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	
    .bookpricewb05norwd { /* added 19/01/25 */
        font-size: 4vw;
        font-weight: bold;
        text-align: justify;
        margin: 1.75rem 8px 0;
    }
    
	.bookpricewb05grs { /* added 19/01/25 */
		font-size: 4.5vw;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}
	
/* links */

	a:link {
		color: #00f;
		text-decoration: none;
	}

	a:visited {
		color: #00f;
		text-decoration: none;
	}

	a:hover {
		color: #0f0;
		text-decoration: none;
	}

	.bold {
		font-weight: bold;
	}

	.boldlink {
		font-weight: bold;
		color: #00f;
	}

	.normal {
		font-weight: normal;
	}

	#textcontainer {
		width: 92%;
		text-align: justify;
		margin: 0 auto;
		padding-bottom: 8px;
	}
	
	#btncontainer {
		max-width: 70%;
		float: right;
		margin: 0.25rem 8px 8px 0;
	}
	
	#PiJbtncontainer {
		max-width: 70%;
		float: right;
		margin: 0.25rem 8px 8px 0;
	}
	
	#DLbtncontainer {
		max-width: 100%;
		margin: 0.5rem 5% 0.5rem 0;
	}
	
	#LTDLbtncont {
		float: right;
		margin: 0.5rem 22.5% 0 0;
	}
	#synopcontainer {
		width: 92%;
		max-width: 490px; 
		text-align: justify;
		margin: 0.5rem auto 0;
	}	
	div.cover {
		float: left;
		margin: 0 8px 0 0;
	}	
	div.cover img {
		width: 80px;
		height: auto; 	
	}	
	div.cover1 {
		float: left;
		margin: 6px 8px 0 0;
	}	
	div.cover1 img {
		width: 80px;
		height: auto; 	
	}
	.book1synopsis {
		font-size: 0.65rem;
		margin-bottom: -0.5rem;
	}
	.book1synopsis a:first-child {
		font-size: 0.875rem;
	}
	.book2synopsis {
		font-size: 0.7rem;
		margin: 0.5rem 0 -0.25rem;
	}
	.book2synopsis a:first-child {
		font-size: 0.85rem;
	}
	#paypallogo {
		margin: -8px 0 0 2.25%;
	}
	.cheqt {
		font-size: 0.9rem;
		margin-top: 14px;
	}
	.cheqnt {
		font-size: 0.9rem;
		margin: -0.5rem 0 1rem;
	}
	.rwcinput { /* edited 12/02/25 */
	    max-width: 80%;
		margin: 2.5rem auto;
	}
	.douhvrc { /* edited 12/02/25 */
		font-size: 4.2vw;
		margin: 0;
	}
	.lawtaittitle { /* added 03/02/25 */
		font-family: Helvetica;
		font-size: 2rem;
		font-weight: bold;
		color: Gold;
		text-shadow: 1px 1px 2px FireBrick;
		margin: -0.75rem 0 0.2rem;
	}
	#saleinfo { /* added 28/01/25 */
		max-width: 90%;
		margin: -0.5rem auto 0;
	}
	.saleinfop { /* added 28/01/25 */
		font-size: 3.75vw;
		text-align: justify;
		margin: 0.4rem auto 0;
	}
	p.saleinfop1 { /* added 21/05/25 */
		font-size: 4vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}	
	p.saleinfop2 { /* added 21/05/25 */
		font-size: 3.25vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}			
	fieldset {
		font-size: 4.4vw;
		padding: 0.25rem 0.5rem 0.5rem;
		margin-top: 0.5rem;
	}	
	input[type=text] { /* added 21/05/25 */
		width: 70%;
		margin-bottom: 0.5rem;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4.5vw; /* added 10/06/25 */
		padding: 0.1rem;
	}	
	input[type=email] { /* added 21/05/25 */
		width: 70%;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 3.75vw; /* added 10/06/25 */
		padding: 0.1rem;
		margin-bottom: 0.5rem;
	}
	.fbkconsinfo { /* added 21/05/25 */
		font-size: 3.25vw; 
		text-align: justify;
		margin: -0.2rem 0 0.25rem;
	}
	textarea {
		width: 100%;
		height: 3rem; /* edited 09/06/25 to reduce height for smaller font */
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4vw; /* added 09/06/25 */
		padding: 0.25rem 0.25rem;
		box-sizing: border-box;
		margin: 0.2rem auto 0.2rem;
	}
    .PiJtitle { /* added 04/02/25 */
        font-family: Garamond, serif;
        font-size: 7vw;
        font-weight: bold;
        color: red;
        text-shadow: 1px 1px 1px blue;
		margin-top: -0.75rem;
    }	
	.rwcrads { /* added 12/02/25 */
		margin-top: 0.5rem;
	    font-size: 1rem;
	}
	.rwcbuts { /* edited 12/02/25 */
		margin-top: 0.25rem;
		font-size: 1.5rem;
	}
	.leftside {
		text-align: justify;
		width: 90%;
		margin: -10px auto 0;
	}
	.leftside p {
		line-height: 1.4;
	}
	.rightside {
		text-align: justify;
		width: 90%;
		margin: -0.2rem auto 0;
		padding-bottom: 8px;
	}
	.rightside p {
		line-height: 1.4;
	}
	.abouthead {
		font-size: 1.2rem;
		margin: 0;
	}
	.abouttextnextleft {
/* removed 17/01/25	font-size: 0.8rem; */
		font-size: 3vw;
		margin: 0.2rem 0 0.5rem;
	}
	.abouttextnextright {
		font-size: 3vw;
		margin: 0.2rem 0 0.25rem;
	}
	#socmedlinks {
		text-align: center;
		margin: 0 0 -1.25rem;
	}
	.social {
		display: inline;
		font-family: Arial;
		font-size: 0.75rem;
		font-weight: bold;
		text-align: left;
		color: #00f;
		margin: 0;
	}
	.socialbig {
		display: none;
	}	
	.socialsmall {
		vertical-align: middle;
	}
	#aboutfoot {
		width: 90%;	
		margin: -0.25rem auto 0;
		padding-bottom: 8px;
	}
	.inform {
		font-size: 2.5vw;
		font-weight: bold;
		text-align: justify;
		line-height: 1.4;
		margin: 0;
	}	
	.cookies {
		font-family: Impact, "Arial Black", sans-serif;
		font-size: 2.5vw;
		text-align: justify;
		line-height: 1.4;
		color: navy;
		margin-top: 4px;
	}
	#st1, #st2, #st3, #st4, #st5 {
/*		font-size: 1.75rem; */
		font-size: 8.75vw; 
	}
	h3.rateregist { /* added 04/03/25 */
		font-size: 0.75rem;
		font-size: 3.5vw; 
		margin: 0.4rem 0 0.2rem;
	}
	button#forFeedback {
		font-size: 2vw;
		padding: 0.1rem 0.2rem 0.2rem;
		vertical-align: 25%; /* this might not be necessary? */
	}
	#feedbackInfo {
		max-width: 100%;
		margin: 0.5rem auto 0;
	}
	#feedbackData { /* edited 06/03/25 */
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 0.625rem;
		font-size: 3.5vw; 
		border-collapse: collapse;
		width: 100%;
	}
	#feedbackData td, #feedbackData th {
		border: 1px solid #ddd;
		padding: 8px;
	}
	#feedbackData th { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkOrange;
		color: white;
	}
	#feedbackData td.subheads { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkTurquoise;
		color: white;
	}
}

/* SS4 */
@media screen and (min-width: 375px) and (max-width: 383px) { /* iPhone SE */
	#pagecontainer {
		max-width: 100%;
		min-height: 480px;
		background-position: 50% 60px;
		background-image: url(../images/Wlogolgltgry.png);
		background-repeat: no-repeat;
		background-size: 90%;
		padding-bottom: 4px;
		text-align: center; 
	}
	#banner {
		position: relative;
		max-height: 142px;
		background-image: url(../images/banner/ident.png);
		background-repeat:  no-repeat;
		background-size: 100%;
		background-position: 0% bottom;
		padding: 0;
	}
	div.transbox {
		position: relative;
		max-height: 142px;
		background-color: #fff;
		opacity: 0.9;
		margin-top: -12px; 
		z-index: 1;
	}
	
	.banner320 img {
		margin-top: 12px;
	}
		
	#navcenter {
		font-family: Arial;
		font-size: 1.55rem; /* edited 18/02/25 */
		font-weight: bold;
		color: #f00;
		margin: 0.3rem auto 0.75rem;;
	}

	img.buyBSandSB { /* added 19/01/25 */
		float: left;
		width: 31.2vw;
		height: auto;
		margin-right: 6px;
	}
	
	.catno { /* added 19/01/25 */
		font-size: 3.9vw;
		text-align: left;
		margin-top: 0.5rem;
	}
	
	.orangetitle { /* added 21/01/25 */
		color: darkorange;
		font-size: 6.75vw;
		font-weight: bold;
		text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0.25rem;
	}
	
	.subtitle { /* added 21/01/25 */
		font-family: Arial;
		font-size: 4vw;
		text-align: left;
		color: #f00;
		margin: 0.25rem 8px;
	}
	
	.paintit { /* new 24/01/25 */
        font-family: Garamond, serif;
        font-size: 9.5vw;
        font-weight: bolder;
        color: red;
    	text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0;
	}    
    .PiJsubtitle { /* new 24/01/25 */
		font-family: Arial;
		font-size: 4.1vw;
		font-weight: bold;
		text-align: left;
		color: rgb(0, 0, 255);
		margin-top: 0.1rem;
	}	
	.booktitlecentre { /* for bsandsb.html added 20/02/25 */
		font-size: 8vw;
		font-weight: bold;
		color: darkorange;
		text-shadow: 2px 1px 0 black;
		margin: -1rem auto 0;
	}		
	.bookpricewb01-02 { /* for download added 21/01/25 */
		font-size: 4vw;
		font-weight: bold;
		margin: 0 auto 0.5rem;
	}	
	.bookpricewb01-02rwd { /* added 21/01/25 */
		max-width: 97%;
		font-size: 3.75vw;
		font-weight: bold;
		text-align: justify;
		margin: 0.45rem 8px 0 0;
	}
	
	.buybuttonwb02disc { /* added 21/01/25 */
		float: right;
		margin: 0 2% 0 0;
	}
	.buybuttonwb02disc input[type="image"] {
		width: 140px;
	}
	
	.LTtitle { /* added 19/01/25 */
		font-family: Helvetica, sans-serif;
		font-size: 6.25vw;
		font-weight: bold;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	
	.LTsubtitle { /* added 19/01/25 */
		font-family: Helvetica, sans-serif;
		font-size: 7vw;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	
	#LTDLbtncont { /* added 19/01/25 */
		max-width: 60%;
		float: right;
		margin: 0.5rem 7.5% 0 0;
	}
	
    .bookpricewb05norwd { /* added 19/01/25 */
        font-size: 4vw;
        font-weight: bold;
        text-align: justify;
        margin: 1.75rem 8px 0;
    }
    
	.bookpricewb05grs { /* added 19/01/25 */
		font-size: 4.5vw;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}
	
/* links */

	a:link {
		color: #00f;
		text-decoration: none;
	}

	a:visited {
		color: #00f;
		text-decoration: none;
	}

	a:hover {
		color: #0f0;
		text-decoration: none;
	}

	.bold {
		font-weight: bold;
	}

	.boldlink {
		font-weight: bold;
		color: #00f;
	}

	.normal {
		font-weight: normal;
	}

	#textcontainer {
		width: 92%;
		text-align: justify;
		margin: 0 auto;
		padding-bottom: 8px;
	}
	
	#btncontainer {
		max-width: 70%;
		float: right;
		margin: 0.25rem 8px 8px 0;
	}
	
	#PiJbtncontainer {
		max-width: 70%;
		float: right;
		margin: 0.25rem 8px 8px 0;
	}
	
	#DLbtncontainer {
		float: right;
		margin: 0.5rem 22.5% 0 0;
	}
	
	#LTDLbtncont {
		float: right;
		margin: 0.5rem 22.5% 0 0;
	}
	#synopcontainer {
		width: 92%;
		max-width: 490px; 
		text-align: justify;
		margin: 0.5rem auto 0;
	}	
	div.cover {
		float: left;
		margin: 0 8px 0 0;
	}	
	div.cover img {
		width: 80px;
		height: auto; 	
	}	
	div.cover1 {
		float: left;
		margin: 6px 8px 0 0;
	}	
	div.cover1 img {
		width: 80px;
		height: auto; 	
	}
	.book1synopsis {
		font-size: 0.7rem;
		margin: -0.5rem 0;
	}
	.book1synopsis a:first-child {
		font-size: 0.925rem;
	}
	.book2synopsis {
		font-size: 0.715rem;
		margin: 0.25rem 0 -0.5rem;
	}
	.book2synopsis a:first-child {
		font-size: 0.875rem;
	}
	.chapext {
		font-size: 0.65rem;
	}
	.bsandsbbkdets {
		font-size: 0.65rem;
	}
	.rwcinput { /* edited 12/02/25 */
		max-width: 75%;
		margin: 2.65rem auto 0;
	}
	.douhvrc { /* edited 11/02/25 */
		margin-top: -1.5rem;
	    font-size: 1rem;
	}
	.rwcrads { /* edited 11/02/25 */
		margin-top: 0.5rem;
	    font-size: 1rem;
	}
	.rwcbuts { /* edited 11/02/25 */
		margin-top: 0.75rem; 
	}
	.rcinputreq {
		font-size: 0.875rem;
	}
	input#rwcconf { /* edited 11/02/25 */
	    font-size: 1rem;
	}
	button#rwccanc {
	    font-size: 0.625rem;
		padding-bottom: 3px;
		padding-top: 3px;
	}
	#DLbtncontainer {
		margin-right: 15%;
	}
	#LTDLbtncont {
		margin-right: 15%;
	}
	.lawtaittitle {
		font-family: Helvetica;
		font-size: 2rem;
		font-weight: bold;
		color: Gold;
		text-shadow: 1px 1px 2px FireBrick;
		margin: -0.75rem 0 0.2rem;
	}	
	.leftsidebsandsb {
		width: 90%;
		margin: 0 auto;
	}
	.rightsidebsandsb { /* added 03/02/25 */
		width: 90%;
		margin: 0 auto;
	}
	.bsandsbreviews { /* edited 20/02/25 */
		font-size: 5vw;
		font-weight: bold;
		margin: 0.3rem auto 0.1rem;
	}	
	.bsandsbreview { /* added 03/02/25 */
		margin: 0 auto;
	}
	.bssbrevhd { /* added 20/02/25 */
		font-size: 3.25vw;
		text-align: justify;
		text-decoration: underline;
		margin: 0.25rem 0 -0.925rem;
	}	
	.bssbrevtxt { /* added 20/02/25 */
		font-size: 2.75vw;
		line-height: 1.3;
		font-style: italic;
		text-align: justify;
		margin: 0.1rem auto 0.25rem;
	}	
	.bssbrevatrib { /* added 20/02/25 */
		font-size: 2.25vw;
		text-align: justify;
		margin: -0.1rem 0 0.4rem
	}
	.extshdr { /* added 02/02/25 */
		font-size: 1.1rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.chapno { /* added 02/02/25 */
		font-size: 1rem;
		font-weight: bold;
		margin: 0 auto;
	}	
	.chapext { /* added 02/02/25 */
		font-size: 0.75rem;
		line-height: 1.3;
		text-align: justify;
		text-indent: 1.2rem;
		margin: 0.25rem auto;
	}
	.booksynop { /* added 02/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.bsandsbbkdets { /* edited 20/02/25 */
		font-family: Arial;
		font-size: 3vw;
		text-align: justify;
		text-indent: 1.2rem;
		line-height: 1.3;
		margin: 0.2rem auto 0.3rem;
	}
	#saleinfo {
		max-width: 90%;
		margin: 0 auto 0;
	}
	.saleinfop { /* added 28/01/25 */
		font-size: 3.75vw;
		text-align: justify;
		margin: 0.4rem auto 0;
	}
	.saleinfop1 { /* edited 27/02/25 */
		font-size: 4vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}	
	.saleinfop2 { /* edited 24/02/25 */
		font-size: 3.25vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}			
    .PiJtitle { /* added 04/02/25 */
        font-family: Garamond, serif;
        font-size: 7vw;
        font-weight: bold;
        color: red;
        text-shadow: 1px 1px 1px blue;
		margin-top: -0.75rem;
    }	
	.leftside {
		text-align: justify;
		width: 90%;
		margin: -10px auto 0;
	}
	.leftside p {
		line-height: 1.4;
	}
	.rightside {
		text-align: justify;
		width: 90%;
		margin: -0.2rem auto 0;
		padding-bottom: 8px;
	}
	.rightside p {
		line-height: 1.4;
	}
	.abouthead {
		font-size: 1.2rem;
		margin: 0;
	}
	.abouttextnextleft {
/* removed 17/01/25	font-size: 0.8rem; */
		font-size: 3vw;
		margin: 0.2rem 0 0.5rem;
	}
	.abouttextnextright {
		font-size: 3vw;
		margin: 0.2rem 0 0.25rem;
	}
	#socmedlinks {
		text-align: center;
		margin: 0 0 -1.25rem;
	}
	.social {
		display: inline;
		font-family: Arial;
		font-size: 0.75rem;
		font-weight: bold;
		text-align: left;
		color: #00f;
		margin: 0;
	}
	.socialbig {
		display: none;
	}	
	.socialsmall {
		vertical-align: middle;
	}
	#aboutfoot {
		width: 90%;	
		margin: -0.25rem auto 0;
		padding-bottom: 8px;
	}
	.inform {
		font-size: 2.5vw;
		font-weight: bold;
		text-align: justify;
		line-height: 1.4;
		margin: 0;
	}	
	.cookies {
		font-family: Impact, "Arial Black", sans-serif;
		font-size: 2.5vw;
		text-align: justify;
		line-height: 1.4;
		color: navy;
		margin-top: 4px;
	}
	#st1, #st2, #st3, #st4, #st5 {
/*		font-size: 1.75rem; */
		font-size: 8.75vw; 
	}
	h3.rateregist { /* added 04/03/25 */
		font-size: 0.75rem;
		font-size: 3.5vw; 
		margin: 0.4rem 0 0.2rem;
	}
	input[type=text] { /* added 04/03/25 */
		width: 70%;
		margin-bottom: 0.5rem;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4vw; /* added 09/06/25 */
		padding: 0.1rem;
	}	
	input[type=email] {
		width: 70%;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 3.75vw; /* added 10/06/25 */
		padding: 0.1rem;
		margin-bottom: 0.5rem;
	}
	.fbkconsinfo { /* edited 21/05/25 */
		font-size: 3.5vw; 
		text-align: justify;
		margin: -0.2rem 4px 0.25rem;
	}
	.lkbxlbl {
		font-size: 4.25vw;
		float: left;
	}
	#siteLike {
		width: 96%;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 3.75vw;
		margin: 0.25rem auto;
	}
	#siteDislike {
		width: 96%;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 3.75vw;
		margin: 0.25rem auto;
	}
	#feedSub {
		margin-bottom: 4px;
	}
	button#forFeedback {
		font-size: 2vw;
		padding: 0.1rem 0.2rem 0.2rem;
		vertical-align: 25%; /* this might not be necessary? */
	}
	#feedbackInfo {
		max-width: 100%;
		margin: 0.5rem auto 0;
	}
	#feedbackData { /* edited 06/03/25 */
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 0.625rem;
		font-size: 3.5vw; 
		border-collapse: collapse;
		width: 100%;
	}
	#feedbackData td, #feedbackData th {
		border: 1px solid #ddd;
		padding: 8px;
	}
	#feedbackData th { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkOrange;
		color: white;
	}
	#feedbackData td.subheads { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkTurquoise;
		color: white;
	}
}

/* SS5 */
@media screen and (min-width: 384px) and (max-width: 410px) { /* LG Optimus L70 */
	#pagecontainer {
		min-height: 480px;
		background-position: 50% 60px;
		background-image: url(../images/Wlogolgltgry.png);
		background-repeat: no-repeat;
		background-size: 90%;
		padding-bottom: 4px;
		text-align: center; 
	}
	#banner {
		position: relative;
		max-height: 142px;
		background-image: url(../images/banner/ident.png);
		background-repeat:  no-repeat;
		background-size: 100%;
		background-position: 0% bottom;
		padding: 0;
	}
	div.transbox {
		position: relative;
		max-height: 142px;
		background-color: #fff;
		opacity: 0.9;
		margin-top: -12px; 
		z-index: 1;
	}
	.banner320 img {
		margin-top: 12px;
	}
	#navcenter {
		font-family: Arial;
		font-size: 1.75rem; /* 22/16 */
		font-weight: bold;
		color: #f00;
		margin: 0.3rem auto 0.75rem;;
	}
	img.buyBSandSB { /* added 19/01/25 */
		float: left;
		width: 31.2vw;
		height: auto;
		margin-right: 6px;
	}	
	.catno { /* added 19/01/25 */
		font-size: 3.9vw;
		text-align: left;
		margin-top: 0.5rem;
	}
	.orangetitle { /* added 22/01/25 */
		color: darkorange;
		font-size: 6.75vw;
		font-weight: bold;
		text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0.25rem;
	}	
	.subtitle { /* added 22/01/25 */
		font-family: Arial;
		font-size: 4vw;
		text-align: left;
		color: #f00;
		margin: 0.25rem 8px;
	}	
	.paintit { /* new 24/01/25 */
        font-family: Garamond, serif;
        font-size: 9.5vw;
        font-weight: bolder;
        color: red;
    	text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0;
	}    
    .PiJsubtitle { /* new 24/01/25 */
		font-family: Arial;
		font-size: 4.1vw;
		font-weight: bold;
		text-align: left;
		color: rgb(0, 0, 255);
		margin-top: 0.1rem;
	}	
	.bookpricewb01-02 { /* for download added 22/01/25 */
		font-size: 4vw;
		font-weight: bold;
		margin: 0 auto 0.5rem;
	}
	.bookpricewb01-02rwd { /* added 22/01/25 */
		max-width: 97%;
		font-size: 3.75vw;
		font-weight: bold;
		text-align: justify;
		margin: 0.45rem 8px 0 0;
	}
	.buybuttonwb02disc { /* added 22/01/25 */
		float: right;
		margin: 0 2% 0 0;
	}
	.buybuttonwb02disc input[type="image"] {
		width: 140px;
	}
	.LTtitle { /* added 19/01/25 */
		font-family: Helvetica, sans-serif;
		font-size: 6.25vw;
		font-weight: bold;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	.LTsubtitle { /* added 19/01/25 */
		font-family: Helvetica, sans-serif;
		font-size: 7vw;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	#LTDLbtncont { /* added 19/01/25 */
		max-width: 60%;
		float: right;
		margin: 0.5rem 7.5% 0 0;
	}
    .bookpricewb05norwd { /* added 19/01/25 */
        font-size: 4vw;
        font-weight: bold;
        text-align: justify;
        margin: 1.75rem 8px 0;
    }
	.bookpricewb05grs { /* added 19/01/25 */
		font-size: 4.5vw;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}
	
/* links */

	a:link {
		color: #00f;
		text-decoration: none;
	}

	a:visited {
		color: #00f;
		text-decoration: none;
	}

	a:hover {
		color: #0f0;
		text-decoration: none;
	}

	.bold {
		font-weight: bold;
	}

	.boldlink {
		font-weight: bold;
		color: #00f;
	}

	.normal {
		font-weight: normal;
	}

	#textcontainer {
		width: 92%;
		text-align: justify;
		margin: 0 auto;
		padding-bottom: 8px;
	}
	
	#btncontainer {
		max-width: 70%;
		float: right;
		margin: 0.25rem 8px 8px 0;
	}
	
	#PiJbtncontainer {
		max-width: 70%;
		float: right;
		margin: 0.25rem 8px 8px 0;
	}
	
	#DLbtncontainer {
		float: right;
		margin: 0.5rem 22.5% 0 0;
	}
	
	#LTDLbtncont {
		float: right;
		margin: 0.5rem 22.5% 0 0;
	}
	#synopcontainer {
		width: 92%;
		max-width: 490px; 
		text-align: justify;
		margin: 0.5rem auto 0;
	}		
	div.cover {
		float: left;
		margin: 0 8px 0 0;
	}
	
	div.cover img {
		width: 80px;
		height: auto; 	
	}
	
	div.cover1 {
		float: left;
		margin: 0.5rem 8px 0 0;
	}
	
	div.cover1 img {
		width: 80px;
		height: auto; 	
	}
	.book1synopsis {
		font-size: 0.7rem;
		margin: 0 0 -0.5rem 0;
	}
	.book1synopsis a:first-child {
		font-size: 1rem;
	}
	.book2synopsis {
		font-size: 0.72rem;
		margin: 0.5rem 0 0 0;
	}
	.book2synopsis a:first-child { /* edited 19/02/25 */
		font-size: 0.925rem;
	}
	#paypallogo {
		margin-left: 3.5%;
	}
	.booktitlecentre { /* for bsandsb.html added 22/02/25 */
		font-size: 8vw;
		font-weight: bold;
		color: darkorange;
		text-shadow: 2px 1px 0 black;
		margin: -1rem auto 0;
	}		
	.lawtaittitle {
		font-family: Helvetica;
		font-size: 2rem;
		font-weight: bold;
		color: Gold;
		text-shadow: 1px 1px 2px FireBrick;
		margin: -0.75rem 0 0.2rem;
	}	
	.leftsidebsandsb {
		width: 90%;
		margin: 0 auto;
	}
	.rightsidebsandsb { /* added 03/02/25 */
		width: 90%;
		margin: 0 auto;
	}
	.bsandsbreviews { /* added 03/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0.3rem auto 0.1rem;
	}	
	.bsandsbreview { /* added 03/02/25 */
		margin: 0 auto;
	}
	.bssbrevhd { /* added 20/02/25 */
		font-size: 3.25vw;
		text-align: justify;
		text-decoration: underline;
		margin: 0.25rem 0 -0.925rem;
	}	
	.extshdr { /* added 03/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.chapno { /* added 03/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0 auto;
	}	
	.chapext { /* added 02/02/25 */
		font-size: 0.75rem;
		line-height: 1.3;
		text-align: justify;
		text-indent: 1.2rem;
		margin: 0.25rem auto;
	}
	.booksynop { /* added 03/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.bsandsbbkdets { /* added 03/02/25 */
		font-family: Arial;
		font-size: 0.75rem;
		text-align: justify;
		text-indent: 1.2rem;
		line-height: 1.3;
		margin: 0.2rem auto 0.3rem;
	}	
	.bssbrevtxt { /* edited 22/02/25 */
		font-size: 2.75vw;
		line-height: 1.3;
		font-style: italic;
		text-align: justify;
		margin: 0.1rem auto 0.25rem;
	}	
	.bssbrevatrib { /* added 22/02/25 */
		font-size: 2.25vw;
		text-align: justify;
		margin: -0.1rem 0 0.4rem
	}
	.rwcinput { /* edited 12/02/25 */
	    max-width: 67.5%;
		margin: 2.5rem auto;
	}
	.douhvrc { /* edited 12/02/25 */
	    font-size: 1rem;
	} 
	.rwcrads { /* edited 12/02/25 */
	    font-size: 1rem;
		margin-top: 0.75rem; 
	}
	.rwcbuts { /* edited 12/02/25 */
		margin-top: 0.25rem;
		font-size: 1.5rem;
	}
	.rcinputreq {
		font-size: 0.875rem;
		margin-bottom: 0.4rem;
	} 
	input#rwcconf {
	    font-size: 0.75rem; 
	}
	button#rwccanc {
	    font-size: 0.675rem;
		padding-bottom: 3px;
		padding-top: 3px; 
	}
	#DLbtncontainer {
		margin-right: 11.75%;
	}
	#LTDLbtncont {
		margin-right: 11.75%;
	}
	h3#gdpr {
		font-size: 0.95rem;
		font-size: 3.9vw; 
	}
	fieldset {
		font-size: 1.075rem;
		font-size: 4.5vw; 
	}
	#saleinfo {
		max-width: 90%;
		margin: 0 auto 0;
	}
	.saleinfop { /* added 28/01/25 */
		font-size: 3.75vw;
		text-align: justify;
		margin: 0.4rem auto 0;
	}
	.saleinfop1 { /* edited 28/02/25 */
		font-size: 4vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}	
	.saleinfop2 { /* edited 24/02/25 */
		font-size: 3.25vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}			
    .PiJtitle { /* added 04/02/25 */
        font-family: Garamond, serif;
        font-size: 7vw;
        font-weight: bold;
        color: red;
        text-shadow: 1px 1px 1px blue;
		margin-top: -0.75rem;
    }	
	.leftside {
		text-align: justify;
		width: 90%;
		margin: -10px auto 0;
	}
	.leftside p {
		line-height: 1.4;
	}
	.rightside {
		text-align: justify;
		width: 90%;
		margin: -0.2rem auto 0;
		padding-bottom: 8px;
	}
	.rightside p {
		line-height: 1.4;
	}
	.abouthead {
		font-size: 1.2rem;
		margin: 0;
	}
	.abouttextnextleft {
/* removed 17/01/25	font-size: 0.8rem; */
		font-size: 3vw;
		margin: 0.2rem 0 0.5rem;
	}
	.abouttextnextright {
		font-size: 3vw;
		margin: 0.2rem 0 0.25rem;
	}
	#socmedlinks {
		text-align: center;
		margin: 0 0 -1.25rem;
	}
	.social {
		display: inline;
		font-family: Arial;
		font-size: 0.75rem;
		font-weight: bold;
		text-align: left;
		color: #00f;
		margin: 0;
	}
	.socialbig {
		display: none;
	}	
	.socialsmall {
		vertical-align: middle;
	}
	#aboutfoot {
		width: 90%;	
		margin: -0.25rem auto 0;
		padding-bottom: 8px;
	}
	.inform {
		font-size: 2.5vw;
		font-weight: bold;
		text-align: justify;
		line-height: 1.4;
		margin: 0;
	}	
	.cookies {
		font-family: Impact, "Arial Black", sans-serif;
		font-size: 2.5vw;
		text-align: justify;
		line-height: 1.4;
		color: navy;
		margin-top: 4px;
	}
	#st1, #st2, #st3, #st4, #st5 {
/*		font-size: 1.75rem; */
		font-size: 8.75vw; 
	}
	h3.rateregist { /* added 04/03/25 */
		font-size: 0.75rem;
		font-size: 3.5vw; 
		margin: 0.4rem 0 0.2rem;
	}
	.fbkinputname {
		font-size: 4.5vw;
	}
	input[type=text] {
		width: 70%;
		margin-bottom: 0.5rem;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4.5vw; /* added 09/06/25 */
		padding: 0.1rem;
	}
	input[type=email] {
		width: 70%;
		margin-bottom: 0.5rem;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4vw; /* added 09/06/25 */
		padding: 0.1rem;
	}
	.fbkconsinfo { /* edited 21/05/25 */
		font-size: 3.5vw;
		text-align: justify;
		margin: 4px;
	}
	.lkbxlbl { /* edited 21/05/25 */
		font-size: 4.5vw;
		float: left;
	}
	#siteLike {
		width: 99%; /* edited 09/06/25 */
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4.5vw; /* edited 09/06/25 */
		margin: 0.25rem auto;
	}
	#siteDislike {
		width: 99%; /* edited 09/06/25 */
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4.5vw; /* edited 09/06/25 */
		margin: 0.25rem auto;
	}
	#feedSub {
		margin-bottom: 4px;
	}
	button#forFeedback { /* added 24/02/25 */
		font-size: 2vw;
		padding: 0.1rem 0.2rem 0.2rem;
		vertical-align: 25%; /* this might not be necessary? */
	}
	#feedbackInfo {
		max-width: 100%;
		margin: 0.5rem auto 0;
	}
	#feedbackData { /* edited 06/03/25 */
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 0.625rem;
		font-size: 3.5vw; 
		border-collapse: collapse;
		width: 100%;
	}
	#feedbackData td, #feedbackData th {
		border: 1px solid #ddd;
		padding: 8px;
	}
	#feedbackData th { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkOrange;
		color: white;
	}
	#feedbackData td.subheads { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkTurquoise;
		color: white;
	}
}

/* SS6 */
@media screen and (min-width: 411px) and (max-width: 434px) { /* Nexus 5X/6 */
	#pagecontainer {
		min-height: 480px;
		background-position: 50% 55px;
		background-image: url(../images/Wlogolgltgry.png);
		background-repeat: no-repeat;
		background-size: 90%;
		padding-bottom: 4px;
		text-align: center;
	}
	#banner {
		position: relative;
		max-height: 142px;
		background-image: url(../images/banner/ident.png);
		background-repeat:  no-repeat;
		background-size: 100%;
		background-position: 0% bottom;
		padding: 0;
	}
	div.transbox {
		position: relative;
		max-height: 142px;
		background-color: #fff;
		opacity: 0.9;
		margin-top: -12px; 
		z-index: 1;
	}	
	.banner320 img {
		margin-top: 12px;
	}		
	#navcenter {
		font-family: Arial;
		font-size: 1.75rem; /* 22/16 */
		font-weight: bold;
		color: #f00;
		margin: 0.3rem auto 0.75rem;;
	}
	img.buyBSandSB { /* added 19/01/25 */
		float: left;
		width: 31.2vw;
		height: auto;
		margin-right: 6px;
	}	
	.catno { /* added 19/01/25 */
		font-size: 3.9vw;
		text-align: left;
		margin-top: 0.5rem;
	}
	.orangetitle { /* added 22/01/25 */
		color: darkorange;
		font-size: 6.75vw;
		font-weight: bold;
		text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0.25rem;
	}	
	.subtitle { /* added 22/01/25 */
		font-family: Arial;
		font-size: 4vw;
		text-align: left;
		color: #f00;
		margin: 0.25rem 8px;
	}	
	.paintit { /* new 24/01/25 */
        font-family: Garamond, serif;
        font-size: 9.5vw;
        font-weight: bolder;
        color: red;
    	text-align: left;
		text-shadow: 1px 1px #000;
		margin-top: 0;
	}    
    .PiJsubtitle { /* new 24/01/25 */
		font-family: Arial;
		font-size: 4.1vw;
		font-weight: bold;
		text-align: left;
		color: rgb(0, 0, 255);
		margin-top: 0.1rem;
	}	
	.bookpricewb01-02 { /* for download added 22/01/25 */
		font-size: 3.75vw;
		font-weight: bold;
		margin: 0 auto 0.5rem;
	}
	.bookpricewb01-02rwd { /* added 22/01/25 */
		max-width: 97%;
		font-size: 3.75vw;
		font-weight: bold;
		text-align: justify;
		margin: 0.45rem 8px 0 0;
	}
	.buybuttonwb02disc { /* added 22/01/25 */
		float: right;
		margin: 0 2% 0 0;
	}
	.buybuttonwb02disc input[type="image"] {
		width: 140px;
	}
	.LTtitle { /* added 19/01/25 */
		font-family: Helvetica, sans-serif;
		font-size: 6.25vw;
		font-weight: bold;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	.LTsubtitle { /* added 19/01/25 */
		font-family: Helvetica, sans-serif;
		font-size: 7vw;
		text-align: left;
		color: Gold;
		text-shadow: 1px 1px 1px FireBrick;
		margin-top: 0.25rem;
	}
	#LTDLbtncont { /* added 19/01/25 */
		max-width: 60%;
		float: right;
		margin: 0.5rem 7.5% 0 0;
	}
    .bookpricewb05norwd { /* added 19/01/25 */
        font-size: 4vw;
        font-weight: bold;
        text-align: justify;
        margin: 1.75rem 8px 0;
    }
	.bookpricewb05grs { /* added 19/01/25 */
		font-size: 4.5vw;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}

	/* links */

	a:link {
		color: #00f;
		text-decoration: none;
	}

	a:visited {
		color: #00f;
		text-decoration: none;
	}

	a:hover {
		color: #0f0;
		text-decoration: none;
	}

	.bold {
		font-weight: bold;
	}

	.boldlink {
		font-weight: bold;
		color: #00f;
	}

	.normal {
		font-weight: normal;
	}

	#textcontainer {
		width: 92%;
		text-align: justify;
		margin: 0 auto;
		padding-bottom: 8px;
	}
	
	#btncontainer {
		max-width: 70%;
		float: right;
		margin: 0.25rem 8px 8px 0;
	}
	
	#PiJbtncontainer {
		max-width: 70%;
		float: right;
		margin: 0.25rem 8px 8px 0;
	}
	
	#DLbtncontainer {
		float: right;
		margin-top: 0.5rem;
	}
	
	#LTDLbtncont {
		float: right;
		margin: 0.5rem 22.5% 0 0;
	}
	
	#paypallogo {
		margin-left: 6.75%;
	}
	div.cover img {
		width: 90px;
	}
	.book1synopsis { /* edited 03/02/25 */
		font-size: 0.775rem;
	}
	.book1synopsis a:first-child {
		font-size: 1rem;
	}
	div.cover1 img {
		width: 90px;
	}
	.book2synopsis {
		font-size: 0.8rem;
		margin-top: 0.25rem;
	}
	.book2synopsis a:first-child { /* edited 19/02/25 */
		font-size: 0.925rem;
	}
	.booktitlecentre { /* for bsandsb.html edited 22/02/25 */
		font-size: 8vw;
		font-weight: bold;
		color: darkorange;
		text-shadow: 2px 1px 0 black;
		margin: -1rem auto 0;
	}		
	.lawtaittitle {
		font-family: Helvetica;
		font-size: 2rem;
		font-weight: bold;
		color: Gold;
		text-shadow: 1px 1px 2px FireBrick;
		margin: -0.75rem 0 0.2rem;
	}	
	.leftsidebsandsb {
		width: 90%;
		margin: 0 auto;
	}
	.rightsidebsandsb { /* added 03/02/25 */
		width: 90%;
		margin: 0 auto;
	}
	.bsandsbreviews { /* added 03/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0.3rem auto 0.1rem;
	}	
	.bsandsbreview { /* added 03/02/25 */
		margin: 0 auto;
	}
	.bssbrevhd { /* added 22/02/25 */
		font-size: 3.25vw;
		text-align: justify;
		text-decoration: underline;
		margin: 0.25rem 0 -0.925rem;
	}	
	.extshdr { /* added 03/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.chapno { /* added 03/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0 auto;
	}	
	.chapext { /* added 02/02/25 */
		font-size: 0.75rem;
		line-height: 1.3;
		text-align: justify;
		text-indent: 1.2rem;
		margin: 0.25rem auto;
	}
	.booksynop { /* added 03/02/25 */
		font-size: 1.2rem;
		font-weight: bold;
		margin: 0.2rem auto 0.1rem;
	}
	.bsandsbbkdets { /* added 03/02/25 */
		font-family: Arial;
		font-size: 0.75rem;
		text-align: justify;
		text-indent: 1.2rem;
		line-height: 1.3;
		margin: 0.2rem auto 0.3rem;
	}
	div#synopcontainer { /* added 03/02/25 */
		width: 92%;
		max-width: 490px; 
		text-align: justify;
		margin: -0.5rem auto 0;
	}
	div.cover {
		float: left;
		margin: 2px 8px 0 0;
	}	
	div.cover img {
		width: 100px;
		height: auto; 	
	}	
	div.cover1 {
		clear: left;
		float: left;
		margin: 6px 8px 0 0;
	}	
	div.cover1 img {
		width: 100px;
		height: auto; 	
	}
	.bssbrevtxt { /* edited 22/02/25 */
		font-size: 2.75vw;
		line-height: 1.3;
		font-style: italic;
		text-align: justify;
		margin: 0.1rem auto 0.25rem;
	}	
	.bssbrevatrib { /* added 22/02/25 */
		font-size: 2.25vw;
		text-align: justify;
		margin: -0.1rem 0 0.4rem
	}
	.rwcinput { /* edited 12/02/25 */
		max-width: 80%;
	    margin: 2.95rem auto;
	}
	.douhvrc { /* edited 12/02/25 */
	    font-size: 1rem;
	}
	.rwcrads { /* edited 12/02/25 */
	    font-size: 1rem;
		margin-top: 0.5rem;
	}
	.rwcbuts { /* edited 12/02/25 */
		margin-top: 0.25rem;
		font-size: 1.5rem;
	}
	input#rwcconf {
	    font-size: 0.9rem;
	}
	button#rwccanc {
	    font-size: 0.65rem;
		padding: 2px 8px 2px;
		background: #f5f5f5;
		border:1px outset buttonface;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px; 
		-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
		box-shadow: 0 0 1px rgba(0,0,0, .75); 
	}
	#DLbtncontainer {
		margin-right: 17.5%;
	}
	#LTDLbtncont {
		margin-right: 13.75%;
	}
	h3#gdpr {
		font-size: 1rem;
		font-size: 3.9vw; 
	}
	fieldset {
		font-size: 0.875rem;
		font-size: 4.5vw; 
	}
/*	#feedbackData {
		font-size: 0.825rem;
		font-size: 3.2vw; 
	}
	#feedbackData th {
		font-size: 1.05rem;
		font-size: 4.2vw; 
	}
	#feedbackData td.subheads {
		font-size: 1.05rem;
		font-size: 4.2vw; 
	} */
	.fbkinputname {
		font-size: 4.5vw;
	}
	input[type=text] {
		width: 70%;
		margin-bottom: 0.5rem;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4.25vw; /* edited 10/06/25 */
		padding: 0.1rem;
	}
	input[type=email] {
		width: 70%;
		margin-bottom: 0.5rem;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 3.75vw; /* edited 10/06/25 */
		padding: 0.1rem;
	}
	.fbkconsinfo {
		font-size: 3vw;
		text-align: justify;
		margin: 4px;
	}
	.lkbxlbl {
		font-size: 4.25vw;
		float: left;
	}
	#siteLike {
		width: 96%;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4vw; /* edited 10/06/25 */
		margin: 0.25rem auto;
	}
	#siteDislike {
		width: 96%;
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 4vw; /* edited 10/06/25 */
		margin: 0.25rem auto;
	}
	#feedSub {
		margin-bottom: 4px;
	}
	#saleinfo {
		max-width: 90%;
		margin: 0 auto 0;
	}
	.saleinfop { /* added 28/01/25 */
		font-size: 3.75vw;
		text-align: justify;
		margin: 0.4rem auto 0;
	}
	.saleinfop1 { /* edited 27/02/25 */
		font-size: 4vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}	
	.saleinfop2 { /* edited 24/02/25 */
		font-size: 3.25vw;
		text-align: justify;
		margin: 0.3rem auto 0;
	}			
    .PiJtitle { /* added 04/02/25 */
        font-family: Garamond, serif;
        font-size: 7vw;
        font-weight: bold;
        color: red;
        text-shadow: 1px 1px 1px blue;
		margin-top: -0.75rem;
    }	
	.leftside {
		text-align: justify;
		width: 90%;
		margin: -10px auto 0;
	}
	.leftside p {
		line-height: 1.4;
	}
	.rightside {
		text-align: justify;
		width: 90%;
		margin: -0.2rem auto 0;
		padding-bottom: 8px;
	}
	.rightside p {
		line-height: 1.4;
	}
	.abouthead {
		font-size: 1.2rem;
		margin: 0;
	}
	.abouttextnextleft {
/* removed 17/01/25	font-size: 0.8rem; */
		font-size: 3vw;
		margin: 0.2rem 0 0.5rem;
	}
	.abouttextnextright {
		font-size: 3vw;
		margin: 0.2rem 0 0.25rem;
	}
	#socmedlinks {
		text-align: center;
		margin: 0 0 -1.25rem;
	}
	.social {
		display: inline;
		font-family: Arial;
		font-size: 0.75rem;
		font-weight: bold;
		text-align: left;
		color: #00f;
		margin: 0;
	}
	.socialbig {
		display: none;
	}	
	.socialsmall {
		vertical-align: middle;
	}
	#aboutfoot {
		width: 90%;	
		margin: -0.25rem auto 0;
		padding-bottom: 8px;
	}
	.inform {
		font-size: 2.5vw;
		font-weight: bold;
		text-align: justify;
		line-height: 1.4;
		margin: 0;
	}	
	.cookies {
		font-family: Impact, "Arial Black", sans-serif;
		font-size: 2.5vw;
		text-align: justify;
		line-height: 1.4;
		color: navy;
		margin-top: 4px;
	}
	#st1, #st2, #st3, #st4, #st5 {
/*		font-size: 1.75rem; */
		font-size: 8.75vw; 
	}
	h3.rateregist { /* added 04/03/25 */
		font-size: 0.75rem;
		font-size: 3.5vw; 
		margin: 0.4rem 0 0.2rem;
	}
	button#forFeedback {
		padding: 0.1rem 0.2rem 0.2rem;
		font-size: 2vw;
		vertical-align: 25%; /* this might not be necessary? */
	}
	#feedbackInfo {
		max-width: 100%;
		margin: 0.5rem auto 0;
	}
	#feedbackData { /* edited 06/03/25 */
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 0.625rem;
		font-size: 3.5vw; 
		border-collapse: collapse;
		width: 100%;
	}
	#feedbackData td, #feedbackData th {
		border: 1px solid #ddd;
		padding: 8px;
	}
	#feedbackData th { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkOrange;
		color: white;
	}
	#feedbackData td.subheads { /* edited 06/03/25 */
		font-size: 0.8rem;
		font-size: 5vw; 
		text-align: center;
		background-color: DarkTurquoise;
		color: white;
	}
}

/* SS7 
@media screen and (device-width: 414px) { /* iPhone 6+ 
	.book1synopsis a:first-child {
		font-size: 1.025rem;
	}
} 
^ TEMPORARILY OUT 15/01/25! */

/* SS7 */
@media screen and (min-width: 435px) and (max-width: 479px) { /* not sure if I need this: is the Nexus 6P still available? No: discontinued 10/16 https://en.wikipedia.org/wiki/Nexus_6P */
	#pagecontainer {
		background-position: 50% 48px; 
		min-height: 480px;
	}
	#textcontainer {
		width: 90%;
		margin: -10px auto 0; 
	}
	#paypallogo {
		margin-left: 9%;
	} 
	div.cover img {
		width: 100px;
	}
	.book1synopsis {
		font-size: 0.8rem;
		margin: 14px 0 -10px 0;
	}
	.book1synopsis a:first-child {
		font-size: 1.05rem;
	}
	div.cover1 img {
		width: 100px;
		margin-top: 2px;
	}
	.book2synopsis {
		font-size: 0.8rem;
		margin: 8px 0 -5px 0;
	}
	.book2synopsis a:first-child {
		font-size: 1rem;
	}
	.booktitlecentre {
	    font-size: 1.475rem;
	}
	.lawtaittitle {
		font-size: 1.475rem;
	}
	.extshdr {
	    font-size: 1rem;
	}
	.chapno {
	    font-size: 0.75rem;
	}
	.chapext {
		font-size: 0.85rem;
	}
	.booksynop {
	    font-size: 1rem;
	}
	.bsandsbbkdets {
		font-size: 0.75rem;
	}
	.bsandsbreviews {
	    font-size: 1rem;
	}
	.bssbrevtxt {
		font-size: 0.7rem;
	}
	.rwcinput {
		max-width: 65%;
	    margin-top: 4.15rem;
	}
	.douhvrc {
	    font-size: 0.95rem;
	}
	.rwcrads {
	    font-size: 0.95rem;
	}
	.rcinputreq {
		font-size: 0.95rem;
	} 
	input#rwcconf {
	    font-size: 0.9rem;
	}
	button#rwccanc {
	    font-size: 0.65rem;
		padding: 2px 8px 2px;
		background: #f5f5f5;
		border:1px outset buttonface;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px; 
		-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
		box-shadow: 0 0 1px rgba(0,0,0, .75); 
	}
	#DLbtncontainer {
		margin-right: 14.75%;
	}
	#LTDLbtncont {
		margin-right: 14.75%;
	}
	h3#gdpr {
		font-size: 1.05rem;
		font-size: 3.9vw; 
	}
	fieldset {
		font-size: 0.925rem;
		font-size: 3.4vw; 
	}
	input[type=text] {
		width: 27.75%;
	}
	#feedbackData {
		font-size: 0.875rem;
		font-size: 3.2vw; 
	}
	#feedbackData th {
		font-size: 1.15rem;
		font-size: 4.2vw; 
	}
	#feedbackData td.subheads {
		font-size: 1.15rem;
		font-size: 4.2vw; 
	}
    .PiJtitle { /* added 04/02/25 */
        font-family: Garamond, serif;
        font-size: 7vw;
        font-weight: bold;
        color: red;
        text-shadow: 1px 1px 1px blue;
		margin-top: -0.75rem;
    }	
	#st1, #st2, #st3, #st4, #st5 {
/*		font-size: 1.75rem; */
		font-size: 8.75vw; 
	}
	button#forFeedback {
		padding: 0.1rem 0.2rem 0.2rem;
		font-size: 7vw;
		vertical-align: 25%; /* this might not be necessary? */
	}
	#feedbackInfo {
		max-width: 100%;
		margin: 0.5rem auto 0;
	}
	#feedbackData {
		font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
		font-size: 0.625rem;
		font-size: 3vw; 
		border-collapse: collapse;
		width: 100%;
	}
	#feedbackData td, #feedbackData th {
		border: 1px solid #ddd;
		padding: 8px;
	}
	#feedbackData th {
		font-size: 0.8rem;
		font-size: 3.925vw; 
		text-align: center;
		background-color: DarkOrange;
		color: white;
	}
	#feedbackData td.subheads {
		font-size: 0.8rem;
		font-size: 3.925vw; 
		text-align: center;
		background-color: DarkTurquoise;
		color: white;
	}
}

}