#constraint {
    width: 771px;
}
/* Constrain width to fit 800x600 screens */
/* ----------------------------------------------------- */


/* Generic */
/* ----------------------------------------------------- */
.none, .standardsNote {display:none;}
a {text-decoration: none;}
a img {border-style: none;}
#main {margin: 10px;}
.margin10 {margin: 10px;}
.margin20 {margin: 20px;}
.tmargin20 {margin-top: 70px;}
.tmargin10 {margin-top: 10px;}
.lpad0 {padding-left: 0px;}
.pad10 {padding: 10px;}
.pad5 {padding: 5px;}
.noborder {border-style: none ! important;}
.nowrap {white-space:nowrap;}
.nomargin {margin: 0px;}
.nomargintop {margin-top: 0px;}
.nobottompadding {padding-bottom: 0px ! important;}
.fullwidth {width: 100%;}
.floatr {float: right;}
.floatl {float: left ! important;}
.clearr {clear: right;}
.clearl {clear: left;}
.clearb {clear: both;}
.indented {text-indent: 2em;}
.indent10 {text-indent: 10px;}
.centertext {text-align: center;}
.point16 {font-size: 16pt;}
.uppercase {text-transform: uppercase;}
.textr {text-align: right;}
.block {display: block;}
.inline {display: inline;}
.thick {height: 3px; color: #000; margin: 0px;}
.xtrathick {height: 6px; color: #000; margin: 0px;}
.thin {height: 1px; color: #000; margin: 0px;}
.underline {text-decoration: underline;}
.bold {font-weight: bold;}
.smallertext {font-size:smaller;}

/* Navigation */
/* ----------------------------------------------------- */
#topbar {
    background: url("../images/bar.jpg") repeat-x;
    width: 690px;
    margin-bottom: -3px;
}

#builtpic {
    position:absolute;
    left: 540px;
    top: 0px;
}

.topnav {
    background: #000;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    font-size: 8pt;
    padding: 3px;
    width: 100%; 
    clear:left;
    margin: 0px;
}

.topnav a, #bottombar a {
    color: #fff;
    padding: 0em 1em;
}

.topnav a:hover, #bottombar a:hover {
    color: #ffa500;
}

#leftnav {
    float: left; 
    margin-left: -1px;
    width: 140px;
    padding: 0px 5px 0px 5px;
    border-right: solid #000 2px;
/*    position: relative; */
    min-height: 365px;
    background: #fff;
}

#leftnav li {
    padding: 0px;
    margin: 0px;
}

#leftnav ul {
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

#leftnav ul a {
    margin: 0px;
    padding: 0px;
    color: #ffa500;
}

#leftnav a {
    color: blue;
    font-weight: bold;
    display: block;
    margin: 15px 0px 5px 5px;
    border-bottom: 1px solid black;
    text-transform: uppercase;
}

#leftnav p {
    color: red;
    vertical-align: super;
    font-weight: bold;
}

#leftnav a:hover {
    color: #ffa500;
}

#leftnav span {
    color: red;
    vertical-align: super;
    font-weight: bold;
}

#shows {
	color:#000 ! important;
	clear:both;
	
}

#footer {
    clear: both;
}

#footerhome {
    clear: left;
}

#bottombar {
    background: #000;
    color: #fff;
    font-size: x-small;
    padding: 3px 20px;
    font-family: verdana, sans-serif;
    padding: 3px;
    width: 100%;
    clear: left;
}

.printdiv {
    clear: left;
    border: solid white 1px;
}

.printer {
    float: right;
    margin: 10px;
}

#copyright {
    float: right;
    font-size: xx-small;
    color: gray;
}

/* Products */
/* ----------------------------------------------------- */
#picture {
    /* width: 200px; */
	margin: 10px;
    float: right;
    background: #fefefe;
}

#digest, #benefits, #details {
	margin: 1em;
}

#digest p {
	clear:none !important
}

#headertitle {
    padding: 5px;
    background: #fcfcfc;
    color: blue;
    text-align: center;
}

#headertitle h3 {
    font-size: 90%;
    font-style: italic;
    margin: 3px 0px;
}

#testim {
    width: 30%;
    background: #fcfcfc;
}

#testim em {
    display: block;
}

#testimonial {
    width: 90%;
    padding: 10px;
    text-decoration: none;
    border: 1px dotted red;
    background: #fcfcfc;
    display: none;
}

#testimonial img {
    padding: 10px;
}

li strong {
     display: block;
     color: blue;
     margin: 3px 0px;
}

li {
    margin-bottom: 5px;
    color: black;
}

li ul li {
    list-style-type: square;
}

.nutrition {
    border: solid black 3px;
    width: 300px;
    font-family: "Helvetica Black", Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

.wide {
    width: 400px ! important;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}

.w300p {
    width: 300px;
}

.nutrition h1 {
    text-align: center;
    font-size: large;
    padding-bottom: 0px;
    margin: 0px;
    font-weight: 900;
}

.nutrition p {
    text-align: center;
    font-size: small;
    font-weight: lighter;
    margin: 0px;
}

.row {
    border-top: solid gray 1px;
    margin: 0px 20px 0px 20px ! important;
}

.nutrition div {
    border-style: none;
}

.nutrition td {
	font-size: x-small;
}

#amino {
    border: solid black 3px;
    width: 230px;
    font-family: "Helvetica Black", Helvetica, sans-serif;
    float: left;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
    padding: 10px;
}

#amino p {
    text-align: center;
    font-size: small;
    font-weight: bold;
    margin: 0px;
}

.left {
    text-align: left;
    display: inline;
    float: left;
    padding: 1px 0px 1px 20px;
    margin: 0px;
}

.right {
    text-align: right;
    padding: 1px 20px 1px 0px;
    margin: 0px;
}

.example {
    margin-bottom: 5px;
}

.w400 {
    width: 400px;
    border: 1px dotted #ffa500;
    margin-right: 10px;
    margin-bottom: 5px;
}

.w250 {
    width: 250px;
    padding: 1px 0px ! important;
}

.info {
    display: none;
    background-color: #fafafa;
    border: green dotted 1px;
    padding: 5px;
    margin: 5px 5px 20px 5px;
}

.info p {
    padding: 5px 0px;
}

.info h4, p {
    margin: 0px;
}

.pagelink {
    text-decoration: none;
    border-bottom: 1px dotted green;
}

.attention {
    font-variant: small-caps;
    font-weight: bold;
    color: red;
}

q {
    font-style: italic;
}

.us a, .us a:visited {
	color: red;
}

.us li {
	list-style-type: circle ! important;
}

/* General */
/* ----------------------------------------------------- */
body {
    background: #fff;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: arial, helvetica, sans-serif;
    font-size: smaller;
    color: #000;
}

h1 {
    padding-top: 5px;
    margin-bottom: 0px;
}

h2 {
    font-size: 16px;
}

h2.bigger {
	font-size: 20px;
}

h3 {
    font-size: 12px;
}

h4 {
    font-size: small;
}

p {
    margin: 10px;
}

a:hover {
    color: #ffa500;
}

.column {
    width: 48%;
    float: left;
    margin-top: 10px;
    padding-left: 10px;
}

.spheader {
    background: #99ffff;
    text-indent: 2em;
}

.box {
    border: solid black 3px;
    width: 300px;
}

.pressrelease {
    margin: 30px;
    padding: 5px;
    border: black solid 3px;
}

.picturestrip {
	width: 230px;
	margin-left: 1em;
	float: right; 
	border: solid gray 1px; 
	background-color: #cce7ff;
}

.picturestrip img {
	padding: 5px;
}

.contact h2 {
	background: #006; /* was #ECE9D8  */
	color: #ff0;
	padding: 0 3px;
	margin:0px;
}

.contact h3 {
	font-size: small;
	padding: 0 3px;
	text-align: center;
	border-bottom: 1px solid gray;
	margin: 2px 3px;
}

.contact p {
	padding: 2px 3px;
	margin: 2px 3px;
	text-align:center;
}

.contact {
	background:#cce7ff; 
	color:#000;
	border:1px solid gray;
	margin: 15px 5px;
}

/* Home Page Style */
/* ----------------------------------------------------- */
#homemain {
/*    margin: 0px 0px 0px 152px; */
    padding-left: 10px;
    max-width: 560px;
/*   position: relative; */
    background: #fff;
	float: left;
}

#homemain h1 {
    margin: 0px;
    font-size: 18pt;
}

#homemain #sup {
    font-size: small;
} /* Used to superscript the registered symbol */

#homemain #intro {
    font-size: 8pt;
    padding: 0px;
    margin: 0px;
}

#homemain .zones, #homemain #promo {
    margin-left: 12px;
}

#homemain .zone {
    width: 175px;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    float: left;
}

#homemain .zone h2 {
    font-size: medium;
    margin: 5px;
    text-align: center;
    width: 150px;
}

#homemain .zone img {
    margin: 5px;
}

#homemain .zone p {
    margin: 0px 5px;
}

#homemain .zone a {
    color: blue;
}

#homemain .zone a:hover {
    color: #ffa500;
}

/* Zones */
/* ----------------------------------------------------- */
.learnzone {
    width: 230px;
    margin: 10px;
    float: left;
	border: solid 1px #ccc;
}

.weightloss {
    width: 165px;
    margin: 10px;
    float: left;
	border: solid 1px #ccc;
}

.learnzone h3, .weightloss h3 {
    text-align: center;
    font-size: 16pt;
    text-transform: uppercase;
    height: 50px;
    vertical-align: middle;
}

.learnzone img, .weightloss img {
    margin: 20px;
}

.learnzone h4, .weightloss h4 {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.learnzone ol {
    margin: 4px 10px 4px 32px;
}

.learnzone ol ol {
    list-style: lower-alpha;
    margin-left: 3px;
}

.stylebar {
    height: 10px;
    width: 100%;
}

#learningzone h2 {
    background: #ff5803;
}

#productzone h2 {
    background: #ff5803;
}

#goalszone h2 {
    background: #ff5803;
}

.interview {
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
}

.interview .interviewer {
	font-variant: small-caps;
	color: navy;
}

.interviewee {
	color: #FF0000;
	font-weight: bold;
	font-variant: small-caps;
}

/* Colors */
/* ----------------------------------------------------- */
/* add 80 lighness in photoimpact for difference between light and dark */
.lightmen {background: #FFECE0;}
.darkmen {background: #ff6300;}
.lightwomen {background: #ffe5ff;}
.darkwomen {background: #ff00ff;}
.lightbasics {background: #e5ffe5;}
.darkbasics {background: #00ff01;}
.fatlosslight {background: #F3ccff;}
.fatlossdark {background: #c301ff;}
.musclelight {background: #fecccc;}
.muscledark {background: #fa0002;}
.performancelight {background: #cef7d4;}
.performancedark {background: #0cd829;}
.metaboleanlight {background: #7D91E8;} /* was #cce7ff; */
.metaboleandark {background: #172B82;color:#FFCC00;} /* was #0189ff; */
.evoplexlight {background: #fbe1cc;}
.evoplexdark {background: #ef6b00;}
.black {color: #000;}

/* Training Club */
/* ----------------------------------------------------- */
#brian, #monica, #joe {
	width: 45%;
	margin-right: 20px;
	float: left;
}

#brian .banner, #monica .banner, #joe .banner {
	background: red;
	text-align: center;
	text-transform: uppercase
}

.banner h1 {
	font-size: large;
	font-weight: bold;
	text-transform: uppercase;
}

.banner h2 {
	font-weight: normal;
	margin-top: 0px;
}	

.bigcap {
	font-weight: bold;
}

.bigcap:first-letter {
	font-size: 200%;
}

/* Athletes */
/* ----------------------------------------------------- */
.athlete {
	float: left;
	margin: 20px;
	width: 100px;
	text-align: center;	
}

.athlete h2 {
	font-size: x-small;
	margin: 1px;
}

.redemphasis {
	color:red;
	font-weight:bold;
}

/* What's New */
/* ----------------------------------------------------- */
#whatsnew {
	margin: 0;
}

#whatsnew li {
	float: left;
	list-style-type: none;
	margin: 1em;
	padding: 1em;
	width: 280px;
	height: 380px;
	border: 1px solid blue;
	text-align: center;
}

#wallpaper {
	margin: 0;
}

#wallpaper li {
	float: left;
	list-style-type: none;
	margin: 1em;
	padding: 1em;
	width: 280px;
	height: 380px;
	text-align: center;
}