diff --git a/themes/blueprint/css/styles.css b/themes/blueprint/css/styles.css
index d97a5f6ebc9722644e509628eac1ae1fc7c40992..023c1c937a6a4b2d09ebeb1c356fbd8c7e11dcfb 100644
--- a/themes/blueprint/css/styles.css
+++ b/themes/blueprint/css/styles.css
@@ -1737,6 +1737,34 @@ div#closeContextHelp:active {
     display: none;
 }
 
+#hierarchyTreeHolder {
+    background-color: #FFF;
+    border: 1px solid #DCDCDC;
+    padding: 0.5em;
+}
+
+#hierarchyTree {
+    padding: 0.5em 0.5em 0.5em 0;
+    max-height:375px;
+    min-height:375px;
+    overflow: hidden;
+    overflow-y: auto;
+}
+
+#hierarchyTree ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+.tree {
+    background-image:url(../images/fugue/tree.png);
+    background-repeat:no-repeat;
+    background-position: left;
+    padding:.5em .5em .5em 20px;
+    margin-right:1em;
+}
+
 .currentTree, .hierarchyTreeLinkText {
     background-image:url(../images/fugue/treeCurrent.png);
     background-repeat:no-repeat;
@@ -1744,3 +1772,22 @@ div#closeContextHelp:active {
     padding:.5em .5em .5em 20px;
     margin-right:1em;
 }
+
+#hierarchyTree #treeList li {
+    background-image:url(../images/fugue/treeItem.png);
+    background-repeat: no-repeat;
+    padding: 0.25em 0 0 23px;
+    background-position: 0 0.25em;
+}
+
+#hierarchyTree #treeList li.currentRecord {
+    background-image:url(../images/fugue/treeItemCurrent.png);
+    background-repeat: no-repeat;
+    padding: 0.25em 0 0 23px;
+    background-position: 0 0.25em;
+}
+
+#hierarchyTree #treeList li.currentHierarchy > a, #hierarchyTree #treeList li.currentRecord > a {
+    color: #000;
+    font-weight: bold;
+}
diff --git a/themes/jquerymobile/css/styles.css b/themes/jquerymobile/css/styles.css
index 079f5f7d75ad8891796190f8ccb4dbec7abcb4a1..263a3aae88796de313dce277ade7c655b3c7add4 100644
--- a/themes/jquerymobile/css/styles.css
+++ b/themes/jquerymobile/css/styles.css
@@ -246,3 +246,28 @@ p.citationText {
     padding-left:25px;
     text-indent:-25px;
 }
+
+#hierarchyTree ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+#hierarchyTree #treeList li {
+    background-image:url(../images/fugue/treeItem.png);
+    background-repeat: no-repeat;
+    padding: 0.25em 0 0 23px;
+    background-position: 0 0.25em;
+}
+
+#hierarchyTree #treeList li.currentRecord {
+    background-image:url(../images/fugue/treeItemCurrent.png);
+    background-repeat: no-repeat;
+    padding: 0.25em 0 0 23px;
+    background-position: 0 0.25em;
+}
+
+#hierarchyTree #treeList li.currentHierarchy > a, #hierarchyTree #treeList li.currentRecord > a {
+    color: #000;
+    font-weight: bold;
+}