@charset "utf-8";
/*website_building.css*/
/*booxky.com*/
/* CSS Document */
/*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/

/*############ END OF FLAGS ########################*/
/* */
body {
	/*background-color: #4B596C; /*our background*/ /* GREY */
	background-color: #29357F; /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
    overflow:hidden;
	/*align-content: center;*/
    /*text-align: center;*/
	/*position:relative;*/ /*RISKY : This will make all the absolute positioned elements inside the body to be relatively positioned to the body.*/	
}
/*START OF LINGO MESSAGE###################################################################################################*/
#div_lingo_msg {/*appended to window.document.body.appendChild(div_lingo_msg)*/
    position:absolute;
/*##################################################;	
	/*TO CENTERDIV ON BODY USING TRANSFORM : answer 88 : https://stackoverflow.com/questions/42121150/css-centering-with-transform*/
    left:50%;
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
	transform: translate(-50%);
/*##################################################;
    /*width: xxx; // Any width will be fine*/
    /*height: xxx: // Any height will be fine*/
	
	/*relative*/ /*fixed;*/ /*absolute*/ /*static*/
    opacity:1.0;
    /*top:8.6%;*/ /*fixed*/ /*relative to the window.document.body*/	
    top:4%;/*temporary testing*/
	/*left:20.4%;*/ /*fixed*/ /*relative to the window.document.body*/
	/*height:3.6%;*/ /*OK*/ /*relative to the body*/
    /*height:3.6vh;*/ /*OK*/ /*relative to the body*/
    /*height:3.6vmin;*/ /*OK*/ /*relative to the body*/
    height:80%;/*tempoerary test*/
	/*max-width:60%;*/ /*OK*/ /*relative to the body*/
    width:40%;/*relative to the body*/ /* was 20%*/
	opacity:1.0;
	/*outline:solid #FFFFCC 2px;*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #7F0A07 2px;*/ /*our background*/
	/*outline:solid #FB2F53 10px;*/
    font-family:"Times New Roman", Times, serif;
    /*font-size:100%;*/ /*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.260vw;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vh;*/ /*fallback*/ /*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.7vmin;*/ /*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-size:120%;*/ /*size OK*/ /*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 120%*/
    /*font-size:2.1vmin;*/ /*size OK*/
    font-size:120%;/*temporary testing*/
    /*font-size:3.2vmin;*/ /*temporary testing*/
	font-style:normal;
	/*line-height:normal;*/
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-decoration:none;
    line-height:normal;
    text-align:center;
	/*overflow:auto;*/
    /*overflow-y:visible;*/
	/*overflow:scroll;*/
	/*overflow-y:auto;*/
	/*overflow-x:none;*/
    /*white-space:nowrap;*/
	/*vertical-align:bottom;*/
	/*overflow-x:scroll;*/
	/*overflow-y:scroll;*/
    overflow-y:visible;
	/*overflow-y:hidden;*/ /*THIS STOPS THE VERTICAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	/*overflow-x:hidden;*/ /*THIS STOPS THE HORIZONTAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	/*overflow-y:auto;*/ /*THIS LETS THE BROWSER DECIDE WHETHER TO SHOW THE RELATIVE SCROLLBAR*/
	/*overflow-x:auto;*/ /*THIS LETS THE BROWSER DECIDE WHETHER TO SHOW THE RELATIVE SCROLLBAR*/
	 /*https://developer.mozilla.org/en-US/docs/Web/CSS/white-space*/
    /*white-space:normal;*/
    /*white-space:nowrap;*/ /*one very long line*/
    /*white-space:pre;*/ /*ALL ON ONE VERY LONG LINE*/ /*ALLOWS "\n" LINE BREAKS IN "TEXTCONTENT";*/
    /*white-space:pre-wrap;*/ /*allows "\n" in textContent and does not jump lines*/
    white-space:pre-line;/*allows \n in textContent*/ /*aligns to the right end of the block*/
    text-align:center;
	cursor:default;
	outline:solid #FFFFCC 2px; /*our font color*/
	outline:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #7F0A07 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/  /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color:#F3052F;*/ /*orange bright*/
	background-color:#29357F; /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F;*/   
    z-index:1;
	margin:0 auto 0 auto; /*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:inline-block;
}
#div_lingo_msg_header {
	position:absolute;
    top:0;   
    left:0;
    /*right:11.4%;*/
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:5.4%;*/ /*OK WITHOUT BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE)*/
	height:10%;/*OK WITH BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE-CORRECT ALL THE DHILDREN HEIGHTS)*/		
	width:100%;
	opacity:1.0;
    font-family:"Times New Roman", Times, serif;
    font-size:180%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*/ /*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-style:normal;
	/*line-height:normal;*/
	line-height:220%;
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*color:#000000;*/ /*black*/ 
	text-decoration:none;
	text-align:center;
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*outline:solid #FFFFCC 2px;/* /*our font color*/
	outline:solid #FFFFCC 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #7F0A07 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#F3052F;*/ /*orange bright*/
	background-color:#29357F; /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F;*/
    overflow-x:hidden;
	overflow-y:hidden;
    /*overflow-y:auto;*/
    z-index:1;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:block; /*careful*/	
}
#div_lingo_msg_cookies {
	position:absolute;
    top:10.4%;   
    left:0;
    /*right:11.4%;*/
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:5.4%;*/ /*OK WITHOUT BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE)*/
	height:10%;/*OK WITH BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE-CORRECT ALL THE DHILDREN HEIGHTS)*/		
	width:100%;
	opacity:1.0;
    font-family:"Times New Roman", Times, serif;
    font-size:140%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*/ /*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-style:normal;
	/*line-height:normal;*/
	line-height:280%;
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*color:#000000;*/ /*black*/ 
	text-decoration:none;
	text-align:center;
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*outline:solid #FFFFCC 2px;/* /*our font color*/
	outline:solid #FFFFCC 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #7F0A07 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#F3052F;*/ /*orange bright*/
	background-color:#29357F; /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F;*/
    overflow-x:hidden;
	overflow-y:hidden;
    /*overflow-y:auto;*/
    z-index:1;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:block; /*careful*/	
}
#div_lingo_msg_cookies:hover  {
	opacity:1.0;
	outline:solid #33FF00 4px; /*bright green*/
	/*border:solid #33FF00 2px;*/ /*bright green*/
    /*background-color: #33FF00;*/ /*bright green*/ /*THIS IS OVERRIDDEN BY ITS JS SETTING*/
	line-height:260%;
	font-size:150%;
	color: #33FF00;/*Dark Blue*/ /*bright green*/
	cursor:pointer;;
}
#span_lingo_english {
	/*position:relative;*/ /*NO*/
    position:absolute;
	/*position:fixed;*/
    top:28%;
    left:50%;
	transform: translate(-50%);
    /*right:11.4%;*/
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:5.4%;*/ /*OK WITHOUT BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE)*/
	height:8%;/*OK WITH BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE-CORRECT ALL THE DHILDREN HEIGHTS)*/		
	width:40%;
	opacity:0.9;
    font-family:"Times New Roman", Times, serif;
    font-size:180%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*/ /*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-style:normal;
	/*line-height:normal;*/
	line-height:190%;
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	text-decoration:none;
    /*https://developer.mozilla.org/en-US/docs/Web/CSS/white-space*/
    /*white-space:normal;*/
    /*white-space:nowrap;*/ /*one very long line*/
    /*white-space:pre;*/ /*ALL ON ONE VERY LONG LINE*/ /*ALLOWS "\n" LINE BREAKS IN "TEXTCONTENT";*/
    /*white-space:pre-wrap;*/ /*allows "\n" in textContent and does not jump lines*/
    white-space:pre-line;/*allows \n in textContent*/ /*aligns to the right end of the block*/
    /*line-height:140%;/*ok-the same as 4*/ /*400% the size of the current font*/
    text-align:justify;/*VERY IMPORTANT! USED TOGETHER WITH PRE-LINE, THE TEXT EXPANDS TO THE RIGHT BORDER OF THE CONTAINING DIV*/
	text-align:center;
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*border-bottom:2px #33FF00;*/ /*bright green*/
	/*border-bottom: 5px solid red;*/
	/*border-bottom: solid #FFFFCC 2px;*/ /*our font color*/
	/*border-bottom: solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
    /*border: solid #FFFFCC 2px;*/ /*our font color*/
	border: solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:8px;*/ /*Works only on border. Does not on outline*/
/*############################################################################################################################*/
	border-radius: 8px 8px 8px 8px; /*top-left corner, top-right corner, bottom-left corner, bottom-right corner*/
	/*Yes, you can create elliptical corners with CSS by specifying two values for each corner in the ‘border-radius’ property. The first value is the horizontal radius, and the second value is the vertical radius. For example:
	This will create a div with elliptical corners, with a horizontal radius of 10px and a vertical radius of 20px.*/
    /*border-radius: 10px 20px;*/ /*elliptical*/
/*############################################################################################################################*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color: #F3052F;*/ /*orange bright*/
	/*background-color: #0033FF;*/ /*Dark blue*/
	/*background-color:transparent;*/
	/*background-color: #FFFFFF;*/ /*white*/
	/*background-color: #666666;*/ /*dark grey*/ /*THIS IS SET WITHIN JS*/
    overflow-x:hidden;
	overflow-y:hidden;
    /*overflow-y:auto;*/
    z-index:4;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:1% 1% 1% 1%;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:inline-block;	
}
#span_lingo_english:hover  {
    opacity:1.0;
	outline:solid #33FF00 4px; /*bright green*/
	border:solid #33FF00 2px; /*bright green*/
    /*background-color: #33FF00;*/ /*bright green*/ /*THIS IS OVERRIDDEN BY ITS JS SETTING*/
	color: #33FF00;/*Dark Blue*/ /*bright green*/
	cursor:pointer;
}
#span_lingo_italiano {
	/*position:relative;*/ /*NO*/
    position:absolute;
	/*position:fixed;*/
    top:48%;
    left:50%;
	transform: translate(-50%);
    /*right:11.4%;*/
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:5.4%;*/ /*OK WITHOUT BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE)*/
	height:8%;/*OK WITH BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE-CORRECT ALL THE DHILDREN HEIGHTS)*/		
	width:40%;
	opacity:0.9;
    font-family:"Times New Roman", Times, serif;
    font-size:180%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*/ /*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-style:normal;
	/*line-height:normal;*/
	line-height:190%;
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	text-decoration:none;
    /*https://developer.mozilla.org/en-US/docs/Web/CSS/white-space*/
    /*white-space:normal;*/
    /*white-space:nowrap;*/ /*one very long line*/
    /*white-space:pre;*/ /*ALL ON ONE VERY LONG LINE*/ /*ALLOWS "\n" LINE BREAKS IN "TEXTCONTENT";*/
    /*white-space:pre-wrap;*/ /*allows "\n" in textContent and does not jump lines*/
    white-space:pre-line;/*allows \n in textContent*/ /*aligns to the right end of the block*/
    /*line-height:140%;/*ok-the same as 4*/ /*400% the size of the current font*/
    text-align:justify;/*VERY IMPORTANT! USED TOGETHER WITH PRE-LINE, THE TEXT EXPANDS TO THE RIGHT BORDER OF THE CONTAINING DIV*/
	text-align:center;
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*border-bottom:2px #33FF00;*/ /*bright green*/
	/*border-bottom: 5px solid red;*/
	/*border-bottom: solid #FFFFCC 2px;*/ /*our font color*/
	/*border-bottom: solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
    /*border: solid #FFFFCC 2px;*/  /*Chuck You Farlie book cover title text color yellow FFF100*/
	border: solid #FFF100 2px; /*our font color*/
	/*border-radius:8px;*/ /*Works only on border. Does not on outline*/
/*############################################################################################################################*/
	border-radius: 8px 8px 8px 8px; /*top-left corner, top-right corner, bottom-left corner, bottom-right corner*/
	/*Yes, you can create elliptical corners with CSS by specifying two values for each corner in the ‘border-radius’ property. The first value is the horizontal radius, and the second value is the vertical radius. For example:
	This will create a div with elliptical corners, with a horizontal radius of 10px and a vertical radius of 20px.*/
    /*border-radius: 10px 20px;*/ /*elliptical*/
/*############################################################################################################################*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color: #F3052F;*/ /*orange bright*/
	/*background-color: #0033FF;*/ /*Dark blue*/
	/*background-color:transparent;*/
	/*background-color: #FFFFFF;*/ /*white*/
	/*background-color: #666666;*/ /*dark grey*/ /*THIS IS SET WITHIN JS*/
    overflow-x:hidden;
	overflow-y:hidden;
    /*overflow-y:auto;*/
    z-index:14;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:1% 1% 1% 1%;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:inline-block;		
}
#span_lingo_italiano:hover  {
	opacity:1.0;
	outline:solid #33FF00 4px; /*bright green*/
	border:solid #33FF00 2px; /*bright green*/
    /*background-color: #33FF00;*/ /*bright green*/ /*THIS IS OVERRIDDEN BY ITS JS SETTING*/
	color: #33FF00;/*Dark Blue*/ /*bright green*/
	cursor:pointer;	
}
#bt_div_lingo_msg_dismiss{
	position:absolute;
    top:68%;   
    /*left:96.4%;*/
	left:50%;
	transform: translate(-50%);
    opacity:1.0;
    /*opacity:1.0;*/
	/*max-height:100%;*/
    /*min-height:100%;*/
    height:8%;/*ok*/
	width:40%;	
    /*width:auto;*/
    font-family:"Times New Roman", Times, serif;
    font-size:180%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*//*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-style:normal;
	/*line-height:normal;*/
	/*line-height:150%;*/
	font-weight: bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	/*color: #006;*/ /*Dark Blue*/
	text-decoration:none;
	/*line-height:190%;*/
	/*text-align:center;*/
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*outline:solid #FFFFCC 2px;*/ /*our font color*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #7F0A07 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color:#F3052F; *//*orange bright*/
	background-color: transparent;
   /*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;*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-color:#FFFFCC*/
    /*border-color:#FFF100*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:width 2px;*/
	border-radius: 8px 8px 8px 8px; /*top-left corner, top-right corner, bottom-left corner, bottom-right corner*/ /*Works only on border. Does not on outline*/
	/*background-color:#F3052F;*/ /*orange bright*/
    overflow-x:hidden;
	overflow-y:hidden;
    /*overflow-y:auto;*/
	cursor:pointer;
    z-index:1;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:block;
}
#bt_div_lingo_msg_dismiss:hover{
	opacity:1.0;
	border:transparent;
	outline:solid #33FF00 4px; /*bright green*/
	border:solid #33FF00 2px; /*bright green*/
	border-radius:10px;/*Works only on border. Does not on outline*/
    /*background-color: #33FF00;*/ /*bright green*/ /*THIS IS OVERRIDDEN BY ITS JS SETTING*/
	font-size:180%;
	/*color: #33FF00;*/ /*bright green*/
	/*color:#FF0000;*/ /*red*/
	color:#F3052F;/*orange bright*/
	cursor:pointer;	
}
#span_lingo_see_sizes {
	position:absolute;
    bottom:0;   
    left:0;
    /*right:11.4%;*/
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:5.4%;*/ /*OK WITHOUT BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE)*/
	height:10%;/*OK WITH BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE-CORRECT ALL THE DHILDREN HEIGHTS)*/		
	width:100%;
	opacity:0.9;
    font-family:"Times New Roman", Times, serif;
    font-size:160%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*/ /*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-style:normal;
	/*line-height:normal;*/
	line-height:200%;
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*color:#000000;*/ /*black*/ 
	text-decoration:none;
	text-align:center;
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*outline:solid #FFFFCC 2px;/* /*our font color*/
	outline:solid #FFFFCC 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #7F0A07 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#F3052F;*/ /*orange bright*/
	background-color:#29357F; /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F;*/
    overflow-x:hidden;
	overflow-y:hidden;
    /*overflow-y:auto;*/
    z-index:1;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:block; /*careful*/	
}
#span_lingo_see_sizes:hover  {
	opacity:1.0;
	outline:solid #33FF00 4px; /*bright green*/
	/*border:solid #33FF00 2px;*/ /*bright green*/
    /*background-color: #33FF00;*/ /*bright green*/ /*THIS IS OVERRIDDEN BY ITS JS SETTING*/
	font-size:180%;
	line-height:160%;	
	color: #33FF00;/*Dark Blue*/ /*bright green*/
	cursor:pointer;
}
/*END OF div_msg_box_AND_SPAN_MSGS*/
/*END OF LINGO MESSAGE#####################################################################################################*/


#div_main_base { /*appended to window.document.body*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:0; /*12.64%;*/
	left:0;
	/*right:0.6%;*/
    /*bottom:0;*/
    /*height:auto;*/
	height:100%;
	/*height:87%;*/
	/*width:auto;*/
	width:100%;
    /*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-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*/
	background-color: #33FF00;
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	border:solid  #33FF00 2px; /*BRIGHT GREEN*/
	/*border-radius:8px;*/ /*Works only on border. Does not 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;
}
#span_buy_btn {/*appended to window.document.body*/ /*CREATED ON js_01_e_com.js; */ /*APPENDED TO div_main_base*/
    position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:6%;
	/*left:20%;*/
	/*float:right;*/ /*position:absolute; DOES NOT WORK*/
	left:16%;/*10%*/
	opacity:0.9;
    /*opacity:1.0;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
	/*max-height:100%;*/
    /*min-height:100%;*/
    height:4%; /*ok*/
    width:6%; /*ACCORDNG TO THE IMAGE RATIO*/
    /*width:auto;*/ /*ACCORDNG TO THE IMAGE RATIO*/
	/*width:50%;*/
	/*text-align:center;*/
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	font-size:140%;/*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:170%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*text-align: left;*/ /*ORIG*/
    text-align: center; /*CHANGED*/
	white-space: pre-wrap;
	/*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:8px; /*Works only on border. Does not on outline*/
	/*outline:solid #FFFFCC 1px;*/
	/*outline:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*background-color: #29357F;*/ /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	/*outline:solid #00F 2px;/*test*/
	z-index:10;
	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_buy_btn:hover{/*appended to window.document.body*/ /*HOVER IN position:relative DOES NOT WORK*/ /*WORKS AS ABSOLUTE*/
	opacity:1.0;
	border:solid #33FF00 4px; /*bright green*/
    /*background-color: #33FF00;*/ /*bright green*/ /*THIS IS OVERRIDDEN BY ITS JS SETTING*/
	color: #33FF00; /*bright green*/
}
#span_contact_btn {/*appended to window.document.body*/
    position:absolute;
    top:6%;   
    /*left:96.4%;*/
    right:16%;
	/*left:24.6%;*/
    opacity:0.9;
    /*opacity:1.0;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:2.7%;*/ /*ok This would be the normal setting (same as "color_pkr_img", but "top% padding alters the height;*/
	height:4%; /*This adapts the visual height to the same as "color_pkr_img" height;*/
	width:6%;	
    /*width:auto;*/
    font-size:140%;/*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:170%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*text-align: left;*/ /*ORIG*/
    text-align: center; /*CHANGED*/
	white-space: pre-wrap;
	/*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:8px; /*Works only on border. Does not on outline*/
	/*outline:solid #FFFFCC 1px;*/
	/*outline:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	z-index:10;
	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_contact_btn:hover {
	opacity:1.0;
	border:solid #33FF00 4px; /*bright green*/
    /*background-color: #33FF00;*/ /*bright green*/ /*THIS IS OVERRIDDEN BY ITS JS SETTING*/
	color: #33FF00; /*bright green*/
}
#span_main_header {/*Appended to div_main_base*/ /*Created on js_website_build.js*/ /*booxky.COM */
    position:relative;/*takes all dimensions. top, width, height, margin and padding*/
    /*position:relative;*/ /*takes only top, bottom, height and width*/
    top:5%; 
    /*left:28%;*/ /*CHANGED*/
    /*max-height:94%;*/ /*new*/ /*fallback*/
    /*min-height:94%;*/ /*new*/ /*fallback*/
    /*height:40%;*/ /*fallback*/
	height:4%; /*100% on the SPAN so as the mouseover event does not fire twice over both the div and span. That way decide mouseover the div or the span or both*/
	/*width:30%;*/ /*ORIG*//*100% on the SPAN so as the mouseover event does not fire twice over both the div and span. That way decide mouseover the div or the span or both*/
    width:46%; 
	margin-left:auto;
	margin-right:auto;
	/*OLD NO WRAPPER width:12.4vw;*/ /*fallback*/
    /*OLD NO WRAPPER width:17vmin;*/ /*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*/
    /*CSS runs downwards so only the last accepted (browser supported) format us used*/
    font-family:"Times New Roman", Times, serif; 
	/*font-size:200%;*/ /*ORIG*/
    font-size:150%; 
	font-style:normal;
	/*line-height:normal;*/
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-decoration:none;
    /*line-height:normal;*/
	line-height:150%;
	/*text-align:center*/
	/*white-space: pre-wrap;*/
    background-color:transparent;
	/*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:8px; /*Works only on border. Does not on outline*/
    /*outline:solid #00FF99 1px;*/ /*green*/
    /*outline:solid #FFFFCC 1px;*/
	/*outline:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-align:center;
    /*vertical-align:-66%;*/ /*dreamweaver and older or different browsers do not accept (support) vh, vw or vmin*/
    /*CSS runs downwards so only the last accepted (browser supported) format us used*/
/*line-height:100%;*/ /*should be the same as the height if I remember rightly*/
/*https://developer.mozilla.org/en-US/docs/Web/CSS/white-space*/ /*new*/
/*white-space:normal;*/ /*new*/
/*white-space:nowrap;*/ /*one very long line*/ /*new*/
/*white-space:pre;*/ /*ALL ON ONE VERY LONG LINE*/ /*ALLOWS "\n" LINE BREAKS IN "TEXTCONTENT";*/ /*new*/
/*white-space:pre-wrap;*/ /*allows "\n" in textContent and does not jump lines*/ /*new*/
/*white-space:pre-line;*/ /*allows \n in textContent*/ /*aligns to the right end of the block*/ /*new*/
/*white-space:nowrap;*//*this creates problems. stops the div expanding in height*/ /*new*/
    /*font-size:100%;*/ /*the font size is set in the parent*/
	cursor:pointer; /*must be set within js*/
	z-index:3;
	/*/margin:0 auto 0 auto ;*/ /*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;*/ /*infuences the absolute-relative dimensions*/
    display:block;
}
/*https://stackoverflow.com/questions/9913293/change-text-on-hover-then-return-to-the-previous-text*/ /*answer 2*/ /*EXAMPLE*/
/*.label             { width:5em }*/
/*.label:after       { content:"hekko"; }*/
/*.label:hover:after { content:"World"; }*/
/*<button class="label"></button>*/
#div_myDropdown {
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:15%; 
/*##################################################;	
	/*TO CENTERDIV ON BODY USING TRANSFORM : answer 88 : https://stackoverflow.com/questions/42121150/css-centering-with-transform*/
    left:50%;
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
	transform: translate(-50%);
/*##################################################;
	/*left:auto;*/
	/*left:20%;*/ /*was 28$*/
	/*right:0.5%;*/
    /*bottom:0;*/
    height:60%;
    width:20%; /*CHANGED*//*should be 46% or less*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    /*margin-left:auto;*/
	/*margin-right:auto;*/
	/*background-color: transparent;*/
	/*background-color:#4B596C;*/ /*our background*/
	background-color: #29357F; /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	/*outline:solid #FFFFCC 2px;*/
	outline:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:solid  #33FF00 2px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/ /*CHANGED*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:8px;*/ /*Works*/ /*only on border. Does not on outline*/
    /*overflow-y:hidden; /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/ /*CHANGED*/
    /*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-y: scroll;*/	
	/*overflow-x:hidden;*/ /*THIS STOPS THE HORIZONTAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	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*/
	/*overflow-x:auto;*/
	z-index:10;
	/*cursor:pointer;*/
	/*margin:0 auto 0 auto;*/ /*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;
}
/*#div_myDropdown-content {
}*/
#div_myDropdown [id*="drop_span_genre_"] {
    position:relative; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	height:6%;
    font-family:"Times New Roman", Times, serif; 
	/*font-size:200%;*/ /*ORIG*/
    font-size:150%; 
	font-style:normal;
	/*line-height:normal;*/
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-decoration:none;
    /*line-height:normal;*/
	line-height:150%;
	/*text-align:center*/
	/*white-space: pre-wrap;*/
    background-color:transparent;
	/*background-color:#F3052F;*/ /*orange bright*/
	/*border:solid #FFFFCC 1px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:8px;*/ /*Works only on border. Does not on outline*/
    /*outline:solid #00FF99 1px;*/ /*green*/
    /*outline:solid #FFFFCC 1px;*/
	/*outline:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-align:center;
	/*background-color: #33FF00;*/ /*bright green*/
	/*background-color: #999999;*/ /*grey*/
	/*border:solid #FFFFCC 1px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	cursor: pointer;
	margin:0 0 2% 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;
}	
#div_myDropdown [id*="drop_span_genre_"]:hover{
    /*position:relative;*/ /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	background-color: #33FF00; /*bright green*/
	color: #000000; /*Black*/
	cursor: pointer;
	margin:0 0 2% 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;
}
/*START OF OPTONS ###########################################################################################################################################*/
#options_img {/*appended to window.document.body*/
    position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:0.5%; /*was 5%*/
	/*left:20%;*/
	/*float:right;*/ /*position:absolute; DOES NOT WORK*/
	right:23.6%;
	opacity:0.9;
    /*opacity:1.0;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
	/*max-height:100%;*/
    /*min-height:100%;*/
    height:2.7%; /*ok*/
    width:2%; /*ACCORDNG TO THE IMAGE RATIO*/
    /*width:auto;*/ /*ACCORDNG TO THE IMAGE RATIO*/
	/*width:50%;*/
	/*text-align:center;*/
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	background-color:transparent;
	/*background-color: #29357F;*/ /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	/*outline:solid #FFFFCC 1px;*/
	/*outline:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	z-index:2;
	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;	
}
#options_img:hover {/*appended to window.document.body*/ /*HOVER IN position:relative DOES NOT WORK*/ /*WORKS AS ABSOLUTE*/
    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*/
}
#div_options_drpdwn	{/*appended to div_main_base*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:15.2%; 
/*##################################################;	
	/*TO CENTERDIV ON BODY USING TRANSFORM : answer 88 : https://stackoverflow.com/questions/42121150/css-centering-with-transform*/
    /*YES left:50%;YES*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
	/*YES transform: translate(-50%);YES*/
/*##################################################;
	/*left:auto;*/
	/*left:20%;*/ /*was 28$*/
	right:21.6%;
    /*bottom:0;*/
    height:60%;
    width:20%; /*CHANGED*//*should be 46% or less*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    /*margin-left:auto;*/
	/*margin-right:auto;*/
	/*background-color: transparent;*/
	/*background-color:#4B596C;*/ /*our background*/
	background-color: #29357F; /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	/*outline:solid #FFFFCC 2px;*/
	outline:solid #FFF100 2px;  /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:solid  #33FF00 2px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/ /*CHANGED*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:8px;*/ /*Works*/ /*only on border. Does not on outline*/
    /*overflow-y:hidden; /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/ /*CHANGED*/
    /*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-y: scroll;*/	
	/*overflow-x:hidden;*/ /*THIS STOPS THE HORIZONTAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	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*/
	/*overflow-x:auto;*/
	z-index:10;
	/*cursor:pointer;*/
	/*margin:0 auto 0 auto;*/ /*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;
}
#div_options_drpdwn [id*="options_drpdwn_span_"] {
    position:relative; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	height:6%;
    font-family:"Times New Roman", Times, serif; 
	/*font-size:200%;*/ /*ORIG*/
    font-size:150%; 
	font-style:normal;
	/*line-height:normal;*/
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/ 
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-decoration:none;
    /*line-height:normal;*/
	line-height:150%;
	/*text-align:center*/
	/*white-space: pre-wrap;*/
    background-color:transparent;
	/*background-color:#F3052F;*/ /*orange bright*/
	/*border:solid #FFFFCC 1px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100C 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:8px;*/ /*Works only on border. Does not on outline*/
    /*outline:solid #00FF99 1px;*/ /*green*/
    /*outline:solid #FFFFCC 1px;*/
	/*outline:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-align:center;
	/*background-color: #33FF00;*/ /*bright green*/
	/*background-color: #999999;*/ /*grey*/
	/*border:solid #FFFFCC 1px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	cursor: pointer;
	margin:0 0 1% 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;
}
#div_options_drpdwn [id*="options_drpdwn_span_"]:hover{
    /*position:relative;*/ /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	background-color:#33FF00; /*bright green*/
	/*background-color:#C0C0C0;*/ /*light grey*/
	color: #000000; /*Black*/
	cursor: pointer;
	margin:0 0 1% 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;
}
#screen_sizes_img {/*appended to window.document.body*/
    position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:0.5%; /*was 5%*/
	/*left:20%;*/
	/*float:right;*/ /*position:absolute; DOES NOT WORK*/
	right:20.4%;
	opacity:0.9;
    /*opacity:1.0;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
	/*max-height:100%;*/
    /*min-height:100%;*/
    height:2.7%; /*ok*/
    width:2%; /*ACCORDNG TO THE IMAGE RATIO*/
    /*width:auto;*/ /*ACCORDNG TO THE IMAGE RATIO*/
	/*width:50%;*/
	/*text-align:center;*/
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*background-color:transparent;*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/ /*textContent = "booxky.com" */
	/*background-color: #29357F;*/ /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	/*outline:solid #FFFFCC 1px;*/
	/*outline:solid #FFF100 1px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	z-index:2;
	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;	
}
#screen_sizes_img:hover {/*appended to window.document.body*/ /*HOVER IN position:relative DOES NOT WORK*/ /*WORKS AS ABSOLUTE*/
    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*/
}
/*END OF_OPTIONS #############################################################################################################################################*/
#span_lingo_screen_sizes{/*appended to window.document.body*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	/*top:12%;*/ /*ORIG*/ /*12.64%;*/
    top:15%; 
	left:28%; /*set to the same left of div_imgs_cntnr*/
	/*right:0.6%;*/
    /*bottom:0;*/
	/*height:7%;*/
     height:auto;/*CHANGED*/ /*Ok Expands for testContent*/ 
	 width:44%; /*calculate margines and padding*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    /*font-size:120%;*/ /*ORIG*//*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
/* */
/* */
/*START OF CENTER TEST*/ /* SEEMS OK ON DESKTOP*/
/*https://stackoverflow.com/questions/34032534/vertically-centering-a-div-within-body-using-css*/
/*right: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
/*END OF CENTER TEST*/ /* SEEMS OK ON DESKTOP*/	
/* */
/* */
    font-size:150%;
    font-family:"Times New Roman", Times, serif;
    font-weight:bold;
    line-height:100%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-align: left; /*ORIG*/
	/*text-align: center;*/ 
	white-space: pre-wrap;
    /*background-color:transparent;*/
	/*background-color: #FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color: #FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	background-color:#F3052F;/*orange bright*/
	/*order:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:8px; /*Works only on border. Does not 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:1% 1% 1% 1%;/*top right, bottom, left*/ /*Padding is internal*/ /*CHANGED*/
	display: block;
	/*display:inline-block*/	
}	
#span_screen_sizes{/*appended to window.document.body*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	/*top:12%;*/ /*ORIG*/ /*12.64%;*/
    top:12.6%; 
	left:35.8%; /*set to the same left of div_imgs_cntnr*/
	/*right:0.6%;*/
    /*bottom:0;*/
	/*height:7%;*/
     height:auto;/*CHANGED*/ /*Ok Expands for testContent*/ 
	 width:25.5%; /*calculate margines and padding*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    /*font-size:120%;*/ /*ORIG*//*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
/* */
/* */
/*START OF CENTER TEST*/ /* SEEMS OK ON DESKTOP*/
/*https://stackoverflow.com/questions/34032534/vertically-centering-a-div-within-body-using-css*/
/*right: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
/*END OF CENTER TEST*/ /* SEEMS OK ON DESKTOP*/	
/* */
/* */
    font-size:150%;
    font-family:"Times New Roman", Times, serif;
    font-weight:bold;
    line-height:100%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-align: left; /*ORIG*/
	/*text-align: center;*/ 
	white-space: pre-wrap;
    /*background-color:transparent;*/
	/*background-color: #FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color: #FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	background-color:#F3052F;/*orange bright*/
	/*order:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:8px; /*Works only on border. Does not 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:1% 1% 1% 1%;/*top right, bottom, left*/ /*Padding is internal*/ /*CHANGED*/
	display: block;
	/*display:inline-block*/	
}	
/*START OF MINI CONTACT FORM*/
/*START OF MINI CONTACT FORM*/
/*START OF MINI CONTACT FORM*/
/*START OF MINI CONTACT FORM*/
/*START OF MINI CONTACT FORM*/
/*START OF MINI CONTACT FORM*/
/* */
#the_mini_contact_form {
    position:absolute;
    top:8%;   
    left:27.2%;
    /*right:11.4%;*/
    opacity:1.0;
    /*opacity:1.0;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:60%;*/ /*OK WITHOUT BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE)*/	
	height:26%; /*OK WITH BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE-CORRECT ALL THE DHILDREN HEIGHTS)*/	
    /*width:auto;*/
	width:43.8%;
	/*margin-left:auto;*/
	/*margin-right:auto;*/
    font-family:"Times New Roman", Times, serif;
    font-size:100%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/    
	font-style:normal;
	/*line-height:normal;*/
	/*line-height:150%;*/
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/ 
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-decoration:none;
	/*text-align:center;*/
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*border:solid #FFFFCC 2px;/*our font color*/
	border:solid #FFFFCC 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:8px; /*Works only on border. Does not on outline*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#F3052F;*/ /*orange bright*/	
	background-color:#29357F; /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F;*/  
    z-index:0;
	/*margin:0 0 0 0;*//*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0.4% 0.8% 0 0.8%;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:block;	
}
#div_mini_cntct_frm_header {
    position:absolute;
    top:0;   
    left:0;
    /*right:11.4%;*/
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:5.4%;*/ /*OK WITHOUT BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE)*/
	height:16%;/*OK WITH BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE-CORRECT ALL THE DHILDREN HEIGHTS)*/		
	width:100%;
	opacity:1.0;
    font-family:"Times New Roman", Times, serif;
    font-size:140%;/*fallback*/ 
	font-style:normal;
	/*line-height:normal;*/
	line-height:190%;
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	text-decoration:none;
	text-align:center;
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*border-bottom: 5px solid red;*/
    /*border-bottom: solid #FFFFCC 2px;*/ /*our font color*/
	border-bottom: solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:solid #FFFFCC 2px;*/ /*our font color*/
	/*border:solid #FFF1002px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:8px;*/ /*Works only on border. Does not on outline*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color:#F3052F;*/ /*orange bright*/
	background-color:#29357F; /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F;*/
    z-index:1;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:block;	
}
/*.inpts_1_2_3_on_full_form {
    position:absolute;
    /*top:25%;*/ /*NOT USED HERE BECAUSE THIS IS A CLASS . SETTING*/
    /*left:4%;
	height:4%;/*ok*/ /*color_pkr_img height = 2.7%*/
	/*width:60%;	
    opacity:1.0;
	z-index:2;
	display:block;
}*/
/*#inpt_j_full_form_email_addrs  {
    top:9%;  
}*/
#bt_mini_form_copy_email {
    position:absolute;
    top:26%;   
    /*left:96.4%;*/
    left:2%;
	/*left:24.6%;*/
    opacity:0.9;
    /*opacity:1.0;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
	/*max-height:100%;*/
    /*min-height:100%;*/
    height:14%;/*ok*/
	width:40%;	
    /*width:auto;*/
    font-family:"Times New Roman", Times, serif;
    font-size:140%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
	font-style:normal;
	/*line-height:normal;*/
	/*line-height:150%;*/
	font-weight: bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	/*color: #006;*/ /*Dark Blue*/
	text-decoration:none;
	/*float:right;*/
	/*outline:solid #FFFFCC 2px;*/ /*our font color*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#F3052F; *//*orange bright*/
	background-color: transparent;
    border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-color:#FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:solid;*/
	/*border:width 2px;*/
	border-radius:8px;/*Works only on border. Does not on outline*/
	/*background-color:#F3052F;*/ /*orange bright*/
	cursor:pointer;
    z-index:1;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:block;
}
#bt_mini_form_copy_email:hover {
	opacity:1.0;
	background-color: #33FF00; /*bright green*/
	color: #006;/*Dark Blue*/
}
#bt_mini_form_dismiss {    
	position:absolute;
    top:26%;   
    /*left:96.4%;*/
    right:2%;
	/*left:24.6%;*/
    opacity:0.9;
    /*opacity:1.0;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
	/*max-height:100%;*/
    /*min-height:100%;*/
    height:14%;/*ok*/
	width:22%;	
    /*width:auto;*/
    font-family:"Times New Roman", Times, serif;
    font-size:140%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
	font-style:normal;
	/*line-height:normal;*/
	/*line-height:150%;*/
	font-weight: bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	/*color: #006;*/ /*Dark Blue*/
	text-decoration:none;
	/*text-align:center;*/
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*outline:solid #FFFFCC 2px;*/ /*our font color*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color:#F3052F; *//*orange bright*/
	background-color: transparent;	
    /*border:solid #FFFFCC 2px;*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-color:#FFFFCC*/
	/*border-color:#FFF100*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:solid;*/
	/*border:width 2px;*/
	border-radius:8px;/*Works only on border. Does not on outline*/
	/*background-color:#F3052F;*/ /*orange bright*/
	cursor:pointer;
    z-index:1;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:block;
}
#bt_mini_form_dismiss:hover {
	opacity:1.0;
	background-color: #33FF00; /*bright green*/
	color: #006;/*Dark Blue*/
}
#inpt_mini_form_email_addrs {
	position:absolute;
    top:46%;
    left:2%;
	height:12%;
	width:50%;
    opacity:0.9;
	font-family:"Times New Roman", Times, serif;
    font-size:140%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*/ /*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-style:normal;
	/*line-height:normal;*/
	/*line-height:200%;*/
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	text-decoration:none;
	text-align:center;
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*border-style: outset;*/
	/*outline:ridge #FFFFCC 4px;*//*our font color*/
	/*outline:ridge #FFF100 4px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #FFFFCC 2px;*/ /*our font color*/
	/*outline:solid #FFF100 2px;*/  /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:8px;/*Works only on border. Does not on outline*/
	/*outline:solid #FFFFCC 2px;* //*our font color*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color:#F3052F;*/ /*orange bright*/
    z-index:0;	
	background-color: transparent;
}
#inpt_mini_form_email_addrs:hover {
	/*opacity:1.0;*/
	/*background-color: #33FF00;*/ /*bright green*/
	/*color: #006;*/ /*Dark Blue*/
}
#msg_box_mini_form_lbl_text	 {
	position:absolute;/*relative*/ /*fixed;*/ /*absolute*/ /*static*/
    opacity:1.0;
    top:46%;/*new;*/ /*fixed*/
	left:2%;
	/*max-height:80%;*//*relative to the parent div_sctrs_txt_cntrls*/
    /*min-height:2.8%*/
	height:40%;
    /*height:auto;*/ /*IF (as a parent) IS A FIXED HEIGHT THEN THE CHILD ELEMENTS TAKE PERCENTAGE SIZES*/ /*relative to the window.document.body*/
	/*max-width:10.6%;*/ /*relative to the body*/
	width:94%;/*relative to the parent div_sctrs_txt_cntrls*/
    /*width:18%;*/ /*relative to the parent div_sctrs_txt_cntrls*/
    font-family:"Times New Roman", Times, serif;
    font-size:140%; /*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*//*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-style:normal;
	/*line-height:normal;*/
	font-weight:bold;
	font-variant:normal;
	text-transform:none;	
	text-decoration:none;
    /*color:#FFFFCC;*/ /*OUR FONT COLOUR*/ 
	/*color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
    /*color:#000000;*/ /*black*/
	color: #006;/*Dark Blue*/
    /*overflow-y:hidden;*/
    /*overflow-x:hidden;*/
    overflow-y:auto;
    /*overflow-x:auto;*/ /*scroll*/
    /*overflow-x:visible;*/
    /*overflow-z:visible;*/
    /*overflow-y:visible;*/
    /*overflow-y:scroll;*/
    /*https://developer.mozilla.org/en-US/docs/Web/CSS/white-space*/
    /*white-space:normal;*/
    /*white-space:nowrap;*/ /*one very long line*/
    /*white-space:pre;*/ /*ALL ON ONE VERY LONG LINE*/ /*ALLOWS "\n" LINE BREAKS IN "TEXTCONTENT";*/
    /*white-space:pre-wrap;*/ /*allows "\n" in textContent and does not jump lines*/
    white-space:pre-line;/*allows \n in textContent*/ /*aligns to the right end of the block*/
    /*line-height:140%;/*ok-the same as 4*/ /*400% the size of the current font*/
    text-align:justify;/*VERY IMPORTANT! USED TOGETHER WITH PRE-LINE, THE TEXT EXPANDS TO THE RIGHT BORDER OF THE CONTAINING DIV*/
    /*text-align:left;*/
    /*vertical-align:middle;*/ /*does not seem necesary*/
	cursor:default;
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/  
	background-color: #33FF00; /*bright green*/
	color: #006;/*Dark Blue*/
	/*background-color:transparent;*/
	/*background-color:#4B596C;*/ /*OUR BACKGROUND*/ /*STARTUP BACKGROUND*/
	/*background-color: #29357F;*/ /*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	/*background-color:#3F0;*/ /*bright green*/
	/*background-color:#F3052F;*/ /*orange bright*/
	/*background-color:#B9110D;*/ /*lighter red*/
    /*border:solid #FFFFCC 2px;*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	border:solid#000000 2px;
	border-radius:8px; /*Works only on border. Does not on outline*/
	z-index:10;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0.3% 0.3% 0 0.3%;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
	/*display:inline-block;/*IMPORTANT FOR POSITIONING*/
    /*visibility:hidden;*/ /*CAREFUL!*/
	display:none;/*CAREFUL!*/	
}

/* */
/*END OF MINI CONTACT FORM*/
/*END OF MINI CONTACT FORM*/
/*END OF MINI CONTACT FORM*/
/*END OF MINI CONTACT FORM*/
/*END OF MINI CONTACT FORM*/
/*END OF MINI CONTACT FORM*/
/*END OF MINI CONTACT FORM*/
/*END OF MINI CONTACT FORM*/
/* */
#span_x_00{/*appended to div_e_com_main*/ /*for count of images*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	/*top:26%;*/ /*ORIG*/ /*12.64%;*/
    top:9.8%;
    left:28%; 
	/*right:0.6%;*/
    /*bottom:0;*/
    height:4%; /*CHANGED*/
    width:46%; /*no margins or paddingD*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    font-size:150%;/*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:160%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*text-align: left;*/ /*ORIG*/
    text-align: center; /*CHANGED*/
	white-space: pre-wrap;
    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:8px; /*Works only on border. Does not 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: none;
}
#span_x_01{/*appended to div_e_com_main*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	/*top:40%;*/ /*ORIG*/ /*12.64%;*/
top: 18%; /*CHANGED*/
	left:4%;
	/*right:0.6%;*/
    /*bottom:0;*/
	height:10%;
	width:20%;
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    font-size:120%;/*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:100%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-align: left;
	white-space: pre-wrap;
    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:8px; /*Works only on border. Does not 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 1%;/*top right, bottom, left*/ /*Padding is internal*/
	display: none;
}
#span_x_02{/*appended to div_e_com_main*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:54%; /*12.64%;*/
	left:4%;
	/*right:0.6%;*/
    /*bottom:0;*/
	height:10%;
	width:20%;
    /*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;
    line-height:300%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-align: left;
	white-space: pre-wrap;
	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:8px;*/ /*Works only on border. Does not 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 1%;/*top right, bottom, left*/ /*Padding is internal*/
	display: none;
}
#span_x_03{/*appended to div_e_com_main*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:68%; /*12.64%;*/
	left:4%;
	/*right:0.6%;*/
    /*bottom:0;*/
	height:10%;
	width:20%;
    /*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;
    line-height:300%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-align: left;
	white-space: pre-wrap;
	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:8px;*/ /*Works only on border. Does not 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 1%;/*top right, bottom, left*/ /*Padding is internal*/
	display: none;
}
/*#ZZZdiv_e_com_main [id*="div_online_cards_"] [id*="span_x_"] {*/ /*appended to div_online_cards_*/
    /*empty*/
/*}*/
#div_imgs_cntnr_00{/*appended to div_e_com_main*/
	position:relative; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:12%; 
	/*left:auto;*/
	/*left:20%;*/ /*was 28$*/
	/*right:0.5%;*/
    /*bottom:0;*/
    height:90%;
    width:96%; /*width:90%;*/ /*CHANGED*//*should bs 46% or less*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
	/*TART OF NOTR:*/
	/*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	background-color:#29357F;
	/*background-color: transparent;*/
	/*border:solid  #33FF00 2px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/ /*CHANGED*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	border:solid  #FF0000 2px; /*red*/ /*TEMPORARY FOR CHECKING*/
	/*border-radius:8px;*/ /*Works*/ /*only on border. Does not on outline*/
    /*overflow-y:hidden; /*NORMALY HERE OK*/ /*maybe better not specified so as i-pads or mobiles can adapt the content.*/ /*CHANGED*/
    /*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-y: scroll;*/
	
	/*overflow-x:hidden;*/ /*THIS STOPS THE HORIZONTAL SCROLLBAR AFTER ENLARGING-SHRINKING*/
	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*/
	/*overflow-x:auto;*/
	z-index:0;
	text-align: center; /* align center all inline elements */	
	/*cursor:pointer;*/
	margin:0 auto 0 auto;/*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;	
}
#div_imgs_cntnr_01{/*appended to div_e_com_main*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:28%; 
	left:28%;
	/*right:0.5%;*/
    /*bottom:0;*/
	height:5%;
	width:65%;
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
	/*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
	/*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	background-color:#29357F;
	background-color: transparent;
	/*border:solid  #33FF00 2px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 2px;*/  /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:8px;*/ /*Works only on border. Does not 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;
	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: none;
}
#div_imgs_cntnr_02{/*appended to div_e_com_main*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:53.9%; 
	left:28%;
	/*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*/
	/*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	background-color:#29357F;
	background-color: transparent;
	/*border:solid  #33FF00 2px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:8px;*/ /*Works only on border. Does not 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;
	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: none;
}
#div_imgs_cntnr_03{/*appended to div_e_com_main*/
	position:absolute; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:67.9%; 
	left:28%;
	/*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*/
	/*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	background-color:#29357F;
	/*background-color: transparent;*/
	/*border:solid  #33FF00 2px;*/ /*bright green*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	/*border:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-radius:8px;*/ /*Works only on border. Does not 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;
	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: none;
}
#cntnr_00_img_00 { /*found in imgs_txts_fldrs/00_box/00_box_00_js/ on js_drop_span_genre_00.js; OR found in imgs_txts_fldrs/00_box/00_box_00_js/ on js_Chuck_You_Farlie_texts relave to images_00.js; (ACCORDING TO WHICH FILEJS  IS BEING USED)*/
	position:relative;/*the image MUST be RELATIVE*/ /*div must be positioned otherwise z-index does not work!*/
	top:0;	
	/*height:92%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	/*width:47%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	/*width:10%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/	
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow*/	
	/*/border:solid  #33FF00 2px;*/ /*bright green*/  /*TEMPORARY FOR CHECKING*/
	border-radius:8px; /*Works only on border. Does not on outline*/
	/*white-space:nowrap;*/ /*this creates problems. stops the div expanding in height*/
	z-index: 2;
	cursor:pointer;
	margin-top:0;
	margin-right:auto;
	margin-bottom:8%;
	margin-left:auto;
	/*margin-left:26%;*/
	/*margin:0 1% 12% 0.6%;*/ /*: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*/
	display:block; /*was not existant*/ /*if it exists (active or non active) then it interupts the length layout all images on one line*/
}
#cntnr_00_img_01 { /*found in imgs_txts_fldrs/00_box/00_box_00_js/ on js_drop_span_genre_00.js; OR found in imgs_txts_fldrs/00_box/00_box_00_js/ on js_Chuck_You_Farlie_texts relave to images_00.js; (ACCORDING TO WHICH FILEJS  IS BEING USED)*/
	position:relative;/*the image MUST be RELATIVE*/ /*div must be positioned otherwise z-index does not work!*/
	top:0;	
	/*height:92%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	/*width:47%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	/*width:80%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow*/	
	/*/border:solid  #33FF00 2px;*/ /*bright green*/  /*TEMPORARY FOR CHECKING*/
	border-radius:8px; /*Works only on border. Does not on outline*/
	/*white-space:nowrap;*/ /*this creates problems. stops the div expanding in height*/
	z-index: 2;
	cursor:pointer;
	margin-top:0;
	margin-right:auto;
	margin-bottom:8%;
	margin-left:auto;
	/*margin-left:26%;*/
	/*margin:0 1% 12% 0.6%;*/ /*: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*/
	display:block; /*was not existant*/ /*if it exists (active or non active) then it interupts the length layout all images on one line*/
}
#cntnr_00_img_02 { /*found in imgs_txts_fldrs/00_box/00_box_00_js/ on js_drop_span_genre_00.js; OR found in imgs_txts_fldrs/00_box/00_box_00_js/ on js_Chuck_You_Farlie_texts relave to images_00.js; (ACCORDING TO WHICH FILEJS  IS BEING USED)*/
	position:relative;/*the image MUST be RELATIVE*/ /*div must be positioned otherwise z-index does not work!*/
	top:0;	
	/*height:92%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	/*width:47%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	/*width:80%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	border:solid #FAF402 2px; /*Chuck You Farlie book cover title text color yellow*/	
	/*/border:solid  #33FF00 2px;*/ /*bright green*/  /*TEMPORARY FOR CHECKING*/
	border-radius:8px; /*Works only on border. Does not on outline*/
	/*white-space:nowrap;*/ /*this creates problems. stops the div expanding in height*/
	z-index: 2;
	cursor:pointer;
	margin-top:0;
	margin-right:auto;
	margin-bottom:8%;
	margin-left:auto;
	/*margin-left:26%;*/
	/*margin:0 1% 12% 0.6%;*/ /*: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*/
	display:block; /*was not existant*/ /*if it exists (active or non active) then it interupts the length layout all images on one line*/
}
#cntnr_00_img_03 { /*found in imgs_txts_fldrs/00_box/00_box_00_js/ on js_drop_span_genre_00.js; OR found in imgs_txts_fldrs/00_box/00_box_00_js/ on js_Chuck_You_Farlie_texts relave to images_00.js; (ACCORDING TO WHICH FILEJS  IS BEING USED)*/
	position:relative;/*the image MUST be RELATIVE*/ /*div must be positioned otherwise z-index does not work!*/
	top:0;
	/*height:100%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	/*width:47%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	/*width:80%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow*/	
	/*/border:solid  #33FF00 2px;*/ /*bright green*/  /*TEMPORARY FOR CHECKING*/
	border-radius:8px; /*Works only on border. Does not on outline*/
	/*white-space:nowrap;*/ /*this creates problems. stops the div expanding in height*/
	z-index: 2;
	cursor:pointer;
	margin-top:0;
	margin-right:auto;
	margin-bottom:8%;
	margin-left:auto;
	/*margin-left:26%;*/
	/*margin:0 1% 12% 0.6%;*/ /*: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*/
	display:block; /*was not existant*/ /*if it exists (active or non active) then it interupts the length layout all images on one line*/
}
/*here*/
#div_main_base [id*="div_imgs_cntnr_00"] img { 
/*#div_e_com_main [id*="div_online_cards_"] [id*="div_imgs_cntnr_00"] img {*//*appended to div_online_cards_*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
	/*NOTE:*/
	/*NOTE: BOOXKY BOOK COVER BLUE BACKGROUND COLOR = #29357F*/
	/*background-color:#29357F;*/
	/*NOTE:*/
    position:relative;/*the image MUST be RELATIVE*/ /*div must be positioned otherwise z-index does not work!*/
	top:0;
	/*float:left;*/
/*top:2%;*/
    /*left:26%;*/
	/*width:98%;*/
    /*max-height:89.6%;*/ /*being the lower (smaller) value you must NOT BLOCK the higher value;*/
	/*max-height:90%;*/ /*fallback*/
	/*min-height:92%;*/ /*fallback*/
	/*height:auto*/
	/*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*/
/*height:62%;*//*TEMPORARY FOR TESTS*/
	/*height:Auto;*/
	/*height:89.59413612565446%;*/ /* AS RETURED IN JS AS COMPUTED. HEIGHT*
    width:auto;/*TEMPORARY FOR TESTS*/ /* AUTO IS THE DEFAULT SETTING ANYWAY*/
	/*max-width:60%;*/
	/* */
	/*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:96%;*/
    /*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%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
	/*width:40%;*/ /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
    /*width:auto;*/
    width: 30%; /*THIS VALUE WILL BE UPDATED END RE- ESTABLISHED FFURTHER ON IN THE CSS MEDIA QUERIES*/
    /*max-width:100%;*/ /*ORIG*/
    /*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;*/ /*...*/
	/*border:solid #FFFFCC 2px;*/ /*OUR FONT COLOUR*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow*/	
	/*/border:solid  #33FF00 2px;*/ /*bright green*/  /*TEMPORARY FOR CHECKING*/
	border-radius:8px; /*Works only on border. Does not on outline*/
	/*white-space:nowrap;*/ /*this creates problems. stops the div expanding in height*/
	z-index: 2;
	cursor:pointer;
	margin-top:0;
	margin-right:auto;
	margin-bottom:8%;
	margin-left:auto;
	/*margin-left:26%;*/
	/*margin:0 1% 12% 0.6%;*/ /*: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*/

	display:block; /*was not existant*/ /*if it exists (active or non active) then it interupts the length layout all images on one line*/
}
/*................*/
#div_img_rel_text {/*appended to window.document.body*/
    /*position:absolute;*/
	position:fixed; /*was relative;*/ /*absolute*/  /*fixed*/  /*static*/
	top:14.2%; /*ORIG*/ /*12.64%;*/
	/*left:20%;*/ /*Desktop:Window.InnerWidth = 1920px that = 100%, minus div_imgs_cntnr_00 width of 60% = 40%, diveded by 2 = 20%. Then adjust by margin left setting*/
    /*top:16%; */
	/*left:28%;*/ /*set to the same left of div_imgs_cntnr*/
	/*right:0.6%;*/
    /*bottom:0;*/
    height:90%;
    /*height:auto;*/ /*CHANGED*/ /*Ok Expands for testContent*/ 
    /*width:auto;*/
    width:56%;
    /*width:60%;*/ /*calculate margines and padding*/	 
    /*margin-left:auto;*/
    /*margin-right:auto;*/
    /*float:right;*/ /*does not work if the position is fixed or absolute. Float works only on static and relative*/
    /*font-size:120%;*/ /*ORIG*//*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
/* */
/* */
/*START OF CENTER TEST*/ /* SEEMS OK ON DESKTOP*/
/*https://stackoverflow.com/questions/34032534/vertically-centering-a-div-within-body-using-css*/
/*right: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
/*END OF CENTER TEST*/ /* SEEMS OK ON DESKTOP*/	
/* */
/* */
    font-size:150%;
    font-family:"Times New Roman", Times, serif;
    font-weight:bold;
    line-height:100%;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*text-align: left;*/ /*ORIG*/
	/*text-align: center;*/ 
	/* */
	white-space:normal; /*sould allow wrap*/
    /*white-space:nowrap;*/ /*one very long line*/
    /*white-space:pre;*/ /*ALL ON ONE VERY LONG LINE*/ /*ALLOWS "\n" LINE BREAKS IN "TEXTCONTENT";*/
    /*white-space:pre-wrap;*/ /*allows "\n" in textContent and does not jump lines*/
    /*white-space:pre-line;*/ /*allows \n in textContent*/ /*aligns to the right end of the block*/
	/*white-space: pre-wrap;*/
	text-align:justify;/*VERY IMPORTANT! USED TOGETHER WITH PRE-LINE, THE TEXT EXPANDS TO THE RIGHT BORDER OF THE CONTAINING DIV*/
	/* */
    /*background-color:transparent;*/
	/*background-color: #FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color: #FFF100C;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/* */
    overflow-wrap: break-word; /*Let the browser be allowed to break lines with long words, if they overflow the container:*/
	/*overflow-y:auto;*/
	/*overflow-y:scroll;*/
	/*overflow-x:auto;*/
	/*overflow-x:hidden;*/
	/*overflow-x:scroll;*/
	/*background-color:#F3052F;*/ /*orange bright*/ /*THIS IS SET WITHIN JS*/
	border:solid #FFFFCC 2px; /*OUR FONT COLOUR*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius:8px; /*Works only on border. Does not on outline*/
	z-index:3;
	/*cursor:pointer;*/
	margin:0 0 0 0.3%; /*top right, bottom, left*/ /*Margin is external*/ /*Margin and Padding interfere with Border and Outline*/
    padding:1% 1% 1% 1%;/*top right, bottom, left*/ /*Padding is internal*/ /*CHANGED*/
	display: block;
	/*display:inline-block*/	
}

#span_imgtext_01 { /*the second header info text relative to selected image*/
	/*position:relative;*/ /*NO*/
    position:absolute;
	/*position:fixed;*/
    top:10.2%;
    left:0;
    /*right:11.4%;*/
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:5.4%;*/ /*OK WITHOUT BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE)*/
	height:6%;/*OK WITH BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE-CORRECT ALL THE DHILDREN HEIGHTS)*/		
	width:99.6%;
	opacity:1.0;
    font-family:"Times New Roman", Times, serif;
    font-size:100%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*/ /*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-style:normal;
	/*line-height:normal;*/
	line-height:190%;
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/
	text-decoration:none;
	text-align:center;
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*border-bottom:2px #33FF00;*/ /*bright green*/
	/*border-bottom: 5px solid red;*/
	/*border: solid #33FF00 2px;*/ /*bright green*/
	/*border: solid #FFFFCC 2px;*/
	border: solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
    /*border-bottom: solid #FFFFCC 2px;*/ /*our font color*/
	/*border-bottom: solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	border-radius: 4px 4px 0 0; /*top-left corner, top-right corner, bottom-left corner, bottom-right corner*/
	/*border-radius:8px;*/ /*Works only on border. Does not on outline*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color: #F3052F;*/ /*orange bright*/
	/*background-color: #0033FF;*/ /*Dark blue*/
	/*background-color:transparent;*/
	/*background-color: #FFFFFF;*/ /*white*/
	/*background-color: #CCCCCC;*/ /*light grey*/ /*THIS IS SET WITHIN JS*/
    z-index:4;
	/*cursor:pointer;*/
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:inline-block;	
}
#span_imgtext_02 { /*the actual article text relative to selected image*/
	/*position:relative;*/ /*NO*/
    position:absolute;
	/*position:fixed;*/
    top:20.4%;
    left:0;
    /*right:11.4%;*/
	/*max-height:100%;*/
    /*min-height:100%;*/
    /*height:5.4%;*/ /*OK WITHOUT BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE)*/
	height:90%; /*was height:75.6%;*/ /*OK WITH BROWSER DETECTION. iF THE HEIGHT CHANGES, ALL THE CHIDREN HEIGHTS CHANGE-CORRECT ALL THE DHILDREN HEIGHTS)*/		
	width:97.6%;
	opacity:1.0;
    font-family:"Times New Roman", Times, serif;
    font-size:100%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
    /*font-size:1.7vh;*/ /*fallback*/ /*calculated to font-size 100%. If you change the font-size then vw changes*/ /*vw width changes the lenge of the line*/    
    /*font-size:1.7vw;*/ /*fallback*/ /*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.7vmin;*/ /*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-style:normal;
	/*line-height:normal;*/
	line-height:190%;
	font-weight:bolder;
	font-variant:normal;
	text-transform:none;
	/*color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	text-decoration:none;
    /*https://developer.mozilla.org/en-US/docs/Web/CSS/white-space*/
    /*white-space:normal;*/
    /*white-space:nowrap;*/ /*one very long line*/
    /*white-space:pre;*/ /*ALL ON ONE VERY LONG LINE*/ /*ALLOWS "\n" LINE BREAKS IN "TEXTCONTENT";*/
    /*white-space:pre-wrap;*/ /*allows "\n" in textContent and does not jump lines*/
    white-space:pre-line;/*allows \n in textContent*/ /*aligns to the right end of the block*/
    /*line-height:140%;/*ok-the same as 4*/ /*400% the size of the current font*/
    text-align:justify;/*VERY IMPORTANT! USED TOGETHER WITH PRE-LINE, THE TEXT EXPANDS TO THE RIGHT BORDER OF THE CONTAINING DIV*/
	text-align:left;
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*border-bottom:2px #33FF00;*/ /*bright green*/
	/*border-bottom: 5px solid red;*/
	/*border-bottom: solid #FFFFCC 2px;*/ /*our font color*/
    /*border: solid #FFFFCC 2px;*/ /*our font color*/
	border: solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:solid #FFFFCC 2px;*/ /*our font color*/
	/*border-radius:8px;*/ /*Works only on border. Does not on outline*/
/*############################################################################################################################*/
	border-radius: 0 0 8px 8px; /*top-left corner, top-right corner, bottom-left corner, bottom-right corner*/
	/*Yes, you can create elliptical corners with CSS by specifying two values for each corner in the ‘border-radius’ property. The first value is the horizontal radius, and the second value is the vertical radius. For example:
	This will create a div with elliptical corners, with a horizontal radius of 10px and a vertical radius of 20px.*/
    /*border-radius: 10px 20px;*/ /*elliptical*/
/*############################################################################################################################*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color: #F3052F;*/ /*orange bright*/
	/*background-color: #0033FF;*/ /*Dark blue*/
	/*background-color:transparent;*/
	/*background-color: #FFFFFF;*/ /*white*/
	/*background-color: #666666;*/ /*dark grey*/ /*THIS IS SET WITHIN JS*/
    overflow-x:hidden;
    overflow-y:auto;
    z-index:4;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:1% 1% 1% 1%;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:inline-block;	
}
#bt_img_text_dismiss {
	position:absolute;
	/*position:fixed;*/
    top:2%; 
    /*left:96.4%;*/
    right:1%;
	/*left:24.6%;*/
    opacity:0.9;
    /*opacity:1.0;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */
	/*max-height:100%;*/
    /*min-height:100%;*/
    height:6%;/*ok*/ /*height:4.6%;*/ /*ok*/
	width:12%;	
    /*width:auto;*/
    font-family:"Times New Roman", Times, serif;
    font-size:100%;/*fallback*/ /*the following vw-vh-vmin settings are set according to font-size 100%*/
	font-style:normal;
	/*line-height:normal;*/
	line-height:100%;
	font-weight: bolder;
	font-variant:normal;
	text-transform:none;
	color:#FFFFCC; /*OUR FONT COLOUR*/
	color:#FFF100; /*Chuck You Farlie book cover title text color yellow FFF100*/ 
	/*color: #006;*/ /*Dark Blue*/
	text-decoration:none;
	/*text-align:center;*/
	/*alignment-adjust:middle*/
	/*alignment-adjust:central*/
    /*cursor:pointer;*/
	/*float:right;*/
	/*outline:solid #FFFFCC 2px;*/ /*our font color*/
	/*outline:solid #FFF100 2px;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*outline:solid #4B596C 2px;*/ /*our background*/
	/*outline:solid #00F 2px;/*test*/
	/*background-color:#FFFFCC;*/ /*OUR FONT COLOUR*/
	/*background-color:#FFF100;*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*background-color:#F3052F;*/ /*orange bright*/  /*THIS IS SET WITHIN JS*/
	/*background-color: transparent;*/
    /*border:solid #FFFFCC 2px;*/
	border:solid #FFF100 2px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border-color:#FFFFCC*/
	/*border-color:#FFF100*/ /*Chuck You Farlie book cover title text color yellow FFF100*/
	/*border:solid;*/
	/*border:width 2px;*/
	border-radius:8px;/*Works only on border. Does not on outline*/
	/*background-color:#F3052F;*/ /*orange bright*/
	cursor:pointer;
    z-index:5;
	margin:0 0 0 0;/*top right, bottom, left*/ /*Margin is external*/ /*even if 0 always set something for IE. Margin and Padding interfere with Border and Outline*/
    padding:0 0 0 0;/*top right, bottom, left*/ /*Padding is internal*/ /*even if 0 always set something for IE.*/
    display:block;
}
#bt_img_text_dismiss:hover{
	opacity:1.0;
	border:solid #33FF00 4px; /*bright green*/
    /*background-color: #33FF00;*/ /*bright green*/ /*THIS IS OVERRIDDEN BY ITS JS SETTING*/
	color: #33FF00;/*Dark Blue*/ /*bright green*/
}
#uk_flag_img{
	position:absolute;/*the image MUST be RELATIVE*/ /*div must be positioned otherwise z-index does not work!*/
	top:0.5%;
    left:0.5%;    
	height:2.5%;/*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*/
	/*width:auto;*/
	opacity:0.6;
	/*outline:solid #FFFFCC 1px;*/ /*OUR FONT COLOUR*/
	outline:solid #FFF100 1px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	z-index:42;
	cursor:pointer;
	margin:0 0 0 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; /*for spans*//*taken out..seems to be ok*/
	display:block;
}
#uk_flag_img:hover{                                  
	opacity:1.0;
    /*border:solid #33FF00 2px;*/ /*bright green*/
	outline:solid #33FF00 4px; /*bright green*/
	/*border-radius:6px;*//*Works only on border and on outline but you must use the word border*/
}
#it_flag_img{
	position:absolute;/*the image MUST be RELATIVE*/ /*div must be positioned otherwise z-index does not work!*/
	top:0.5%;
    right:0.51%;    
	height:2.5%;/*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*/
	/*width:auto;*/
	opacity:0.6;
    /*outline:solid #FFFFCC 1px;*/ /*OUR FONT COLOUR*/
	outline:solid #FFF100 1px; /*Chuck You Farlie book cover title text color yellow FFF100*/
	z-index:42;
	cursor:pointer;
	margin:0 0 0 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; /*for spans*//*taken out..seems to be ok*/
	display:block;
}
#it_flag_img:hover{
	opacity:1.0;
    /*border:solid #33FF00 2px;*/ /*bright green*/
	outline:solid #33FF00 4px; /*bright green*/
	/*border-radius:6px;*//*Works only on border and on outline but you must use the word border*/
}