@charset "utf-8";
/* CSS Document */
html, body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
html, body {
height: 100%;
}
body {
background-image: url(images/bg-gradient4d.jpg);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: top center;
text-align: center;
font-family: tahoma, geneva, sans-serif;
font-size: 12px;
color: #000;
background-color: #d5d6d6;
-webkit-text-size-adjust: none;
}
#bg {
min-height: 100%;
background-image:url(images/home-bg3.gif);
background-repeat: no-repeat;
background-position: top center;
}
* html #bg {
height: 100%;
}
p {
margin: 10px 0;
}
h2 {
font-size: 24px;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 45px;
font-family: "Century Gothic", "Avant Garde", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
a {
color: #8e9300;
}
a:hover {
color: #000;
}
a.enter {
outline:none;
}
.hiddenPic {
display:none;
}
.philosophy h2 {
font-size: 52px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
line-height: 58px;
margin-bottom: 0;
letter-spacing: 1px;
}
.philosophy h2 span.white {
color: #fff;
}
.philosophy h2 span.quotes {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h3 {
text-transform: uppercase;
}
h4 { 
font-weight: bold;
font-size: 12px;
}
.terms {
text-decoration: none;
color: #000;
}
#wrapper {
width: 882px;
padding-top: 26px;
margin: 0 auto;
text-align: left;
}
#wrapper:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
#cart {
padding-top: 6px;
height: 26px;
}
#leftcol {
float: left;
width: 203px;
padding-top: 55px;
}
.menu {
list-style: none;
text-transform: uppercase;
}
.menu li {
padding-bottom: 4px;
}
.menu a, .menu .current, #cart a, .product_list h3 a, h3, .question, h2.warnings {
color: #8e9300;
font-family: "Century Gothic", "Avant Garde", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 14px;
}
.menu a:hover, .menu .current, #cart a:hover, #cart .current, .product_list h3 a:hover {
color: #000;
}
h2.warnings {
font-size: 17px;
margin-bottom: 10px;
color: #000;
}
ul.shop {
margin-top: 20px
}
.shop ul {
margin-left: 15px;
list-style: none;
}
.shop ul li ul li {
padding-bottom: 0;
}
.menu ul a, .menu ul .current {
font-size: 12px;
}
.menu ul ul a, .menu ul ul .current {
font-size: 11px;
}
#content {
float: right;
width: 638px;
border: 1px solid #8e9300; 
padding: 50px 19px 19px 19px;
background-color: #fff;
min-height: 400px;
}
* html #content {
height: 400px;
}
#content.product_list {
padding-bottom: 0;
} 
.product_list ul {
list-style: none;
}
.product_list li {
float: left;
display: block;
width: 200px;
margin-right: 12px;
border-bottom: 1px solid #8e9300;
padding-bottom: 20px;
margin-bottom: 15px;
}
.product_list li.last {
margin-right: 0;
}
.product_list .bottom {
border: none;
}
.product_list h3 {
height: 35px;
}
.product_list h3 a {
text-transform: uppercase;
margin: 10px 0;
}
.product_list a {
text-transform: none;
}
.product_list p {
letter-spacing: normal;
}
.product_list p a {
text-decoration: none;
color: #000;
}
.product_list p a:hover {
color: #666666;
}
.product_list p a.hyperlink {
color: #8e9300;
text-decoration: underline;
}
.product_list p a.hyperlink:hover {
color: #000;
} 
#content.philosophy {
background: url(images/phil-bg4.jpg);
background-color: #8e9700;
}
.philosophy p {
font-size: 14px;
line-height: 20px;
letter-spacing:normal;
}
p.synopsis {
font-size: 22px;
font-weight: normal;
text-align: center;
text-transform: uppercase;
padding: 20px 35px;
line-height: 28px;
}
.philosophy h3 {
color: #000;
margin-top: 30px;
}
ul.oils {
margin-left: 25px;
margin-right: 15px;
list-style:square;
}
ul.oils li {
font-size: 13px;
padding-bottom: 7px;
}
.tabcontent a {
color: #000;
}
#footer {
float: right;
width: 676px;  
padding: 10px 0;
font-size: 10px;
font-weight: bold;
}
#ingredientdivcontainer {
letter-spacing: normal;
padding-top: 45px;
}
.tabcontent {
padding-top: 20px;
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
.ingredients p {
margin-top: 0;
}
.leftimg {
float: left;
margin-right: 15px; 
}
.ingredients div {
margin-bottom: 30px;
}
.rightimg {
float: right;
margin-left: 15px; 
}
#ingredienttabs, #philosophytabs {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
#philosophytabs {
margin-left: 65px;
}
#ingredienttabs li, #philosophytabs li{
display: block;
float: left;
}

#ingredienttabs li a, #ingredienttabs li.none, #philosophytabs li a  {
color: #8e9300;
font-family: "Century Gothic", "Avant Garde", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 13px;
padding: 0 7px 0 8px;
z-index: 1;
}
#philosophytabs li a {
color: #000;
text-transform: uppercase;
font-weight: bold;
display: block;
}
#ingredienttabs li a:hover, #philosophytabs li a:hover {
color: #fff;
background-color: #8e9300;
outline: none;
}
#ingredienttabs li a.selected, #philosophytabs li a.selected{ /*selected main tab style */
color: #fff;
background-color: #8e9300;
outline: none;
}

#ingredienttabs li a.selected:hover, #philosophytabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
#ingredienttabs li.none {
color: #c3c594;
}
.question {
cursor: hand;
cursor: pointer;
text-transform: uppercase;
padding-top: 10px;
}
.question:hover {
color: #000;
}
.answer p {
margin-top: 0;
}
.openanswer { 
color: #000;
}
.answer {
padding-left: 18px;
}
.faq ul {
list-style: none;
}
.faq li span {
font-weight: bold;
color: #8e9300;
}
.faq li {
padding-bottom: 10px;
}
ul.glossary {
list-style: none;
}
ul.glossary li {
padding-bottom: 10px;
}
ul.glossary li span {
font-weight: bold;
color: #8e9300;
text-transform: uppercase;
font-family: "Century Gothic", "Avant Garde", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
}
blockquote {
font-size: 11px;
margin: 0 20px 0 15px;
}
.required{
font-size: 11px;
font-style: italic;
text-align: right;
float: right;
width: 120px;
padding-top: 9px;
}
legend {
margin: 0;
color: #8e9300;
font-family: "Century Gothic", "Avant Garde", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 13px;
text-transform: uppercase;
}
label {
float: left;
width: 65px;  
margin-right: 8px; 
text-align: right;
padding-top: 4px;
}
fieldset {
padding-bottom: 13px;
}
fieldset ol {  
padding: 10px 0 0 0;  
list-style: none;
} 
fieldset li {  
padding-bottom: 2px;
} 
fieldset.submit {  
border: none;
margin: 0;
}
.fieldsetbg {
background: url(images/fieldset-bg.jpg) repeat-y;
}
.product_detail {
float: right;
width: 288px;
}
.product_detail h3 {
margin-top: 0;
}
.product_detail h3 span {
text-transform: none;
}
.product_detail .linkto {
color: #8e9300;
font-family: "Century Gothic", "Avant Garde", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 13px;
}
.description {
color: #8e9300;
padding-top: 3px;
}
.description span {
color: #000;
}
td.nopheader, td.nopdescription, td.nopheader.description, td.nopship, td.nopshipdetail  {
border-top: 1px solid #8e9300;
padding-top: 10px;
font-family: "Century Gothic", "Avant Garde", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
text-align: right;
}
td.nopheader.description {
color: #000;
text-align: left;
}
table.nopcart {
width: 638px;
}
.nopentry, .nopeven {
text-align: right;
}
td.nopdescription {
border-top: none;
color: #8e9300;
width: 393px;
text-align: left;
}
td.nopprice {
text-align: right;
}
td.nopprice {
width: 80px;
}
td.cost {
width: 55px;
}
td.qty {
width: 50px;
}
input.qty {
text-align: right;
padding: 0;
}
td.remove {
width: 60px;
}
.nopentry.remove, .nopeven.remove {
text-align: center;
}
td.noptotal.nopheader {
padding: 0;
border-top: none;
}
tr.noptotal td, tr.noptotal td.nopheader {
padding-top: 10px;
}
td.nopship, td.nopshipdetail { 
width: 200px;
color: #000;
border-top: none;
padding: 0;
text-align: left;
}
td.nopship span, td.nopshipdetail span {
font-family: tahoma, geneva, sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: none;
}
td.nopshipdetail {
width: 350px;
}
.print_button {
text-align: center;
}
.checkout2 {
height: 400px;
overflow: hidden;
}
.nb {
font-size: 11px;
color: #7d7f50;
}
.list_price {
margin-bottom: 0;
}
#cartnav, #cartnav ul {
list-style: none;
}
#cartnav li {
float: right;
position: relative;
}
#cartnav li a {
display: block;
}
#cartnav li ul {
visibility:hidden;
position:absolute;
top:0; 
left: 0;
overflow: visible;
background-color: #FFFFFF;
border: 1px solid #8e9300;
}
* html #cartnav ul {
width: 142px;
}
#cartnav li ul a {
display: block; 
background: transparent; 
text-align: left;
text-transform: uppercase;
font-size: 11px;
padding: 5px;
width: 130px;
}
#cartnav ul a.top {
padding-bottom: 0;
}
#cartnav ul li {
float: left;
}
#cartnav li:hover ul, #cartnav li.sfhover ul {
visibility: visible;
left: -65px;
top: 100%;
} 
.nextstepbtn, .nextstep_disabled {
color: #fff;
 font-size: 0;
 width: 130px;
 height: 22px;
 border: none;
 margin: 0;
 padding: 0;
 background: #0c0 url(images/dis-step2-btn.gif) 0 0 no-repeat;
}
.nextstep_disabled {
background-image: url(images/dis-step2-btn.gif);
}
.forbidden ul {
margin-left: 30px;
}
.forbidden li{
padding-bottom: 10px;
padding-left: 5px;
list-style-position: outside;
list-style-type: square;
}
.error ul {
list-style-type: none;
color: #990000;
}
.error ul li {
padding-bottom: 5px;
}
#more {
display: none;
padding-top: 30px;
}
.back {
text-align: left;
float: left;
width: 638px
}
.coming {
position: absolute;
width: 200px;
height: 163px;
}
a.vanilla, .divide, .follow {
color: #8e8a87;
font-size: 10px;
text-decoration:none;
font-weight: normal;
}
a.vanilla:hover {
color: #8e9300;
}
.hiddenPic {
display:none;
}
#malini form select {
width: 93px;
font-size: 11px;
}
.clearit {
clear: both;
height: 0;
}
* html .clearit {
height: 1px;
}
p.small {
font-size: 11px;
color: #999999;
text-indent: 10px;
}
.ddimgtooltip{
display:none;
position:absolute;
border:1px solid #8e9300;
background:white;
color: black;
z-index:2000;
padding: 4px;
}
#malini .customise ul {
list-style-type: none;
}
#malini .customise ul li {
padding-bottom: 5px;
}
#malini .customise ul li ul {
padding: 5px 0 0 10px;
}
#malini .customise ul li ul li img {
float: left;
}
#malini .customise ul li ul.gemstone li {
line-height: 38px;
height: 42px;
padding-bottom: 0;
}
#malini .customise ul li ul.gemstone li span {
line-height: normal;
display: block;
padding-top: 5px;
}
h3.header:hover {
cursor: pointer;
}
h3.header {
padding-bottom: 10px;
}
.follow img {
margin-bottom: -4px;
}
.box {
border: 1px solid #8e9300;
padding: 10px; 
}
.sale {
padding-top: 20px;
}
.sale h4 a {
text-transform: uppercase;
text-decoration:none;
color: #000;
font-size: 14px;
}
.sale p {
margin-top: 2px;
}
.sale p a {
text-decoration: none;
color: #999;
font-size: 11px;
}