/*----------------------------------------------------------
#  _          _
# | |__  __ _| |_ __    __ ______
# | '_ \/ _` | | '  \ _/ _(_-<_-<
# |_.__/\__,_|_|_|_|_(_)__/__/__/
#
#
#--------------------------------------------------------
# File      : balm.css
# Author    : Richard Lewis
# Project   : /mnt/webdev/beautifulbalms/css/beautifulbalms/
# Syntax    : css
# Date      : Wed 24 Sep 2008
# Copyright : Richard Lewis 2008
#--------------------------------------------------------
# balm.css -
----------------------------------------------------------*/

ul.ingredients,
ul.ingredients li,
ul.ingredients > ul,
ul.ingredients > ul li,
p.storage,
p.lifespan {
    vertical-align : bottom;
}

ul.ingredients {
    margin         : 16px 0px 0px 0px;
    vertical-align : bottom;
}

ul.precaution,
ul.precaution li,
p.precaution,
p.alternative {
    font-size : 11px;
}

ul.ingredients {
    margin : 0px 0px 0px 0px;
}

p.storage {
    margin     : 0px 0px 24px 0px;
    text-align : right;
}

p.lifespan {
    margin     : 0px 0px 0px 0px;
    text-align : right;
}

table.balm {
    width  : 100%;
    margin : 0px 0px 24px 0px;
}

table.balm td.ingredients {
    width          : 40%;
    text-align     : left;
    vertical-align : bottom;
}

table.balm td.logo {
    width          : 20%;
    padding        : 0px 8px 0px 8px;
    text-align     : center;
    vertical-align : bottom;
}

table.balm td.storage {
    width          : 40%;
    text-align     : right;
    vertical-align : bottom;
}

table.balm td.ingredients2 {
    width          : 80%;
    text-align     : left;
    vertical-align : bottom;
}

table.balm td.logo2 {
    width          : 20%;
    padding        : 0px 8px 0px 8px;
    text-align     : right;
    vertical-align : bottom;
}

p.precaution,
p.alternative {
    width      : 77%;
    margin     : 0px auto 24px auto;
    text-align : center;
}
/*--------------------------------------------------------*/

div.picture {
    width      : 248px;
    float      : right;
    margin     : 0px 0px 24px 24px;
    text-align : center;
}

img.picture {
    margin : 0px;
}

ul.healing_journey {
    margin : 0px 0px 24px 0px;
}
/*--------------------------------------------------------*/

table.product {
    width : 100%;
}

table.product td {
    text-align     : center;
    vertical-align : bottom;
}

table.essence {
    margin : 0px auto 0px auto;
    padding : 0px 32px 0px 32px;
}

table.essence td {
    padding : 0px 24px 0px 0px;
}

table.essence td.text {
    text-align     : center;
    vertical-align : middle;
}
/*--------------------------------------------------------*/

p.meditation {
    border         : 3px solid #006666;
    padding        : 16px;
    font-size      : 11px;
    text-align     : center;
    line-height    : 1.9em;
    letter-spacing : 0.16em;
}

span.red {
    color     : #990033;
    font-size : 22px;
}

p.green {
    background-color : #ccffcc;
}

p.rose {
    background-color : #ffcccc;
}

p.meditation_inc {
    text-align : center;
}
/*--------------------------------------------------------*/

div.photograph {
    float      : left;
    margin     : 0px 8px 0px 0px;
    padding    : 0px 0px 8px 0px;
    text-align : center;
}

h3.balm,
h3.balm a:link,
h3.balm a:visited {
    color : #cc3300;
    font-size : 16px;
}

h3.balm:hover,
h3.balm a:link:hover,
h3.balm a:visited:hover {
    color : #ff6600;
}

p.balm i,
p.balm b,
p.baml em {
    font-style  : normal;
    font-weight : normal;
}

table.balm_hero {
    width  : 100%;
    margin : 8px auto 0px auto;
}

table.balm_hero td {
    width   : 50%;
    padding : 0px 8px 0px 8px
}

table.balm_hero td.hero {
    text-align : right;
}

table.balm_hero td.balm {
    text-align : left;
}

table.balm_hero2 {
    width  : 100%;
    margin : 8px auto 0px auto;
}

table.balm_hero2 td {
    width   : 25%;
    padding : 0px 8px 0px 8px
}

table.balm_hero2 td.hero {
    text-align : right;
}

table.balm_hero2 td.balm {
    text-align : left;
}

ul.balm_ingredients,
ul.balm_ingredients li,
ul.balm_ingredients > ul,
ul.balm_ingredients > ul li {
    font-size : 11px;
}

ul.balm_ingredients {
    background :
        url(/img/beautifulbalms/beautifulbalms-balm.png)
        no-repeat bottom right;
}

p.synonyms {
    text-align  : center;
    line-height : 2.1em;
}

br.clear {
    clear : both;
}
/*--------------------------------------------------------*/