@import "reset.css";

html {
    background: #2b5d2b url(/images/background.jpg) top left repeat-x;
}

body, table td, select {
    font-size: 14px;
    font-family: Arial,Tahoma,Geneva,sans-serif;
}

h1 {
  background: transparent url(/images/h1_background.jpg) top left no-repeat;
  height:70px;
  line-height:58px;
  font-size:20px;
  color:#ccff66;
  text-align:center;
  font-weight:bold;
}
h2 { font-size: 1.2em; font-weight: bold; color: #ccff66; }
h3 { font-size: 1em; font-weight: bold; color: #ccff66; }
h4 { font-size: 1.3em; font-weight: bold; color: #ffffff; padding: 0; margin: 0; }

a  { color: #ccff66; }

a:link, a:visited {
  text-decoration:underline;
}

a:hover, a:active {
  text-decoration:none;
}

strong      	{ font-weight:bold; }
.bold       	{ font-weight:bold; }
.italic       { font-style:italic; }
.underline    { text-decoration:underline; }
.float_left,.float-left		{ float:left; }
.float-right	{ float:right; }
.center    		{ text-align:center; }
.right      	{ text-align:right; }
.clear      	{ clear:both; }
.relative   	{ position:relative; }
.middle     	{ vertical-align:middle; }
.highlight  	  { color: #2B5D2B; background-color: #CCFF66; }
.block			    { display:block; }
.uppercase  { text-transform:uppercase; }
.color			    { color: #ccff66 !important; }
.white-text  { color:white; }
.light-green-text { color:#CCFF66; }
.dark-green-text { color:#003300; }
.centered { margin: 0 auto; }
.absolute { position:absolute; }

.size-18 { font-size:18px; }
.size-11 { font-size:11px; }
.size-12 { font-size:12px; }

.margin-bottom  { margin-bottom:1em; }
.margin-top     { margin-top:1em; }
.margin-left    { margin-left:1em; }
.margin-right   { margin-right:1em; }
.margin         { margin:1em; }

.small-margin-bottom { margin-bottom:5px; }
.small-margin-top    { margin-top:5px; }
.small-margin-left   { margin-left:5px; }
.small-margin-right  { margin-right:5px; }
.small-margin        { margin:5px; }

.medium-margin-bottom {padding-bottom:108px; }
.medium-margin-top    { padding-top:10px; }
.medium-margin-left    { padding-left:10px; }
.medium-margin-right  { padding-right:10px; }
.medium-margin        { padding:10px; }

.large-margin-bottom { margin-bottom:2em; }
.large-margin-top    { margin-top:2em; }
.large-margin-left   { margin-left:2em; }
.large-margin-right  { margin-right:2em; }
.large-margin        { margin:2em; }

.tiny-padding-bottom { padding-bottom:2px; }
.tiny-padding-top    { padding-top:2px; }
.tiny-padding-left   { padding-left:2px; }
.tiny-padding-right  { padding-right:2px; }
.tiny-padding        { padding:2px; }

.padding-bottom { padding-bottom:1em; }
.padding-top    { padding-top:1em; }
.padding-left   { padding-left:1em; }
.padding-right  { padding-right:1em; }
.padding        { padding:1em; }

.small-padding-bottom { padding-bottom:5px; }
.small-padding-top    { padding-top:5px; }
.small-padding-left   { padding-left:5px; }
.small-padding-right  { padding-right:5px; }
.small-padding        { padding:5px; }

.medium-padding-bottom {padding-bottom:10px; }
.medium-padding-top    { padding-top:10px; }
.medium-padding-left    { padding-left:10px; }
.medium-padding-right  { padding-right:10px; }
.medium-padding        { padding:10px; }

.large-padding-bottom { padding-bottom:2em; }
.large-padding-top    { padding-top:2em; }
.large-padding-left   { padding-left:2em; }
.large-padding-right  { padding-right:2em; }
.large-padding        { padding:2em; }

.light-green-border { border:2px solid #CCFF66; }

pre {
	color:white;
}

p {
  line-height: 18px;
  padding-bottom:1em;
}

input[type="submit"], .submit, button {
  border:2px solid #CCFF66;
  background: #CCFF66;
  padding:3px 5px;
  color: #669900;
  font-weight:bold;
  cursor:pointer;
}

.smalltext {
	font-size:12px !important;
	color: #003300 !important;
}

.framed_image {
  border:1px solid #4b8100;
  padding:3px;
}

#wrapper {
  width: 900px;
  margin: 0px auto;
  position:relative;
  padding-top:22px;
}

#wrapper #logo {
	position:absolute;
	top:22px;
	left:0px;
}

#wrapper #right_top_corner {
	position:absolute;
	top:22px;
	left:876px;
}

#header {
  background: transparent url(/images/header.jpg) top left no-repeat;
  height:132px;
  position:relative;
}

#header img {
  position:absolute;
  top:0;
  left:0;
}

#cart_button {
  position:absolute;
  display:block;
  height:36px;
  width:50px;
  top:40px;
  right:15px;
}

#shop_button {
  position:absolute;
  display:block;
  height:22px;
  width:50px;
  top:76px;
  right:15px;
}

#footer {
  padding-bottom:1em;
}

#footer_top {
  background: transparent url(/images/bottom_bar.jpg) top left no-repeat;
  height:35px;
}

#footer_bottom {
  text-align: center;
  color:#CCFF66;
  font-size:13px;
}

#product-nav {
	text-align:center;
	background:#669900;
	padding:1em;
	margin:0 2em 1em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

#main {
  background:transparent url(/images/main.jpg) top left repeat-y;
  padding:0 18px 0 7px;
  height:auto;
}

#left {
  width: 193px;
  float:left;
  padding-top:22px;
}

#navigation {
  background: #4d8104;
  text-align:center;
}

#navigation #download {
    position: relative;
    padding-bottom: 4.5em;
}

#navigation #download #pounds_and_inches {
    position: absolute;
    left: 3px;
    top: 185px;
    padding:5px;
}

#navigation #bbb_logo {
    margin-top: 2em;
}

#links a, #links a:link {
	background-position:top center;
	background-repeat:no-repeat;
	height:36px;
	width:193px;
	display:block;
}

#links a.selected, #links a.selected:active {
	background-position:bottom center;
}

#links a:hover, #links a:active {
	background-position:bottom center;
}

#links a span {
	display:none;
}

#links a.nav-home { background-image:url(/images/buttons/home_all.jpg); }
#links a.nav-affiliates { background-image:url(/images/buttons/affiliates_all.jpg); }
#links a.nav-faqs { background-image:url(/images/buttons/faqs_all.jpg); }
#links a.nav-testimonials { background-image:url(/images/buttons/testimonials_all.jpg); }
#links a.nav-blog { background-image:url(/images/buttons/blog_all.jpg); }
#links a.nav-products { background-image:url(/images/buttons/products_all.jpg); }

#links a.nav-home-es { background-image:url(/images/buttons/es/home_all.jpg); }
#links a.nav-affiliates-es { background-image:url(/images/buttons/es/affiliates_all.jpg); }
#links a.nav-faqs-es { background-image:url(/images/buttons/es/faqs_all.jpg); }
#links a.nav-testimonials-es { background-image:url(/images/buttons/es/testimonials_all.jpg); }
#links a.nav-blog-es { background-image:url(/images/buttons/es/blog_all.jpg); }
#links a.nav-products-es { background-image:url(/images/buttons/es/products_all.jpg); }

#right {
  width: 664px;
  float:right;
  height:auto;
  background: #2b5d2b;
  color:#CCFF66;
}


#content p.text {
	padding: 5px 20px;
	text-align:center;
	font-style:italic;
	line-height: 18px;
	margin-bottom:14px;
}


.phase {
	border-top: 1px solid #4d8104;
	margin: 0 19px;
	padding: 4px 0;
	min-height:65px;
}

.phase-bottom {
	border-bottom: 1px solid #4d8104;
	margin: 0 19px;
	height:1px;
}

.phase img {
	float:left;
	margin:0 5px 5px -10px;
}

.phase p {
	margin:5px;
	font-size:90%;
}

/* Main Page Content */
.main_content {
 padding:  2em 10px;
}
.main_content h1 { text-align: center; }

/* FAQ Page */
#faq .question  { margin-bottom: .5em; }
#faq .answer    { margin-bottom: 1em; padding: 0 2em 0 2em; text-align: justify; }

/* Affiliates Page */
#affiliates-page p { margin: .2em 0 2em 2em; }

.phase_content {
	padding:  2em 10px;
}

.phase_content h1 {
	text-align:center;
}

.bucket {
  width:317px;
}

.bucket .bucket_top {
  background: transparent url(/images/bucket_top.jpg) bottom left no-repeat;
  height:14px;
}

.bucket .bucket_middle {
  background: transparent url(/images/bucket_background.jpg) top left repeat-y;
  padding:0 10px;
}
.bucket .bucket_bottom {
  background: transparent url(/images/bucket_bottom.jpg) top left no-repeat;
  height:14px;
}

.bucket .bucket_bottom.testimonial_bottom {
  background: transparent url(/images/testimonial_bottom.jpg) top left no-repeat;
  height:46px;
}

.item .item_bullets {
	height: 330px;
}

.item img {
	position:absolute;
	top:25px;
	left: 0px;
	z-index:9;
}

.item ul {
	list-style-image: url(/images/bullet.gif);
	color: #ccff66;
	text-align:left;
	font-size:95%;
	position:absolute;
	top: 15px;
	left: 120px;
	z-index: 10;
}

.item ul li{ padding-bottom: 10px; }

.item .item_top {
	background: transparent url(/images/bucket_top.jpg) top left no-repeat;
	height:14px;
}

.item .item_description {
	clear:both;
	padding:25px 10px 0;
}

/* Testimonials */
.testimonial { color: white !important; border-bottom:1px solid #c6f960; padding-top:1em;}
.testimonial img { border: 2px solid #c6f960;display:block; margin:0 auto 1em;}

.testimonial .testimonial_top {
	background: transparent url(/images/bucket_top.jpg) top left no-repeat;
	height:14px;
}

.testimonial .quote {
	font-size: 18px;
	font-style:italic;
	font-family: Times New Roman;
}

.testimonial .quote_by {
  font-weight: bold;
  font-family: Times New Roman;
  font-size: 14px;
}

#testimonials .testimonial {
  margin-bottom: 2em;
  padding: 0 2em 2em 2em;
  border-bottom: 1px solid #c6f960;
}

#testimonials .testimonial .quote     { margin-bottom: 1em; }
#testimonials .testimonial .quote_by  {  }

.bucket #item_bottom,
.bucket .item_bottom {
	background: transparent url(/images/item_bottom.jpg) bottom left no-repeat;
	height:44px;
	cursor:pointer;
	cursor:hand;
}

.bucket #testimonial_bottom {
	background: transparent url(/images/testimonial_bottom.jpg) bottom left no-repeat;
	height:46px;
	cursor:pointer;
	cursor:hand;
}

.table-background {
	background:#669900;
	padding:2em;
	margin-bottom:1em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.form-table, .list-table {
	margin:0 auto;
}

.form-table th {
	text-align:right;
	font-weight:bold;
}

.form-table td, .form-table th {
	padding:3px;
	vertical-align:top;
}

.list-table th {
	font-weight:bold;
	padding:5px;
}

.list-table td {
	padding:5px;
	font-size:12px;
}

input[type="text"], input[type="password"], select, textarea {
	border:1px solid silver;
    font-size: 11px;
    font-family: Arial,Tahoma,Geneva,sans-serif;
}

.phase-product {
	margin-bottom:1em;
	width:317px;
}

.phase-product .top {
	background: transparent url(/images/bucket_top.jpg) top left no-repeat;
	height:14px;
}
.phase-product .bottom {
	background: transparent url(/images/phase_product_bottom.jpg) top left no-repeat;
	height:14px;
}

.phase-product .content {
	background: transparent url(/images/bucket_background.jpg) top left repeat-y;
	padding: 0.25em 1em;
	color: #003300;
}

#products {

}

.product {
	width:219px;
	float:left;
}

.product .product_top {
  background: transparent url(/images/product_top.gif) top left no-repeat;
  width:219px;
  height:21px;
}

.product .product_bottom {
  background: transparent url(/images/product_bottom.gif) top left no-repeat;
  width:219px;
  height:21px;
}

.product .content {
  background: transparent url(/images/product_middle.gif) top left repeat-y;
  padding: 1em;
  color: #003300;
}

.product .product_image {
	float:left;
	max-height:200px;
	max-width:200px;
	margin: 0 1em 0.5em 0;
}

.product .content h2 {
	text-align:center;
}

.product .content h3 {
	color:#CCFF66;
	margin-bottom:0.5em;
	font-style:italic;
	text-align:center;
}

.product .content p {
	font-size:13px;
}

.price {
  font-weight:bold;
  color:white;
  line-height:20px;
}

.on_sale {
  font-weight:bold;
  color:white;
  line-height:20px;
  font-size:16px;
}

.price.on_sale {
  text-decoration: line-through;
  color:#993300;
  font-size:12px;
}

.error {
	font-weight:bold;
	text-align:center;
	margin-bottom:1em;
    color:#CCFF66;
    font-size:24px;
    border:2px solid #b24306;
    background:#669900;
    padding:0.5em 0;
}

input.phase-input {
	width:50px;
}

.left_bucket {
	margin-top:1em;
}

.left_bucket_content {
	background: transparent url(/images/left_bucket_background.jpg) repeat-y top left;
}
.left_bucket_top {
	background: transparent url(/images/left_bucket_top.jpg) no-repeat top left;
	height:16px;
}
.left_bucket_content p {
	text-align:center;
	font-weight:bold;
	color:white;
	font-size:1.2em;
	padding:0 1em;
}

.left_bucket input, .left_bucket textarea {
	width:100%;
}

.left_bucket table th {
	width:45px;
}

#contact-form {
	width:162px;
	margin:0 1em !important;
}

#contact-form th {
	font-size:0.8em;
}

#products-navigation {
	float:left;
	width:100%;
	line-height:normal;
	margin-bottom:1em;
}

#products-navigation li {
  float:left;
  background:url("/images/tabs/tab-right.gif") no-repeat right top;
}

#products-navigation a {
  display:block;
  background:url("/images/tabs/tab-left.gif") no-repeat left top;
  padding:10px 15px;
  font-weight:bold;
}

#products-navigation a:link, #products-navigation a:visited {
  text-decoration:none;
}

#products-navigation a:hover, #products-navigation a:active {
  text-decoration:underline;
}

#products-navigation li.selected {
  background:url("/images/tabs/tab-right-selected.gif") no-repeat right top;
}

#products-navigation li.selected a {
  background:url("/images/tabs/tab-left-selected.gif") no-repeat left top;
  color:white;
}

.callout {
  width:644px;
  margin:0 auto;
}

.callout .top {
  background: transparent url(/images/callout_top.jpg) no-repeat left top;
  height:14px;
}

.callout .middle {
  background: transparent url(/images/callout_middle.jpg) repeat-y left top;
  padding:0 1em;
}

.callout .bottom {
  background: transparent url(/images/callout_bottom.jpg) no-repeat left top;
  height:14px;
}

#long_description img {
  display:block;
  margin:0 auto;
}

.border-top { border-top:1px solid #4d8104; }

#instructions, #phases {
  width:326px;
  border-top:1px solid #4d8104;
}

#instructions li, #phases li {
  padding:1em 0 0 0;
  color:#CCFF66;
  border-bottom:1px solid #4d8104;
}

#instructions a, #instructions a:link {
	background-position:top center;
	background-repeat:no-repeat;
	height:76px;
	width:76px;
	display:block;
    float:left;
}

#instructions a.selected, #instructions a.selected:active {
	background-position:bottom center;
}

#instructions a:hover, #instructions a:active {
	background-position:bottom center;
}

#instructions a span {
	display:none;
}

#instructions a.nav-story {
  background-image:url(/images/buttons/story_all.jpg);
}

#instructions a.nav-hcg {
  background-image:url(/images/buttons/hcg_all.jpg);
}

#instructions a.nav-phases {
  background-image:url(/images/buttons/phases_all.jpg);
}

#instructions a.nav-get-started {
  background-image:url(/images/buttons/get_started_all.jpg);
}

.get_started_box {
  width:327px;
  height:485px;
  position:relative;
}

.lose_weight_now {
  float:left;
  background:transparent url(/images/lose_weight_now.jpg) top left no-repeat;
}

.lose_weight_and_detox {
  float:right;
  background:transparent url(/images/lose_weight_and_detox.jpg) top left no-repeat;
}

.get_started_box .bottom_button {
  position:absolute;
  display:block;
  bottom:13px;
  height:25px;
  width:106px;
  left:113px;
}

.get_started_box .bottom_button span { display:none; }

#contact_us_form
{
  margin-left:160px;
}

#contact_us_form input
{
  width:200px;
}

#contact_us_form textarea
{
  width:200px;
}

.why_hcg_top_image {
    background: transparent url(/images/why_hcg.jpg) no-repeat scroll 0 0;
    height: 313px;
    width: 646px;
    margin: 0 0 10px 0;
}

.hcg_products a {
    color: #ffffff;
    font-weight: bold;
}

.hcg_products div.bucket {
    float: left;
}

.hcg_products .bucket_middle {
   height: 194px;
   font-size: .9em;
}

.hcg_products .right_product {
    background: transparent url(/images/products_item_2.jpg) no-repeat scroll 115px 0;
    position: relative;
    top: -7px;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.hcg_products .right_product_holder {
    float: right;
    height: 92px;
    width: 167px;
}

.hcg_products .left_product {
    background: transparent url(/images/products_item_1.jpg) no-repeat scroll 0 -2px;
    float: left;
    height: 187px;
    width: 86px;
}

.hcg_story {
    background: transparent url(/images/hgc_story.jpg) scroll no-repeat 0 0;
    height: 159px;
    width: 117px;
    float: left;
}