/* CSS Document */

body { background-image:url(../images/backgrounds/body_top_stripe.png); background-repeat:repeat-x; background-color:#000; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#FFF; }

h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 164%; zoom:1; filter:alpha(opacity= 50 ); -moz-opacity:0.50; opacity:0.50; }
h2 { font-size: 145%; zoom:1; filter:alpha(opacity= 50 ); -moz-opacity:0.50; opacity:0.50; }
h3 { font-size: 118%; }
h4 { font-size: 100%; }
p, li, dt, dd, cite { font-size:76%; }
dd li { font-size:100%; }
dt { font-weight:bold; }

img { border:none; }
span.imageBorder { display:block; width:200px; w/idth:220px; height:230px; margin:0 0 2em 2em; padding:15px 10px 10px 10px; background-image:url(../images/backgrounds/photo.png); background-repeat:repeat; float:right; }
img.imageStaff { float:right; margin:10px 0 10px 10px; border:1px solid #999; }

a:link, a:visited { color:#CC0000; text-decoration:none; }
a:hover, a:active { color:#FFF; text-decoration:underline; }
.clear { clear:both; }

form select { font-size:10px; display:block; margin-bottom:10px; }

/* Splash */
div#splash { width:682px; margin:80px auto; }
div#splash img { margin:0; padding:0; }
div#splash h1, div#splash h2 { display:none; }

div#splash ul#navigation { margin:2em 0 0 0; padding:0; list-style:none; position:relative; }
div#splash ul#navigation li { float:left; margin:0; padding:0; }
div#splash ul#navigation li a { background:url(../images/navigation/ss_navigation.png) no-repeat; overflow: hidden; height: 15px; display: block; text-indent: -500em; margin:0 18px 0 0; padding:0; }

/* Splash Default State 535 */
div#splash ul#navigation li.accessories a { width:95px; margin-right:0; background-position:0 0; }
div#splash ul#navigation li.bath a { width:34px; background-position:-105px 0; }
div#splash ul#navigation li.body a { width:38px; background-position:-150px 0; }
div#splash ul#navigation li.lotions a { width:60px; background-position:-198px 0; }
div#splash ul#navigation li.lips a { width:32px; background-position:-268px 0; }
div#splash ul#navigation li.perfumes a { width:73px; background-position:-310px 0; }
div#splash ul#navigation li.roomscents a { width:104px; background-position:-393px 0; }
div#splash ul#navigation li.scrubs a { width:53px; background-position:-507px 0; }
div#splash ul#navigation li.soap a { width:46px; background-position:-570px 0; }

/* Splash Hover State */
div#splash ul#navigation li.accessories a:hover { width:95px; background-position:0 -21px; }
div#splash ul#navigation li.bath a:hover { width:34px; background-position:-105px -21px; }
div#splash ul#navigation li.body a:hover { width:38px; background-position:-150px -21px; }
div#splash ul#navigation li.lotions a:hover { width:60px; background-position:-198px -21px; }
div#splash ul#navigation li.lips a:hover { width:32px; background-position:-268px -21px; }
div#splash ul#navigation li.perfumes a:hover { width:73px; background-position:-310px -21px; }
div#splash ul#navigation li.roomscents a:hover { width:104px; background-position:-393px -21px; }
div#splash ul#navigation li.scrubs a:hover { width:53px; background-position:-507px -21px; }
div#splash ul#navigation li.soap a:hover { width:46px; background-position:-570px -21px; }

div#splash ul#navigationMore { margin:75px auto 0 auto; padding:0; display:block; text-align:center; width:152px; list-style:none; }
div#splash ul#navigationMore li { float:left; position:relative; margin:0; padding:0; }
div#splash ul#navigationMore li a { background:url(../images/navigation/ss_navigation_site.png) no-repeat; overflow:hidden; height:15px; display:block; text-indent:-500em; }
div#splash ul#navigationMore li.about { margin:0 18px 0 0; padding:0; }
div#splash ul#navigationMore li.visit a { width:62px; background-position:-57px 0; }
div#splash ul#navigationMore li.about a { width:72px; background-position:-139px 0; }
div#splash ul#navigationMore li.visit a:hover { width:62px; background-position:-57px -21px; }
div#splash ul#navigationMore li.about a:hover { width:72px; background-position:-139px -21px; }

/* Site Navigation Behavior */
div#navigationSite { width:218px; margin:0; padding:0; position:absolute; top:56px; left:575px; z-index:998; }
div#navigationSite ul { margin:0; padding:0; list-style:none; position:relative; width:218px; }
div#navigationSite ul li { float:left; position:relative; margin:0; padding:0; }
div#navigationSite ul li a { background:url(../images/navigation/ss_navigation_site.png) no-repeat; overflow:hidden; height:15px; display:block; text-indent:-500em; }
div#navigationSite ul li.cart a { width:36px; margin-right:24px; background-position:0 0; }
div#navigationSite ul li.visit a { width:62px; margin-right:24px; background-position:-57px 0; }
div#navigationSite ul li.about a { width:72px; background-position:-139px 0; }
div#navigationSite ul li.cart a:hover { width:36px; margin-right:24px; background-position:0 -21px; }
div#navigationSite ul li.visit a:hover { width:62px; background-position:-57px -21px; }
div#navigationSite ul li.about a:hover { width:72px; background-position:-139px -21px; }

div#splash div#navigationSite { position:relative; text-align:center; background-color:red; border:1px solid red; }


/* Store */
#containerStore { margin:50px auto; padding:0; width:820px; position:relative; }
#containerStore { background-image:url(../images/backgrounds/content_top.png); background-repeat:no-repeat; background-position:194px 76px; z-index:888; }

#containerStore #logo { width:307px; height:145px; margin:0; padding:0; position:absolute; top:0; left:-10px; z-index:1000; }
#containerStore #logo img { border:none; }
#containerStore div#navigationStore { width:182px; height:440px; position:absolute; top:80px; left:36px; margin:0; padding:50px 0 0 0; background-image:url(../images/backgrounds/navigation.png); background-repeat:no-repeat; z-index:999; }

#containerStore #content { margin:0 0 0 268px; padding:100px 40px 80px 0; width:510px; w/idth:550px; position:relative; z-index:888; text-align:left; }
#containerStore #content { background-image:url(../images/backgrounds/content_bottom.png); background-repeat:no-repeat; background-position:bottom right; }


/* Store Navigation Behavior */
#containerStore div#navigationStore ul#navigation { list-style-type:none; position:absolute; top:46; left:34px; width:120px; height:242px; margin:0; padding:0; }
#containerStore div#navigationStore ul#navigation li { height:26px; margin:0; padding:0; }
#containerStore div#navigationStore ul#navigation li a { background:url(../images/navigation/ss_navigation_content.png) no-repeat; overflow:hidden; height:26px; display:block; text-indent:-500em; }

#containerStore div#navigationStore ul#navigation li.soap a { background-position:0px 0px; }
#containerStore div#navigationStore ul#navigation li.scrubs a { background-position:0px -26px; }
#containerStore div#navigationStore ul#navigation li.roomscents a { background-position:0px -52px; }
#containerStore div#navigationStore ul#navigation li.powders a { background-position:0px -78px; }
#containerStore div#navigationStore ul#navigation li.perfumes a { background-position:0px -104px; }
#containerStore div#navigationStore ul#navigation li.lips a { background-position:0px -130px; }
#containerStore div#navigationStore ul#navigation li.lotions a { background-position:0px -156px; }
#containerStore div#navigationStore ul#navigation li.body a { background-position:0px -182px; }
#containerStore div#navigationStore ul#navigation li.bath a { background-position:0px -208px; }
#containerStore div#navigationStore ul#navigation li.accessories a { background-position:0px -234px;}

#containerStore div#navigationStore ul#navigation li.soap a:hover { background-position:-240px 0px; }
#containerStore div#navigationStore ul#navigation li.scrubs a:hover { background-position:-240px -26px; }
#containerStore div#navigationStore ul#navigation li.roomscents a:hover { background-position:-240px -52px; }
#containerStore div#navigationStore ul#navigation li.powders a:hover { background-position:-240px -78px; }
#containerStore div#navigationStore ul#navigation li.perfumes a:hover { background-position:-240px -104px; }
#containerStore div#navigationStore ul#navigation li.lips a:hover { background-position:-240px -130px; }
#containerStore div#navigationStore ul#navigation li.lotions a:hover { background-position:-240px -156px; }
#containerStore div#navigationStore ul#navigation li.body a:hover { background-position:-240px -182px; }
#containerStore div#navigationStore ul#navigation li.bath a:hover { background-position:-240px -208px; }
#containerStore div#navigationStore ul#navigation li.accessories a:hover { background-position:-240px -234px;}


/* Store Objects */
dl { margin:0 0 4em 0; clear:both; } 
dd { margin:0 0 0.5em 0; padding:0; }
dl dd.productPrice { font-weight:bold; }
dl dd.productPrice span { color:#666; }

#containerStore #content dd.productImage { float:right; margin:10px 0 20px 10px; }


/* Store Grid */
#grid { margin:0; padding:0; overflow:auto; position:relative; z-index:1; }
#grid dl { margin:0 25px 0 0; padding:0; float:left; width:230px; clear:right; height:550px; z-index:2; }
#grid dl dt { margin:0 0 1.25em 0; padding:0; z-index:3; }
#grid dl dd { margin:0 0 1.25em 0; padding:0; z-index:3; }

#containerStore #content #grid dl dd.productImage { margin:0 0 1em 0; float:none; height:200px; }
#grid form select { padding:2px 0 ; margin-bottom:1.25em; }

/* Table Grid */
table#tableGrid td { vertical-align:top; }
#tableGrid td { width:230px; }
#tableGrid td dl { margin:0 0 4em 0; clear:both; } 
#tableGrid td dd.productImage { float:none !important; }


/* Store Splash - Soap */

#soapSplash { position:relative; margin:0; padding:0; }
img.soapSplash_rowOne { margin-left:7px; padding:0; }
img.soapSplash_rowTwo { margin:0; pading:0; }
img.soapSplash_rowThree {margin:0; padding:0; }
img.soapSplash_rowFour { margin-left: 21px; padding:0; }
img.soapSplash_rowFive { margin-left: 34px; padding:0; }
img.soapSplash_rowSix { margin-left: 154px; padding:0; }


/* FAQ */
dl.faq dt { margin-bottom:0.5em; }
dl.faq dd { margin-bottom:1.5em; }


/* Footer */
#footer { width:682px; margin:100px auto; padding-top:60px; }
#footer p { color:#888; font-size:67%; }


#promotion { margin:200px 0 0 0; display:block; text-align:center; border:1px solid #000; }

#promotion p { margin:0 auto; width:400px; }

/* Visit */
.entryShow { margin:0 0 2em 0; padding:0; position:relative; }
.showBanner { margin:0 0 1em 0; padding:0; display:block; }