/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.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.
=================================================================== */
.menu {
/*position:absolute;
right:0;
width:710px; 
font:bold 1.0em Arial;
border:1px solid red;
background:#A48A50 url(images/topnav-curve.gif) no-repeat top right;*/
}
.prodrop4 {
position:absolute;
right:0;
width:710px; 
background:#A48A50 url(images/topnav-curve.gif) no-repeat top right;
margin:0;
padding:0;
}

.prodrop4 li.top {
display:block; 
float:left;
}
.prodrop4 li a.top_link {
display:block; /**/
float:left; /**/
height:24px; 
line-height:24px; 
color:#fff; 
text-decoration:none; 
font-size:1.0em; 
font-weight:bold; 
padding:0; 
}
#selected, #select {
color:#000; 
background:#999999;
}
.prodrop4 li a.top_link span {
float:left; /**/
display:block; 
padding:0 10px; 
height:24px;
}
.prodrop4 li a.top_link:hover {
color:#000; 
background:#999999;
line-height:24px;
}
.prodrop4 li a.top_link:hover span {
color:#000; 
background:#999999;
}

.prodrop4 li:hover > a.top_link {
color:#000; 
background:#999999;
line-height:24px;
}
.prodrop4 li:hover > a.top_link span {
color:#000; 
background:#999999;
}

.prodrop4 table {
border-collapse:collapse; 
width:0; 
height:0; 
position:absolute; 
top:0; 
left:0;
}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {
visibility:visible; 
position:relative; 
z-index:200;
}
.prodrop4 li:hover {
position:relative; 
z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul, .prodrop4 :hover ul ul, .prodrop4 :hover ul :hover ul ul, .prodrop4 :hover ul :hover ul :hover ul ul, .prodrop4 :hover ul :hover ul :hover ul :hover ul ul, .prodrop4 ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:150px;	}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}

.prodrop4 :hover ul {
left:0; 
top:24px; 
background: #A48A51; 
color:#fff; 
padding:0px; 
border-width:0 1px 1px; 
white-space:nowrap; 
height:auto; 
z-index:300;
opacity: .9;
}
.prodrop4 :hover ul li {
display:block; 
height:24px; 
position:relative; 
font-weight:bold; 
color:#fff; 
width:auto;
}
.prodrop4 :hover ul li a {
display:block; 
font-size:1.0em; 
height:24px; 
line-height:25px; 
width:auto; 
padding:0 10px; 
color:#fff; 
text-decoration:none;
}
.prodrop4 :hover ul li a:hover {
background:#999999; 
color:#000;
}

.prodrop4 li:hover > a.fly {
color:#000; 
background:#999999;
line-height:24px;
}
.prodrop4 li:hover > a.fly span {
color:#000; 
background:#999999;
}

.prodrop4 :hover ul :hover ul, .prodrop4 :hover ul :hover ul :hover ul, .prodrop4 :hover ul :hover ul :hover ul :hover ul, .prodrop4 :hover ul :hover ul :hover ul :hover ul :hover ul {
left:150px; 
top:0; 
background: #999999; 
padding:3px 0; 
white-space:nowrap; 
width:130px; 
z-index:200; 
height:auto;}

