@charset "UTF-8";

/* 720-767w ONLY; removed 17/12/24 to identify problem with this size in onesizeland.css */
@media only screen and (min-width: 720px) and (max-width: 767px) { /*  */

#pagecontainer {
	position: absolute;
	text-align: center;
	width: 100%;
	min-height: 530px;
	background-image: url(../images/Wlogolgltgry.png);
	background-repeat:  no-repeat;
	background-size: 70%;
	background-position: center 16px; 
    margin: 8px 0;
}

#banner {
	position: relative;
	max-height: 130px;
	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: 130px;
	background-color: #fff;
	opacity: 0.9;
	margin-top: -8px; 
	z-index: 1;
}

.banner320 img {
	margin-top: 0;
}
	
#navcenter {/* new 14/12/24 */
	font-family: Arial;
	font-size: 1.38rem; /* 22px */
	font-weight: bold;
	color: #f00;
	margin-top: 0.3rem;
}

h3#gdpr {
	font-size: 1rem;
	font-size: 2.2vw;
	margin: -0.25rem auto 0.1rem;
}

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

#questData {
	max-width: 90%;
	text-align: left;
	margin: 0.25rem auto 0;
	font-size: 2.25vw;
}

h2.newauthinfhdr {
	font-size: 2.2rem;
	font-size: 4.75vw;
	margin: 0 0 0.25rem;
}

.saleinfop { /* edited 28/01/25 */
	font-size: 3.1vw;
	text-align: justify;
	margin: 0.4rem auto 0;
}

.saleinfop1 {
/* font-size: 1.375rem; removed 27/01/25 */
	font-size: 3vw;
	text-align: justify;
	margin: 0.4rem auto 0;
}

.saleinfop2 {
/* font-size: 1.375rem; removed 27/01/25 */
	font-size: 3vw;
	text-align: justify;
	margin: 0.4rem auto 0;
}

#bookinfo {
	max-width: 97.5%;
	margin: 8px 8px 0 8px;
}

#LTbookinfo {
	max-width: 97.5%;
	margin: 8px 8px 0 8px;
}

img.buyBSandSB {
	float: left;
	width: 20.8vw;
	height: auto;
	margin: 0 8px 0 5%;
}

.catno {
	font-size: 2.75vw;
	text-align: left;
}

.orangetitle { /* edited 19/12/24 for this size only! */
	color: darkorange;
	font-size: 5vw;
	font-weight: bold;
	text-align: left;
	text-shadow: 1px 1px #000;
	margin-top: 0.25rem;
}

.subtitle { /* edited 19/12/24 for this size only! */
	max-width: 97.5%;
	font-family: Arial, sans-serif;
	font-size: 3.75vw;
	text-align: left;
	color: #f00;
	margin-top: 0.25rem;
}

.paintit { /* new 18/12/24 */
	font-family: Garamond, serif;
	font-size: 7.5vw;
	font-weight: bolder;
	color: red;
	text-align: left;
	text-shadow: 1px 1px #000;
	margin-top: -0.25rem;
}

.PiJsubtitle { /* new 18/12/24 */
	font-family: Arial;
	font-size: 3.5vw;
	font-weight: bold;
	text-align: left;
	color: rgb(0, 0, 255);
	/* margin-top: 0.1rem; not needed? */
}

.bookpricewb06full { /* new 18/12/24 */
	max-width: 97%;
	font-size: 2vw;
	font-weight: bold;
	text-align: justify;
	margin-top: 1rem;
}

.LTtitle {
	font-family: Helvetica, sans-serif;
	color: Gold;
	font-size: 4vw;
	font-weight: bold;
	text-align: left;
	text-shadow: 2px 2px 2px FireBrick;
	margin-top: 0.25rem;
}

.LTsubtitle {
	max-width: 97.5%;
	font-family: Helvetica, sans-serif;
	font-size: 3vw;
	text-align: left;
	color: Gold;
	text-shadow: 1px 1px 1px FireBrick;
	margin-top: 0.25rem;
}

.rwcinput {
	max-width: 40%;
    margin: 0.6rem auto 0;
}

.douhvrc {
    font-size: 1rem;
    margin: 0;
}

.rwcrads {
    font-size: 1rem;
	margin-top: 0.5rem;
}

.rads {
	vertical-align: middle;	
}

.rcinputreq {
	width: 96%; 
	font-size: 1rem;
	margin: 0.5rem auto 0.6rem;
}

input#rwcstring {
	font-size: 0.8rem;
}

.rwcbuts {
	margin-top: 0.5rem;
}

input#rwcconf {
    font-size: 1rem; 
	margin-top: 0.25rem;
}

button#rwccanc {
    font-size: 0.75rem;
	padding: 3px 7px 3px;
}

.leftside {
    float: left;
    width: 45%;
    margin: 0 0 0 3.5%;
}

.leftside p {
	line-height: 1.4;
}

.abouthead {
    font-size: 1.2rem;
    margin: 0 0 0.25em 0;
}

.abouttextnextleft {
    font-size: 0.8rem;
    font-size: 1.75vw;
    text-align: justify;
    margin: 0 0 0.5rem 0;
}

.rightside {
    float: right;
    width: 45%;
    margin: 0 3.25% 0 0;
}

.rightside p {
	line-height: 1.4;
}

.abouttextnextright {
    font-size: 0.8rem;
    font-size: 1.75vw;
    text-align: justify;
    margin: 0 0 0.5rem 0;
}

.booktitlecentre {
    font-size: 2.5rem;
    font-weight: bold;
    color: darkorange;
    text-shadow: 2px 1px 0 black;
    margin: 0;
}

.lawtaittitle {
	font-family: Helvetica;
    font-size: 2.6rem;
    font-weight: bold;
    color: Gold;
    text-shadow: 2px 2px 2px FireBrick;
    margin: 0;
}

.PiJtitle { /* added 04/02/25 */
	font-family: Garamond, serif;
	font-size: 7vw;
	font-weight: bold;
	color: red;
	text-shadow: 2px 1px 2px blue;
	margin-top: 0;
}	
.leftsidebsandsb {
    float: left;
    width: 45%;
    margin: 0 0 0 3.5%;
}

.rightsidebsandsb {
    float: right;
    width: 45%;
    margin: 0 3.25% 0 0;
}

.extshdr {
    font-size: 1rem; /* 16px */
    font-weight: bold;
    text-align: center;
    margin: 0.25rem auto 0.1rem;
}

.chapno {
    font-size: 0.85rem;
    font-weight: bold;
    margin: 0 auto;
}

.chapext {
    font-size: 0.7rem;
    line-height: 1.3;
    text-align: justify;
    text-indent: 1.25rem;
    margin: 0.15rem auto 0.2rem;
}

.booksynop {
    font-size: 1.1rem;
    font-weight: bold;
    margin: 0.2rem auto -0.2rem;
}

.bsandsbbkdets {
    font-family: Arial;
    font-size: 0.7rem;
    line-height: 1.3;
    text-align: justify;
    text-indent: 1.25rem;
    margin: 0.4rem auto 0;
}

.bsandsbreviews {
    font-size: 1rem; /* 16px */
    font-weight: bold;
    margin: 0.25rem auto 0;
}

.bsandsbreview {
    margin: 0;
}

.bssbrevhd {
    font-size: 0.75rem; /* 12px */
    text-align: justify;
	text-decoration: underline;
    margin: 0.1rem 0 -0.925rem;
}

.bssbrevtxt {
    font-size: 0.6rem;
    line-height: 1.3;
    font-style: italic;
    text-align: justify;
    margin: 0.1rem auto 0.25rem;
}

.bssbrevatrib {
    font-size: 0.4em; /* 7px */
    text-align: justify;
    margin: -0.1rem 0 0.4rem;
}

#aboutfoot {
    float: right;
    width: 45%;
    margin: 0.75rem 3.25% 0 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;
	font-size: 2vw;
	font-weight: bold;
	text-align: left;
	margin: 17.25rem 0 0 12px;
}

.cheqrtncust {
	font-family: Arial, sans-serif;
	float: left;
	max-width: 26%;
	font-size: 1.75vw;
	font-weight: bold;
	text-align: justify;
	line-height: 1.2;
	margin: 0.25rem 0 0 8px;
}

.cheqt {
	font-size: 1.35rem;
	line-height: 1.4;
	margin-top: 0.5em; 
}

.cheqnt {
	font-size: 1.35rem;
	line-height: 1.4;
	margin: -0.25rem 0 1rem; 
}

.poffzoneinfo { /* edited 19/12/24 for this size only! */
	font-family: Arial, sans-serif;
	max-width: 90%;
	font-size: 2.25vw;
	font-weight: bold;
	text-align: justify;
	line-height: 1.2;
	margin: 2.5rem 24px 0 32px;
}

.red {
	color: #f00;
}

.blue {
	color: #00f;
}

#socmedlinks {
	margin: 0;
}

.social {
	display: inline;
	font-family: Arial;
	font-size: 1rem;
	font-weight: bold;
	text-align: left;
	color: #00f;
	margin: 0;
}

.socialbig {
    display: none;
}

.socialsmall {
	vertical-align: middle;
}

.socialbiggoo {
    display: none;
}

.socialsmallgoo {
	vertical-align: middle;
}

#navcenter {
	font-family: Arial;
	font-size: 1.75rem;
	font-weight: bold;
	color: #f00;
	margin-top: 0.5rem;
}

#paypallogo {
    position: relative;
	margin: -0.25rem 0 0 25.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;
}

#textcontainer {
	width: 90%;
	text-align: justify;
	margin-left: 5%;
}

#btncontainer { /* changed to match PiJ style 19/12/24 */
	max-width: 100%;
    text-align: left; /* to avoid floating all elements */
	margin: 1.25rem 8px 0 8px;
}

#PiJbtncontainer { /* new 18/12/24 */
	max-width: 100%;
    text-align: left; /* to avoid floating all elements */
	margin: 1.25rem 8px 0 8px;
}

#DLbtncontainer { /* edited 22/01/25 */
	float: right;
	margin: 1rem 27.5% 0 0;
}

#LTDLbtncont {
	float: right;
	margin: 0.75rem 27.5% 0 0;
}

.buybuttonwb01-02rwduk { /* edited 19/12/24 to match PiJ style */
	margin: 0.4rem 0 0 6px;
}

.buybuttonwb06uk { /* new 18/12/24 */
	margin: 0.4rem 0 0 6px;
}

.buybuttonwb01-02rwdnonuk { /* edited 19/12/24 for this size only! */
    float: right;
    margin: -3.2rem 6px 0 0;
}

.buybuttonwb01zoneb { /* edited 19/12/24 for this size only! */
    margin: 0.4rem 0 0 19%;
}

.buybuttonwb01zonec { /* edited 19/12/24 for this size only! */
    float: right;
    margin: -3.2rem 20% 0 0;
}

.buybuttonwb02disc { /* download */
	float: right;
	margin-top: 0.5rem;
}

.bookpricewb01-02rwd { /* edited 19/12/24 for this size only! */
	max-width: 97%;
	font-size: 2.25vw;
	font-weight: bold;
	text-align: justify;
	margin-top: 0.25rem;
}

.bookpricewb01-02rwduk {
	font-size: 1.75vw;
	font-weight: bold;
	margin: 0 24px;
}

.bookpricewb06uk {
	font-size: 1.75vw;
	font-weight: bold;
	margin: 0 24px;
}

.bookpricewb05norwd { /* added 20/01/25 */
	font-size: 2.25vw;
	font-weight: bold;
	text-align: justify;
	margin: 0.5rem 8px 0;
}

.bookpricewb05grs { /* added 20/01/25 */
	font-size: 2.25vw;
	font-weight: bold;
	margin-bottom: 0.25rem;
}

.bookpricewb01EU { /* edited 19/12/24 for this size only! */
	font-size: 1.75vw;
	font-weight: bold;
	margin: -4.5rem 0 0 17.5rem;
}

.bookpricewb06eu { /* new 18/12/24 */
	font-size: 1.75vw;
	font-weight: bold;
	margin: -4.5rem 0 0 17.5rem;
}

.buybuttonwb01EU { /* edited 19/12/24 for this size only! */
    margin: 0.3rem 0 0 37%;
}

.buybuttonwb06eu { /* new 18/12/24 */
    margin: 0.3rem 0 0 37%;
}

.bookpricewb01zonea { /* edited 19/12/24 for this size only! */
    float: right;
	font-size: 1.75vw;
	font-weight: bold;
	margin: -4.5rem 24px 0 0;
}

.bookpricewb06Z1 { /* new 19/12/24 */
    float: right;
	font-size: 1.75vw;
	font-weight: bold;
	margin: -4.5rem 24px 0 0;
}

.buybuttonwb06Z1 { /* new 19/12/24 */
    float: right;
    margin: -3.2rem 6px 0 0;
}

.bookpricewb01zoneb { /* edited 19/12/24 for this size only! */
	font-size: 1.75vw;
	font-weight: bold;
	margin: 5rem 0 0 9.2rem; /* lowered 20/12/24 for Surface Duo 720x1114 */
}

.bookpricewb06Z2 { /* new 19/12/24 */
	font-size: 1.75vw;
	font-weight: bold;
	margin: 1rem 0 0 9.2rem;
}

.buybuttonwb06Z2 { /* new 19/12/24 */
    margin: 0.4rem 0 0 19%;
}
    
.bookpricewb01zonec { /* edited 19/12/24 for this size only! */
    float: right;
	font-size: 1.75vw;
	font-weight: bold;
	margin: -4.5rem 10rem 0 0;
}

.bookpricewb06Z3 { /* new 19/12/24 */
    float: right;
	font-size: 1.75vw;
	font-weight: bold;
	margin: -4.5rem 10rem 0 0;
}

.buybuttonwb06Z3 { /* new 19/12/24 */
    float: right;
    margin: -3.2rem 20% 0 0;
}

.bookpricewb01-02 { /* download */
	font-size: 2.25vw;
	font-weight: bold;
}

div#synopcontainer {
	width: 490px; 
	text-align: justify;
	margin: -14px auto 0;
}

div.cover {
	float: left;
	margin: 2px 8px 0 0;
}

div.cover img {
	width: 100px;
	height: auto; 	
}

.book1synopsis {
	font-size: 0.825rem;
	line-height: 1.4;
	margin: 16px 0 -6px 0;
}

.book1synopsis a:first-child {
	font-size: 1.4rem;
}

div.cover1 {
	float: left;
	margin: 8px 8px 0 0;
}

div.cover1 img {
	width: 100px;
	height: auto; 	
}

.book2synopsis {
	font-size: 0.825rem;
	line-height: 1.4;
	margin: 8px 0 0 0;
}

.book2synopsis a:first-child {
	font-size: 1.325rem;
}

.cover280 {
	margin: 6px auto 0;
}

#st1, #st2, #st3, #st4, #st5 {
	font-size: 3.6rem;
	font-size: 7.85vw; 
}

h2.ratepghdr {
    font-size: 2.2rem;
	font-size: 4.8vw; 
	margin: -0.25rem 0 0;
}

h3.rateregist { /* edited 04/03/25 */
    font-size: 1.675rem;
	font-size: 3.5vw; 
	margin: 0.4rem 0 -0.2rem;
}

.ratingsubmit {
	font-size: 1.375rem;
	font-size: 3vw; 
	margin-bottom: -0.5rem;
}

#star-rating {
	vertical-align: 15%; 	
}

#star-submit {
	vertical-align: 15%; 	
}

button#forFeedback { /* edited 10/06/25 */
	padding: 0.1rem 0.2rem 0.2rem;
	font-size: 2.75vw;
	vertical-align: 5%;
	background: #f5f5f5; 
	border: 1px outset buttonface;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, .75);
	box-shadow: 0 0 3px rgba(0,0,0, .75); 
}

#feedback {
	max-width: 100%;
	margin: 5rem auto 0;
}

.fbkconsinfo {
	font-size: 0.54rem;
	font-size: 1.8vw; 
	text-align: justify;
	margin: -0.2rem 0 0.25rem;
}

fieldset {
	font-size: 0.825rem;
	font-size: 2.7vw; 
	padding: 0.25rem 0.5rem 0.5rem;
	margin-top: -0.5rem;
}

input[type=text] {
	width: 32.25%;
	margin-bottom: 0.5rem;
	font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
	font-size: 3vw; /* added 10/06/25 */
	padding: 0.1rem;
}

input[type=email] {
	width: 42.5%;
	font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
	font-size: 2.25vw; /* added 10/06/25 */
	padding: 0.1rem;
	margin-bottom: 0.5rem;
}

textarea {
	width: 100%;
	height: 3rem; /* edited 10/06/25 */
	font-family: "Trebuchet MS", Arial, Helevtica, sans-serif;
	font-size: 2.85vw; /* added 10/06/25 */
	padding: 0.25rem;
	box-sizing: border-box;
	margin: 0.2rem auto 0.2rem;
}
input#feedSub { /* added 10/06/25 */
	font-size: 2.25vw; 
	padding: 2px 8px 3px;
	background: #f5f5f5; 
	border: 1px outset buttonface;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, .75);
	box-shadow: 0 0 3px rgba(0,0,0, .75);
	margin-top: 4px;
}
#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;
}

@media screen and (orientation: portrait) {
	#pagecontainer {
		min-height: 600px;
		background-size: 77.5%; 
		background-position: center top;
	}
	.cover280 { /* edited 27/01/25 */
		margin: 1rem auto 0;
	}
	.cover280 img {
		width: 420px;
		height: auto;
	}
	.rwcinput {
		max-width: 45%;
	    margin-top: 6.05rem; 
	}
	.douhvrc {
	    font-size: 1.2rem;
	}
	.rwcrads {
	    font-size: 1.2rem;
		margin-top: 0.75rem;
	}
	.rcinputreq {
		width: 98%; 
		font-size: 1.2rem;
		margin: 1rem auto 1.2rem; 
	}
	.rwcbuts {
		margin-top: 1.2rem; 
	}
	input#rwcstring {
		font-size: 1rem;
	}
	#saleinfo {
	    margin-top: 1.75rem;
	}
	h2.newauthinfhdr {
		font-size: 2.35rem;
		font-size: 5.25vw;
	}
	.abouttextnextleft {
    	font-size: 0.825rem;
    	font-size: 1.775vw;
	}
	.abouttextnextright {
    	font-size: 0.825rem;
    	font-size: 1.775vw;
	}
	#questData {
		font-size: 2.75vw;
	}
	.saleinfop {
		font-size: 3.75vw;
	}
	.saleinfop1 {
		font-size: 3.75vw;
	}
	.saleinfop2 { /* edited 24/02/25 */
		font-size: 3.25vw;
	}
	.lawtaittitle {
		font-size: 2.5rem;
	}
	#st1, #st2, #st3, #st4, #st5 {
		font-size: 3.8rem;
		font-size: 8.5vw; 
	}
	h2.ratepghdr {
    	font-size: 2.5rem;
		font-size: 5.55vw; 
		margin-top: -1.6rem;
	}
	h3.rateregist { /* edited 04/03/25 */
    	font-size: 1.675rem;
		font-size: 3.5vw; 
	}
	.ratingsubmit {
		font-size: 1.725rem;
		font-size: 3.8vw; 
	}
	#star-rating {
		vertical-align: 20%; 	
	}
	#star-submit {
		vertical-align: 17.5%; 	
	}
	#feedbackData {
		font-size: 1.35rem;
		font-size: 3vw; 
	}
	#feedbackData th {
		font-size: 1.75rem;
		font-size: 3.925vw; 
	}
	#feedbackData td.subheads {
		font-size: 1.75rem;
		font-size: 3.925vw; 
	}
}

}