/* Hello, from 5&S @@@@5 r@@@# 5# A : ,:@@B@@@rS. :@@@#: r@@@@@@@@@@@@A ,@@@@@@: @@@@@@@@@@@@@@@@2;;,rrr@A@@@@. :XHA2r. B@@@@@@@#MBh9@@B&@@@@@@2:#@@M, ;i: :9S@@@@@@@@@@@@h@@M@@S;risis:,#r@@3: :@ S@@@@@@#r#@@@@@@@@@@@@MB@2r::B;@#. r@B@@@X ;@ h@@; .M@@MGAh23i:;@@siH A#H@@@ @@,2@ ;@B, .. @@r @2.@h. @isA ;@A;X@X @M.@. :@@@@ X@@@. @@: i@s.@@@S @@# @@ @@A @@ @5@: ,@@@@92XA@@@@@@;,r: @@@9s: :@@M@@Bi.@@ B@ @@@ @@@ @@ B@s :@@@Bi5&H@@@@@H5;:;. &@@X#@@@G ,@@@@ #@ h9 M&@@ G@@ M@ A@ #@@@: 5@@2 @@@@@,5@: , :@:A@, S@@.9@ . :B@@iHMr . 9@@2 .,S@@@@@r;@s @@r5@s,:.2@@,s@, is&@Mh@ A@@;rr,,@@@@@3.@A S@@s2@;:;,B@@;i@; X@2 S :@ 5@# #@@@@# @@ @@@:M@ 5@@i:@; ;@@@@: @ r@@ A@@@@@ @@ @@@ @H 2@@i.@5 .@A@@@@i ,@: ,@@ 5@@@@@ #@ 9@#:@; A@G:X@. Shi2#@@@@@@@ @@, ;@@@@@,5@; s@22X @i @@29#@B5,9@ 2@@A @@s .@@@@H:h@ HHSS9Xs.,@i @@@@@@@@@@ 5@@ @@@@#M&&; @@r #@@r,@@i2A&3r.A@@@@@@@@@@s X@r i@@@@@@@@@@5S i@&, ,. @BG@@@@@@@@@@##MBA3A@@@ X. 3@@@@@@@@@@@@X,@@@@@@@@@@@#@, ,H@@@@@MA@@@@@@@@@5 r, h@@@@# s@@@@@.MA&&Xi2AAG## @B&@@@@@@@@@@h ;, #@@@@A @@@@@r s@# 92r X; .X, r#@@@. @@@@@& @@@@@@r .@@@@@r A@@@@; ;@@. 5i;:, @@@@@@ @@@@@S ,@@@@@Bs r@@@@@r @@@@@@ @@@@@@ @#@@@@@@M. .@@@@@G .@@@@@9,,@@@@@@@ S@@@@@ G@@@@M ,A@@@@@2 9@@@@@@@@@@@@r ,@@@@@r :.X@@@@@. r@@@@@@@@@@@@@X &@@@@@ r@@@@@@@@@@@@ :@@@@@@@::B@@@@@: ;@@@@@, r#@@@@@@@@@@3 X@@@@@@@@@B&M #@@@@@ s@@@@@@@@@i. :h@@@@@, r@@@@s i@@@@@. @@@@@@H@@@@@@@. #@@@@@,:ri @@@@@A @@@@@@@@@@@h. @@@@@@@#B#HSi@@@@@2 h@@@@@ .@@@@@5 ;@@@@@ @@@@@A @@@@@2 ;G@@@@M, @@@@@h &@@@@@@@@@@@@@@@@@; #@@@@# ;@@@@@@ @s #@@@@X :@@@@@r @@@@@# M@@@@X #@@@@B .;2 @@@@@A .r@@@@@X s@# :@@@@@: @@@@@# @@@@@@ ;@@@@@@ #A9S @@@@@2 H .;@@@@@@: B#3 A@@9, @@@@@S H@@@@@@@@@@@@: ,@@@@@r @@@@&: 5@@@@@s . r &#M rs@@@@@@@@@: S@@@@@, @@@@@@Hi9@@@@@, ,X;:rS. :iXhH@@@#@@:;; .i52&i X@@@2 i@@@@@@@@@@#r . 2 ,#@@@@@@@@@@@i3@@@X ,; M@@@@A ,@: ; &@@@@@@@@@@5;;@@@@@@@, sB @@@@.;@@@@@r 2@X,.,;;:; h@H 5@@@@@@, #5. .@@@@5. .@@@@@@@@@@@; 9 @@@r:@@@ i@@@@& BM: @@@@@@#AMs A@h@@@@@s @@@@3 3@@ . 9. ,@@@A @@@ @@@s ;@@@@@#s.... X@@@@@@@@@@ .rM@@@ :@@ @@@@# , A@@@@@@ @@@, , r@# .G@@@@@@@@@#:. .;H@@@@ S@@@@5 :@@@@@ , @@@@@ ;@ ;@@@ A@@@M rX 2 ;h@@@@: ,@@@@@ @@@@@ .@@@@;r 3@@@@. . s@@@ S@@@@@M: . i ,@@@@S S@@@@; @@@@@ @@@@i :, ;@@@@r M@@@@@@,;@@@r@5 #@##B, M@@@A ,@@@@9 &@@@@S M@@@@@@@@@#: i@@@@@: rB. @@@s @@@ A@@@@ X@@@@ , @@@@@@A.S@@9r; .@@@@@@@@@X :S@@3. @@@h @@@ :@@@@@H,X@@@@@@# .H@@@@@@@@@: i2. ;: 9@@# @@@; ,@@@@@@@iM@@@@A i:#@@@@,2@ ;H@@@s :@@@ #@@h .,. s@ , 2@@@@ s9r;M@@H @@@.;MH3 ,;r ;@@@@; & @@@:@G: ,@@@ i r; @@@@h r ,,Xi: :@@@ 9Ar: @@@@@ ;: : @@@. @@@@@ ,...::. @@@3 #r@@@, .,. @, 9r; 5@@# @i;; ,,2r ;@@@ .2 :ii;,., */ /* reset css */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } /* remember to define focus styles! */ :focus { outline:0; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } /* palette fuschia 309 orange f60 peach fc9 */ /* structure */ * { margin:0; padding:0; border:0; } body { background:#fff url(../images/jackie.gif) repeat -80% 0; color:#000; font:#000 1.2em/1.4 "Lucida Grande", Arial, Helvetica, sans-serif; padding-bottom:20px; } #page { margin:auto; width:1024px; box-shadow:5px 5px 5px #f00; } #page #address { background:#000 url(../images/bkgd.gif) top left repeat; clear:both; color:#fff; display:block; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-weight:bold; height:20px; margin:0; padding:2px 0; text-align:center; width:1024px; } #page #address a { color:#fff; text-decoration:none; } #page #address a:hover { cursor:text; } div#hours { background:#000 url(../images/bkgd.gif) top left repeat; clear:both; color:#fff; float:left; height:20px; margin:0; padding:2px 0; width:1024px; } div#hours h2 { color:#fff; display:block; float:left; font-size:1em; font-weight:normal; margin:1px 5px 1px 130px; padding:0; text-transform:uppercase; } div#hours ul { display:block; float:left; list-style:none; margin:0; padding:0; } div#hours ul li { display:block; float:left; font-size:.9em; margin:1px 10px 1px 1px; padding:0; } div#hours span.days { margin-right:5px; } div#hours ul li a#newsletter-signup { background:#c39; border:thin solid #309; clear:both; color:#000; float:left; font-family:"Courier New", Courier, monospace; font-size:1.4em; font-weight:bold; margin-left:15px; padding:2px; text-transform:uppercase; } div#hours ul li a#newsletter-signup:hover { background:#f00; border:thin solid #9f3; color:#fff; font-style:italic; } #banner { background:#000 url(../images/banner-bkgd.jpg) bottom left repeat-x; border-bottom:1px solid #000; border-left:1px solid #000; clear:both; color:#fff; float:left; height:208px; margin:0; padding:0; width:1024px; } #banner #logo { clear:left; display:block; float:left; height:170px; margin:25px 15px 0 15px; padding:0; width:300px; } #banner #logo a { background:transparent; color:#000; display:block; font-size:5em; width:100%; } #banner ul.nav { float:left; font-weight:bold; line-height:110%; list-style-type:none; margin:1px 0; padding:0; width:666px; } #banner ul#nav2 { margin-top:0; } #banner ul.nav li { float:left; margin:5px 1px; padding:0; } #banner ul.nav li a { background:transparent; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.5em; font-weight:bold; display:block; margin:1px; padding:40px; text-decoration:none; } #banner ul.nav li a:hover { background:transparent; color:#f30; } #banner ul.nav li a.on { background:transparent; color:#000; text-transform:uppercase; } #banner ul.nav li a#nav-news { background:url(../images/nav-news-link.gif) center no-repeat; color:#ff6; } #banner ul.nav li a:hover#nav-news { background:url(../images/nav-news-hover.gif) center no-repeat; color:#6f6; } #banner ul.nav li a.on#nav-news { background:url(../images/nav-news-on.gif) center no-repeat; color:#f00; } #banner ul.nav li a#nav-hair { background:url(../images/nav-hair-link.gif) center no-repeat; color:#6f6; } #banner ul.nav li a:hover#nav-hair { background:url(../images/nav-hair-hover.gif) center no-repeat; color:#f33; } #banner ul.nav li a.on#nav-hair { background:url(../images/nav-hair-on.gif) center no-repeat; color:#f00; } #banner ul.nav li a#nav-about { background:url(../images/nav-about-link.gif) center no-repeat; color:#ffc; padding-left:45px; } #banner ul.nav li a:hover#nav-about { background:url(../images/nav-about-hover.gif) center no-repeat; color:#f33; } #banner ul.nav li a.on#nav-about { background:url(../images/nav-about-on.gif) center no-repeat; color:#f00; } #banner ul.nav li a#nav-spa { background:url(../images/nav-spa-link.gif) top left no-repeat; } #banner ul.nav li a:hover#nav-spa { background:url(../images/nav-spa-hover.gif) top left no-repeat; } #banner ul.nav li a.on#nav-spa { background:url(../images/nav-spa-on.gif) top left no-repeat; } #banner ul.nav li a#nav-specials { background:url(../images/nav-specials-link.gif) center no-repeat; color:#ff0; } #banner ul.nav li a:hover#nav-specials { background:url(../images/nav-specials-hover.gif) center no-repeat; color:#f60; } #banner ul.nav li a.on#nav-specials { background:url(../images/nav-specials-on.gif) center no-repeat; color:#f00; } #banner ul.nav li a#nav-contact { background:url(../images/nav-contact-link.gif) center no-repeat; margin-left:-10px; color:#9f0; } #banner ul.nav li a:hover#nav-contact { background:url(../images/nav-contact-hover.gif) center no-repeat; color:#f00; } #banner ul.nav li a.on#nav-contact { background:url(../images/nav-contact-on.gif) center no-repeat; color:#f00; } #banner ul.nav li a:hover { color:#f00; } #banner ul.nav li a.on { color:#f00; text-decoration:line-through; } #content { background:#fff url(../images/bottom-left.gif) bottom left no-repeat; border-left:1px solid #000; border-right:1px solid #000; clear:both; color:#000; float:left; margin:0; padding:0; width:1024px; } #content #main { float:left; margin:5px 5px 5px 20px; padding:0 0 110px 0; width:625px; } #content #sidebar { background:#eee url(../images/top-right.gif) top right no-repeat; border-bottom:5px dashed #309; color:#000; float:right; margin:0; padding:75px 25px 5px 15px; width:260px; } #content #sidebar h2 { text-align:left; } #content #sidebar ul { margin:0 20px 0 0; padding:0; } #footer { background:#000; clear:both; color:#eee; float:left; margin:0; padding:5px; text-align:center; width:1014px; } #footer p { color:#eee; } /* typography */ a, a:visited { color:#00f; text-decoration:none; } a:hover, a:active { color:#f30; } a.specials { color:#fff; font-size:1.2em; font-weight:bold; } a:hover.specials { font-style:italic; } a.yelp { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; } h1, h2, h3, dt { clear:both; font-family:Georgia, "Times New Roman", Times, serif; } h1 { background:#000; border-top:1px solid #333; clear:both; color:#fff; display:block; font-size:1.1em; font-weight:bold; height:20px; margin:0; padding:5px 0; text-align:center; width:1024px; } h2 { background:transparent; color:#309; font-size:1em; font-weight:bold; margin:1em 0 .5em 0; padding:0; text-align:center; } h3 { font-size:1em; color:#000; margin-top:15px; } h4 { font-style:italic; } p { font-size:1.5em; margin:.25em 0; padding:2px 0; } dl { font-size:1em; margin:.25em 0; padding:0; } dl dt { font-weight:bold; } dl dd { font-size:.9em; } ul { list-style:none; margin:2px 2em; padding:0; } ol { list-style-type:decimal; } ul li, ol li { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:.7em; margin:5px 0; padding:0 .5em; } strong { background:transparent; color:#309; font-size:1.5em; } .clear { clear:both; } .rave { display:block; padding:5px; margin:5px; } .caution { background:transparent; color:#309; font-size:.9em; } .offer { display:block; padding:3px; border:1px solid #309; margin:2px; } .address { float:right; font-weight:bold; padding-bottom:8px; } .fineprint { font-size:.5em; } .descrip { background:transparent; color:#343434; padding-bottom:9px; } .fineprint { margin:1em 0; font-size:.9em; } .textarea { border:1px solid #343434; } .button { background:#309; color:#fff; padding:.5em 1em; margin:1em 0; } .note { background-color:#f69; } .amp { font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight:normal; font-size:1.1em; } img { border:0; } .floatleft { float:left; margin:5px; padding:0; } .floatright { float:right; margin:5px; padding:0; } img.creditcards { float:left; margin:5px 25px; } p#guss-pic { text-align:center; width:100%; } table { border-collapse:collapse; font-size:.9em; margin:1em 0; padding:0; width:400px; } th { float:left; font-weight:700; text-transform:uppercase; letter-spacing:2px; padding:5px 0 0 0; } tr { } td { padding:2px 0 2px 2px; border-bottom:1px dotted #ccc; } .rt { text-align:right; } input { border:1px solid #9f0; background:#9f0; color:#309; } input.submit { background:#c39; border:1px solid #309; color:#000; font-family:"Courier New", Courier, monospace; font-weight:bold; margin:5px; padding:5px; -webkit-border-radius: .7em; -moz-border-radius: .7em; border-radius: .7em; -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 2px #bbb; text-transform:uppercase; } input:hover.submit { background:#f00; border:1px solid #f60; color:#fff; font-style:italic; margin:5px; padding:5px; -webkit-border-radius: .7em; -moz-border-radius: .7em; border-radius: .7em; -webkit-box-shadow: 0 0 0 #999; box-shadow: 0 0 0 #bbb; } .subtable { padding-right:0; } .subtable th { text-transform:lowercase; letter-spacing:0; color:#309; } .subtable td { margin-left:50px; padding-left:15px; padding-right:5px; border-bottom:0; background:#fc9; } dl#news { background:#c9c url(../images/news.png) bottom right no-repeat; border:2px solid #3b274b; color:#3c284b; margin:1em auto; padding:1em; text-align:left; } dl#news dt { font-size:1.5em; font-style:italic; font-weight:bold; margin:0 8em 0 .25em; } dl#news dd { border-top:1px solid #3c284b; font-size:1.15em; margin:5px 7em 5px .25em; padding:.5em; } dl#news a { color:#3c284b; text-decoration:underline; } dl#news a:hover { color:#f30; text-decoration:underline; } dl#news strong { color:#3c284b; font-size:1em; } #waxing { list-style:none; margin-bottom:10px; } #waxing li { display:block; border-bottom:1px solid #fc9; padding:3px 1px; } #about { padding-bottom:10px; } #about img { border:0; margin:0; padding:0; } #about a, #about a:visited { display:block; float:left; } #about a:hover { } #about a:active { } #bio img { float:left; padding:5px; border:1px solid #000; background:#fff; margin:0 25px 10px 0; } #bio h2 { margin:10px 0; } #products { list-style:none; float:left; } #products li { float:left; margin:2px; } #why { text-align:center; } dl#vcard dd { float:left; margin-right:.3em; } span.vcard, span.vevent {padding: 2px 1px 2px 70px !important; margin: 0 2px 0 !important;} .org {display:block; margin:8px 0 0 0; padding-left:19px; background:url(http://list-manage.com/images/vcard.png) no-repeat; font-weight:bold; font-size:110%;} .hcard-download {background:url(http://list-manage.com/images/hcard-download-or.png) no-repeat; padding:2px 0 2px 32px;} /* SPECIALS */ #vday-special { display:block; margin:10px 2px; padding:45px 2px 2px 2px; width:90%; min-height:80px; background:url(../images/vday-head.gif) top center no-repeat; } #vday-special h2 { margin-top:15px; text-align:center; border:none; } #vday-special p { text-align:center; } #vday-special a { color:#900; text-decoration:none; } /* lightbox styles */ #lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0; } #lightbox a img{ border:none; } #outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; } #imageContainer{ padding:10px; } #loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } #imageContainer>#hoverNav{ left:0;} #hoverNav a{ outline:none;} #prevLink, #nextLink{ width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; } #prevLink { left:0; float:left;} #nextLink { right:0; float:right;} #prevLink:hover, #prevLink:visited:hover { background:url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background:url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; padding:2px 0; overflow:auto; width:100%; } #imageData{ padding:0 10px; color:#666; } #imageData #imageDetails{ width:70%; float:left; text-align:left; } #imageData #caption{ font-weight:bold; } #imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; } #imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em; } #overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; } /* mailchimp signup */ /** * @tab Page * @section background * @tip Choose colors for your list form's background and border. You might choose colors to match your company's branding. */ /** * @tab Page * @section background */ .container { /*@editable*/ border: 1px solid #fff; } /** * @tab Body * @section foreground * @tip Choose a color for your list form's foreground. Pick a color that's easy to read against your text. */ .content { /*@editable*/ background-color:#fff; /*@editable*/ padding:20px; font-family:Arial; font-size: 12px; line-height:150%; /* #3# Editable */ color: #333; /* #3# Editable */ } /** * @tab Header * @section top bar * @tip You can make this color stand out, or you might make it the same as your form's background color. */ .headerBar { /*@editable*/ background:none; /*@editable*/ padding:5px; /*@editable*/ border:0; margin-top:15px; } /** * @tab Header * @section top bar text * @tip If you aren't using an image for your header, set the text styles here. */ .headerText { /*@editable*/ color:#309; /*@editable*/ font-size:1.5em; /*@editable*/ font-family:Georgia; /*@editable*/ font-weight:bold; /*@editable*/ text-align:left; } /** * @tab Body * @section default text * @tip This is the default text style for the body of your list form. */ p, label, .formText { /*@editable*/ line-height:150%; /*@editable*/ font-family:Arial; /*@editable*/ font-size: 12px; /*@editable*/ color: #333; } /** * @tab Alerts/Errors * @section alerts * @tip This is the style for the "There are errors below." warning that appears if invalid data is entered. */ .alert { /*@editable*/ font-size:20px; /*@editable*/ line-height:200%; /*@editable*/ color:#f00; /*@editable*/ font-family:Arial; /*@editable*/ font-weight:bold; } /** * @tab Alerts/Errors * @section errors * @tip This is the style for the error messages that appear beneath each form fields with invalid data. Use colors that will attract attention. */ div.errorText { /*@editable*/ font-size: 12px; /*@editable*/ line-height:150%; /*@editable*/ font-weight:bold; /*@editable*/ color:#f00; /*@editable*/ font-family:Arial; /*@editable*/ background-color:#fee; /*@editable*/ padding:5px; /*@editable*/ margin:3px; } /** * @tab Body * @section link style * @tip Specify the color for all the hyperlinks in your list form. */ a:link, a:active, a:visited, a { /*@editable*/ color:#00f; } a.poweredBy { font-size:10px; font-family:trebuchet ms; text-decoration: none; } .poweredByBox td { text-align: center; } /* hCards + hCalendars */ .vcard, .vevent { background:#eee; border: 2px solid #ccc !important; padding: 14px; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; margin: 5px 0 !important; }