/*----------------------------------------------------------
#  _                   _   _  __      _ _          _
# | |__  ___ __ _ _  _| |_(_)/ _|_  _| | |__  __ _| |_ __  ___  __ ______
# | '_ \/ -_) _` | || |  _| |  _| || | | '_ \/ _` | | '  \(_-<_/ _(_-<_-<
# |_.__/\___\__,_|\_,_|\__|_|_|  \_,_|_|_.__/\__,_|_|_|_|_/__(_)__/__/__/
#
#
#--------------------------------------------------------
# File      : beautifulbalms.css
# Author    : Richard Lewis
# Project   : /mnt/webdev/data/css/beautifulbalms_1/
# Syntax    : css
# Date      : Thu 24 Jul 2008
# Copyright : Richard Lewis 2008
#--------------------------------------------------------
# beautifulbalms.css -
----------------------------------------------------------*/

/* Block Elements */

body,
h1, h2, h3, h4, h5, h6,
p, div,
ul, ol, li,
dl, dt, dd,
img,
abbr, acronym,
form,
input, textarea,
select, option,
table, tr, th, td {
    border         : 0px;
    margin         : 0px;
    padding        : 0px;
    font-size      : 12px;
    font-weight    : normal;
    font-family    :
        "Century Gothic",
        "Bitstream Vera Sans",
        "Verdana",
        "Arial",
        sans-serif;
    line-height    : 1.7em;
    letter-spacing : 0.14em;
}
/*--------------------------------------------------------*/

dfn, em, i {
    font-style : normal;
}

b, strong {
    font-weight : normal;
}
/*--------------------------------------------------------*/

body {
    background       :
        url(/img/beautifulbalms/beautifulbalmsbg.png)
        repeat-x top left;
    background-color : #ffcccc;
}
/*background-attachment : fixed;*/
/*--------------------------------------------------------*/

div.page {
    border           : 1px solid  #ff99cc;
    width            : 700px;
    margin           : 16px auto;
    padding          : 16px 32px 16px 32px;
    background-color : #ffe7e7;
}
/*--------------------------------------------------------*/

a:link,
a:visited {
    color           : #006666;
    text-decoration : none;
}

a:link:hover {
    color : #009999;
}
/*--------------------------------------------------------*/

div.header {
    margin     : 0px 0px 20px 0px;
    background :
        url(/img/beautifulbalms/beautifulbalmslogo.png)
        no-repeat top left;
}

table.header {
    margin : 0px auto;
}

table.header td,
table.header h1,
table.header h1 a:link {
    text-align  : right;
    line-height : 1em;
}

h1,
h1 a:link,
h1 a:visited,
h1 a:link:hover {
    color          : #990033;
    font-size      : 24px;
    font-weight    : normal;
    letter-spacing : 0.2em;
}

p.strap {
    color          : #cc3300;
    margin         : 0;
    padding        : 0px 6px 0px 0px;
    font-size      : 11px;
    text-align     : right;
    letter-spacing : 0.2em;
}

td.strap,
p.strap {
    line-height : 1.5em;
}

p.strap a:link,
p.strap a:visited,
p.strap a:link:hover {
    color : #cc3300;
}
/*--------------------------------------------------------*/

ul.navmain {
    margin     : 0px 0px 24px 0px;
    padding    : 0;
    text-align : right;
}

ul.navsub {
    margin     : 0px 0px 24px 0px;
    padding    : 0;
    text-align : right;
}

ul.navsub li {
    font-size : 11px;
}

ul.navmain li,
ul.navsub li {
    margin          : 0;
    padding         : 0;
    display         : inline;
    line-height     : 1.7em;
    list-style-type : none;
}

ul.navmain a,
ul.navsub a {
    padding       : 3PX 8PX;
    border-left   : 1px solid #ff99cc;
    border-bottom : 1px solid #ff99cc;
    background :
        url(/img/beautifulbalms/navbg.png)
        repeat-x bottom left;
}

ul.navmain a.last,
ul.navsub a.last {
    border-right : 1px solid #ff99cc;
}
/*--------------------------------------------------------*/

h2 {
    color          : #cc3300;
    margin         : 0px 0px 16px 0px;
    font-size      : 22px;
    text-align     : center;
    font-weight    : normal;
    letter-spacing : 0.18em;
}

h2 acronym {
    font-size : 22px;
}
/*--------------------------------------------------------*/

img.icon {
    float    : right;
    margin   : 0px 0px 24px 24px;
}
/*--------------------------------------------------------*/

p {
    margin     : 0px 0px 24px 0px;
    text-align : justify;
}

p.opener:first-letter {
    color     : #990033;
    font-size : 18px;
}

br.clear {
    clear       : both;
    font-size   : 1px;
    line-height : 1px;
}

div.hr hr {
    display : none;
}

div.hr {
    clear      : both;
    width      : 77%;
    margin     : 32px auto;
    border-top : 1px solid #ff99cc;
}
/*--------------------------------------------------------*/

h3,
h3 a:link,
h3 a:visited,
h3 a:link:hover {
    margin         : 16px 0px 24px 0px;
    font-size      : 18px;
    text-align     : center;
    font-weight    : normal;
    letter-spacing : 0.18em;
}

h3 acronym {
    font-size : 18px;
}

h3 {
    color : #cc3300;
}
/*--------------------------------------------------------*/

h4,
h4 a:link,
h4 a:visited,
h4 a:link:hover {
    margin         : 16px 0px 16px 0px ;
    font-size      : 16px;
    font-weight    : normal;
    letter-spacing : 0.18em;
}

h4 {
    color : #cc3300;
}

h5 {
    margin      : 16px 0px 4px 0px ;
    color       : #cc3300;
    font-size   : 14px;
    text-align  : left;
    font-weight : normal;
}

h6 {
    margin      : 16px 0px 4px 0px ;
    color       : #cc3300;
    font-size   : 12px;
    text-align  : left;
    font-weight : normal;
}

ul {
    margin              : 8px 0px 32px 0px;
    padding             : 0px;
    font-size           : 12px;
    font-weight         : normal;
    list-style-position : inside;
}

li {
    margin          : 2px 0px 2px 32px;
    padding         : 0px;
    font-size       : 12px;
    font-style      : normal;
    font-weight     : normal;
    line-height     : 1.8em;
    list-style-type : disc;
}

ul > ul {
    margin : 0px 0px 0px 16px;
}
/*--------------------------------------------------------*/

span.bold {
    font-weight : bold;
}
/*--------------------------------------------------------*/

table caption {
    color : #cc3300;
}

table.balmbts {
    margin : 0px auto 16px auto;
}

table.balmbts caption {
    margin     : 16px auto 4px auto;
    text-align : center;
}

table.balmbts td {
    padding    : 0px 16px 0px 16px;
    text-align : center;
}
/*--------------------------------------------------------*/

p.navclassic {
    color          : #ff9999;
    text-align     : center;
    line-height    : 2.4em;
    letter-spacing : 0.2em;
}

p.center {
    text-align : center;
}

p.balms_to_buy {
    margin     : 24px 0px 24px 0px;
    text-align : center;
}

p.balms_for_sale {
    margin     : 24px 0px 24px 0px;
    text-align : center;
}
/*--------------------------------------------------------*/

div.base {
    width      : 680px;
    margin     : 0px auto;
    text-align : right;
}

img.base {
    top      : 320px;
    position : relative;
}
/*--------------------------------------------------------*/

form {
    width       : 100%;
    margin      : 0px 0px 0px 0px;
    padding     : 0;
    font-size   : 12px;
    text-align  : left;
    line-height : 1.8em;
}

form p {
    width : 77%;
}

input.text {
    width            : 77%;
    border           : 1px solid #ff99cc;
    padding          : 3px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

input.checkbox {
    border : 0;
}

input.password {
    width            : 77%;
    border           : 1px solid #ff99cc;
    padding          : 3px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

select {
    border           : 1px solid #ff99cc;
    cursor           : pointer;
    padding          : 3px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

option {
    padding          : 1px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

textarea {
    width            : 77%;
    border           : 1px solid #ff99cc;
    padding          : 3px 4px;
    font-size        : 12px;
    letter-spacing   : 0.14em;
    background-color : #fff0f0;
}

input.checkbox {
    border           : 1px solid #990033;
    background-color : #fff0f0;
}

div.submit {
    width      : 80%;
    margin     : 0px 0px 12px 0px;
    text-align : right;
}

input.submit {
    color            : #006666;
    border           : 0px;
    border-left      : 1px solid #ff99cc;
    border-right     : 1px solid #ff99cc;
    border-bottom    : 1px solid #ff99cc;
    cursor           : pointer;
    padding          : 3px 4px;
    font-size        : 12px;
    background :
        url(/img/beautifulbalms/submitbg.png)
        repeat-x bottom left;
}

input.submit:hover {
    color : #009999;
}

input.reset {
    color            : #006666;
    border           : 0px;
    border-left      : 1px solid #ff99cc;
    border-right     : 1px solid #ff99cc;
    border-bottom    : 1px solid #ff99cc;
    cursor           : pointer;
    padding          : 3px 4px;
    font-size        : 12px;
    background :
        url(/img/beautifulbalms/submitbg.png)
        repeat-x bottom left;
}

input.reset:hover {
    color : #009999;
}

div.js_msg {
    color          : #990033;
    width          : 77%;
    border         : 1px solid #cc3300;
    margin         : 24px 0px 12px 0px;
    padding        : 8px 8px 8px 8px;
    font-size      : 12px;
    text-align     : center;
    line-height    : 1.7em;
    letter-spacing : 0.14em;
}
/*--------------------------------------------------------*/

p.copyright {
    margin           : 24px 0px;
    padding          : 2px 0px;
    background-color : #ff99cc;
}

p.copyright, p.copyright a, p.copyright a:hover {
    color          : #000000;
    letter-spacing : 0.15em;
}

p.design, p.design a,
p.contact, p.contact a,
p.copyright, p.copyright a,
p.poisedsolutions, p.poisedsolutions a  {
    margin         : 16px 0px 16px 0px;
    font-size      : 11px;
    line-height    : 1.7em;
    letter-spacing : 0.15em;
}

p.poisedsolutions, p.poisedsolutions a {
    font-size : 11px;
}

p.copyright, p.poisedsolutions, p.design, p.contact {
    text-align : center;
}

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

table.balms {
    width   : 100%;
    margin  : 0px;
    padding : 0px;
}

table.balms td {
    margin         : 0px;
    padding        : 0px;
    vertical-align : bottom;
}

td.right {
    text-align : right;
}
/*--------------------------------------------------------*/

dt, dd {
    text-align  : justify;
    line-height : 1.8em;
}

dl {
    color       : #990033;
    margin      : 0px 0px 24px 0px;
    font-size   : 12px;
    line-height : 2.4em;
}

dt {
    color  : #000000;
    margin : 0px 0px 0px 12px;
}

dd {
    color  : #000000;
    margin : 0px 0px 4px 24px;
}
/*--------------------------------------------------------*/

p.vat {
    margin     : 24px 0px 12px 0px;
    font-size  : 11px;
    text-align : center;
}

p.delivery {
    margin     : 12px 0px 24px 0px;
    font-size  : 11px;
    text-align : center;
}
/*--------------------------------------------------------*/

div.acceptance {
    margin     : 24px 0px 0px 0px;
    text-align : center;
}
p.acceptance {
    margin     : 8px 0px 24px 0px;
    font-size  : 11px;
    text-align : center;
}

table.acceptance {
    margin           : 6px auto 6px auto;
    padding          : 3px 3px 3px 3px;
    border           : 1px solid #ff99cc;
    background-color : #ffffff;
}
/*--------------------------------------------------------*/

dl.links-to dd {
    margin    : 0px 0px 12px 24px;
    font-size : 10px;
}

/*--------------------------------------------------------*/

div.imgcut {
    margin      : 32px auto 32px auto;
    border      : 1px solid #ffccee;
    padding     : 16px 16px 16px 16px;
    text-align  : center;
    font-weight : bold;
}

div.imgcut img {
    margin : 0px 0px 8px 0px;
}

img.cuticon {
    vertical-align : middle;
}
/*--------------------------------------------------------*/

img.btright,
img.right {
    float  : right;
    margin : 0px 0px 0px 0px;
}

img.btleft,
img.left {
    float  : left;
    margin : 0px 8px 0px 0px;
}
/*--------------------------------------------------------*/

table.google_accept {
    margin     : 8px auto 8px auto;
    text-align : center;
}
/*--------------------------------------------------------*/

table.center {
    margin     : 12px auto 12px auto;
    text-align : center;
}
/*--------------------------------------------------------*/

p.letters {
    text-align : center;
}

div.right {
    float : right;
}

div.left {
    float : left;
}
/*--------------------------------------------------------*/

table.plant-classification {
    width  : 77%;
    margin : 12px auto 12px auto;
    border : 1px solid #ffcccc;
}

table.plant-classification th {
    text-align  : left;
    font-weight : bold;
    border-bottom : 1px solid #ffcccc;
}

table.plant-classification th,
table.plant-classification td {
    padding : 4px 8px 4px 8px;
}
/*--------------------------------------------------------*/

table.balm_shop {
    width  : 600px;
    margin : 0px auto 0px auto;
}

table.balm_shop caption {
    text-align : center;
}

table.balm_shop td {
    width          : 200px;
    text-align     : center;
    vertical-align : bottom;
}
/*--------------------------------------------------------*/

div.balm_shop {
    clear      : both;
    margin     : 12px auto 24px auto;
    text-align : center;
}
/*--------------------------------------------------------*/

table.balms_to_buy {
    width  : 100%;
    margin : 0px auto 32px auto;
    border : 1px solid #ffcccc;
}

table.balms_to_buy th {
    padding        : 4px 3px 4px 3px;
    border-bottom  : 1px solid #ffcccc;
    vertical-align : top;
}

table.balms_to_buy td {
    padding        : 3px 3px 3px 3px;
    font-size      : 10px;
    text-align     : center;
    border-bottom  : 1px solid #ffcccc;
    vertical-align : middle;
}

table.balms_to_buy tr:hover {
    background-color : #ffdddd;
}

table.balms_to_buy caption {
    padding   : 0px 0px 12px 0px;
    font-size : 13px;
}

table.balms_to_buy th {
    background-color : #ffdddd;
}

table.balms_to_buy td.balm_name {
    text-align : left;
}

table.balms_to_buy td.balm.price {
    text-align : right;
}

table.balms_to_buy tfoot td {
    border  : 0;
    padding : 10px 0px 10px 0px;
}
/*--------------------------------------------------------*/

table.balms_for_sale {
    width  : 100%;
    margin : 0px auto 32px auto;
    border : 1px solid #ffcccc;
}

table.balms_for_sale th {
    padding        : 4px 3px 4px 3px;
    border-bottom  : 1px solid #ffcccc;
    vertical-align : top;
}

table.balms_for_sale td {
    padding        : 3px 3px 3px 3px;
    font-size      : 10px;
    text-align     : center;
    border-bottom  : 1px solid #ffcccc;
    vertical-align : middle;
}

table.balms_for_sale tr:hover {
    background-color : #ffdddd;
}

table.balms_for_sale caption {
    padding   : 0px 0px 12px 0px;
    font-size : 13px;
}

table.balms_for_sale th {
    background-color : #ffdddd;
}

table.balms_for_sale td.balm_name {
    text-align : left;
}

table.balms_for_sale td.balm.price {
    text-align : right;
}

table.balms_for_sale tfoot td {
    border  : 0;
    padding : 10px 0px 10px 0px;
}
/*--------------------------------------------------------*/

span.button {
    padding       : 2px 6px 2px 6px;
    background    :
        url(/img/beautifulbalms/navbg.png)
        repeat-x bottom left;
    border-left   : 1px solid #ff99cc;
    border-right  : 1px solid #ff99cc;
    border-bottom : 1px solid #ff99cc;
}
/*--------------------------------------------------------*/

span.required {
    color : #990033;
}
/*--------------------------------------------------------*/

ul.lip_balms {
    background :
        url(/img/beautifulbalms/lip-balms.png)
        no-repeat bottom right;
}
/*--------------------------------------------------------*/

table.lip_balms {
    margin : 0px auto 16px auto;
    border : 0;
}

table.lip_balms caption {
    margin     : 16px auto 4px auto;
    text-align : center;
}

table.lip_balms td {
    padding    : 4px 4px 4px 4px;
    text-align : center;
}
/*--------------------------------------------------------*/

div.alexa * {
    display : none;
}
/*--------------------------------------------------------*/

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

table.balms_line {
    margin : 24px auto 4px auto;
    border : 0px;
}

table.balms_line td {
    padding    : 0px 12px 0px 12px;
    font-size  : 11px;
    text-align : center;
}
/*--------------------------------------------------------*/

table.balms_shop {
    width  : 100%;
    margin : 0px auto 32px auto;
}

table.balms_shop caption {
    margin : 8px auto 8px auto;
}

table.balms_shop td,
table.balms_shop th {
    width          : 50%;
    font-size      : 11px;
    text-align     : center;
    border-right   : 1px solid #ff99cc;
    vertical-align : top;
}

th.first,
td.first {
    border-left : 1px solid #ff99cc;
}

tr.balms_shop_img td {
    padding : 4px 0px 0px 0px;
}

table.balms_shop th {
    padding       : 4px 0px 4px 0px;
    border-top    : 1px solid #ff99cc;
    border-bottom : 1px solid #ff99cc;
}

table.balms_shop tr.balms_shop_groups td {
    padding        : 6px 0px 4px 0px;
    border-bottom  : 1px solid #ff99cc;
    vertical-align : bottom;
}

table.balms_shop tfoot td {
    padding       : 6px 0px 6px 0px;
    border-left   : 1px solid #ff99cc;
    border-right  : 1px solid #ff99cc;
    border-bottom : 1px solid #ff99cc;
}
/*--------------------------------------------------------*/

div.balm_shoppe {
    margin     : 0;
    padding    : 0;
    text-align : center;
    background :
        url(/img/beautifulbalms/lotions/buttons/aphrodite-lotion.jpg)
        no-repeat top left;
}
/*--------------------------------------------------------*/

table.shipping {
    width  : 100%;
    margin : 16px auto 32px auto;
}

table.shipping caption {
    margin : 24px auto 0px auto;
}

table.shipping th {
    padding       : 6px 24px 6px 10px;
    text-align    : center;
    border-bottom : 1px solid #ffcccc; 
}

table.shipping td {
    padding       : 4px 24px 4px 10px;
    text-align    : right;
    border-bottom : 1px solid #ffcccc; 
}

table.shipping td,
table.shipping th {
    border-right : 1px solid #ffcccc;
}

table.shipping tbody tr:hover {
    background-color : #ffdddd;
}

table.shipping td.lip_balm,
table.shipping th.lip_balm {
    border-right : 0;
}

table.shipping tfoot tr {
    background-color : #ffdddd;
}

table.shipping tfoot td {
    padding    : 5px 0px 5px 0px;
    font-size  : 11px;
    text-align : center;
}
/*--------------------------------------------------------*/

p.add_to_basket {
    margin     : 0px 0px 16px 0px;
    padding    : 0px 0px  0px 0px;
    text-align : right;
}
/*--------------------------------------------------------*/