@charset "utf-8";

body  {	background: #000000; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; margin: 0; padding: 0; text-align: center; }

a:link { color: #0098ac; text-decoration: underline; }
a:visited { text-decoration: none;	color: #0098ac; }
a:hover { text-decoration: underline; color: #ec0006; }
a:active { text-decoration: none; color: #FFFFFF; }

.mini  {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 9px; }
/*--Page Background Color is not fully black but is slightly grey.  see below the "one 'e'" color code--*/
.thrColAbs #container {	position: relative;	width: 980px; background: #1e1e1e; margin: 0 auto; border: 1px solid #1e1e1e; text-align: left; } 
.searchfield{ width: 100px;	height: 12px; font-family: Arial, Helvetica, sans-serif; font-size:11px; border-top-color: #CCCCCC;	border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; }

.thrColAbs #logo {
	position: absolute;
	top: 17px;
	left: 10px;
	width: 345px;
	height: 57px;
	background: #EC0006;
	padding: 0px;
	background-color: #FFFFFF;
}
/* Test Position for the Social Icons Top Right corner of the page*/
/*  ///CAP 26MAY10///  */
.thrColAbs #faceicon1 {
	position: absolute;
	top: 1px;
	left: 906px;
	width: 53px;
	height: 45px;
	background: #090909;
	padding: 0px;
	background-color: #1E1E1E;
}
.thrColAbs #twiticon1 {
	position: absolute;
	top: 1px;
	left: 807px;
	height: 28px;
	background: #090909;
	padding: 0px;
	width: 102px;
	background-color: #1E1E1E;
}
.thrColAbs #socialtext1 { position: absolute;	top: 0px;	left: 700;	width: 100px; 	height: 50px;	background: #EC0006; padding: 0px; }
/* End Test Position for Social Icons*/


.thrColAbs #search { position: absolute; top: 30px;	right: 12px; width: 219px; height: 50px; padding: 0px; }

.thrColAbs #sidebar1 { position: absolute; top: 82px; left: 10px; width: 155px;  height: 280px;	background: #576675; padding: 5px 10px 5px 5px; }
/*  Background was changed 24APR09 to black for sidebar2 from EBEBEB because of different  */
/*  picture sizes and this present size did not matte the picures correctly.To be corrected later  */
.thrColAbs #sidebar2 { position: absolute; top: 82px; left: 187px; width: 786px;  background: #000000; padding: 0px; }
.thrColAbs #mainContent { margin: 380px 10px 0px 10px; padding: 0px; }



.fltrt { float: right;	margin-left: 8px; }
.fltlft { float: left;	margin-right: 8px; }
.fltlft2 { float: left;	margin-right: 20px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.content60 {float:left; width: 52%; margin: 10px 0px 10px 30px;}
.content40 {float:right; width: 40%; text-align:right; margin: 10px 0px 10px 0px;}

.content70 {float:left; width: 67%; margin: 10px 0px 10px 15px;}
.content30 {float:right; width: 25%; text-align:right; margin: 10px 0px 10px 0px;}

.content50 {float:left; width: 46%; text-align:left; margin: 10px 5px 10px 20px;}
.content100 {float:left; width: 940px; text-align:left; margin: 20px 10px 0px 10px;}

/*  ///TEXT///  */
/*  ///CAP 26MAY10///  */
.totheright {text-align:right}

p { text-align: justify; }

h1 { font-family: Arial, Helvetica, sans-serif; color: #d20005; font-size: 18px; margin: 5px;}
h2 { font-family: Arial, Helvetica, sans-serif; color: #467dc7; font-size: 14px; margin: 10px 5px 0px 0px;}
h3 { font-family: Arial, Helvetica, sans-serif; color: #0098ac; font-size: 12px; margin: 10px 5px 0px 0px;}
hr {height:1px; width:100%; background:#EC0006; border-top: #EC0006 solid 1px; margin: 0px; border-bottom: none}

.vis { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: bold; color: #ec0006; }
.iqzol { font-family: "Times New Roman", Times, serif;	font-size: 11px; font-weight: normal; color: #0098ac; }
.iqzolh { font-family: Arial, Helvetica, sans-serif; color: #0098ac; font-size: 17px; margin: 5px; }

.just { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: bold; color: #33CCFF; }
.just_met_health { font-family: Arial, Helvetica, sans-serif;	font-size: 17px; font-weight: bold; color: #33CCFF; }
.just_met_health_red { font-family: Arial, Helvetica, sans-serif;	font-size: 17px; font-weight: bold; color: #ec0006; }

/*  ///  MENU   ///  */
#navmenu {float: left; width: 155px; margin: 0px 0px 0px 0px; padding:0px;}
#admenu {width: 155px; height: 244px; background: url(images/menubg.gif); margin: 0px 0px 0px 0px; padding: 0; position: relative; text-align: right;}
#admenu li { margin: 0px auto;	padding: 0;	list-style: none; position: absolute; right: 0; height: 19px; display: block; font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;	font-size: 12px; font-weight: bold;	text-decoration: none; }
#admenu a { height: 19px; display: block; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none; }
#admenu a em { color: #000000; text-decoration: none; }

#m1 {top: 4px; width: 155px; }
#m2 {top: 28px; width: 155px;}
#m3 {top: 52px; width: 155px;}
#m4 {top: 76px; width: 155px;}
#m5 {top: 100px; width: 155px;}
#m6 {top: 148px; width: 155px;}
#m7 {top: 124px; width: 155px;}
#m9 {top: 172px; width: 155px;}
#m10 {top: 196px; width: 155px;}
#m8 {top: 220px; width: 155px;}

#m1 a:hover {background: transparent url(images/menubg.gif) 0px -304px no-repeat;	color: #000000;}
#m2 a:hover {background: transparent url(images/menubg.gif) 0px -328px no-repeat;	color: #000000;}
#m3 a:hover {background: transparent url(images/menubg.gif) 0px -352px no-repeat;	color: #000000;}
#m4 a:hover {background: transparent url(images/menubg.gif) 0px -376px no-repeat;	color: #000000;}
#m5 a:hover {background: transparent url(images/menubg.gif) 0px -400px no-repeat;	color: #000000;}
#m6 a:hover {background: transparent url(images/menubg.gif) 0px -448px no-repeat;	color: #000000;}
#m7 a:hover {background: transparent url(images/menubg.gif) 0px -472px no-repeat;	color: #000000;}
#m9 a:hover {background: transparent url(images/menubg.gif) 0px -496px no-repeat;	color: #000000;}
#m10 a:hover {background: transparent url(images/menubg.gif) 0px -520px no-repeat;	color: #000000;}
#m8 a:hover {background: transparent url(images/menubg.gif) 0px -544px no-repeat;	color: #000000;}

/*MENU SELECTED*/
#m1s, #m1s a {top: 4px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -304px no-repeat; color: #000000;}
#m2s, #m2s a {top: 28px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -328px no-repeat; color: #000000;}
#m3s, #m3s a {top: 52px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -352px no-repeat; color: #000000;}
#m4s, #m4s a {top: 76px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -376px no-repeat; color: #000000;}
#m5s, #m5s a {top: 100px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -400px no-repeat; color: #000000;}
#m6s, #m6s a {top: 148px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -448px no-repeat; color: #000000;}
#m7s, #m7s a {top: 124px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -472px no-repeat; color: #000000;}
#m9s, #m9s a {top: 172px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -496px no-repeat; color: #000000;}
#m10s, #m10s a {top: 196px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -520px no-repeat; color: #000000;}
#m8s, #m8s a {top: 220px; width: 155px; text-indent: -1000px; overflow:hidden; background: transparent url(images/menubg.gif) 0px -544px no-repeat; color: #000000;}

/**/

.btmMenu {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #848484; float:left; background-color:#090909; margin: 30px 0px 10px 0px; padding:3px 15px 3px 26px;}
.miniMenu a {margin-left: 10px;}
.btmMenu a:link {color:#848484; text-decoration: none; margin-left: 10px;}
.btmMenu a:visited {color: #848484; text-decoration: none; margin-left: 10px;}
.btmMenu a:hover { color: #7b0407; text-decoration: none; margin-left: 10px;}
.btmMenu a:active { color: #7b0407; text-decoration: none; margin-left: 10px;}
.btmMenu em {	color: #7b0407; font-style: normal; text-decoration: none;}

.btmLegal {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #4e4e4e; float:left; margin: 4px 0px 6px 0px; padding:3px 5px 3px 34px;}

#footer {	position: relative;	width: 980px; background: #1e1e1e; margin: 0 auto; border: 1px solid #1e1e1e; text-align: left; height: 60px; padding:0px;} 
#footer p {	margin: 0; padding: 10px 0; }

#phase-3-bg {
	width:					920px;
	height:					675px;
	min-height:				675px;
	max-height:				675px;
	margin:					0 0 25px 0;
	padding:				20px;
	border-bottom:			4px solid #cc0000;
	background:				url(images/phase-3-bg.jpg) 0 0 no-repeat;
	}
	
#phase-3-intro {
	width:					585px;
	padding:				0 0 97px 0;
	background:				url(images/phase-3-features.gif) center bottom no-repeat;
	}
	
#phase-3-details {
	width:					275px;
	margin:					40px 0 0 0;
	padding:				118px 0 0 0;
	background:				url(images/phase-3-badge.gif) center top no-repeat;
	}

#phase-3-more-info {
	width:					660px;
	margin:					0 0 0 0;
	padding:				0 30px 0 0;
	float:					left;
	}	
	
#phase-3-nutrition {
	width:					270px;
	margin:					0 0 0 0;
	padding:				0 0 0 0;
	float:					left;
	}
	
#order-container {
	width:					700px;
	margin-left:			auto;
	margin-right:			auto;
	}
	
#order-frame-top {
	width:					700px;
	height:					20px;
	min-height:				20px;
	max-height:				20px;
	background:				url(images/order-frame-top.gif) center top no-repeat;
	}
	
#order-frame-center {
	width:					698px;
	border-left:			1px solid #666;
	border-right:			1px solid #666;
	}	
	
#order-frame-bottom {
	width:					700px;
	height:					20px;
	min-height:				20px;
	max-height:				20px;
	background:				url(images/order-frame-bottom.gif) center top no-repeat;
	}
	
td {
	height:					32px;
	vertical-align:			middle;
	}
	
input, select {
	margin:					0;
	padding:				0;
	}
	
.input-size {
	width:					160px;
	}
	
.td-align-top {
	vertical-align:			top;
	}