.bimage { background:url(images/bimage.jpg) no-repeat; display:inline-block; padding:5px; }

a { color:#127400; }

#header .category { background:url(images/header-cat-bg.jpg) no-repeat 0 100%; }
	#header .category .top ul li a.active { color:#2ca117; cursor:default; }
		#header .category .home { background:url(images/header-cat-home.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.tellFriend { background:url(images/btn-tellFriend.jpg) no-repeat; width:96px; height:24px; }
a.details { background:url(images/btn-details.jpg) no-repeat; width:91px; height:24px; }
a.previous { background:url(images/btn-previous.jpg) no-repeat; width:78px; height:22px; }
a.next { background:url(images/btn-next.jpg) no-repeat; width:59px; height:22px; }
a.backDetails { background:url(images/btn-backDetails.jpg) no-repeat; width:117px; height:24px; }

/* Messages */
.message { background:#dcffd6; color:#333; }

/* 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; }


/* Articles Rollover */
.articlesHome { padding:0 10px 10px 10px!important; width:746px!important; }
	.articlesHome .header { }
		.articlesHome .header h1 {  background:url(images/spa-article-header.gif) no-repeat; margin:0 0 10px -10px; padding:0; height:35px; width:766px; }
			.articlesHome .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; }

	.articlesHome ul { list-style:none; padding:0; margin:0; }
	.articlesHome li { border:1px solid #e1e1e1; border-top:2px solid #e1e1e1; padding:0; margin:0 0 10px 0;  }
		.articlesHome li:hover { border-color:#127400; }
		.articlesHome li a { display: block; text-decoration:none; background-color:#f3f8f2; padding:8px 10px; }
			.articlesHome li a:hover { background-color:#FFF; }
				.articlesHome li:hover h2, .articlesHome li:hover .readarticle { text-decoration:none; color:#127400; }
		.articlesHome li h2 { padding:0; margin:0 0 2px 0; font-size:12px; color:#333; text-decoration:underline; }
		.articlesHome li p { font-size:12px; margin:0; padding:0; color:#333; }
		.articlesHome 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 #32b61a; }
			.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; color:#32b61a; }
					.ArchivePage .content .sidePanel li a:hover { color:#FFF; background-color:#32b61a; }
				
		.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:#32b61a; }
					.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:#32b61a; }
			.ArchivePage .content .contentPanel .numbering { float:right; }
				.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:#32b61a; }