/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */
body {
font-family: Arial;
text-align: left; 
}
number {
width:100%;
height: 22px;
text-align: left; /*center;*/
font-weight: bold;
font-size: 3px;
font-family: Arial;
color: #fff;

} 
.picture {
    position: relative;
    height:100px;
    width: 800px;
    top: 0px;
    right: 0px;
    background-color: #eee;
    background:url(http://www.onyxcollection.com/images/Banners/Onyx_Title_New2.jpg) no-repeat left top;
 }
 
.menu {
float:left;
text-align: left;  
width:100%; 
font-family: Arial; 
/*font-weight: bold;*/
font-size:12px;
/*background:url(menu.gif) repeat-x top left; */ background:#fff;
/*border-top:1px solid #fff;*/ 
/*border-bottom:1px solid #000;*/
margin:0 0 20px 0; /* for this demo only */ 
}
.menu ul {
z-index:9999;
padding:0;
margin:0;
list-style-type:none;
}
.menu ul li {
float:left; 
position:relative;
/*background:url(divider.gif) no-repeat top right;*/
}
.menu ul li a, .menu ul li a:visited {
float:left; 
display:block; 
text-decoration:none;
color:#000; 
padding:0px 16px; 
line-height:25px; 
height:30px; 
/*border-bottom:3px solid #fff;*/ 
}

.menu ul li:hover {width:auto;}

.menu ul li a.menuone:hover {border-color:#000; background:#eed;}

.menu ul li:hover a.menuone {border-color:#ff0; background:#ff0;}


.menu ul li ul {
display: none;
}
.menu table {
margin:0; 
border-collapse:collapse; 
font-size:11px; 
position:absolute; 

top:0; 
left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block;
position:absolute;

top:21px; /*32*/ 
margin-top:1px; 
left:0;
width:154px;
/*border-bottom:1px solid #000;*/
}
.menu ul li:hover ul.endstop {
left:-92px;
}
.menu ul li:hover ul li ul {
display: none;
}

/* background menu color */
.menu ul li:hover ul li a {
display:block;
background:#FDF1E1;
color:#000;
height:auto;
line-height:15px;
padding:4px 16px; 
width:120px; 
border:1px solid #000; 
/*border-bottom:0;*/
}
.menu ul li:hover ul li a.drop {
background:#FDF1E1 url(http://www.onyxcollection.com/images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a.press {
background:#FDF1E1 url(http://www.onyxcollection.com/images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a.new {
background:#DFFDE7 url(http://www.onyxcollection.com/images/icons/bullet_star.gif) no-repeat 105px 6px;
}

/* background menu Hi-lite */
.menu ul li:hover ul li a:hover {
color:#000; 
font-weight: bold;
background:#fff url(http://www.onyxcollection.com/images/icons/bullet_pulse.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover.drop {
background:#fff url(http://www.onyxcollection.com/images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover.press {
background:#fff url(http://www.onyxcollection.com/images/icons/bullet_pulse.gif) no-repeat 3px 8px;
text-decoration:underline;
color:#003274;
}
.menu ul li:hover ul li a:hover.new {
background:#fff url(http://www.onyxcollection.com/images/icons/bullet_star.gif) no-repeat 105px 6px;
font-weight:bold;
color:#003274;
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute;
z-index: 5;
left:153px; 
top:-1px;
}
.menu ul li:hover ul li:hover ul.left {
left:-153px;
}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;
position:absolute;

top:30px; /*top:33px;*/
background:#fff;
left:0; 
/*border-bottom:1px solid #000;*/
}

.menu ul li a:hover ul.endstop {
left: -92px;
}
.menu ul li a:hover ul li a {
display:block;
background:#fff;
color:#000; 
height:1px; 
line-height:15px; 
padding:4px 16px; 
width:154px; width:120px;
border:1px solid #000; 
border-bottom:1px;
}
.menu ul li a:hover ul li a.drop {
background:#eee url(http://www.onyxcollection.com/images/icons/bullet.gif) no-repeat 3px 8px; 
padding-bottom:4px;
}
.menu ul li a:hover ul li a.press {
background:#eee url(http://www.onyxcollection.com/images/icons/bullet.gif) no-repeat 3px 8px; 
padding-bottom:4px;
text-decoration:underline;
color:#003274;
}

.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 

height:0; 
width:0;
}
.menu ul li a:hover ul li a:hover {
color:#000; 
background:#fff url(http://www.onyxcollection.com/images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover.drop {
 background:#fff url(http://www.onyxcollection.com/images/icons/bullet.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover.press {
 background:#fff url(http://www.onyxcollection.com/images/icons/bullet_pulse.gif) no-repeat 3px 8px;
 text-decoration:underline;
 color:#003274;
}

.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute;
z-index: 5;
top:0;color:#000; 
left:153px;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-153px;
}

.footer{
    width:800px;
    height: 22px;
    clear: both;
    padding: 3px 3px;
    text-align: center;
    color: #fff;
    background-color: #4B070F;
	background:url(http://www.onyxcollection.com/images/icons/footer.gif) no-repeat left top;
}