Code Injection dibbled CSS

Site URL: https://www.pcr-global.com

I've set up SentryLogin using the method they provided (footer code injection) but this has knocked out all of the Custom CSS on the site - custom bullet points, clickable images fading when hovered on etc.

Can anybody please, please help trouble shoot this? 

Can you post  the SentryLogin code you used here?

}<!-- BEGIN SENTRY AJAX LOGIN FORM - "Flat and Fresh" version 1.5 (Squarespace Menu Version 2015) - Member Login Code Copyright © Sentrylogin.com, Shawn, Co. https://www.sentrylogin.com --> 

<script>


     document.body.innerHTML = document.body.innerHTML.replace(/NewSentryNavMenuLocator/g, '<span class="SentrySquareMenu">placeholder</span>');



     // User Icon Setting (may be set to BLACK, WHITE or NONE):

     iconSetting = "WHITE";


elems = document.querySelectorAll("span.SentrySquareMenu");
  str1 = "There are " + elems.length + " instances of your item."
  str2 = elems[0].outerHTML;
  //alert(str1 + " " + str2);
  
  if (iconSetting == "BLACK"){
     iconDr = '<img src=\"https://www.sentrylogin.com/sentry/images/icon_loginDoor.png\" align=\"absmiddle\" alt=\"Member Login\">';
  
     iconHmbrg = '<img src=\"https://www.sentrylogin.com/sentry/images/icon_hamburger_black.png\" align=\"absmiddle\" alt=\"Member Area\">';
  }
  else if (iconSetting == "WHITE"){
     iconDr = '<img src=\"https://www.sentrylogin.com/sentry/images/icon_loginDoor_white.png\" align=\"absmiddle\" alt=\"Member Login\">';
  
     iconHmbrg = '<img src=\"https://www.sentrylogin.com/sentry/images/icon_hamburger_white.png\" align=\"absmiddle\" alt=\"Member Area\">';
  }
  else{
     // Wants no icons
     iconDr = '';
     iconHmbrg = '';
  }
  
  str = '<span class=\"SentrySquareMenu\" onClick=\"SentryPopUp();\" style=\"white-space: nowrap;\">Log In ' + iconDr + '</span>';
  
  str = str + '<span class=\"handCursor SentryHello\" style=\"display: none; white-space: nowrap;\"> <span onclick=\"SentryPopUp(1);\" title=\"Click to enter the member area, make changes to your membership, and more.\">Hi, <span class=\"helloName\">(First Name)</span> ' + iconHmbrg + '</span> | <span onclick=\"LogOut();\" style=\"padding-left: 3px;\">Log Out</span></span>';
  
  for (i = 0; i < elems.length; i++) { 
     elems[i].outerHTML = str;
  
  } 
  
  elem2 = document.querySelectorAll("span.SentrySquareMenu");
  for (i = 0; i < elem2.length; i++) { 
      elem2[i].parentNode.href = 'javascript:\;';
      elem2[i].parentNode.parentNode.href = 'javascript:\;';
  }

  </script>

<meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
  <meta http-equiv="PRAGMA" content="NO-CACHE"> 
  <link rel="stylesheet" type="text/css" href="https://www.sentrylogin.com/sentry/scripts/CSS_flat_Kady.css"> 
  
  <script type="text/javascript" src="https://www.sentrylogin.com/sentry/scripts/Sentry_SquareMenu.js">
  </script> 
<div id="Settings" manner="NORMAL" showSignUp="YES" style="display:none;"></div>

<div id="SentryOverlay">



<div id="SentryOutermost" class="before">

<div id="SentryLoginBox" style="background-color: #335372;border-radius: 4px;">

<div id="SentryTitleBar" style="background-color: #335372;border-top-left-radius: 4px; border-top-right-radius: 4px;">

<div id="iconKey" style=""> </div>

<div id="Title" style="color: White;font-family: Paralucent;font-size: 24px;">MEMBER LOGIN</div> 

<div id="Welcome" style="color: White;font-family: Paralucent;font-size: 24px;">Welcome, <span id="welcomeBarName">(First Name)</span>!</div> </div>

<div id="SentryFormGroup"> <form name="Sentry_login_form" onSubmit="sentryLogin();">

<div id="SentryInputGroup" style="height: 79px; width: 282px; border-radius: 7px; border-color: #FFFFFF; background-color: #335372;">

<div id="iconEmail"> </div> <input type="text" id="Sentry_email" onFocus="Sentry_onfocus(this.id);" onKeyDown="Sentry_onkeydown(event, this.id);" onKeyUp="Sentry_onkeyup(this.value, this.id, event);" onBlur="Sentry_onblur(this.value, this.id);" value="E-mail Address" tabindex="1" style="height: 38px; font-weight: normal;  border-top-right-radius: 6px;background-color: #EDEDF1;font-family: Paralucent;font-size: 15px;color: Gray;">

<hr class="SentryClear" id="inputsSep" style=" background-color: #FFFFFF;  display: block;">

<div id="iconPassword"> </div> <div id="iconShowPassword"> </div> <input type="text" id="Sentry_password" onFocus="Sentry_onfocus(this.id);" onKeyDown="Sentry_onkeydown(event, this.id);" onKeyUp="Sentry_onkeyup(this.value, this.id, event);" onBlur="Sentry_onblur(this.value, this.id);" value="Password" tabindex="2" style="height: 38px; font-weight: normal;  border-bottom-right-radius: 6px;background-color: #EDEDF1;font-family: Paralucent;font-size: 15px;color: Gray;"> </div>

<span id="forgotSpan" onClick="Sentry_onClick(this.id);" lnk="https://www.sentrylogin.com/sentry/sentry_remind_pw.asp?Sentry_ID=23941" tabindex="0" style="font-family: Paralucent;font-size: 13px; color: #FFFFFF;">Forgot?</span> 

<input type="checkbox" id="unHide" style="height:0px; width:0px; margin:0px; display: none;" value="1"><span id="unHideSpan" onClick="Sentry_onClick(this.id);" class="handCursor" title="Do not reveal password in public" tabindex="0" style="font-family: Paralucent;font-size: 13px;color: #FFFFFF; ">Show</span> <span id="Stay" onKeyDown="Sentry_onkeydown(event, this.id);" onKeyUp="Sentry_onkeyup(this.value, this.id, event);" tabindex="3">

<input name="" type="checkbox" value="" id="psist" class="SentryCss-checkbox"><label id="psistLabel" for="psist" class="SentryCss-label" style="font-weight: normal; font-family: Paralucent;font-size: 13px;color: #FFFFFF; ">Stay Logged In</label></span>

<div class="SentryLoginButton" id="Sentry_button" onClick="Sentry_onClick(this.id);" onKeyDown="Sentry_onkeydown(event, this.id);" onKeyUp="Sentry_onkeyup(this.value, this.id, event);" onblur="Sentry_onblur(this.value, this.id);" tabindex="4" style="border-radius: 4px;"><span id="lgnBtnText" style="font-family: Paralucent;font-size: 18px;">Log In</span></div> 
</form> </div> 

<style>
 .SentryLoginButton {

	background-color: #EDEDF1;

	color: #335372;
	
 }
 .SentryLoginButton:hover {

   	background-color: #FFFFFF;

   	color: #335372;

}
</style>

<div id="SentryHelloGroup">



<div id="EnterMember" onClick="Sentry_onClick(this.id);" style="font-family: Paralucent;font-size: 16px;color: #FFFFFF; ">Enter Member Area</div>



<div id="messages" style="display: none; font-family: Paralucent;font-size: 16px;color: #FFFFFF; "> <span id="msgSpan">(Message automatically replaces this text)</span>

<div class="SentryLoginButton" id="msgOkBtn" onClick="Sentry_onClick(this.id);" onKeyDown="Sentry_onkeydown(event, this.id);" onKeyUp="Sentry_onkeyup(this.value, this.id, event);" tabindex="4" style="border-radius: 4px;"><span id="msgOkBtnText" style="font-family: Paralucent;font-size: 22px;">OK</span></div> 
</div>

<div id="wobbler"> </div> </div>

<div id="SentryFooterBar">



<div id="iconProfile"> </div><span id="myProfile" onClick="Sentry_onClick(this.id);" style="font-family: Paralucent;font-size: 16px;color: #FFFFFF;">My Profile</span>



<span id="signUpLnk" onClick="Sentry_onClick(this.id);" style="font-family: Paralucent;font-size: 16px;color: #FFFFFF;">Not a member? Sign up.</span>

<span id="txtLogOut" onClick="LogOut();" style="font-family: Paralucent;font-size: 16px;color: #FFFFFF;">Log Out</span><div id="xout" onClick="Sentry_onClick(this.id);" title="Close"> </div> </div> </div> </div> 

</div> 

<input id="Sentry_ID" type="hidden" value="23941"> 

<input id="univ" type="hidden" value="1">
 
<script> initializeSentry(); </script>

<!-- END SENTRY AJAX LOGIN FORM -->

Thank you