/* <group=LeftNav Styles> */

/* STRUCTURAL UNITS - NAVIGATION, LINKS, BOOKMARKS */

#sidebarContainer {
    width: 190px;
    float: left;
    margin: 0 50px 0 0;
}
#sidebarwrapper {
    width: 190px;
    background: url(images/_sidebar_middle.gif) repeat-y;
}
.sidebartop {
    background: url(images/_sidebar_top.gif) no-repeat;
    height: 20px;
    width: 190px;
}
#navcontainer {
    padding: 0 0 0 18px;
    margin: 20px 0 20px 0;
}
#linkcontainer {
    padding: 0 0 0 18px;
    margin: 20px 0 20px 0;
}
#bookmarkcontainer {
    padding: 0 0 0 18px;
    margin: 20px 0 20px 0;
}
.sidebarbottom {
    background: url(images/_sidebar_bottom.gif) no-repeat;
    height: 20px;
    width: 190px;
}

/* CONTENT ELEMENTS - NAVIGATION */

body.home #navcontainer a.home,
body.books #navcontainer a.books,
body.design #navcontainer a.design,
body.order #navcontainer a.order,
body.contact #navcontainer a.contact,
body.about #navcontainer a.about {
    color: #fafafa;
    background: #9999cc;
}
#navcontainer ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 172px;
}
#navcontainer ul li {
    position: relative;
}
#navcontainer ul li a,
#navcontainer ul li span {
    height: 20px;
    display: block;
    padding: 5px 5px 5px 5px;
    color: #333333;
    background: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
}
#navcontainer ul li a:hover,
#navcontainer ul li span:hover {
    color: #333333;
    background: #ddddff;
}
#navcontainer ul li ul {
    position: absolute;
    left: 172px;
    top: 0;
    display: none;
    border-top: 1px solid #9999cc;
    width: 140px;
    z-index: 1;
}
#navcontainer ul li:hover ul {
    display: block;
}
#navcontainer ul li ul li {
    position: relative;
}
#navcontainer ul li ul li a {
    height: 12px;
    display: block;
    padding: 5px 5px 5px 5px;
    color: #333333;
    background: #ddddff;
    text-decoration: none;
    border-left: 1px solid #9999cc;
    border-right: 1px solid #9999cc;
    border-bottom: 1px solid #9999cc;
    font-size: 11px;
}
#navcontainer ul li ul li a:hover {
    color: #ffffff;
    background: #9999cc;
}

/* CONTENT ELEMENTS - LINKS */

#linkcontainer {
    font-size: 11px;
}
#linkcontainer #title {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #e6e6e6;
}
#linkcontainer a {
    height: 12px;
    display: block;
    padding: 5px 5px 5px 5px;
    color: #333333;
    text-decoration: none;
}
#linkcontainer a:link {
    color: #333333;
    text-decoration: none;
}
#linkcontainer a:visited {
    color: #333333;
    text-decoration: none;
}
#linkcontainer a:hover {
    color: #333333;
    background: #ddddff;
}

/* CONTENT ELEMENTS - BOOKMARKS */

#bookmarkcontainer {
    font-size: 11px;
}
#bookmarkcontainer a {
    height: 12px;
    display: block;
    padding: 5px 5px 5px 5px;
    color: #333333;
    text-decoration: none;
}
#bookmarkcontainer a:link {
    color: #333333;
    text-decoration: none;
}
#bookmarkcontainer a:visited {
    color: #333333;
    text-decoration: none;
}
#bookmarkcontainer a:hover {
    color: #333333;
    background: #ddddff;
}