@charset "utf-8";

/* body
--------------------------------------------------*/
body {
	background: url(../img/bg_body.png) no-repeat center top;
	text-align: center;
}

/* container
--------------------------------------------------*/
#container {
	position: relative;
	width: 910px;
	margin: 0 auto;
	background: url(../img/bg_container.png) repeat-y;
	text-align: left;
}

* html #container {
	background: url(../img/bg_container_ie.png) repeat-y;
}

/* header
--------------------------------------------------*/
#header {
	position: relative;
	height: 96px;
	margin: 0 5px;
	background: url(../img/parts.png) repeat-x;
}

#header h1 {
	position: absolute;
	top: 25px;
	left: 20px;
	background: url(../img/logo.png) no-repeat;
}

#header .pinkribbon {
	position: absolute;
	top: 25px;
	left: 195px;
	background: url(../img/sbh_logo_pr.gif) no-repeat;
}

/* information
--------------------------------------------------*/
#information {
	position: absolute;
	top: 50px;
	left: 385px;
}

#information p {
	float: left;
	display: inline;
}

#information p#informationEntry,
#information p#informationMens {
	width: 150px;
	margin-left: 10px;
}

#information p a {
	display: block;
	background: #fff url(../img/information_bg.png) no-repeat;
}

#information p#informationEntry a {background-position: 0 0;}
#information p#informationMens a  { background-position: -150px 0;}

#information p a:hover {
	background-color: transparent;
}

#information p a:hover img {
	visibility: hidden;
}

/* content
--------------------------------------------------*/
#topPage #content {
	position: relative;
	margin: 51px 25px 20px 25px;
}

#promotionSite #content,
#campaignPage #content {
	position: relative;
	margin: 84px 25px 20px 25px;
}

#landingPage #content,
#forms #content {
	position: relative;
	margin: 20px 25px 20px 25px;
}

#promotionSite #content h2 {
	margin-bottom: 20px;
}

#contentCaindex {
	margin: 20px 0 0 75px;
}

/* pagetop
--------------------------------------------------*/
#pagetop {
	position: relative;
	height: 18px;
	margin: 0 5px;
	background: url(../img/parts.png) repeat-x 0 -370px;
}

#pagetop p  {
	display: block;
	width: 154px;
	height: 18;
	margin-left: 728px;
}

#pagetop p a  {
	display: block;
	width: 154px;
	height: 18;
	background: #fff url(../img/pagetop_bg.png) no-repeat;
}

#pagetop p a:hover {
	background-color: transparent;
}

#pagetop p a:hover img {
	visibility: hidden;
}

/* topicPath
--------------------------------------------------*/
#topicPath {
	position: absolute;
	top: 147px;
	left: 25px;
	font-size: 77%;
	font-weight: bold;
}

#topicPath ul {
	zoom: 1;
}

#topicPath ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#topicPath ul li {
	float: left;
	display: inline;
}

#topicPath ul li a {
	margin-right: 1em;
	padding-right: 1.5em;
	font-weight: normal;
	background: url(../img/parts.png) no-repeat right -258px;
}

/* nav
--------------------------------------------------*/
#nav {
	position: absolute;
	top: 99px;
	left: 5px;
	width: 900px;
}

#nav ul {
	padding-left: 20px;
	zoom: 1;
	background: #fff url(../img/nav_bg.png) no-repeat;
}

#nav ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#nav ul li {
	float: left;
	display: inline;
}

#nav ul li a {
	display: block;
}

#nav ul li#navCampaign a,
#nav ul li#navFirst a
#nav ul li#navDiet a,
#nav ul li#navFacial a,
#nav ul li#navBridal a,
#nav ul li#navMap a {
	width: 123px;
}

#nav ul li#navPrice a,{
	width: 122px;
}

#nav ul li a:hover {
	background-color: transparent;
}

#nav ul li a:hover img {
	visibility: hidden;
}

/* utility
--------------------------------------------------*/
#utility {
	position: absolute;
	top: 17px;
	left: 393px;
	width: 492px;
}

#utility ul {
	zoom: 1;
	background: #fff url(../img/utility_bg.png) no-repeat;
}

#utility ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#utility ul li {
	float: left;
	display: inline;
}

#utility ul li a {
	display: block;
}

#utility ul li#utilityShop a,
#utility ul li#utilityProfile a,
#utility ul li#utilityRecruit a,
#utility ul li#utilityAcademy a,
#utility ul li#utilityFaq a{
	margin-right: 21px;
}

#utility ul li a:hover {
	background-color: transparent;
}

#utility ul li a:hover img {
	visibility: hidden;
}

/* footerBnr
--------------------------------------------------*/
#footerBnr {
	clear: both;
	position: relative;
	margin: 0 25px;
	padding: 30px 0 15px 0;
	border-top: 1px #ccc dotted;
	zoom: 1;
}

#footerBnr:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#footerBnrFreedial {
	margin-bottom: 10px;
}

#footerBnrEsthenpo {
	float: left;
	display: inline;
}

#footerBnrAea {
	float: right;
	display: inline;
}

/* footerCsr
--------------------------------------------------*/
#footerCsr{
	clear: both;
	position: relative;
	width:860px;
	margin-left:25px;
	margin-bottom:10px;}
	
#footerCsr a{
	text-decoration:none;}

#footerCsr:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#footerCsr h3{
	margin-bottom:10px;}
	
#footerCsr h4{
	font-size:90%;
	margin:2px 0 8px 0;
	color:#811522;
	font-weight:bold;}
	
#footerCsr p{
	font-size:75%;}

#footerCsr .cleft{
	width:425px;
	float:left;}

#footerCsr .cop{
	width:425px;
	float:left;
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:dotted 1px;}
	
#footerCsr .cop img{
	float:left;
	margin-right:10px;}
	
#footerCsr .cright{
	float:right;
	width:425px;
	margin-left:10px;}


/* footerSitemap
--------------------------------------------------*/
#footerSitemap {
	position: relative;
	margin: 0 5px;
	padding: 20px;
	background: #f8f8f8;
	zoom: 1;
}

#footerSitemap:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*----- sitemapList -----*/
#footerSitemap .sitemapList {
	float: left;
	display: inline;
	width: 300px;
}

#footerSitemap .sitemapList ul li {
	color: #c00;
}

#footerSitemap .sitemapList ul li a {
	display: inline-block;
}

#footerSitemap .sitemapList ul li a {
	padding-left: 1em;
	text-decoration: none;
}

#footerSitemap .sitemapList ul li a {
	background: url(../img/parts.png) no-repeat 0 -566px;
}

#footerSitemap .sitemapList ul li li {
	margin-left: 1em;
}

#footerSitemap .sitemapList ul li li li {
	margin-left: 0em;
}

#footerSitemap .sitemapList ul li li a {
	background: url(../img/parts.png) no-repeat 0 -592px;
}

/*----- sitemapBanner -----*/
#footerSitemap .sitemapBanner {
	float: right;
	display: inline;
	margin-right: -5px;
}

#footerSitemap .sitemapBanner ul li a {
	display: block;
	width: 233px;
	height: 65px;
	background: url(../img/parts.png) no-repeat 0 -432px;
}

#footerSitemap .sitemapBanner ul li a:hover {
	background-position: 0 -498px;
}

#footerSitemap .sitemapBanner ul li a img {
	margin: 6px;
}

/* footer
--------------------------------------------------*/
#footer {
	position: relative;
	margin: 0 5px;
	padding: 20px;
	background: #600;
	zoom: 1;
}

#footer:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/*----- footerContact -----*/
#footerContact {
	float: right;
	display: inline;
	width: 140px;
	font-size: 77%;
	text-align: center;
}

#footerContact a {
	display: block;
	float: right;
	width: 140px;
	padding: 1em 0;
	background: #fff;
	color: #600;
	text-decoration: none;
}

#footerContact a:hover {
	text-decoration: underline;
}

/*----- footerMenu -----*/
#footerMenu {
	width: 700px;
	color: #fff;
}

#footerMenu ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#footerMenu li {
	float: left;
	display: inline;
	margin-right: 1em;
}

#footerMenu li a {
	padding-left: 15px;
	background: url(../img/parts.png) no-repeat 0 -658px;
	color: #fff;
	text-decoration: none;
}

#footerMenu li a:hover {
	text-decoration: underline;
}

/*----- footerCompany -----*/
#footer dl {
	width: 700px;
	margin: 20px 0;
	color: #fff;
}

#footer dl dt {
	font-size: 146.5%;
	font-weight: bold;
}

#footer dl dt a {
	color: #fff;
	text-decoration: none;
}

#footer dl dt a:hover {
	text-decoration: underline;
}

/* copyright
--------------------------------------------------*/
#copyright {
	position: relative;
	width: 910px;
	margin: 0 auto;
	background: url(../img/bg_container.png) no-repeat bottom right;
	text-align: left;
}

* html #copyright {
	background: url(../img/bg_container_ie.png) no-repeat bottom right;
}

#copyright p {
	padding: 0 25px 25px 25px;
	color: #fff;
}

/* verisign
--------------------------------------------------*/
#verisign {
	position: relative;
	width: 910px;
	margin: 0 auto;
	
}

#verisign table {
	position: absolute;
	top: -90px;
	left: 785px;
}

/*----- notes-----*/

#notes{
	width:820px;
	margin-left:20px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin-top:35px;}
	
#notes ul{
	margin:10px;}
	
#notes li{
	list-style:square;
	margin-left:15px;
	font-size:90%;
	line-height:180%;}