/* ================================================================ 
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/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
font-family: verdana, sans-serif; 
width:220px; /*sets widht of block */
padding-top: 5px;
position:relative; 
margin:0 0 5px 0; 
border: 2px solid #862b35; /* puts border around each block of menu */
z-index:5;
}

.menu ul li a:visited {
display:block; 
text-decoration:none; 
color: #FED200; 
background-color: #000;
background-image: url('buttons/glow-for-buttons.jpg');
background-repeat:no-repeat;
font-size:75%;
text-align: left;
font-weight:bold;
width:220px; 
/*height:20px;*/ 
text-align:left;
padding: 3px 0 3px 0; 
margin-left: 0px;
border-top:1px solid #444;
border-bottom:1px solid #444; 
/*border-left:2px solid #888;
border-right:2px solid #888;*/
/*border-width:1px 1px 0 0; background:#c9c9a7;*/ 
text-decoration:none;
/*margin: 1px 2px;*/
}

.menu ul li a {
display:block; 
text-decoration:none; 
color: #FED200; 
background-color: #000;
background-image: url('buttons/glow-for-buttons.jpg');
background-repeat:no-repeat;
font-size:75%;
text-align: left;
font-weight:bold;
width:220px; 
/*height:20px;*/ 
text-align:left;
padding: 3px 0 3px 0; 
margin-left: 0px;
border-top:1px solid #444;
border-bottom:1px solid #444; 
/*border-left:2px solid #888;
border-right:2px solid #888;*/
/*border-width:1px 1px 0 0; background:#c9c9a7;*/ 
text-decoration:none;
/*margin: 1px 2px;*/
}

.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;} /* The float left seems to have an effect on spacing on submenu in IE */
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {text-decoration:none; color:#fff; background:#BD2B35; border-left:3px solid #BD2B35;   border-bottom:1px solid #FED200; border-top:1px solid #FED200;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:220px; width:276px;}
.menu ul li:hover ul li a.hide {text-decoration:none; background:#BD2B35; color:#FED200; border-top:1px solid #FED200; border-bottom:1px solid #FED200;
}
.menu ul li:hover ul li:hover a.hide {width:200px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#BD2B35; color:#FED200; width:250px;}
.menu ul li:hover ul li a:hover {background:#000; color:#fff; border-bottom:1px solid #FED200; border-top:1px solid #FED200;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:166px; top:0; color:#fff;}
.menu ul li:hover ul li:hover ul li a {display:block; width:260px; background:#005B48; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#56002B; color:#fff;}


.div clearingfloat
{
	clear:both;
	width:100%;
}


.menu img
{
	border:0;margin:0;padding:0;
}

.menutab
{
background-image: url('buttons/productstab.gif');
width:226px;
height: 26px;
background-repeat:no-repeat;
color: #fff;
font-size:80%;
font-weight:bold;
text-align:left;
font-family:Verdana, arial, helvetical, sans-serif;
}

.menutabtext
{
	position: relative;
	top:10px;
}

/* These three sections are necessary because FireFox didn't like the floats on the .menu ul li.
The reason that's an issue on this site is because there are three different menu blocks, each containing
a set of links (with flyout links).  Firefox was floating all of them and not just the stuff inside menu.

Add appx 22px for each single line entry 
*/
 
.section1 {height: 170px;}
.section2 {height: 230px;} /* Set to 258 for grant 230 for normal menu */
.section3 {height: 199px;}