/* --------------------------------------------
|  GLOBAL STYLES											
--------------------------------------------- */

html, body {
	margin: 0;
	padding: 20px 0 20px 0;
	line-height: 13px;
	border: none;
	font-size: 11px;
	font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
	color:#808284;
	}

img     { border: 0; }
p       { margin: 0 0 15px 0; line-height: 15px; }
a       { color: #a8a8a8; }
a:hover { text-decoration: none; color: #003366; }
h1, h2, h3, h4, h5, form { margin: 0; }

h1 {
	margin: 15px 0 20px 0;
	font-size: 18px;
	color: #999;
	}
h3, h4 {
	margin: 8px 0 10px 0 !important;
	font-size: 16px;
	color: #999;
	}
h2 {
	margin: 10px 0 10px 0 !important;
	font-size: 16px;
	color: #999;
	}

/* --------------------------------------------
|  NAVIGATION												
--------------------------------------------- */

/* -- PRIMARY NAVIGATION -- */
#nav, #infoNav, #bodyNav, #hairNav, #menNav, #soapNav, #brushesNav, #dentalNav, #spaNav, #giftsNav, #newsNav {
	margin: 10px 15px 10px 0;
	padding: 0;
	list-style: none;
	height: 19px;
	float:left;
	}
#nav li, #infoNav li, #bodyNav li, #hairNav li, #menNav li, #soapNav li, #brushesNav li, #dentalNav li, #spaNav li, #giftsNav li, #newsNav li  {float: left;}
#nav li a, #infoNav li a, #bodyNav li a, #hairNav li a, #menNav li a, #soapNav li a, #brushesNav li a, #dentalNav li a, #spaNav li a, #giftsNav li a, #newsNav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 19px;
	line-height: 19px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	}
#nav {height:23px !important;}
#nav li a {height:23px !important;}
#nav {clear:both; width:850px;}
#nav li {margin-right:12px;}
#nav li a {background-image: url("graphics/nav/shop_matrix.gif");}
.noRight {margin-left:5px !important;}

#bHome{background-position: 0px 0; width: 28px;}#bHome:hover {background-position: 0px -23px;}#nav li.current #bHome {background-position: 0px -23px;}
#bBody{background-position: -28px 0; width: 52px;}#bBody:hover {background-position: -28px -23px;}#nav li.current #bBody {background-position: -28px -23px;}
#bFace{background-position: -80px 0; width: 48px;}#bFace:hover {background-position: -80px -23px;}#nav li.current #bFace {background-position: -80px -23px;}
#bHair{background-position: -128px 0; width: 48px;}#bHair:hover {background-position: -128px -23px;}#nav li.current #bHair {background-position: -128px -23px;}
#bFragrance{background-position: -176px 0; width: 87px;}#bFragrance:hover {background-position: -176px -23px;}#nav li.current #bFragrance {background-position: -176px -23px;}
#bMen{background-position: -263px 0; width: 49px;}#bMen:hover {background-position: -263px -23px;}#nav li.current #bMen {background-position: -263px -23px;}
#bSoap{background-position: -312px 0; width: 48px;}#bSoap:hover {background-position: -312px -23px;}#nav li.current #bSoap {background-position: -312px -23px;}
#bBrushes{background-position: -360px 0; width: 132px;}#bBrushes:hover {background-position: -360px -23px;}#nav li.current #bBrushes {background-position: -360px -23px;}
#bDental{background-position: -492px 0; width: 62px;}#bDental:hover {background-position: -492px -23px;}#nav li.current #bDental {background-position: -492px -23px;}
#bSpa{background-position: -554px 0; width: 115px;}#bSpa:hover {background-position: -554px -23px;}#nav li.current #bSpa {background-position: -554px -23px;}
#bGifts{background-position: -669px 0; width: 41px;}#bGifts:hover {background-position: -669px -23px;}#nav li.current #bGifts {background-position: -669px -23px;}


/* -- SECONDARY NAVIGATION -- */

#infoNav {height:24px !important;}
#infoNav li a {height:24px !important;}
#infoNav li {margin-right:20px;}

#infoNav li a {background-image: url("graphics/nav/information_matrix.gif");}
#bInfoHome{background-position: 0px 0; width: 28px;}#bInfoHome:hover {background-position: 0px -24px;}#infoNav li.current #bInfoHome {background-position: 0px -24px;}
#bAbout{background-position: -28px 0; width: 64px;}#bAbout:hover {background-position: -28px -24px;}#infoNav li.current #bAbout {background-position: -28px -24px;}
#bContact{background-position: -92px 0; width: 81px;}#bContact:hover {background-position: -92px -24px;}#infoNav li.current #bContact {background-position: -92px -24px;}
#bShopping{background-position: -173px 0; width: 112px;}#bShopping:hover {background-position: -173px -24px;}#infoNav li.current #bShopping {background-position: -173px -24px;}
#bStoresPartners{background-position: -285px 0; width: 122px;}#bStoresPartners:hover {background-position: -285px -24px;}#infoNav li.current #bStoresPartners {background-position: -285px -24px;}

#newsNav {height:24px !important;}
#newsNav li a {height:24px !important;}
#newsNav li {margin-right:20px;}

#newsNav li a {background:url(graphics/nav/news_press.gif);}
#bHome {background-position: 0px 0; width: 30px;}#bHome:hover {background-position: 0px -24px;}#newsNav li.current #bHome {background-position: 0px -24px;}
#bNews{background-position: -30px 0 !important; width: 43px;}#bNews:hover {background-position: -30px -24px !important;}#newsNav li.current #bNews {background-position: -30px -24px !important;}
#bPress{background-position: -73px 0 !important; width: 47px;}#bPress:hover {background-position: -73px -24px !important;}#newsNav li.current #bPress {background-position: -73px -24px !important;}

/* -- SUB NAVS -- */
	
#bodyNav, #hairNav, #menNav, #soapNav, #brushesNav, #dentalNav, #spaNav, #giftsNav {position:absolute; top:16px;}
#bodyNav li, #hairNav li, #menNav li, #soapNav li, #brushesNav li, #dentalNav li, #spaNav li, #giftsNav li   {margin-left:8px;}

/* -- BODY NAV -- */

#bodyNav      {right:68px;}
#bodyNav li a {background-image: url("graphics/nav/body_nav.gif");}

#bWhiteMoss {background-position: 0 0; width: 61px;}#bWhiteMoss:hover {background-position: 0 -19px;}#bodyNav li.current #bWhiteMoss {background-position: 0 -19px;}
#bCalycanthus {background-position: -61px 0; width: 65px;}#bCalycanthus:hover {background-position: -61px -19px;}#bodyNav li.current #bCalycanthus {background-position: -61px -19px;}
#bMimosa {background-position: -126px 0; width: 44px;}#bMimosa:hover {background-position: -126px -19px;}#bodyNav li.current #bMimosa {background-position: -126px -19px;}
#bHibiscus {background-position: -170px 0; width: 47px;}#bHibiscus:hover {background-position: -170px -19px;}#bodyNav li.current #bHibiscus {background-position: -170px -19px;}
#bWisteria {background-position: -217px 0; width: 49px;}#bWisteria:hover {background-position: -217px -19px;}#bodyNav li.current #bWisteria {background-position: -217px -19px;}
#bodyNav li #bBlueLavender { background-image: url("graphics/nav/blue_lavender_nav.gif"); }
#bBlueLavender {background-position: 0 0; width: 69px;}#bBlueLavender:hover {background-position: 0 -19px;}#bodyNav li.current #bBlueLavender {background-position: 0 -19px;}    

/* -- HAIR NAV -- */

#hairNav      {right:56px;}
#hairNav li a {background-image: url("graphics/nav/hair_nav.gif");}

#bNormalD {background-position: 0 0; width: 81px;}#bNormalD:hover {background-position: 0 -19px;}#hairNav li.current #bNormalD {background-position: 0 -19px;}
#bCurly {background-position: -81px 0; width: 66px;}#bCurly:hover {background-position: -81px -19px;}#hairNav li.current #bCurly {background-position: -81px -19px;}
#bLong {background-position: -147px 0; width: 32px;}#bLong:hover {background-position: -147px -19px;}#hairNav li.current #bLong {background-position: -147px -19px;}
#bColored {background-position: -179px 0; width: 86px;}#bColored:hover {background-position: -179px -19px;}#hairNav li.current #bColored {background-position: -179px -19px;}
#bNatural {background-position: -265px 0; width: 76px;}#bNatural:hover {background-position: -265px -19px;}#hairNav li.current #bNatural {background-position: -265px -19px;}
#bSuncare {background-position: -341px 0; width: 47px;}#bSuncare:hover {background-position: -341px -19px;}#hairNav li.current #bSuncare {background-position: -341px -19px;}

/* -- MEN NAV -- */

#menNav      {right:56px;}
#menNav li a {background-image: url("graphics/nav/men_nav.gif");}

#b1869 {background-position: 0 0; width: 27px;}#b1869:hover {background-position: 0 -19px;}#menNav li.current #b1869 {background-position: 0 -19px;}
#bCedar {background-position: -27px 0; width: 36px;}#bCedar:hover {background-position: -27px -19px;}#menNav li.current #bCedar {background-position: -27px -19px;}
#bCsport {background-position: -63px 0; width: 45px;}#bCsport:hover {background-position: -63px -19px;}#menNav li.current #bCsport {background-position: -63px -19px;}
#bShavingA {background-position: -108px 0; width: 102px;}#bShavingA:hover {background-position: -108px -19px;}#menNav li.current #bShavingA {background-position: -108px -19px;}

/* -- SOAP NAV -- */

#soapNav      {right:63px;}	
#soapNav li a {background-image: url("graphics/nav/soap_nav.gif");}

#bSoapColl {background-position: 0 0; width: 81px;}#bSoapColl:hover {background-position: 0 -19px;}#soapNav li.current #bSoapColl {background-position: 0 -19px;}
#bSoapSets {background-position: -81px 0; width: 54px;}#bSoapSets:hover {background-position: -81px -19px;}#soapNav li.current #bSoapSets {background-position: -81px -19px;}
#bHandWash {background-position: -135px 0; width: 59px;}#bHandWash:hover {background-position: -135px -19px;}#soapNav li.current #bHandWash {background-position: -135px -19px;}

/* -- BRUSHES NAV -- */

#brushesNav      {right:195px;}	
#brushesNav li a {background-image: url("graphics/nav/brushes_nav.gif");}

#bBeechwood {background-position: 0 0; width: 59px;}#bBeechwood:hover {background-position: 0 -19px;}#brushesNav li.current #bBeechwood {background-position: 0 -19px;}
#bProfessional {background-position: -59px 0; width: 68px;}#bProfessional:hover {background-position: -59px -19px;}#brushesNav li.current #bProfessional {background-position: -59px -19px;}
#bBioceta {background-position: -127px 0; width: 39px;}#bBioceta:hover {background-position: -127px -19px;}#brushesNav li.current #bBioceta {background-position: -127px -19px;}

/* -- DENTAL NAV -- */

#dentalNav      {right:87px;}	
#dentalNav li a {background-image: url("graphics/nav/dental_nav.gif");}

#bToothbrushes {background-position: 0 0; width: 72px;}#bToothbrushes:hover {background-position: 0 -19px;}#dentalNav li.current #bToothbrushes {background-position: 0 -19px;}
#bToothPaste {background-position: -71px 0; width: 61px;}#bToothPaste:hover {background-position: -71px -19px;}#dentalNav li.current #bToothPaste {background-position: -71px -19px;}

/* -- SPA NAV -- */

#spaNav      {right:157px;}	
#spaNav li a {background-image: url("graphics/nav/spa_nav.gif");}

#bScrubbers { background-position: 0 0; width: 101px;      } #bScrubbers:hover { background-position: 0 -19px;      } #spaNav li.current #bScrubbers { background-position: 0 -19px;      }
#bSoaks     { background-position: -101px 0; width: 37px; } #bSoaks:hover     { background-position: -101px -19px; } #spaNav li.current #bSoaks     { background-position: -101px -19px; }
#bAromatherapy { background-position: -138px 0; width: 72px;  } #bAromatherapy:hover { background-position: -138px -19px; } #spaNav li.current #bAromatherapy { background-position: -138px -19px; }

/* -- GIFTS NAV -- */

#giftsNav      {right:67px;}	
#giftsNav li a {background-image: url("graphics/nav/gifts_nav.gif");}

#bHer {background-position: 0 0; width: 25px;}#bHer:hover {background-position: 0 -19px;}#giftsNav li.current #bHer {background-position: 0 -19px;}
#bHis {background-position: -25px 0; width: 23px;}#bHis:hover {background-position: -25px -19px;}#giftsNav li.current #bHis {background-position: -25px -19px;}
#bHouse {background-position: -48px 0; width: 31px;}#bHouse:hover {background-position: -48px -19px;}#giftsNav li.current #bHouse {background-position: -48px -19px;}

/* --------------------------------------------
|  STRUCTURE												
--------------------------------------------- */

#siteContainer {
	width:850px;
	margin:auto;
	position:relative;
	margin-top:20px;
	}

/* -- HEADER -- */
#header {}

#logo {margin: 0 0 10px 0;} 

/* -- BODY -- */
#contentArea {
	clear:both; 
	border-bottom:solid 1px #e4e5e6;
	border-right:solid 1px #e4e5e6;
	}
.topTitle {
	position:absolute;
	right:0px;
	top:20px;
	right: 14px;
	}
.spacerTop {
	height:5px; 
	display:block; 
	clear:both;
	}
#christmasPromo {
	height:362px;
}

/* --------------------------------------------
|  CONTACT												
--------------------------------------------- */

.contactLeft {
	width:300px;
	float:left;
	font-size: 11px;
	}
.contactForm {}
.contactLeft input, textarea {
	border:solid 1px #acaeb0;
	width:178px;
	}
.contactRight {
	width:315px;
	float:right;
	font-size: 11px;
	}
.contactForm .submit {
	width:51px !important;
	height:21px !important;
	border:none;
	}
.contactSpacing {line-height:17px;}
.contactTitle, .shoppingTitle {
	background:#a7a9ac;
	color:#fff;
	padding:10px;
	font-weight:bold;
	font-size:14px;
	}
.detialsMargin  { margin-top:60px; }
.contactDetials { font-size:10px;  }

/* --------------------------------------------
|  SHOPPING												
--------------------------------------------- */

.shoppingOnline { width:360px; }
	
/* --------------------------------------------
|  STORES												
--------------------------------------------- */

#storesAndPartnersCont { width:545px; }
	
#colLeft {}
#colRight {}

/* -- FOOTER -- */
#footer { 
	clear: both; 
	width:850px; 
	position:relative; 
	margin:auto; 
	}
#footerNav {
	height:25px;
	float:left;
	list-style:none;
	margin:11px 0 10px -5px;
	padding:0;
	}
#footerNav li {float:left;}
#footerNav li a {
	outline: none;
	display: block;
	padding: 0;
	height: 25px;
	line-height: 25px;
	float: left;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url("graphics/nav/footer_matrix.gif");
	}
.bOrder {background-position: 0 0; width: 30px;}.bOrder:hover {background-position: 0 -25px;}.footerNav li.currentFoot .bOrder {background-position: 0 -25px;}
.bAccount {background-position: -30px 0; width: 34px;}.bAccount:hover {background-position: -30px -25px;}.footerNav li.currentFoot .bAccount {background-position: -30px -25px;}
.bInformation {background-position: -64px 0; width: 33px;}.bInformation:hover {background-position: -64px -25px;}.footerNav li.currentFoot .bInformation {background-position: -64px -25px;}
.bWhatsNew {background-position: -97px 0; width: 31px;}.bWhatsNew:hover {background-position: -97px -25px;}.footerNav li.currentFoot .bWhatsNew {background-position: -97px -25px;}
.bCanadianSite {background-position: -128px 0; width: 34px; margin-right:9px;}.bCanadianSite:hover {background-position: -128px -25px;}.footerNav li.currentFoot .bCanadianSite {background-position: -97px -25px;}

.hideLayer {
	float:left;
	margin:18px 0 0 15px;
	display: none;
	}
	
#searchArea {
	float:right;
	margin:10px 13px 0 0;
	}
	#searchArea img {margin-top: 20px;}
	#searchArea input {vertical-align: middle;}
.searchSubmit {margin-top: 0px;}
.searchField {
	border:solid 1px #d1d3d4;
	width:125px;
	padding:3px;
	text-transform: uppercase;
	font-size:10px;
	color:#d1d3d4;
	font-weight:bold;
	}
.byline {
	position:absolute;
	top:15px;
	left:320px;
	}

/* --------------------------------------------
|  SITE MAP													
--------------------------------------------- */

.siteMapList { margin-top: 15px }
.siteMapList dt {
	background:url(graphics/ico_folder.gif) 0 4px no-repeat;
	padding-left:20px;
	line-height:20px;
	}
.siteMapList dd {	
	padding-left:10px;
	margin-left:25px;
	line-height:16px;
	background:url(graphics/sitemap_2nd.gif) no-repeat;
	}
.siteMapList dd a {	
	color: #666;
	text-decoration:none;
	}
.siteMapList .bottom { background:url(graphics/sitemap_2nd_bottom.gif) no-repeat; }

/* --------------------------------------------
|  CONTENT SPECIFIC										
--------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both }
#flashCont {
	margin-bottom: 15px;
}
/* --------------------------------------------
|  PAGE SPECIFIC											
--------------------------------------------- */

#countrySelect {
	text-align:center;
	padding-top: 40px;
	}
.bottomClear {
	clear:both;
	display:block;
	}
.newsBoxPad {padding:5px 20px 10px 0;}	
.newsBoxPad strong {
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial;
	line-height:20px;
	padding-bottom:10px;
	}
.newsBoxPad img {margin:0 10px 0 0;}
.aboutUsSec {
	padding:30px;
	color:#a4a6a8;
	}
.checkOutTitle {
	background:#acadb1;
	color:#fff;
	font-size:16px;
	padding:10px 0 10px 5px;
	width:420px;
	}		
.infoBottom {
	height:30px;
	display:block;
	clear:both;
	}
.cartEmpty {color:#808284 !important;}

#oprahMovie {
	width:320px;
	height:260px;
	padding:10px 0 10px 0;
	margin:auto;
	text-align: center;
	}
.noOutline {outline:none;}
.backButton {
	clear:both;
	padding:20px 0 0 0;
}

/* --------------------------------------------
|    HOMEPAGE      
-------------------------------------------- */	

#btnHerGifts, #btnHisGifts {
  position: absolute;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url(graphics/blank.gif);
  }
  
#btnHerGifts {
  width: 121px;
  height: 35px;
  top: 201px;
  left: 301px;
  }
   
#btnHisGifts {
  width: 122px;
  height: 35px;
  top: 201px;
  left: 422px;
  }