/*-----------------------------------
    Client: Perth Surgical Shoemakers
	Author: Guy Lillico
	Filename: navigation.css
-----------------------------------*/

/*-----------------------------------
    LEFT ACCORDIAN STYLE NAVIGATON
-----------------------------------*/

div#nav-bg { float: left; display: block; background: url('../images/core/left-nav-bg.gif') top center no-repeat; width: 275px; margin-top: 10px; z-index: 0; }
div#nav { float: left; display: inline; background: url('../images/core/left-nav-bottom.gif') bottom center no-repeat; width: 275px; margin-top: 10px; z-index: 200; }
div#nav h3 { padding: 10px 10px 10px 33px; color: #faf9ef; }

ul#left-nav { color: #faf9ef; padding: 10px 0px 10px 0px; margin: 40px 0 20px 0; list-style: none !important; }

ul#left-nav a { font-family: "Times New Roman", Times, serif; color: #faf9ef; font-size: 16px; text-decoration: none; }
ul#left-nav span { font-family: "Times New Roman", Times, serif; color: #faf9ef; font-size: 16px; text-decoration: underline; }
ul#left-nav span:hover { color: #EFB4CE; }
ul#left-nav ul span { font-size: 16px; }
ul#left-nav li a:hover { color: #EFB4CE; }

ul#left-nav li { padding: 10px 0px 11px 40px; margin-left: 5px; width: 235px; border-bottom: 1px solid #aa5566; background: url('../images/nav/red/tv-expandable.gif') 10px 16px no-repeat; width: 225px; padding-right: 0; }
ul#left-nav li.inner { margin: 0; position: relative; left: 10px; background: none; width: 220px; padding: 10px 0px 0px 0px; border: none; }
ul#left-nav li.inner a { font-size: 14px; color: #FFFFCC; text-decoration: none; }
ul#left-nav li.inner a:hover { color: #EFB4CE; }

#left-nav.treeview .collapsable { background: url('../images/nav/red/tv-collapsable.gif') 10px 16px no-repeat; }
#left-nav.treeview .expandable { background: url('../images/nav/red/tv-expandable.gif') 10px 16px no-repeat;  }
#left-nav.treeview .lastCollapsable { background: url('../images/nav/red/tv-collapsable-last.gif') 10px 16px no-repeat;  }
#left-nav.treeview .lastExpandable { background: url('../images/nav/red/tv-expandable-last.gif') 10px 16px no-repeat; }