<style type="text/css">
<!--
html{
	/* min-height:520px; */ 
	/* min-width:940px; */
	overflow-Y:auto;
	overflow-X:hidden;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */

}

::-webkit-scrollbar {
	width: 15px;
}
::-webkit-scrollbar-track {
	background:#c3d4e1aa;
}
::-webkit-scrollbar-thumb {
	background-color:#transparent;
	border-radius:15px;
	border:2px solid #0d79e2;
}
::-webkit-scrollbar-thumb:hover {
	background: #0d79e2; 
}

input:focus {
    outline: none;
}

.TheSearchText{
	position:absolute; 
	left:0px; 
	top:0px; 
	width:calc(100% - 22px); 
	height:20px; 
	border: 1px solid #c3d4e1;
	padding:10px;
}

.SearchResults{
	position:absolute; 
	height:auto; 
	left:0px; 
	top:41px; 
	right:0px; 
	border:1px solid #C3D4E1; 
	border-bottom:0px solid #C3D4E1; 
	background-color:#ffffff; 
	z-index:30; 
	font-size:22px;
	display:none;
	font-family:'Raleway',sans-serif; 
}

.oheader {
	position:absolute;
	left:5%;
	top:5%;
	height:128px;
	width:132px;
	background-repeat: no-repeat;
	background-image:  url(../../images08/OdirectLogo.svg);
}

.ClearSearchBig{
	position:absolute; 
	right:1px; 
	top:1px;
	width:40px;
	height:40px;
	cursor:pointer;
	z-index:30;
	background-color:#ffffff;
	letter-spacing:0.5px;
	background-image:  url(../../images08/Crosses.svg);
	background-repeat:no-repeat;
	background-position: 9px 8px;
    	background-size: 59%;
}

.HOLDER{
	position:fixed; 
	left:10px; 
	top:10px; 
	right:10px; 
	bottom:10px; 
	z-index:2; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow-Y:auto;
	overflow-X:hidden;
}

.DisplayImages240Brands{
	position:relative;
	top:0px;
	left: 0px;
	float:left;
	margin:2px;
	overflow:hidden;
	height:240px;
	width:240px;
	z-index:10;
}

.DisplayImages240BrandsCircle{
	position:relative;
	top:0px;
	left: 0px;
	float:left;
	margin:2px;
	overflow:hidden;
	height:20px;
	width:20px;
	z-index:20;
	border-radius:50%;
}

.WhyAmI{
	position:absolute; 
	top:135px; 
	width:calc(100% - 2px);
	height:65px;
	padding-bottom:3px;
}

.NamePlate{
	position:absolute; 
	left:0px; 
	top:220px; 
	width:240px; 
	text-align:center; 
	height:20px; 
	line-height:20px;
	z-index:11;
	font-family:'Raleway',sans-serif;
	display:none;
}

.Identifier{
	position:absolute;
	left:-48px;
	top:-55px;
	width:82px;
	height:100px;
 	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg); 
	z-index:200;
	margin-bottom:5px;
}

.IdentifierNumber{
 	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg); 
	position:absolute;
	left:75px;
	top:3px;
	width:82px;
	height:100px;
	font-family:'Raleway',sans-serif;
	font-weight:bold;
}

.AddCircles{
	border:1px solid #C3D4E1; 
	position:relative;
	top:10px;
	left:10px;
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	width:60px;
	height:60px;
	line-height:60px;
	float:left;
	text-align:center;
	font-family:'Raleway',sans-serif;
	font-size:300%;
}

.Bar{
	position:relative; 
	opacity:0; 
	left:0px; 
	top:0px; 
	width: calc(100% - 12px); 
	height:30px; 
	float:left; 
	margin-top:10px; 
	margin-bottom:10px;
	line-height:30px;
	font-family:'Raleway',sans-serif;
	padding-left:10px;
	font-size:20px;
}

/******************************* ACOUNTS FINANCE *************************************/ 
.AccountsFinanceBrandLogos{
	background-image:url(../../images08/logos/AccountsFinanceLogos.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.AccountsFinanceBrandSmallLogo{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	opacity: 0.0;
	
	transition: opacity 0.3s ease-in-out;
    	-moz-transition: opacity 0.3s ease-in-out;
    	-webkit-transition: opacity 0.3s ease-in-out;
}

.AccountsFinanceBrandSmallLogoON{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	
	opacity: 1.0;
    	transition: opacity .55s ease-in-out;
    	-moz-transition: opacity .55s ease-in-out;
    	-webkit-transition: opacity .55s ease-in-out;
}

.AccountsFinanceBrandSmallLogoTopLeft{
	background-size: 66px;
	float:left; 
	position:relative; 
	left:65px; 
	width:127px; 
	height:100px; 
	margin-right:2px; 
	font-size:400%; 
	top:14px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg);
		
	background-image:url(../../images08/logos/AccountsFinanceLogos.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
}

/******************************* BANKING *************************************/ 
.BankingBrandLogos{
	background-image:url(../../images08/logos/BankingLogos.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.BankingBrandSmallLogo{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	opacity: 0.0;
	
	transition: opacity 0.3s ease-in-out;
    	-moz-transition: opacity 0.3s ease-in-out;
    	-webkit-transition: opacity 0.3s ease-in-out;
}

.BankingBrandSmallLogoON{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	
	opacity: 1.0;
    	transition: opacity .55s ease-in-out;
    	-moz-transition: opacity .55s ease-in-out;
    	-webkit-transition: opacity .55s ease-in-out;
}

.BankingBrandSmallLogoTopLeft{
	background-size: 66px;
	float:left; 
	position:relative; 
	left:65px; 
	width:127px; 
	height:100px; 
	margin-right:2px; 
	font-size:400%; 
	top:14px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg);
		
	background-image:url(../../images08/logos/BankingLogos.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
}

/******************************* ELECTRICITY *************************************/ 
.ElectricityBrandLogos{
	background-image:url(../../images08/logos/ElectricityLogos.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.ElectricityBrandSmallLogo{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	opacity: 0.0;
	
	transition: opacity 0.3s ease-in-out;
    	-moz-transition: opacity 0.3s ease-in-out;
    	-webkit-transition: opacity 0.3s ease-in-out;
}

.ElectricityBrandSmallLogoON{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	
	opacity: 1.0;
    	transition: opacity .55s ease-in-out;
    	-moz-transition: opacity .55s ease-in-out;
    	-webkit-transition: opacity .55s ease-in-out;
}

.ElectricityBrandSmallLogoTopLeft{
	background-size: 66px;
	float:left; 
	position:relative; 
	left:65px; 
	width:127px; 
	height:100px; 
	margin-right:2px; 
	font-size:400%; 
	top:14px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg);
		
	background-image:url(../../images08/logos/ElectricityLogos.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
}
/******************************* WATER *************************************/ 
.WaterBrandLogos{
	background-image:url(../../images08/logos/WaterLogos.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.WaterBrandSmallLogo{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	opacity: 0.0;
	
	transition: opacity 0.3s ease-in-out;
    	-moz-transition: opacity 0.3s ease-in-out;
    	-webkit-transition: opacity 0.3s ease-in-out;
}

.WaterBrandSmallLogoON{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	
	opacity: 1.0;
    	transition: opacity .55s ease-in-out;
    	-moz-transition: opacity .55s ease-in-out;
    	-webkit-transition: opacity .55s ease-in-out;
}

.WaterBrandSmallLogoTopLeft{
	background-size: 66px;
	float:left; 
	position:relative; 
	left:65px; 
	width:127px; 
	height:100px; 
	margin-right:2px; 
	font-size:400%; 
	top:14px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg);
		
	background-image:url(../../images08/logos/WaterLogos.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
}

/******************************* INSURANCE *************************************/ 
.InsuranceBrandLogos{
	background-image:url(../../images08/logos/InsuranceLogos.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.InsuranceBrandSmallLogo{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	opacity: 0.0;
	
	transition: opacity 0.3s ease-in-out;
    	-moz-transition: opacity 0.3s ease-in-out;
    	-webkit-transition: opacity 0.3s ease-in-out;
}

.InsuranceBrandSmallLogoON{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	
	opacity: 1.0;
    	transition: opacity .55s ease-in-out;
    	-moz-transition: opacity .55s ease-in-out;
    	-webkit-transition: opacity .55s ease-in-out;
}

.InsuranceBrandSmallLogoTopLeft{
	background-size: 66px;
	float:left; 
	position:relative; 
	left:65px; 
	width:127px; 
	height:100px; 
	margin-right:2px; 
	font-size:400%; 
	top:14px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg);
		
	background-image:url(../../images08/logos/InsuranceLogos.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
}

/******************************* ESTATE AGENT *************************************/ 
.EstateAgentBrandLogos{
	background-image:url(../../images08/logos/EstateAgentLogos.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.EstateAgentBrandSmallLogo{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	opacity: 0.0;
	
	transition: opacity 0.3s ease-in-out;
    	-moz-transition: opacity 0.3s ease-in-out;
    	-webkit-transition: opacity 0.3s ease-in-out;
}

.EstateAgentBrandSmallLogoON{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	
	opacity: 1.0;
    	transition: opacity .55s ease-in-out;
    	-moz-transition: opacity .55s ease-in-out;
    	-webkit-transition: opacity .55s ease-in-out;
}

.EstateAgentBrandSmallLogoTopLeft{
	background-size: 66px;
	float:left; 
	position:relative; 
	left:65px; 
	width:127px; 
	height:100px; 
	margin-right:2px; 
	font-size:400%; 
	top:14px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg);
		
	background-image:url(../../images08/logos/EstateAgentLogos.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
}

/******************************* GAS OIL *************************************/ 
.GasOilBrandLogos{
	background-image:url(../../images08/logos/GasOilLogos.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.GasOilBrandSmallLogo{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	opacity: 0.0;
	
	transition: opacity 0.3s ease-in-out;
    	-moz-transition: opacity 0.3s ease-in-out;
    	-webkit-transition: opacity 0.3s ease-in-out;
}

.GasOilBrandSmallLogoON{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	
	opacity: 1.0;
    	transition: opacity .55s ease-in-out;
    	-moz-transition: opacity .55s ease-in-out;
    	-webkit-transition: opacity .55s ease-in-out;
}

.GasOilBrandSmallLogoTopLeft{
	background-size: 66px;
	float:left; 
	position:relative; 
	left:65px; 
	width:127px; 
	height:100px; 
	margin-right:2px; 
	font-size:400%; 
	top:14px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg);
		
	background-image:url(../../images08/logos/GasOilLogos.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
}
/******************************* JOBS *************************************/ 
.JobsBrandLogos{
	background-image:url(../../images08/logos/JobsLogos.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.JobsBrandSmallLogo{
	background-size: 100px;
	position:absolute; 
	right:-93px;  
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	opacity: 0.0;
	
	transition: opacity 0.3s ease-in-out;
    	-moz-transition: opacity 0.3s ease-in-out;
    	-webkit-transition: opacity 0.3s ease-in-out;
}

.JobsBrandSmallLogoON{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	
	opacity: 1.0;
    	transition: opacity .55s ease-in-out;
    	-moz-transition: opacity .55s ease-in-out;
    	-webkit-transition: opacity .55s ease-in-out;
}

.JobsBrandSmallLogoTopLeft{
	background-size: 66px;
	float:left; 
	position:relative; 
	left:65px; 
	width:127px; 
	height:100px; 
	margin-right:2px; 
	font-size:400%; 
	top:14px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg);
		
	background-image:url(../../images08/logos/JobsLogos.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
}
/******************************* BROADBAND *************************************/ 
.BroadbandBrandLogos{
	background-image:url(../../images08/logos/BroadbandLogos.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.BroadbandBrandSmallLogo{
	background-size: 100px;
	position:absolute; 
	right:-93px;  
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	opacity: 0.0;
	
	transition: opacity 0.3s ease-in-out;
    	-moz-transition: opacity 0.3s ease-in-out;
    	-webkit-transition: opacity 0.3s ease-in-out;
}

.BroadbandBrandSmallLogoON{
	background-size: 100px;
	position:absolute; 
	right:-93px; 
	width:300px; 
	height:100px; 
	top:-10px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg);
	border-bottom:2px solid #e0e4bb;
	z-index:-1;
	background-color:#ffffff;
	
	opacity: 1.0;
    	transition: opacity .55s ease-in-out;
    	-moz-transition: opacity .55s ease-in-out;
    	-webkit-transition: opacity .55s ease-in-out;
}

.BroadbandBrandSmallLogoTopLeft{
	background-size: 66px;
	float:left; 
	position:relative; 
	left:65px; 
	width:127px; 
	height:100px; 
	margin-right:2px; 
	font-size:400%; 
	top:14px;
	color:#0d79e2;
	pointer-events: none;
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	transform: rotate(-45deg);
		
	background-image:url(../../images08/logos/BroadbandLogos.png);
	background-position:20px 20px;
	background-repeat:no-repeat;
}
/********************************************************************************/
.TAB_SECTIONAdvert{
	position:relative; 
	float:left; 
	width:100%; 
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px dashed #c3d4e1; 
	top:5px;
}

.TABSubHeading{
	color: #000000;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
	font-family: 'Raleway', sans-serif;
	border-bottom:2px dotted #c3d4e1;
}
.TABMainHeading{
	position:relative; 
	left:45px; 
	width:calc(100% - 200px);
	color:#0d79e2;
	top:5px;
	font-weight:bold;
	font-size:1.5em;
	font-family: 'Raleway', sans-serif;
}
.TABSubHeading2{
	color: #000000;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:2px dotted #c3d4e1;
	text-align:right;
	position:relative;
	top:0px;
	left:0px;
	width:60%;
	height:auto;
}
.TABSubHeading3{
	font-size:100%;
	color:#0b46eb;
	margin-left:15px;
	position:relative;
	top:5px;
}

.TABSubHeadingAdvert{
	font-size:1.2em;
}

.BigBox{
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.BigBox2{
	-webkit-transition: all 1.2s ease-in-out;
 	-moz-transition: all 1.2s ease-in-out;
  	transition: all 1.2s ease-in-out;
}
.SEARCHBarOFF{
	position:relative;
	background-color:#ffffff;
	border-bottom:1px solid #C3D4E1; 
	padding:5px;
	cursor:default;
	height:22px;
	overflow:hidden;
}
.SEARCHBarON{
	position:relative;
	background-color:#0062af;
	color:#ffffff;
	border-bottom:1px solid #C3D4E1; 
	padding:5px;
	cursor:pointer;
	height:55px;
	overflow:hidden;
}
@media only screen and (min-width: 50px) and (max-width:640px){
	.TheAdverts{
		position:absolute;
		left:0px;
		top:240px;
		right:0px;
		bottom:0px;
		background-color:#ffffff;
		cursor:default;	
		overflow:hidden;
		z-index:-1;
	}
	.BarBox{
		position:absolute;
		left:0px;
		top:240px;
		width:242px;
		bottom:0px;
		background-color:#ffffff;
		cursor:default;	
		opacity:0;
		z-index:-2;
	}
	.CircleHOLDER{
		position:absolute;
		top:0px; 
		right:0px; 
		left:0px; 
		z-index:2; 
	}
	.TAB_HTMLTags{
		position:absolute; 
		left:0px; 
		right:2px; 
		padding:5px; 
		top:2px; 
		bottom:50%; 
		overflow-X:hidden; 
		overflow-Y:auto; 
		background-color:transparent; 
		color:#000000; 
		font-family:'Raleway',sans-serif; 
		font-weight:bold;
		-webkit-overflow-scrolling: touch;
		font-size:120%;
	}
	
	.TAB_NON_HTMLTags{
		position:absolute; 
		left:0%; 
		right:2px; 
		padding:5px; 
		top:50%; 
		bottom:2px; 
		overflow-X:hidden; 
		overflow-Y:auto; 
		background-color:transparent;	
		color:#0d79e2; 
		font-family:'Raleway',sans-serif; 
		font-weight:bold;
		font-size:120%;
	}
	.Headings{
		font-size:90%;
		cursor:default;
	}
	.LoggedInLabel{
		font-size:13px;
	}
	.LogMeIn{
		position:relative; 
		top:-11px; 
		left:6px;
	}
	.LogMeInCheckbox{
		position:absolute; 
		left:71px; 
		top:6px; 
		height:40px; 
		width:40px; 
		background-color:#ffffff; 
		border:1px solid #C3D4E1; z-index:1;
	}	
}

@media only screen and (min-width: 641px) and (max-width:4000px){
	.TheAdverts{
		position:absolute;
		left:244px;
		top:0px;
		right:0px;
		bottom:0px;
		background-color:#ffffff;
		cursor:default;	
		overflow:hidden;
		z-index:-1;
	}
	.BarBox{
		position:absolute;
		left:0px;
		top:240px;
		width:242px;
		bottom:0px;
		background-color:#ffffff;
		cursor:default;	
		opacity:1;
		z-index:-2;
	}
	.CircleHOLDER{
		position:absolute;
		top:240px; 
		right:0px; 
		left:0px; 
		z-index:2; 
	}
	.TAB_HTMLTags{
		position:absolute; 
		left:0px; 
		right:50%; 
		padding:5px; 
		top:2px; 
		bottom:2px; 
		overflow-X:hidden; 
		overflow-Y:auto; 
		background-color:transparent; 
		color:#000000; 
		font-family:'Raleway',sans-serif; 
		font-weight:bold;
		font-size:120%;
	}
	
	.TAB_NON_HTMLTags{
		position:absolute; 
		left:50%; 
		right:2px; 
		padding:5px; 
		top:2px; 
		bottom:2px; 
		overflow-X:hidden; 
		overflow-Y:auto; 
		background-color:transparent;	
		color:#0d79e2; 
		font-family:'Raleway',sans-serif; 
		font-weight:bold;
		font-size:120%;
	}
	
	.Headings{
		font-size:110%;
		cursor:default;
	}
	.LoggedInLabel{
		font-size:15px;
	}
	.LogMeIn{
		position:relative; 
		top:-11px; 
		left:6px;
	}
	.LogMeInCheckbox{
		position:absolute; 
		left:53px; 
		top:6px; 
		height:40px; 
		width:40px; 
		background-color:#ffffff; 
		border:1px solid #C3D4E1; z-index:1;
	}	
}
	.SingleAdvertHOLDER{
		position:relative;
		left:0px;
		top:0px;
		width:100%;
		overflow:hidden;
	}
	.TABGLOBALAdvertsWordsHOLDER{
		position:absolute; 
		top:201px; 
		left:0px; 
		right:3px; 
		bottom:0px; 
	}
	


.IdentifierOriginalWhite{
	position:absolute;
	left:-75px;
	top:-75px;
	width:150px;
	height:150px;
 	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	transform: rotate(45deg); 
	z-index:200;
	margin-bottom:5px;
	background-color:#ffffff;
	overflow:hidden;
}

.WeblinkVenuesTopRightPANELON{
	position:relative; 
	top:-48px; 
	left:64px; 
	height:64px;
	overflow:hidden;
	color:#0062af;
	cursor:pointer;
	border:1px solid #C3D4E1;
	width:48px;
	height:48px;
	border-radius:50%;
	float:left;
	background-image:url(../../images08/WebLinkEmailLink.svg);  
	background-size:100%; 
	background-position:50% -206px;
}

.BackButton{
	position:fixed; 
	right:12px; 
	bottom:6px;
	height:77px; 
	z-index:1000; 
	font-size:500%; 
	opacity:0; 
	color:#0062af;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.OfferLayerHolders{
	border-bottom:1px solid #C3D4E1;
    	height:14px;
    	margin-bottom:14px;
}

.OdirectCirclesHOLDER{
	position:relative;
	left:0px;
	top:0px;
	float:left;
	width:100%;
	height:7.14%;
}
	
.OdirectCircles{
	position:absolute;
	left:0%;
	top:0%;
	right:0%;
	bottom:0%;
	text-align:center;
	font-size:150%;
	cursor:pointer;
	line-height:40px;
	font-family:'Raleway',sans-serif; 
	z-index:10;
	overflow:hidden;
}

.OdirectCircles{
	position:absolute;
	left:0%;
	top:0%;
	right:0%;
	bottom:0%;
	text-align:center;
	font-size:150%;
	cursor:pointer;
	line-height:40px;
	font-family:'Raleway',sans-serif; 
	z-index:10;
	overflow:hidden;
}

.GreyBox{
	position:relative;
	float:left;
	border:1px solid #C3D4E1;
	padding:5px;
	height:auto;
	width:calc(100% - 22px);
	margin:5px;
	line-height:40px;
	font-size:140%;
	font-family:'Raleway',sans-serif; 
	color:#000000;
}

.QA{
	font-weight:bold;
	color:#000000;
	font-size:100%;
}

.QAB{
	font-weight:bold;
	color:#E82320;
	font-size:100%;
}
.CookieHOLDER{
	position:fixed; 
	top:0px; 
	left:-110%; 
	right:110%;  
	bottom:0px; 
	background-color:#fffffff2; 
	z-index:10000; 
	font-family: 'Raleway', sans-serif; 
	font-size:100%;
}
/*************************************************************************************/
input[type=checkbox].css-checkbox2 + label.css-label {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	height:35px;
	padding-left:45px;
	padding-top:22px;
	position:absolute;
	left:4px;
	top:5px;
}

.CheckboxGreenTick40 {
	background-image: url(../../images08/CheckboxTick40NoBorder.svg);
}

input[type=checkbox].css-checkbox2:checked + label.css-label {
	background-position: 0px -40px;
}

.css-checkbox2{
	visibility:hidden;
	width:40px; 
	height:40px;
}
/*************************************************************************************/		
-->
</style>