body, html {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	}
body {
	padding: 45px 0;
	font: 12px Helvetica, Arial, sans-serif;
	}

:focus { outline: none; }
img { border: 0; }

a:hover { text-decoration: none; }

#container {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 980px;
	}

#header {
	height: 109px;
	position: relative;
	width: 980px;
	}
#header img#toplogo {
	left: 0;
	position: absolute;
	top: 0;
	}
#header .button {
	background: url(../images/header_button_bg.png) top left no-repeat;
	bottom: 5px;
	color: #fff;
	font: 14px "Myriad Pro", Arial, sans-serif bold;
	float: right;
	height: 23px;
	padding-top: 7px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 142px;
	}
#header .button:hover {
	background-position: -147px 0;
	}

#header #repbox {
	height: 75px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 0;
	width: 280px;
	}
#header #repbox img#reppic {
	float: right;
	height: 64px;
	width: 60px;
	}
#header #repbox p {
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 210px;
	}
#header #repbox p a {
	color: #014991;
	text-decoration: underline;
	}
#header #repbox p a:hover {
	text-decoration: none;
	}
#header #repbox p.language {
	/*float: left;*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-top: 0;
	text-align: left;
	width: 200px;
	position: relative;
	z-index: 20;
	}
#header #repbox p.language a:link, 
#header #repbox p.language a:visited, 
#header #repbox p.language a:active, 
#header #repbox p.language a:hover {
	text-decoration: none;
}
#header #repbox p.language a.thislang:link, 
#header #repbox p.language a.thislang:visited {
	color: #0080ff;
}
img#langswitch {
	display: none;
	height: 63px;
	position: absolute;
	right: 297px;
	top: 18px;
	width: 167px;
	}
#header #repbox p.socialmedia {
	float: left;
	padding-top: 20px;
	width: 110px;
	}

#header .ordernow { right: 147px; }
#header .joinnow { right: 0; }

/* Main Side Menu */
ul.mainmenu {
	clear: right;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 109px;
	width: 290px;
	}
ul.mainmenu li {
	clear: both;
	float: left;
	height: 90px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 290px;
	}
ul.mainmenu li a {
	color: #fff;
	display: block;
	height: 90px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 290px;
	}
ul.mainmenu li a span { display: none; }

#t1 a, #t2 a, #t3 a, #t4 a,
.lang_us_en #t1 a, .lang_us_en #t2 a, .lang_us_en #t3 a, .lang_us_en #t4 a { background: url(../images/sidemenu_bg_us_en.jpg); }
.lang_us_es #t1 a, .lang_us_es #t2 a, .lang_us_es #t3 a, .lang_us_es #t4 a { background: url(../images/sidemenu_bg_us_es.jpg); }
.lang_ca_fr #t1 a, .lang_ca_fr #t2 a, .lang_ca_fr #t3 a, .lang_ca_fr #t4 a { background: url(../images/sidemenu_bg_ca_fr.jpg); }
.lang_ca_en #t1 a, .lang_ca_en #t2 a, .lang_ca_en #t3 a, .lang_ca_en #t4 a { background: url(../images/sidemenu_bg_ca_en.jpg); }
.lang_mx_en #t1 a, .lang_mx_en #t2 a, .lang_mx_en #t3 a, .lang_mx_en #t4 a { background: url(../images/sidemenu_bg_us_en.jpg); }
.lang_mx_es #t1 a, .lang_mx_es #t2 a, .lang_mx_es #t3 a, .lang_mx_es #t4 a { background: url(../images/sidemenu_bg_us_es.jpg); }

.lang_mx_en #t1 a, 
.lang_mx_es #t1 a, 
.lang_us_en #t1 a, 
.lang_us_es #t1 a, 
.lang_ca_fr #t1 a, 
.lang_ca_en #t1 a, 
#t1 a { background-position: 0 0; }

.lang_mx_en #t1 a:hover, .lang_mx_en #t1 a.current,
.lang_mx_es #t1 a:hover, .lang_mx_es #t1 a.current,
.lang_us_en #t1 a:hover, .lang_us_en #t1 a.current,
.lang_us_es #t1 a:hover, .lang_us_es #t1 a.current,
.lang_ca_fr #t1 a:hover, .lang_ca_fr #t1 a.current,
.lang_ca_en #t1 a:hover, .lang_ca_en #t1 a.current,
#t1 a:hover, #t1 a.current { background-position: 290px 0; }

.lang_mx_en #t2 a, 
.lang_mx_es #t2 a, 
.lang_us_en #t2 a, 
.lang_us_es #t2 a, 
.lang_ca_fr #t2 a, 
.lang_ca_en #t2 a, 
#t2 a { background-position: 0 -90px; }

.lang_mx_en #t2 a:hover, .lang_mx_en #t2 a.current,
.lang_mx_es #t2 a:hover, .lang_mx_es #t2 a.current,
.lang_us_en #t2 a:hover, .lang_us_en #t2 a.current,
.lang_us_es #t2 a:hover, .lang_us_es #t2 a.current,
.lang_ca_fr #t2 a:hover, .lang_ca_fr #t2 a.current,
.lang_ca_en #t2 a:hover, .lang_ca_en #t2 a.current,
#t2 a:hover, #t2 a.current { background-position: 290px -90px; }

.lang_mx_en #t3 a, 
.lang_mx_es #t3 a, 
.lang_us_en #t3 a, 
.lang_us_es #t3 a, 
.lang_ca_fr #t3 a, 
.lang_ca_en #t3 a, 
#t3 a { background-position: 0 -180px; }

.lang_mx_en #t3 a:hover, .lang_mx_en #t3 a.current,
.lang_mx_es #t3 a:hover, .lang_mx_es #t3 a.current,
.lang_us_en #t3 a:hover, .lang_us_en #t3 a.current,
.lang_us_es #t3 a:hover, .lang_us_es #t3 a.current,
.lang_ca_fr #t3 a:hover, .lang_ca_fr #t3 a.current,
.lang_ca_en #t3 a:hover, .lang_ca_en #t3 a.current,
#t3 a:hover, #t3 a.current { background-position: 290px -180px; }

.lang_mx_en #t4 a, 
.lang_mx_es #t4 a, 
.lang_us_en #t4 a, 
.lang_us_es #t4 a, 
.lang_ca_fr #t4 a, 
.lang_ca_en #t4 a, 
#t4 a { background-position: 0 -270px; }

.lang_mx_en #t4 a:hover, .lang_mx_en #t4 a.current,
.lang_mx_es #t4 a:hover, .lang_mx_es #t4 a.current,
.lang_us_en #t4 a:hover, .lang_us_en #t4 a.current,
.lang_us_es #t4 a:hover, .lang_us_es #t4 a.current,
.lang_ca_fr #t4 a:hover, .lang_ca_fr #t4 a.current,
.lang_ca_en #t4 a:hover, .lang_ca_en #t4 a.current,
#t4 a:hover, #t4 a.current { background-position: 290px -270px; }

.current { font-weight: bold; }
/* End Main Side Menu */

#flowpanes {
	height: 627px;
	overflow: hidden;
	position: relative;
	width: 690px;
	}
	#flowpanes .items {
		clear: both;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 20000em;
		}
		#home, #company, #product, #opportunity, #join {
			color: #fff;
			float: left;
			height: 627px; /* 700px */
			overflow: hidden;
			position: relative;
			width: 690px;
			}

/* Content Boxes */

#flowpanes h2 {
	font: 36px "Myriad Pro", Arial, sans-serif normal;
	margin: 0;
	padding: 0 0 15px 0;
	}
#flowpanes h3 {
	font: 21px "Myriad Pro", Arial, sans-serif normal;
	margin: 0;
	padding: 0 0 10px 0;
	}

#home { background-color: #023e6c; }
#home #heylook { /* tabbed content box in the bottom right */
	background: #fff;
	bottom: 5px;
	color: #222;
	height: 200px;
	position: absolute;
	right: 5px;
	width: 365px;
	}
#home #heylook ul#lookmenu {
	background-color: #c8dff0;
	border-bottom: 1px solid #92bfe1;
	display: block;
	height: 30px;
	list-style: none;
	margin: 0;
	position: relative;
	padding: 0;
	z-index: 10;
	}
#home #heylook ul#lookmenu li {
	background-color: #c8dff0;
	border-right: 1px solid #92bfe1;
	color: #466c96;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	height: 22px;
	padding: 8px 8px 0;
	position: relative;
	text-transform: uppercase;
	z-index: 20;
	}
#home #heylook ul#lookmenu li:hover {
	color: #002e65;
	}
#home #heylook ul#lookmenu li.selected {
	background-color: #fff;
	color: #002e65;
	height: 23px;
	}
#home #heylook #heylook_boxes div {
	display: none;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	height: 134px;
	padding: 15px 15px 20px 15px;
	position: relative;
	}
#home #heylook #heylook_boxes div.selected {
	display: block;
	}
#home #heylook #heylook_boxes div a { color: #024792; text-decoration: none; }
#home #heylook #heylook_boxes div a:hover { text-decoration: underline; }
#home #heylook #heylook_boxes div ul {
	/*list-style-type: circle;*/
	list-style-image: url("../images/heylook_list_circle.gif");
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	}
#home #heylook #heylook_boxes div ul li { margin-bottom: 10px; }
#home #heylook #heylook_boxes div a.more {
	bottom: 10px;
	left: 15px;
	position: absolute;
	}

#company { background: url(../images/section_bg_1.jpg) 0 0 no-repeat #014991; }
#product { background: url(../images/section_bg_2.jpg) 0 0 no-repeat #014991; }
#opportunity { background: url(../images/section_bg_3.jpg) 0 0 no-repeat #014991; }
#join { background: url(../images/section_bg_4.jpg) 0 0 no-repeat #014991; padding: 30px 20px; height: 567px; width: 650px; } /* no submenus on Join, so changing padding and size */
	#company_boxes, #product_boxes, #opp_boxes { /* analogous to #flowpanes */
		height: 547px;
		overflow: hidden;
		position: relative;
		width: 690px;
		}
		#company_items, #product_items, #opp_items { /* like #flowpanes .items */
			clear: both;
			height: 20000em;
			position: absolute;
			width: 690px;
			}

/* Content Boxes */
#ourcompany, #executiveteam, #corporatehq, #giveshareevolv, #ourproduct, #science, #ingredients, #peoplesaying, #videotest, #compplan, #oppvideos {
	height: 487px;
	overflow: hidden;
	padding: 30px 20px;
	position: relative;
	width: 650px;
	}

/* Company Menu - 4 Items */
ul#company_menu {
	bottom: 0;
	height: 96px;
	left: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 699px;
	z-index: 50;
	}
ul#company_menu li {
	display: block;
	float: left;
	height: 96px;
	margin: 0 2px 0 0;
	padding: 0;
	width: 171px;
	}
ul#company_menu li a {
	background: url(../images/submenu_bg.jpg) bottom left no-repeat;
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	height: 55px;
	padding: 41px 15px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: center;
	width: 141px;
	}
ul#company_menu li a.contentmenu_current { /* arrow background for selected submenu items */
	background: url(../images/submenu_bg_selected.png) bottom left no-repeat !important;
	}
/* End Company Menu */

/* Product Menu - 5 Items */

ul#product_menu {
	bottom: 0;
	height: 96px;
	left: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 699px;
	z-index: 50;
	}
ul#product_menu li {
	display: block;
	float: left;
	height: 96px;
	margin: 0 2px 0 0;
	padding: 0;
	width: 137px;
	}
ul#product_menu li a {
	background: url(../images/submenu_bg.jpg) bottom left no-repeat;
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	height: 55px;
	padding: 41px 15px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: center;
	width: 107px;
	}
ul#product_menu li a.contentmenu_current { /* arrow background for selected submenu items */
	background: url(../images/submenu_prod_bg_selected.png) bottom left no-repeat !important;
	}

/* End Product Menu */

/* Opportunity Menu - 2 Items */

ul#opp_menu {
	bottom: 0;
	height: 96px;
	left: 0;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 699px;
	z-index: 50;
	}
ul#opp_menu li {
	display: block;
	float: left;
	height: 96px;
	margin: 0 2px 0 0;
	padding: 0;
	width: 344px;
	}
ul#opp_menu li a {
	background: url(../images/submenu_opp_bg.jpg) bottom left no-repeat;
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	height: 50px;
	padding: 46px 15px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: center;
	width: 314px;
	}
ul#opp_menu li a.contentmenu_current { /* arrow background for selected submenu items */
	background: url(../images/submenu_opp_bg_selected.png) bottom left no-repeat !important;
	}

/* End Opportunity Menu */

#company a, #product a, #opportunity a, #join a {
	color: #7cbeff;
	text-decoration: none;
	}
#company a:hover, #product a:hover, #opportunity a:hover, #join a:hover {
	color: #ffffff;
	text-decoration: none;
	}


.testimonial a:link, .testimonial a:visited {
	display: block;
	height: 105px;
	color: #fff !important;
	text-decoration: none;
}
.testimonial a:active, .testimonial a:hover {
	display: block;
	height: 105px;
	color: #92d5fc !important;
	text-decoration: none;
}
.testimonial img {
	float: left;
	margin-right: 15px;
	border: 1px solid #fff;
	width: 75px; height: 105px;
}
.testimonial p {
	clear: both;
	float: left;
}

a.button_green {
	background: url(../images/join_button_bg.png) top left no-repeat;
	color: #fff !important;
	font: 14px "Myriad Pro", Arial, sans-serif bold;
	width: 142px;
	height: 23px;
	display: block;
	padding-top: 7px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}
a.button_green:hover {
	background-position: -147px 0;
	}
	
#getmoreinfo {
	background: #82b3dc;
	border-left: 1px solid #fff;
	height: 267px;
	left: 690px;
	overflow: hidden;
	position: absolute;
	top: 469px;
	width: 289px;
	}
#getmoreinfo form {
	margin: 0;
	padding: 10px;
	width: 269px;
	}
#getmoreinfo form .txtbox, #getmoreinfo form .txtarea {
	border: 1px solid #7da1bd;
	clear: left;
	color: #333333;
	display: block;
	float: left;
	margin: 0 0 6px 0;
	padding: 3px;
	width: 261px;
	}
#getmoreinfo form .txtarea {
	font: 12px Helvetica, Arial, sans-serif;
	height: 60px;
	}
#getmoreinfo form p {
	clear: both;
	color: #295785;
	display: block;
	font-size: 11px;
	line-height: 2;
	margin: 0;
	padding: 0 0 0 10px;
	width: 259px;
	}
#getmoreinfo form .submitbttn { float: right; }


p#footer_links, p#footer_copyright {
	color: #363636;
	font-size: 11px;
	margin: 0;
	padding: 20px 10px 0;
	}
p#footer_links a, p#footer_copyright a {
	color: #004890;
	text-decoration: none;
	}
p#footer_links a:hover, p#footer_copyright a:hover {
	text-decoration: underline;
	}
p#footer_links {
	float: right;
	text-align: right;
	width: 270px;
	}
p#footer_copyright {
	float: left;
	width: 670px;
	}

a#homelink span { /* Shoving the "Home" link into the footer through trickery */
	color: #004890;
	cursor: pointer; /* IE6 fix */
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	position: absolute; /* this positioning needs to change depending on language */
	top: 756px;
	/*left: 724px;*/ /* this is modified for Safari in index.asp */
	right: 232px;
	}
a#homelink:hover span {
	text-decoration: underline;
	}

.small { font-size: 10px; }