/******************************************/
/* 	Spa Willamina Modern Apothecary CSS   */
/******************************************/

body { height:100%; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#606165; background:url(/images/bg_body.jpg) repeat-x top left; }
a, a:visited, a:link { text-decoration:none; color:#6C6D71; }
a:active, a:focus { outline:0; }
a img { border:none; }
a span, h2 span, label span { visibility:hidden; }

/* WRAPPER */
#wrapper { width:900px; margin:0 auto; padding:0; }

/* HEADER */
#header { width:900px; height:133px;}
#header h1 { margin:0 auto; padding:0; width:229px; height:133px; background:url(/images/bg_logo.png) no-repeat top left; position:relative; }
#header h1 a { height:100%; display:block; }

.header-right { width:300px; height:100%; float:right; position:relative; z-index:1; font-size:11px; text-transform:uppercase; }
.header-right ul { list-style:none; margin:15px 0 0 0; padding:0 0 0 45px; }
.header-right li { display:inline; padding:0 5px; }
.header-right li:first-child a { color:#6C6D71; font-weight:normal; }
.header-right li a { color:#424345; font-weight:bold; }

#header .newsletter { margin:10px 0; text-align:right; height:40px; padding-right:18px; }

#header fieldset { border:none; margin:5px 7px 0 5px; text-align:right; height:25px; }
#header fieldset label { height:20px; width:49px; padding-right:15px; background:url(/images/asset_search.png) no-repeat left center; }
#header fieldset .search { height:25px; width:161px; text-indent:2px; line-height:16px; font-size:11px; padding:4px 5px 0 5px; border:none; background:url(/images/bg_input-search.png) top left no-repeat; }
#header fieldset .search-button { margin:-5px 0 0 -5px; height:18px; width:10px; }

/* NAVIGATION */
#navigation { height:35px; font-size:10px; }
#navigation ul, #navigation ul ul { list-style:none; margin:0; padding:0; }
#navigation li { float:left; padding:0 0 0 10px; margin:0; text-align:center; text-transform:uppercase; }
#navigation li:hover, #navigation .on, #navigation .hover { background:url(/images/bg_navigation-menu-left.png) no-repeat bottom left;  }
#navigation li:hover ul li { background:none; }
#navigation li ul { position:absolute; left:-999em; padding-bottom:10px; background:url(/images/bg_navigation-menu.png) no-repeat bottom right; line-height:13px; z-index:2; }
#navigation ul ul li { float:none; padding-left:0; padding-right:10px; text-align:center; }
#navigation li:hover ul, #navigation li.hover ul { left:auto; margin:-8px 0 0 -12px; }
#navigation a { line-height:25px; display:block; padding:0 28px 7px 10px; }
#navigation a:hover, #navigation .on a, #navigation .on ul a:hover, #navigation .hover a, #navigation .hover ul a:hover { color:#000; background:url(/images/bg_navigation-menu.png) no-repeat bottom right; }
#navigation li ul a, #navigation .on ul a, #navigation .hover ul a, #navigation li ul ul a, #navigation .on ul ul a, #navigation .hover ul ul a {background:none !important; text-transform:none; line-height:13px; font-weight:normal; padding:5px 0; }
#navigation li ul ul a, #navigation li ul ul a:hover { color:#fff !important; }
#navigation .sub-on a, #navigation li ul a:hover { text-transform:uppercase !important; }

#navigation li:hover ul ul, #navigation li.hover ul ul { left:-999em; }
#navigation li li:hover ul, #navigation li li.hover ul { left:auto; margin:-20px 0 0 99px; width:150px !important;  }

.navigation-calming { background:url(/images/bg_navigation-calming.png) no-repeat bottom right !important; }
.navigation-purifying { background:url(/images/bg_navigation-purifying.png) no-repeat bottom right !important; }
.navigation-revitalizing { background:url(/images/bg_navigation-revitalizing.png) no-repeat bottom right !important; }
.navigation-gentlemans { background:url(/images/bg_navigation-gentlemans.png) no-repeat bottom right !important; }

/* CONTENT */
#content { width:900px; min-height:385px; margin:0; text-align:justify; }
#content h2 { height:30px; margin:0; padding:0; }

.starter { background:url(/images/bg_content-bottles.jpg) top right no-repeat; }
.starter h2 { background:url(/images/asset_header-starter2.jpg) top left no-repeat; }
.content-right h2 { background:url(/images/asset_header-starter2.jpg) top center no-repeat; }
/*
.starter h2 { background:url(/images/asset_header-starter.png) top left no-repeat; }
.content-right h2 { background:url(/images/asset_header-starter.png) top center no-repeat; }
*/
.bath { background:url(/images/bg_content-bath.jpg) top right no-repeat; }
.bath h2 { background:url(/images/asset_header-bath.png) top left no-repeat; }
.zen { background:url(/images/bg_content-zen.jpg) top right no-repeat; }
.zen h2 { background:url(/images/asset_header-zen.png) top left no-repeat; }

.content-left, .content-right, .content-frame, .content-body { text-align:justify; }

.content-left p { width:350px; padding:0 42px; line-height:16px; }\
.content-left { width:435px; padding:40px 0 0 0; }
.content-left .seen-on-tv { margin:-30px 10px 0 0; }
.content-left .petals a { display:block; background:url(/images/asset_button-choose-your-starter-kit.jpg) no-repeat top center; height:67px; }

.content-right { float:right; width:460px; padding-top:25px; margin-top:10px; }
.content-right ul { list-style:none; margin:0; padding:0; font-size:12px; }
.content-right li { text-align:center; text-transform: uppercase; color:#333; margin:5px 0; }
.content-right li strong, .content-right .products strong { font-family:"Times New Roman", Times, serif; font-size:14px; font-weight: bold; text-transform:uppercase; }
.content-right .products { margin:20px 0; padding-top:15px; background:url(/images/bg_content-right-handwriting.jpg) no-repeat top left; }
.content-right .products li { text-transform:none !important; }
.content-right .calming { background:url(/images/asset_badge-calming.jpg) no-repeat center top; }
.content-right .revitalizing { background:url(/images/asset_badge-revitalizing.jpg) no-repeat center top; }
.content-right .purifying { background:url(/images/asset_badge-purifying.jpg) no-repeat center top; }
.content-right .gentlemans { background:url(/images/asset_badge-gentlemans.jpg) no-repeat center top; }
.content-right .pure { margin-top:0; }
.content-right .pure a { text-align:center; display:block; }

.content-frame { float:right; width:390px; margin:0; background:url(/images/bg_content-frame.jpg) top left no-repeat; text-align:center; }
.content-body { width:460px; padding:5px 0 0 0; margin:30px 0 0 30px; line-height:16px; }
.content-body h4 { text-transform:uppercase; margin-bottom:-10px; font-weight:normal; font-size:14px; }
.content-body a { text-decoration:underline; }
.content-body ul { list-style:none; }
.content-body .ingredients { margin:10px 0; padding:0; list-style:none; }
.content-body .ingredients li { margin:3px 0; }
.content-body .news, .content-body .recipes { margin:0; padding:0; list-style:inside disc; color:#000; font-weight:bold; }
.content-body .recipes { margin-top:10px; }
.content-body .news li { margin:10px 0; }
.content-body .news a { display:block; font-weight:normal; }
.content-body .jump-navigation { list-style:none; margin:10px 0; padding:0; }
.content-body .testimonial-name { text-indent:175px; }
.content-body #remedies-load { margin:20px 0; }

/* FOOTER */
#footer { width:100%; min-height:50px; background:url(/images/bg_footer-border.png) repeat-x top left; clear:both; }
/*#footer ul, #footer .jumppage  { width:900px; height:76px; background:url(/images/bg_footer.jpg) no-repeat bottom left; margin:0 auto; padding:0; list-style:none; }*/
#footer ul, #footer .jumppage  { width:900px; height:76px; margin:0 auto; padding:0; list-style:none; }
#footer li { float:left; width:33%; margin-top:10px; text-align:center; }

#footer .newsletter { background:#fff; padding:5px 0; text-indent:10px; margin:0 auto; width:900px; }
#footer .jumppage p { width:900px; float:left; margin:15px 0 0 0; text-align:center; font-family:"Times New Roman", Times, serif; font-size:14px; color:#000; }
#footer .jumppage p span { font-size:18px; font-weight:bold; }
#footer .footer-border { width:100%; display:block; background:url(/images/bg_footer-border.jpg) repeat-x top #fff; padding:5px 0 0 0; margin:0; height:15px; }
#footer .footer-border p { width:300px; background:#fff; text-transform:uppercase; padding:0; margin:0 auto; font-size:12px; text-align:center; line-height:12px; height:12px; }
#footer .footer-border span { color:#900 }
#footer .willows-bio { width:900px; margin:0 auto; padding-top:20px; height:20px; }
#footer .willows-bio a { width:150px; display:block; height:18px; margin:0 100px 0 0; background:url(/images/button_willows-bio.png) no-repeat center; float:right; }

/* MODAL WINDOW */
#modal { position:absolute; width:100%; height:100%; top:0; z-index:999; text-align:justify; }
#modal .modal-popup { margin:200px auto 0 auto; width:550px; height:407px; background:url(/images/bg_modal-window.png) no-repeat top left; position:relative; z-index:999; display:none; }
#modal .modal-popup a { float:right; margin-right:60px; margin-top:10px; width:20px; height:20px; background:url(/images/button_modal-close.png) top left no-repeat; }
#modal .modal-popup h1 { width:410px; margin:10px auto; clear:both; padding:140px 0 0 0; }
#modal .modal-popup h1.calming { background:url(/images/bg_modal-calming-header.png) center bottom no-repeat; }
#modal .modal-popup h1.purifying { background:url(/images/bg_modal-purifying-header.png) center bottom no-repeat; }
#modal .modal-popup h1.revitalizing { background:url(/images/bg_modal-revitalizing-header.png) center bottom no-repeat; }
#modal .modal-popup h1.gentlemans { background:url(/images/bg_modal-gentlemans-header.png) center bottom no-repeat; }
#modal .modal-popup p { width:410px; padding:0 20px; margin:20px auto 0 auto; }
.hidden { display:none; }