/* Common Part

----------------------------------------------- */

* html {

margin:0;

padding:0;

}



body{



font-family:Tahoma, Arial, Helvetica, sans-serif;

font-size:12px;

color:#585D5F;

/*background:url(../images/head.gif) no-repeat top center;*/

background-color:#3F6D8D;
margin-top:16px;

}

#top {

width:990px;

margin:0 auto;

height:16px;

margin-bottom:14px;

background:url(../images/head.gif) no-repeat;
background-color:#3F6D8D;

}

.clear {

clear:both;

font-size:1px;

width:100%;

margin-bottom: -1px;

}



/* =Misc(links)

----------------------------------------------- */





a {

color:#436EA7;

font-weight:bold;

}



p a {

color:#00e;

font-weight:normal;

}



.copy {

	font-family: Tahoma;

	font-size: 11px;

	line-height: 12px;

	color: #585D5F;

	text-decoration: none;

}



/* =Header

----------------------------------------------- */



/* =Content

----------------------------------------------- */

#wrapper {

width:990px;

margin:0 auto;

background:url(../images/bg.gif) repeat-y;

}



#apple {

background:url(../images/apple.jpg) no-repeat 0% 100%;

width:990px;

}



#left {

float:left;

width:218px;

}



#right {

float:left;

width:722px;

padding:6px 10px 0 38px;

}





.text_1 {

	font-family: Tahoma;

	font-size: 11px;

	color: #424242;

}



#graybox {

width:171px;

height:249px;

background:url(../images/zoom_bg.gif) no-repeat;

float:right;

margin:33px 0 0 15px;

padding:35px 10px 0 150px;

}





#cosmeticbox {

width:171px;

height:210px;

background:url(../images/cosmetic.jpg) no-repeat;

float:right;

margin:33px 0 0 15px;

padding:35px 10px 0 150px;

}







/* content */

#content {

	width:690px;

	margin:19px 0 0 8px;

}



#content p {

	margin:0 6px 15px 6px;

}



#content img  {

	margin:0 2px;

}



#content h4 {

	color:#0A5185;

	font-size:18px;

	margin:25px 0 15px 0;

	font-weight:normal;

}



#content img.border {

	border:3px solid #0A5185;

	margin:3px;

}















/* =Secondary(sidebar)

----------------------------------------------- */



/* =Footer

----------------------------------------------- */

#bot {

width:990px;

margin:0 auto;

height:16px;

margin-bottom:14px;

background:url(../images/bot.gif) no-repeat;

}





/* left menus */	

#left ul {

	margin: 0;

	padding: 0;

	list-style: none;

	width: 130px; /* Width of Menu Items */

	font-size: 14px;

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

}







#left ul li {

	position: relative;

	background-color: #E2EEEA;

	border: 1px solid #E2EEEA;

}





#left a:hover {

	background-color: #57dfff;

}

	

#left li ul {

	position: absolute;

	left: 129px; /* Set 1px less than menu width */

	top: 0;

	display: none;

	color: #666;

	background-color: #E2EEEA;

	border: 1px solid #808080;

	width: 150px;

}



/* Styles for Menu Items */

#left ul li a {

	display: block;

	text-decoration: none;

	color: #666666;	

	padding: 3px 0 4px 4px;

	font-weight:normal;

	border-bottom: 0;

	

}



/* Fix IE. Hide from IE Mac \*/

* html #left ul li { float: left; height: 1%; }

* html #left ul li a { height: 1%; }

/* End */



#left ul li a:hover { color: #000; 	 } /* Hover Styles */

		

#left li ul li a { 	padding: 4px; } /* Sub Menu Styles */

		

#left li:hover ul, #left li.over ul { display: block; } /* The magic */





#col_wide_left_2

{

	padding-right: 20px;

	background: url("../images/col_divider_2.gif");

}



#col_narrow_right

{

	width: 150px;

	margin: 0 0 20px 18px;

	padding: 0;

	float: left;

}



table#left-table {

	background-color: #1515CB;

	color: yellow;