body {
width:100%;
height:100%;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#FFFFFF url("../images/p_001.png") top left repeat-x;
}

#page {
width:767px;
}
#page td {
padding:0px;
}

#header {
background:url("../images/p_002.png") top center no-repeat;
}
#header #header_links {
padding:26px 30px 35px 0px;
}
#header #header_links table {
width:250px;
float:right;
}
#header #menu {
color:white;
}
#header #menu a {
text-decoration:none;
color:white;
}
#header_links a {
text-decoration:none;
color:black;
}
#header #supermenu {
background:url("../images/p_003_1.png") bottom left repeat-x;
width:100%;
height:28px;
}
#header #supermenu .punkt {
float:left;
padding:7px 11px 6px 11px;
background:url("../images/p_003_2.png") center right no-repeat;
}
#header #supermenu .selected {
float:left;
padding:0px;
}
#header #supermenu .selected .left {
float:left;
height:28px; width:4px;
background:url("../images/p_003_3.png") top left no-repeat;
}
#header #supermenu .selected .center {
float:left;
padding:7px 4px 6px 4px;
background:url("../images/p_003_4.png") top left repeat-x;
}
#header #supermenu .selected .right {
float:left;
height:28px; width:17px;
background:url("../images/p_003_5.png") top right no-repeat;
}

#header #submenu {
clear:both;
background-color:#24368C;
width:100%;
}
#header #submenu .punkt {
float:left;
padding:1px 4px 3px 4px;
background-color:#24368C;
}
#header #submenu .last_punkt {
padding:1px 4px 3px 4px;
background-color:#24368C;
}

#content {
margin:0;
background-color:white;
}
#content #top_pictures {
padding:5px 0px 90px 14px;
}
#content #top_pictures .line {
clear:both;
}
#content #top_pictures .line div {
background-position: center center;
background-repeat: no-repeat;
}
#top_pictures #line_1 div {
height:152px;
float:left;
}
#top_pictures #line_2 div {
height:87px;
float:left;
}
#top_pictures #line_1 .top_pictures_1 {
background-image:url("../images/p_004_1.png");
width:245px;
}
#top_pictures #line_1 .top_pictures_2 {
background-image:url("../images/p_004_2.png");
width:247px;
}
#top_pictures #line_1 .top_pictures_3 {
background-image:url("../images/p_004_3.png");
width:244px;
}
#top_pictures #line_2 .top_pictures_1 {
background-image:url("../images/p_004_4.png");
width:245px;
}
#top_pictures #line_2 .top_pictures_2 {
background-image:url("../images/p_004_5.png");
width:247px;
}
#top_pictures #line_2 .top_pictures_3 {
background-image:url("../images/p_004_6.png");
width:244px;
}

#er_block {
clear:both;
color:#293A90;
}
#er_block .line {
clear:both;
}
#er_block .line .left {
float:left;
}
#er_block .line .right {
float:right;
}
#er_block .line .center {
text-align:center;
}
#er_block .line .xia {
clear:both;
}

#text_dcefy {
	width:450px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#diet_created_exclusively_for_you {
font-size:1.5em;
text-align:right;
line-height: 1.7;
padding:0px 197px 0px 0px;
}
#get_control_of_your_diet {
font-weight:bold;
font-size:1.2em;
color:#0C0A68;
line-height: 1.7;
padding:15px 10px 30px 0px;
}
#weight_loss_testimonials {
background:url("../images/p_007.png") top left no-repeat;
width:220px;
height:220px;
padding:4px 0px 4px 4px;
}
#weight_loss_testimonials a {
text-decoration:none;
}
#weight_loss_testimonials_img {
float:left;
margin-right:4px;
display:none;
}
#weight_loss_testimonials_text {
font-size:0.8em;
padding:0px 6px 4px 4px;
display:none;
}
#weight_loss_testimonials_doctor {
padding:0px 0px 0px 0px;
}

ul {
list-style-type:none;
}
.taofan_mingdan {
width:253px;
padding:0px;
margin:0px;
}
.taofan_mingdan li {
padding:4px 0px 0px 20px;
}
.taofan_mingdan li a {
text-decoration:none;
}
.taofan_mingdan li.dianji {
font-size:1.1em;
font-weight:bold;
}
.taofan_mingdan li.yincang {
display:none;
}
.taofan_mingdan li.yincang ul {
padding:0px;
margin:0px;
}

#footer {
border-top:1px solid #949CC7;
color:#0C0A68;
padding:5px 0px 0px 0px;
margin-top:20px;
font-size:0.9em;
}
#footer a {
color:#0C0A68;
}
#footer ul {
margin:10px 0px 15px 100px;
}
#footer li {
float:left;
padding:0px 3px 0px 3px;
}
/* added code */
#container{
	background-image: url(../img/Header-nav-menu-update1.png);
	height: 92px;
	width: 766px;
	background-repeat: no-repeat;
}
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
	padding-right: 15px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 30px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
margin:0;
float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
text-align:left;
}

/* All menu links on hover or focus */

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 

#subMenusContainer a.subMenuParentBtnFocused
{
	color:#FFF;
	background-color: #CA00FD;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
background: url(../img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
background: url(../img/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
background: url(../img/arrow_down_over.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
display:none; 
position: absolute; 
overflow:hidden; 
/*the 2px left & right padding lets you have a 1px border 
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -2px;
}

/* All ULs and OLs */
#nav,  #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
/*border around submenu goes here*/	 
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background:#24368C;	
border:0px solid #C3D46A;
left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {
	/*great place to use a background image as a divider*/
display:block;
	list-style:none;
	position:relative;
	float:left;
	background-image: url(img/li_bg.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
}
#nav li ul li {background-image:none}
#nav li.sel {
	/*great place to use a background image as a divider*/
display:block;
	list-style:none;
	position:relative;
	float:left;
	background-image: url(../img/sel.gif);
	background-repeat: no-repeat;
	background-position: -2px 0px;
	padding-right: 10px;
}
#subMenusContainer li{
list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	list-style:none;
	margin:0;
	z-index:5;
	text-align: center;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/
	position:relative;
	float:none;
	line-height: 25px;
}
#nav li li a:hover{background-color: #C000FA;}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.1em;
	background-color: #24368C;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

/* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {
	margin-left: 10em;
	margin-top:-2.5em;
	background-color: #C000FA;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {
	left:0;
	margin-left:1000em;
	width:10em;
	margin-top:0;
}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }
.toplink{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.toplink:hover{
	text-decoration: none;
	color: #651DCD;
}
