/**
* PetZerToneRonic Studios :: Web Factory :: Multi-Level drop down menu
* this menu is tested and worked perfectly on the main browser - I.E, Opera, FireFox
* Perfected at 4.40pm Sunday April 22 2007
* Author: Ryner A.J
*
* For those who downloaded this css file and using it: 
* PLEASE DON'T REMOVE THIS NOTE.
* You may use it without limitation.
* Please kindly send me an email (rognaxen@yahoo.com) telling me where you're using this css. 
* Thank You
**/

.ctr          {cursor:pointer;width:100%;text-align:center;}
.mainmenu_td  {width:100%;border-bottom:#ddd 1px solid}
.mainmenu_div {border-bottom:#efefef 1px solid;border-top:#efefef 0px solid;height:25px;}
.sub          {left:95%;top:8px;position:absolute;width:9px;height:9px}
.sub2         {left:96%;top:8px;position:absolute;width:9px;height:9px}

#mainmenu UL{
	padding:0px;
	margin:0px;
	list-style-type:none;
	z-index:200;
}
#mainmenu UL LI {
	float:left;
    position: relative;  
    text-align: left; /** this controls the 1st block position **/
    color:#3c3c3c;
    z-index:200;
}
#mainmenu UL LI A {
	display: block; 
    line-height: 24px;  
    text-decoration: none;
    color:#3c3c3c;
    background:#ffffff;
    text-align:center; /** this controls the text of the the top nav :: required in Opera **/
}
#mainmenu UL LI A:visited{ 
    background:none; /** this controls the bgcolor of the top nav menus / text **/
    color:#3c3c3c
}
#mainmenu UL LI A:active{ 
    background:purple; /** this controls the bgcolor of the top nav menus / text **/
    color:#fff
}
#mainmenu UL LI A:hover{ 
    background:purple; /** this controls the bgcolor of the top nav menus / text **/
    color:#fff
}
#mainmenu UL LI UL {
	display: none; 
    position:absolute; 
    top: 24px; /** this ctrl the height of the drop down box **/ 
    border:#999999 1px solid;
    color:#3c3c3c;
    font-size:8pt;
    z-index:200;
}
#mainmenu UL LI UL A{
	padding-left:10px; /** this ctrl the padding left of a text with <A> in the drop down box **/
	background:#ffffff;
	text-align:left;
	line-height:24px; /** this ctrl the line-height of the text in the drop down box :: 
	                      important for firefox :: must the same with #mainmenu UL LI A line-height **/
}

/** sub menus ops *********************************/
#mainmenu UL LI UL LI UL{ /* 1st sub menu */
    position:absolute;
    top:-1px;
    left:100%;
    display:none;
    z-index:200;
}
#mainmenu UL LI UL LI UL LI UL{ /* 2nd sub menu */
    top:-1px; /** this ctrls the 2nd sub menu box to show exactly lined with the 2nd box **/
}
/** sub menus ops end *****************************/

/** show / hide drop down box operations **/
#mainmenu UL LI.over UL{
    display:block;
}
/** ops for 1st subs **/
#mainmenu UL LI.over UL LI UL{
    display:none;
}
#mainmenu UL LI.over UL LI.over UL{
    display:block;
}
/** ops for 2nd subs **/
#mainmenu UL LI.over UL LI.over UL LI UL{
    display:none;
}
#mainmenu UL LI.over UL LI.over UL LI.over UL{
    display:block;
}
/** operation ends ************************/



/** nav_1 ctrl ******************/
#mainmenu #nav_1{/** width of the text with <A> on top_nav **/
    width:60px;
}
#mainmenu #nav_1main LI A{/** width of the drop down box **/
	width:250px;
}
#mainmenu #nav_1main #nav_1main_sub01 LI A{/** width of the 2nd drop down box **/
	width:200px;
}
/** nav_1 ctrl end **************/

/** nav_2 ctrl ******************/
#mainmenu #nav_2{/** width of the text with <A> on top_nav **/
    width:100px;
}
#mainmenu #nav_2main LI A{/** width of the drop down box **/
	width:200px;
}
#mainmenu #nav_2main #nav_2main_sub01 LI A{/** width of the 2nd drop down box **/
	width:200px;
}
#mainmenu #nav_2main #nav_2main_sub01 #nav_2main_sub01_sub001 LI A{/** width of the 3rd drop down box **/
	width:140px;
}
#mainmenu #nav_2main #nav_2main_sub02 LI A{/** width of the 2nd drop down box **/
	width:340px;
}
#mainmenu #nav_2main #nav_2main_sub02_sub001 LI A{/** width of the 2nd drop down box **/
	width:180px;
}
#mainmenu #nav_2main #nav_2main_sub02_sub002 LI A{/** width of the 2nd drop down box **/
	width:140px;
}
#mainmenu #nav_2main #nav_2main_sub03 LI A{/** width of the 2nd drop down box **/
	width:230px;
}
#mainmenu #nav_2main #nav_2main_sub04 LI A{/** width of the 2nd drop down box **/
	width:310px;
}
/** nav_2 ctrl end **************/

/** nav_3 ctrl ******************/
#mainmenu #nav_3{/** width of the text with <A> on top_nav **/
    width:90px;
}
#mainmenu #nav_3main LI A{/** width of the drop down box **/
	width:200px;
}
#mainmenu #nav_3main #nav_3main_sub01 LI A{/** width of the 2nd drop down box **/
	width:190px;
}
#mainmenu #nav_3main #nav_3main_sub02 LI A{/** width of the 2nd drop down box **/
	width:180px;
}
#mainmenu #nav_3main #nav_3main_sub03 LI A{/** width of the 2nd drop down box **/
	width:180px;
}
#mainmenu #nav_3main #nav_3main_sub04 LI A{/** width of the 2nd drop down box **/
	width:150px;
}
#mainmenu #nav_3main #nav_3main_sub05 LI A{/** width of the 2nd drop down box **/
	width:120px;
}
#mainmenu #nav_3main #nav_3main_sub06 LI A{/** width of the 2nd drop down box **/
	width:180px;
}
/** nav_3 ctrl end **************/

/** nav_4 ctrl ******************/
#mainmenu #nav_4{/** width of the text with <A> on top_nav **/
    width:70px;
}
#mainmenu #nav_4main LI A{/** width of the drop down box **/
	width:200px;
}
#mainmenu #nav_4main #nav_4main_sub01 LI A{/** width of the 2nd drop down box **/
	width:240px;
}	
#mainmenu #nav_4main #nav_4main_sub02 LI A{/** width of the 2nd drop down box **/
	width:170px;
}	
#mainmenu #nav_4main #nav_4main_sub03 LI A{/** width of the 2nd drop down box **/
	width:190px;
}
#mainmenu #nav_4main #nav_4main_sub04 LI A{/** width of the 2nd drop down box **/
	width:150px;
}
/** nav_4 ctrl end **************/

/** nav_5 ctrl ******************/
#mainmenu #nav_5{/** width of the text with <A> on top_nav **/
    width:100px;
}
#mainmenu #nav_5main LI A{/** width of the drop down box **/
	width:200px;
}
#mainmenu #nav_5main #nav_5main_sub01 LI A{/** width of the 2nd drop down box **/
	width:200px;
}
/** nav_5 ctrl end **************/

/** nav_6 ctrl ******************/
#mainmenu #nav_6{/** width of the text with <A> on top_nav **/
    width:70px;
}
#mainmenu #nav_6main LI A{/** width of the drop down box **/
	width:200px;
}
#mainmenu #nav_6main #nav_6main_sub01 LI A{/** width of the 2nd drop down box **/
	width:200px;
}
/** nav_6 ctrl end **************/

/** nav_7 ctrl ******************/
#mainmenu #nav_7{/** width of the text with <A> on top_nav **/
    width:70px;
}
#mainmenu #nav_7main LI A{/** width of the drop down box **/
	width:200px;
}
#mainmenu #nav_7main #nav_7main_sub01 LI A{/** width of the 2nd drop down box **/
	width:200px;
}
/** nav_7 ctrl end **************/

/** nav_8 ctrl ******************/
#mainmenu #nav_8{/** width of the text with <A> on top_nav **/
    width:90px;
}
#mainmenu #nav_8main LI A{/** width of the drop down box **/
	width:200px;
}
#mainmenu #nav_8main #nav_8main_sub01 LI A{/** width of the 2nd drop down box **/
	width:200px;
}
/** nav_8 ctrl end **************/

/** nav_9 ctrl ******************/
#mainmenu #nav_9{/** width of the text with <A> on top_nav **/
    width:140px;
}
#mainmenu #nav_9main LI A{/** width of the drop down box **/
	width:200px;
}
#mainmenu #nav_9main #nav_9main_sub01 LI A{/** width of the 2nd drop down box **/
	width:200px;
}
/** nav_9 ctrl end **************/