Drop Down Help, Seriously losing it! Options

[WatsonFX]

Hi Guys,

Hope you are all well, I am new on the scene both to the site and to HTML, it has been a long standing interest of mine however I've never really been able to get into it due to previous career ( Armed Forces) However I'm not out and about in the real world, I work in IT, and I am trying to spruce up my offices user guides.

My question is how on earth do I correctly manage to add a third drop down menu in this scenario. I've managed to do the first two, but I just can't figure out the third. I'm going to show you a screenshot of the page and copy the code in, but please remember I am a COMPLETE novice, and there will be a lot of mistakes no doubt in the code however I am learning every day and tidying and improving.

Ok so this is a screenshot of the page, I am trying to have a third drop down box open alongside ABB UK and ABB Ireland - To contain Account Sheet and Test Site for each one.



Here is the code specifically relating to the drop down lists.

CSS

/* Dropdown Button */
.dropbtn {
background-color: #CD0000;
color: white;
padding: 12px;
font-size: 16px;
border: none;
cursor: pointer;
border-radius: 10px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
display: inline-block;
width: auto;
margin: auto;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


/* Links inside the dropdown */
.dropdown-content a {
color: black;
line-height: 30px; list-style-type: none;
text-decoration: none;
display: block;
}

li.sub ul {
display:none;
position:relative;
background-color:#f1f1f1;
box-shadow: 5px 8px 16px 1px rgba(0,0,0,0.2);
width: 100%;
text-align: center;
margin-bottom: -30px;
}

li.sub ul ul a {display:none;
position:relative;
background-color:#f1f1f1;
box-shadow: 5px 8px 16px 1px rgba(0,0,0,0.2);
width: 100%;
text-align: center;
margin-bottom: -30px;}

li.sub:hover ul ul{
display:block;
}
li.sub:hover ul {
padding: 0px;
display: block;
left: 100%;
top: 0;
margin-top: -30px;
}




/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #CD0000}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color: #f1f1f1;
color: #CD0000;
}

END CSS

HTML

<div class="dropdown">

<a class="dropbtn">A</a>

<div class="dropdown-content">

<li class='sub'>


<a href="#">ABB<a/>


<ul>



<a href="#">ABB UK</a>
<a href="#">ABB IRELAND</a>

<ul>
<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</ul>







</li>
</ul>

<li class='sub'>

<a href="#">Arriva<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">Aggregate<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">Abbott<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">Allianz<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>




</div>
</div>
<div class="dropdown">
<a class="dropbtn">B</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home B.htm">Accounts</a>
<a href="#">Account B<a/>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">C</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home C.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">D</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home D.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">E</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home E.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">F</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home F.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">G</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home G.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">H</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home H.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">I</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home I.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">J</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home J.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">K</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home K.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">L</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home L.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">M</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home M.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">N</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home N.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">O</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home O.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">P</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home P.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">Q</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home Q.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">R</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home R.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">S</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home S.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">I</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home T.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">U</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home U.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">V</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home V.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">W</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home W.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">X</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home X.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">Y</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home Y.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">Z</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home Z.htm">Accounts</a>
</div>
</div>




</div>
</div>

Heres the whole code so far.

<html>
<head>

<title>Helpguide Home</title>

<style type="text/css">

body {background-color: #E0DEDE; margin: auto; border: 0; text-align: center; height: auto; width: auto; padding: 1px}

h1 {font-family: calibri; color: red; calibri; text-align:center;}
h2 {font-family: calibri; sans-serif; text-align:center;}
h3 {font-family: calibri; color: red; calibri; text-align:center;}
h4 {font-family: calibri; color: blue; calibri; text-align:center;}
p {font-family: calibri; font-size: 15px; text-align: center;}


ul {padding: 15px; font-family: calibri; font-size: 14px; list-style type: none; text-align:left; margin: 0; background-color: #989898; }
td {border:none;}

#centerpara {width: auto; background-color: #989898; font-family: calibri; font-size: 18px; font-weight: bold; color: white; width: auto;}
#centergraphic {background-color: #989898; font-family: calibri; font-style: italic; font-size: 44px; color: white; font-weight: bold; width: auto; text-shadow: 1px 2px #000000}
#centerhrg {font-family:calibri; font-style: italic; font-size:44; color: #CD0000; font-weight:bold; text-shadow: 1px 2px #000000}
#base-text {background-color: #989898; font-family: calibri; font-size: 14px; font-weight: bold; color: red; width: auto;}
#az {
background-color:#B1B1B1;
font-size: 20px;
letter-spacing: 10px;
font-family: Calibri;
width: auto;
}

li {line-height: 1.5em; list-style-type: none;}

a:link { color: white; text-decoration: none }
a:active { color: white; text-decoration: none }
a:visited { color: white; text-decoration: none }
a:hover { color: white; text-decoration: none; font-size: 17px }
.header
{
}

#header {background-color: #CD0000; padding: 10px; width: auto; text-align: right; border: solid white 1px}
#container1 { background-color: #989898;width: 200px; margin: auto; float: left; border: solid white 1px; border-top: none;}
#title /* leftbar */
{
background-color: #CD0000;
border: solid white 1px;
border-left:none;
border-radius: 0px;
font-family: arial;
letter-spacing: 1px;
font-weight: bold;
color: WHITE;
text-align:center;
padding: 1px;
width: auto;
height: 45px;
margin: auto;
}
#toptitle
{
background-color: #CD0000;
border: solid white 1px;
border-top:none;
border-left:none;
border-radius: 0px;
font-family: arial;
letter-spacing: 1px;
font-weight: bold;
color: WHITE;
text-align:center;
padding: 1px;
width: auto;
height: 45px;
margin: auto;
}
#maintitle
{
background-color: #989898;
border-radius: 0px;
font-family: arial;
letter-spacing: 1px;
font-weight: bold;
color: WHITE;
text-align:center;
padding: 10px;
width:auto;
height:auto;

}



#sidemenu { width: 199px; color:#989898;}




#center { background-color: #E0DEDE; text-align: center; padding-bottom: 2px; float: center;
height:100%; width:auto; border: none;}


/* Dropdown Button */
.dropbtn {
background-color: #CD0000;
color: white;
padding: 12px;
font-size: 16px;
border: none;
cursor: pointer;
border-radius: 10px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
display: inline-block;
width: auto;
margin: auto;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


/* Links inside the dropdown */
.dropdown-content a {
color: black;
line-height: 30px; list-style-type: none;
text-decoration: none;
display: block;
}

li.sub ul {
display:none;
position:relative;
background-color:#f1f1f1;
box-shadow: 5px 8px 16px 1px rgba(0,0,0,0.2);
width: 100%;
text-align: center;
margin-bottom: -30px;
}

li.sub ul ul a {display:none;
position:relative;
background-color:#f1f1f1;
box-shadow: 5px 8px 16px 1px rgba(0,0,0,0.2);
width: 100%;
text-align: center;
margin-bottom: -30px;}

li.sub:hover ul ul{
display:block;
}
li.sub:hover ul {
padding: 0px;
display: block;
left: 100%;
top: 0;
margin-top: -30px;
}




/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #CD0000}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color: #f1f1f1;
color: #CD0000;
}


</style>

</head>



<!-- HTML Page start -->


<body>
<div id="header">

<a class="header" href="https://c2.hrgworldwide.com/" target="_blank">SharePoint<a/>

</div>

<div id="container1">
<div id="toptitle">
<p>Helpguides</p>
</div>

<div id="sidemenu">
<ul>

<li><a href="\\10.0.19.10\apps\Common\Online\v8\Homie Helpguide.html">Homeworker Helpguide</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\Weekend Helpguide.html">Weekend Helpguide</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\end of day.html">End of Day Assistance</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\HOMEWORKERS\File finishing notes for failures requests.docx">Inbox File Finishing</a></li>
<li><a href="\\10.0.19.10\apps\Common\Manchester File Finishing Notes">Queue File Finishing</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\v8 helpguide.html">General Helpguide</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\New Remedy Helpguide.docx"target="_blank">Remedy Helpguide</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\Billback Helpsheet.docx"target="_blank">Billback Helpguide<a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\HRG Tracking Viewer Guide July 2013.doc" target="_blank">Tracking Viewer Guide</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\V8\HRG eCentre UK TripPASS Guide 28 February 2014.doc" target="_blank">TripPASS Guide</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\HOMEWORKERS\Tips for failed faxes.docx">Tips for Failed Faxes</a></li>
</ul>

</div>

<div id="title">
<p>Account Sheets</p>
</div>

<div id="sidemenu">
<ul>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\Online KDS.html">Online KDS</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\online aetm.html">Online AeTM</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\Online Traveldoo.html">Online Traveldoo</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\V8\Online Concur.html">Online Concur</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\V8\Simply HRG Accounts.html">Simply HRG Accounts</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\Profile_Nav Support.html">Profile Support</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\secondlevel.html">2nd Level Support</a></li>
</ul>
</div>

<div id="title">
<p>Internal Phone Numbers</p>
</div>
<div id="sidemenu">
<ul>
<li><a href="\\10.0.19.10\apps\Common\OFFICE FOLDER\PHONES\Liverpool internal transfer client list JULY 14 xls.xls">LPL numbers incl GOV</a></li>
</ul>
</div>
<div id="title">
<p>Useful Links</p>
</div>

<div id="sidemenu">
<ul>
<li><a href="\\10.0.19.10\apps\Common\OFFICE FOLDER\Managers rota 2014.xlsx"_blank">Managers Rota</li>
<li><a href="http://www.heathrowairport.com/help/contact-us/airline-contacts/"target="_blank">Airline Contact Details</a></li>
<li><a href="https://support.travelport.com/KeywordReset/default.aspx" target="_blank">Gal Password Reset</li>
<li><a href="\\10.0.19.10\apps\Common\Online\Hotel Loading Request Form (2).doc" target="_blank">Hotel Loading Form</li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\interfax logon.htm"_blank">Interfax Info</li>
<li><a href="\\10.0.19.10\apps\Common\Online\Internet Explorer settings.docx" target="_blank">Internet Access Settings</li>
<li><a href="\\10.0.19.10\apps\Common\OFFICE FOLDER\PHONES\Liverpool Extn and Agent IDs Master Doc.xlsx" target="_blank">Office Extn & Agent IDs</li>
<li><a href="http://travelbilling/(X(1)S(sozae355uozemlvqbvrduz45))/login.aspx?AspxAutoDetectCookieSupport=1" target="_blank">Refunds</a></li>
<li><a href="http://uk1remweb.hruk.pri/arsys/" target="_blank">Remedy Link</a></li>
<li><a href="https://toti.thetrainline.com/AppLauncher/Login?ReturnUrl=%2f" target="_blank">TRACS</a></li>
</ul>
</div>
<div id="title">
<p>Useful Info</p>
</div>
<div id="sidemenu">

<ul>
<li><a href="\\10.0.19.10\apps\Common\Online\ADD BAGS ONLINE AF.docx" target="_blank">Adding Air France Bags</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\HOMEWORKERS\Adding Limo segments to a PNR.docx" target="_blank">Adding Limo Sectors</a></li>
<li><a href="\\10.0.19.10\apps\Common\OFFICE FOLDER\AFB tickets on the override.doc" target="_blank">AFB Tickets Override</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\AFB AUDIT TIP SHEET.docx" target="_blank">AFB Audit Tip Sheet</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\V8\BA Business Bespoke Fares"target="_blank">BA bespoke fares</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\UK Events ' Busy' list 2013.xls"target="_blank">Busy List - UK Events</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\Call Process chart 01st Oct2013new remedy.docx">Call Process Chart</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\car hire sheet.htm">Car Hire Prompt Sheet</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\CRD Airlines listing.xlsx">Client Route Deals</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\HOMEWORKERS\TEMPLATES.htm">Email Templates</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\Fast Ticket and Window Kiosk list 10sep12.xlsx">Fast Ticket Kiosk List</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\V8\Go Native and HRG Booking Process.pdf" target="_blank">Go Native Bookings</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\v8\A1 and helpdesk common issues.html" target="_blank">Helpdesk FAQ's</a></li>
<li><a href="\\10.0.19.10\apps\Common\OFFICE FOLDER\PHONES\Liverpool Phone list Apr14.xlsx" target="_blank">Phone List</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\V8\Rapid Reprice Participating Airlines.docx" target="_blank">Rapid Reprice Airlines</a></li>
<li><a href="\\10.0.19.10\apps\Common\OFFICE FOLDER\STAFF GAL NUMBERS.xlsx" target="_blank">Staff GAL Numbers</a></li>
<li><a href="\\10.0.19.10\apps\Common\Online\V8\V8 Helpguide_files\Travelport Fare Guarantee QA April 2012 internal communication - Final version 3.docx" target="_blank">Same Day Ticketing Guide</a></li>
</ul>

</div>

</div>




<div id="maintitle">

<script type="text/javascript">
var d = new Date();
var time = d.getHours();

if (time < 12)
{
document.write('<p id="centerpara">Good Morning! Welcome to the <br> <span id="centerhrg">HRG</span><span id="centergraphic"> Online Helpguide</span></p>');
}
else
{
document.write('<p id="centerpara">Good Afternoon! Welcome to the <br><span id="centerhrg">HRG</span><span id="centergraphic"> Online Helpguide</span></p>');
}
</script>
<tr>
<p>Select Client Account Sheet from the letter link below</p>
</tr>
</div> <br>













<div class="dropdown">

<a class="dropbtn">A</a>

<div class="dropdown-content">

<li class='sub'>


<a href="#">ABB<a/>


<ul>



<a href="#">ABB UK</a>
<a href="#">ABB IRELAND</a>

<ul>
<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</ul>







</li>
</ul>

<li class='sub'>

<a href="#">Arriva<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">Aggregate<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">Abbott<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">Allianz<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>

<li class='sub'>

<a href="#">America<a/>

<ul>

<a href="#">Account Sheet</a>
<a href="#">Test Site</a>
</li>
</ul>




</div>
</div>
<div class="dropdown">
<a class="dropbtn">B</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home B.htm">Accounts</a>
<a href="#">Account B<a/>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">C</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home C.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">D</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home D.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">E</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home E.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">F</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home F.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">G</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home G.htm">Accounts</a>

</div>
</div>
<div class="dropdown">
<a class="dropbtn">H</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home H.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">I</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home I.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">J</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home J.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">K</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home K.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">L</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home L.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">M</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home M.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">N</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home N.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">O</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home O.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">P</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home P.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">Q</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home Q.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">R</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home R.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">S</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home S.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">I</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home T.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">U</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home U.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">V</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home V.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">W</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home W.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">X</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home X.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">Y</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home Y.htm">Accounts</a>
</div>
</div>
<div class="dropdown">
<a class="dropbtn">Z</a>
<div class="dropdown-content">

<a href="\\10.0.19.10\apps\Common\Online\v8\Helpguide Home Z.htm">Accounts</a>
</div>
</div>




</div>
</div>







</body>

</html>

Again please excuse any nooby errors etc, just really trying to get a handle on this!

Thank you in advance for anyone who takes a look and tries to help.

PS. Code is also attached

Regards,

Felix