/* CSS Document */
body{background:url(images1/background_dot.gif) repeat-y #353435; min-height:100.1%}
html { 
    height: 100%; 
    margin-bottom: 1px; 
}
* html body {height:100.1%} /* IE5/6 */
#page {
	width: 900px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
}

#header{ padding:40px 0;}
#image {padding-right: 50px; float:left; }
#tagline { margin: 25px 10px 0  40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bolder; float:left;}

#left{float:left; margin:0; line-height:0; width:199px;}
#bar{float:left; background:url(images1/grey_leftborder.gif); background-repeat:repeat-y; margin-left:0; width:691px;}
#barimage {float:left; width:8px;}
#right { 
	float:left;
	width:683px;
	margin:0;
	background-image:url(images1/grey_background.gif);
	background-repeat:repeat-y;
}
#pagecontent {padding:0 73px 0 60px;}
#compass{float:left; width: 180px; margin: 35px 0 20px 15px; text-align:center;}
#text {float:left; margin: 35px 0 20px 80px; width: 255px; line-height:22px;}

a{color:#fff;}
form {margin:0; padding:0;}
.formlogin{margin:0; padding:0 0 0 3px; vertical-align:middle; height:20px; color:#000; background:#fff; border:solid 1px #fff;}


h2 {font-size:17px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
#list {padding-left:40px;}

#europaLcol {float:left; margin-top: 20px; width:317px;}
#europaRcol {float:left; margin: 20px 0 10px 15px; width:218px; height:418px; text-align:center; line-height:16px; background: url(images1/europateam.jpg) no-repeat;}
#europaAddy {margin-top: 310px;}

/* absolutely positioned elements for login & contact info */
#relative{position:relative; width:198px;}
#contact {
	position:absolute;
	left:22px;
	top:224px;
	width:170px;
	height:110px;
	line-height:20px;
	z-index:1;
}
#contact2 {
	width:199px;
	height:170px;
	line-height:20px;
	background: url(images1/contact_tab.gif) no-repeat;
	padding:40px 0 0 20px;
}
#username {
	position:absolute;
	left:30px;
	top:57px;
	z-index:2;
	width: 128px;
}
#password {
	position:absolute;
	left:29px;
	top:110px;
	z-index:3;
	width: 129px;
}
#backtoplan {
	position: absolute;
	left:19px;
	top:39px;
	z-index:4;
	width: 112px;
}
#login {
	position:absolute;
	left:17px;
	top:147px;
	z-index:5;
	width: 73px;
}
#forgot {
	position:absolute;
	left:96px;
	top:148px;
	z-index:6;
	font-size:9px;
	width: 92px;
	line-height:12px;
}

	.line_grey {height:14px; background:url(images1/dots.gif) repeat-x;}
.clear{clear:both; height:0;}

.grey {color:#ccc;}
.white {color:#fff;}
.whitebold {color:#fff; font-weight:bold; text-decoration:none;}
.redbold {color:#FF0000; font-weight:bold; text-decoration:none;}
.vitamin19 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#fff;font-size:20px;
			text-transform: lowercase;font-weight: bold;margin-top:0;}

#nc {width:513px; padding:3px 20px;background-color:#221e1f;}
/* results page */

.green {color:#4ca250;}
.blue {color:#439ed7;}
.yellow {color:#f0b53c;}
.red {color:#ef4254;}

.product_title{font-size:18px; font-weight:bold;}
.tagline {font-weight:bold; color:#999; font-style:italic;}

.titleblue {color:#439ed7; font-size:18px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
.titleyellow {color:#f0b53c; font-size:20px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

.font16 {font-size:16px;}
.line {height:14px; background:url(images1/nc_dots.gif) repeat-x;}
.line_printout {height:14px; background:url(images1/nc_dots_white.gif) repeat-x;}
.dots {height:10px; background:url(images1/dots_dark.gif) repeat-x;}
.dots_print {height:10px; background:url(images1/dots_dark_white.gif) repeat-x;}
.dotsgrey {height:10px; background:url(images1/dots_grey.gif) repeat-x;}

.solidline {height:2px; border-bottom:1px solid #333; margin:0;}
.dosage {text-transform:uppercase; font-weight:bold; font-size:14px; color:#999;}
#results {width: 513px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#results_print {width: 750px; font-family:Arial, Helvetica, sans-serif; font-size:12px;margin:auto;}
table{font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.product{float:left; width:150px; margin-left:5px;}
.product_text {float:left; width:315px; margin:0 5px;}
.product_text_print {float:left; width:517px; margin:0 5px;}
.number {float:left; width:18px;margin-top:7px;}

.product p{margin:0; padding:0;}
.product_text p{margin:0; padding:5px;}

.products {font-family: Arial, Helvetica, sans-serif; width:520px; margin:20px 15px;}
.productsdark {width:515px; background:#292828; border:1px solid #fff; border-width: 0 1px; line-height:normal;}

.productlogo {float:left; margin-left:25px; width:88px;}
.productphoto {float:left; margin:0 25px; width:125px;}
.producttitle {float:left;padding:5px 0 15px 15px; width:384px; line-height:normal;font-size:18px; font-weight:bolder; color:#fff;}
.producttxt {float:left; padding:0 0 15px 10px;}

ul.productslist{list-style:url(images1/arrow_white.gif);}
.productinfo { float:left; margin:0 15x; width:350px; }

.copy {font-size:10px;margin-left:220px;}

/*
/* product page balloon effect 
.products ul {padding:0; margin:0; border:0; list-style-type: none;}
.products ul li {float:left; margin:5px; width:225px; height:160px;}
.products ul li dl {visibility:hidden; position:absolute;}
table {margin:-2px; border:0; padding:0; border-collapse:collapse; font-size:1em;}

.products ul li a img, .products ul li a:visited img { border:0; text-decoration:none;}

.products dl {width:351px; padding:0 0 30px 0; background:transparent url(images1/bubble_bottom.gif) no-repeat bottom left; height:auto;}
.products dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000; background:transparent url(images1/bubble_top.gif) no-repeat top left; text-align:center;}
.products dd {margin:0; padding:5px 15px;color:#000; font-size:1em; border:1px solid #fff; border-width:0 1px; background:#292828;}
.products dl#web {background:transparent url(images1/bubble_bottom.gif) no-repeat bottom left; height:auto;}
.products dl#web dt {background:transparent url(images1/bubble_top.gif) no-repeat top left;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second 
.products ul li:hover,
.products ul li a:hover {color:#000; position:relative; cursor: pointer; cursor:hand; border:none; text-decoration:none;}
.products ul li:hover dl,
.products ul li a:hover dl {visibility:visible; color:#000; top:-75px; left:120px; cursor:default; border:none; text-decoration:none;}



.productlogo {float:left; padding-bottom:15px; width:88px;}
.producttitle {float:left;padding:5px 0 15px 15px; width:215px; line-height:normal;font-size:18px; font-weight:bolder; color:#aaa;}
.producttxt {float:left; padding:0 0 15px 10px;}

 /* text list in bubble 
.products ul li ul {padding:0px; margin:10px; float:none;}
.products ul li ul li {margin:0; margin-top:10px; padding-left:5px; height:auto; width:300px; line-height:14px; font-size:12px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.products ul li ul li:hover {color:#fff; cursor:auto;}
.products ul li ul.thrive li {list-style:url(images1/arrow_white.gif);}
.products ul li ul.shape li {list-style:url(images1/arrow_white.gif);}
.products ul li ul.perform li {list-style:url(images1/arrow_white.gif);}
.products ul li ul.nourish li{list-style:url(images1/arrow_white.gif);}
/* end of product page balloon effect 

*/


/*club support page */
#club {padding:0 30px 0 40px; color:#808284; font-size:14px; line-height:0;}
#clubtext {margin:15px 0 20px 0px; width:609px; }
#white {background:#fff; width:559px padding: 0 0px 0 50px; margin:0;}
#retail {float:left; width:225px; margin:15px 0 0 50px; line-height:17px;}
#line {float:left; width:6px; margin:0 30px 0 31px; height:1160px;}
#weight {float:left; width:245px; margin-top:15px; line-height:17px;}
	.indent {margin-left:20px;}