/* ================================================================ 
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/flyout_4level.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.
=================================================================== */
.flymenu {
margin:0; /* this page only */
}

.flymenu a:link, .flymenu a:visited{
    font:normal 8pt/24px arial;
}

/* remove all the bullets, borders and padding from the default list styling */
.flymenu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:146px;
\\margin-left:1px;


}
/* style the list items */
.flymenu li {

height:auto;
/* for IE7 */
float:left;
}
.flymenu li.sub {
width:186px;float:left;word-break:break-word;height:auto;padding-left:0px;padding-right:0px;border-bottom:0px solid #ddd;border-left:0px solid #ddd; border-right:0px solid #ddd;xbackground:url(../images/sub_bg.gif) no-repeat ;} 

/* get rid of the table */
.flymenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:600; font-size:1em;}

/* style the links */
.flymenu a, .flymenu a:visited {
display:block; 
text-decoration:none;
height:auto;
width:136px;

color:#333;
font:normal 8pt/24px arial;
padding-left:45px;
\\padding-right:10px;	
text-indent:0px;
\\border-bottom:1px solid #eee;
\\border-width:1px 1px 1px 1px;
_border-width:0 1px 1px 1px;
word-break:break-word;
}

.flymenu .sub UL a:link, .flymenu .sub UL   a:visited {
display:block; 
float:left;
text-decoration:none;
height:auto;
line-height:24px;
height:24px;
width:161px;
color:#333;
padding-left:25px;
padding-right:0px;	
text-indent:0px;
border-bottom:1px solid #ccc;
border-width:0px 1px 1px 1px;
_border-width:0 1px 1px 1px;

}


/* hack for IE5.5 */
* html .flymenu a, * html .flymenu a:visited {width:136px; w\idth:136px;}
/* style the link hover */
* html .flymenu a:hover {color:#333; text-decoration:underline;
position:relative;}

.flymenu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.flymenu a:active, .flymenu a:focus {color:#333;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.flymenu li:hover > a {color:#333;text-decoration:underline; }
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.flymenu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:120px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);


}

/* for browsers that understand this is all you need for the flyouts */
.flymenu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.flymenu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.flymenu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.flymenu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.flymenu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.flymenu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.flymenu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.flymenu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

LI.threesub  {
	BORDER-top:1px solid #888;
	BORDER-LEFT:1px solid #888;
	BORDER-RIGHT:1px solid #888;
	background:#fff;
	z-index:610;
	position:relative;
\\	padding-right:10px;
         margin-top:-1px;
         width:150px; 
         overflow:hidden;  
              	
}

LI.threesub  a:link,  LI.threesub  a:visited{
         color:#333;
	padding-right:10px;
         text-decoration:underline;
         padding-left:0px;
}

.flymenu .sub .threesub a:hover {
    color:#333;
    text-decoration:underline;
}

#catelog  .mainsub
{
	font:bold 9pt/25px  arial;		
	width:186px;			
	text-align:left;	
	BACKGROUND:url(../images/sidebar_mainsub_bg.gif) repeat-y;	
         COLOR:#333;          
 \\        border-bottom:1px solid #ddd;
         
} 

#catelog .mainsub a:link,#catelog .mainsub a:visited {    
    display:block;
    width:150px;
    height:25px;
    color:#333;
    font:normal 9pt/25px arial;
    text-decoration:none;
    padding-left:45px;
\\    TEXT-TRANSFORM: uppercase;


}

#catelog .mainsub a:hover {
    color:#FC5915;
    text-decoration:underline;
\\      background:#5c5c5c;
}


.subnavclass , .subnavclass2 {
    width:186px;
\\    background:url(../images/subnavclass_bg.gif) repeat-y;
    padding-bottom:0px;
}

.subnavclass_foot {
    display:none;
    width:194px;
    height:55px;
    overflow:hidden;
\\    background:#000000;
\\    background:url(../images/subnavclass_foot_bg.gif);
}


.rightpop {
    background:url(../images/rightpop_arrow.gif) no-repeat;
    BACKGROUND-POSITION: left center;
}
.norightpop {
      background:url(../images/rightpop_arrow_no.gif) no-repeat;
    BACKGROUND-POSITION: left center;
}
.rightpop2 {
    background:url(../images/rightpop_arrow.gif) no-repeat ;
    BACKGROUND-POSITION: left center;
}
.norightpop2 {
         background:url(../images/rightpop_arrow_no.gif) no-repeat;
    BACKGROUND-POSITION: left center;
}


#catelog  .mainsub2
{
	font:bold 9pt/25px  arial;		
	width:186px;			
	text-align:left;	
	BACKGROUND:url(../images/sidebar_mainsub_bg.gif) repeat-y;	
         COLOR:#333;          
 \\        border-bottom:1px solid #ddd;
         
} 

#catelog .mainsub2 a:link,#catelog .mainsub2 a:visited {    
    display:block;
    width:150px;
    height:25px;
    color:#333;
    font:normal 9pt/25px arial;
    text-decoration:none;
    padding-left:45px;
\\    TEXT-TRANSFORM: uppercase;


}

#catelog .mainsub2 a:hover {
    color:#FC5915;
    text-decoration:underline;

}
*html .subnavclass2  .flymenu a:hover {color:#FC5915; text-decoration:none; 
xbackground:#fff; position:relative;}

.subnavclass2   .flymenu li:hover > a {color:#333;text-decoration:underline; xbackground:#fff;}


.subnavclass2 .flymenu .sub UL a:link, .subnavclass2 .flymenu .sub UL   a:visited {
display:block; 
float:left;
text-decoration:none;
height:auto;
line-height:24px;
height:24px;
width:170px;
color:#3C4245;
padding-left:30px;
padding-right:0px;	
text-indent:0px;
border-bottom:1px solid #7B634C;
border-width:0px 1px 1px 1px;
_border-width:0 1px 1px 1px;
background:#efefef;
}