/* ------------------------------------------- */
/* ------------- PHONE MENU TOGGLE ----------- */

#jtjPhoneMenuToggle {
  position: relative;
  margin: 0; border: 0; padding: 10px;
  cursor: pointer;
}
#jtjPhoneMenuToggle > div { /* Sandwich/Menu Icon */
  display: block;
  width: 27px;
  margin: 0; border: 0; padding: 0;
}
#jtjPhoneMenuToggle > div > div {
  display: block;
  margin: 0; border: 0; padding: 2px;
}
#jtjPhoneMenuToggle > div > div > hr {
  display: block;
  height: 5px; width: 23px;
  margin: 0; border: 0; padding: 0;
}

/* ------------------------------------------- */
/* -------------- PHONE STYLING ------------ */

/* Format: Visibility, Position, Size, Spacing, Attributes */

#jtjPhoneMenu { /* */
  position: relative; top: 0px; left: 0px;
  width: 100%; height: auto;
  margin: 0px; border-width: 0px; padding: 0px;
  background-color: transparent;
  background-image: none;
}
#jtjPhoneMenu ul { /* */
  display: block;
  position: relative;
  margin: 0px; border-width: 0px; padding: 0px;
  list-style-type: none;
}
#jtjPhoneMenu li { /* */
  display: block;
  position: relative;
  margin: 0px; border-width: 0px; padding: 0px;
}
#jtjPhoneMenu li > div, #jtjPhoneMenu li > div > div { /* */
  display: block;
  position: relative;
  width: auto; height: 33px;
  margin: 0px; border-width: 0px; padding: 0px;
  border-bottom-width: 1px; border-style: solid;
  text-align: left;
}

/* Sub menu item and sub menu header texts */
#jtjPhoneMenu li > div > p, #jtjPhoneMenu li > div > div > p {
  display: block;
  position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0px;
  width: auto;
  margin: 0px; border-width: 0px; padding: 0px; padding-left: 10px; padding-right: 10px;
  font-size: 18px; line-height: 1.1; font-weight: 400;
  white-space: nowrap;
}

/* Sub menu headers */
#jtjPhoneMenu div > div {
  display: block;
  position: relative; top: 0px;  float: left;
  margin: 0px; border-width: 0px; padding: 0px;
  width: auto; height: 100%;
}

/* Sub menu header texts */
#jtjPhoneMenu div > div > p {
  cursor: pointer;
  display: block;
  position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0px;
  margin: 0px; border-width: 0px; padding: 0px; padding-left: 10px; padding-right: 10px;
  width: auto; height: auto;
  font-size: 18px; line-height: 1.1; font-weight: 400;
}

/* -------------- PHONE COLOURS ------------ */

#jtjPhoneMenuToggle {background-color: #425e9d;}
#jtjPhoneMenuToggle > div {background-color: white;}
#jtjPhoneMenuToggle > div:hover {background-color: #e369be;}
#jtjPhoneMenuToggle > div > div > hr {background-color: #5db344;}

/* */
#jtjPhoneMenu {background-color: transparent;}

/* Phone Top level menu items */
#jtjPhoneMenu > ul > li > div {background-color: transparent;}
#jtjPhoneMenu > ul > li > div:hover {background-color: transparent;}
#jtjPhoneMenu > ul > li > div > div {background-color: transparent;}
#jtjPhoneMenu > ul > li > div > div:hover {background-color: transparent;}
#jtjPhoneMenu > ul > li > div > p {color: black;}
#jtjPhoneMenu > ul > li > div > p:hover {color:  #425e9d;}
#jtjPhoneMenu > ul > li > div > div > p {color: black;}
#jtjPhoneMenu > ul > li > div > div > p:hover {color:  #425e9d;}

/* Phone sub level 1 menu items */
#jtjPhoneMenu > ul > li > ul > li > div {
  background-color: transparent;
  background-image: url("/images/menu1.bg.60percent.png");
  background-repeat: repeat;
}
#jtjPhoneMenu > ul > li > ul > li > div:hover {background-image: url("/images/menu1.bg.100percent.png");}
#jtjPhoneMenu > ul > li > ul > li > div > p {color: white;}
#jtjPhoneMenu > ul > li > ul > li > div > p:hover {color:  black;}
#jtjPhoneMenu > ul > li > ul > li > div > div > p {color: white;}
#jtjPhoneMenu > ul > li > ul > li > div > div > p:hover {color:  black;}

/* Phone sub level 2 menu items */
#jtjPhoneMenu > ul > li > ul > li > ul > li > div {
  background-color: transparent;
  background-image: url("/images/menu2.bg.60percent.png");
  background-repeat: repeat;
}
#jtjPhoneMenu > ul > li > ul > li > ul > li > div:hover {background-image: url("/images/menu2.bg.100percent.png");}
#jtjPhoneMenu > ul > li > ul > li > ul > li > div > p {color: white;}
#jtjPhoneMenu > ul > li > ul > li > ul > li > div > p:hover {color:  black;}
#jtjPhoneMenu > ul > li > ul > li > ul > li > div > div > p {color: white;}
#jtjPhoneMenu > ul > li > ul > li > ul > li > div > div > p:hover {color:  black;}

/* Phone sub level 3 menu items */
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > div {
  background-color: transparent;
  background-image: url("/images/menu3.bg.60percent.png");
  background-repeat: repeat;
}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > div:hover {background-image: url("/images/menu3.bg.100percent.png");}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > div > p {color: white;}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > div > p:hover {color:  black;}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > div > div > p {color: white;}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > div > div > p:hover {color:  black;}

/* Phone sub level 4 menu items */
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > ul > li > div {
  background-color: transparent;
  background-image: url("/images/menu4.bg.60percent.png");
  background-repeat: repeat;
}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > ul > li > div:hover {background-image: url("/images/menu4.bg.100percent.png");}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > ul > li > div > p {color: white;}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > ul > li > div > p:hover {color:  black;}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > ul > li > div > div > p {color: white;}
#jtjPhoneMenu > ul > li > ul > li > ul > li > ul > li > ul > li > div > div > p:hover {color:  black;}

/* All Phone anchors */
#jtjPhoneMenu a {color: inherit; text-decoration: none;}
#jtjPhoneMenu a:hover {color: inherit;}

/* -------------- PHONE FONTS ------------ */

#jtjPhoneMenu p {font-family: sans-serif;}

/* -------------- PHONE BORDERS ------------ */

#jtjPhoneMenu li > div, #jtjPhoneMenu li > div > div {border-color: transparent;}

/* ------------------------------------------- */
/* -------------- DESKTOP STYLING ------------ */

/* Format: Visibility, Position, Size, Spacing, Attributes */

#jtjDesktopMenu { /* */
  position: relative; float: right;
  width: auto;  height: 33px;
  margin: 0px; border-width: 0px; padding: 0px;
}
#jtjDesktopMenuL1DIVs { /* */
  display: block;
  position: relative; top: 0px; left: 0px;
  width: auto; height: 100%;
  margin: 0px; border-width: 0px; padding: 0px;
}

/* Top level menu items first DIV */
#jtjDesktopMenuL1DIVs > div {
  display: block;
  position: relative; float: left;
  margin: 0px; border-width: 0px; padding: 0px;
  margin-left: 1px; margin-right: 1px;
  width: auto; height: 100%;
  text-align: center;
  overflow: hidden;
}

/* Top level menu items second DIV */
#jtjDesktopMenuL1DIVs > div > div {
  display: block;
  position: relative; top: 0px;  float: left;
  margin: 0px; border-width: 0px; padding: 0px;
  width: auto; height: 100%;
}
#jtjDesktopMenuL1DIVs > div > div > p { /* top level menu headers text */
  cursor: pointer;
  display: block;
  position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0px;
  margin: 0px; border-width: 0px; padding: 0px; padding-left: 5px; padding-right: 5px;
  width: auto; height: auto;
  font-size: 17px; line-height: 1.1; font-weight: 500;
  white-space: nowrap; /* optional */
}
#jtjDesktopMenuL2DIVs { /* */
  display: block;
  position: relative; top: 25px; left: 0px;
  width: auto; height: auto;
  margin: 0px; border-width: 0px; padding: 0px;
  background-color: transparent;
  background-image: none;
}
#jtjDesktopMenuL2DIVs > div { /* */
  display: block;
  position: absolute; top: 0px; left: 0px;
  width: auto;
  margin: 0px; border-width: 0px; padding: 0px;
  text-align: left;
}
#jtjDesktopMenuL2DIVs ul { /* */
  display: none;
  position: relative;
  margin: 0px; border-width: 0px; padding: 0px;
  list-style-type: none;
}
#jtjDesktopMenuL2DIVs li { /* */
  display: block;
  position: relative;
  margin: 0px; border-width: 0px; padding: 0px;
}
#jtjDesktopMenuL2DIVs li > div, #jtjDesktopMenuL2DIVs li > div > div { /* */
  position: relative;
  width: auto; height: 33px;
  margin: 0px; border-width: 0px; padding: 0px;
  border-bottom-width: 1px; border-style: solid;
  text-align: left;
}
#jtjDesktopMenuL2DIVs li > div > p, #jtjDesktopMenuL2DIVs li > div > div > p { /* sub menu and sub sub menu items */
  position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0px;
  width: auto;
  margin: 0px; border-width: 0px; padding: 0px; padding-left: 10px; padding-right: 10px;
  font-size: 17px; line-height: 1.1; font-weight: 500;
  white-space: nowrap;
}
#jtjDesktopMenuL2DIVs div > div { /* sub sub menu headers */
  display: block;
  position: relative; top: 0px;  float: left;
  margin: 0px; border-width: 0px; padding: 0px;
  width: auto; height: 100%;
}
#jtjDesktopMenuL2DIVs div > div > p { /* sub menu headers text */
  cursor: pointer;
  display: block;
  position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0px;
  margin: 0px; border-width: 0px; padding: 0px; padding-left: 10px; padding-right: 5px;
  width: auto; height: auto;
  font-size: 17px; line-height: 1.1; font-weight: 500;
}

/* -------------- DESKTOP COLOURS ------------ */

/* */
#jtjDesktopMenu {background-color: transparent;}

/* */
#jtjDesktopMenuL1DIVs {background-color: transparent;}

/* Desktop Top level menu items */
#jtjDesktopMenuL1DIVs > div {background-color: transparent;}
#jtjDesktopMenuL1DIVs > div:hover {background-color: transparent;}
#jtjDesktopMenuL1DIVs > div > div > p {color: black;}
#jtjDesktopMenuL1DIVs > div > div > p:hover {color: #425e9d;}

/* Desktop sub level 1 menu items */
#jtjDesktopMenuL2DIVs > div > ul > li > div {
  background-color: transparent;
  background-image: url("/images/menu1.bg.60percent.png");
  background-repeat: repeat;
}
#jtjDesktopMenuL2DIVs > div > ul > li > div:hover {background-image: url("/images/menu1.bg.100percent.png");}
#jtjDesktopMenuL2DIVs > div > ul > li > div > p {color: white;}
#jtjDesktopMenuL2DIVs > div > ul > li > div > p:hover {color:  black;}
#jtjDesktopMenuL2DIVs > div > ul > li > div > div > p {color: white;}
#jtjDesktopMenuL2DIVs > div > ul > li > div > div > p:hover {color:  black;}

/* Desktop sub level 2 menu items */
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > div {
  background-color: transparent;
  background-image: url("/images/menu2.bg.60percent.png");
  background-repeat: repeat;
}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > div:hover {background-image: url("/images/menu2.bg.100percent.png");}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > div > p {color: white;}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > div > p:hover {color:  black;}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > div > div > p {color: white;}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > div > div > p:hover {color:  black;}

/* Desktop sub level 3 menu items */
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > div {
  background-color: transparent;
  background-image: url("/images/menu3.bg.60percent.png");
  background-repeat: repeat;
}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > div:hover {background-image: url("/images/menu3.bg.100percent.png");}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > div > p {color: white;}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > div > p:hover {color:  black;}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > div > div > p {color: white;}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > div > div > p:hover {color:  black;}

/* Desktop sub level 4 menu items */
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > ul > li > div {
  background-color: transparent;
  background-image: url("/images/menu4.bg.60percent.png");
  background-repeat: repeat;
}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > ul > li > div:hover {background-image: url("/images/menu4.bg.100percent.png");}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > ul > li > div > p {color: white;}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > ul > li > div > p:hover {color:  black;}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > ul > li > div > div > p {color: white;}
#jtjDesktopMenuL2DIVs > div > ul > li > ul > li > ul > li > ul > li > div > div > p:hover {color:  black;}

/* All Desktop anchors */
#jtjDesktopMenu a {color: inherit; text-decoration: none;}
#jtjDesktopMenu a:hover {color: inherit;}

/* -------------- DESKTOP FONTS ------------ */

#jtjDesktopMenuL1DIVs > div > div > p {font-family: sans-serif;}
#jtjDesktopMenuL2DIVs li > div > p {font-family: sans-serif;}
#jtjDesktopMenuL2DIVs li > div > div > p {font-family: sans-serif;}

/* -------------- DESKTOP BORDERS ------------ */

#jtjDesktopMenuL2DIVs li > div, #jtjDesktopMenuL2DIVs li > div > div {border-color: transparent;}