html {
height : 100%;
margin-bottom : 0.1em;
}
* {
margin : 0;
padding : 0;
}
body {
background-attachment : fixed;
color : #45527c;
font : 90%/1.6em verdana, tahoma, arial, sans-serif;
margin : 0 0 30px;
padding : 0;
}
a {
color : #333333;
text-decoration : none;
}
br.clear {
clear : both;
}
body {
background : url(siteimg/pattern.jpg);
}

/* HEADER */

#logo {
position : absolute;
background : url(siteimg/pattern.jpg);
height : 124px;
padding : 0 0 0 0;
top : 2px;
left : 50%;
width : 980px;
margin-left : -490px;
}

#tm {
font : 10px verdana, tahoma, arial, sans-serif;
color : #0c4aa1;
font-weight : 500;
position : absolute;
top : 5px;
left : 178px;


}

#logo h1, #logo h2, #logo p {
display : none;
}
#logoimg {
position : relative;
top : 0;
left : 40px;
height : 101px;
width : 137px;
background : url(siteimg/logo.jpg);
}

/* CATEGORY NAVIGATION */

#nav {
position : absolute;
background : #c7b56b url(siteimg/nav-bar.jpg);
height : 33px;
padding : 0 0 0 0;
top : 126px;
left : 50%;
width : 980px;
margin-left : -490px;
}
#nav ul {
margin : 0;
padding : 0;
list-style : none;
padding-top : 5px;
}
#nav li {
position : relative;
float : left;
display : block;
text-decoration : none;
text-align : center;
font-weight : 500;
padding : 0 20px;
width : 2.5em;
}
#nav li a {
color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : 100;
width : 2.5em;
}

#nav li a:hover {
color : #45527c;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : 100;
width : 2.5em;
}


/* RIGHT COLUMN */

#rightcol {
position : absolute;
background : #fefcfd url(siteimg/right_col.jpg) no-repeat;
height : 508px;
padding : 0 0 0 0;
top : 0;
left : 50%;
width : 287px;
margin-left : 208px;
z-index : 2000;
}

/* RIGHT COL NAVIGATION */

#infobox {
position : relative;
top : 250px;
left : 32%;
list-style-type : none;
}
#cat-title {
padding-top : 10px;
padding-left : 30px;
padding-bottom : 20px;
font-weight : 500;
color : #c1b964;
}
#infobox ul {
list-style : none;
padding : 0;
margin : 0;
text-align : left;
}
#infobox li {
float : left;
margin-bottom : 5px;
width : 9em;
}
#infobox li a {
height : 14px;
line-height : 30px;
float : left;
width : 9em;
display : block;
font : 14px verdana, tahoma, arial, sans-serif;
color : #c1b964;
text-decoration : none;
text-align : left;
padding-left : 10px;
width : 9em;

}
#infobox li a {
float : none;
width : 9em;

}

#infobox li a:hover {
color : #45527c;
width : 9em;


}

#infobox {
width : 200px;
}

/* CONTENT */


#wrapper {
position : absolute;
padding : 0 0 0 0;
top : 160px;
left : 50%;
width : 980px;
margin-left : -490px;
}
#content {
position : relative;
background : #fefcfd url(siteimg/flower2.jpg) no-repeat bottom left;
width : 980px;
overflow : hidden;
}

/* MAIN CONTENT */

#page_content {
position : relative;
float : left;
width : 670px;
padding-top : 20px;
padding-left : 20px;
padding-bottom : 20px;
font : 12px verdana, tahoma, arial, sans-serif;
color : #45527c;
min-height : 400px;
}
#page_content sup {
font : 8px verdana, tahoma, arial, sans-serif;
color : #45527c;
font-weight : 400;
}

#page_content ol {
margin-left:50px;
}
#page_content ol li {
padding-top:5px;
}




/* MAIN CONTENT LINKS */

#page_content a {
color:#9EA325;
font-weight:500;
text-decoration:none;
font-size:12px; 

}

#page_content a:hover {
color:#45527c;
font-weight:500;
text-decoration:underline;
font-size:12px; 

}

.centrecontent {
font : 10px verdana, tahoma, arial, sans-serif;
color : #45527c;
text-align : center;
}
#page_content h1 {
font : 15px verdana, tahoma, arial, sans-serif;
color : #45527c;
margin-bottom:10px;
font-weight: bold;
padding:0;

}
#page_content h2 {
font : 12px verdana, tahoma, arial, sans-serif;
color : #45527c;
margin-bottom:10px;
margin-top:60px;
font-weight: 500;

width:670px;

}
#page_content h3 {
font : 12px verdana, tahoma, arial, sans-serif;
color : #45527c;
font-weight: 500;
}

/* FOOTER */

#footer {
position : relative;
background : url(siteimg/footer.jpg) no-repeat bottom;
padding : 0 0 0 0;
width : 980px;
height : 149px;
text-align : center;
}

/* FOOTER NAVIGATION */

#footer_navigation {
padding : 20px 20px 20px 20px;
text-align : center;
line-height : 30px;
list-style-type : none;

}
#footer_navigation ul {
list-style : none;
padding: 0px;
margin : 0;
width : 100%;

}
#footer_navigation li {
float : right;
margin : 0 0.15em;
width : 12em;
}
#footer_navigation li a {
height : 2em;
line-height : 2em;
float : left;
width : auto;
display : block;
font : 10px verdana, tahoma, arial, sans-serif;
color : #45527c;
text-decoration : underline;
text-align : center;
width : 12em;
}
#footer_navigation li a {
float : none;
width : 12em;

}
#footer_navigation li a:hover {
text-decoration : none;
width : 12em;

}

#footer {
width : 100%;
}

#footercontent {
width : 100%;
padding-top: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
font : 10px verdana, tahoma, arial, sans-serif;

}


/* SITE MAP LAYOUT */


.sm-1 {
text-align : left;
width : 540px;
display : inline-block;
height : 100%;
}
.sm-1-1 {
border : none;
left : 0;
padding : 10px;
top : 0;
width : 178px;
float : left;
vertical-align : top;
text-align : left;
}
.sm-1-2 {
border : none;
left : 260px;
padding : 10px;
top : 0;
width : 280px;
vertical-align : top;
float : left;
text-align : left;
}

/* NEWSLETTER */


#newsletter {
position : absolute;
left : 370px;
top : 10px;
height : 40px;
width : 320px;
font : 10px verdana, tahoma, arial, sans-serif;
color : #9EA325;
font-weight : 500;
padding:0px;

}

/* EMAIL FORM */

#nName { 
position : relative;
font-size: 10px; 
background-color: #EFEDC7; 
border: 1px solid #9EA325; 
height:18px;
top:-3px;
}

#nemail { 
position : relative;
font-size: 10px; 
background-color: #EFEDC7; 
border: 1px solid #9EA325; 
height:18px;
top:-3px;

}

#smail { 
position : relative;
top:3px;
width:50px;
height:20px;
border: none;

}

#EmailERR {
position : relative;
top:-4px;

}

#NameERR {
position : relative;
top:-4px;

}


/* CART CONTENTS */


#viewcart {
position : absolute;
left : 400px;
top : 70px;
height : 50px;
width : 300px;
background : url(siteimg/viewcart.png) no-repeat bottom;
margin:0;

}

#viewemptycart  {
color : #45527c;
font : 10px verdana, tahoma, arial, sans-serif;
padding-left: 55px;
padding-top: 19px;
margin:0;

}


#viewcartcontent  {
color : #45527c;
font : 10px verdana, tahoma, arial, sans-serif;
padding-left: 55px;
padding-top: 12px;
margin:0;

}


#viewcartcontent a {
text-decoration : underline;
color : #45527c;
font : 10px verdana, tahoma, arial, sans-serif;
}

#viewcartcontent a:hover {
text-decoration : none;
color : #45527c;
font : 10px verdana, tahoma, arial, sans-serif;
}


/* CONTACT FORM */


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #9EA325;
height: 1%;
}

.cssform label{
font-weight: 200;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
background-color: #EFEDC7; 
border: 1px solid #9EA325;
}

.cssform textarea{
width: 250px;
height: 150px;
border: 1px solid #9EA325;
background-color: #EFEDC7; 

}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#contactsubmit{
padding-left:4px;
}

/* The Toxic Files PAGES */


dl.table-display
{
width: 90%;
margin: 2em 0;
padding: 0;
font : 12px verdana, tahoma, arial, sans-serif;
color : #45527c;
font-weight : 100;
}

.table-display dt
{
width: 60%;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #E6E3C0;
font : 12px verdana, tahoma, arial, sans-serif;
color : #CBBC6B;
font-weight : 600;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 100%;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #E6E3C0;
font-weight:200;
color : #45527c;

}
/* ADD TO CART BUTTONS */

#s1 {
width:100px;
height:20px;
border:none;

}

/* PRODUCT PAGE LAYOUT */


#product_table {
	border: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 510px;
      padding:10px;
      height:100%;
	

}

#product_table-1 {
	border: none;
	left: 2px;
	padding: 1px;
	text-align: center;
	top: 2px;
	width: 404px;
      float: left;
      height:30px;
}

#product_table-2 {
	border: none;
	left: 2px;
	padding: 1px;
	top: 5px;
	width: 237px;
float: left;
      height:auto;

}

#product_table-3 {
	border: none;
	left: 193px;
	padding: 1px;
	top: 5px;
	width: 263px;
      float: left;
      height:auto;
}

#product_table-4 {
	border: none;
	left: 2px;
	padding: 1px;
	top: 8px;
	width: 504px;
float: left;
      height:auto;
}

#product_table-5 {
	border: none;
	left: 2px;
	padding: 1px;
	top: 11px;
	width: 504px;
      float: left;

}

/* IMAGE DISPLAY */

.display 
{
top:10px; 
left:100px; 
width:100px; 
margin-top:10px;
margin-bottom:10px; 
}

.display a.p1, #menu a.p1:visited 
{
display:block; 
width:auto; 
height:100px; 
text-decoration:none; 
top:0; left:0; 
border:0;
}

.display a img 
{
border:0;
}

.display a.p1:hover 
{
text-decoration:none; 
color:#000;
}

.display a .large {
display:block; 
position:absolute; 
width:0; 
height:0; 
border:0; 
top:0; 
left:0;
z-index:9999; 

}

.display a.p1:hover .large 
{
display:block; 
top:50px; 
left:150px; 
width:auto; 
height:300px; 
border:5px 
solid #c1b964;
z-index:9999; 


}
 

/*CHECKOUT PROGRESS BAR*/

.progress25 {
border: 1px solid #9EA325;
margin-left:10px;
background-color:#DDD07D;
padding-right:50px;
height:10px;
color:#FFFFFF;
font-weight :600;
text-align:center;

}
.progress50 {
border: 1px solid #9EA325;
margin-left:10px;
background-color:#DDD07D;
padding-right:100px;
height:10px;
}
.progress75 {
border: 1px solid #9EA325;
margin-left:10px;
background-color:#DDD07D;
padding-right:150px;
height:10px;
}
.progress100 {
border: 1px solid #9EA325;
margin-left:10px;
background-color:#DDD07D;
padding-right:200px;
height:10px;
}
.to-go25 {
border: 1px solid #9EA325;
background-color:#EFEDC7;
padding-right:50px;
height:10px;
}
.to-go50 {
border: 1px solid #9EA325;
background-color:#EFEDC7;
padding-right:100px;
height:10px;
}
.to-go75 {
border: 1px solid #9EA325;
background-color:#EFEDC7;
padding-right:150px;
height:10px;
}


div.row {
float: left; 
margin-left: 70px; 
padding: 0; 
margin-bottom:30px;
width: 98.5%;
}
div.cols2 {
float: left; 
width: 49%; 
margin: 
0 3px 0 0; 
padding: 0;
}

#natural {
position:absolute;
top:5px;
left: 75px;
width:535px;
height:72px;
border:none;
padding:0;
margin-bottom: 30px;

}

#trialtable{
margin-left:50px;

}

.table-layout
{
  padding: 0;
  border-collapse: collapse;
  border: 1px solid #333;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  color: #000;
  background: #FFFFFF url(siteimg/pattern.jpg);
  margin-bottom:20px;
  margin-left:50px;
}

.table-layout caption
{
  caption-side: top;
  font-size: 1.2em;
  font-style: italic;
  text-align: center;
  padding: 0.5em 0;
}

.table-layout caption a
{
  font-size: 0.8em;
  text-decoration:underline;
}

.table-layout caption a:hover
{
  font-size: 0.8em;
  text-decoration:none;
}

.table-layout th, .table-layout td
{
  border: 1px dotted #666;
  padding: 0.5em;
  text-align: left;
  color: #632a39;
}

.table-layout th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

.table-layout th+th[scope=col]
{
  color: #fff;
  background-color: #7d98b3;
  border-right: 1px dotted #666;
}

.table-layout th[scope=row]
{
  background-color: #b8cfe5;
  border-right: 2px solid #333;
}

.table-layout tr.alt th, .table-layout tr.alt td
{
  color: #2a4763;
}

.table-layout tr:hover th[scope=row], .table-layout tr:hover td
{
  background-color: #c1b964;
  color: #fff;

}

ol {
list-style:disc;

}

.popup
{
   position:absolute; 
   left:100px; 
   top:-30px; 
   width:300px;
   border-style:solid;
   border-width:1px;
   border-color:#C6B766;
   background-color:#FEFCFD;
   padding:5px;
   color:#45527c;
   font-family:Arial;
   font-weight:200;
   font-size:10pt;
   z-index:9999;
   visibility:hidden;
   text-align: left;

}

.slspopup
{
   position:absolute; 
   left: -200px; 
   top: 50px; 
   width:300px;
   border-style:solid;
   border-width:1px;
   border-color:#C6B766;
   background-color:#FEFCFD;
   padding:5px;
   color:#45527c;
   font-family:Arial;
   font-weight:200;
   font-size:10pt;
   z-index:9999;
   visibility:hidden;
   text-align: left;

}

.cart {

font-weight: 600;

}

#contactbutton {
width: 100px;
height: 20px;
border:none;

}

#emptycart {
width: 128px;
height: 128px;
border:none;

}

#shippingproceed {
width: 200px;
height: 20px;
border:none;
}

#pledge {
position:absolute;
background : url(siteimg/pledge.png);
top:520px;
left:120px;
width: 115px;
height: 107px;
border:none;
}

input.sub { 

color:#45527C; 
font: 500 84% verdana,helvetica,sans-serif; 
background-color:#DDD07D; 
border:1px solid #9EA325; 
	
}