/* color scheme
 * dark purple:         #714578;
 * lighter purple:      #b2508f;
 * green:               #3a9b43;
 */

/* start normalization */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, a img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ul { list-style-type: none;}
ol { list-style-type: decimal; }
ul li {
    background: transparent url('../img/bullet.gif') no-repeat left 0.4em;
    padding-left: 15px;
}
ol {
    padding-left: 20px;
}
caption, th { text-align: left }
em { font-weight: normal; font-style: italic; }
strong { font-weight: bold; font-style: normal; }
strong.emphasize { font-style: italic; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-top: 1em; font-family: arial, tahoma, verdana, sans-serif; font-size: 1em; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: block; font-size: 80%; }
h1 {
    padding-top: 1em;
    padding-bottom: 0.1em;
    font-size: 1.7em;
}
h2 { font-size: 1.1em; color: #3a9b43; font-weight: bold;}
h3 { font-weight: bold; }

p {
    line-height: 1.5;
    padding: 0.3em 0;
}

li {
    line-height: 1.5;
    padding: 0.1em 0;
}

a, a:link { color: #b2508f; text-decoration: none; }
a:visited { color: #714578; }
a:hover { color: #3a9b43; }
a.maglink{color: #b2508f; text-decoration: none; }
a.maglink:visited { color: #714578; }
a.maglink:hover { color: #3a9b43; } a.maglink{padding-top:0px; padding-bottom:0px;}



blockquote {
    margin: 20px 50px 20px 0;
    padding-left: 5px;
}
blockquote cite {
    display: block;
    font-style: italic;
    text-align: right;
    font-size: 90%;
}
cite span { display: block; }

dt {
    color: #3a9b43;
    font-weight: bold;
}
dd {
    padding: 0.2em 0 0.5em 25px;
}
/* start layout */
body {
    font-family: arial, tahoma, verdana, sans-serif;
    font-size: 90%;
    background-color: #714578;
    color: #666;
    text-align: center;
}

#skip { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }

#wrapper {
    position: relative;
    width: 894px;
    margin: 0 auto;
    padding: 0 28px;
    background: #fff url('../img/wrapper.gif') repeat-y 0 0;
    text-align: left;
}

#header {
    background: transparent url('../img/logo.gif') repeat-y 0 0;
    height: 93px;
}
/*
#spotlight {
    height: 189px;
    background: url('../img/spotlight.jpg') no-repeat top left;
    clear: both;
}
*/

#main {
    float: right;
    display: inline;
    width: 650px;
}

#main img {
    float: left;
    padding: 5px;
    margin: 5px 10px 5px 0;
    border: 1px solid #ccc;
}

#footer {
    clear: both;
    margin: 5px 0;
    padding: 5px 0;
    background-color: #eee;
    background: transparent url('../img/footer.gif') no-repeat center center;
    font-size: 80%;
    color: #333;
}
#copy { margin: 5px auto 0 10px; }

/* layout hacks */
body div .clearfloat { width: 100%; height: 1px; line-height: 1px; clear: both; }
.hr { border-top: 1px solid #ccc; }

/* top navigation bar */
#nav {
    background: transparent url('../img/nav.gif') no-repeat 0 0;
    height: 43px;
    font-size: 80%;
}
#nav ul {
    padding-top: 7px;
    padding-left: 0;
}
#nav ul li {
    display: inline;
    margin: 5px 0;
    padding: 0 20px;
    background: transparent url('../img/nav-li.gif') no-repeat right center;
}
#nav a {
    color: #ddd;
    text-transform: uppercase;
    text-decoration: none;
}

/* side navigation */
#subnav {
    float: left;
    display: inline;
    width: 230px;
    margin-right: 10px;
    font-size: 90%;
    font-weight: bold;
}

#subnav h2 {
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0 10px 0; padding: 5px;
    background: url('../img/title.gif') no-repeat 0 0;
    color: #fff;
}

/* side nav: local */
#subnav ul ul { display: none; }
#subnav ul ul li { background: transparent url('../img/bullet_sub.gif') no-repeat left 0; }

/* side navigation breadcrumbs */
body.home #home a,
body.seminars #seminars a,
body.reiki #reiki a,
body.mood #mood a,
body.articles #articles a,
body.cddvd #cddvd a,
body.about #about a,
body.gemstone #gemstone a,
body.contact #contact a,
body.subscribe #subscribe a
{
    color: #3a9b43;
    font-weight: bold;
}

body.reiki1 #seminars #reiki1 a,
body.reiki2 #seminars #reiki2 a,
body.tradeshows #seminars #tradeshows a,
body.rejuv #seminars #rejuv a,
body.image #seminars #image a,
body.consumers #seminars #consumers a,
body.fundamentals #seminars #fundamentals a,
body.longdistance #seminars #longdistance a,
body.business #seminars #business a,
body.insalon #seminars #insalon a,
body.bar #mood #bar a,
body.mists #mood #mists a,
body.elixirs #mood #elixirs a,
body.tea #mood #tea a
{
    color: #7484b4;
    font-weight: bold;
}


body.seminars #subnav ul #seminars ul,
body.mood #subnav ul #mood ul {
    display: block;
}

/* side nav: link colors */
#subnav a { color: #5a5e68; text-decoration: none; }
.seminars #subnav ul ul li a,
.mood #subnav ul ul li a
{ color: #9cabd6; }

/* side nav: hover effects */
#subnav a:hover { color: #3a9b43; }
#subnav ul ul li a:hover { color: #7484b4; }


/* specifics */
.quizplug {
    margin: 10px 0 10px 0;
    line-height: 1;
    font-size: 90%;
}
.quizplug li {
    width: 50%;
    margin: 0;
    padding: 0;
    background-image: none;
    float: left;
}
.quizplug p {
    margin: 0;
    padding: 0;
}
#main .quizplug img,
#spotlight .quizplug img {
    float: left;
    border: none;
    margin-right: 10px;
}
#spotlight .quizplug p {
    margin-left: 40px;
}

ul.upcoming h3 {
    padding: 0; margin: 0;
}
/*
.index ul.upcoming h3 {
    display: none;
}
*/
ul.upcoming li a {
    display: block;
}
/*
.index ul.upcoming li a {
    display: none;
}
*/

.index ul.upcoming address {
    display: inline;
}

.sections div {
    width: 50%;
    float: left;
}
.sections div p {
    padding-right: 10px;
}

.readon {
    background: transparent url('../img/readon.gif') no-repeat left top;
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 25px;
}
#main .products img {
    float: none;
}
dl.caption {
    width: 220px;
    float: left;
}
dl.caption dt {
    display: block;
    margin: 0 auto;
}
dl.caption dd {
    float: none;
    padding: 0;
    font-weight: bold;
    font-style: italic;
    text-align: center; 
}
.info {
    margin-left: 250px;
}
ul.details, ul.details li {
    margin: 0; padding: 0;
    background-image: none;
}
.drop {
    clear: both;
}
.articles #main dd {
    font-size: 90%;
    margin-left: 150px;
}
.articles #main dd a {
    display: block;
}
.blurb {
    font-size: 120%;
    font-style: italic;
}
#spotlight {
    background: transparent url('../img/spotlight.gif') no-repeat 0 bottom;
    float: left;
    padding-bottom: 10px;
    width: 100%;
}
#spotlight ul {
    padding: 0; margin: 0;
}
#spotlight li {
    width: 19%;
    background-image: none;
    padding: 0;
    float: left;
}
#spotlight li img {
    display: block;
    margin: 0 auto;
}
#spotlight li span {
    display: block;
    text-align: center;
}
.bestseller p, .bestseller ul {
    font-size: 90%;
}
.bestseller ul {
    clear: both;
}
form {
    padding-top: 10px;
    clear: both;
}

form.quiz fieldset {
    padding: 10px;
    margin: 10px 10px 10px 10px;
    border: none;
}

form.quiz fieldset legend {
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
    color: #444;
}

label {
    padding: 0 0 0 25px;
    margin: 0;
    float: none;
}

form.quiz ol {
    margin-top: 0;
    padding-top: 0;
}

.button {
    border: 3px solid #bbb outset;
    float: right;
    padding: 5px;
    margin: 20px;
}

.bodytext {
    font-size: 13px;
}

/* aura quiz only */
#demographics {
    border: 1px solid #bbb;
    margin-top: 15px;
}

#demographics legend {
    margin: 0;
    padding: 0;
}

#demographics fieldset {
    margin: 0;
    padding: 0 0 15px 0;
}

body.quiz dl {
    padding: 0 0 0 20px;
    margin: 0;
}

body.quiz dt {
    float: left;
    color: #444;
    clear: both;
    margin: 0;
    padding: 0;
}
body.quiz dd {
    float: left;
    clear: left;
    margin: -1.3em 0 0 80px;
    padding: 0;
}
#ajaxState {
    display: none;
}

#infowin {
  position : absolute;
  left : 0;
  top : 0;
  background: #fff url('/templates/images/x.png') no-repeat top right;
  opacity : 0.9;
  border : 2px solid #333333;
  padding : 6px;
  z-index : 1001;
  overflow : auto;
  cursor : default;
  text-align: left;
  font-size: 11px;
  line-height: 17px;
  border-bottom: solid 1px #bbb;
  margin-bottom: 15px;
}

#infowin h2 {
  font-size: 20px;
  font-weight: bold;
}

#infowin h3 {
  font-weight: normal;
  color: #9cabd6;
}

#infowin img { float: right; border: solid 1px #bbb; padding: 4px; margin-left: 10px; margin-bottom: 10px; }
#infowin ul { list-style: none; padding: 10px; margin: 0; }
#mist { width: 40%; }
#elixir { width: 40%; margin-right: 5%; float: right; }
#mist span, #elixir span { display: block; }
#infowin li { list-style-type: none; background-image: none; }
#infowin dt { color: #4b7; font-size: 14px; }
#infowin dd { padding: 0; margin: 0 0 5px 0; }
#mist ul li, #elixir ul li { list-style: none; background: url('../img/flowerbullet.png') no-repeat top left; padding: 5px 0 5px 25px; }
#main .figure {    float: none; display: block; margin: 20px auto; text-align: center; }
#main .figure span { display: block; color: #3a9b43; }
#main .figure img { float: none; display: block; margin: 0 auto; }

em.highlight { color: #b2508f; }
.gemstone ul.products {
    clear: both;
    margin: 0; padding: 0;
}
.gemstone ul.products li {
    text-align: center;
    float: left;
    width: 190px;
    margin: 0; padding: 0;
    background-image: none;
}
.gemstone ul.products li span {
    font-weight: bold;
    color: #3a9b43;
}