@charset "UTF-8";

/* Global styles */

a:visited, a:link {
	text-decoration:none;
	color:#2db1bf;
}

a:hover, a:active {
	text-decoration:underline;
	color:#2db1bf;
}

#applywithin a:visited, #applywithin a:link {
	text-decoration:none;
	color:#2db1bf;
}

#applywithin a:hover, #applywithin a:active {
	text-decoration:underline;
	color:#2db1bf;
}

body  {
	font: 12px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	background: #CCCCCC;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #555555;
	/*line-height:14px;*/
}

#container {
	width: 780px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
} 

#content {
	position:absolute;
	top:120px;
	width:760px;
	height:500px;
	background:#FFFFFF;
	padding:5px 10px 10px 10px;
	margin:0;
}

p {
	margin:5px 10px 5px 10px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#555555;
}

h3 {
	margin: 5px 10px 5px 10px;
	font-family:"Century Gothic", Basic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.pressTitle {
    font-size:16px;   
}

h4 {
	font-weight:bold;
	margin: 0px 10px 0px 10px;
	font-size: 12px;
}

/* Header-related styles */
#header {
	width:780px;
	position:absolute;
	background:#DDDDDD no-repeat;
}

.hdrBtn {
	position:absolute;
	top:92px;
}

#stuff     { left:0px;   }
#scents    { left:83px;  }
#tints     { left:184px; }
#planet    { left:284px; }
#stores    { left:388px; }
#franchise { left:482px; }
#story     { left:593px; }
#peeps     { right:0px;  }

#questions { 
	position:absolute;
	top:12px;
	right:8px;
}

#social_icons {
    position:absolute;
	top:60px;
	right:8px;
	width:125px;
}

#twitter {
    padding-right:3px;	
}

#mailinglist {
	position:absolute;
	top:50px;
	right:0px; 
}

.word {
	position:absolute;
	left:366px;
	top:26px;
	width:159px;
	height:37px;
}

.word img {
	filter:none;
}

.opaque {
	opacity: 0;
    filter: alpha(opacity=0);
}

table {
	margin:0px 10px 0px 10px;
}

/* Footer-related styles */
#footer {
	position:absolute;
	top:635px;
	width:780px;
	height:110px;
	background:#787878;
}

#footer p {
	margin: 5px;
	text-align:center;
	color:#DDDDDD;
	font-size:10px;
}
 
#footer a:link {
	color:#DDDDDD;
	text-decoration:underline;
}

#footer a:visited {
	color:#DDDDDD;
	text-decoration:underline;
}

#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer a:active {
	color:#FFFFFF;
	text-decoration:underline;
}


/* PNG Fix for IE 
img {
	behavior: url(pngbehavior.htc);
}
*/


/* Common styles */
.heading {
	margin:0px 0px 0px 10px;
}

.imgRight {
	float:right;
	margin:0 0 15px 15px;
	/*border:1px solid #787878;*/
}

.imgLeft {
	float:left;
	margin:0 15px 15px 0px;
	/*border:1px solid #787878;*/
}

/* Tabbed/Fading panels styles */

.SpryHiddenRegion {
	visibility:hidden;
}

.detailPane {
	overflow:auto;
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	margin-left:-2px;
	height:330px;
	width:67%;
	float:left;


}

.detailPaneContent {
	margin:10px;
}

.detailPaneContent p
{
	font-size:1.0em;
	margin:5px 0 10px 0;
	padding:0;
	line-height:normal;
}

.detailPaneContent li
{
	font-size:14px;
	margin-left:20px;
	line-height:normal;
}

.detailPaneContent h3
{
	font-size:1.4em;
	margin:10px 0 10px 0;
	font-weight:bold;
	line-height:normal;
}

.detailPaneImage {
	float:right;
	margin:5px;
}

.masterPane {
	width:33%;
	float:left;
	overflow:auto;
	height:330px;
}

.allCategoriesItem {
	margin:0 5px 2px 5px;
	padding:0;
	float:left;
	width:200px;
}


.detailPaneWide {
	overflow:auto;
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	margin-left:-2px;
	height:330px;
	width:100%;
	float:left;
}


/* Index page styles */

#left {
	position:absolute;
	top:-18px;
	width:350px;
	height:480px;
	overflow:auto;
	margin:25px 0 0 25px;
	border-right:1px solid #cccccc;
	left: -9px;
}

.bathjunkie h3 {
	color:#2db1bf;
}

.promo {
	position:absolute;
	top:0px;
	left:400px;
	width:350px;
	height:450px;
	margin:25px 25px 0 0;
}


/* Product page styles */

.productSuperTitle {
	font-size:12px;
}

.productTitle {
	font-size:20px;
	line-height:normal;
}

.product {
	cursor: pointer;
	margin:10px;
	font-size: 12px;
}

.productHover {
	background-color: #EEEEEE;
	/*color: #cdb9c2;*/
	font-weight:bold;
	cursor: pointer;
}

.productSelected {
	background-color: #EEEEEE;
	/*color: #231f20;*/
	font-weight:bold;
	cursor: pointer;
}

.recipeText {
	font-size:11px;
	margin-top:50px;
}

.recipeText p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* Fragrances page style */

.fragrance {
	cursor: pointer;
	margin:10px;
	font-size: 12px;
}

.fragranceHover {
	background-color: #EEEEEE;
	/*color: #cdb9c2;*/
	font-weight:bold;
	cursor: pointer;
}

.fragranceSelected {
	background-color: #EEEEEE;
	/*color: #231f20;*/
	font-weight:bold;
	cursor: pointer;
}

.scent_bullet {
	margin-right:3px;
}

.scent_dot {
	position:absolute;
	right:80px;
	top:175px;
}

.essentialOilLabel {
	position:absolute;
	right:50px;
	top:150px;
}

/* Colors page styles */

.colorSquare {
	display:block;
	width:50px;
	height:20px;
	border:1px solid;
	border-color: #c0c0c0 #000000 #000000 #c0c0c0;
	float:left;
	margin:5px 120px 5px 0px;
}

.white {background-color:#FFFFFF;}
.tan {background-color:#cec3ae;}
.peach {background-color:#f0bfa8;}
.yellow {background-color:#e5e2b2;}
.citrusGreen {background-color:#b4d471;}
.willow {background-color:#c2dbad;}
.cerise {background-color:#e888c2;}
.coolMint {background-color:#aad4bf;}
.seafoam {background-color:#b0c4bd;}
.pacificBlue {background-color:#78b7df;}
.brightTurquoise {background-color:#2eb0be;}
.lightBlue {background-color:#a9d4e1;}
.lavender {background-color:#9e9acd;}
.lightPink {background-color:#d8bfcd;}
.darkPink {background-color:#eec7e1;}

.whiteText p {color:#FFFFFF;background-color:#666666}
.tanText p {color:#cec3ae;}
.peachText p {color:#f0bfa8;}
.yellowText p {color:#e5e2b2;}
.citrusGreenText p {color:#b4d471;}
.willowText p {color:#c2dbad;}
.ceriseText p {color:#e888c2;}
.coolMintText p {color:#aad4bf;}
.seafoamText p {color:#b0c4bd;}
.pacificBlueText p {color:#78b7df;}
.brightTurquoiseText p {color:#2eb0be;}
.lightBlueText p {color:#a9d4e1;}
.lavenderText p {color:#9e9acd;}
.lightPinkText p {color:#d8bfcd;}
.darkPinkText p {color:#eec7e1;}

.whiteLabel {left:90px;top:275px;}
.tanLabel {left:260px;top:275px;}
.peachLabel {left:430px;top:275px;}

.yellowLabel {left:90px;top:308px;}
.citrusGreenLabel {left:260px;top:308px;}
.willowLabel {left:430px;top:308px;}

.ceriseLabel {left:90px;top:340px;}
.coolMintLabel {left:260px;top:340px;}
.seafoamLabel {left:430px;top:340px;}

.pacificBlueLabel {left:90px;top:372px;}
.brightTurquoiseLabel {left:260px;top:365px;}
.lightBlueLabel {left:430px;top:372px;}

.lavenderLabel {left:90px;top:405px;}
.lightPinkLabel {left:260px;top:405px;}
.darkPinkLabel {left:430px;top:405px;}

#bottleColorName, #colorName {position:absolute;width:110px;margin:0px 0px 0px 10px;}

#bottleColorName p, #colorName p {text-align:center;font-size:14px;font-weight:bold;}

#colorList {position:absolute;left:50px;top:275px;width:540px;}

#bottle {position:absolute;right:10px;top:15px;}

#bottleShadow {position:absolute;right:10px;top:466px;}

.tintsTextIntro {width:500px;padding-bottom:10px;}
.tintsTextDisclaimer {
	width:500px;
	margin-top:200px;
	font-style: italic;
}


/* Stores page styles */

#mapdots {
	width:650px;
	height:400px;
	background:url(images/bathjunkiemapdots.gif) no-repeat;
	padding:0px;
	margin:0px;
	position:absolute;
	left:80px;
	top:100px;
}

#map {
	width:650px;
	height:400px;
	background:url(images/bathjunkiemap.jpg) no-repeat;
	padding:0px;
	margin:0px;
	position:absolute;
	left:80px;
	top:100px;
}

#map li { margin:0;padding:0;list-style:none;display:block;position:absolute;cursor:hand; }
#map a { display:block;cursor:hand;}

#bathjunkienation {position:absolute;top:90px;left:463px;border:0px;}

#california {left:0px;top:89px;width:92px;height:153px;}
#california a {height:153px;}
#california a:hover {background: url(images/bathjunkiemap.jpg) 0px -489px no-repeat;}
#california_dots { background:url(images/bathjunkiemapdots.gif) 0px -89px no-repeat;width:92px;height:153px;}

/*
#nevada {left:40px;top:102px;width:76px;height:113px;}
#nevada a {height:113px;}  
#nevada a:hover {background: url(images/bathjunkiemap.jpg) -40px -902px no-repeat;}
*/

#arizona {left:80px;top:185px;width:77px;height:92px;}
#arizona a {height:92px;}
#arizona a:hover {background: url(images/bathjunkiemap.jpg) -80px -1386px no-repeat;}
#arizona_dots { background:url(images/bathjunkiemapdots.gif) -80px -185px no-repeat;width:77px;height:92px;}

#colorado {left:157px;top:140px;width:83px;height:65px;}
#colorado a {height:65px;}
#colorado a:hover {background: url(images/bathjunkiemap.jpg) -157px -540px no-repeat;}
#colorado_dots { background:url(images/bathjunkiemapdots.gif) -157px -140px no-repeat;width:83px;height:65px;}

#oklahoma {left:224px;top:198px;width:102px;height:57px;z-index:1;}
#oklahoma a {height:57px;}
#oklahoma a:hover {background: url(images/bathjunkiemap.jpg) -224px -1398px no-repeat;}
#oklahoma_dots { background:url(images/bathjunkiemapdots.gif) -224px -198px no-repeat;width:102px;height:57px;}

#texas {left:175px;top:211px;width:160px;height:160px;}
#texas a {height:160px;}
#texas a:hover {background: url(images/bathjunkiemap.jpg) -175px -611px no-repeat;}
#texas_dots { background:url(images/bathjunkiemapdots.gif) -175px -211px no-repeat;width:160px;height:160px;}

#kansas {left:237px;top:162px;width:85px;height:46px;}
#kansas a {height:46px;}
#kansas a:hover {background: url(images/bathjunkiemap.jpg) -237px -962px no-repeat;}
#kansas_dots { background:url(images/bathjunkiemapdots.gif) -237px -162px no-repeat;width:85px;height:46px;}

#missouri {left:310px;top:154px;width:77px;height:66px;}
#missouri a {height:66px;}
#missouri a:hover {background: url(images/bathjunkiemap.jpg) -310px -554px no-repeat;}
#missouri_dots { background:url(images/bathjunkiemapdots.gif) -310px -154px no-repeat;width:77px;height:66px;}

#arkansas {left:320px;top:211px;width:58px;height:52px;}
#arkansas a {height:52px;}
#arkansas a:hover {background: url(images/bathjunkiemap.jpg) -320px -1011px no-repeat;}
#arkansas_dots { background:url(images/bathjunkiemapdots.gif) -320px -211px no-repeat;width:58px;height:52px;}

#louisiana {left:329px;top:262px;width:67px;height:57px;}
#louisiana a {height:57px;}
#louisiana a:hover {background: url(images/bathjunkiemap.jpg) -329px -1062px no-repeat;}
#louisiana_dots { background:url(images/bathjunkiemapdots.gif) -329px -262px no-repeat;width:67px;height:57px;}
	 
#mississippi {left:358px;top:232px;width:41px;height:67px;}
#mississippi a {height:67px;}
#mississippi a:hover {background: url(images/bathjunkiemap.jpg) -358px -1433px no-repeat;}
#mississippi_dots { background:url(images/bathjunkiemapdots.gif) -358px -232px no-repeat;width:41px;height:67px;}

#tennessee {left:373px;top:201px;width:96px;height:32px;}
#tennessee a {height:32px;}
#tennessee a:hover {background: url(images/bathjunkiemap.jpg) -373px -1402px no-repeat;}
#tennessee_dots { background:url(images/bathjunkiemapdots.gif) -373px -201px no-repeat;width:96px;height:32px;}

#alabama {left:397px;top:230px;width:43px;height:69px;}
#alabama a {height:69px;}
#alabama a:hover {background: url(images/bathjunkiemap.jpg) -397px -630px no-repeat;}
#alabama_dots { background:url(images/bathjunkiemapdots.gif) -397px -230px no-repeat;width:43px;height:69px;}

#florida {left:409px;top:282px;width:103px;height:77px;}
#florida a {height:77px;}
#florida a:hover {background: url(images/bathjunkiemap.jpg) -409px -1082px no-repeat;}
#florida_dots { background:url(images/bathjunkiemapdots.gif) -409px -282px no-repeat;width:103px;height:77px;}

#kentucky {left:382px;top:170px;width:81px;height:42px;}
#kentucky a {height:42px;}
#kentucky a:hover {background: url(images/bathjunkiemap.jpg) -382px -970px no-repeat;}
#kentucky_dots { background:url(images/bathjunkiemapdots.gif) -382px -170px no-repeat;width:81px;height:42px;}

#north_carolina {left:442px;top:191px;width:100px;height:44px;}
#north_carolina a {height:44px;}
#north_carolina a:hover {background: url(images/bathjunkiemap.jpg) -442px -591px no-repeat;}
#north_carolina_dots { background:url(images/bathjunkiemapdots.gif) -442px -191px no-repeat;width:100px;height:44px;}

#new_york {left:478px;top:68px;width:85px;height:62px;}
#new_york a {height:62px;}
#new_york a:hover {background: url(images/bathjunkiemap.jpg) -478px -468px no-repeat;}
#new_york_dots { background:url(images/bathjunkiemapdots.gif) -478px -68px no-repeat;width:85px;height:62px;}

#new_jersey {left:529px;top:121px;width:15px;height:34px;z-index:1;}
#new_jersey a {height:34px;}
#new_jersey a:hover {background: url(images/bathjunkiemap.jpg) -529px -921px no-repeat;}
#new_jersey_dots { background:url(images/bathjunkiemapdots.gif) -529px -121px no-repeat;width:15px;height:34px;}

#puerto_rico {left:531px;top:324px;width:119px;height:65px;z-index:1;}
#puerto_rico a {height:65px;}
#puerto_rico a:hover {background: url(images/bathjunkiemap.jpg) -531px -724px no-repeat;}
#puerto_rico_dots { background:url(images/bathjunkiemapdots.gif) -531px -324px no-repeat;width:119px;height:65px;}

#washington {left:28px;top:0px;width:79px;height:62px;z-index:1;}
#washington a {height:62px;}
#washington a:hover {background: url(images/bathjunkiemap.jpg) -28px -400px no-repeat;}
#washington_dots { background:url(images/bathjunkiemapdots.gif) -28px 0px no-repeat;width:79px;height:62px;}

#pennsylvania {left:469px;top:112px;width:68px;height:44px;}
#pennsylvania a {height:44px;}
#pennsylvania a:hover {background: url(images/bathjunkiemap.jpg) -469px -1313px no-repeat;}
#pennsylvania_dots { background:url(images/bathjunkiemapdots.gif) -469px -112px no-repeat;width:68px;height:44px;}

a.noro {display:none;}

#locationPane {position:absolute;top:100px;left:150px;padding:0;margin:0;width:598px;height:398px;}
#locationList {border:1px solid #787878;overflow:auto;padding:0;margin:0;width:250px;height:360px;}
#locationLegend{padding:10px 0;margin:0;text-align:center;position:absolute;left:490px;top:165px;}
  
#returntomaplink {
text-align:center;
position:absolute;
left:483px;
top:138px;	
}  
  
.stores a:visited, .stores a:link {
	text-decoration:none;
	color:#7abbe3;
}

.stores a:hover, .stores a:active {
	text-decoration:underline;
	color:#7abbe3;
}

.stores h4 {
	font-size:14px;
	margin: 15px 10px 5px 10px;
}



/* Planet page styles */

.planetLink a:link {
	color:#4c8e42;
	text-decoration:none;

}

.planetLink a:visited {
	color:#4c8e42;
	text-decoration:none;

}

.planetLink a:active {
	color:#4c8e42;
	text-decoration:underline;

}

.planetLink a:hover {
	color:#4c8e42;
	text-decoration:underline;
}

.planetBullet {
	margin-top:20px;
	font-size:14px;
	list-style-type:none;
	color:#4c8e42;
}

#planetContent {
	float:left;
	width:500px;
	height:450px;
	margin:0 5px 20px 0;
	border-left:1px solid #cccccc;
	overflow:auto;
	background-color:#FFFFFF;
}

.planetDivider {
	width:400px;
	height:1px;
	margin:20px 30px 20px 30px;
	border-bottom:1px solid #a5b889;
}




/* Franchise page styles */

.franchiseLink a:link {
	color:#e86db2;
	text-decoration:none;

}

.franchiseLink a:visited {
	color:#e86db2;
	text-decoration:none;

}

.franchiseLink a:active {
	color:#e86db2;
	text-decoration:underline;

}

.franchiseLink a:hover {
	color:#e86db2;
	text-decoration:underline;
}

.franchiseHeader h3 {
	color:#555555;
	font-size:16px;
	margin:10px 5px 5px 10px;
}

#leftNav {
	float:left;
	width:250px;
	margin-top:10px;
}

#leftNav p {
	margin-bottom:15px;
}

#franchiseContent {
	float:left;
	width:500px;
	height:450px;
	margin:0 5px 20px 0;
	border-left:1px solid #cccccc;
	overflow:auto;
	background-color:#FFFFFF;
}



.faqDivider {
	width:400px;
	height:1px;
	margin:10px 30px 10px 30px;
	border-bottom:1px solid #e86db2;
}

.footnote {
	font-size:10px;
	text-align:center;
}

.footnote_left {
	font-size:9px;
	text-align:left;
}

.thinkpink {
	color:#de9aac;
}

.caption {
	font-size:10px;
	text-align:center;
	margin:2px 20px 10px 20px;
}




/* Contact page styles */

.contact {
	cursor: pointer;
	margin:10px;
	font-size: 12px;
}

.contactHover {
	background-color: #EEEEEE;
	color: #7abbe3;
}
.contactSelected {
	background-color: #EEEEEE;
	color: #7abbe3;
}

.contactDetails a:link, .contactDetails a:visited {
	color: #7abbe3;
	text-decoration:underline;
}

.contactDetails a:hover, .contactDetails a:active {
	color: #cccccc;
	text-decoration:underline;
}

.contactColored {
	color: #7abbe3;
	font-weight:bold;
}

h3.contactColored {
	color: #7abbe3;
	font-weight:bold;
}









.question {
	font-weight:bold;
}

.questionDivider {
	width:650px;
	height:1px;
	margin:20px 30px 20px 30px;
	border-bottom:1px solid #2db1bf;
}

.buzzDivider {
	width:680px;
	height:1px;
	margin:10px 20px 10px 20px;
	border-bottom:1px solid #2db1bf;
}


.wideContent {
	width:750px;
	height:460px;
	margin:1px 5px 20px 0;
	overflow:auto;
	background-color:#FFFFFF;
}

.short {
	height:320px;
}

.frontPageBullet {
	margin-left:30px;
}








/* Store Pages */

#spLeftNav {
	float:left;
	width:300px;
	border-right:1px solid #cccccc;
	margin:10px;
	height:420px;
	display:inline;   /* double margin bug fix */
	/*background-color: white;*/
  }


#spRightSide {
	float:left;
	margin:10px;
	width:415px;
	height:420px;
	display:inline;   /* double margin bug fix */
	/*background-color: white;*/
}

#spTopNav {
	width:415px;
	height:30px;
	border-bottom:1px solid #cccccc;
	/*background-color: white;*/
}

#spTopNavText {
	text-align:center;
	padding-bottom:10px;
	margin:10px 10px 0px 10px;
	font-weight:bold;
	/*background-color: white;*/
}

#spContent {
	position:absolute;
	height:382px;
	width:420px;
	overflow:auto;
	margin-top:5px;
	/*background-color: white;*/
}

#spContent h3 {
	color:#555555;
	/*background-color: white;*/
}

.spContentText {
	position:absolute;
	z-index:1;
	width:400px;
	/*background-color: white;*/
}

#spContent ul, #spContent ol {
	margin-top:5px;
	margin-bottom:5px;
}

#spContent li {
	margin-bottom:2px;
}

.smallLeftMargin {
	margin-left:10px;
	padding-left:10px;
}

.storeFormLabel {
	display:block;
	float:left;
	width:90px;
}

.noDisplay {
	display:none;
	/*background-color: white;*/
}

#locationMap {
	width:400px;
	height:380px;
	border:1px solid #cccccc;
	/*background-color: white;*/
}

.storeHeading {
	margin:10px 0 0 10px;
	/*background-color: white;*/
}

.storeFrontImage {
	margin:10px 0 0 10px;
	border:1px solid #cccccc;
	/*background-color: white;*/
}

.storeFrontPlaceholder {
	margin:10px 0 0 10px;
	border:0;
}

.storeAddress {
	margin-top:10px;
	font-weight:bold;
	/*background-color: white;*/
}

.directionsLink {
	margin-bottom:15px;
	/*background-color: white;*/
}

#storeHours {
	margin-top:10px;
	color:#555555;
	/*background-color: white;*/
}

#storePage a:visited, #storePage a:link {
	text-decoration:none;
	color:#e86db2;
	/*background-color: white;*/
}

#storePage a:hover, #storePage a:active {
	text-decoration:underline;
	color:#e86db2;
	/*background-color: white;*/
}

#mainImage {
	display:block;
	margin:0 auto;
	border:1px solid #cccccc;
}

.white {
	background-color: white;
}

/*
.tall {
	width:225px;
	height:300px;
}

.wide {
	width:300px;
	height:225px;
}
*/

.tallThumbnail {
	border:1px solid #cccccc;
	cursor:pointer;
	margin:1px;
	width:56px;
	height:75px;
}

.wideThumbnail {
	border:1px solid #cccccc;
	cursor:pointer;
	margin:1px;
	width:75px;
	height:56px;
}

/* Backup Plan */
.Thumbnail {
	border:1px solid #cccccc;
	cursor:pointer;
	margin:1px;
	width:75px;
	height:56px;
}

.addressNote {
	font-size:10px;
}