/* CSS Document 

 ===================================================================== Menu CSS  */





.submenu2 {

width:100%; 

height:19px; 

font-size:11px;

position:relative;

z-index:80;

}

/* remove all the bullets, borders and padding from the default list styling */

.submenu2 ul {

padding:0;

margin:0;

list-style-type:none;

}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.submenu2 li {

float:left;

list-style-type:none;

position:relative;


}





/* style the links for the top level */

.submenu2 a, .submenu2 a:visited {

display:block;

font-size:10px;

text-decoration:none; 

color:#666666; 

height:8px; 

border-width:0px; 

line-height:8px;

font-family: Arial, Helvetica, san-serif;

font-weight: 900px;
}



.submenu2 ul li {
	
}

/* a hack so that IE5.5 faulty box model is corrected */

* html . submenu2 a, * html . submenu2 a:visited {

/*

width:50px;

w\idth:50px;

*/

}



/* style the second level background */

.submenu2 ul ul a.drop, .menu ul ul a.drop:visited {

background:#000000;
}

/* style the second level hover */

.submenu2 ul ul a.drop:hover{

background:#000000;

}

.submenu2 ul ul :hover > a.drop {

background:#000000;

}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.submenu2 ul ul {

visibility:hidden;

position:absolute;


padding: 0px;
height: auto;

top:18px;

left:0; 


border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

/* another hack for IE5.5 */

* html . submenu2 ul ul {

top:17px;

t\op:18px;

}



/* position the third level flyout menu */

.submenu2 ul ul ul{

left:150px; 

top:0;

/* width:150px; */

}

/* position the third level flyout menu for a left flyout */

.submenu2 ul ul ul.left {

left:-150px;

}



/* style the table so that it takes no part in the layout - required for IE to work */

.submenu2 table {position:absolute; top:0; left:0;}



/* style the second level links */

.submenu2 ul ul a, .submenu2 ul ul a:visited {
 
color:#333333; 
height:20px; 

line-height:20px; 

padding-left:7px;

padding-right: 3px;
background:#ffffff;
z-index:3000; 
/* yet another hack for IE6 width of the secondary pull downs*/


}

* html . submenu2 ul ul a{

/*

width:100%;

w\idth:100%;

*/

}





/* style the top level hover */

.submenu2 a:hover {
color:#993399; 
text-decoration: none;
background:none;
display:block;
height: 18px;
}

.submenu2 ul ul a:hover{
color:#993399; 
text-decoration: none;
background:#f2f2f2;
display:block;
height: 20px;
}

.submenu2 :hover > a, . submenu2 ul ul :hover > a {
color:#993399;
text-decoration: none;
}



/* make the second level visible when hover on first level list OR link */

.submenu2 ul li:hover ul,

.submenu2 ul a:hover ul{

visibility:visible; 
margin-top:-3px;
color:#666666;
background:#ffffff;

}





/*  define the classes for each menu  */




.submenu2Affiliates {
	width:45px;
	padding-left:8px;
}


.submenu2Resellers {
	text-align:left;
	width:48px;
	padding-left:8px;
}

.submenu2NewColors {
	text-align:left;
	width:60px;
	padding-left:8px;
}

.submenu2Applications {
	text-align:left;
	width:67px;
	padding-left:8px;
}
.applications2UL li{
	width:115px;
	z-index:300;
	text-align:left;
}

.submenu2IntheMedia {
	text-align:left;
	width:70px;
	padding-left:8px;
}

.submenu2Video {
	text-align:left;
	width:40px;
	padding-left:8px;
}

.submenu2Gifts{
	text-align:left;
	width:75px;
	padding-left:8px;
}

.submenu2Makeup {
	text-align:left;
	width:50px;
	padding-left:8px;
}

.makeup2UL li{
	width:100px;
	z-index:300;
	text-align:left;
}

#Nav3 a:link, #Nav3 a:visited {
	font-family: Arial, Helvetica, san-serif;
	font-weight: 800;
	margin-right: 15px;
	font-size:10px;
	color: #666666;
}