/*** AfricanMangoBurn.com StyleSheet 
	Copyright Vivid Health Nutrition
***/

/* Out of Stock */
.promoDivider .order {
  display: none;
}

.oos p {
  margin: 0 auto;
  text-align: center;
  padding: 2em;
}

/* Global Reset */
html, body { border:0; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, span, form, blockquote, ul, ol, li { margin:0; padding:0; }
img, a img { border:0; }

/* Global Styles */

html {
    overflow-y: scroll;
}

.clear {
	clear: both;
}

.headContainer {
	width: 990px;
	margin: 0 auto;
}

.container {
	margin: 0 auto;
	padding: 0 18px;
}
	
/* Styles */

.index_body, .subpage_body {
	background: #EDEDED; /* url(../images/bg-gradient.jpg) repeat-x 0 535px,  url(../images/bg-gradient.jpg) repeat-x 0 281px */
	font-size: 12px; 
	font-family: 'Arial', sans-serif;
}

#header {

}
	
.logo {
	height: 60px;
}

.logo h1 { /*Remove*/
	color: white;
}

#menu {
	width: 100%;
	height: 50px;
	background: url(../images/menu-row-tail.png) repeat-x;
}

#menu ul {
	list-style: none;
}

#menu li {
	float: left;
	background: url(../images/menu-spacer.gif) right top no-repeat;
}

#menu li a {
	display: inline-block;
	height: 50px;
	font-size: 16px;
	font-weight: 400;
	line-height: 49px;
	padding: 0 43px;
	color: rgb(95, 95, 95);
	text-transform: uppercase;
	text-decoration: none;
}

#menu li a.active, #menu li a:hover {
	background: url(../images/menu-active-tail.gif) 0 0 repeat-x rgb(255, 103, 103);
	color: white;
}

.promoOuter, .subpromoOuter {
	width: 100%;
	height: 497px;
	background-image: url('../images/headerbg.png');
	background-repeat: repeat-x;
}

.bg {
        width: 100%;
        height: 100%;
        
        background: #FC514C;
        background: -moz-linear-gradient(left, #FC514C 50%, #E43114 50%);
        background: -webkit-gradient(linear, left top, right top, color-stop(50%,#FC514C), color-stop(50%,#E43114));
        background: -webkit-linear-gradient(left, #FC514C 50%,#E43114 50%);
        background: -o-linear-gradient(left, #FC514C 50%,#E43114 50%);
        background: -ms-linear-gradient(left, #FC514C 50%,#E43114 50%);
        background: linear-gradient(to right, #FC514C 50%,#E43114 50%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC514C', endColorstr='#E43114',GradientType=1 );
}

.promo {
	height: 497px;
	background: url(../images/promo.png) no-repeat;
	width: 1422px;
	margin: 0 auto;
}

.promoDivider, .subpromoDivider {
        width: 100%;
        height: 25px;
        background: url(../images/menu-row-tail.png) center center repeat-x;
        
        position: relative;
}

.promoDivider .order {
        height: 100%;
        
        position: absolute;
        top: -35px;
        left: 50%;
        
        margin-left: 55px;
}

.subpromoOuter {
        height: 258px;
}

.subpromo {
        width: 1162px;
        height: 258px;
        background: url(../images/sub-promo.jpg) no-repeat;
        margin: 0 auto;
		
		position: relative;
}

.subpromo .order {
		position: absolute;
        bottom: 8px;
        right: 275px;
}

#main {
	width: 990px;
	margin: 0 auto;
	border-left: 2px solid #CDCDCD;
	border-right: 2px solid #CDCDCD;
	border-bottom: 2px solid #CDCDCD;
	background-color: white;
	color: black;
	font-size: 14px;
}

#footer a {color: #f64b48;}
#footer {padding: 10px 20px; width: 950px; margin: 0 auto; text-align: center; color: #666; font-size: 10px;}
#footer span {font-size: 16px;}
#footer span a{color: #666; text-decoration: none;}

h1 {
	font-weight: bold;
	font-size: 28px;
	color: rgb(255, 103, 103);
}

#top { background: url('../images/logo.png') no-repeat left center; width: 970px; margin: 0 auto; text-align: right; line-height: 80px; height: 80px;}
#top h1 {color: rgb(255, 103, 103); font-style: italic;}


#topDesc {
	margin-top: 5px;
	min-height: 269px;
	background: url(../images/topdesc-girl.png) no-repeat top right;
}

#topDesc .container {
	margin-top: 10px;
	width: 525px;
	float: left;
	line-height: 1.3em;	
	font-size: 17px;
}

#main table {
	text-align: center;
	margin: 25px auto;
	color: #454545;
	border-collapse: collapse;
}
	
#main table th {
	padding: 5px;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;	
}	
	
#main table th.feature {
	border-top: none;
}
	
#main table th.first {
	background-color: rgb(200, 205, 255);
}
	
#main table td{
	padding: 22px;
	font-weight: bold;
	border-top: 1px solid #ddd;
}

#main table td.feature {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	line-height: 45px;
}

#main table td.first {
	border-right: 1px solid #ddd;
	background-color: rgb(200, 205, 255);
}
	
#main table td.last {
	border-right: 1px solid #ddd;
}	
	
#main table tr .bottom td {
	border-bottom: 1px solid #ddd;
}

#main table tr td.order {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#main .title {
	width: 450px;
	height: 54px;
	padding: 40px 0 0;
}

#main #index_title{
	background: url(../images/home-title.png) center center no-repeat;
	padding-left: 20px;
}

#main #about_title{
	background: url(../images/howitworks-title.png) center center no-repeat;
}

#main #contact_title{
	background: url(../images/contact-title.png) center center no-repeat;
}

#main #free_offer_title{
	background: url(../images/free_offer.png) center center no-repeat;
}

#main #faq_title{
	background: url(../images/faq-title.png) center center no-repeat;
}

#main #testimonial_title{
	background: url(../images/testimonial-title.png) center center no-repeat;
}

#main #order_title{
	background: url(../images/order-title.png) center center no-repeat;
}

.index_body #main #description {
	width: 600px;
	padding: 10px 0 0 50px;
	
	text-align: justify;
	font-size: 15px;
	line-height: 1.4em;
}

.index_body #main #man {
	background: url(../images/home-man.jpg) center top no-repeat;
	width: 316px;
	height: 465px;
	
	float: right;
}

.index_body #main #man #real_results {
	width: 452px;
	height: 51px;
	
	margin-left: -136px;
	
	margin-top: 414px;
}

.index_body #main #results {
	width: 432px;
	padding-right: 10px;
	
	float: right;
	clear: right;
	
	font-size: 15px;
	line-height: 1.4em;
}

.index_body #main #new_body {
	background: url(../images/your-new-body.png) left top no-repeat;
	width: 476px;
	height: 249px;
	
	margin: 30px 65px 0 0;
	
	float: right;
	clear: right;
	position: relative;
}

.index_body #main #new_body a {
	position: absolute;
    right: 0;
	bottom: 0;
}

.index_body #main #comparison {
	background: url(../images/home-testimonials.png) left top no-repeat;
	float: right;
	clear: right;
	width: 451px;
	height: 169px;
	display: none;
}

.index_body #main #opinions {
	background: url(../images/expert-opinions.png) center center no-repeat;
	width: 362px;
	height: 211px;
	
	margin: 15px 0 0 125px;
}

.index_body #main #woman {
	background: url(../images/home-girl.jpg) left top no-repeat;
	width: 331px;
	height: 435px;
	margin: 75px 0 0 85px;
	float: left;
}

.comparequote {
	width: 600px;
	margin: 0 auto;
	font-style: italic;
	font-size: 19px;
}

.bqstart {
	float: left;
	margin-top: -20px;
	padding-right: 20px;
	margin-bottom: -50px;
	font-size: 700%;
}

 .bqend {
    float: right;
    margin-top: 0px;
    font-size: 700%;
	margin-top: -20px;
	padding-left: 20px;
}

#comparebanner {
	background: url(../images/comparison-graph.png) no-repeat center center;
	min-height: 237px;
}

.testimonials {padding: 20px;}
.testimonials .left {float: left; width: 465px;}
.testimonials .left2 {padding-left: 20px;}
.testimonials .clear {margin-bottom: 10px;}
.tImage {height: 150px; width: 150px; float: left; margin-right: 10px;}
.left p {margin: 15px 0;}
.tName {font-weight: bold;}
.lower {padding-top: 20px;}
.lowerName {font-weight: bold; margin-left: 250px;}


.buynow {
height: 157px;
width: 600px;
margin: 0 auto;
text-align: center;
}

.about { padding: 0 20px 20px; }
.orderwrap { padding: 0 40px 20px; }

.about h1, .faqs h1, .testimonials h1, .orderwrap h1, .contactdiv h1{text-indent: -9000px; height: 1px; padding: 0; margin: 0;}


.about p{
	line-height: 1.4em;
	font-size: 15px;
	text-align: justify;
	
	padding: 20px;
}

.about #upper p{
	width: 550px;
	
	padding-bottom: 0;
}

.about #women{
	background: url(../images/woman-testimonial.jpg) top left no-repeat;
	width: 314px;
	height: 315px;
	
	float: right;
	position: relative;
}

.about #women .button{
	position: absolute;
	bottom: 20px;
	right: 0px;
}

.about #gradient{
	background: url(../images/gradient.png) center center no-repeat;
	width: 990px;
	height: 21px;
	
	margin-left: -20px;
	
	background-size: 100%;
	
	clear: both;
}

.about #facts{
	background: url(../images/supplement-facts.png) center center no-repeat;
	width: 340px;
	height: 380px;
	
	float: left;
	
	margin: 30px 0 0 20px;
}

.about #lower h1{
	width: 570px;
	margin-top: 30px;
	
	float: right;
}

.about #lower p{
	width: 550px;
	
	padding-bottom: 0;
	float: right;
}

.about #transforming{
	background: url(../images/transform-today.png) bottom left no-repeat;
	width: 907px;
	height: 74px;
	
	clear: both;
}

.about #transforming .button{
	background: url(../images/ordernow.png) top left no-repeat;
	width: 248px;
	height: 91px;
	
	float: right;
}

.orderwrap .row {font-size: 16px; /*margin-top: 40px;*/}
.orderwrap .first {float: left;}
.orderwrap .info {float: left; text-align: center; padding: 20px 10px; width: 110px;}
.orderwrap .free {float: left;}
.orderwrap .buy {float: left; height: 120px; line-height: 120px; margin-left: 30px;}
.orderwrap .buy img {vertical-align: middle;}

#ch1 {padding: 20px;}

#ch1 p{
	line-height: 1.4em;
	font-size: 15px;
	text-align: justify;
	
	margin: 20px;
	
	padding-bottom: 0;
}

/* free offer */

.free-offer-list
{
 list-style: none;
 margin: 0px;
 padding: 0px;
}
.free-offer-list li
{
 display: inline-block; vertical-align: top;
 width: 20%; 
}

.free-offer-list li img
{
 margin: 0 auto;
}

.free-offer-centr
{
  width: 55%!important;
}

.free-offer-centr input
{
  margin-top: 5px;
  margin-bottom: 5px;
  with: 300px;
}


.free-offer-message 
{
	margin: 0 auto;
    width: 300px
}

.text-input
{
	width: 300px!important;
}

.free-offer-p
{
	width: 67%;
	float: right;
}

#alert-message {
text-align: center;
font-size: 12px;
color: #FF0000;
min-height: 14px;
line-height: 14px;
font-family: Arial, Helvetica, sans-serif;
}

.btn {
  background: #bfbfbf;
  background-image: -webkit-linear-gradient(top, #bfbfbf, #858585);
  background-image: -moz-linear-gradient(top, #bfbfbf, #858585);
  background-image: -ms-linear-gradient(top, #bfbfbf, #858585);
  background-image: -o-linear-gradient(top, #bfbfbf, #858585);
  background-image: linear-gradient(to bottom, #bfbfbf, #858585);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  border: 0px;
  cursor: pointer;
}

.btn:hover {
  background: #78A610;
  background-image: -webkit-linear-gradient(top, #78A610, #A1BD3C);
  background-image: -moz-linear-gradient(top, #78A610, #A1BD3C);
  background-image: -ms-linear-gradient(top, #78A610, #A1BD3C);
  background-image: -o-linear-gradient(top, #78A610, #A1BD3C);
  background-image: linear-gradient(to bottom, #78A610, #A1BD3C);
  text-decoration: none;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

span.testimonial1,
span.testimonial2,
span.testimonial3,
span.testimonial4{
	display: inline-block;
	width: 150px;
	height: 150px;
}

span.testimonial1{
	background: url(../images/testimonial1.jpg) no-repeat;
}

span.testimonial2{
	background: url(../images/testimonial2.jpg) no-repeat;
}

span.testimonial3{
	background: url(../images/testimonial3.jpg) no-repeat;
}

span.testimonial4{
	background: url(../images/testimonial4.jpg) no-repeat;
}

/*.contact_frame {
	border: 0;
	width: 890px;
	height: 520px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-left: 50px; 
}*/

/* Contact Form */

#msg2 {
	font-size: 12px;
    color: red;
    min-height: 14px;
    line-height: 14px;
}

.contact-row {
	padding-left: 30px;
	padding-bottom: 30px;
}

.alert_green {
	color: green;
}