body, p, td, th, div, blockquote, dl, ul, ol { font-family: arial, verdana, sans-serif; font-size: 13px; color: #000000; }
body { margin: 0px; padding: 0; background: #ffffff; }

#index { text-align: center; background: url(img/bubbles.gif); padding-top: 180px; }
#head { background: url(img/bubbles.gif) center top; height: 180px; text-align: center; }
#sidebar-left { padding-top: 20px; background: #783b74; vertical-align: top; width: 160px; }
#main { border-top: 2px solid #783B74; padding: 20px; text-align: center; vertical-align: top; }
#main-lft { border-top: 2px solid #783B74; padding: 20px; vertical-align: top; }
#sidebar-right { padding-top: 20px; background: #783b74; vertical-align: top; width: 160px; }
#footer { height: 140px; text-align: center; background: #783b74; }

a:link, a:visited { text-decoration: underline; color: #783b74; }
a:active, a:hover { text-decoration: none; color: #80809c; }

h1 { color: #783B74; margin-bottom: 4px; padding-bottom: 0px; font: normal 28px Georgia, "Times New Roman", Times, serif; margin-top: 0px; padding-top: 0px; }
h2 { color: #783B74; margin-bottom: 0px; padding-bottom: 0px; font: bold 16px arial, verdana, sans-serif; }
h3 { font-family: arial, verdana, sans-serif; font-size: 14px; color: #000000; }
p { margin-top: 0px; padding-top: 0px }

h1.inx { font-family: arial, verdana, sans-serif; font-size: 45px; color: #783b74; margin-bottom: 0px; padding-bottom: 0px; }
h2.inx { font-family: arial, verdana, sans-serif; font-size: 20px; color: #783b74; font-weight: bold; }
p.inx { font-size: 11px; font-family: verdana, arial, georgia; margin-top: 2px; padding-top: 0px }

.small { font-size: 10px; font-family: verdana, arial, georgia; text-decoration: none; }
#sidebar-left p.small { color: #fff; text-align: center; }
.textLeft { text-align: left; }
.floatRight { float: right; text-align: left; }

#sidebar-left ul, #sidebar-right ul  { display: block; list-style: none; margin: 0px; padding: 2px 10px 20px; }
#sidebar-left ul li a, #sidebar-right ul li a { font-weight: bold; color: #FEE1FF; text-decoration: none; display: block; line-height: 18px; }
#sidebar-left ul li a:hover, #sidebar-right ul li a:hover { color: #C1C4ED; }

p.foot, p.foot a:link, p.foot a:visited { font-size: 12px; text-decoration: none; color: #ffffff; }
p.foot a:active, p.foot a:hover { text-decoration: underline; color: #fee1ff; }

p.copy, p.copy a:link, p.copy a:visited { font-size: 10px; text-decoration: none; color: #ffffff; }
p.copy a:active, p.copy a:hover { text-decoration: none; color: #80809c; }

hr { color: #783b74; background-color: #783b74; border: none; height: 2px; clear: both; }

img { border-width: 0px; }
img.bdr { border: 1px solid #783B74; }

table.scents { text-align: left; }

.ctr {text-align: center; }
.notice { color: #C41309; }

.picRight { float: right; margin: 0 0 0 12px; }

table.skinCare td { vertical-align: top; text-align: left; }
td.pro160 { width: 160px; padding: 0 40px 0 0; text-align: center; }

#frame { margin: 1em auto; width: 242px; height: 182px; padding: 12px; background: #c1c4ed; border: 1px solid #783b74; }
#slideShow { width: 240px; height: 180px; border: 1px solid #80809c; }

/* replaced by "one-third" class below */
ul.tripple { margin: 0 0 1em; padding: 0; width: 100%; overflow: hidden; list-style: none; }
ul.tripple li { margin: 0; padding: 0; float: left; display: inline; width: 33.333%; text-align: left; }

ul.one-third { margin: 0 0 1em; padding: 0; width: 33.333%; overflow: hidden; list-style: none; float: left; }
ul.one-third li { margin: 0; padding: 0; text-align: left; }

