@charset "utf-8";
/* CSS Document */



#contact_text {left:50%; top:15px; margin-left:-450px; width:900px; height:25px; z-index:10; border:0px; color: #CCC; text-align:center; }

/*HOW IT WORKS 2024*/

#concept-grid {}

#concept-image {position:relative;}

	#concept-maintext {position:absolute; left:2vw; top:2vw;  background-position:center; z-index:5; }
	
		.concept_hotspot {position:absolute; transform-origin:center; transform: translate(-50%, -50%); width:35px; height:35px; z-index:3}

		#hotspot_concept_1-1 {left:18%; top:64%; z-index:3; background-image:url(https://www.connectexhibitions.co.uk/images/numbers/no_1_white.png); }
		#hotspot_concept_2-1 {left:31%; top:71%; z-index:3; background-image:url(https://www.connectexhibitions.co.uk/images/numbers/no_2_white.png); }
		#hotspot_concept_3-1 {left:20%; top:75%; z-index:3; background-image:url(https://www.connectexhibitions.co.uk/images/numbers/no_3_white.png); }
		#hotspot_concept_4-1 {left:30%; top:85%; z-index:3; background-image:url(https://www.connectexhibitions.co.uk/images/numbers/no_4_white.png); }
		#hotspot_concept_5-1 {left:44%; top:74%; z-index:3; background-image:url(https://www.connectexhibitions.co.uk/images/numbers/no_5_white.png); }
		#hotspot_concept_6-1 {left:48%; top:66%; z-index:3; background-image:url(https://www.connectexhibitions.co.uk/images/numbers/no_6_white.png); }
		#hotspot_concept_7-1 {left:38%; top:58%; z-index:3; background-image:url(https://www.connectexhibitions.co.uk/images/numbers/no_7_white.png); }

	#concept-note-place {flex:1; position:absolute; right:2%; bottom:5%; width:35%; height:25%; z-index:5; background:#FFF; border:1px solid #333;}

	  .concept_note {position:absolute; width:100%; padding:0 2% 0 2%; z-index:6; }
		 

/*GALLERY*/



/*Connect_7 2024*/

/*DIMENSIONS*/


#dimensions_buttons {position:absolute; left:0px; width:100%; top:150px; height:25px; z-index:2; }	

#dimensions_mm {left:50%; top:585px; margin-left:-450px; width:230px; height:120px; z-index:2; }


.component_images {
/**/width: 100%; /* Adjusted to ensure images fit within the container */
/**max-width: 400px; /* Limit the maximum width of the container */
height: auto;  /* Limit the maximum height of the container */
border: 0px solid grey;
/*flex-shrink: 1;*/
}



/*PRICES*/

		
		.lighting_prices_picturecontent {left:50%; top:345px; margin-left:-480px; width:225px; height:125px; z-index:2; text-align:left; visibility:inherit;}
		
#prices_dataplace {position:absolute; left:50%; margin-left:-450px; width:300px; top:430px; height:120px; z-index:1;}

#prices_eurorate {position:absolute; left:50%; margin-left:-450px; width:300px; top:550px; height:120px; z-index:1;}

  #prices_header {position:absolute; left:0px; width:300px; top:0px; height:30px; z-index:2; }
  
  .prices_data {position:absolute; left:0px; width:300px; top:35px; height:120px; z-index:2; }

#prices_selection {left:50%; top:610px; margin-left:-455px; width:910px; height:110px; z-index:5; }

#VAT {left:50%; top:400px; margin-left:-450px; width:910px; height:110px; z-index:5; }

	#selectionText {left:50%; bottom:10px; margin-left:-450px; width:900px; height:17px; z-index:2; }


/*INSTRUCTIONS*/

#instructions_maintext {left:50%; top:100px; margin-left: -450px; width:230px; height:50px; z-index:1; }


#instructions_pictureplace_1 {right:50%; top:100px; margin-right: 20px; width:430px; height:605px; z-index:4; }
#instructions_pictureplace_2 {left:50%; top:100px; margin-left: 20px; width:430px; height:605px; z-index:4; }
#instructions_pictureplace_3 {left:50%; top:100px; margin-left: -215px; width:430px; height:605px; z-index:4; }


	.instructions_picture {left:0px; top:0px; width:420px; height:595px; z-index:2; text-align:right; }
	 
		/*.instructions_picturecontent {left:50%; top:540px; margin-left:-485px; width:250px; height:75px; z-index:2; text-align:left; visibility:inherit; }*/  /*(EditDate:09-01-24)

/*#instructions_selection {left:50%; top:100px; margin-left:300px; width:110px; height:365px; z-index:2; }*/

	/*#selection_instructions01 {left:0px; top:0px; width:110px; height:365px; z-index:4; background-position:bottom; }*/
	
	
/*COMPONENTS GROUP PAGES*/

#components_maintext {left:50%; top:100px; margin-left:-450px; width:400px; height:250px; z-index:1; }

#components_pictureplace {left:50%; top:100px; margin-left:40px; width:400px; height:600px; z-index:4; }

	.components_picture {left:0px; top:0px; width:400px; height:600px; z-index:2; /*border:1px solid #323232; */}
	
		.components_picturecontent {left:0px; top:500px; margin-left:-490px; width:400px; height:75px; z-index:2; text-align:left; visibility:inherit;}


/*BROCHURE*/

#brochure_maintext {left:50%; top:25px; margin-left:-450px; width:900px; height:100px; z-index:2;}

#brochure_pictureplace {left:50%; top:120px; margin-left:-595px; width:1190px; height:421px;/* border:1px solid #323232;*/ }

	.brochure_picture {left:0px; top:0px; width:1190px; height:400px; z-index:2;}
	 
		.brochure_picturecontent {left:50%; top:465px; margin-left:-450px; width:900px; height:50px; z-index:5; visibility:inherit;}

#brochure_selection {left:50%; bottom:30px; margin-left:-455px; width:910px; height:60px; z-index:2; background-image:url(https://www.connectexhibitions.co.uk/images/backgrounds/sel-brochure.jpg); }


/*CONTACT*/

.underconstructionclass {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#666; padding-left:34px; vertical-align:top; padding-bottom:2px; text-align:center; }

.addressclass {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666; padding-left:34px; vertical-align:bottom; padding-bottom:2px; bottom:0px }

#address_Lt {top:125px; left:50%; margin-left:-500px; width:500px; height:400px; z-index:1; }

#address_words {top:380px; left:50%; margin-left:-500px; width:450px; height:250px; z-index:2;}

#map_google {top:125px; left:50%; margin-left:-50px; width:500px; height:500px; border:1px; border-style:double; z-index:2;}


/*DOCS  2024  Terms and Conditions etc */ 

#page_title_doc {left:50%; top:30px; margin-left:150px; width:300px; height:70px; z-index:2; font-size:22px; text-align:right; vertical-align:middle; color:#777; padding-top:10px; }

#pageDoc {top:60px; left:50%; margin-left:-450px; width:900px; height:400px; z-index:1; font-size:8pt }





/*YOUTUBE(Common)*/

#youtube_main {left:50%;top:120px;margin-left: -360px;width:720px;height:480px; }


/*PRODUCTS 2024*/


/*CLIENT PAGES 2024*/



/*RENTALFORM PAGES (Common)*//*RENTALFORM PAGES (Common)*//*RENTALFORM PAGES (Common)*//*RENTALFORM PAGES (Common)*//*RENTALFORM PAGES (Common)*//*RENTALFORM PAGES (Common)*/

#form_main {
	position:absolute;
	left:50%;
	top:100px;
	margin-left: -450px;
	width:900px;
	height:700px;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	z-index:1;
	background-image:url();
	background-repeat: no-repeat;
	visibility: visible;
}

#form_title {
	position:absolute;
	left:50%;
	top:10px;
	margin-left: 200px;
	width:300px;
	height:70px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	z-index:2;
	background-image: url();
	background-repeat: no-repeat;
	visibility: visible;
}

/*GALLERIES PAGE (Common)*/

#galleries_maintext_left {left:-300px; top:0px; width:250px; height:350px; z-index:2; text-align:left; overflow:hidden; }

#galleries_maintext_right {right:0px; top:0px; width:250px; height:350px; z-index:2; text-align:left; overflow:hidden; }

#galleries_slider {left:0px; height:750px; top:0px; width:100%; z-index:1; overflow:hidden; /*height set onload*/ }

  #galleries_pictureplace {top:120px; height:750px; } /*left and width controlled by php  ----   border:1px solid #323232; */ 
  
	  .galleries_picture {left:0px; top:0px; width:600px; height:400px; z-index:2; text-align:right; }
	  
		  .galleries_picturecontent {left:50%; top:450px; margin-left:-200px; width:400px; height:75px; z-index:2; text-align:left; visibility:inherit }

#galleries_selection {left:50%; bottom:30px; margin-left:-155px; width:310px; height:60px; z-index:2; } /*border:1px solid #323232;*/ 

	#selection_galleries {position:absolute; left:0px; top:0px; width:310px; height:60px; z-index:4; }
	


/* --------------------------------------------------------NEW INDEX INCLUDE 2016-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#flags_uk {left:50%; top:-160px; margin-left:-450px; width:100px; height:40px; z-index:10 }

#flags {left:50%; top:10px; margin-left:-450px; width:100px; height:40px; z-index:10 }

#welcome_text_european {left:50%; top:-35px; margin-left:-450px; width:800px; height:40px; z-index:10 }

#slogan_text_european {left:50%; top:-165px; margin-left:-450px; width:900px; height:40px; z-index:10; text-align:center; }

#welcome_text_european2 {left:50%; bottom:60px; margin-left:-475px; width:950px; height:40px; z-index:10 }

#slogan_text_european2 {left:50%; top:65px; margin-left:-450px; width:900px; height:40px; z-index:10; text-align:center; }

#contact_text_european {left:50%; top:10px; margin-left:280px; width:150px; height:30px; text-align:right; z-index:10;}

	

/*EUROPEAN ENTRY PAGES (Common)*/

#flags_european {left:50%; top:-33px; margin-left:450px; width:100px; height:30px; z-index:10;}

  #european_maintext_left {left:0px; top:200px; width:250px; height:350px; z-index:2; text-align:left; overflow:hidden;}

  #european_maintext_right {right:0px; top:200px; width:250px; height:350px; z-index:2; text-align:left; overflow:hidden;}




#european_slider {left:50%; margin-left:-50%; height:750px; top:0px; width:100%; z-index:1; overflow:hidden ; /*height set onload*/ }

  
  #european_pictureplace {top:0px; height:750px;  } /*left and width controlled by php  ----   border:1px solid #323232; */ 
  
     #european_coverimage {top:0px; height:750px; left:50%; margin-left:-900px; width:1800px; z-index:1; overflow:hidden;  }
  

  	.european_heading {left:-25px; top:25px; height:40px; width:700px;  z-index:2; text-align:left; overflow:hidden; }
	
	.european_subheading {top:80px; height:50px; width:600px;   z-index:2; text-align:left; }
	
	.european_subpicture {top:175px; width:60px; height:40px; z-index:5; text-align:right; }
  
    .european_picture {top:155px; width:600px; height:400px; z-index:2; text-align:right; }
	  
		.european_picturecontent {left:50%; top:440px; margin-left:-300px; width:600px; height:90px; z-index:2; text-align:left; visibility:inherit;  }
		  


 /*#european_selection1 {left:50%; bottom:360px; margin-left:-500px; width:105px; height:60px; z-index:2; background-image: url(../images/backgrounds/sel-gallery-arr.png); } /*border:1px solid #323232;*/ 

	 /*#european_control1 {position:absolute; left:0px; top:0px; width:105px; height:60px; z-index:4; }
	
#arrow_european_1 {position: absolute; width:105px; height:60px; left:0px; top:0px; z-index:10; }    /*border:1px solid #323232;*/ 

	
 /*#european_selection2 {left:50%; bottom:360px; margin-left:400px; width:105px; height:60px; z-index:2; background-image: url(../images/backgrounds/sel-gallery-arr2.png);} /*border:1px solid #323232;*/

	 /*#european_control2 {position:absolute; left:0px; top:0px; width:105px; height:60px; z-index:4; }
	

#arrow_european_2 {position: absolute; width:105px; height:60px; left:0px; top:0px; z-index:4; }*/ 





		  



/*old Index Selection*/

#euro_selection1 {left:50%; bottom:285px; margin-left:-400px; width:250px; height:180px; z-index:2; } /*border:1px solid #323232;*/ 

	#euro_control1 {position:absolute; left:0px; top:0px; width:250px; height:180px; z-index:4; visibility:inherit;}
	
#euro_selection2 {left:50%; bottom:285px; margin-left:150px; width:250px; height:180px; z-index:2; } /*border:1px solid #323232;*/

	#euro_control2 {position:absolute; left:0px; top:0px; width:250px; height:180px; z-index:4; visibility:inherit;}
	
 .euro_arrow {position: absolute;  left:0px; top:0px; z-index:4; visibility:inherit; }




   


/*VIDEO PAGE*/

#video_maintext {left:50%; top:100px; margin-left:-450px; width:250px; height:380px; z-index:2; }

#video_subtext {left:50%; top:625px; width:600px; margin-left:-300px; text-align:center; color:orange; font-size:20px; z-index:2; }

#video_videoplace {left:50%; top:80px; margin-left:-400px; width:800px; height:450px; /*z-index:1; border:1px solid #323232;*/ }

   .video_picture {left:0px; top:0px; width:800px; height:450px; z-index:2; text-align:right; }
	
		.video_picturecontent {left:50%; top:435px; margin-left:-600px; width:250px; height:75px; z-index:2; text-align:left; visibility:inherit }

#video_selection {left:50%; bottom:50px; margin-left:-450px; width:900px; height:108px; z-index:2; /*border:1px solid #323232;*/ }



