body {
margin: auto 0;
padding: 0;
text-align: center;
font-family: lucida sans unicode, tahoma, verdana, arial, serif;
font-size: 13px;
color: #885337;
line-height: 19px;
}

body.home {
background: #dbc589 url(images/homebg.jpg) center top no-repeat;
margin: 0;
padding: 29px 0 0 0;
}

body.collection {
background: #e6d393 url(images/colbgleft.jpg) top left no-repeat;
margin: 0;
padding: 0;
}

body.hair {
background: #ecdda2 url(images/page5.jpg) top left no-repeat;
margin: 0;
padding: 0;
}

body.skin {
background: #e4cf93 url(images/page6.jpg) top left no-repeat;
margin: 0;
padding: 0;
}

body.style1 {
background: #ddc98e url(images/page.jpg) top left no-repeat;
margin: 0;
padding: 0;
}

body.style2 {
background: #e3d19e url(images/page2.jpg) top left no-repeat;
margin: 0;
padding: 0;
}

body.style3 {
background: #dfcc94 url(images/page3.jpg) top left no-repeat;
margin: 0;
padding: 0;
}

body.style4 {
background: #e1cf98 url(images/page4.jpg) top left no-repeat;
margin: 0;
padding: 0;
}

a {
text-decoration: none;
}

a:link {
color: #ab762a;
border-bottom: dotted 1px #745e3f;
}

a:hover {
color: #5b2100;
border-bottom: dotted 1px #ffffff;
}

p {
margin: 0 0 20px 0;
padding: 0;
}

h1 {
background: url(images/h1.png) no-repeat left;
font-family: century gothic, verdana, arial, serif;
text-transform: lowercase;
font-size: 35px;
font-weight: bold;
margin: 0;
padding: 20px 0 30px 150px;
color: #6b3c22;
letter-spacing: -1px;
}

h1 b {
font-family: century gothic, verdana, arial, serif;
text-transform: lowercase;
font-size: 35px;
font-weight: normal;
color: #b1823f;
}

h1 i {
text-transform: uppercase;
font-style: normal;
}

#blank-bg-right {
background: url(images/bgrightblank.png) top right no-repeat;
float: right;
width: 100%;
min-width: 1190px;
margin: 0;
padding: 0;
}

#blank-bg-foot {
background: url(images/bgfootblank.png) top right no-repeat;
float: right;
height: 300px;
min-width: 1190px;
width: 100%;
margin: 0;
padding: 0;
}

/* HOME PAGE */

#top-wrap {
width: 100%;
float: left;
padding: 0;
margin: 140px 0 0 0;
}

#top-links {
width: 500px;
float: right;
padding: 0;
margin: 0;
}

#logo-home {
background: url(images/logo.png) left top no-repeat;
float: left;
height: 203px;
width: 500px;
margin: 0 0 0 180px;
padding: 0;
}

ul.site {
list-style: none;
margin: 0 0 0 0;
padding: 0;
font-family: tahoma, verdana, arial, serif;
font-size: 11px;
text-transform: lowercase;
color: #7f3209;
}

ul.site li {
float: left;
padding: 0;
margin: 0;
}

ul.site li a {
border:none;
padding: 0 15px 0 15px;
margin: 0;
}

ul.site li a:link, ul.site li a:visited {
color: #9c7837;
}

ul.site li a:hover, ul.site li a:active {
color: #c2a674;
}

ul.site li.cart a:link, ul.site li.cart a:visited {
background: url(images/cart1.png) no-repeat bottom center;
display: block;
height: 53px;
}

ul.site li.cart a:hover, ul.site li.cart a:active {
background: url(images/carthv2.png) no-repeat bottom center;
display: block;
height: 53px;
}

#home-wrapper {
width: 1015px;
margin: auto 0;
padding: 0;
}

#home_links {
float: left;
margin: 0;
padding: 0;
height: 80px;
}

#home-bot_links {
float: left;
margin: 0 0 0 120px;
padding: 0;
height: 56px;
}

/* NEW HOME PAGE LINKS */

ul.home-new {
list-style: none;
padding: 0px;
margin: 0;
}

ul.home-new li {
float: left;
margin: 0
padding: 0;
}

ul.home-new li a {
border:none;
display: block;
height: 80px;
margin: 0
padding: 0;
}

ul.home-new li.collection a:link, ul.home-new li.collection a:visited {
background: url(images/home_01.png) no-repeat right;
width: 172px;
}

ul.home-new li.collection a:hover, ul.home-new li.collection a:active {
background: url(images/homehv_01.png) no-repeat right;
width: 172px;
}

ul.home-new li.promotions a:link, ul.home-new li.promotions a:visited {
background: url(images/home_promo.png) no-repeat right;
width: 172px;
}

ul.home-new li.promotions a:hover, ul.home-new li.promotions a:active {
background: url(images/home_promo.png) no-repeat right;
width: 172px;
}

ul.home-new li.hair a:link, ul.home-new li.hair a:visited {
background: url(images/home_02.png) no-repeat right;
width: 161px;
}

ul.home-new li.hair a:hover, ul.home-new li.hair a:active {
background: url(images/homehv_02.png) no-repeat center;
width: 161px;
}

ul.home-new li.skin a:link, ul.home-new li.skin a:visited {
background: url(images/home_03.png) no-repeat center;
width: 163px;
}

ul.home-new li.skin a:hover, ul.home-new li.skin a:active {
background: url(images/homehv_03.png) no-repeat center;
width: 163px;
}

ul.home-new li.fragrance a:link, ul.home-new li.fragrance a:visited {
background: url(images/home_04.png) no-repeat center;
width: 172px;
}

ul.home-new li.fragrance a:hover, ul.home-new li.fragrance a:active {
background: url(images/homehv_04.png) no-repeat center;
width: 172px;
}

ul.home-new li.experience a:link, ul.home-new li.experience a:visited {
background: url(images/home_05.png) no-repeat center;
width: 123px;
}

ul.home-new li.experience a:hover, ul.home-new li.experience a:active {
background: url(images/homehv_05.png) no-repeat center;
width: 123px;
}

ul.home-new li.tale a:link, ul.home-new li.tale a:visited {
background: url(images/home_06.png) no-repeat center;
width: 215px;
}

ul.home-new li.tale a:hover, ul.home-new li.tale a:active {
background: url(images/homehv_06.png) no-repeat center;
width: 215px;
}



/* OLD HOME PAGE LINKS (NOT FUNCTIONAL) */

ul.home {
list-style: none;
padding: 0px;
margin: 0;
}

.displace{
position: absolute;
left: -4000px;
}

ul.home li {
float: left;
margin: 0
padding: 0;
}

ul.home li a {
border:none;
display: block;
height: 80px;
margin: 0
padding: 0;
}

ul.home li.collection a:link, ul.home li.collection a:visited {
background: url(images/homelk_03.png) no-repeat center;
width: 261px;
}

ul.home li.collection a:hover, ul.home li.collection a:active {
background: url(images/homelkhv_03.png) no-repeat center;
width: 261px;
}

ul.home li.fragrance a:link, ul.home li.fragrance a:visited {
background: url(images/homelk_04.png) no-repeat center;
width: 262px;
}

ul.home li.fragrance a:hover, ul.home li.fragrance a:active {
background: url(images/homelkhv_04.png) no-repeat center;
width: 262px;
}

ul.home li.experience a:link, ul.home li.experience a:visited {
background: url(images/homelk_05.png) no-repeat center;
width: 206px;
}

ul.home li.experience a:hover, ul.home li.experience a:active {
background: url(images/homelkhv_05.png) no-repeat center;
width: 206px;
}

ul.home li.tale a:link, ul.home li.tale a:visited {
background: url(images/homelk_06.png) no-repeat center;
width: 286px;
}

ul.home li.tale a:hover, ul.home li.tale a:active {
background: url(images/homelkhv_06.png) no-repeat center;
width: 286px;
}

ul.home-bot {
list-style: none;
padding: 0px;
margin: 0;
}

ul.home-bot li {
float: left;
margin: 0
padding: 0;
}

ul.home-bot li a {
border:none;
display: block;
height: 56px;
margin: 0
padding: 0;
}

ul.home-bot li.people a:link, ul.home-bot li.people a:visited {
background: url(images/homelk_10.png) no-repeat center;
width: 200px;
}

ul.home-bot li.people a:hover, ul.home-bot li.people a:active {
background: url(images/homelkhv_10.png) no-repeat center;
width: 200px;
}

ul.home-bot li.story a:link, ul.home-bot li.story a:visited {
background: url(images/homelk_11.png) no-repeat center;
width: 130px;
}

ul.home-bot li.story a:hover, ul.home-bot li.story a:active {
background: url(images/homelkhv_11.png) no-repeat center;
width: 130px;
}

ul.home-bot li.formulation a:link, ul.home-bot li.formulation a:visited {
background: url(images/homelk_12.png) no-repeat center;
width: 208px;
}

ul.home-bot li.formulation a:hover, ul.home-bot li.formulation a:active {
background: url(images/homelkhv_12.png) no-repeat center;
width: 208px;
}

ul.home-bot li.express a:link, ul.home-bot li.express a:visited {
background: url(images/homelk_13.png) no-repeat center;
width: 257px;
}

ul.home-bot li.express a:hover, ul.home-bot li.express a:active {
background: url(images/homelkhv_13.png) no-repeat center;
width: 257px;
}

#home_frame {
background: url(images/frame.png) no-repeat center;
width: 1011px;
height: 338px;
float: left;
margin: 0;
padding: 0;
}

/* COLLECTIONS PAGE */

#col-wrapper {
width: 1001px;
margin: 0;
padding: 0;
}

#col-wrapper img {
float: left;
}

#col-bg-right {
background: url(images/colbgright.png) top right no-repeat;
float: right;
width: 100%;
min-width: 1190px;
margin: 0;
padding: 0;
}

#col-bg-foot {
background: url(images/colbgfoot.jpg) top right no-repeat;
float: right;
height: 300px;
min-width: 1220px;
width: 100%;
margin: 0;
padding: 0;
}

#col-sitelinks {
float: right;
padding: 40px 240px 00;
margin: 0;
}

#col_links {
float: left;
margin: 0;
padding: 0;
width: 218px;
}

ul.nav {
list-style: none;
padding: 0px;
margin: 0;
width: 218px;
}

ul.nav li {
float: left;
margin: 0
padding: 0;
width: 218px;
}

ul.nav li a {
border:none;
display: block;
width: 218px;
margin: 0
padding: 0;
}

ul.nav li.index a:link, ul.nav li.index a:visited {
background: url(images/col_08.png) no-repeat center;
height: 36px;
}


ul.nav li.index a:hover, ul.nav li.index a:active {
background: url(images/colhv_08.png) no-repeat center;
height: 36px;
}


/* rss */
ul.nav li.rss a:link, ul.nav li.rss a:visited {
background: url(images.jpeg) no-repeat center;
height: 36px;
}
/* end rss */

ul.nav li.collection a:link, ul.nav li.collection a:visited {
background: url(images/col_09.png) no-repeat center;
height: 36px;
}

ul.nav li.collection a:hover, ul.nav li.collection a:active {
background: url(images/colhv_09.png) no-repeat center;
height: 36px;
}

ul.nav li.collection-h a:link, ul.nav li.collection-h a:visited {
background: url(images/colhv_09.png) no-repeat center;
height: 36px;
}

ul.nav li.fragrance a:link, ul.nav li.fragrance a:visited {
background: url(images/col_10.png) no-repeat center;
height: 36px;
}

ul.nav li.fragrance a:hover, ul.nav li.fragrance a:active {
background: url(images/colhv_10.png) no-repeat center;
height: 36px;
}

ul.nav li.fragrance-h a:link, ul.nav li.fragrance-h a:visited {
background: url(images/colhv_10.png) no-repeat center;
height: 36px;
}

ul.nav li.experience a:link, ul.nav li.experience a:visited {
background: url(images/col_11.png) no-repeat center;
height: 40px;
}

ul.nav li.experience a:hover, ul.nav li.experience a:active {
background: url(images/colhv_11.png) no-repeat center;
height: 40px;
}

ul.nav li.experience-h a:link, ul.nav li.experience-h a:visited {
background: url(images/colhv_11.png) no-repeat center;
height: 40px;
}

ul.nav li.express a:link, ul.nav li.express a:visited {
background: url(images/col_12.png) no-repeat center;
height: 36px;
}

ul.nav li.express a:hover, ul.nav li.express a:active {
background: url(images/colhv_12.png) no-repeat center;
height: 36px;
}

ul.nav li.express-h a:link, ul.nav li.express-h a:visited {
background: url(images/colhv_12.png) no-repeat center;
height: 36px;
}

ul.nav li.people a:link, ul.nav li.people a:visited {
background: url(images/col_13.png) no-repeat center;
height: 37px;
}

ul.nav li.people a:hover, ul.nav li.people a:active {
background: url(images/colhv_13.png) no-repeat center;
height: 37px;
}

ul.nav li.people-h a:link, ul.nav li.people-h a:visited {
background: url(images/colhv_13.png) no-repeat center;
height: 37px;
}

ul.nav li.story a:link, ul.nav li.story a:visited {
background: url(images/col_14.png) no-repeat center;
height: 38px;
}

ul.nav li.story a:hover, ul.nav li.story a:active {
background: url(images/colhv_14.png) no-repeat center;
height: 38px;
}

ul.nav li.story-h a:link, ul.nav li.story-h a:visited {
background: url(images/colhv_14.png) no-repeat center;
height: 38px;
}

ul.nav li.formulation a:link, ul.nav li.formulation a:visited {
background: url(images/col_15.png) no-repeat center;
height: 37px;
}

ul.nav li.formulation a:hover, ul.nav li.formulation a:active {
background: url(images/colhv_15.png) no-repeat center;
height: 37px;
}

ul.nav li.formulation-h a:link, ul.nav li.formulation-h a:visited {
background: url(images/colhv_15.png) no-repeat center;
height: 37px;
}

ul.nav li.tale a:link, ul.nav li.tale a:visited {
background: url(images/col_16.png) no-repeat right;
height: 36px;
}

ul.nav li.tale a:hover, ul.nav li.tale a:active {
background: url(images/colhv_16.png) no-repeat right;
height: 36px;
}

ul.nav li.tale-h a:link, ul.nav li.tale-h a:visited {
background: url(images/colhv_16.png) no-repeat right;
height: 36px;
}

ul.nav li.hair a:link, ul.nav li.hair a:visited {
background: url(images/col_17.png) no-repeat right;
height: 37px;
}

ul.nav li.hair a:hover, ul.nav li.hair a:active {
background: url(images/colhv_17.png) no-repeat right;
height: 37px;
}

ul.nav li.hair-h a:link, ul.nav li.hair-h a:visited {
background: url(images/colhv_17.png) no-repeat right;
height: 37px;
}

ul.nav li.skin a:link, ul.nav li.skin a:visited {
background: url(images/col_18.png) no-repeat right;
height: 37px;
}

ul.nav li.skin a:hover, ul.nav li.skin a:active {
background: url(images/colhv_18.png) no-repeat right;
height: 37px;
}

ul.nav li.skin-h a:link, ul.nav li.skin-h a:visited {
background: url(images/colhv_18.png) no-repeat right;
height: 37px;
}


ul.enter {
list-style: none;
padding: 0px;
margin: 0;
}

ul.enter li {
height: 338px;
float: left;
margin: 0
padding: 0;
}

ul.enter li a {
border:none;
display: block;
height: 338px;
margin: 0
padding: 0;
}

ul.enter li.hair a:link, ul.enter li.hair a:visited {
background: url(images/hair.png) no-repeat center;
width: 390px;
}

ul.enter li.hair a:hover, ul.enter li.hair a:active {
background: url(images/hairhv.png) no-repeat center;
width: 390px;
}

ul.enter li.skin a:link, ul.enter li.skin a:visited {
background: url(images/skin.png) no-repeat center;
width: 392px;
}

ul.enter li.skin a:hover, ul.enter li.skin a:active {
background: url(images/skinhv.png) no-repeat center;
width: 392px;
}

#col-foot {
float: right;
padding: 0;
margin: 102px 375px 0 0;
}

/* HAIR */

#hair-wrapper {
width: 1200px;
float: left;
margin: 0;
padding: 0 0 0 0;
}

#hair-content {
text-align: justify;
float: left;
width: 700px;
margin: 0 0 0 50px;
padding: 0;
}

#hair-content li, #skin-content li {
padding: 0 0 8px 0;
}

#hair-footer {
background: url(images/foot1.png) no-repeat bottom right;
float: right;
min-width: 1200px;
width: 100%;
height: 155px;
padding: 0;
margin: 0;
}

#hair-links {
padding: 0;
margin: 20px 0 0 208px;
float: left;
width: 218px;
} 


/* SKIN */

#skin-wrapper {
width: 1100px;
float: left;
margin: 0;
padding: 0 0 0 0;
}

#skin-content {
text-align: justify;
float: left;
width: 620px;
margin: 0 0 0 50px;
padding: 0;
}

#skin-footer {
background: url(images/scbgfoot.jpg) no-repeat bottom right;
float: right;
min-width: 1100px;
width: 100%;
height: 303px;
padding: 0;
margin: 0;
}

#skin-links {
padding: 0;
margin: 20px 0 0 205px;
float: left;
width: 218px;
} 

/* STYLE 1 */

#style1-wrapper {
width: 1180px;
float: left;
margin: 0;
padding: 0 0 0 0;
}

#style1-content {
text-align: justify;
float: left;
width: 560px;
margin: 0 0 0 150px;
min-height: 435px;
padding: 0;
}

#style1-footer {
background: url(images/foot1.png) no-repeat bottom right;
float: right;
min-width: 1180px;
width: 100%;
height: 155px;
padding: 0;
margin: 0;
}

#left-links {
padding: 0;
margin: 205px 0 0 235px;
float: left;
width: 218px;
}

/* STYLE 2 */

#style2-wrapper {
width: 1100px;
float: left;
margin: 0;
padding: 0px 0 0 0;
}

#style2-content {
text-align: justify;
float: left;
width: 480px;
margin: 0 0 0 350px;
padding: 0;
}

#style2-footer {
background: url(images/foot1.png) no-repeat bottom right;
float: right;
min-width: 1100px;
width: 100%;
height: 155px;
padding: 0;
margin: 0;
}

#left-links2 {
padding: 0;
margin: 205px 0 0 35px;
float: left;
width: 218px;
}


/* STYLE 3 */

#style3-wrapper {
width: 1170px;
float: left;
margin: 0;
padding: 50px 0 0 0;
}

#style3-content {
text-align: justify;
float: left;
width: 550px;
margin: 0 0 0 370px;
min-height: 470px;
padding: 0;
}

#style3-footer {
background: url(images/foot1.png) no-repeat bottom right;
float: right;
min-width: 1170px;
width: 100%;
height: 155px;
padding: 0;
margin: 0;
}

#left-links3 {
padding: 0;
margin: 150px 0 0 0px;
float: left;
width: 218px;
} 

/* STYLE 4 */

#style4-wrapper {
width: 1200px;
float: left;
margin: 0;
padding: 0 0 0 0;
}

#style4-content {
text-align: justify;
float: left;
width: 590px;
margin: 0 0 0 145px;
padding: 0;
}

#style4-footer {
background: url(images/foot1.png) no-repeat bottom right;
float: right;
min-width: 1200px;
width: 100%;
height: 155px;
padding: 0;
margin: 0;
}

#left-links4 {
padding: 0;
margin: 180px 0 0 240px;
float: left;
width: 218px;
} 

p.large {
font-size: 19px;
line-height: 22px;
}

p.medium {
font-size: 15px;
line-height: 22px;
}

b {
color: #5b2100;
}

/* COMMENTS */

#comment {
font-size: 12px;
float: left;
margin: 0 0 0 50px;
padding: 0;
background:url(images/comment.png) no-repeat top center;
width: 613px;
text-align: justify;
}

#comment p {
padding: 0 20px 0 20px;
margin: 0;
}

#comment h3 {
width: 100%;
float: left;
font-weight: normal;
color: #b7976a;
margin: 20px 0 7px 0;
padding: 0 0 0 20px;
}

#com-foot em {
color: #b7976a;
font-size: 11px;
font-style: normal;
float: left;
width: 95%;
padding: 10px 0 0 0;
text-align: right;
}

#com-foot {
margin: 0 0 0 50px;
padding: 0;
background:url(images/com-foot.png) no-repeat top center;
width: 613px;
height: 40px;
text-align: justify;
float: left;
}

/* PRIVACY POLICY */

h2 {
font-family: century gothic, verdana, arial, serif;
text-transform: capitalize;
font-size: 17px;
font-weight: bold;
margin: 0;
padding: 0 0 10px 0;
color: #b1823f;
}

#privacy {
width: 90%;
font-size: 11px;
text-align: justify;
}

/* FAQS */
#faqs {
width: 90%;
font-size: 11px;
text-align: justify;
}

#faqs h2 {
text-transform: none;
}

/* CONTACT PAGE */

#contact {
width: 90%;
font-size: 11px;
text-align: justify;
}

#contact h2 {
font-size: 14px;
text-transform: uppercase;
margin: 10px 0 0 0;
}

#contact table {
margin: 0 0 20px 0;
}

/* INPUT FIELDS */

input, textarea {
border: none;
width: 400px;
display: block;
font-size: 11px;
font-family: verdana;
color: #905f1d;
margin: 0;
}

input {
background: url(images/field.png) no-repeat top left;
height: 31px;
padding: 8px 0 0 20px;
}

textarea {
background: url(images/textarea.png) no-repeat top left;
height: 92px;
padding: 8px 0 0 20px;
}

label {
font-family: arial narrow;
font-size: 12px;
width: 200px;
font-weight: bold;
color: #6b3c22;
}

.button {
width: 120px;
height: 38px;
background: url(images/button.png) no-repeat;
border: none;
padding: 5px 0 0 0;
text-transform: uppercase;
margin: 0;
}

.sh {
background: url(images/field_sh.png) no-repeat top left;
height: 31px;
padding: 8px 0 0 20px;
margin: 0 0 0 5px;
}

.shop {
padding: 0;
margin: 0;
background: none;
width: 120px;
height: 38px;
}

/* PAGINATION */

#pagination {
padding: 0;
margin: 0 0 20px 70px;
display: block;
}

#pagination a {
padding: 3px;
margin: 3px;
border: none;
font-size: 11px;
}

#pagination a:link, #pagination a:visited {
background: #efe1ae;
color: #ab762a;
}

#pagination a:hover, #pagination a:active {
background: #e9d99f;
color: #ffffff;
}

.debugmessage 
{
    font-size: x-small;
    color:#0000FF;
}

.store_button {
width: 240px;
height: 38px;
background: url(images/button.png) no-repeat;
border: none;
padding: 5px 0 0 0;
text-transform: uppercase;
margin: 0;
}

.popuptext
{
    color: #FFFFFF;
}

#displaybox 
{
    z-index: 10000;
    filter: alpha(opacity=90); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */
    -moz-opacity: .90; /*older Mozilla*/
    -khtml-opacity: 0.90;   /*older Safari*/
    opacity: 0.90;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#660000;
    position:fixed; top:100px; left:100px; width:469px; height:604px;; text-align:center; vertical-align:middle;
}