@charset "utf-8";
/*website_building_e_com.css*/
#div_e_com_main {/* window.document.body.appendChild(div_e_com_main); /*Found on dropdown_cards_chooser.js/function create_div_pay_by_card_providers())*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:12%; /*12.64%;*/
	left:0;
	/*right:0.6%;*/
    /*bottom:0;*/
    /*height:auto;*/
	height:99%;
	/*height:87%;*/
	/*width:auto;*/
	width:99.8%;
    /*left:auto;*/
    /*right:auto;*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    font-size:100%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.777vh;*/ /*fallback*/ /*1.777vh in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the length of the line*/    
    /*font-size:1.250vw;*/ /*fallback*/ /*1.250vw in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /* if vmin is not accepted, normaly use vw*/
    font-size:1.777vmin;/*1.777vmin in firefox normal page size this returns 16px*/ /*100%*/ /*if the screen viewport is horizontal then the vmin is the screen height. If the screen is vertical then the vmin is the screen width*/
    font-family:"Times New Roman", Times, serif;
    font-weight:bold;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color: #F3052F;*/ /*orange bright*/
	background-color: #373737;/*OUR DEFAULT BACKGROUND*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:solid #F3052F 2px;*/
	/*border-radius:10px;*/ /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
	overflow:auto;
	z-index:0;
	/*cursor:pointer;*/
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/
	display:block;
}
#span_dismiss_e_com_page {/*appended to div_e_com_main*/ /*OR window.document.body*/
    position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:3%;
	/*left:20%;*/
	right:12%;
    /*bottom:16%;*/
    /*height:auto;*/
	height:4%;
	/*width:auto;*/
	width:6%;
    /*left:auto;*/
    /*right:auto;*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
	opacity:0.9;
    font-size:140%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.777vh;*/ /*fallback*/ /*1.777vh in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the length of the line*/    
    /*font-size:1.250vw;*/ /*fallback*/ /*1.250vw in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /* if vmin is not accepted, normaly use vw*/
    /*font-size:1.777vmin;*/ /*1.777vmin in firefox normal page size this returns 16px*/ /*100%*/ /*if the screen viewport is horizontal then the vmin is the screen height. If the screen is vertical then the vmin is the screen width*/
    /*line-height:140%;*/
	font-family:"Times New Roman", Times, serif;
    font-weight:bolder;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*color:#FF0000;*/ /*BRGHT RED*/ /*FOR X*/ /*font color*/
	/*color: #000000;*/ /*BLACK*/ /*FOR TEXT*/ /*font color*/
	/*background-color:#F3052F;*/ /*orange bright*/
	/*background-color: #FFFFCC;*/ /*...*/
	/*background-color: #FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color: transparent;*/
	/*border:solid #FFFFCC 2px*/ /*OUR FONT COLOUR*/
	outline:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:8px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
	/*border:solid #FFFFCC 4px;*/ /*so as to use rounded corners. Otherwise use outline*/ /*our font color*/
	/*border:solid #FFF100 4px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:solid #F3052F 1px;*/ /*orange bright*/
	line-height:160%;
	text-align:center;
	z-index:3;
	cursor: pointer;
	/*margin:0 0 0 0;*/ /*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/
	display:block;	
}
#span_dismiss_e_com_page:hover {
	opacity:1.0;
	outline:solid #33FF00 4px; /*bright green*/
    /*background-color: #33FF00;*/ /*bright green*/ /*THIS IS OVERRIDDEN BY ITS JS SETTING*/
	color: #33FF00; /*bright green*/	
}
#XXX_NOT_CREATED_div_e_com_main [id*="div_online_cards_"] {/*appended to div_e_com_main*/
	position:relative; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:22.64%; /*12.64%;*/
	left:4%;
	/*right:0.6%;*/
    /*bottom:0;*/
    /*height:auto;*/
	height:10%;
	/*height:87%;*/
	/*width:auto;*/
	width:30%;
    /*left:auto;*/
    /*right:auto;*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    font-size:100%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.777vh;*/ /*fallback*/ /*1.777vh in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the length of the line*/    
    /*font-size:1.250vw;*/ /*fallback*/ /*1.250vw in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /* if vmin is not accepted, normaly use vw*/
    /*font-size:1.777vmin;*/ /*1.777vmin in firefox normal page size this returns 16px*/ /*100%*/ /*if the screen viewport is horizontal then the vmin is the screen height. If the screen is vertical then the vmin is the screen width*/
    font-family:"Times New Roman", Times, serif;
    font-weight:bold;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	/*background-color:#F3052F;*/ /*orange bright*/
	/*background-color: #FFFFCC;*/ /*...*/
	/*background-color: #FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	background-color: transparent;
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:10px;*/ /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
	z-index:0;
	/*cursor:pointer;*/
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/
	display:block;
}
#ZZZdiv_e_com_main [id*="div_online_cards_"]:hover {
	/*background-color:#F3052F;*/ /*orange bright*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:10px;*/ /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
	/*border:solid #FFFFCC 4px;*/ /*OUR FONT COLOUR*/ /*NO BECAUSE THIS MAKES THE TEXT MOVE*/
	/*border:solid #FFF100 4px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/  /*NO BECAUSE THIS MAKES THE TEXT MOVE*/
}
#span_e_com_cards_00{/*appended to div_e_com_main*/ /*textContent = "STRIPE" */	
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:12%; /*top:25.8%;*/ /*12.64%;*/
	left:4%;
	/*right:0.6%;*/
    /*bottom:0;*/
	height:8%; /*height:10%;*/
	width:18%;
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    font-size:180%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    font-family:"Times New Roman", Times, serif;
    font-weight:bolder;
    line-height:250%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	text-align: center;
    background-color: transparent;
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:10px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
	z-index:3;
	cursor:pointer;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/
	display: block;
}/*END OF span_e_com_cards_00*/
#span_e_com_cards_01{/*appended to div_e_com_main*/ /*textContent = "NAT WEST" */
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:28%; /*top:39.8%;*/ /*12.64%;*/
	left:4%;
	/*right:0.6%;*/
    /*bottom:0;*/
	height:8%; /*height:10%;*/
	width:18%;
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    font-size:180%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.777vh;*/ /*fallback*/ /*1.777vh in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the length of the line*/    
    /*font-size:1.250vw;*/ /*fallback*/ /*1.250vw in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /* if vmin is not accepted, normaly use vw*/
    /*font-size:1.777vmin;*/ /*1.777vmin in firefox normal page size this returns 16px*/ /*100%*/ /*if the screen viewport is horizontal then the vmin is the screen height. If the screen is vertical then the vmin is the screen width*/
    font-family:"Times New Roman", Times, serif;
    font-weight:bold;
    line-height:250%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-align: center;
	/*background-color: #CCCCCC;*//*...*/
	background-color: transparent;
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px;  /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:10px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
	z-index:3;
	cursor:pointer;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/
	display:block;
}/*END OF span_imgs_cards_cntnr_01*/
#span_e_com_cards_02{/*appended to div_e_com_main*/ /*textContent = "LLOYDS" */
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:44%; /*top:53.8%;*/ /*12.64%;*/
	left:4%;
	/*right:0.6%;*/
    /*bottom:0;*/
	height:8%; /*height:10%;*/
	width:18%;
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    font-size:180%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.777vh;*/ /*fallback*/ /*1.777vh in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the length of the line*/    
    /*font-size:1.250vw;*/ /*fallback*/ /*1.250vw in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /* if vmin is not accepted, normaly use vw*/
    /*font-size:1.777vmin;*/ /*1.777vmin in firefox normal page size this returns 16px*/ /*100%*/ /*if the screen viewport is horizontal then the vmin is the screen height. If the screen is vertical then the vmin is the screen width*/
    font-family:"Times New Roman", Times, serif;
    font-weight:bold;
    line-height:250%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	text-align: center;
	background-color: transparent;
	/*border:solid #FFFFCC 2px*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px;  /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:10px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
	z-index:3;
	cursor:pointer;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/
	display: block;
}/*END OF span_e_com_cards_02*/
#span_e_com_cards_03{/*appended to div_e_com_main*/ /*textContent = "OTHER" */
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:60%; /*top:67.8%;*/ /*12.64%;*/
	left:4%;
	/*right:0.6%;*/
    /*bottom:0;*/
	height:8%; /*height:10%;*/
	width:18%;
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    font-size:180%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.777vh;*/ /*fallback*/ /*1.777vh in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the length of the line*/    
    /*font-size:1.250vw;*/ /*fallback*/ /*1.250vw in firefox normal page size this returns 16px*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /* if vmin is not accepted, normaly use vw*/
    /*font-size:1.777vmin;*/ /*1.777vmin in firefox normal page size this returns 16px*/ /*100%*/ /*if the screen viewport is horizontal then the vmin is the screen height. If the screen is vertical then the vmin is the screen width*/
    font-family:"Times New Roman", Times, serif;
    font-weight:bold;
    line-height:250%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	text-align: center;
	background-color: transparent;
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:10px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
	z-index:3;
	cursor:pointer;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/
	display: block;
}/*END OF span_e_com_cards_03*/
#div_imgs_cards_cntnr_00{/*appended to div_e_com_main*/
	position:relative; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:10.7%; 
	left:24%;
	/*right:0.5%;*/
    /*bottom:0;*/
	/*margin-left:27.5%;*/
	/*margin-right:auto;*/
	height:10%;
	width:65%; /*OK*/
	/*width:auto;*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
	background-color: transparent;
	/*border:solid  #33FF00 1px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	/*outline:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius: 10px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
    /*overflow-y:hidden;*/ /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
    /*overflow-x:auto;/*scroll*/ /*this would be the correct one but fluttering problems*/ /*NORMALY HERE OK*/ /* This is also re-set by JS*/
	/*overflow-x:scroll;*/ /*x = horizontal. y = vertical*/
	/*overflow: hidden;*/
	/*overflow-x:hidden;*/ /*OK03Feb2025*/ /*THIS STOPS THE VERTICAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	overflow-x:auto; /*test*/ /*THE SCROLLBAR GETS AUTOMATICALLY HIDEN WITHA TOUCH SCREEN*/
    overflow-y:hidden; /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
    /*overflow-x:scroll;*/ /*DID NOT USE IN DESKTOP BUT NEEDED FOR SCROLLING ON MOBILES*/ /*scroll*/ /*this*/ /*NORMALY HERE OK*/ /* This is also re-set by JS*/
	/*overflow-x:auto;*/
	/*overflow:auto;*/
	white-space:nowrap; /*VERY IMPORTANT_white-space:nowrap; determins that the images do NOT flow down into the next line*/
	z-index:0;
	/*cursor:pointer;*/
	margin:0 0 0 0; /*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0.4% 0.4% 0.4% 0.6%;/*top right, bottom, left*/ /*Padding is internal*/
	display:block;
}/*END OF div_imgs_cards_cntnr_00*/
/*##############################################################################################################################################################*/
#div_imgs_cards_cntnr_01{/*appended to div_e_com_main*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:26.7%; 
	left:24%;
	/*right:0.5%;*/
    /*bottom:0;*/
	height:10%;
	width:65%;
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
	background-color: transparent;
	/*border:solid  #33FF00 1px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/   
	/*outline:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius: 10px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
    /*overflow-y:hidden;*/ /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
    /*overflow-x:auto;/*scroll*/ /*this would be the correct one but fluttering problems*/ /*NORMALY HERE OK*/ /* This is also re-set by JS*/
	/*overflow-x:scroll;*/ /*x = horizontal. y = vertical*/
    /*overflow-x:hidden;*/ /*OK03Feb2025*/ /*THIS STOPS THE VERTICAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	overflow-x:auto; /*test*/ /*THE SCROLLBAR GETS AUTOMATICALLY HIDEN WITHA TOUCH SCREEN*/
    overflow-y:hidden; /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
	/*overflow-x:hidden;*//*THIS STOPS THE VERTICAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
    /*overflow-y:hidden;*/ /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
    /*overflow-y:auto;*/ /*DID NOT USE IN DESKTOP BUT NEEDED FOR SCROLLING ON MOBILES*/ /*scroll*/ /*this*/ /*NORMALY HERE OK*/ /* This is also re-set by JS*/
	white-space:nowrap; /*VERY IMPORTANT_white-space:nowrap; determins that the images do NOT flow down into the next line*/
	z-index:0;
	/*cursor:pointer;*/
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0.4% 0.4% 0.4% 0.6%;/*top right, bottom, left*/ /*Padding is internal*/
	display:block;
}/*END OF div_imgs_cards_cntnr_01*/

#div_imgs_cards_cntnr_02{/*appended to div_e_com_main*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:42.7%; 
	left:24%;
	/*right:0.5%;*/
    /*bottom:0;*/
	height:10%;
	width:65%;
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
	background-color: transparent;
	/*border:solid  #33FF00 1px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/     
	/*outline:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*
	border-radius: 10px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
    /*overflow-y:hidden;*/ /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
    /*overflow-x:auto;/*scroll*/ /*this would be the correct one but fluttering problems*/ /*NORMALY HERE OK*/ /* This is also re-set by JS*/
	/*overflow-x:scroll;*/ /*x = horizontal. y = vertical*/
    /*overflow-x:hidden;*/ /*OK03Feb2025*/ /*THIS STOPS THE VERTICAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	overflow-x:auto; /*test*/ /*THE SCROLLBAR GETS AUTOMATICALLY HIDEN WITHA TOUCH SCREEN*/
    overflow-y:hidden; /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.overflow-x:hidden;*//*THIS STOPS THE VERTICAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
    /*overflow-y:hidden;*/ /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
    /*overflow-y:auto;*/ /*DID NOT USE IN DESKTOP BUT NEEDED FOR SCROLLING ON MOBILES*/ /*scroll*/ /*this*/ /*NORMALY HERE OK*/ /* This is also re-set by JS*/
	white-space:nowrap; /*VERY IMPORTANT_white-space:nowrap; determins that the images do NOT flow down into the next line*/
	z-index:0;
	/*cursor:pointer;*/
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0.4% 0.4% 0.4% 0.6%;/*top right, bottom, left*/ /*Padding is internal*/
	display:block;}/*END OF div_imgs_cards_cntnr_02*/

/*#ZZZdiv_e_com_main [id*="div_online_cards_"] [id*="span_e_com_cards_"] {*/ /*appended to div_online_cards_*/
    /*empty*/
/*}*/
#div_imgs_cards_cntnr_03{/*appended to div_e_com_main*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:58.7%;
	left:24%;
	/*right:0.5%;*/
    /*bottom:0;*/
	height:10%;
	width:65%;
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
	background-color: transparent;
	/*border:solid  #33FF00 1px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius: 10px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
    /*overflow-y:hidden;*/ /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
    /*overflow-x:auto;/*scroll*/ /*this would be the correct one but fluttering problems*/ /*NORMALY HERE OK*/ /* This is also re-set by JS*/
	/*overflow-x:scroll;*/ /*x = horizontal. y = vertical*/
    /*overflow-x:hidden;*/ /*OK03Feb2025*/ /*THIS STOPS THE VERTICAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	overflow-x:auto; /*test*/ /*THE SCROLLBAR GETS AUTOMATICALLY HIDEN WITHA TOUCH SCREEN*/
    overflow-y:hidden; /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
	/*overflow-x:hidden;*//*THIS STOPS THE VERTICAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
    /*overflow-y:hidden;*/ /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/
    /*overflow-y:auto;*/ /*DID NOT USE IN DESKTOP BUT NEEDED FOR SCROLLING ON MOBILES*/ /*scroll*/ /*this*/ /*NORMALY HERE OK*/ /* This is also re-set by JS*/
	white-space:nowrap; /*VERY IMPORTANT_white-space:nowrap; determins that the images do NOT flow down into the next line*/
	z-index:0;
	/*cursor:pointer;*/
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0.4% 0.4% 0.4% 0.6%;/*top right, bottom, left*/ /*Padding is internal*/
	display:block;
}/*END OF div_imgs_cards_cntnr_03*/
#div_e_com_main [id*="div_imgs_cards_cntnr_"] img { 
/*#div_e_com_main [id*="div_online_cards_"] [id*="div_imgs_cards_cntnr_"] img {*//*appended to div_online_cards_*/
    position:relative;/*the image MUST be RELATIVE*/ /*div must be positioned otherwise z-index does not work!*/
	/*top:1%;*/
	/*float:left;*/
/*top:2%;*/
    /*left:0.5%;*/
	/*width:98%;*/
    /*max-height:89.6%;*/ /*being the lower (smaller) value you must NOT BLOCK the higher value;
	/*max-height:87%;*//*fallback*/
	/*min-height:92%;*/ /*fallback*/
	/*height:92%*/;/*fallback*/ /*paused for books testing. set to 92%*/  /*paused JC.com set to 92%*//*CSS runs downwards so only the last accepted (browser supported) format us used*/
	/*height:89.59413612565446%;*/ /* as returned in js computedStyle.height*/
	/* */
	/*THIS IS THE ACTUAL IMAGE HEIGHT WITHIN ITS PARENT CONTAINER*/
	/*THIS IS THE ACTUAL IMAGE HEIGHT WITHIN ITS PARENT CONTAINER*/
	/*THIS IS THE ACTUAL IMAGE HEIGHT WITHIN ITS PARENT CONTAINER*/
	/*THIS IS THE ACTUAL IMAGE HEIGHT WITHIN ITS PARENT CONTAINER*/
	/* */
    /*height:89.6%;*//*24Apr2023*/ /*fallback*/ /*paused for books testing. set to 92%*/  /*paused JC.com set to 92%*/ /*THIS IS THE ACTUAL IMAGE HEIGHT WITHIN ITS PARENT CONTAINER*/
	/*height:86%;*/ /*IMGS_HEIGHT REDUCED//IN CSS HEIGHT WAS*/
height:86%; /*89.74%;*/
   /*width:auto;*/
/*width:100%; puting in this makes the image extra long. A right fuck up*/
max-width:100%;/*FOR SOME UNKNOWN REASON THIS MAINTAINS THE IMAGE RATIO*/ /*A 100% OF WHAT? The height?*/
	/* */
	/*THIS IS THE ACTUAL IMAGE HEIGHT WITHIN ITS PARENT CONTAINER*/
	/*THIS IS THE ACTUAL IMAGE HEIGHT WITHIN ITS PARENT CONTAINER*/
	/*THIS IS THE ACTUAL IMAGE HEIGHT WITHIN ITS PARENT CONTAINER*/
	/*THIS IS THE ACTUAL IMAGE HEIGHT WITHIN ITS PARENT CONTAINER*/
	/* */
    /*float:left;*/    
	/*overflow:none;*/
	/*overflow-y:scroll;*/
	/*overflow-y:hidden;*/ /*THIS STOPS THE VERTICAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	/*overflow-x:hidden;*/ /*THIS STOPS THE HORIZONTAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	/*overflow-x:auto;*/ /*was inactive*/ /*seems ok also in mobiles*/
	/*overflow-x:scroll;*/
	/*line-height:40%;*/
	/*background-color:transparent;*/
	/*outline:solid #FFFFCC 1px;*/ /*our font color*/
	/*outline:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	/*border:solid #000066 2px;*/ /*...*/
	/*outline:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	outline:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:8px; /*Works only on border. Does not on outline*/ /* LEAVE AS BORDER-RADIUS AND RADIUS THEN IT WORKS GREAT ON OUTLINE*/
	/*white-space:nowrap;*/ /*this creates problems. stops the div expanding in height*/
	z-index: 11;
	/*cursor:pointer;*/
	margin:0.4% 0.8% 0.4% 0%; /*:0.5% 1% 0.5% 0.4%;*/ /*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/
    display:inline-block; /*taken out..seems to be ok*/
	/* FIND OUT ABOUT justify-content: space-between*/
/*display:block;*/ /*was not existant*/ /*if it exists (active or non active) then it interupts the length layout all images on one line*/
}                     
/*#div_e_com_main [id*="div_imgs_cards_cntnr_00"] img:hover{ */
   /*outline:solid #FFFFCC 4px;*//*OUR FONT COLOUR*/
	/*outline:solid #FFF100 8px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/ 
/*}*/
/*#div_imgs_cards_cntnr_00:hover{*/
	/*outline:solid #FFF100 8px;*/
/*}*/