/* ================================================================ 
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.stunicholls.com/menu/tree_frog_vertical.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.
=================================================================== */
a:link { outline:none;}
a:visited {outline:none;}

#socials { width:255px; height:130px; /*border:1px white dashed;*/ }
#twit {margin-top:-30px; position:relative;}


#outer {width:200px; height:240px; position:relative; background:url(red_frog.jpg) no-repeat 0px 160px;}

#outer #content {clear:left; position:absolute; left:230px; top:10px; width:250px; z-index:10;}

#menu {list-style-type:none; padding:0; margin:0; width:184px; position:absolute; top:10px; left:0; border:0px solid #fff; border-width:0 0px 0px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; position:relative; border-top:0px solid #fff;}

#menu li.sub {}

#menu li, #menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:125px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#ff0; z-index:500;}
#menu li.click {color:#ff0;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu li.click ul li.fly {background: #657 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover {}

#menu li.click ul li.hover ul li {}
#menu li.click ul li.hover ul li.hover ul li { z-index:500;}

#menu li.click ul li.hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}

#outer img {display:block;}
#outer p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}


/*PRODUCTS*/


/*LIPS*/
.lips_leftside { float:left; /*border:white 1px dashed;*/ width:120px; height:120px;}
.lips_rightside { margin-top:-2px; margin-left:-13px; position:absolute; /*border:black 1px dashed;*/ width:135px; height:120px;}




#menu li a.lipstick:link,
#menu li a.lipstick:visited{
	background: url(../pics/sublinks/lipstick_lnk_bg.jpg) top left;
	display: block;
	height: 16px;
	width: 90px;
	z-index: 9999;
	margin-left:24px;
	margin-top:-2px;
	
	}
	
#menu li a.lipstick:hover,
#menu li a.lipstick:active {
	background: url(../pics/sublinks/lipstick_lnk_bg.jpg) bottom left;
	display: block;
	height: 16px;
	width: 90px;
	z-index: 9999;
	margin-left:24px;
	margin-top:-2px;

}
#menu li a.lippencil:link,
#menu li a.lippencil:visited{
	background: url(../pics/sublinks/lippencil_lnk_bg.jpg) top left;
	display: block;
	height: 16px;
	width: 90px;
	z-index: 9999;
		margin-left:25px;

}
#menu li a.lippencil:hover,
#menu li a.lippencil:active {
	background: url(../pics/sublinks/lippencil_lnk_bg.jpg) bottom left;
	display: block;
	height: 16px;
	width: 90px;
	z-index: 9999;
		margin-left:25px;

}

#menu li a.lipstain:link,
#menu li a.lipstain:visited{
	background: url(../pics/sublinks/lips_thestains.gif) top left;
	display: block;
	height: 30px;
	width: 90px;
	z-index: 9999;
		margin-right:15px;

}
#menu li a.lipstain:hover,
#menu li a.lipstain:active {
	background: url(../pics/sublinks/lips_thestains.gif) bottom left;
	display: block;
	height: 30px;
	width: 90px;
	z-index: 9999;
		margin-right:15px;

}

#menu li a.lipplump:link,
#menu li a.lipplump:visited{
	background: url(../pics/sublinks/plump_lnk_bg.jpg) top left;
	display: block;
	height: 31px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.lipplump:hover,
#menu li a.lipplump:active {
	background: url(../pics/sublinks/plump_lnk_bg.jpg) bottom left;
	display: block;
	height: 31px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.lipshelter:link,
#menu li a.lipshelter:visited{
	background: url(../pics/sublinks/lip_balmshelter_bg.jpg) top left;
	display: block;
	height: 31px;
	width: 100px;
	z-index: 9999;
		margin-left:23px;

}
#menu li a.lipshelter:hover,
#menu li a.lipshelter:active {
	background: url(../pics/sublinks/lip_balmshelter_bg.jpg) bottom left;
	display: block;
	height: 31px;
	width: 100px;
	z-index: 9999;
		margin-left:23px;

}
#menu li a.liprescue:link,
#menu li a.liprescue:visited{
	background: url(../pics/sublinks/liprescue_lnk_bg.jpg) top left;
	display: block;
	height: 36px;
	width: 135px;
	z-index: 9999;
		margin-right:85px;

}
#menu li a.liprescue:hover,
#menu li a.liprescue:active {
	background: url(../pics/sublinks/liprescue_lnk_bg.jpg) bottom left;
	display: block;
	height: 36px;
	width: 135px;
	z-index: 9999;
		margin-right:85px;

}

#menu li a.forkeeps:link,
#menu li a.forkeeps:visited{
	background: url(../pics/sublinks/lips_forkeeps.jpg) top left;
	display: block;
	height: 32px;
	width: 100px;
	z-index: 9999;
		margin-left:17px;
		margin-top:5px;

}
#menu li a.forkeeps:hover,
#menu li a.forkeeps:active {
	background: url(../pics/sublinks/lips_forkeeps.jpg) bottom left;
	display: block;
	height: 32px;
	width: 100px;
	z-index: 9999;
		margin-left:17px;
		margin-top:5px;

}

#menu li a.lipstainiac:link,
#menu li a.lipstainiac:visited{
	background: url(../pics/sublinks/lipstainiac_bg.jpg) top left;
	display: block;
	height: 36px;
	width: 90px;
	z-index: 9999;
		margin-left:25px;

}
#menu li a.lipstainiac:hover,
#menu li a.lipstainiac:active {
	background: url(../pics/sublinks/lipstainiac_bg.jpg) bottom left;
	display: block;
	height: 36px;
	width: 90px;
	z-index: 9999;
		margin-left:25px;

}

/*EYES*/
.eyes_leftside { float:left; /*border:white 1px dashed;*/ width:110px; height:140px;}
.eyes_rightside { position:absolute; /*border:black 1px dashed;*/ width:105px; height:120px; float:right;}

#menu li a.batterup:link,
#menu li a.batterup:visited{
	background: url(../pics/sublinks/eyes_batterup.jpg) top left;
	display: block;
	height: 32px;
	width: 122px;
	z-index: 9999;
		margin-left:3px;

}
#menu li a.batterup:hover,
#menu li a.batterup:active {
	background: url(../pics/sublinks/eyes_batterup.jpg) bottom left;
	display: block;
	height: 32px;
	width: 122px;
	z-index: 9999;
		margin-left:3px;

}

#menu li a.eyesovershadow:link,
#menu li a.eyesovershadow:visited{
	background: url(../pics/sublinks/eyes_overshadow_bg.jpg) top left;
	display: block;
	height: 30px;
	width: 90px;
	z-index: 9999;
		margin-left:20px;

}
#menu li a.eyesovershadow:hover,
#menu li a.eyesovershadow:active {
	background: url(../pics/sublinks/eyes_overshadow_bg.jpg) bottom left;
	display: block;
	height: 30px;
	width: 90px;
	z-index: 9999;
		margin-left:20px;

}
#menu li a.eyesshady:link,
#menu li a.eyesshady:visited{
	background: url(../pics/sublinks/eyes_shady_bg.jpg) top left;
	display: block;
	height: 43px;
	width: 90px;
	z-index: 9999;
		margin-left:10px;

}
#menu li a.eyesshady:hover,
#menu li a.eyesshady:active {
	background: url(../pics/sublinks/eyes_shady_bg.jpg) bottom left;
	display: block;
	height: 43px;
	width: 90px;
	z-index: 9999;
		margin-left:10px;

}
#menu li a.eyes2timer:link,
#menu li a.eyes2timer:visited{
	background: url(../pics/sublinks/eyes_2timer_bg.jpg) top left;
	display: block;
	height: 35px;
	width: 90px;
	z-index: 9999;
		margin-left:10px;


}
#menu li a.eyes2timer:hover,
#menu li a.eyes2timer:active {
	background: url(../pics/sublinks/eyes_2timer_bg.jpg) bottom left;
	display: block;
	height: 35px;
	width: 90px;
	z-index: 9999;
		margin-left:10px;

}
#menu li a.eyespickup:link,
#menu li a.eyespickup:visited{
	background: url(../pics/sublinks/eyes_pickup_bg.jpg) top left;
	display: block;
	height: 44px;
	width: 107px;
	z-index: 9999;
		margin-left:10px;

}
#menu li a.eyespickup:hover,
#menu li a.eyespickup:active {
	background: url(../pics/sublinks/eyes_pickup_bg.jpg) bottom left;
	display: block;
	height: 44px;
	width: 107px;
	z-index: 9999;
		margin-left:10px;

}
#menu li a.eyesmama:link,
#menu li a.eyesmama:visited{
	background: url(../pics/sublinks/eyes_mama_bg.jpg) top left;
	display: block;
	height: 29px;
	width: 115px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.eyesmama:hover,
#menu li a.eyesmama:active {
	background: url(../pics/sublinks/eyes_mama_bg.jpg) bottom left;
	display: block;
	height: 29px;
	width: 115px;
	z-index: 9999;
		margin-left:5px;

}

#menu li a.balmsaway:link,
#menu li a.balmsaway:visited{
	background: url(../pics/sublinks/balmsaway_lnk_bg.jpg) top left;
	display: block;
	height: 33px;
	width: 100px;
	z-index: 9999;
		margin-left:15px;

}
#menu li a.balmsaway:hover,
#menu li a.balmsaway:active {
	background: url(../pics/sublinks/balmsaway_lnk_bg.jpg) bottom left;
	display: block;
	height: 33px;
	width: 100px;
	z-index: 9999;
		margin-left:15px;

}

/*CHEEKS*/

.cheeks_leftside { float:left; /*border:white 1px dashed;*/  margin-top:-2px;width:120px; height:100px;}
.cheeks_rightside { position:absolute; /*border:black 1px dashed; */ margin-top:-2px;width:135px; height:80px;}
.cheeks_middle { position:absolute; /*border:black 1px dashed; */width:184px; height:80px;}


#menu li a.cheeksstainiac:link,
#menu li a.cheeksstainiac:visited{
	background: url(../pics/sublinks/cheeks_stainiac.jpg) top left;
	display: block;
	height: 31px;
	width: 100px;
	z-index: 9999;
		margin-left:10px;

}
#menu li a.cheeksstainiac:hover,
#menu li a.cheeksstainiac:active {
	background: url(../pics/sublinks/cheeks_stainiac.jpg) bottom left;
	display: block;
	height: 31px;
	width: 100px;
	z-index: 9999;
		margin-left:10px;

}
#menu li a.cheeksmama:link,
#menu li a.cheeksmama:visited{
	background: url(../pics/sublinks/cheeks_mama.jpg) top left;
	display: block;
	height: 32px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.cheeksmama:hover,
#menu li a.cheeksmama:active {
	background: url(../pics/sublinks/cheeks_mama.jpg) bottom left;
	display: block;
	height: 32px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.cheeksdownboy:link,
#menu li a.cheeksdownboy:visited{
	background: url(../pics/sublinks/cheeks_downboy.jpg) top left;
	display: block;
	height: 31px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.cheeksdownboy:hover,
#menu li a.cheeksdownboy:active {
	background: url(../pics/sublinks/cheeks_downboy.jpg) bottom left;
	display: block;
	height: 31px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

	}
#menu li a.cheeksmarylou:link,
#menu li a.cheeksmarylou:visited{
	background: url(../pics/sublinks/cheeks_marylou.jpg) top left;
	display: block;
	height: 31px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.cheeksmarylou:hover,
#menu li a.cheeksamrylou:active {
	background: url(../pics/sublinks/cheeks_marylou.jpg) bottom left;
	display: block;
	height: 31px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.cheekscabanaboy:link,
#menu li a.cheekscabanaboy:visited{
	background: url(../pics/sublinks/cheeks_cabanaboy.jpg) top left;
	display: block;
	height: 32px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.cheekscabanaboy:hover,
#menu li a.cheekscabanaboy:active {
	background: url(../pics/sublinks/cheeks_cabanaboy.jpg) bottom left;
	display: block;
	height: 32px;
	width: 120px;
	z-index: 9999;
		margin-left:5px;

}

/*FACE*/

.face_leftside { float:left; /*border:white 1px dashed;*/  margin-top:-2px;width:120px; height:100px;}
.face_rightside { position:absolute; /*border:black 1px dashed; */ margin-top:-2px;width:135px; height:80px;}

#menu li a.facebalmshelter:link,
#menu li a.facebalmshelter:visited{
	background: url(../pics/sublinks/face_balmshelter.jpg) top left;
	display: block;
	height: 32px;
	width: 120px;
	z-index: 9999;
		margin-left:8px;

}
#menu li a.facebalmshelter:hover,
#menu li a.facebalmshelter:active {
	background: url(../pics/sublinks/face_balmshelter.jpg) bottom left;
	display: block;
	height: 32px;
	width: 120px;
	z-index: 9999;
		margin-left:8px;

}
#menu li a.facesexymama:link,
#menu li a.facesexymama:visited{
	background: url(../pics/sublinks/face_sexymama.jpg) top left;
	display: block;
	height: 42px;
	width: 120px;
	z-index: 9999;
		margin-left:0px;

}
#menu li a.facesexymama:hover,
#menu li a.facesexymama:active {
	background: url(../pics/sublinks/face_sexymama.jpg) bottom left;
	display: block;
	height: 42px;
	width: 120px;
	z-index: 9999;
		margin-left:0px;

}

#menu li a.facemarylou:link,
#menu li a.facemarylou:visited{
	background: url(../pics/sublinks/cheeks_marylou.jpg) top left;
	display: block;
	height: 31px;
	width: 120px;
	z-index: 9999;
		margin-left:0px;

}
#menu li a.facemarylou:hover,
#menu li a.facemarylou:active {
	background: url(../pics/sublinks/cheeks_marylou.jpg) bottom left;
	display: block;
	height: 31px;
	width: 120px;
	z-index: 9999;
		margin-left:0px;

}

#menu li a.concealer:link,
#menu li a.concealer:visited{
	background: url(../pics/sublinks/concealer.jpg) top left;
	display: block;
	height: 15px;
	width: 90px;
	z-index: 9999;
		margin-left:7px;

}
#menu li a.concealer:hover,
#menu li a.concealer:active {
	background: url(../pics/sublinks/concealer.jpg) bottom left;
	display: block;
	height: 15px;
	width: 90px;
	z-index: 9999;
		margin-left:7px;

}
#menu li a.foundation:link,
#menu li a.foundation:visited{
	background: url(../pics/sublinks/foundation.jpg) top left;
	display: block;
	height: 17px;
	width: 90px;
	z-index: 9999;
		margin-left:13px;

}
#menu li a.foundation:hover,
#menu li a.foundation:active {
	background: url(../pics/sublinks/foundation.jpg) bottom left;
	display: block;
	height: 17px;
	width: 90px;
	z-index: 9999;
		margin-left:13px;

}



#menu li a.bahama:link,
#menu li a.bahama:visited{
	background: url(../pics/sublinks/bahama_lnk_bg.jpg) top left;
	display: block;
	height: 29px;
	width: 100px;
	z-index: 9999;
		margin-left:5px;


}
#menu li a.bahama:hover,
#menu li a.bahama:active {
	background: url(../pics/sublinks/bahama_lnk_bg.jpg) bottom left;
	display: block;
	height: 29px;
	width: 100px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.bigmama:link,
#menu li a.bigmama:visited{
	background: url(../pics/sublinks/face_bigmama.gif) top left;
	display: block;
	height: 32px;
	width: 90px;
	z-index: 9999;
		margin-left:5px;

}
#menu li a.bigmama:hover,
#menu li a.bigmama:active {
	background: url(../pics/sublinks/face_bigmama.gif) bottom left;
	display: block;
	height: 32px;
	width: 90px;
	z-index: 9999;
		margin-left:5px;

}


#menu li a.littleblackpencil:link,
#menu li a.littleblackpencil:visited{
	background: url(../pics/sublinks/eyes_littleblackpencil.jpg) top left;
	display: block;
	height: 32px;
	width: 90px;
	z-index: 9999;
		margin-left:35px;

}
#menu li a.littleblackpencil:hover,
#menu li a.littleblackpencil:active {
	background: url(../pics/sublinks/eyes_littleblackpencil.jpg) bottom left;
	display: block;
	height: 32px;
	width: 90px;
	z-index: 9999;
		margin-left:35px;

}

#menu li a.liquidtimebalm:link,
#menu li a.liquidtimebalm:visited{
	background: url(../pics/sublinks/face_liquidtimebalm2.jpg) top left;
	display: block;
	height: 25px;
	width: 130px;
	z-index: 9999;
		margin-left:8px;

}
#menu li a.liquidtimebalm:hover,
#menu li a.liquidtimebalm:active {
	background: url(../pics/sublinks/face_liquidtimebalm2.jpg) bottom left;
	display: block;
	height: 25px;
	width: 130px;
	z-index: 9999;
		margin-left:8px;

}