/*  Reset styles in all browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; vertical-align: baseline; }
/* General */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: #f1f1ef; color: #666666; }
em { font-style: italic; }
strong { font-weight: bold; }
.clear { clear: both; font-size: 1px; }
.flash_alternate { display: none; }
#breadcrumb { padding: 25px 0 6px 8px; /*border-top: 2px solid #CCCCCC;*/
	font-size: 0.9em; }
#breadcrumb, #breadcrumb a { color: #666666; text-decoration: none; }
#breadcrumb a:hover, #breadcrumb a:active { color: black; text-decoration: underline; }
#breadcrumb span { color: black; }
p { font-size: 1em; line-height: 1.4em; padding-bottom: 1.4em; }
a { color: #666666; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
#wrapper { width: 990px; margin: 0 auto; /*34px*/ position: relative; }
#container { width: 910px; background: #fff; float: left; padding: 0 26px 20px 20px; background: white url('../imgs/content_shadow_right.gif') repeat-y 950px 0; position: relative; }
#content_main { margin-bottom: 10px; clear: both; }
#content hr { visibility: hidden; clear: both; margin: 0; }
#content_bottom_rule { background-color: #cccccc; height: 3px; margin: 2px 0 0 0; font-size: 1px; }
.error { color: red; }
.pagination { text-align: right; padding: 7px; font-size: .9em; }
.pagination span { font-weight: bold; }
select, input { font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #333333; border: 1px solid #cccccc; }
#content ul.strong li { font-weight: bold; }
#content ul.nobullets { list-style-type: none; }
#content ul.nobullets { list-style-type: none; }
#content ul.para li { margin-bottom: 1.4em; }
/* Mini-Cart */
#mini_cart_container { position: absolute; top: 160px; left: 699px; width: 241px; z-index: 3; }
#mini-cart { display: none; border: 1px solid #cccccc; background: white; width: 239px; }
#mini-cart .heading { background-color: #e5e5e5; }
#close_mini_cart { display: block; margin: 0 0 0 230px; padding: 0; }
#mini-cart .heading h5 { height: 24px; text-indent: -999em; background: transparent url(../imgs/text/h5_this_item_has_been_added_to_your_bag.gif) no-repeat 50% 50%; }
#mini_cart_item { padding: 14px 10px 8px; border-bottom: 1px solid #cccccc; }
#mini_cart_item img { float: left; }
#mini_cart_item.info { float: left; padding: 0 10px 10px; }
#mini_cart_itemdiv { font-size: 1em; line-height: 1em; }
#mini_cart_item.maker { padding-top: .3em; }
#mini_cart_item .name,  #mini_cart_item .color { padding-top: .1em; }
#mini_cart_item .size,  #mini_cart_item .qty,  #mini_cart_item .price { padding-top: .4em; }
#mini-cart .button { clear: both; text-align: right; padding: 10px; }
/* Header */
#header { width: 910px; height: 160px; position: relative; z-index: 500; border-bottom: 2px solid #cccccc; }
#header #logo { position: absolute; top: 0; left: 33px; }
#header h1 a { display: block; width: 222px; height: 109px; }
#header_tools { position: absolute; top: 6px; width: 280px; height: 50px; right: 0; }
#header_tools form input { width: 100px; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #ccc; float: left; color: #999; }


#header_tools ul { list-style: none; text-indent: -999em; width: 229px; }
#header_tools ul li { float: left; height: 26px; }
#header_tools ul li a { height: 26px; display: block; }
#header_tools #email_registration a, #header_tools #email_registration a:link, #header_tools #email_registration a:visited { width: 138px; background: url(../imgs/text/email_registration.gif) no-repeat; }
#header_tools #sign_in a, #header_tools #sign_in a:link, #header_tools #sign_in a:visited { width: 58px; background: url(../imgs/text/sign_in.gif) no-repeat; }
#header_tools #create_an_account a, #header_tools #create_an_account a:link, #header_tools #create_an_account a:visited { width: 135px; background: url(../imgs/text/create_an_account.gif) no-repeat; }
#header_tools #help a, #header_tools #help a:link, #header_tools #help a:visited { width: 36px; background: url(../imgs/text/help.gif) no-repeat; }
#header_search { position: absolute; top: 34px; right: 0; height: 16px; }
#header_search p { width: 58px; height: 16px; float: left; text-indent: -999em; background: url(../imgs/text/search.gif) no-repeat; }
#header_search form input { padding: 1px 2px 1px 2px; width: 96px; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #ccc; float: left; color: #999; }
#header_search button { background: url(../imgs/buttons/search_go.gif) no-repeat; cursor: pointer; width: 22px; height: 16px; border: 0; margin: 0 0 0 1px; padding: 0; text-indent: -999em; float: left; }
/* Nav Bar */
#nav_container { position: absolute; bottom: 0; left: 0; height: 28px; }
#nav_container ul { list-style: none; margin: 0; padding: 0; height: 28px; position: absolute; }
#nav { float: left; width: 575px; list-style: none; height: 28px; padding: 0; margin: 0; position: absolute; z-index: 50; }
#nav ul { width: 165px; background: none; }
#nav li { float: left; padding: 0; margin: 0; line-height: 28px; }
#nav li li { line-height: 17px; margin: 0; padding: 0; }
#nav li { background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; }
#nav li#wellness_advisor li, #nav li#wellness_advisor_active li, #nav li#wellness_solutions li, #nav li#wellness_solutions_active li, #nav li#apparel li, #nav li#apparel_active li, #nav li#lotions_potions li, #nav li#lotions_potions_active li, #nav li#our_story li, #nav li#our_story_active li { width: 165px; }
#nav li a { display: block; text-decoration: none; padding: 0; }
#nav li ul { position: absolute; z-index: 50; left: -999em; height: auto; width: 158px; margin: 0; padding: 0 7px 8px 0; list-style-type: none; background: url(../imgs/nav/nav_bg.png) no-repeat bottom left; }
#nav li#wellness_advisor ul, #nav li#wellness_advisor_active ul, #nav li#wellness_solutions ul, #nav li#wellness_solutions_active ul, #nav li#apparel ul, #nav li#apparel_active ul, #nav li#lotions_potions ul, #nav li#lotions_potions_active ul, #nav li#our_story ul, #nav li#our_story_active ul { padding: 0 7px 8px 0; }
#nav li ul li { width: 158px; text-align: left; }
#nav li a, #nav li a:link, #nav li a:visited { text-indent: -999em; }
#nav li li a, #nav li li a:link, #nav li li a:visited { width: 138px; padding: 7px 10px; font-size: 1.1em; color: #fff; text-indent: 0; background: url(../imgs/nav/dots.gif) no-repeat bottom; }
#nav li#wellness_advisor li a, #nav li#wellness_advisor_active li a, #nav li#wellness_solutions li a, #nav li#wellness_solutions_active li a, #nav li#apparel li a, #nav li#apparel_active li a, #nav li#lotions_potions li a, #nav li#lotions_potions_active li a, #nav li#our_story li a, #nav li#our_story_active li a { width: 138px; }
#nav li li.last a, #nav li li.last a:link, #nav li li.last a:visited { background-image: none; }
#nav li li.last a:hover { background: url(../imgs/nav/nav_bottom_li.png) no-repeat bottom left; }
#nav li li a:hover { background-color: #333; }
#nav a, #nav a:link, #nav a:visited, #nav a:hover { }
#nav li#wellness_advisor, #nav li#wellness_advisor_active { background-image: url(../imgs/nav/wellness_advisor.gif); width: 127px; }
.advisor #nav li#wellness_advisor, #nav li#wellness_advisor_active, #nav li#wellness_advisor:hover, #nav li#wellness_advisor_active:hover { background-position: -127px 0; }
#nav li#wellness_advisor a, #nav li#wellness_advisor_active a { width: 127px; }
#nav li#wellness_solutions, #nav li#wellness_solutions_active { background-image: url(../imgs/nav/wellness_solutions.gif); width: 152px; }
.solutions #nav li#wellness_solutions, #nav li#wellness_solutions_active, #nav li#wellness_solutions:hover, #nav li#wellness_solutions_active:hover { background-position: -152px 0; }
#nav li#wellness_solutions a, #nav li#wellness_solutions_active a { width: 152px; }
#nav li#apparel, #nav li#apparel_active { background-image: url(../imgs/nav/apparel.gif); width: 73px; }
.apparel #nav li#apparel, #nav li#apparel_active, #nav li#apparel:hover, #nav li#apparel_active:hover { background-position: -73px 0; }
#nav li#apparel a, #nav li#apparel_active a { width: 73px; }
#nav li#lotions_potions, #nav li#lotions_potions_active { background-image: url(../imgs/nav/lotions_potions.gif); width: 136px; }
.lotions-potions #nav li#lotions_potions, #nav li#lotions_potions_active, #nav li#lotions_potions:hover, #nav li#lotions_potions_active:hover { background-position: -136px 0; }
#nav li#lotions_potions a, #nav li#lotions_potions_active a { width: 136px; }
#nav li#our_story, #nav li#our_story_active { background-image: url(../imgs/nav/our_story.gif); width: 87px; }
.ourstory #nav li#our_story, #nav li#our_story_active, #nav li#our_story:hover, #nav li#our_story_active:hover { background-position: -87px 0; }
#nav li#our_story a, #nav li#our_story_active a { width: 87px; }
#nav li:hover li { width: 158px; }
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { left: auto; }
/* End Nav */

/* Shopping Bag */
#shopping_links { position: absolute; bottom: 0; right: 0; line-height: 28px; font-size: 1em; text-transform: uppercase; }
#header #shopping_links a, #shopping_links a:link, #shopping_links a:visited { color: #444; text-decoration: none; }
#header #shopping_links a:hover { text-decoration: underline; }
#header #shopping_links div { height: 28px; text-indent: -999em; float: left; }
#header #shopping_bag { width: 87px; background: url(../imgs/text/shopping_bag.gif) no-repeat; }
#header #shopping_links #items_num { width: 30px; text-indent: 0; text-align: center; }
#header #items { width: 42px; background: url(../imgs/text/items.gif) no-repeat; }
#header #check_out { width: 73px; background: url(../imgs/text/check_out.gif) no-repeat; }
#header #check_out a { display: block; width: 73px; height: 28px; }
/* Footer + Did you Know */
#did_you_know { clear: both; min-height: 34px; border: 1px solid #cccccc; background-color: #eeeeee; font: 1em "Helvetica neue", Helvetica, Arial, sans-serif; color: #666666; }
#did_you_know h3 { float: left; background: transparent url('../imgs/text/did_you_know.gif') no-repeat 18px 50%; width: 121px; height: 34px; text-indent: -999em; }
#did_you_know p { margin: 0.4em 1.5em 0 0; }
#footer { width: 950px; text-align: right; font-size: 1em; clear: both; color: #333; padding: 21px 6px 30px 0; background: transparent url(../imgs/content_shadow_bottom.gif) no-repeat; }
#footer a, #footer a:link, #footer a:visited { color: #333; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/* Left navigation */
body.left_nav #breadcrumb { padding-left: 177px; }
body.left_nav #content { width: 741px; float: left; }
#nav_left { width: 157px; float: left; margin: 0 12px 0 0; min-height: 30px; }
#nav_left ul { list-style-type: none; margin: 0 0 2.2em 10px; font-size: 1em; }
#nav_left li { font-weight: normal; color: #333333; line-height: 1.8em; padding: 10px 0px 0px 0px;}
#nav_left li a, #nav_left li.active li a, #nav_left li.active li.active li a { font-weight: normal; color: #666666; }
#nav_left li span, #nav_left li.active li span, #nav_left li.active li.active li span { font-weight: normal; color: #333333; }
#nav_left li.active a, #nav_left li.active li.active a, #nav_left li.active li.active li.active a { font-weight: bold; color: #666666; }




#nav_left li.active span, #nav_left li.active li.active span, #nav_left li.active li.active li.active span, #nav_left li.active, #nav_left li.active li.active, #nav_left li.active li.active li.active { font-weight: bold; color: #333333; }
#nav_left li a { color: #666666; text-decoration: none; font-weight: normal; display: block; }
#nav_left ul ul { list-style-type: none; margin: 0 0 0 0.5em; font-size: 1em; }
#nav_left li a:hover, #nav_left li a:active { text-decoration: underline; }
#nav_left ul li li { padding: 0 0 0 8px; background: transparent url(../imgs/bullet_hyphen.gif) no-repeat 0em .8em; }
#nav_left ul li li li { padding: 0 0 0 8px; background: transparent url(../imgs/bullet_li_li_li.gif) no-repeat 0em .8em; }
/* Right Tabs & Overlays */ 
h3#take_wellness_quiz { background: url(../imgs/text/take_wellness_quiz.gif) no-repeat left; height: 10px; text-indent: -999em; margin-bottom: 14px; }
h3#talk_wellness_advisor { background: url(../imgs/text/talk_wellness_advisor.gif) no-repeat left; height: 10px; text-indent: -999em; margin-bottom: 14px; }
#right_tabs { width: 40px; height: 344px; position: absolute; top: 160px; right: 0; z-index: 500; }
#right_tabs ul { list-style: none; text-indent: -999em; width: 40px; }
#right_tabs ul li#wellness_quiz_tab { width: 40px; height: 166px; background: url(../imgs/text/wellness_quiz_overlay.png) no-repeat top right; }
#right_tabs ul li#talk_advisor_tab { width: 40px; height: 205px; background: url(../imgs/text/talk_advisor_tab.png) no-repeat top right; }
#right_tabs li ul { position: absolute; top: 0; z-index: 50; left: -999em; height: auto; width: 363px; margin: 0; padding: 0; list-style-type: none; }
#right_tabs li#wellness_quiz_tab ul { width: 283px; padding: 20px 58px 20px 20px; height: 134px; background: url(../imgs/text/wellness_quiz_overlay.png) no-repeat; }
#right_tabs li#talk_advisor_tab ul { width: 283px; padding: 20px 58px 20px 20px; height: 165px; background: url(../imgs/text/talk_advisor_overlay.png) no-repeat; }
/* Update the above to be specific to each tab */

#right_tabs li { background-repeat: no-repeat; }
#right_tabs li li { color:#fff; }
#right_tabs li li p { text-indent: 0; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 14px; }
#right_tabs li a { text-decoration: none; }
#right_tabs li ul li { width: 363px; text-align: left; }
#right_tabs li a, #right_tabs li a:link, #right_tabs li a:visited { text-indent: -999em; }
#right_tabs li li a, #right_tabs li li a:link, #right_tabs li li a:visited { text-indent: 0; }
#right_tabs li:hover li { width: 280px; }
#right_tabs li:hover ul { left: auto; }
#right_tabs li#wellness_quiz_tab:hover ul { position: absolute; left: -323px; top: 0; }
#right_tabs li#wellness_quiz_tab:hover { background-image: none; }
#right_tabs li#talk_advisor_tab:hover ul { position: absolute; left: -323px; top: 166px; }
#right_tabs li#talk_advisor_tab:hover { background-image:none; }
#right_tabs li#wellness_quiz_tab li a {
	width: 123px;
	height: 21px;
	text-indent: -999em;
	background: transparent url(../imgs/text/take_the_quiz.gif) no-repeat 0 0;
	display: block;
}
#right_tabs li#talk_advisor_tab li a {
	width: 153px;
	height: 21px;
	text-indent: -999em;
	background: transparent url(../imgs/text/talk_to_advisor.gif) no-repeat 0 0;
	display: block;
}
#right_tabs li#wellness_quiz_tab li a:hover, #right_tabs li#talk_advisor_tab li a:hover {
	background-position: 0 -21px;
}

/*Josh*/
.col_container { background: url(../imgs/col_container_bg.png) repeat-y bottom; float: left; }
.col_container .col { height: auto; border-top: 1px solid #ccc; float: left; }
#col1, #col2 { width: 246px; margin-right: 2px; }
#col3 { width: 245px; }
a.more_link { color: #333333; text-decoration: none; background: transparent url('../imgs/arrow_link_2.gif') no-repeat right; padding: 0 18px 0 0; }
a.more_link:hover { text-decoration: underline; }


/* Email Registration */
#email_registration { font-family: "Times New Roman", Times, serif; font-size: 1.3em; }
#email_registration #form_item_radio { padding: 0 0 18px 0; }
#email_registration h6 { /*text-indent: -999em;*/
	height: 11px; margin: 0 0 28px 0; background: transparent url(../imgs/text/h1_email_registration.gif) no-repeat 0 0; }
#email_registration .sidebyside { float: left; width: 144px; padding: 0 6px 8px 0; }
#email_registration .sidebyside label { padding: 0 0 5px 0; }
#email_registration #label_firstname { width: 75px; height: 6px; background: transparent url(../imgs/text/first_name.gif) no-repeat 0 0; display: block; margin: 3px 0 0 0; }
#email_registration #label_lastname { width: 75px; height: 6px; background: transparent url(../imgs/text/last_name.gif) no-repeat 0 0; display: block; margin: 3px 0 0 0; }
#email_registration #label_email { /*text-indent: -999em;*/
	width: 40px; height: 8px; display: block; background: transparent url(../imgs/text/email.gif) no-repeat 0 0; margin: 3px 0 0 0; }
#email_registration #form_item_email_submit .input_text { float: left; font-family: "Times New Roman", Times, serif; font-size: .9em; height: 14px; width: 121px; padding: 0 1px; margin: 0 6px 0 0; }
#email_registration #form_item_email_submit #button_submit { /*text-indent: -999em;*/
	display: block; float: left; width: 102px; height: 16px; background: transparent url(../imgs/text/button_submit_narrow.gif) no-repeat 0 0; margin: 16px 0 0 0; }
#email_registration #form_item_email_submit #button_submit:hover { background-position: -102px 0; }
#email_registration span { display: none; }
#email_registration a.closeButton { display: block; height: 14px; width: 14px; background-image:url(../imgs/button_email_reg_close.gif); position: absolute; left: 333px; top: -1px; }
/*jqModal styles for email reg. modal dialog*/
.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; min-height: 158px; margin-left: -150px; width: 300px; background-color: #fff; color: #333; border: 1px solid #cccccc; padding: 17px 23px 14px; }
.jqmOverlay { background-color: #fff; }
/* General Content */
.general_content { width: 477px; padding: 0 23px 15px 23px; border-bottom: 3px solid #cccccc; }
.general_content ul { margin: 0 0 1.4em 2em; }
.general_content h1 { font-size: 1.8em; font-weight: normal; padding: 21px 0 10px 6px; border-bottom: 1px solid #cccccc; text-transform: uppercase; margin: 0 -6px 32px -8px; }
.general_content #content_box p, .general_content #content_box h2, .general_content #content_box h3, .general_content #content_box h4 { line-height: 1.5em; }