@charset 'UTF-8';

body {
    height: 101%;
}

div#menu {
	margin-left: 278px;
}

div#main {
    padding-left: 278px;
}

div#submenu {
	margin-left: 50px;
}

div#submenu h2 {
    float: left;
    width: 170px;
    height: 12px;
    text-indent: -9999px;
    background: url(/include/img/sprite.png) 0 -500px no-repeat;
    overflow: hidden;
    margin: 0 24px 0 0;
}

div#submenu a.reset {
    display: block;
    visibility: hidden;
    float: left;
    margin-top: 1px;
    width: 11px;
    height: 11px;
    text-indent: -9999px;
    background: url(/include/img/sprite.png) 0 -659px no-repeat;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

div#submenu a.reset:hover {
    background-position: 0 -648px;
}

div#categories {
    float: left;
    z-index: 9999;
    position: relative;
    margin: -5px 0 47px 0px;
}

ul#categories-list {
    z-index: 9999;
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    opacity: .94;
    filter: alpha(opacity=94);
}

ul#categories-list h3 {
    font-size: 12px;
}

ul#categories-list li a {
    display: block;
    position: relative;
    padding: 4px 6px 6px 7px;
    background: #FFFFFF url(/include/img/sprite.png) 0 -604px no-repeat;
}

ul#categories-list a:active,
ul#categories-list a:focus,
ul#categories-list a:link {
    color: #000000;
}

ul#categories-list.hover a:hover {
    background-color: #F0F0F0;
    color: #000000;
}

ul#categories-list li,
ul#categories-list.hover li.default {
    display: none;
}

ul#categories-list li.selected,
ul#categories-list.hover li {
    display: list-item;
}

ul#categories-list li.first a {
    padding: 5px 6px 6px 7px;
    background-position: 0 -581px;
}

ul#categories-list li.last a {
    padding: 4px 6px 6px 7px;
    background-position: 0 -626px;
}

ul#categories-list li.selected a {
    padding: 5px 6px 6px 7px;
    background-position: 0 -558px;
}

ul#categories-list li.default a {
    background-position: 0 -535px;
}

ul#categories-list.hover li.selected a {
    padding: 4px 6px 6px 7px;
    background-position: 0 -604px;
}

ul#categories-list.hover li.first a {
    background-position: 0 -581px;
}

ul#categories-list.hover li.last a {
    background-position: 0 -626px;
}

ul#categories-list.hover li.first.selected a {
    padding: 5px 6px 6px 7px;
}

ul#categories-list.hover li.first.last a {
    padding: 5px 6px 6px 7px;
    background-position: 0 -558px;
}

ul#categories-list span.items {
    display: none;
    position: absolute;
    right: 6px;
    bottom: 6px;
    font-weight: normal;
    color: #888888;
}

ul#categories-list li.selected span.items,
ul#categories-list a:hover span.items {
    display: inline;
}

a#categories-reset {
    margin-left: 156px;
}

div#view {
    clear: both;
    height: 0;
    background: #FFFFFF url(/include/img/loading.gif) no-repeat;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    padding-top: 20px;
}

div#view-content {
    visibility: hidden;
}

div#view-items {
    clear: both;
    position: relative;
    margin: 0 50px 8px 0;
    height: 475px;
    overflow: hidden;
}

ul#view-items-list {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 15px;
}

ul#view-items-list li {
    float: left;
    position: relative;
    padding-left: 12px;
}

ul#view-items-list li.first {
    margin-left: 0;
}

ul#view-items-list h2,
ul#view-items-list p {
    display:none;
}

h1#view-title {
    margin-bottom: 8px;
    font-size: 28px;
}

h1#view-title a:link,
h1#view-title a:visited,
h1#view-title a:hover,
h1#view-title a:focus {
    color: #000000;
}

h1#view-title span {
    background: #FFFFFF;
    color: #DDDDDD;
    opacity: 0;
    filter: alpha(opacity=0);
}

h1#view-title span a:link,
h1#view-title span a:visited,
h1#view-title span a:hover,
h1#view-title span a:focus {
    color: #888888;
}

div#view-description {
    position: relative;
    top: -3px;
    margin-bottom: 42px;
    width: 929px;
}

h2#view-reset {
    position: relative;
    left: -242px;
    top: 0;
    margin-bottom: -12px;
}

h2#view-reset a {
    visibility: hidden;
    display: block;
    width: 194px;
    height: 12px;
    text-indent: -9999px;
    background: url(/include/img/sprite.png) 0 -862px no-repeat;
    overflow: hidden;
}

h2#view-reset a:hover {
    background-position: 0 -850px;
}

div#collection-browser {
    clear: both;
    position: relative;
    margin-left: 0px;
    height: 139px;
    overflow: hidden;
    margin-right: 50px;
}

ul#collection-browser-list {
    position: absolute;
    left: 0px;
    top: 0;
    font-size: 12px;
}

ul#collection-browser-list li {
    float: left;
}

ul#collection-browser-list li.collection {
    background: #FFFFFF;
    margin-left: 24px;
}

ul#collection-browser-list li.collection.first {
    margin-left: 0;
}

ul#collection-browser-list ul.items {
    float: left;
    margin-bottom: 10px;
    height: 75px;
    overflow: hidden;
}

ul#collection-browser-list ul.items a {
    float: left;
    display: block;
    background: url(/include/img/loading.gif) 50% 25% no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
}

ul#collection-browser-list ul.items img {
    visibility: hidden;
}

ul#collection-browser-list h3,
ul#collection-browser-list h4 {
    clear: both;
    font-size: 12px;
}

ul#collection-browser-list h3 a {
    display: block;
    position: relative;
}

ul#collection-browser-list h4 a {
    display: block;
    color: #888888;
}

div#collection-browser-scrollbar {
    clear: both;
    position: relative;
    margin: 0 48px 23px 0;
    height: 15px;
    background: url(/include/img/sprite.png) 0 -700px repeat-x;
    cursor: pointer;
}

a#collection-browser-scrollbar-handle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 15px;
    text-indent: -9999px;
    background: url(/include/img/sprite.png) 0 -715px no-repeat;
    overflow: hidden;
    cursor: ew-resize;
}

a#collection-browser-scrollbar-handle:hover,
a#collection-browser-scrollbar-handle.hover {
    background-position: 0 -730px;
}

div#collection-list {
    clear: both;
    font-size: 12px;
}

div#collection-list h2 {
    margin-bottom: 14px;
    width: 137px;
    height: 12px;
    text-indent: -9999px;
    background: url(/include/img/sprite.png) 0 -800px no-repeat;
    overflow: hidden;
}

ul#collection-list-list {
    width: 450px;
}

ul#collection-list-list li {
    float: left;
    border-bottom: 1px solid #DDDDDD;
}

ul#collection-list-list li.last {
    padding-bottom: 25px;
    border: 0;
}

ul#collection-list-list h3 {
    font-size: 12px;
    font-weight: normal;
}

ul#collection-list-list a {
    display: block;
    padding: 6px 0;
    width: 150px;
}

div#collection-list-right-button {
	float:right;
}

div#collection-list-left-button {
	clear:left;
}

#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block;
	float: left;
	margin: 0;
}

div.scrollingHotSpotRight {
	background: url("/include/img/right-scroll-area.jpg") no-repeat scroll 0 0 transparent;
	height: 20px;
    width: 375px;
}

div.scrollingHotSpotLeft {
	background: url("/include/img/left-scroll-area.jpg") no-repeat scroll 0 0 transparent;
	height: 20px;
    width: 375px;
}

div.scrollingMiddle {
	width: 100px;
	margin: 0 auto;
}

div.scrollingHotSpotRightVisible {
}

div.scrollingHotSpotLeftVisible {
}