@charset "iso-8859-1";
body {
	font-family: Verdana,Arial,sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
img {
	border:0
}
input {
	border: #858a8d solid 1px;
	background:#FFF;
}
.twoColFixLtHdr #container {
	width: 983px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFF;
	padding:0 0 0 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}
.twoColFixLtHdr #header {
	background: url(../images/header.jpg) center no-repeat;
	height:97px;
	width:983px;
	margin:0;
	padding:0;
}

.twoColFixLtHdr #header #headInformation {
    cursor:pointer;
    font: 80%  "Lucida Sans Unicode",sans-serif !important;
    color:#FFF;
    position: absolute;
    margin-left: 372px;
    margin-top: 62px;
    width: 600px;
}
.twoColFixLtHdr #header #headInformation a{
padding:2px 0 ;
color:#FFF;
display:block;
text-decoration:none;

 
}
.twoColFixLtHdr #header #headInformation span{
padding:3px 0 0 12px;
color:#FFF;
display:block;
text-decoration:none;

 
}

.twoColFixLtHdr #header #headInformation #leftButton{
 float:left;
 background:url(/images/newmenu/gray_bar_weightcurve.gif) center no-repeat;
 width:196px;
 border: 1px solid #A8A8A8;
 height:29px;
 font-family: Verdana,Arial,sans-serif;
 font-size: 11px;
 font-color: rgb(40,40,40);
  font-weight: bold;
 z-index: 10;
 font-color: rgb(40,40,40);
}

.twoColFixLtHdr #header #headInformation #centerInfo{
 background:url(/images/newmenu/weightloss_counter.gif) center no-repeat;
 border: 1px solid #A8A8A8;
 float:left;
 width:195px;
 font-family: Verdana,Arial,sans-serif;
 font-size: 11px;
 font-weight: bold;
 padding-left: 2px;
 height:29px;
 text-align:left;
 color:#575a5d;
 
}
.twoColFixLtHdr #header #headInformation #centerInfo #number {
    color:#fff;
    font-weight: bold;
    letter-spacing:6px; 
    text-align:right;
    position: absolute;
    padding-left:110px;
    padding-top:7px;
    position: absolute;
}

.twoColFixLtHdr #header #headInformation #centerInfo #number { 
    position: absolute;
}

.twoColFixLtHdr #header #headInformation #rightButton{
  float:left;
 background:url(../images/rightButton.jpg) center no-repeat;
 width:190px;
 height:24px;
 font-weight: bold;
 text-align:center;
 margin-top: 1px;
}

.twoColFixLtHdr #header #rigthBotom {
	float:right;
	width:125px;
	height:60px;
	margin:65px -366px 0 0;
	padding:0;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse *//* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding:0px
}

.twoColFixLtHdr #sidebarr{
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further */
	padding:0px;
	margin:0px;
}
.twoColFixLtHdr #sidebar1 #menuLeft {
	/*background:url(../../images/activeHeaderMenu.jpg) top;*/
	color:#3b6d81;
	width:160px;
	margin: 0;
	font-size:70%;
	background: no-repeat bottom url(../images/leftMenuBg2.gif);
	padding:0 0 3px 0;
}

.twoColFixLtHdr #sidebar1 #menuLeft #box{ 
	border-left: #cfcfcf solid 1px;
	border-right: #cfcfcf solid 1px;
}

.twoColFixLtHdr #sidebar1 #menuLeft .menuHead {
	background: url(../images/activeHeaderMenu.jpg) top no-repeat;
	height:21px;
	padding-top:4px;
	font-size: 11px;	
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
.twoColFixLtHdr #sidebar1 #menuLeft .menuText {
	height:35px;
	color:#000;
	text-align:center;
}

.twoColFixLtHdr #sidebar1 #menuLeft .frontpage_menu_element_content, .twoColFixLtHdr #sidebar1 #menuLeft .frontpage_menu_element_content a{
    color:#534C5E;
    font-family:Verdana,Arial,sans-serif;
    font-size:11px;
    font-weight:bold;
    line-height: 21px;
    text-decoration:none;
    text-indent: 15px;
}

.twoColFixLtHdr #sidebar1 #menuLeft .frontpage_menu_element_content_selected, .twoColFixLtHdr #sidebar1 #menuLeft .frontpage_menu_element_content_selected a{
    color: #BD2164 !important;
    background-color: #F0EFED;
}

.twoColFixLtHdr #sidebar1 #menuLeft #flashAnim {
    /*margin-top: 130px;*/
}

.twoColFixLtHdr #sidebar1 #menuLeft .menuMiddle {
	background: url(../images/activeHeaderMenu-02.jpg) top no-repeat;
	height:21px;
	padding-top:4px;
	font-weight:bold;
	font-size: 11px;
	color:#FFF;
	text-align:center;
}

.twoColFixLtHdr #sidebar1 .advBlock {
	width:155px;
	margin: 5px 0 0 13px;
}

.twoColFixLtHdr #sidebarr .SmallInnerSlot {width: 312px;background: url('../images/rightBlocksBg.gif'); padding:0; margin: 8px 0;}
.twoColFixLtHdr #sidebarr .SmallInnerSlot .arrow {margin-top: 211px; margin-left: 233px; position: absolute}
.twoColFixLtHdr #sidebarr .SmallInnerSlot .title {text-align: center; color: #fff; font-weight: bold; font-size: 14px; padding: 2px 0px; width: 312px; background: url('file:///D|/tmp/../images/rightBlocksHead.gif')}
.twoColFixLtHdr #sidebarr .SmallInnerSlot .text {padding: 10px; overflow: auto;}
.twoColFixLtHdr #sidebarr .SmallInnerSlot * {padding:0; margin:0;text-decoration:none;}
.twoColFixLtHdr #mainContent {
font: 12px Verdana,Arial,sans-serif;!important;
color:#393145;
   
	padding-left: 8px; 
}
.twoColFixLtHdr #mainContent h3{ color: rgb(40,40,40);line-height:2.1; padding:0 0 0 0;}
.twoColFixLtHdr #mainContent h1{
font: bold 14px !important;
font-family: Verdana,Arial,sans-serif !important;
color: rgb(40,40,40); 
   }
.twoColFixLtHdr #mainContent .contentBlock {
	float:left;
	margin:0 6px 6px 0;
}
.twoColFixLtHdr #mainContent table{
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #footer {
	padding:0;
	text-align:center; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
.twoColFixLtHdr #footer p {
	margin: 0;
	color:#6e6e6f;
	font-size:11px;/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.twoColFixLtHdr #footer .footerLinks {
	margin: 0;
	color:#6e6e6f;
	font-size:11px;/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.MainOffer {width: 820px; height:321px; background:#FFF; padding:0; margin:0;}
.MainOffer * {font-weight: bold; font-size: 11px}

.twoColFixLtHdr #mainContent .SmallSlot {width: 190px; height: 144px; background: url('../images/layer_25.gif'); float: left; margin-top: 6px}
/*.SmallSlot * {position: absolute}*/
.twoColFixLtHdr #mainContent .SmallSlot .arrow {margin-top: 81px; margin-left: 112px; position: absolute}
.twoColFixLtHdr #mainContent .SmallSlot .title {text-align: center; color: #fff; font-weight: bold; font-size: 11px; padding: 2px 0px; width: 190px}
.twoColFixLtHdr #mainContent .SmallSlot .text {margin: 5px; overflow: auto; height: 110px; font-size: 11px;}
.twoColFixLtHdr #mainContent div[class=SmallSlot] .text {height: 100px}

.separator_h {width: 6px; float: left; border: solid 0px #fff}
div[class=separator_h] {width: 4px}
.separator_v {height: 6px; font-size: 1px; border: solid 0px #fff}
div[class=separator_v] {height: 4px}

.MiddleSlot {width: 387px; height: 208px; background: url('../images/layer_50.gif'); float: left; margin-top: 6px}
/*.MiddleSlot * {position: absolute}*/
.MiddleSlot .title {text-align: center; color: #fff!important; font-weight: bold; font-size: 14px; padding: 2px 0px; width: 387px}
.MiddleSlot .arrow {margin-top: 145px; margin-left: 309px; position: absolute}
.MiddleSlot .text {padding: 10px 10px 0 10px; /*overflow: auto;*/ height: 164px; font-weight: bold; color: #000; font-size: 11px}
div[class=MiddleSlot] .text {height: 164px}
.MiddleSlot .separator_v {float: none; border-color: #cce0ef; height: 6px}
.MiddleSlot .docs {height: 208px; background: url('../images/doc02.jpg') no-repeat 0% 100%}
.MiddleSlot .docs .title2 {width: 367px; color: #ff6001; font-size: 20px; font-weight: bold; text-align: right; padding: 5px 0px}
.MiddleSlot .docs .text {padding: 0px 10px 0 10px; margin-left: 160px; height: 150px}
div[class=MiddleSlot] .docs .text {height: 130px}

.video_block {width: 279px; height: 77px; background: url('../images/bg04.gif')}
.video_block * {position: absolute}
.video_block .pic {margin: 6px}
.video_block .text {font-weight: bold; font-size: 9px; color: #666; width: 160px; margin-left: 115px; height: 75px}
div[class=video_block] .text {width: 140px}
.video_block .separator {height: 65px; width: 1px; background-color: #57bfed; margin-left: 110px; margin-top: 7px}

.InputText, .InputText_light {font: bold 9px Verdana,Arial,sans-serif!important; color: #749ecd; background-color: #fff; border: solid 1px #749ecd; width: 118px; height: 19px; padding: 2px 5px}
.InputText_light {color: #cfcfcf!important}
.InputButton {font: bold 9px Verdana,Arial,sans-serif!important; color: #749ecd; background-color: #fff; border: solid 1px #749ecd; }
.InputSelect {font:9px Verdana,Arial,sans-serif; background-color: #fff; border: solid 1px #749ecd}
.InputText2 {font: 9px Verdana,Arial,sans-serif!important; color: #000; background-color: #fff; border: solid 1px #749ecd; width: 38px; height: 15px; padding: 2px 5px}
.InputButton2, .InputButton2_click {font: bold 10px Verdana,Arial,sans-serif; color: #000; background: url('../images/btn01_a.gif'); border: none; width: 100px; height: 22px}
.InputButton2_click {background: url('../images/btn01_b.gif')}
.InputButton3, .InputButton3_click {font: bold 12px Verdana,Arial,sans-serif!important; color: #749ecd; background-color: #fff; border: solid 1px #749ecd;height: 19px;  }
.InputText3, .InputText_light3 {font: bold 12px Verdana,Arial,sans-serif!important; color: #749ecd; background-color: #fff; border:none; width: 110px; height: 16px; padding: 2px 5px}

a.btn:link, a.btn:visited, a.btn:hover { font-size:11px; font-weight: bold; margin: 10px; color:  #575a5d; float:left; text-decoration:none; text-align:center; display:block; padding:3px 0; width: 183px; height:16px; background: url('../images/Botton_up2.gif') center no-repeat;}
 

a.btn2:link, a.btn2:visited, a.btn2:hover  { font-size:11px; font-weight: bold; margin: 10px; color:  #FFF; float:left; text-decoration:none; text-align:center; display:block; padding:3px 0; width: 183px; height:16px; background: url('../images/Botton_down2.gif') center no-repeat;}

a.btnSmall:link, a.btnSmall:visited, a.btnSmall:hover { font-size:11px; font-weight: bold; 
 color:  #575a5d; float:left; text-decoration:none; text-align:center; display:block; padding:3px 0; width: 136px; height:16px; background: url('../images/Botton_up.jpg') center no-repeat;}

.twoColFixLtHdr #container TABLE.layout{
	width: 983px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	vertical-align: top;
	border-collapse: collapse;
}

.twoColFixLtHdr #container TABLE.layout TD.left, .twoColFixLtHdr #container TABLE.layout TD.center, .twoColFixLtHdr #container TABLE.layout TD.right{
	vertical-align: top;
	padding-top: 8px;
}