/* CSS Document */

/* BIG-TIME credit goes out to Mike Purvis, inventor of the "Jello Mold", used here. It allows you to use MAX and MIN widths (even with Internet Explorer, which stubbornly ignores them).
Check Mike out here: http://uwmike.com/,
or see the Jello Mold here: http://www.positioniseverything.net/articles/jello-expo.html */

body {
	padding: 0 380px 0 380px;
	margin: 0;
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	background-color: #ffdba1;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	color: #444;
}

#sizer {
	margin: 3px auto 0 auto;
	padding: 0;
	width: 51%;
	max-width: 100px;  /* version for IE is at the bottom of this style block */
	background: transparent;
}

#expander {
	background: transparent;
	margin: 0 -380px 0 -380px;
	min-width: 760px; /* Critical Safari fix! */
	position: relative;
	border: none;
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
#content { height: 1%; }
.sp_content {height: 1% }
/* */

/* helps IE get the child percentages right. */
#wrapper {position: relative; width: 100%; margin-top: 0; border-top: 1px solid transparent;} 
	
body { font-family: Tahoma, sans-serif; }

#footer {
	position: relative;
	width: auto;
	margin: 15px 206px 0 0;
	text-align: center;
	}


/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:link, a:visited, a:hover {
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
	background-color: transparent;
	color: blue;
	}
	
a:visited {
	color: #333366;
	}

#content {
	position: relative;
	width: auto;
	margin-left: 0px;
	margin-right: 206px;
	margin-top: 65px;
	text-align: left;
	padding: 0;
}

#contentnoheader {
	position: relative;
	width: auto;
	margin-left: 0px;
	margin-right: 206px;
	margin-top: 15px;
	text-align: left;
}

#contentwide {
	position: relative;
	width: auto;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 65px;
	text-align: left;
}

/* More Kudos go out to Greg Johnson, creator of Spiffy Corners.  See them here: http://www.spiffycorners.com/ */
.sp{
display:block
}
.sp *{
display:block;
height:1px;
overflow:hidden;
background:#ffffff;
}
.sp1{
border-right:1px solid #cecece;
padding-right:1px;
margin-right:3px;
border-left:1px solid #cecece;
padding-left:1px;
margin-left:3px;
background:#e9e9e9;
}
.sp2{
border-right:1px solid #b2b2b2;
border-left:1px solid #b2b2b2;
padding:0px 1px;
background:#eeeeee;
margin:0px 1px;
}
.sp3{
border-right:1px solid #eeeeee;
border-left:1px solid #eeeeee;
margin:0px 1px;
}
.sp4{
border-right:1px solid #cecece;
border-left:1px solid #cecece;
}
.sp5{
border-right:1px solid #e9e9e9;
border-left:1px solid #e9e9e9;
}

.sp_content{
padding:0px 7px;
background:#ffffff;
margin: 0;
}

.left_pad {
	padding-left: 25px;
	}

.spnav *{
display:block;
height:1px;
overflow:hidden;
background:#eeeeff;
}

.spnav_content{
padding:0px 5px;
background:#eeeeff;
margin: 0;
}


.sptopitem {
	margin-top: 0px;
	padding-top: 3px;
	}

#right {
position: absolute;
right: 0px;
top: 65px;
width: 200px;
border: none;
margin: 0;
padding: 0;
text-align: left;
	}
	

#header {
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 55px;
	text-align: left;
	padding: 0;
	background-color: white;
	}
	
#header .liner {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	}
	
#header img.logo {
	margin-left: 5px;
	margin-top: 0px;
	padding: 0;
	}

h1 {
	margin-top: 0;
	padding-top: .5em;
	font-size: 1.5em;
	color: #009;
	margin-bottom: .5em;
	}

h2 {
	margin-top: 0;
	padding-top: .5em;
	font-size: 1.3em;
	color: #009;
	margin-bottom: .5em;
	}
	
h3 {
	margin-bottom: 1em;
	font-size: 1.2em;
	font-weight: bold;
	color: #009;
	}
	
h4 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 1.0em;
	color: #009;
	margin-bottom: .5em;
	}
	
h1 + h2 {
	margin-top: 0px;
	padding-top: 0px;
	}

#zoneprofile {
	font-size: .8em;
	margin: 0;
	padding: 0;
	}
	
#zoneprofile p {
	margin: .6em 0;
	}
	
#zoneprofile input, select {
	font-size: 1em;
	margin: 0 4px;
	}
	
#zoneprofile input.button {
	font-weight: bold;
	color: #770000;
	margin: 0;
	padding: 0;
	width: 150px;
	}
	
p.lose {
	background-color: transparent;
	font-weight: bold;
	color: #700;
	text-align: center;
	padding: 3px 0;
	margin: 0;
	}
	
.testi {
	background: url(../Images/openquote.gif) no-repeat;
	padding: 10px 25px 0 20px;
	margin: 0 0 0 0;
	font: 12pt/1.2em Garamond, "Times New Roman", Serif;
	}
	
p.testiright {
	position: relative;
	margin: 0;
	display: none; /* this is handled by the javascript file testimonials.js */
	background: url(../Images/openquote.gif) no-repeat;
	padding: 10px 10px 0 15px;
	font: 12pt/1.3em Garamond, "Times New Roman", Serif;
	}
		
.testiuser {
	background: none;
	display: block;
	text-align: right;
	padding: 0 30px 0 0;
	margin: 0 0 20px 0;
	font: italic 12pt Garamond, "Times New Roman", Serif;
	}
	
.center {
	text-align: center;
	}

.br {
	margin: 0;
	padding: 0;
	height: 9px;
	}
	
	
	/* ZONE PROFILE TEST CSS */
	
.spzp{
display:block
}
.spzp *{
display:block;
height:1px;
overflow:hidden;
background:#b44
}
.spzp1{
border-right:1px solid #6a0600;
padding-right:1px;
margin-right:3px;
border-left:1px solid #6a0600;
padding-left:1px;
margin-left:3px;
background:#930500;
}
.spzp2{
border-right:1px solid #3f0800;
border-left:1px solid #3f0800;
padding:0px 1px;
background:#9b0400;
margin:0px 1px;
}
.spzp3{
border-right:1px solid #9b0400;
border-left:1px solid #9b0400;
margin:0px 1px;
}
.spzp4{
border-right:1px solid #6a0600;
border-left:1px solid #6a0600;
}
.spzp5{
border-right:1px solid #930500;
border-left:1px solid #930500;
} 
.spzp_content{
padding:0px 5px;
background:#fff;
border-left: 4px solid #b44;
border-right: 4px solid #b44;
background-image: url(../Images/zp_bg.gif);
background-repeat:no-repeat;
}

.spzpic {
display: block; width: auto; height: 1px; overflow: hidden; border-left: 1px solid red; border-right: 1px solid #b44; margin-left: -5px; margin-right: -5px;  padding: 0;
	}
	
#testibox {
	margin: -10px 0 -15px 0;
	padding: 0;
	height: 200px;
	}
	
.right {
	text-align: right;
	}
	
.center {
	text-align: center;
	}
	
#body-nav { float: right; width:540px; background-image:url(../images/body-nav-bg.gif); background-repeat: repeat-x; font-size:11px; }
#body-nav ul { list-style-type:none; margin:0; padding:0; } 
#body-nav ul li { float:left; }
#top-nav { height:28px; text-transform:uppercase; padding-left:10px; border:1px solid #339; border-width:0 1px; }
#top-nav a { color:#339; padding:3px 8px 0 10px; line-height:25px; text-decoration:none; font-weight:bold; display:block; }
#top-nav a:hover { text-decoration:underline }
#top-nav a.selected:hover { color:#fff; text-decoration:none}
#bot-nav { height:28px; }
#bot-nav a { color:#fff; text-decoration:none; font-weight:bold; line-height:28px; display:block; padding:0 10px 0 10px; }
#bot-nav a:hover { text-decoration:underline}
#nav-Home.selected, #nav-Tour.selected { background-image:url(../images/nav-home-bg.gif); color:#fff; background-repeat:no-repeat; }

#nav-Real.selected { background-image:url(../images/nav-real-bg.gif); color:#fff; background-repeat:no-repeat; }

#nav-Start.selected { background-image:url(../images/nav-start-bg.gif); color:#fff; background-repeat:no-repeat; }

#nav-Guarantee.selected { background-image:url(../images/nav-guarantee-bg.gif); color:#fff; background-repeat:no-repeat; }

#nav-Weightloss.selected{ background-image:url(../images/nav-weightloss-bg.gif); color:#fff; background-repeat:no-repeat; }

#bot-nav a.nav-bot-sel:link, #bot-nav a.nav-bot-sel:visited {
	color: #FFFF99;}
	.i {
	font-style: italic;
}

.closep {
		margin: 0;
		height: 40px;
		clear: both;
		}
		
	
#steps {
	position: absolute; top: 5px; right: 0px; height: 75px; width: 230px;
	}
	
#steps p {
	margin: 3px 0 3px 5px;
	padding: 0;
	color: #666;
	font-size: .8em;
	}

#steps p.current {
	color: #fa8072;
	}
	
ul.spaced li {
	margin-bottom: 7px;
	}
	
.rating {
	position: relative;
	float: none;
	top: 0;
	right: 0;
	width: 100%;
	text-align:center;
	font: bold 14pt Verdana, Arial, Helvetica, Sans-Serif;
	Color: #000;
	margin: 0;
	padding: 0;
	}

.colhead {
	background-color: #3884a6;
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: .9em;
	}