/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {
background: url(prodrop2/button4.gif);
}

.menu2 {
padding:0 0 0 117px; 
margin:0; 
list-style:none; 
height:40px; 

background:#fff url(../images/btnback1.gif) repeat-x; 
position:relative; 
font-family:arial, verdana, sans-serif; 
}

.menu2 li.top {
display:block; 
float:left; 
position:relative;
}

.menu2 li a.top_link {
display:block; 
float:left; 
height:40px; 
line-height:33px; 
font-weight:bold; 
 color:#1b2e12;
 font-variant: small-caps;
 text-decoration: none;
 font-size: 16px;
padding:0 0 0 12px; 
cursor:pointer;
}

.menu2 li a.top_link span {
float:left; 
display:block; 
padding:0 24px 0 12px; 
height:40px;
}

.menu2 li a.top_link span.down {
float:left; 
display:block; 
padding:0 24px 0 12px; 
height:40px; 
background:url(prodrop2/down.gif) no-repeat right top;
}

.menu2 li a.top_link:hover {
background: url(prodrop2/button4.gif) no-repeat;
}

.menu2 li a.top_link:hover span {

background:url(prodrop2/button4.gif) no-repeat right top;
}

.menu2 li a.top_link:hover span.down {
background:url(prodrop2/button4a.gif) no-repeat right top;
}


.menu2 li:hover > a.top_link {
 color:#993300;
background: url(prodrop2/button4.gif) no-repeat;
}

.menu2 li:hover > a.top_link span {
background:url(prodrop2/button4.gif) no-repeat right top;
}

.menu2 li:hover > a.top_link span.down {
background:url(prodrop2/button4a.gif) no-repeat right top;
}



.menu2 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 */

.menu2 a:hover {
visibility:visible;
}

.menu2 li:hover {
position:relative; 
z-index:200;
}


/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}

/* adjust position and width of sub-menus here */
.menu2 :hover ul.sub {
left:16px; 
top:30px; 
background: #DAC373; 
padding:3px 0; 
border:1px solid #1B2E12; 
white-space:nowrap; 
width:113px; 
height:auto;
}

.menu2 :hover ul.sub li {
display:block; 
height:20px; 
position:relative; 
float:left; 
width:100px;
}

.menu2 :hover ul.sub li a {
background: #DAC373; 
display:block; 
font-size:11px; 
height:20px; 
width:97px; 
line-height:20px; 
text-indent:-5px;
padding-left:10px; 
color:#000; 
text-decoration:none; 
border:3px solid #DAC373; 
border-width:0 0 0 3px;
}

.menu2 :hover ul.sub li a.fly {
background:#DAC373 url(prodrop2/arrow.gif) 100px 7px no-repeat;
}

.menu2 :hover ul.sub li a:hover {
background:#993300; 
color:#fff;
}

.menu2 :hover ul.sub li a.fly:hover {
background:#993300 url(prodrop2/arrow_over.gif) 100px 7px no-repeat; 
color:#fff;
}

/* adjust position and width of sub-menus here */
.menu2 :hover ul.sub2 {
left:16px; 
top:30px; 
background: #DAC373; 
padding:3px 0; 
border:1px solid #1B2E12; 
white-space:nowrap; 
width:143px; 
height:auto;
}

.menu2 :hover ul.sub2 li {
display:block; 
height:20px; 
position:relative; 
float:left; 
width:130px;
}

.menu2 :hover ul.sub2 li a {
background: #DAC373; 
display:block; 
font-size:11px; 
height:20px; 
width:127px; 
line-height:20px; 
text-indent:-5px;
padding-left:10px; 
color:#000; 
text-decoration:none; 
border:3px solid #DAC373; 
border-width:0 0 0 3px;
}

.menu2 :hover ul.sub2 li a.fly {
background:#DAC373 url(prodrop2/arrow.gif) 130px 7px no-repeat;
}

.menu2 :hover ul.sub2 li a:hover {
background:#993300; 
color:#fff;
}

.menu2 :hover ul.sub2 li a.fly:hover {
background:#993300 url(prodrop2/arrow_over.gif) 130px 7px no-repeat; 
color:#fff;
}

.menu2 :hover ul li:hover > a.fly {
background:#993300 url(prodrop2/arrow_over.gif) 130px 7px no-repeat; 
color:#fff;
}

.menu2 :hover ul.sub2 li ul li a {
background: #DAC373; 
display:block; 
font-size:11px; 
height:20px; 
width:87px; 
line-height:20px; 
text-indent:-5px;
padding-left:10px; 
color:#000; 
text-decoration:none; 
border:3px solid #DAC373; 
border-width:0 0 0 3px;
}
 

/* adjust position and width of flyout-menus here */
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{
left:110px; 
top:0px; 
background: #DAC373; 
padding:3px 0; 
border:1px solid #1B2E12; 
white-space:nowrap; 
width:113px; 
z-index:200; 
height:auto;
}
 

/* adjust position and width of flyout-menus here */
.menu2 :hover ul.sub2 :hover ul,
.menu2 :hover ul.sub2 :hover ul :hover ul,
.menu2 :hover ul.sub2 :hover ul :hover ul :hover ul,
.menu2 :hover ul.sub2 :hover ul :hover ul :hover ul :hover ul
{
left:140px; 
top:0px; 
background: #DAC373; 
padding:3px 0; 
border:1px solid #1B2E12; 
white-space:nowrap; 
width:103px; 
z-index:200; 
height:auto;
}



/* My Mods */

.menu2 li.top ul.sub li.doubled{
height:25px;
line-height:10px;
margin-bottom:5px
}

.menu2 li.top ul.sub li.doubled a{
height:25px;
line-height:12px;
}

.menu2 li.top ul.sub2 li.doubled{
height:25px;
line-height:10px;
margin-bottom:5px
}

.menu2 li.top ul.sub2 li.doubled a{
height:25px;
line-height:12px;
}

/* .down2 is for non-dropdown menu items */

.menu2 li a.top_link span.down2 {
float:left; 
display:block; 
padding:0 24px 0 12px; 
height:40px; 
background: none;
}

.menu2 li a.top_link:hover span.down2 {
padding:0 24px 0 12px;
background:url(prodrop2/button4b.gif) no-repeat right top;
}

.menu2 li:hover > a.top_link span.down2 {
background:url(prodrop2/button4b.gif) no-repeat right top;
}