/* Edit CSS code below - store.css - Do not remove this line */

* { margin:0; padding:0; }

body { 
font:11px/1.6em Arial, Helvetica, sans-serif; 
color:#666;
background:#fff url(images/body_bg.jpg) 0 0 repeat-x;
}

/* ---- GENERAL ELEMENTS ----------------------*/

h1, h2, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}

h1 {
font-size: 218%;
}

h2 {
font-size: 164%;
font-weight:bold;
color:#576338;
}

h3 {
font-size: 145%;
}

h4 {
font-size: 118%;
font-weight:bold;
}

a {
text-decoration:none;
}

a img {
border:none;
}

p {
margin:0 0 10px 0;
}

.orange {
color:#C99617;
}

.img { /* this class is for Image Replacement */
letter-spacing:-1000em;  
text-indent:-999em; 
overflow:hidden; 
display:block;
background-repeat:repeat; 
background-color:transparent; /* IE FLICKER FIX - no background position! */
}

ul li {
list-style:none!important;
}

p.cat_description {
font-size:13px!important;
}

/* ---- HEAD ----------------------*/

#head {
position:relative;
width:940px;
height:334px;
margin:0 auto;
background:#fff url(images/bg_head.jpg) 0 0 no-repeat;
border:0px solid #f30;
}

h1 a#title_main {
width:259px;
height:120px;
}

/* ---- E_TOOLBAR ----------------------*/

#e_toolbar {
position:absolute;
bottom:5px;
right:0;
width:330px;
height:30px;
}

ul#nav {
position:relative;
bottom:0;
right:0;
width:330px;
height:30px;
list-style-type:none;
border:0px solid #f30;
}

ul#nav li  {
float:right;
position:relative;
margin:0 0px 0 5px;
}

ul#nav li a {
height:30px;
background:url(images/main_nav.gif) no-repeat;
border:solid 0px #f30;
}

ul#nav li#link_home {
margin:0;
}

ul#nav li#link_home a { width:60px; background-position:0 0; }
ul#nav li#link_home a:hover,
ul#nav li#link_home a.current { background-position:0 -30px; }

ul#nav li#link_products a { width:80px; position:relative; background-position:-60px 0; }
ul#nav li#link_products a:hover,
ul#nav li#link_products a.current { background-position:-60px -30px; }

ul#nav li#link_history a { width:70px; background-position:-140px 0; }
ul#nav li#link_history a:hover,
ul#nav li#link_history a.current { background-position:-140px -30px; }

ul#nav li#link_contact a { width:95px; background-position:-210px 0; }
ul#nav li#link_contact a:hover,
ul#nav li#link_contact a.current { background-position:-210px -30px; }

/*
-----------------------------------
the following styles are for the
dropdown menu
-----------------------------------
*/

div#e_toolbar ul#nav li ul li a:hover { 
text-decoration:none; 
background:#576338;
}

div#e_toolbar ul li ul { 
display:none;
}

div#e_toolbar ul li.off ul, ul#nav li.on ul { 
position: absolute;
top:30px; 
left:0; 
width:150px;
height:auto;
padding:0;
background:#a6af84; 
z-index:10000!important; 
}

div#e_toolbar ul#nav li ul li {  
list-style-type:none; 
float:left;
width:150px;
height:30px;
margin:0 0 0 0!important;
padding:0!important;
text-align:left!important;  
border:0px solid #f30;
}

div#e_toolbar ul li ul li a {
float:left;
display:block;
color:#fff;
font-size:12px;
border:0px solid #f30;
padding:6px 5px 5px 10px!important;
margin:0!important;
text-align:left;
width:135px!important;
height:19px;
background:#a6af84;
}

div#e_toolbar ul li.on ul {
display: block;  
}

div#e_toolbar ul#nav li.over ul {
display:block;
z-index:10000; 
}

ul#nav li.off:hover ul, 
#nav li.over ul { 
display: block; 
z-index:10000; 
}

/* ---- E_BASKET ----------------------*/

#e_basket {
float:right;
width:220px;
height:30px;
color:#A4AF87;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border:solid 0px #f30;
}

#e_basket p#totals_box {
width:220px;
height:25px;
padding:5px 0 0 0;
color:#A4AF87;
text-align:center;
border:solid 0px #f30;
font-weight:bold;
}

#e_basket p#totals_box a {
color:#A4AF87;
font-weight:bold;
}

/* ---- CONTENT ----------------------*/

div#container {
width:940px;
height:auto;
margin:0 auto;
}

div#content {
float:left;
width:940px;
height:auto;
border:0px solid #f30;
}



/* ---- E_MENU ----------------------*/

div#e_menu {
float:left;
width:220px;
height:auto;
margin:30px 0 0 0;
border:solid 0px #f30;
}

h4#search_site,
h4#catagories,
h4#customersevice {
width:215px;
height:23px;
padding:7px 0 0 5px;
margin:0 0 10px 0;
background:#f1edf3;
}

h4#customersevice {
background:#FFEDF3;
}

div#search_box {
width:220px;
height:30px;
border:solid 0px #f30;
margin:0 0 20px 0;
}

div#search_box form#SearchForm {
width:220px;
height:30px;
border:0px solid #f30;
}

div#search_box a:hover {
background:none!important;
}

div#search_box a {
border:0px solid #f30;
margin:-31px 0 0 152px;
outline:0;
}

* html div#search_box a {
float:left;
border:0px solid #f30;
margin:-31px 0 0 0px;
width:62px!iportant;
height:25px;
padding:0;
}

* html div#search_box a img {
float:right;
}

div#search_box input#SearchField {
float:left;
border:1px solid #cfcfcf;
width:144px;
height:16px;
padding:3px;
}

div#e_menu ul {
width:220px;
height:auto;
list-style:none;
padding:0 0 30px 0;
}

div#e_menu ul li {
width:220px;
height:30px;
border-top:1px solid #ECECEC;
}

div#e_menu ul li a {
float:left;
display:block;
width:215px;
height:23px;
padding:7px 0 0 5px;
font-size:13px;
font-weight:normal;
color:#666666;
}

div#e_menu ul li a:hover {
background:#f1edf3;
}

div#e_menu ul#cs li a:hover {
background:#FFEDF3;
}


/* ---- E_PAGE ----------------------*/

div#e_page {
float:left;
min-height:640px;;
width:700px;
padding:0 0 30px 20px;
}

* html div#e_page {
float:left;
height:640px;;
width:700px;
padding:0 0 30px 20px;
}

div#e_page h2 {
margin:0 0 10px 0;
}

div#breadcrumb {
width:700px;
padding:5px 0 0 0;
height:25px;
border:solid 0px #f30;
}

div#breadcrumb a {
font-weight:bold;
color:#666;
}

ul#home_cat_links {
float:left;
width:700px;
}

ul#home_cat_links li {
display:block;
float:left;
width:218px;
height:198px;
padding:0;
margin:0 20px 20px 0;
border:1px solid #E8E8E8;
text-align:center;
}

ul#home_cat_links li.nomarg,
ul#product_thumbs li.nomarg {
margin:0 0 20px 0;
}

ul#home_cat_links li a {
font-size:16px;
color:#58643A;
}

ul#home_cat_links li a:hover {
text-decoration:underline;
}

ul#home_cat_links li a.hlink {
width:218px;
height:160px;
margin:0 0 10px 0;
}

a#hlink_facial { background:url(images/hlink_facial.jpg) 0 0 no-repeat; }
a#hlink_lip { background:url(images/hlink_lip.jpg) 0 0 no-repeat; }
a#hlink_hand { background:url(images/hlink_hand.jpg) 0 0 no-repeat; }
a#hlink_skin { background:url(images/hlink_skin.jpg) 0 0 no-repeat; }
a#hlink_soap { background:url(images/hlink_soaps.jpg) 0 0 no-repeat; }
a#hlink_bath { background:url(images/hlink_bath.jpg) 0 0 no-repeat; }
a#hlink_insect { background:url(images/hlink_insect.jpg) 0 0 no-repeat; }
a#hlink_gift { background:url(images/hlink_gift.jpg) 0 0 no-repeat; }
a#hlink_merch { background:url(images/hlink_merch.jpg) 0 0 no-repeat; }

ul#product_thumbs,
ul#search_results {
float:left;
width:700px;
list-style:none!important;
margin:0!important;
padding:0!important;
}

ul#product_thumbs li {
float:left;
width:220px;
height:300px;
margin:0 16px 20px 0;
text-align:left;
}

*+html ul#search_results li {
float:left;
width:230px;
height:300px;
margin:0 0px 20px 0;
text-align:left;
}


ul#product_thumbs li h4,
ul#search_results li h4 {
font-size:13px; 
width:220px;
font-weight:bold;
}

span.price {
font-size:13px;
font-weight:bold;
color:#cc0000;
}

div.th_para {
float:left;
width:220px;
height:90px;
padding:0 0px 0 0;
margin:0;
border:solid 0px #f30;
}


ul#search_results li a {
color:#666!important;
}

div#expandedview {
float:left;
width:700px;
height:auto;
border:0px solid #f30;
}

div#img_container {
float:left;
width:298px;
height:auto;
padding:20px 0;
border:1px solid #e8e8e8;
text-align:center;
}

span.img_container img {
border:1px solid #e8e8e8;
}

div#overview_container {
float:left;
width:380px;
height:auto;
margin:0 0 0 20px;
border:0px solid #f30;
}

div#overview_container h3 {
font-weight:bold;
margin:0!important;
}

h3#title_overview {
width:375px;
height:23px;
padding:7px 0 0 5px!important;
margin:0px 0 0px 0!important;
background:#f1edf3;
font-weight:bold;
}

p#overview {
margin:10px 0 0 0;
}

span#title_ingredients {
display:block;
width:375px;
height:23px;
font-size: 145%;
padding:7px 0 0 5px!important;
margin:0 0 10px 0!important;
background:#FFEDF3;
font-weight:bold;
}

p#itemname {
font-size: 145%;
line-height:24px;
}

p#productprice {
font-size:16px;
color:#cc0000;
font-weight:bold;
}

p#productcode {
font-weight:bold;
}

span.th_name a {
color:#666;
font-weight:bold;
width:220px;
padding:0;
}

table#hutch_recom {
border-top:solid 1px #e8e8e8;
border-right:solid 1px #e8e8e8;
}

table#hutch_recom tr {
border-right:solid 1px #e8e8e8;
}

table#hutch_recom tr td {
border-left:solid 1px #e8e8e8;
border-bottom:solid 1px #e8e8e8;
padding:0 3px;
}

div#full_page {
float:left;
width:700px;
height:auto;
border:0px solid #f30;
}

div#form_box {
float:left;
width:460px;
height:auto;
border:0px solid #f30;
}

div#contact_details {
float:left;
width:220px;
height:auto;
margin:0 0 0 20px;
border:solid 0px #f30;
}

div#contact_details h3 {
margin:8px 0 10px 0;
}

div#contact_details p {
font-size:12px;
}

div#contact_details p a {
color:#666;
text-decoration:underline;
}

div#contact_details p a:hover {
text-decoration:none;
}

div#history1 {
float:left;
width:300px;
height:auto;
border:solid 0px #f30;
}

div#history1 h3 {
margin:0 0 10px 0;
}

div#history2 {
float:left;
width:380px;
height:auto;
margin:0 0 0 20px;
border:solid 0px #f30;
}

div#history2 p {
width:380px;
float:left;
}

div#history2 p img#dobbs {
float:left;
margin:12px 10px 0 0;
}

div#history2 p img#edna {
float:left;
margin:0 0 10px 0;
}

div#history2 p img#captain_james {
float:right;
margin:0 27px 0 10px;
}

div#history2 p img#young_james {
float:right;
}

p.align-right {
text-align:right;
}

div#history2 p img#joan {
float:right;
margin:0 0px 0 10px;
}

div#history2 p img#dobbs_office {
float:right;
margin:5px 0 0px 0;
}

ul#terms li {
margin:0 0 10px 0;
}

ul#list_products li a {
color:#576338;
text-decoration:underline;
}

ul#list_products li a:hover {
text-decoration:none;
}

/*--- faqs ------------------*/

dl#faq_answers {
width:700px;
padding:0 0 20px 0;
border:solid 0px #f30;
}

dl#faq_answers dt {
cursor:pointer;
background:#FFEDF3;
font-size:12px;
width:690px;
color:#666;
font-weight:bold;
margin:0 0 5px 0;
padding:5px!important;
}

dl#faq_answers dd p, dd h4 {
margin:0px;
padding:5px 0;
}

dl#faq_answers dd p {
margin:0 0 10px 0;
padding:0;
}

ol#faq_questions {
border:solid 0px #f30;
margin:0 0 20px 0px;
list-style:none;
}

ol#faq_questions li {
margin:0 0 5px 0px;
font-size:12px;
}

ol#faq_questions li a {
color:#576338;
text-decoration:underline;
}

ol#faq_questions li a:hover {
text-decoration:none;
}

* html ol#faq_questions {
border:solid 0px #f30;
margin:0 0 20px 0;
}

* html ol#faq_questions li {
padding:0 0 5px 5px;
font-size:12px;
}


dl#faq_answers p.backtotop {
text-align:right;
}

dl#faq_answers p.backtotop a {
color:#666; 
font-size:10px;
text-decoration:underline;
}

dl#faq_answers p.backtotop a:hover {
text-decoration:none;
}

dl#faq_answers dd ul {
list-style:none;
font-weight:bold;
padding:0;
}

/* ---- FOOTER ----------------------*/

div#footer {
float:none;
clear:both;
position:relative;
width:940px;
height:150px;
border-top:1px solid #D8D8D8;
}

p#contact_details {
display:block;
width:940px;
height:26px;
padding:23px 0 0 0;
border-bottom:1px solid #D8D8D8;
background:#fff url(images/bg_contact_details.gif) 0 0 no-repeat;
text-align:right;
font-size:16px;
margin:0 0 20px 0;
}

p#contact_details a {
color:#666;
}

p#contact_details a:hover {
text-decoration:underline;
}

div#footer ul {
float:left;
list-style:none;
margin:0 0 10px 0;
}

div#footer ul li {
float:left;
margin:0 5px 0 0;
}

div#footer ul li a {
color:#666666;
font-size:12px;
padding:0 2px 0 0;
}

div#footer ul li a:hover {
text-decoration:underline;
}

p#copyright {
float:left;
clear:left;
font-size:12px;
margin:0;
border:0px solid #f30;
}