@charset "utf-8";
/* CSS Document */

body 				{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; text-align: center; background-color: #fff; background-image: url('../media/graphics/background.jpg'); background-position: top; background-repeat: repeat-x; }
p					{ margin: 0; padding: 0; }
h1					{ color: #fff; }
h2					{ color: #fff; }
h3					{ color: #fff; }
img					{ border: 0; }
.clear				{ clear: both; height: 0; line-height: 0; margin: 0; padding: 0; font-size: 0px; }

#container			{ position: relative; text-align: center; width: 1030px; height: 100%; margin: 0; padding: 0; background-image: url('../media/graphics/content_background.gif'); background-position: center; background-repeat: repeat-y; }
#config				{ position: absolute; top: 28px; left: 127px; visibility: visible;  z-index: 10; margin: 0; padding: 0; }
#config #dis-name	{ float: left; width: 300px; color: #000; font-size: 11px; text-align: left; font-weight: bold; margin: 0; padding: 0; }
#config #dis-info	{ float: lefr; width: 300px; color: #000; font-size: 11px; text-align: left; font-weight: bold; margin: 0 0 0 429px; padding: 0; }
#config a			{ color: #ef4036; font-size: 11px; text-align: right; font-weight: bold; }
#config a:hover		{ color: #ef4036; font-size: 11px; text-align: right; font-weight: bold; text-decoration: none; }
#header				{ float: left;  width: 1030px; height: 144px; margin: 0; padding: 0; text-align: left; background-image: url('../media/graphics/header.jpg'); background-position: top center; background-repeat: no-repeat; }

#navigation			{ float: left;  width: 710px; height: 40px;  margin: 35px 0 0 120px; padding: 0; }
#menu				{ width: 710px; font-family: Century Gothic; font-weight: bold; text-transform: uppercase; padding: 0; margin: 0; list-style-type: none; font-size: 16px; height: 40px; }
#menu li			{ float: left; margin: 0; padding: 0; color: #61713c; line-height: 37px; font-weight: bold; }
#menu li .logo 		{ width: 139px; padding: 0; margin: 0; }
#menu li a			{ text-decoration: none; display: block; margin: 0; padding: 0 7px 0 7px; line-height: 40px; color: #322e29; }
#menu li a:hover, #menu li.active a { color: #ef4036; }

#content-wrap					{ float: left;  width: 1030px; margin: 0; padding: 0; background-image: url('../media/graphics/content_background.gif'); background-position: center; background-repeat: repeat-y; }
#content						{ float: left;  width: 630px; margin: 0 0 0 30px; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: left; }
#content h1						{ font-size: 24px; margin: 20px; padding: 0; color: #fff; }
#content h2						{ font-size: 14px; margin: 20px; padding: 0; line-height: 20px; text-align: justify; }
#content h3						{ font-size: 14px; margin: 20px; padding: 0; line-height: 20px; text-align: left; }
#content p						{ font-size: 12px; margin: 20px; padding: 0; line-height: 18px; text-align: justify; }
#content ul						{ margin: 0px 20px 20px 20px; padding: 0; }
#content li 					{ margin: 0px 0px 5px 20px; padding: 0; text-align: left; font-size: 12px; list-style-type: disc; list-style: outside; }
#content .title-img h1			{ margin: 0 20px 0; padding: 20px 0 10px 0; }
#content .com-management-img	{ width: 630px; height: 166px; margin: 0; padding: 0; background-image: url('../media/graphics/com_img_management.jpg'); background-position: bottom left; background-repeat: no-repeat; }
#content a:hover				{ color: #fff200; text-decoration: none; }
#content a						{ color: #fff200; }
.border-join					{ border-left: 1px solid #f47a73; border-right: 1px solid #f47a73; }

#dis-contact					{ float: left; width: 585px; margin: 50px 0 20px 20px; padding: 0; border-top: 1px solid #61713c; }
#dis-contact p					{ float: left; color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: left; margin: 20px; padding: 0 0 0 20px; line-height: 15px; }
#dis-contact img				{ float: left; float: left; width: 100px; height: 100px; margin: 20px; padding: 0; border: 1px solid #61713c; }

/* ----- Page Specific --------- */

.secABO .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/abo_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secAGA .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/pro_aga_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secCOM .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/com_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secCON .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/con_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secCHV .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/pro_chv_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secFIT .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/pro_fit_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secJOI .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/joi_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secEDN .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/pro_edn_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secFRE .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/fre_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secNCD .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/pro_ncd_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secPRO .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/pro_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secOPP .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/opp_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secPRI .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/pri_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secRET .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/ret_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secTER .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/ter_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secVID .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/vid_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }
.secBMI .title-img	{ width: 630px; height: 180px; background-image: url('../media/graphics/bmi_img_title.jpg'); background-position: bottom left; background-repeat: no-repeat; }

.secNCD	#side-nav, .secEDN #side-nav, .secAGA #side-nav, .secFIT #side-nav, .secCHV #side-nav { float: right; width: 220px; margin: 0 133px 0 0; padding: 0; text-align: left; }
.secABO	#side-nav { float: right; width: 220px; margin: 0 133px 0 0; padding: 0; text-align: left; }
.secBMI #side-nav, .secCOM #side-nav, .secCON	#side-nav, .secPRO #side-nav, .secPRO #side-nav, .secOPP #side-nav, .secPRI #side-nav, .secRET #side-nav, .secTER #side-nav, .secJOI #side-nav, .secFRE #side-nav, .secVID #side-nav { float: right; width: 220px; margin: 50px 133px 0 0; padding: 0; text-align: left; }

#side-nav h1			{ font-size: 14px; color: #000; text-transform: uppercase; margin: 0; padding: 0 0 8px 0; border-bottom: 1px solid #4f6f18; }
#side-nav p				{ font-size: 11px; color: #000;  margin: 0; padding: 8px 0 0 0; }
#side-nav .img			{ width: 200px; height: 200px; margin: 0; padding: 0; text-align: center; }
#side-nav .info-box		{ padding: 0; margin: 45px 0 0 0; }
#side-nav a:visited		{ color: #720d07; font-size: 11px; text-align: left; font-weight: bold; text-decoration: none; }
#side-nav a:link		{ color: #720d07; font-size: 11px; text-align: left; font-weight: bold; text-decoration: none; }
#side-nav a:hover		{ color: #720d07; font-size: 11px; text-align: left; font-weight: bold; text-decoration: underline; }

#side-nav .info-img-aga	{ padding: 0; margin: 25px 0 0 0; }
#side-nav .info-img-edn	{ padding: 0; margin: 10px 0 0 0; }
#side-nav .info-img-fit	{ padding: 0; margin: 25px 0 0 0; }
#side-nav .info-img-ncd	{ padding: 0; margin: 35px 0 0 0; }

#side-bottom		{ position: absolute; right: 0; bottom: -45px; visibility: visible;  z-index: 10; width: 447px; height: 297px; margin: 0; padding: 0; background-image: url('../media/graphics/bottom_nav.gif'); background-position: bottom; background-repeat: no-repeat; }
#bottom				{ float: left; width: 1030px; height: 100px; margin: 0; padding: 0; background-image: url('../media/graphics/bottom.jpg'); background-position: bottom center; background-repeat: no-repeat; }

/* ----- Footer ----------------- */

#footer						{ width: 1030px; margin: 40px 0 0 0; padding: 0; text-align: center; background-color: #fff; }
#footer span				{ color: #000; font-size: 11px; text-align: center; }
#footer	a:visited			{ height: 30px; color: #ef4036; font-size: 11px; text-decoration: none; }
#footer	a:hover				{ height: 30px; color: #ef4036; font-size: 11px; text-decoration: underline; }
#footer	a:link				{ height: 30px; color: #ef4036; font-size: 11px; text-decoration: none; }

#footer li, ul				{ float: left; list-style-type: none; margin: 0 auto; padding: 0; }
#footer p					{ width: 98px; height: 55px; margin: 20px 0; text-align: center; }
#footer a.footer-logo		{ background: transparent url('../media/graphics/distributor_logo_footer_black_white_brg.gif') no-repeat top right; display: block; float: left; width: 98px; height: 55px; }

/* ----- Buttons ---------------- */

a.btn-continue-lg			{ background: transparent url('../media/buttons/btn_continue_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }
a.btn-continue-lg:hover		{ background: transparent url('../media/buttons/btn_continue_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }

a.btn-more-info-lg			{ background: transparent url('../media/buttons/btn_more_info_red_dark_lg_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }
a.btn-more-info-lg:hover	{ background: transparent url('../media/buttons/btn_more_info_red_dark_lg_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }

a.btn-start-today-lg		{ background: transparent url('../media/buttons/btn_more_info_orange_dark_lg_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }
a.btn-start-today-lg:hover	{ background: transparent url('../media/buttons/btn_more_info_orange_dark_lg_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }

a.btn-join-waiora-md		{ background: transparent url('../media/buttons/btn_more_info_green_dark_lg_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }
a.btn-join-waiora:hover		{ background: transparent url('../media/buttons/btn_more_info_green_dark_lg_hover.gif') no-repeat top right; display: block; float: left; width: 140px; height: 34px; }

a.btn-order-today-lg		{ background: transparent url('../media/buttons/btn_order_today_orange_dark_lg_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }
a.btn-order-today-lg:hover	{ background: transparent url('../media/buttons/btn_order_today_orange_dark_lg_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }

a.btn-calculate-bmi			{ background: transparent url('../media/buttons/btn_calculate_bmi_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }
a.btn-calculate-bmi:hover	{ background: transparent url('../media/buttons/btn_calculate_bmi_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }

a.btn-start-now-lg			{ background: transparent url('../media/buttons/btn_start_now_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }
a.btn-start-now-lg:hover	{ background: transparent url('../media/buttons/btn_start_now_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }

a.btn-pdf-donwload			{ background: transparent url('../media/buttons/btn_pdf_download_off.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }
a.btn-pdf-donwload:hover	{ background: transparent url('../media/buttons/btn_pdf_download_hover.gif') no-repeat top right; display: block; float: left; width: 163px; height: 34px; }


/* ----- Forms ------------------*/

#veri				{ float: left; clear: both; width: 500px; margin: 0 0 10px 20px; padding: 0; border: 0; }
#veri span			{ margin: 0 10px 0 0;  padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; line-height: 25px; }
#veri .veri			{ margin: 0 0 0 120px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#veri input			{ margin: 0; padding: 0; border: 1px solid #bcc0c3; background-color: #fff; display: block; clear: both; }
.sm					{ font-size: 10px; }

fieldset			{ float: left; clear: both; width: 500px; margin: 0 0 10px 0; padding: 0; border: 0; }
fieldset ol			{ margin: 0; padding: 0; list-style-type: none; }
fieldset li			{ float: left; clear: left; width: 100%; margin: 0 0 10px 0; padding: 0; list-style-type: none; display: block; }
input				{ height: 20px; margin: 0; padding: 0; border: 1px solid #bcc0c3; background-color: #fff; }
#input-lag			{ width: 400px; margin: 0; padding: 0; }
#input-med			{ width: 300px; margin: 0; padding: 0; }
#input-sma			{ width: 200px; margin: 0; padding: 0; }
#input-che			{ width: 25px; margin: 0; padding: 0; background-color: #ef4036; border: 0px solid #cdcc92; }
#input-note			{ width: 300px; height: 100px; margin: 0; padding: 0; }

label				{ float: left; width: 120px; margin: 0; padding: 0; text-align: right; }
label span			{ margin: 0 10px 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; }
submit				{ height: 20px; margin: 0; padding: 0; }
.submit				{ width: 75px; border: 1px solid #6e9942; background-color: #6e9942; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; margin: 10px 0 0 0; }
.reset				{ width: 75px; border: 1px solid #c41a03; background-color: #c41a03; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; margin: 10px 0 0 0; }

.calculate-bmi		{ width: 120px; border: 1px solid #6e9942; background-color: #325319; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; margin: 10px 0 0 0; }
.bmi-from			{ color: #fff; font: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 12px; border: 1px solid #999999; width: 400px; margin: 0 0 0 20px; }
.beSlim01			{ background: #fff; color: #000; font: Arial, Helvetica, sans-serif; font-size: 12px; }
.beSlim02			{ background: #fff; color: #000; font: Arial, Helvetica, sans-serif; font-size: 12px; }
.bmi-txt			{ font: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #fff; line-height: 30px; }

.beSlimForm			{ color: #000; font-size: 16px; font-family: Verdana, sans-serif; font-weight: bold; background-color: #fff; border: 1px solid #666; width: 35px; height: 20px; }
.beSlimFormLong		{ color: #000; font-size: 16px; font-family: Verdana, sans-serif; font-weight: bold; background-color: #fff; border: 1px solid #666; width: 175px; height: 20px; }