ul.dropdown {list-style: none;}
ul.dropdown,
ul.dropdown li ul, ul.dropdown li ol {
margin: 0;
padding: 0;
}

/* 
    LEVEL ONE
*/
ul.dropdown {position: relative;}
ul.dropdown li {
    font-weight: bold;
    float: left;
    zoom: 1;
    margin-left: 2px;
}
ul.dropdown li.hover a,
ul.dropdown .active a,
ul.dropdown a:hover { text-decoration: none; /*background: url(../../images/15/dropdown.png) 0 -44px no-repeat;*/}
ul.dropdown a:active { text-decoration: none; }
ul.dropdown li a {
    /*background: url(../../images/15/dropdown.png) 0 0 no-repeat;*/
    width: 13em;
    height: 2em;
    margin-right: 2px;
    text-align: center;
    display: block;
    color: #4d4d4f;
    padding-top: 13px;
    z-index: 10;
}
ul.dropdown li img.tabBg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover {  position: relative; }
ul.dropdown li.hover a {  }


/* 
    LEVEL TWO
*/
ul.dropdown ul {
    width: 14em;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f6f6f6;
    padding: 10px 0;
    border-right: 1px solid #aeacaf; 
    border-bottom: 1px solid #aeacaf;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 9999;
}
ul.dropdown ul li {
    font-weight: normal;
    margin:5px 10px;
    color: #808285;
    float: none;
    text-align: left;
    margin-bottom: 5px;
}
                                      
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li span,
ul.dropdown ul li a {
    border-right: none;
    width: 100%;
    display: inline-block;
    background: none;
    text-align: left;    
    color: #000;
    padding:0 0 5px 0;
    height: auto;
    width: auto;
}
ul.dropdown li.hover ul li a,
ul.dropdown ul li a:hover { background: none;}
ul.dropdown ul li span {color: #7EA2E3}
ul.dropdown ul li a:hover {color:#486291;}

/* 
    LEVEL THREE
*/
ul.dropdown ul ul                   { left: 100%; top: 0; }
ul.dropdown li:hover > ul           { visibility: visible; }


/**/
.dropdownTitle {
    display: inline;
    float: right;
}
ul.dropdown.dropdownTitle {font-size: 100%; display: inline; float: none;}
ul.dropdown.dropdownTitle li {float: none; display: inline; margin: 0}
ul.dropdown.dropdownTitle ul {left: auto; right: 0; text-align: left; padding: 5px 5px 0px; box-shadow: 3px 3px 3px #959495; margin-top:0; z-index: 10000;}
ul.dropdown.dropdownTitle ul li {display: block; float: left; width: 100%}
ul.dropdown.dropdownTitle a {display: block;}
ul.dropdown.dropdownTitle .arrow {background: url(../../images/15/ico.png) 0 -60px no-repeat; padding: 0px 3px; cursor: pointer;}


#breadcrumb-menu .artwork-groups{
	position:absolute;
	display:none;
	list-style:none;
	margin:-1em 0 0 0;
    background: #f6f6f6;
    padding: 1em 1em .5em 0;
    border-right: 1px solid #aeacaf; 
    border-bottom: 1px solid #aeacaf;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 9999;
	box-shadow: 3px 3px 3px #959495;
	min-width:13em;
	max-height:30em;
	overflow:auto;
	overflow-x:hidden;
}

#breadcrumb-menu .artwork-groups li{
	display:block;
	line-height:1.4em;
	margin:0 1em; 
}

#breadcrumb-menu .artwork-groups li.delimiter{
	border:0;
	margin-top:.2em;
	line-height:.7em;
	border-top:1px solid #666;
}

#breadcrumb-menu .artwork-groups li a, #breadcrumb-menu .artwork-groups li span {
    border-right: none;
    width: 100%;
    display: inline-block;
    background: none;
    text-align: left;    
    color: #000;
    padding:0 0 5px 0;
    height: auto;
    width: auto;
    text-decoration:none;
}
#header #breadcrumb-menu .artwork-groups li span, #header #breadcrumb-menu .artwork-groups li.parent ul span{
	color:#587dc1;
}
#breadcrumb-menu .artwork-groups li a:hover{
	color:#486291;
}

#breadcrumb-menu .arrow {
	background: url(../../images/15/ico.png) 0 -60px no-repeat; 
	padding: 0px 3px; 
	cursor: pointer;
    position: relative;
    top: .1em;
    left:.4em;	
    opacity: 0.8;
    filter: alpha(opacity=80);    
}

#breadcrumb-menu .arrow1{
	position:relative;
	top:-1px;
}
#breadcrumb-menu .arrow1 img{
	width:.7em;
    opacity: 0.8;
    filter: alpha(opacity=80);    
}

#breadcrumb-menu .artwork-groups ul{
	margin:.5em 0 0 0;
}

#header #breadcrumb-menu .artwork-groups li.parent span{
	color:#888;
}

#header #breadcrumb-menu .artwork-groups li.parent > span{
	color:#888;
	font-style:italic;
}

#header #breadcrumb-menu .artwork-groups li > span ul{
	font-style:normal;
}