/* ================================================================ 
menu for the Category (Flyout Version)
=================================================================== */
/* common styling */


.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:center; border:1px solid #FFFD82; border-width:1px 1px 0 0; background:#FFFD82; line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#ffa8c8;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#ffa8c8; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ffa8c8; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#e1ffa8; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#ffe1a8; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#e1ffa8; color:#000;}


BODY {
	margin: 0px;
	background-image: url(http://www.e-yumeusa.com/images/background_gradation.jpg);
	background-repeat: repeat-x;
}

.bottom_container {

	width: 964px;
	height: 112px;
	background: url(http://www.e-yumeusa.com/images/footer_background.png);
	margin-top:20px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	vertical-align:middle;
	clear:both;
	padding:0px;
	position:relative;
	bottom:0;
	
}



.infoBox {

  background: #b6b7cb;

}



.infoBoxContents {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxHeading {                                                                                        /* INFOBOX => for the top of each infobox */

	font-family: Verdana, Arial, sans-serif;																   /* Changed the background (1px repeat) */
	font-size: 12px;                                                                                         /* font color for text is white */
	font-weight: bold;
	color: #ffffff;
	background: url("http://www.e-yumeusa.com/images/infoheading_bg.jpg"); 
  	width:162px;
	height:30px;
	float:left;
	vertical-align:baseline;
	line-height:30px;

}

.infoBoxHeading_category {

	font-family: Verdana, Arial, sans-serif;																   /* Changed the background (1px repeat) */
	font-size: 12px;                                                                                         /* font color for text is white */
	font-weight: bold;
	color: #333333;
	background: url("http://www.e-yumeusa.com/images/top_category.png"); 
  	width:162px;
	height:30px;
	float:left;
	vertical-align:baseline;
	line-height:30px;	
	
}

/*******************************************************************/

/*******************************************************************/

/*                                                                 */

/*     ADDED BY: Yusuke Imamura                                    */

/*     DATE:     7/25/08                                           */

/*     COMMENT:  Added for top logo, background image, and top     */

/*               navigation. Also for the bottom tables that       */

/*               moving due to the absolute positioning used.      */

/*                                                                 */ 

/*               Breadcrumbs font size changed*                    */

/*               Everything changed in STS template system         */

/*               Directories in STS -> templates                   */

/*                                                                 */

/*******************************************************************/

/*******************************************************************/



a img {

	border:none;

	padding:0px;

	margin:0px;

	}



#container {

	border:none;

	padding:0px;

	margin-left: auto;

	margin-right: auto;

	text-align:center;

	background:url(http://www.e-yumeusa.com/images/top_background.jpg) no-repeat center top;
	
	min-height:100%;
	
	position:relative;

	}





.top_container {                                        /*background for the top navigation*/

	width:964px;

	text-align:center;

	margin:auto;
	
	border:none;
	
	padding: 0px;


}



#banner_container {                                               /*contains the logo and online beauty */

	width:964px;

	height:138px;

	margin-bottom:0px;

	padding: 0px;

	border:none;
	
	background:url(http://www.e-yumeusa.com/images/logo_onlinebeauty.gif) no-repeat center top;

}


.main_navigation {

	text-align:center;

	height:37px;

	padding:0px;

	margin:auto 0px auto auto;

	border:none;

	width:964px;

	}

.main_navigation ul {
	list-style:none;
	}

#btn_shop {

	float:left;

	top:138px;

	width:169px;

	height:37px;

	margin:0px;

	padding:0px;

	border:none;

	}



#btn_company {

	float:left;

	top:138px;

	width:157px;

	height:37px;

	margin:0px;

	padding:0px;

	border:none;

	}



#btn_faq {

	float:left;

	top:138px;

	width:206px;

	height:37px;

	margin:0px;

	padding:0px;

	border:none;

	}



#btn_contact {

	float:left;

	top:138px;

	width:204px;

	height:37px;

	margin:0px;

	padding:0px;

	border:none;

	}





#btn_affiliate {

	float:left;

	top:138px;

	width:228px;

	height:37px;

	margin:0px;

	padding:0px;

	border:none;

	}



.sub_navigation {

  width:964px;

  height:1.4em;

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  background-color:#fff76b;

  color: #6d6868;

  font-weight: bold;

  margin:auto;

  border:none;

  padding:0px;

  vertical-align:baseline;

  text-align:right;

}

.sub_navigation a {

	color:#6d6868;
	text-decoration:none;
	}

.sub_navigation a:hover {
	color:#ff03af;
	text-decoration:underline;
	}


.mid_container {                                /* CONTAINER (BELOW TOP BUTTONS) */

	margin:auto;

	padding:0px;

	border:0px;

	width:964px;

	text-align:center;

	
	}	


.left {

	width:200px;

	padding:5px;

	border:none;

	float:left;

	text-align:center;

	}



.mid {

	width:540px;

	padding:5px;

	border:none;

	margin:auto;
	
	float:left;

	}



.right {

	width:190px;

	padding:5px;

	border:none;

	float:left;

	text-align:center;

	}

		

#footer_text {                                  /* Footer */

	font-size:12px;

	font-weight:bold;

	text-align:center;

	letter-spacing:0.2em;

	width:700px;

	height:0px;

	padding-top:43px;

	margin:auto;

	top:0px;

	position:relative;

	line-height:1.2em;

	}

#footer_text a {

	color:#000000;
	text-decoration:none;
	}

#footer_text a:hover {
	color:#ff03af;
	text-decoration:underline;
	}

#end_text {                                     /* LAST TEXT */

	font-size:12px;
	top:15px;

}


#infobox_leftcorner {
	float:left;
}	

#infobox_rightcorner {
	float:left;
	}
	
#manufacturerbox {

	border:none;
	
	width:182px;
	
	height:85px;
	}

#manufacturerform {
	width:182px;
	height:51px;
	background:url("http://www.e-yumeusa.com/images/info_manufacturer_bg.jpg");
	}
	
#pulldown {
	line-height:51px;
	}

#categorybox {

	padding: 5px;

	border:none;
	}

#categorytop {
	width:182px;
	height:30px;
	border:none;
	padding:0;
	margin:0;
	text-align:center;
	}
	
.categorymenu {
	background:url("http://www.e-yumeusa.com/images/background_category.jpg");
	width:182px;
	height:280px;
	padding:0;
	margin:0;
	border:none;
	}		
	
#category_leftcorner {
	float:left;
	padding:0;
	margin:0;
	border:none;
	}
	
#category_leftcorner {
	float:left;
	padding:0;
	margin:0;
	border:none;
	}

#category_bottom {
	width:182px;
	height:10px;
	margin:auto;
	padding:0x;
	border:none;
	}

#category_leftbottom {
	float:left;
	}

#category_rightbottom {
	float:left;
	}
	
#category_menubottom {
	float:left;
	}

#calgel_sol {
	padding:5px;
	}
	
#calgel_sol a {
	border:none;
	}

#lechat {
	padding:5px;
	}
	
#lechat a {
	border:none;
	}

#rankingbox {
	
	padding: 5px;

	border:none;
	
	width:182px;
	
	height:100px;
	
	margin:0;
	}
	
#rankingbox ul {
	width:182px;
	text-align:left;
	padding:0;
	margin:0;
	border:none;
	background:url(http://www.e-yumeusa.com/images/background_ranking.jpg);
	}	

#rankingbox ul a {

	color:#000000;
	text-decoration:none;
	}

#rankingbox ul ol:hover a{
	color:#ff03af;
	text-decoration:underline;
	}
	
#info_bottom {
	width:182;
	text-align:center;
	margin:auto;
	padding:0;
	border:none;
	}
	
#info_bottomleft {
	float:left;
	padding-bottom:5px;
	}

#info_bottomright {
	float:left;
	padding-bottom:5px;
	}

#info_bottommenu {
	float:left;
	padding-bottom:5px;
	}	
	
#specialbar {
	margin:0;
	padding:8px 0px;
	border:none;
	}

.special {
	width:517px;
	text-align:center;
	margin:auto;
	padding-bottom:8px;
	}	
	
	
#bars {
	padding-bottom:8px;
	margin:0;
	border:none;
	}

#monthlyimages {
	padding-bottom:8px;
	}

h1 {
	font-size:10px;
	text-align:left;
	padding: 2px;
	}
	
h2	{
	font-size:12px;
	text-align:center;
	padding: 2px;
	font-weight:bold;
	color:#6D6868;
	}

h3	{				/*SEO TEXT WORDING below the banners */
	font-size:12px;
	text-align:center;
	padding: 2px;
	color:#6D6868;
	}	
	
	
ul {
	list-style:none;
	}

#gelChart {
	display:inline;
	text-align:left;
	}	
	
#leftbanner {
	display:inline;
	text-align:left;
	}