/* CSS document */
/* Meyer Reset */
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, sub, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #666;
	background: #D8E7E7;
	font-size: 62.5%;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* utility */
.right {
float: right;
}
.left {
float: left;
}
img.left {
margin: 0 8px 8px 0;
}
img.left.vid {
margin: 0 40px 8px 0;
}
img.product {
margin-bottom: 40px;
}
img.right {
margin: 0 0 8px 8px;
}
/* Layout and positioning */
#wrapper {
width: 955px;
margin: 0 auto;
background: #fff;
overflow: auto;
}

body.home.one #wrapper {
background: url(images/pink_shavebalm.jpg) left 47px no-repeat;
background-color: #fff;
}
body.home.two #wrapper {
background: url(images/home-bg-lotions.jpg) left 47px no-repeat;
background-color: #fff;
}
body.home.three #wrapper {
background: url(images/lemon-family.jpg) left 47px no-repeat;
background-color: #fff;
}
body.home.four #wrapper {
background: url(images/home-bg-shaves.jpg) left 47px no-repeat;
background-color: #fff;
}


#nav {
width: 901px;
height: 48px;
padding-left: 54px;
background: url(images/navbg.gif) left top repeat-x;
}
#content {
width: 947px;
padding: 15px 0 0px 8px;
position: relative;
background: #fff;
}
body.home #content {
background: none;
height: 619px;
}
body #left {
width: 210px;
background: none;
float: left;
}
#mid {
float: left;
width: 724px;
padding-top: 44px;
padding-bottom: 44px;
background:none;
overflow: auto;
}
body.home #mid {
padding-bottom: 0;
}
#midleft {
float: left;
background: none;
width: 490px;
padding-right: 0px;
}
body.products #midleft {
width: 316px;
padding-right: 0;
}
body.about #midleft {
width: 433px;
padding-right: 0;
}
body.where #midleft {
width: 587px;
}
body.locations #midleft {
width: 464px;
}
#midright {
float: right;
width: 186px;
padding-right: 10px;
background: none;
}
body.products #midright {
width: 374px;
padding-right: 0;
background: none;
}
body.about #midright {
width: 282px;
padding-right: 0;
}
#grid {
width: 374px;
overflow: hidden;
margin-top: 15px;
/* background: url(images/tiler.gif) center top repeat-y; */
}
div.productbox {
/* border-bottom: 1px solid #E8E2EF; */
overflow: hidden;
width: 374px;
}
div.product {
float: left;
margin-right: 3px;
background: none;
width: 185px;
}
div.product.last {
margin-right: 0;
}
body.press #mid, body.contact #mid {
width: 726px;
}
body.press div.preamble, body.contact div.preamble {
width: 480px;
}
div.preamble {
width: 310px;
background: none;
}
div.statebox {
width: 700px;
padding: 15px 15px 0 0;
margin: 15px 0 0 0;
background: none;
border-top:1px solid #DCD5E5;
}
#midleft div.preamble {
width: auto;
}
body.products #midleft div.preamble {
width: auto;
}
body.where #midleft div.preamble {
width: 464px;
margin-bottom: 30px;
}
div.row {
clear: both;
display: block;
width: auto;
background: none;
overflow: hidden;
margin-bottom: 17px;
}
div.row.press {
padding-top: 20px;
}
div.row.indent {
padding-left: 20px;
}
div.row.fragrances {
padding-left: 60px;
}
div.row.ingredients {
padding-right: 20px;
}
div.row.ingredients p {
font-size:1.10em;
line-height: 1.30em;
}
#midright div.row {
margin-bottom: 60px;
}
body.products #midright div.row {
margin-bottom: 30px;
}
div.row.last {
margin-bottom: 0;
}
#features {
padding-left: 15px;
background: none;
overflow: hidden;
padding-top: 0;
}
#buy {
background: none;
display: block;
padding-left: 15px;
padding-right: 32px;
}
#buy img.right {
margin-top: 30px;
}
.buyleft {
width: 275px;
}
#midright p {
font-size: 1.20em;
}
#footer {
clear: both;
width: 879px;
height: 101px;
position: relative;
padding: 0 38px 0 38px;
background: #502D7F;
}
#footnav {
background: none;
padding-top: 12px;
height: 30px;
margin: 0 auto;
text-align: center;
color: #8c69bb;
font-weight:normal;
}
#footnav p {
margin-top: 8px;
font-size: 1.10em;
color: #8c69bb;
font-family: Verdana, Arial, Helvetica, Garuda, sans-serif;
font-weight:normal;
}
#footnav a, #footnav a:link, #footnav a:visited {
color: #a896bf;
font-weight: normal;
text-decoration: none;
}
#footnav a:hover, #footnav a:active {
color: #D3CADF;
text-decoration:underline;
}
#footnav ul {
position: absolute;
top: 17px;
left: 240px;
text-align: center;
margin-left: 0px;
}
#footnav ul li {
display: inline;
font-size: 1.10em;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, Garuda, sans-serif;
border-right: 2px solid #8c69bb;
margin-right: 8px;
padding-right: 8px;
line-height: 1.40em;
}
*html #footnav ul li { margin-right: 10px; }
*+html #footnav ul li { margin-right: 10px; } 

#footnav ul li.last {
margin-right: 0;
padding-right: 0;
border-right: none;
}

#copyright p {
position: absolute;
top:50px;
left: 270px;
font-family: Helvetica, Arial, Garuda, sans-serif;
color:#7e5cab;
font-size: 1em;
line-height: 1.25em;
}

#signup {
position: absolute;
top:22px;
left: 585px;
}

#signup p {
color: #fff;
font-weight:600;
font-size: 1.10em;
font-family: Verdana, Helvetica, Arial, Garuda, sans-serif;
margin-bottom:3px;
}

#follow {
position: absolute;
top:22px;
left: 850px;
text-align:center;
}

#follow p {
color: #fff;
font-weight:600;
font-size: 1.10em;
font-family: Verdana, Helvetica, Arial, Garuda, sans-serif;
margin-bottom:4px;
}

div.twocol {
border-top: 1px solid #E8E2EF;
padding-top: 15px;
width: 587px;
background: none;
overflow: hidden;
margin-bottom: 20px;
}

div.leftbox {
float: left;
width: 293px;
}

div.rightbox {
float: right;
width: 258px;
padding-left: 35px;
}

#pressbox {
width: 700px;
height: 400px;
padding: 15px 0 15px 0;
overflow: auto;
background: none;
border: 2px inset;
}
#pressbox ul li {
display: block;
float: left;
width: 220px;
margin-bottom: 40px;
text-align: center;
}
#linksbox {
width: 700px;
height: 400px;
padding: 15px 0 15px 15px;
overflow: auto;
background: none;
border: 2px inset;
}
#linksbox ul li {
list-style: none;
}

/* nav */
#nav ul li {
display: inline;
padding: 0;
margin: 0;
}
#nav ul li a, #nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover, #nav ul li a:active {
display: block;
float: left;
text-indent: -9999px;
height: 48px;
background-image: url(images/sprite2.gif);
}
#nav ul li.home a:link, #nav ul li.home a:visited {
width: 94px;
background-position: left 0;
margin-right: 18px;
}
#nav ul li.home a:hover, #nav ul li.home a:active, #nav ul li.home.active a {
background-position: left 48px;
}
#nav ul li.products a:link, #nav ul li.products a:visited {
width: 102px;
margin-right: 17px;
background-position: -94px 0;
}
#nav ul li.products a:hover, #nav ul li.products a:active, #nav ul li.products.active a {
background-position: -94px 48px;
}
#nav ul li.where a:link, #nav ul li.where a:visited {
width: 128px;
margin-right: 14px;
background-position: -196px 0;
}
#nav ul li.where a:hover, #nav ul li.where a:active, #nav ul li.where.active a {
background-position: -196px 48px;
}
#nav ul li.store a:link, #nav ul li.store a:visited {
width: 109px;
margin-right: 16px;
background-position: -324px 0;
}
#nav ul li.store a:hover, #nav ul li.store a:active, #nav ul li.store.active a {
background-position: -324px 48px;
}

#nav ul li.about a:link, #nav ul li.about a:visited {
width: 128px;
margin-right: 11px;
background-position: -433px 0;
}
#nav ul li.about a:hover, #nav ul li.about a:active, #nav ul li.about.active a {
background-position: -433px 48px;
}
#nav ul li.press a:link, #nav ul li.press a:visited {
width: 100px;
margin-right: 16px;
background-position: -561px 0;
}
#nav ul li.press a:hover, #nav ul li.press a:active, #nav ul li.press.active a {
background-position: -561px 48px;
}
#nav ul li.contact a:link, #nav ul li.contact a:visited {
width: 93px;
background-position: -661px 0;
}
#nav ul li.contact a:hover, #nav ul li.contact a:active, #nav ul li.contact.active a {
background-position: -661px 48px;
}
/* logo replace */
#content h5, #footer h6	{
text-indent: -9999px;
}
#content h5 a:link, #content h5 a:visited, #content h5 a:hover, #content h5 a:active {
width: 190px;
height: 134px;
display:block;
background:url(images/logo_trans.png) no-repeat;
float:left;
}
body.home #content h5 a:link, body.home #content h5 a:visited, body.home #content h5 a:hover, body.home #content h5 a:active {
background:url(images/logo_trans.png) no-repeat;
}
#content h5 a:focus, #footer h6 a:focus {
outline:none;
}
#footer h6 a:link, #footer h6 a:visited, #footer h6 a:hover, #footer h6 a:active {
width: 134px;
height: 80px;
display:block;
background:url(images/footlogo.gif) no-repeat;
position: absolute;
top:0;
left: 38px;
}

/* textual healing */
a, a:link {
color: #502D7F;
text-decoration: none;
}
a:visited {
color: #8B1C53;
text-decoration: none;
}
a:hover, a:active {
color: #8B1C53;
text-decoration: none;
}
h1 {
font-family: "Arial Rounded MT Bold", Helvetica Neue, "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 3.10em;
margin: 0 0 0 0;
color:#502D7F;
text-transform: lowercase;
}
h1.homepage {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:381px;
height:57px;
background:url(images/welcome.png) left top no-repeat;
}
h1.difference {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:527px;
height:31px;
background:url(images/difference.gif) left top no-repeat;
}
h1.where {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:282px;
height:30px;
background:url(images/wheretobuy.gif) left top no-repeat;
}
h1.abouteos {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:170px;
height:25px;
background:url(images/abouteos.gif) left top no-repeat;
}
h1.contacteos {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:199px;
height:25px;
background:url(images/contacteos.gif) left top no-repeat;
}
h1.eosstore {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:182px;
height:25px;
background:url(images/eosstore.gif) left top no-repeat;
}
h1.sitemap {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:182px;
height:32;
background:url(images/sitemap.gif) left top no-repeat;
}
h1.inpress {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:256px;
height:30px;
background:url(images/inpress.gif) left top no-repeat;
}
h1.ultra {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:465px;
height:32px;
background:url(images/ultra.gif) left top no-repeat;
}
h1.smile {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:455px;
height:30px;
background:url(images/smile.gif) left top no-repeat;
}
h1.silky {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:472px;
height:33px;
background:url(images/silky.gif) left top no-repeat;
}
h1.goodbyedry {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:434px;
height:33px;
background:url(images/goodbyedry.gif) left top no-repeat;
}
h1.pickmeup {
text-indent:-9999px;
display:block;
margin:0 0 15px 0;
width:434px;
height:33px;
background:url(images/pickmeup.gif) left top no-repeat;
}
h2 {
font-family: "Arial Rounded MT Bold", Arial, sans-serif;
font-size: 2.80em;
margin: 0 0 2px 0;
color:#502D7F;
text-transform: lowercase;
}
h2.stores {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:128px;
height:23px;
background:url(images/stores.gif) left top no-repeat;
}
h3 {
font-family: "Arial Rounded MT Bold", Arial, sans-serif;
font-size: 2.50em;
margin: 0 0 2px 0;
color:#502D7F;
text-transform: lowercase;
}
h3.productshome {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:87px;
height:20px;
background:url(images/products_homepage.png) left top no-repeat;
}
h3.buyeoshome {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:175px;
height:20px;
background:url(images/buyeos_homepage.png) left top no-repeat;
}
h3.buyeos {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:175px;
height:20px;
background:url(images/buyeos_site.gif) left top no-repeat;
}
h3.us {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:131px;
height:17px;
background:url(images/us.gif) left top no-repeat;
}
h3.canada {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:131px;
height:17px;
background:url(images/canada.gif) left top no-repeat;
}
h3.ct {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:139px;
height:19px;
background:url(images/ct.gif) left top no-repeat;
}
h3.buyonline {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:160px;
height:20px;
background:url(images/buyonline.gif) left top no-repeat;
}
h3.needhelp {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:249px;
height:22px;
background:url(images/needhelp.gif) left top no-repeat;
}
h4.needhelp {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:170px;
height:17px;
background:url(images/needhelp_small.gif) left top no-repeat;
}
h4 {
font-family: "Arial Rounded MT Bold", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 1.70em;
margin: 0 0 0 0;
color:#502D7F;
font-weight:600;
text-transform: lowercase;
}
h4.inprint {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:104px;
height:17px;
background:url(images/inprint.gif) left top no-repeat;
}
h4.ontv {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:86px;
height:14px;
background:url(images/ontv.gif) left top no-repeat;
}
h4.ontheweb {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:136px;
height:14px;
background:url(images/ontheweb.gif) left top no-repeat;
}
h5.find {
text-indent:-9999px;
display:block;
margin:0 0 10px 0;
width:127px;
height:13px;
background:url(images/find.gif) left top no-repeat;
}
h4.buyeos {
text-indent:-9999px;
display:block;
margin:10px 0 6px 0;
width:139px;
height:15px;
background:url(images/buyeossmall.gif) left top no-repeat;
margin-top:20px;
}
h4.directions {
text-indent:-9999px;
display:block;
margin:10px 0 6px 0;
width:76px;
height:13px;
background:url(images/directions.gif) left top no-repeat;
margin-top:20px;
}
h4.alsotry {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:214px;
height:15px;
background:url(images/alsotry.gif) left top no-repeat;
margin-top:20px;
}
h4.fragrances {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:86px;
height:17px;
background:url(images/fragrances.gif) left top no-repeat;
}
h4.flavors {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:86px;
height:17px;
background:url(images/flavors.gif) left top no-repeat;
}
h4.varieties {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:65px;
height:13px;
background:url(images/varieties.gif) left top no-repeat;
}
h4.ingredients {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:152px;
height:16px;
background:url(images/ingredients.gif) left top no-repeat;
margin-top:20px;
}
h4.shippingpolicy {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:120px;
height:19px;
background:url(images/shippingpolicy.gif) left top no-repeat;
}
h4.returnpolicy {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:120px;
height:19px;
background:url(images/returnpolicy.gif) left top no-repeat;
}
h4.customerservice {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:140px;
height:19px;
background:url(images/customerservice.gif) left top no-repeat;
}
body.press h4, body.contact h4 {
margin: 0 0 18px 0;
}
#content #pressbox h5 {
font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
font-size: 1.30em;
margin: 0 0 12px 0;
text-align: center;
font-weight: bold;
color:#502D7F;
text-indent: 0;
}
span.section {
font-family: "Arial Rounded MT Bold", Arial, sans-serif;
font-size: 2.10em;
margin: 0;
color:#8B1C53;
text-transform: lowercase;
}
span.section.replaced {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:90px;
height:20px;
background:url(images/product_span.gif) left top no-repeat;
}
span.section.wheretobuy {
text-indent:-9999px;
display:block;
margin:0 0 6px 0;
width:90px;
height:20px;
background:url(images/product_span.gif) left top no-repeat;
}
p {
color: #666;
font-size: 1.40em;
line-height: 1.80em;
margin-bottom: 15px;
}
#content #mid #midleft ul {
padding-left: 25px;
padding-bottom: 10px;
}
#content #mid #midleft ul li {
list-style: disc;
font-size: 1.30em;
line-height: 1.40em;
margin-bottom: 10px;
}
div.preamble p {
color: #666;
font-size: 1.40em;
line-height: 1.80em;
margin-bottom: 15px;
}
#buy p {
color: #39365C;
}
.buyleft p {
font-size: 1.20em;
line-height: 1.40em;
}
ul.showcase, #content #mid #midleft ul.innershow {
padding: 0;
}
ul.showcase li, #content #mid #midleft ul.innershow li {
float: left;
margin:0 30px 0 0;
padding: 0;
font-size: 1.00em;
list-style: none;
width: 90px;
}
#content #mid #midleft ul.innershow li {
margin: 0 15px 0 0;
}
#content #mid #midright ul.fraglist {
padding: 0;
background: none;
padding-top: 8px;
}
#content #mid #midright ul.fraglist li {
font-size: 1.40em;
background: none;
line-height: 1.40em;
height: 24px;
padding: 0;
margin: 0 0 8px 0;
}
#content #mid #midright ul.thumbs {
padding: 0 0 0 4px;
overflow: hidden;
margin-bottom: 30px;
background:none;
}
#content #mid #midright ul.thumbs li { 
display: inline;
list-style: none;
border: none;
margin-right: 5px;
}
img.swatch {
vertical-align: bottom;
margin-right: 5px;
}
.caption {
margin-left:5px;
display: block;
line-height:12px;
font-size: 1.00em;
}
div.product-link {
padding-left: 20px;
display: block;
}
div.product-link p {
margin-bottom: 8px;
}
span.plink {
font-size: 1.40em;
line-height: 1.20em;
font-weight: bold;
}
span.plink a, span.plink a:link, span.plink a:visited, span.plink a:hover, span.plink a:active {
color: #666;
text-decoration: none;
}
ul.links li {
font-size: 1.40em;
list-style: none;
margin-bottom: 14px;
}
ul.maplinks { 
font-size: 100%;
padding-left: 25px; Ê

}
ul.maplinks li { 
font-size:1.5em;
line-height:1.7em;
list-style:circle; 
}

/* Table Styles up in this piece */
.standardtable {
margin:0 0 15px 0;
width:100%;
font-size:1.2em;
border:0px #999 solid;
border-collapse:collapse;
padding:0;
}
.standardtable caption {
font-size:1.6em;
font-weight:bold;
color:#000;
border-top:0px #999 solid;
border-left:0px #999 solid;
border-right:0px #999 solid;
text-align:left;
padding:6px;
margin:0;
}
.standardtable th.column {
background:#666;
color:#fff;
font-weight:bold;
font-size:1.6em;
border:0px #999 solid;
padding:6px;
text-align:left;
}
.standardtable th.hrow {
background:#ccc;
color:#000;
font-weight:bold;
font-size:1.6em;
border:1px #999 solid;
padding:6px;
text-align:left;
}
.standardtable td {
border:0px #999 solid;
padding:6px;
font-size:1.1em;
vertical-align:middle;
text-align:left;
}
.standardtable tr.altrow {
background:#F1F0F0;
}

input.canary { 
display:none; 
}
/* state tables */
.statelist {
margin:0 0 15px 0;
width:100%;
font-size:1.20em;
border:none;
border-collapse:collapse;
padding:0;
}

.statelist h4 {
font-family: "Arial Rounded MT Bold", "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 1.30em;
margin: 0 0 0 0;
color:#502D7F;
font-weight:600;
text-transform: lowercase;
padding-top:40px;
}
.statelist caption {
font-size:1.20em;
font-weight:600;
text-align:left;
padding:12px 0 6px 0;
margin:0;
}
.statelist td {
padding:6px;
font-weight:300;
font-size:1.1em;
vertical-align:top;
text-align:left;
}

.statelist p {
color:#333;
font-size:13px;
line-height:1.2em;
}