/* ---------------------------

Title : Income Escalator
Author : Ciplex
URL : http://www.ciplex.com

Created : 12.20.08
Modified : 12.22.08 

--------------------------- */

/* RESET */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,
h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;}
li { list-style:none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { 
	font-size:100%;
	font-weight:normal;
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select {
	font-size:100%;
}

legend{color:#000;}

body { background: #e2e2e2 url(../images/bg_body.gif) repeat-x top; font: 10px Arial, Helvetica, sans-serif; }

p { color: #4f4e4e; font-size: 1.2em; margin-bottom: 1.25em; }
strong,b { font-weight: bold; }
i,em { font-style: italic; }
ul { margin: 0 0 1.5em 1.2em; }
	li { color: #4f4e4e; font-size: 1.2em; list-style: circle; }

label { color: #4f4e4e; display: block; font-size: 1.2em; margin: .5em 0; }
input[type="text"] , textarea, input[type="password"] { background: #FFFFFF; font-size:1.2em; border: 1px solid #777777; padding: .5em; }

input[type="submit"], input[type="button"] { font-size:1.2em; margin:.5em 0; margin-top:1em; border: 1px solid #777777; padding: .5em; }

select { font-size:1.2em; margin:.5em 0; margin-top:1em; border: 1px solid #777777; padding: .5em; }


h1 { color: #356fac; font-size: 1.8em; }
h2 { color: #356fac; font-size: 1.2em; font-weight: bold; }
h3 { color: #356fac; font-size: 1.4em; font-weight: bold;margin-bottom:1em; }
h4 { color: #356fac; font-size: 1.6em; font-weight: bold;margin-bottom:1em; }


.container { background: #fff; margin: 0 auto; width: 100.8em; }
.inner { padding: 2em 5em; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.half { float: left; width: 50%; }

/* Header */
#logo { float: left; margin: 1.5em 0 2em 2em; }
#button { float: right; margin: 2em; }

#mainnav {
	background: #717070 url(../images/bg_nav.gif) repeat-x top;
	border-bottom: 7px solid #aa3636;
	clear: both;
	height: 3.6em;
	margin: 0;
	padding-left: 8.5em;
}
	#mainnav li {
		float: left; 
		list-style: none;
		margin: 0;
		padding: .75em 0;
	}
		#mainnav li a { 
			border-left: 1px solid #acacac; 
			border-right: 1px solid #5c5b5b;
			color: #fff;
			display: block;
			font: 1.25em Georgia, Times, "Times New Roman", serif;
			padding: 0 1em;
			text-decoration: none;
			text-shadow: 1px 1px 1px #000;
			text-transform: uppercase;
		}
		#home #home, #product #product, 
		#signup #signup, #myaccount #myaccount, 
		#mainnav li a:hover { background: #a5151f; }
		
/* Callouts */
#banner { background: url(/images/bg_banner.gif) repeat-x bottom; margin-bottom: 1em; padding-bottom: 1.3em; }
	#product #banner #inner { background: url(../images/banner_product.png) no-repeat right bottom; height: 27.7em; }
		#product #banner #inner p { padding: 0 20em; }
		#product #banner #inner h1 { padding-left: 13.25em; }
		#vid-link { padding-left: 23em; }
		#product-pdf { float: right; margin-top: -7em; }
		
#benefits { background: url(/images/bg_paper.jpg) no-repeat; height: 25em; margin: 0 auto; width: 78em; }
	#benefits .text { float: left; padding: 4em 0 0 2em; width: 26em; }
	#benefits .object { float: right; }

#ingredients { margin: 1em auto; padding: 1em; width: 78em; }
	
#callout { background: #18324d url(../images/bg_callout.gif) repeat-x top; height: 25.5em; padding: 1.8em 3em 0; }
	#callout p { color: #fff; }

#hpcallout { background: #18324d url(../images/bg_hpcallout.gif) no-repeat top; height: 25.5em; padding: 1.8em 2.3em 0; }
	#hpcallout ul { margin: 6.5em 0 0 .8em; }
		#hpcallout ul li { float: left; list-style: none; margin-right: 4em; }

/* Footer */
#footer { background: url(../images/bg_footer.png) repeat-x top; margin: 0 auto; width: 100.8em; }
	#sublinks , #copyright { padding: 2em; }
	#copyright { float: right; }
	#sublinks { float: left; }
		#sublinks li { display: inline; }

#footer a { color: #4f4e4e; }
#company #company, #faq #faq, #contact #contact , #privacy-policy #privacy-policy , #footer a:hover { color: #000; }

/* Account Styles */

#account_menu_header {
  font-size:22px;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:15px;
  text-decoration:none;
  float:left;
  color:#173267;
}

#account_menu {
  display:block;
  padding:0px;
  margin:0px;
  width:120px;
  font-size:12px;
  float:left;
  clear:left;
}
#account_menu a {
  text-decoration:none;
  color:#000000;
  list-style:none;
  display:block;
  border-top:1px solid #528EC6;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:4px;
}

#account_menu a:hover {
  background:#d3ecf4;
  color:#528EC6;
}

#account_menu p {
  text-decoration:none;
  background:#578ec1;
  color:#ffffff;
  list-style:none;
  display:block;
  border-top:1px solid #173267;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:4px;
  margin:0px;
  font-weight:bold;
}


#account_main {
  width:490px;
  float:left;
}

.chart_table {
	 width:100%;
}
.chart_table th,.chart_table td {
  font-size:12px;
  border-bottom:1px solid #CCCCCC;
  padding:5px;
}
.chart_table th {
  text-align:left;
}
.chart_table td {
  margin:0px;
}
.number_cell {
  text-align:right;
}
.pointscol {
  text-align:right;
  margin-right:1px solid #000000;
  background:#EFEFEF;
}
.totalcol {
  text-align:right;
  font-weight:bold;
}

.small_button {
  background:#4d83b9;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  color:#ffffff;
  padding:5px;
  text-align:center;
  border:0px;
  margin-top:5px;
}

.marquee_item
{
	float: left;
	height: 25px;
	margin-right: 15px;
}

.marquee_container
{
	float: left;
	width: 600px;
	height: 25px;
	line-height: 25px;
	margin-left: 1px;
	padding-left: 5px;
}

#marquee_viewport
{
	float: left;
	position: absolute;
	width: 1000px;
	height: 25px;
	margin-left: 20px;
	overflow: hidden;
	clip: rect(0px, 597px, 25px, 0px);				
}