a { color:#f94c86; }

#header .category { background:url(images/header-cat-bg.jpg) no-repeat 0 100%; }
	#header .category .top ul li a.active { color:#b73862; cursor:default; }
		#header .category .beauty { background:url(images/header-cat-beauty.gif) no-repeat; }

#header .menu { background:url(images/header-menu-bg.jpg) repeat-x; }
	#header .menu a:hover, #header .menu .active { background:url(images/header-menu-left.jpg) no-repeat; }
		#header .menu a:hover span, #header .menu .active span { background:url(images/header-menu-right.jpg) 100% 0 no-repeat; }
		#header .menu a:hover { color:#ffffd5; }
		#header .menu .enquiry a, #header .menu .enquiry a:hover { background:url(images/header-menu-makeEnquiry.jpg) no-repeat; width:136px; height:22px; margin-top:7px; position:absolute; right:10px; }
			#header .menu .enquiry a span, #header .menu .enquiry a:hover span { display:none; }
			#header .menu .enquiry a:hover { background-position:bottom; }

#detail #main h1 { line-height:1em; }

#sidebar .showcase { }
	#sidebar .showcase .content { margin:1px; }

/* Buttons */
a.login { background:url(images/btn-user-login.jpg) no-repeat; width:88px; height:32px; }
a.logout { background:url(images/btn-user-logout.jpg) no-repeat; width:93px; height:32px; }
a.register { background:url(images/btn-user-register.jpg) no-repeat; width:155px; height:32px; }
a.editProfile { background:url(images/btn-editProfile.jpg) no-repeat; width:109px; height:32px; }
a.makeAppointment { background:url(images/btn-makeAppointment.jpg) no-repeat; width:243px; height:49px; }
a.createAccount { background:url(images/btn-createAccount.jpg) no-repeat; width:239px; height:49px; margin:0 auto; }
a.tellFriend { background:url(images/btn-tellFriend.jpg) no-repeat; width:96px; height:24px; }
a.userReviews { background:url(images/btn-userReviews.jpg) no-repeat; width:101px; height:24px; }
a.writeReview { background:url(images/btn-writeReview.jpg) no-repeat; width:108px; height:24px; }
a.details { background:url(images/btn-details.jpg) no-repeat; width:81px; height:24px; }
a.previous { background:url(images/btn-previous.jpg) no-repeat; width:78px; height:24px; }
a.next { background:url(images/btn-next.jpg) no-repeat; width:59px; height:24px; }
a.backDetails { background:url(images/btn-backDetails.jpg) no-repeat; width:114px; height:24px; }
a.readMore { background:url(images/btn-readMore.jpg) no-repeat; width:89px; height:24px; }

/* Titles */
.createAccount { }
	.createAccount h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(images/create-an-account.gif) no-repeat; }
		.createAccount h1 span { display:none; }

.loginPage { }
	.loginPage h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(images/login.gif) no-repeat; }
		.loginPage h1 span { display:none; }

.editProfile { }
	.editProfile h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(images/edit-profile.gif) no-repeat; }
		.editProfile h1 span { display:none; }

.forgottenPassword { }
	.forgottenPassword h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(images/forgotten-password.gif) no-repeat; }
		.forgottenPassword h1 span { display:none; }


/* Announcements */
.specialNote { font-size:12px; }
	.specialNote .headnote { font-size:14px; font-weight:bold; color:#FFF; background-color:#e4497d; padding:5px 5px 5px 15px; font-family: Georgia, "Times New Roman", Times, serif; margin:-10px 0 0 -15px; width:746px; }
	.specialNote ul { list-style:none; margin:10px 0 0 0; padding:0; }
	.specialNote li { padding:2px 0 2px 5px; float:left; margin:0 0 5px 5px; border:2px solid #f2f2f2; width:171px; }
		.specialNote li.first { margin-left:0px; }
	.specialNote li .coyname { color:#e4497d; display:block; margin-right:5px; background:url(images/notelist-icon.jpg) no-repeat 0 2px; padding-left:18px; height:18px; }
	.specialNote li .dateclosure { color:#666; font-weight:bold; display:block; background:url(images/notelist-clock-icon.jpg) no-repeat 1px 2px; padding:0 10px 0 18px;  }
	.specialNote li .dateclosure .noter { font-weight:normal; }
	.specialNote .footnoter { display:block; padding:5px 0; font-size:12px; font-weight:bold; color:#333; font-family: Georgia, "Times New Roman", Times, serif; }

.hideBox { display:none; position:absolute; border:2px solid #666; background-color:#FFF; padding:5px; color:#000; }
	.hideBox ul { padding:0; margin:0; list-style:none; }
	.hideBox li { border:1px solid #CCC; display:block; float:none; width:350px; margin:0 0 5px 0;  }
		.hideBox li .branchname { font-size:13px; font-weight:bold; width:190px; float:left; padding-right:10px; color:#e4497d;  }
		.hideBox li .timing { background:url(images/notelist-clock-icon.jpg) no-repeat; padding:0 0 0 18px; margin:0 0 0 5px; display:inline-block; font-weight:bold; color:#666; }



/* Articles Rollover */
.articlesBeauty { padding:0 10px 10px 10px!important; width:746px!important; }
	.articlesBeauty .header { }
		.articlesBeauty .header h1 {  background:url(images/spa-article-header.gif) no-repeat; margin:0 0 10px -10px; padding:0; height:35px; width:766px; }
			.articlesBeauty .header h1 span { display:none; }


a.viewArchives { background:url(images/btn-archives.gif) no-repeat; width:108px; height:24px; float:right; margin:-40px 0 8px 0; }

	.articlesBeauty ul { list-style:none; padding:0; margin:0; }
	.articlesBeauty li { border:1px solid #e1e1e1; border-top:2px solid #e1e1e1; padding:0; margin:0 0 10px 0;  }
		.articlesBeauty li:hover { border-color:#e4497d; }
		.articlesBeauty li a { display: block; text-decoration:none; background-color:#fef6f8; padding:8px 10px; }
			.articlesBeauty li a:hover { background-color:#FFF; }
				.articlesBeauty li:hover h2, .articlesBeauty li:hover .readarticle { text-decoration:none; color:#e4497d; }
		.articlesBeauty li h2 { padding:0; margin:0 0 2px 0; font-size:12px; color:#333; text-decoration:underline; }
		.articlesBeauty li p { font-size:12px; margin:0; padding:0; color:#333; }
		.articlesBeauty li .readarticle { font-size:11px; color:#999; text-decoration:underline; margin:0 0 0 10px; }

.ArchivePage { }
	.ArchivePage h1 { margin:10px 0; padding:0 0 10px 0; height:27px; background:url(images/articles-head.gif) no-repeat; }
		.ArchivePage h1 span { display:none; }

	.ArchivePage .content { padding-bottom:15px; }
		.ArchivePage .content .sidePanel { width:175px; float:left; padding:10px; border-bottom:1px solid #E9E9E9; border-top:4px solid #e4497d; }
			.ArchivePage .content .sidePanel ul { list-style:none; margin:0; padding:0; }
				.ArchivePage .content .sidePanel ul .classtitle { font-size:14px; font-weight:bold; color:#666; display:block; margin-bottom:5px; }
			.ArchivePage .content .sidePanel li { padding:3px 0 5px 12px; background:url(images/classification-arrow.gif) no-repeat 0 8px; }
				.ArchivePage .content .sidePanel li a { padding:1px 3px; }
					.ArchivePage .content .sidePanel li a:hover { color:#FFF; background-color:#e4497d; }
				
		.ArchivePage .content .contentPanel { width:500px; float:right; padding:10px; margin-top:-55px; }
			.ArchivePage .content .contentPanel .articleTitle { font-size:14px; font-weight:bold; margin:0 0 10px 0; }
			.ArchivePage .content .contentPanel p { padding:0 0 10px 0; margin:0; }
			.ArchivePage .content .contentPanel ul { list-style:inside disc; padding:0; margin:0 0 10px 0; }
				.ArchivePage .content .contentPanel ul li { padding-bottom:5px; }
			
			.ArchivePage .content .contentPanel ol { list-style:none; padding:0; margin:0; }
				.ArchivePage .content .contentPanel ol li { border:1px solid #e1e1e1; border-top:2px solid #e1e1e1; padding:0; margin:0 0 10px 0; }
					.ArchivePage .content .contentPanel ol li:hover { border-color:#e4497d; }
					.ArchivePage .content .contentPanel ol li a { display: block; text-decoration:none; padding:8px 10px; }
					.ArchivePage .content .contentPanel ol li h2 { padding:0; margin:0 0 2px 0; font-size:12px; color:#333; text-decoration:underline; }
					.ArchivePage .content .contentPanel ol li p { font-size:12px; margin:0; padding:0; color:#333; }
					.ArchivePage .content .contentPanel ol li .readarticle { font-size:11px; color:#999; text-decoration:underline; margin:0 0 0 10px; }
						.ArchivePage .content .contentPanel ol li:hover h2, .ArchivePage .content .contentPanel ol li:hover .readarticle { text-decoration:none; color:#e4497d; }
			.ArchivePage .content .contentPanel .numbering { float:right; min-width:300px; text-align:right; }
				.ArchivePage .content .contentPanel .numbering .inline, .ArchivePage .content .contentPanel .numbering .enabled { display:inline-block; }
				.ArchivePage .content .contentPanel .numbering ul { height:22px; list-style:none; }
					.ArchivePage .content .contentPanel .numbering li { float:left; text-align:center; padding:0; margin:0 2px; }
						.ArchivePage .content .contentPanel .numbering li.inactive { color:#CCC; padding:1px 5px; }
					.ArchivePage .content .contentPanel .numbering li a { padding:1px 5px; }
					.ArchivePage .content .contentPanel .numbering li a:hover { color:#FFF; background-color:#e4497d; }