html, body {
   margin : 0;
   padding : 0;
}

body {
   color : #a52a2a;
   background : #404040;
   width : 100%;
   font : 76% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

/* Links within paragraphs (subtle) */
p a {
	color: #666666;
	background : inherit;
	text-decoration: none;
}

/* Links within paragraphs (revealed) */
p a:hover  { 
	color: #0000ff;
	background : inherit;
	text-decoration: underline;
}

#container {
	width : 1000px;
	margin-left:auto;
	margin-right:auto;
	padding : 5px;
	background: #EAE8D0;
	color : #333;
	line-height : 1.5em;
}
/*   */
/* TOP TITLE BAR */

#top {
	margin:0;
	padding : 0;
	color:#333;
	background : #404040 url(images/head.jpg) no-repeat;
	border-bottom : 0px solid #fff;
	height:166px;
}
#top h1 {
	padding : 30px 0px 0 25px;
	margin : 0;
	font : 100%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
	letter-spacing:5px;
	text-align:left;
	color:#EAE8D0;
	background:transparent;
}
#top p {
	padding : 5px;
	font-size: .8em;
}
#top a:link, #top a:visited {
	color: #EAE8D0;
	background:transparent;
	text-decoration: none;
}
#top a:hover { 
color: #fff;
background:transparent;
text-decoration: underline;
}

/* LEFT SIDEBAR */

#leftnav {
	float : left;
	width : 160px;
	margin : 0;
	padding : 5px;
	border-right:0px solid #520934 ;
	color : #EAE8D0;
	background : #9C9473;
}

/* Front Page Introduction inside "SCROLLING"- START*/

#scrolling
{
	width: 800px;
	height: auto;
	margin: 20px 0px 20px 0px ;
	border: 1px solid #6E6A5A;
	float:left;
	background: #EAE8D0;
}

#scrolling h2 
{
	margin: 10px 0px 10px 0x;
	font: 150%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
	border-bottom: 1px solid #656C4A;
	background: #EAE8D0;
}

#scrolling_img
{
float:right;
	
}

p, ul, il
{

	padding: 5px;
	font : 90%;
	color:#656C4A;
	
}

/* Front Page Introduction - END*/
blockquote 
{
	font-weight : bold;
	font-size: .8em;
	font-style : italic;
	color : #AC7D39;
}
.orderform
{
	margin-top:30px;
}

.leftorder
{
	float : left;
	width : 350px;
	margin : 5px;
	padding : 5px;
}

.floatright
{
float: right;
}



#content 
{
	margin :0px 0px 0 180px;
	padding : 10px;
	vertical-align:top;
}
#order_content
{
	margin :10px 0px 0 10px;
	padding : 10px;

}

#footer 
{
	clear : both;
	margin : 0 ;
	padding : .5em;
	color : #EAE8D0;
	background : #404040;
	border-top : 0px solid #520934;
}

#footer a:link, #footer a:visited 
{
	font-size: .9em;
	color : #eee;
	background : inherit;
	text-decoration : none;
}

#footer a:hover 
{
	font-size: .9em;
	color :#fff;
	background:inherit;
	text-decoration : underline;
}

#leftnav p 
{
margin : 5px 0 10px 5px;
	
	
}
#leftnav a:link, #leftnav a:visited 
{
color:#EAE8D0;

}

#leftnav ul
{
	color:#EAE8D0;
	margin-left :15px
}

#leftnav h3
{
	margin-top:-2px;
	margin-bottom :-2px;
}


h1
{
	margin : 0;
	font : 130%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
	background:inherit;
	padding : 20px 0 5px 5px;
	letter-spacing:5px;
	color:#656C4A;

}

h2 
{
	margin-top :20px;
	margin-bottom:10px;
	padding-top : 20px;
	padding-bottom:20px;
	font : 150%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
	letter-spacing:5px;
	border-bottom: 1px solid #656C4A;
	color:#656C4A;
	background:inherit;
}
h3 
{
	margin : 0;
	padding : 5px 0 5px 5px;
	font : 130%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
	color:#EAE8D0;
	background: inherit;
}
h4
{
	margin : 0;
	padding : 20px 0 5px 10px;
	font : 130%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
	color:#EAE8D0;
	background:#9C9473;
	}
h5
{
	margin : 0;
	padding : 5px 0 5px 5px;
	font : 100%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
	color:#993300;
	background: inherit;


}

	
#footer img 
{
   float : right;
   
   
   
}
/* gallery Soul Serenity Treatments*/

div.img
{
  margin: 2px;
  border: 1px solid #9C9473;
  height: 280px;
  width: auto;
  float: left;
  text-align: center;
  background-color:#EAE8D0;
}	
div.img img
{
  display: inline;
  margin: 2px;
  border: 1px solid #9C9473;
  background-color:#EAE8D0;
}
div.img a:hover img {border: 1px solid #ffffff;}

div.desc
{
  text-align: left;
  font-weight: normal;
  width: auto;
  margin: 2px;
  color :#ffffff;
 
}

.desc li
{
	padding-bottom: 1px;
	background: inherit;
	
}

.desc h5
{
	text-align:center;
	background: inherit;
	margin-bottom: -2px;
	margin-top: -2px;
	font : 125%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
}

.desc ul
{
	margin-left :15px;
	margin-bottom: -2px;
	margin-top: -2px;
}
/* gallery Soul Serenity Treatments*/


.gallery_left 
{
	float: left;
	border: 1px solid #9C9473;
	height: 280px;
	width:32px;
	margin:2px
	
}
.gallery_end
{
	border: 1px solid #9C9473;
	height: 280px;
	width:31px;
	margin:2px
	}

/* Gallery Soul Serenity top line */


/* special */
*>html #footer img {
        margin : 0;
}
/* end */

.happy 
{
	border-top : 1px solid #808080;
	padding : 10px;
}


#headerleft
{
	clear:left;
	margin: 185px 0px 0px 0px;
	}
.textline
{
	clear:both;
	margin-bottom:2px;
}
div.clearright
{
	clear:right;
}

div.clearleft
{
	clear:left;
}
/* Gallery Verticle*/

div.front_gallery
{
  margin:5px;
  border : 1px solid #9C9473;
  height: 320px;
  width: auto;
  float: left;
  text-align: center;
  background: inherit;
}	

div.front_gallery front_gallery
{
  display: inline;
  border: 1px solid #9C9473;
  background: inherit;
}


div.desproduct
{
  text-align: left;
  font-weight: normal;
  width: 150px;
  padding: 10px;
}
/* Product ordering Page Gallery - START*/
.intro
{
	margin: 1px;
	margin-bottom: 30px;
	padding: 2px;
	border : 1px solid #9C9473;
	height: 360px;
	width: 340px;
	float: left;
	text-align: left;
	background: #EAE8D0;
}

.intro1
{
	margin: 1px;
	margin-bottom:30px;
	padding: 2px;
	border : 1px solid #9C9473;
	height: 360px;
	width: 428px;
	float: left;
	text-align: left;
	background:#EAE8D0;
	
}
.intro_description
{
	height: 180px;
	width: 210px;
	margin: 0 auto;
	overflow:scroll;
	font-size:.85em;
}
.intro_description p
{
display: inline;
}
.intro_description li
{
	line-height:1.2em;
	margin-left:-1.9em;
	font-size: .85em;
}

.intro_description ul
{
	margin-top:2px;
	margin-bottom:2px;
}


.intro h5
{
	margin-bottom:5px;
	letter-spacing:3px;
	
}

div.product_gallery a:link, div.product_gallery a:visited
{
	background:transparent;
	text-decoration: underline;
	font-size: .85em;
}
/* sauna page top */

.sauna_intro
{
	margin: 1px;
	margin-bottom:20px;
	padding: 5px;
	border : 1px solid #9C9473;
	height: 440px;
	width: 200px;
	float: left;
	text-align: left;
	background: #EAE8D0;
}

.sauna_intro1
{
	margin: 1px;
	margin-bottom:20px;
	padding: 5px;
	border : 1px solid #9C9473;
	height:440px;
	width: 380px;
	float: left;
	text-align: left;
	background: #EAE8D0;
	
}


/* Treatment ordering Page Gallery - Start*/

div.treatment_gallery
{
	margin: 2px;
	padding: 5px;
	border : 1px solid #9C9473;
	height: 180px;
	width: 260px;
	float: left;
	text-align: left;
	background: #EAE8D0;
}
div.treatment_gallery treatment_gallery
{
	margin: 2px;
	padding: 5px;
	border : 1px solid #9C9473;
	height: 180px;
	width: 260px;
	display:inline;
	text-align: left;
	background: #EAE8D0;
	}

}
div.treatment_gallery li
{
	line-height:1.5em;
	margin-left:-1.9em;
}
div.treatment_gallery ul
{
	margin-top:5px;
	margin-bottom:5px;
}
div.treatment_gallery p
{
margin-top:3px;
margin-bottom:4px;
}



option
{
font-size:.7em;
}
table.treatments 
{
	width:100%;
	border:1px solid;
	border-color:#9C9473;
	padding:6px;
}
table.treatments td
{
	padding-bottom:10px;
	padding-top:10px;
	border-top: 1px solid #9C9473;
	background-color:#EAE8D0;
}
	
/* Treatment ordering Page Gallery - End*/


a:link, a:visited 
{
	font-size: .9em;
	color : #000;
	background : inherit;
	text-decoration : none;
}

a:hover 
{
	font-size: .9em;
	color :#666;
	background : inherit;
	text-decoration : underline;
}

a:active 
{
	font-size: .9em;
	color : #F5DE1E;
	background : inherit;
	text-decoration : none;
}



.imgright 
{
	float: right;
	border: 1px groove;
	margin: 5px 15px 10px 10px;
	padding: 10px;
}
.imgright_noboarder  
{
	float: right;
	padding: 10px;
}

.imgleft 
{
	float: left;
	border: 1px solid #9C9473;
	margin: 5px 15px 10px 0px;
	padding: 10px;
}
.imgleft_noboarder 
{
	float: left;
	padding: 10px;
}

.imginline 
{
	display:inline;
	border: 1px solid #9C9473;
	margin: 5px 15px 10px 0px;
	padding: 10px;
}

#menu 
{
	width: 100%;
	height: 23px;
	margin: 0 0 0 0;
	padding: 0 0 1px 0;
	background: #A6C3AD url(images/pt02.jpg) no-repeat;
	color:#000;
}
#navlist li 
{
	list-style-type: square;
	background: inherit;
	color: #5F5C51;
	margin: 0 15px 0 0;
	padding: 0;
}

#button
{
	float: right;
	margin: 5px 5px 0px 5px;
	
}

#gallery 
{
	height:140px;
}

#gallery img 
{
	float: left;
	padding: 10px;
}
.picture
{
	float: left;
	padding: 25px;
	width: 100px
}

.text
{
	float:left;
	padding: 10px;
	width:120px;
}
.clear 
{
	clear: left;
}


.quote
{
	width: 130px;
	margin: 0;
	border : 1px dashed #fff;
	padding : 10px;
	color:#656C4A;
	background: #EAE8D0;
	font-size: .8em;
}



.thumbnail 
{
	float:left;
	width:110px;
	height:150px;
	margin:5px;
}

.search 
{ 
	background: #EAE8D0; 
	color: #000;
	border-top: 1px solid #F0E9DD;
	border-bottom: 1px solid #F0E9DD;
	clear: both;
	text-align: left; 
	padding: 5px 0 5px 0;
}

form 
{ 
	margin: 0; 
}

input.search { 
	width: 80px; 
	border: none;
	color: #000;
	background: url(images/input.gif); 
	padding: 4px; 
}

input.login { 
	width: 80px;
	border: none; 
	background: url(images/logininput.gif); 
	padding: 4px; 
}
table.paypal
{
	border-collapse: collapse;
	border : 1px solid #656C4A;
}
table.paypal td
{
border : 1px solid #c0c0c0;
}

table.table_content
{
	width:400px;
	border : 1px solid #6E6A5A;
}
thead.header_content
	{
	height:25px;
	background-color:#99CCCC;
	text-align: left;
}
table.spirulina td
{
	border-style: solid;
	border-width:1px;
	border-collapse: collapse;
	border-color:#c0c0c0;
	
	background: #EAE8D0;

}
table.information
{
	border-style: solid;
	border-width:1px;
	border-collapse: collapse;
	border-color:#c0c0c0;
	background: #EAE8D0;

}


table.essence
{
	border-style: solid;
	border-width:1px;
	border-collapse: collapse;
	border-color:#c0c0c0;
	width:800px;
	background: #EAE8D0;
	
}
table.essence td
{
	border-style: solid;
	border-width:1px;
	padding-left:10px;
	margin-right:10px;
	padding-bottom:0px;
	padding-top:10px;
}
table.essence li
{
text-indent:1px;
text-transform: lowercase;
}

table.table_detox
{
	width: 450px;
	border-style: groove;
}
thead.header_detox
{
	font-size: 8pt;
	height:15px;
	background-color:#99CCCC;
}


/*  Australian Bush Flower Essence Menu */

#svbnavcontainer
{
	width: 140px;
	height: 300px;
	padding: 10px 10px 10px 10px;
	background-color: #EAE8D0;
	overflow: auto;
}

ul#svbnavbox
{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	background: #6E6A5A;
	float: left;
	width: 140px;
	margin-left: auto;
	margin-right: auto;
}

ul#svbnavbox li
{
	display:inline;
	width: 128px;
}

ul#svbnavbox a{
	display:block;
	padding: 5px 5px 5px 5px;
	text-decoration:none;
	color: #fff;
	width: 130px;
	border-bottom: 1px solid #fff;
}

ul#svbnavbox a:hover{
	width: 131px;
	background: #fff;
	color: #000;
}



/* product menu */

#vbnavcontainer
{
	width: 140px;
	height: 140px;
	padding: 10px 10px 10px 10px;
	background-color: #EAE8D0;
	overflow: auto;
}

ul#vbnavbox
{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	background: #6E6A5A;
	float: left;
	width: 140px;
	margin-left: auto;
	margin-right: auto;
}

ul#vbnavbox li
{
	display:inline;
	width: 128px;
}

ul#vbnavbox a{
	display:block;
	padding: 5px 5px 5px 5px;
	text-decoration:none;
	color: #fff;
	width: 130px;
	border-bottom: 1px solid #fff;
}

ul#vbnavbox a:hover{
	width: 131px;
	background: #fff;
	color: #000;
}
