/* 
	xhtml & css
	Date: 02/19/2010.
	Author: Andres Basso

**/

/* Basics */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
cursor: default;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding: 0px 0 0 0;
background: #FFFFFF;
color: #004c2c;
}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}
hr{display: none;}
label{cursor: pointer;}
select option{padding: 1px 2px 0 5px;}
table{border-spacing: 0; border-collapse: collapse;}
ul{list-style: none;}

/* Structure */
#container{
width: 900px;
margin: 0 auto 0 auto;
}


#header{
height: 74px;
width: 900px;
background: url(../images/bg_header.jpg) no-repeat top left;
display:block;
}

  #header h1 {
	display: block;
	text-indent: -9999px;
	float: left;
	height: 0;
	}
	
	.transparent{
	behavior: url(images/iepngfix.htc);
  }  
	
  #header #logo a{
	display: block;
	outline: 0;
  height: 50px;
  width: 249px;
  margin-top: 16px;
  margin-left:30px;
  text-indent: 0;
	}
	
#menu{
  display:block;
  float: left;
  font-size:.7em; 
  font-weight:bold;
  margin-top:13px;
  margin-left:285px;
  
}

#menu a{
color: #004c2c;
text-decoration:none;
text-align:center;
line-height:1em;
padding: 0 1px 0 1px;
}

div.separate{
display:block;
width:0px;
height:14px;
border-right: 2px dotted #FFFFFF;
float:left;
margin-top:10px;
}

#menu a:hover, #menu a:focus{
color:#FFFFFF;
} 

#menu #cart{
float:left;
padding-left:502px;
margin-bottom:5px;
}

#menu ul{
clear:both;
}

#menu ul li{
float: left;
}

#menu ul li a {
display:block;
outline:0;
float:left;
}

#menu ul #b0 a {
margin-top:11px;
width:54px;
}
#menu ul #b1 a {
width:117px;
}
#menu ul #b2 a {
width:75px;
margin-top:11px;
}
#menu ul #b3 a {
width:67px;
margin-top:11px;
}
#menu ul #b4 a {
margin-top:11px;
width:149px;
}
#menu ul #b5 a {
width:41px;
margin-top:11px;
}
#menu ul #b6 a {
width:69px;
margin-top:11px;
}

#l0 {
visibility:hidden;
}

#l7 {
visibility:hidden;
}

#s0 #l0{
visibility:visible;
border-right: 2px dotted #ffea8d;
}
#s0 #l1{
border-right: 2px dotted #ffea8d;
}

#s1 #l1{
border-right: 2px dotted #ffea8d;
}
#s1 #l2{
border-right: 2px dotted #ffea8d;
}


#s2 #l2{
border-right: 2px dotted #ffea8d;
}
#s2 #l3{
border-right: 2px dotted #ffea8d;
}


#s3 #l3{
border-right: 2px dotted #ffea8d;
}
#s3 #l4{
border-right: 2px dotted #ffea8d;
}


#s4 #l4{
border-right: 2px dotted #ffea8d;
}
#s4 #l5{
border-right: 2px dotted #ffea8d;
}


#s5 #l5{
border-right: 2px dotted #ffea8d;
}
#s5 #l6{
border-right: 2px dotted #ffea8d;
}


#s6 #l6{
border-right: 2px dotted #ffea8d;
}
#s6 #l7{
border-right: 2px dotted #ffea8d;
visibility:visible;
}




#s0 #content{
  background: url(../images/bg_big.jpg) no-repeat top left;
  height:1010px;
  display:block;
  padding-top:20px;  
}


#sidebar{
float:left;
display:block;
width:156x;
padding: 0px 40px 0 34px;
}

#info{
display:block;
float:right;
width:670px;
}

#info p{
font-size:.8em;
margin-bottom:10px;
}

#s0 #info p{
margin-bottom:0;
}

#info h2{
color:#007c79;
padding-top:10px;
font-size:.8em;
font-style:italic;
}


#sidemenu{
font-size:.7em;
font-weight:bold;
}

#sidemenu a{
color:#007c79;
text-decoration:none;
}

#sidemenu a:hover{
color:#f88c20;
}

#sidemenu h2{
color:#007c79;
font-size:1em;
margin-bottom:15px;
}

#sidemenu li{
margin-bottom:10px;
}

#sidemenu.sub1 ul #sub1 a{color:#f88c20;}
#sidemenu.sub2 ul #sub2 a{color:#f88c20;}
#sidemenu.sub3 ul #sub3 a{color:#f88c20;}
#sidemenu.sub4 ul #sub4 a{color:#f88c20;}
#sidemenu.sub5 ul #sub5 a{color:#f88c20;}
#sidemenu.sub6 ul #sub6 a{color:#f88c20;}
#sidemenu.sub7 ul #sub7 a{color:#f88c20;}


#the_sooner{
display:block;
width:142px;
height:66px;
background: url(../images/the_sooner.png) no-repeat top left;
text-indent:-9999px;
behavior: url(images/iepngfix.htc);
margin-top:36px;
margin-bottom:10px;
}

#side_logos img{
clear:both;
display:block;
margin-top:5px;
}

.order_here a{
display:block;
width:156px;
height:26px;
background: url(../images/but_order_here.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
text-indent:-9999px;
margin-top:10px;
}

#home_open{
display:block;
width:653px;
height:9px;
background: url(../images/head_home.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
font-size: 1px;
}

#home_close{
display:block;
width:653px;
height:9px;
background: url(../images/foot_home.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
}

#home_content{
display:block;
width:653px;
background: url(../images/bg_home.jpg) repeat-y top left;
overflow:hidden;
height:1%;
}

#home_left{
width:375px;
display:block;
float:left;
padding: 0 7px 0 7px;

}

#home_right{
width:258px;
display:block;
float:left;
font-size:.8em;
}

h2.whatis{
color:#007c79;
padding-top:10px;
font-size:.9em;
font-style:italic;
}


#get_rid{
color:#ba171a;
font-style:italic;
float:left;
padding-left:20px;
}

#get_rid h2{
font-family: Times, Georgia, serif;
font-style:normal;
font-weight:bold;
font-size:1.6em;
color:#ba171a;

}

span.with{
margin-left:80px;
}

#get_rid img{
margin-left:-20px;
}

p.doctor_quote{
font-family: Times, Georgia, serif;
font-weight:bold;
font-size:1em;
font-style:italic;
color:#ba171a;
line-height:1.2em;
padding-top:10px;
}

p.doctor_name{
font-family: Times, Georgia, serif;
font-weight:bold;
font-size:1em;
color:#000000;
line-height:1.2em;
padding-bottom:10px;
}


#boxed_highlight{
color:#FFFFFF;
background: url(../images/boxed1.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
margin-right:-90px;
z-index:1;
font-weight:bold;
margin-top:10px;
font-size:.85em;
width:444px;
height:57px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
text-align:center;
}

#boxed_highlight ul{
color:#ffe593;
list-style-type:disc;
list-style-position:inside;
text-align:center;
font-size:.8em;
}

#boxed_highlight li{
float:left;
padding-right:5px;
}

#product_home{
text-align:center;
}

.teafortwo{
display:block;
margin-top:10px;
margin-left:30px;
}

.buy_2{
font-weight:bold;
text-align:center;
font-size:1.6em;
margin-top:5px;
font-size:1.3em;
}

.get_tea{
font-family: Times, Georgia, serif;
color:#0051af;
font-size:1.1em;
float:left;
margin-left:45px;
}

.free{
float:left;
display:block;
background: url(../images/free.png) no-repeat top left;
width:59px;
height:22px;
text-indent:-9999px;
margin-top:2px;
margin-left:5px;
}


.value{
display:block;
width:160px;
height:229x;
text-indent:-9999px;
background: url(../images/value.png) no-repeat top left;
margin-left:100px;
padding-bottom:5px;
behavior: url(images/iepngfix.htc);
}

#scarring_lifetime{
color:#ffe593;
background: url(../images/scarring_lifetime.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
font-weight:bold;
font-style:italic;
margin-bottom:10px;
font-size:.85em;
width:230px;
height:53px;
padding-top:10px;
padding-left:10px;
padding-right:20px;
text-align:center;
}

#course_recovery p a{
display:block;
width:161px;
height:65x;
background: url(../images/set_course.png) no-repeat top left;
padding-bottom:5px;
behavior: url(images/iepngfix.htc);
font-size:1.3em;
margin-left:45px;
margin-top:20px;
color:#ad1115;
text-align:center;
font-style:italic;
font-weight:bold;
padding-top:5px;
padding-bottom:10px;
text-decoration:none;
}

#its_that_good{
margin-top:-10px;
}

.leftpic{
float:left;
padding:10px 10px 10px 0;
}

.clear{
clear:both;
}

.allnatural{
font-weight:bold;
color:#FFFFFF;
font-size:1em !important;
}

.left{
float:left;
}

/* About */

#s1 #content{
  background: url(../images/bg_big.jpg) no-repeat top left;
  height:976px;
  display:block;
  padding-top:20px;  
}

#s1 .left{
margin-right:15px;
}

#about_left{
display:block;
float:left;
width:366px;
margin-right:30px;
}

#about_right{
display:block;
float:left;
width:258px;
}

#discover{
display:block;
width:257px;
height:163px;
background: url(../images/bg_discover.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
text-align:center;
padding-top:5px;
margin-top:30px;
padding: 5px;
}

#discover p{
color:#42210B;
}

#discover p strong{
color:#EC1C24;
font-style:italic;
font-weight:bold;
}

#discover .order_here{
margin-left:50px;
}


/* FAQ */

#s5 #content{
  background: url(../images/bg_questions.jpg) no-repeat top left;
  overflow:hidden;
  display:block;
  padding-top:20px;  
}

#s5 #info #questions{
margin-right:100px;
}

#s5 #boxed_highlight{
margin:20px 0 20px 0 ;
display:block;
}

#s5 #boxed_highlight p{
margin-bottom:0;
} 


/* Ingredients */

#s4 #content{
  background: url(../images/bg_big.jpg) no-repeat top left;
  height:976px;
  display:block;
  padding-top:20px;  
}


#s4 table{
border: 1px solid #00653d;
background:#c6e3e9;
width:410px;
font-size:.7em;
margin-top:10px;
} 

#s4 td{
padding-left:4px;
padding-right:4px;
border-bottom:1px solid #00653d;
}


#s4 td.tdlabel{
width:215px;
}

#ingredients_left{
display:block;
width:200px;
float:left;
margin-right:20px;

}

#ingredients_right{
display:block;
width:410px;
float:left;
}

#ingredients_right p{
font-size:.7em;
padding-top:10px;
}

#s4 h2{
padding-top:0;
}

p.finest{
font-style:italic;
font-weight:bold;
color:#EC1C24;
padding-bottom:20px;
}

#s4 #boxed_highlight{
margin:20px 0 20px 0 ;
display:block;
}

#s4 #boxed_highlight p{
margin-bottom:0;
} 


/* Contact */

#s6 #content{
  background: url(../images/bg_big.jpg) no-repeat top left;
  height:976px;
  display:block;
  padding-top:20px;  
}


#contact_side{
color:#000000;
display:block;
font-size:.8em;
margin-top:20px;
margin-left:10px;
}


p.black{
margin-top:20px;
margin-right:40px;

color:#000000;
}

p.black a{
color:#007c79;
font-weight:bold;
text-decoration:none;
}

p.black a:hover, p.black a:focus{
text-decoration:underline;
}

#contact_column{
display:block;
margin-top:30px;
width:375px;
}

#s6 #discover{
margin-left:50px;
}

#s6 #boxed_highlight{
margin:20px 0 20px 0 ;
display:block;
}

#s6 #boxed_highlight p{
margin-bottom:0;
} 



/* Results */

#s3 #content{
  background: url(../images/bg_small.jpg) no-repeat top left;
  height:576px;
  display:block;
  padding-top:20px;  
}

.testi_column{
width:335px;
display:block;
float:left;
}

.with_offer{
width:300px !important;
}

.testi_line{
display:block;
clear:both;
overflow:hidden;
height:1%;
padding-bottom:20px;
}

.square1{
display:block;
float:left;
}

.square1 p{
font-size:.7em !important;
color:#004d23;
font-weight:bold;
margin-left:10px;
clear:left;
}

.square1 img{
display:block;
float:left;
margin-right:10px;
}

p.square1{
display:block;
float:left;
width:145px;
font-size:.75em !important;
}


#more_success a{
display:block;
background:url(../images/but_more_success.png) no-repeat top left;
width:100px;
height:25px;
text-indent:-9999px;
float:right;
padding-right:10px;
margin-top:-10px;
behavior: url(images/iepngfix.htc);
}

.more_space{
margin-top:7px;
}


#s3 #boxed_highlight{
margin:20px 0 20px 0 ;
display:block;
}

#s3 #boxed_highlight p{
margin-bottom:0;
} 


#boxed_cuts #boxed_highlight2{
margin:20px 0 20px 0 ;
background: url(../images/boxed2.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
display:block;
width:330px;
height:54px;
color:#FFFFFF;
font-weight:bold;
margin-top:20px;
font-size:.85em;
padding-top:5px;
padding-left:10px;
padding-right:10px;
text-align:center;
}

#boxed_cuts #boxed_highlight2 p{
margin-bottom:0;
} 

#boxed_cuts #boxed_highlight3{
margin:20px 0 20px 0 ;
background: url(../images/boxed2.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
display:block;
width:330px;
height:54px;
color:#ffe593;
padding-left:20px;
text-align:center;
padding-top:10px;
font-size:.8em;
font-weight:bold;
}

#boxed_cuts #boxed_highlight3 ul{
list-style-type:disc;
list-style-position:inside;
}

#boxed_cuts #boxed_highlight3 li{
float:left;
font-size:.9em;
padding-right:5px;
}


#s3 .teafortwo{
margin-left:0;
float:left;
width:252px;
padding-right:10px;
margin-left:35px;
}

#s3 .buy_2{
font-weight:bold;
text-align:center;
font-size:.9em !important;
float:left;
width:220px;
margin-left:50px;
}

#s3 .buy_2 p.price{
text-align:left;
}

#s3 .buy_2 .addtocart{
margin-left:50px;
}

#s3 .buy_2 .get_tea{
float:left;
margin-left:10px;
}
#s3 .buy_2 .free{
float:left;
display:block;
background: url(../images/free_small.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
width:42px;
height:17px;
text-indent:-9999px;
margin-top:2px;
margin-left:5px;
}

#s3 .get_tea{
font-family: Times, Georgia, serif;
color:#0051af;
font-size:1.1em;
}

#s3 .value{
display:block;
width:126px;
height:17x;
text-indent:-9999px;
background: url(../images/value_small.png) no-repeat top left;
margin-left:50px;
margin-top:8px;
padding-bottom:5px;
behavior: url(images/iepngfix.htc);
}


/* Acne */

#acne_heading p{
color:#005CAB;
font-style:italic;
font-weight:bold;
text-transform: uppercase;
margin-right:40px;
line-height:1.1em;
}

#info.sub1 p.action{
color:#005CAB !important;
text-transform: uppercase !important;
clear:both;
font-style:italic;
font-weight:bold;
font-size:.75em;

}

#info.sub1 p.action strong{
/*ont-style:normal;
color:#000000;*/
}

.wide{
margin-top:-10px;
}

.wide p{
display:block;
font-size:.75em !important;
margin-right:50px;
}

#more_success.upper a{
margin-top:-30px !important;
}

p.dina{
float:left;
width:330px;
font-size:.75em !important;
}

/* Anti Aging */

#anti_aging_heading p{
color:#AB1015;
font-style:italic;
font-weight:bold;
text-transform: uppercase;
margin-right:40px;
line-height:1.1em;
}

#info.sub2 p.action{
color:#AB1015 !important;
text-transform: uppercase !important;
clear:both;
font-style:italic;
font-weight:bold;
font-size:.75em;
margin-top:-10px;
}

.lot_more_space{
margin-top:20px;
}

.move_right{
padding-left:320px !important;
display:block;
}

.testi_row p{
margin-right:25px !important;
}

/* Burns */

p.rectangle1{
display:block;
float:left;
width:300px;
font-size:.75em !important;
}

#burns_sunburns_heading p{
color:#005CAB;
font-style:italic;
font-weight:bold;
text-transform: uppercase;
margin-right:40px;
line-height:1.1em;
}

#info.sub3 p.action{
color:#005CAB !important;
text-transform: uppercase !important;
clear:both;
font-style:italic;
font-weight:bold;
font-size:.75em;
}

p.margined{
margin-right:20px;
}


/* Cuts */


#cuts_abrassions_heading p{
color:#005CAB;
font-style:italic;
font-weight:bold;
text-transform: uppercase;
margin-right:40px;
line-height:1.1em;
}

.lower{
padding-top:30px;
}

#info.sub4 p.action{
color:#005CAB !important;
text-transform: uppercase !important;
clear:both;
font-style:italic;
font-weight:bold;
font-size:.75em;
margin-right:20px;
}

.woman{
margin-left:30px;
}



/* Dryness */

#dryness_heading p{
color:#005CAB;
font-style:italic;
font-weight:bold;
text-transform: uppercase;
margin-right:40px;
line-height:1.1em;
}

#info.sub5 p.action{
color:#005CAB !important;
text-transform: uppercase !important;
clear:both;
font-style:italic;
font-weight:bold;
font-size:.75em;
margin-right:20px;
}

#info.sub5 p.rectangle1{
line-height:1.1em;
}

.separate_action{
padding-top:20px;
}

/* Keloids */

#keloid_heading p{
color:#005CAB;
font-style:italic;
font-weight:bold;
text-transform: uppercase;
margin-right:40px;
line-height:1.1em;
}

#info.sub6 p.action{
color:#005CAB !important;
text-transform: uppercase !important;
clear:both;
font-style:italic;
font-weight:bold;
font-size:.75em;
margin-right:20px;
}

/* Surgical */

#surgical_scars_heading p{
color:#AB1015;
font-style:italic;
font-weight:bold;
text-transform:uppercase;
margin-right:40px;
line-height:1.1em;
}

#info.sub7 p.action{
color:#AB1015 !important;
text-transform: uppercase !important;
clear:both;
font-style:italic;
font-weight:bold;
font-size:.75em;
margin-right:20px;
}

#more_success.much_upper a{
margin-top:-50px !important;
}

/* Products*/

#s2 #content{
  background: url(../images/bg_products.jpg) no-repeat top left;
  height:1100px;
  display:block;
  padding-top:20px;  
}

#s2 p.wide{
margin-right:60px;
margin-top:0;
}

#product{
display:block;
width:160px;
padding-top:40px;
float:left;
}

#s2 #info h2{
color:#B7181E;
font-size:1em;
}

h2.tea{
float:left;
padding-right:10px;
}

.threecolumns{
display:block;
width:160px;
float:left;
padding-right:10px;
font-size:.9em;
}

.addtocart p.price{
font-weight:bold;
font-style:italic;
}

.addtocart a{
float:left;
padding-right:10px;
}

.addtocart form{
float:left;
padding-right:10px;
}
.twocolumns{
display:block;
width:222px;
float:left;
}

.twocolumns p{
float:left;
display:block;
padding-right:20px;
font-weight:bold;
font-style:italic;
}

#right_products{
display:block;
overflow:hidden;
height:1%;
}

.tea_box{
display:block;
float:right;
padding-right:60px;
}

p.tea_text{
float:left;
display:block;
width:270px;
}

#plantain_tea{
display:block;
clear:both;
padding-top:10px;
}

#plantain_tea .addtocart{
padding-top:10px;
}

#s2 .teafortwo{
margin-left:0;
float:left;
width:252px;
padding-right:10px;
}

#s2 .buy_2{
font-weight:bold;
text-align:center;
font-size:.9em !important;
margin-top:30px;
float:left;
width:220px;
}

#s2 .buy_2 p.price{
text-align:left;
}

#s2 .buy_2 .addtocart{
margin-left:50px;
}

#s2 .buy_2 .get_tea{
float:left;
margin-left:10px;
}
#s2 .buy_2 .free{
float:left;
display:block;
background: url(../images/free_small.png) no-repeat top left;
behavior: url(images/iepngfix.htc);
width:42px;
height:17px;
text-indent:-9999px;
margin-top:2px;
margin-left:5px;
}

#s2 .get_tea{
font-family: Times, Georgia, serif;
color:#0051af;
font-size:1.1em;
}

#s2 .value{
display:block;
width:126px;
height:17x;
text-indent:-9999px;
background: url(../images/value_small.png) no-repeat top left;
margin-left:50px;
margin-top:8px;
padding-bottom:5px;
behavior: url(images/iepngfix.htc);
}


/* Order Cancellation */

#cancel #content{
  background: url(../images/bg_small.jpg) no-repeat top left;
  height:576px;
  display:block;
  padding-top:20px;  
}

#cancel #info h2{
margin-bottom:20px;
}

.formfields{
width:300px;
height:15px;
border: 1px solid #007c79;
margin-bottom:7px;
padding:5px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:.8em;
}

.formarea{
width:300px;
height:125px;
border: 1px solid #007c79;
margin-bottom:7px;
padding:5px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:.8em;
}

.fieldblock{
display:block;
clear:both;
margin-bottom:0px;
}

label{
font-size:.8em;
display:block;
width:100px;
}

.submit{
padding-top:10px;
}


/* Order Confirmation */

#confirm #content{
  background: url(../images/bg_small.jpg) no-repeat top left;
  height:576px;
  display:block;
  padding-top:20px;  
}

#confirm #info h2{
margin-bottom:20px;
}

/* Shopping cart button */
#shop_button{
border:none;
background:none;
font-size:1em;
color: #004c2c;
font-weight:bold;
font-family: Arial, Helvetica, Verdana, sans-serif;
display:block;
}

#shop_button:hover{
color:#FFFFFF;
}
 