/* Skinology website CSS written by Instyle Web Design 2006 */

body {
	background: #FAFAF1 url(../images/bgScroll.gif) top left no-repeat;
	text-align: center;
}

/* Main Links */

a:link, a:visited {
	color: #78A32E; /* Green */
	text-decoration: none;
}

a:hover, a:active {
	color: #564218; /* Brown */
	text-decoration: underline;
}

h1 {
	font-size: 140%;
	font-weight: bold;
}

#mainContainer {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
	.clear {
		clear: both;
	}

#subMenu {
	text-align: right;
	padding: 0 30px 0 0;
	margin: 50px 0 0 0;
	font-size: 75%;
}
	
	#subMenu p {
		margin: 0;
	}

#subContainer {
	background: #564218 url(../images/bgScroll2.gif) bottom right no-repeat;
}

#logo {
	background: transparent url(../images/logo.gif) top left no-repeat;
	height: 74px;
}

#mainMenu {
	float: left;
	width: 160px;
}

	#mainMenu ul {
		margin: 30px 0 0 19px;
		padding: 0;
		list-style-type: none;
	}
	
	#mainMenu ul a {
		display: block;
		width: 110px;
		height: 28px;
		padding: 5px 0 0 30px;
		color: #FAFAF1;
		font-weight: bold;
		text-decoration: none;
	}
	
	#mainMenu ul a:hover, #mainMenu ul a:active {
		color: #564218; /* Brown */
	}
		
	.buttonSingle {
		background: transparent url(../images/buttonBg1.jpg) top left no-repeat;
		width: 140px;
		height: 28px;
		padding-bottom: 5px;
	}
	
	.buttonRight {
		background: transparent url(../images/buttonBg1-right.jpg) top left no-repeat;
		width: 140px;
		height: 28px;
		padding-bottom: 5px;
	}
	
	.buttonDouble {
		background: transparent url(../images/buttonBg2.jpg) top left no-repeat;
		width: 140px;
		height: 47px;
		padding-bottom: 5px;
	}
	
#content {
	width: 400px;
	float: left;
	padding: 0;
	margin: 0;
	background: #FAFAF1 url(../images/contentBottom.gif) bottom left no-repeat;
	color: #564218;
}

	#content h1 {
		padding: 20px 0 10px 20px;
		margin: 0;
		background: transparent url(../images/contentTop.gif) top left no-repeat;
	}
	
	h2 {
		font-size: 100%;
		font-weight: bold;
	 	padding: 0 20px 0 20px;
		margin: 0 0 10px 0;

	}
	
	h3 {
		font-size: 85%;
		font-weight: bold;
	 	padding: 0 20px 0 20px;
		margin: 0 0 10px 0;
		color: #78A32E;
	}
	
	#content p {
	 	padding: 0 20px 0 20px;
		margin: 0 0 10px 0;
		font-size: 75%;
		line-height: 1.3;
	}
	
	.highlight {
	 	font-style: bold italic;
	}
	
	hr {
		width: 90%;
		margin: 0 20px 0 20px;
		color: #78A32E;
	}
	
	.imgFloatLeft {
		float: left;
		padding: 0 10px 0 0;
	}
	
	.imgFloatRight {
		float: right;
		padding: 0 0 0 10px;
	}
	
	/* correct IE 5.5 font size in tables */
	
	table { 
		font-size: 75%; 
	 	margin: 0 20px 0 20px;
	}
	
	#content ul {
		list-style-image: url(../images/bullet2.gif);
		padding: 0 3px 10px 50px;
		margin: 0;
		font-size: 75%;
	}
	
	#content li {
		padding: 2px 0 2px 0;
	}
	
	/* Form styles */

	fieldset {
	 	width: 350px;
		padding: 0 20px 0 20px;
		margin: 0 0 10px 0;
/*		margin: 1em 0;
		padding: 1em;*/
		border: none;
	}
	
	legend {
		font-size: 85%;
		color: #564218;
		font-weight: bold;
		padding-bottom: 10px;
	}
	
	label {
		float: left;
		width: 10.5em;
		padding-right:0
	}
	
	label.admin {
		float: left;
		width: 7em;
		padding-right:0
	}
	
	.required {
		color: #760000;
		font-size: 1em;
		font-weight: bold;
	}
	
	.normal {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: #564218;
	}
	
	input.submit {
		margin-left: 10px;
	}
	
	input.admin {
		margin-left: 9em;
	}
	
	input.specials {
		margin-left: 93px;
	}
	
	input.checkbox {
		width: auto;
		margin-left: 72px;
	}
	
	input.treatments {
		width: auto;
		margin-left: 2em;
	}
	
	label.specials {
		float: left;
		width: 6em;
		padding-right:0
	}
	
	.checkbox {
		width: 2em;
		float: none;
		padding-right: 1em;
	}
	
	.checkboxLabel {
		width: 50em;
		float: 
	}

	#treatments label {
		width: 2em;
		float: none;
		padding-right: 1em;
	}
	
	/* Enquiry form mods */
	
	input.enquiry {
		margin-left: 105px;
	}
	
	label.enquiries {
		float: left;
		width: 7em;
		padding-right:0;
	}
	
	/* end enquiry form mods*/
	.smlTxt {
		font-size: 90%;
	}


#sideMenu {
	width: 175px;
	float: left;
	color: #564218;
	margin: 0;
	padding: 0;
}

	#sideMenu ul {
		list-style-image: url(../images/bullet.gif);
		padding: 0 3px 0 30px;
		margin: 0;
		font-size: 70%;
	}
	
	#sideMenu li {
		padding: 2px 0 2px 0;
	}

	#sideMenu a:link, #sideMenu a:visited {
		color: #FAFAF1; /* Cream */
		text-decoration: none;	
	}
	
	#sideMenu a:hover, #sideMenu a:active {
		color: #564218; /* Brown */
		text-decoration: underline;	
	}

	#specials {
		background: #7E993F url(../images/featureBottom.gif) bottom right no-repeat;
		margin: 30px 10px 0 2px;
	}
		
		#specials h1 {
			background: transparent url(../images/featureTop.gif) top right no-repeat;
			padding: 5px 10px 0 10px;
			margin: 0;
		}
		
		#specials h2 {
			font-size: 70%;
			margin: 0;
			padding: 0 10px 0 10px;
		}
		
		#specials p {
			font-size: 70%;
			margin: 0;
			padding: 5px 10px 10px 10px;
		}
	
	#tips {
		background: #7E993F url(../images/featureBottom.gif) bottom right no-repeat;
		margin: 10px 10px 0 2px;
		padding: 0;
	}
		
		#tips h1 {
			background: transparent url(../images/featureTop.gif) top right no-repeat;
			padding: 5px 10px 0 10px;
			margin: 0;		}
		
		#tips p {
			font-size: 70%;
			margin: 0;
			padding: 0 10px 10px 10px;
		}



#subFooter {
	background: transparent url(../images/bottomCorners.gif) bottom left no-repeat;
	height: 23px;
}

#footer {
	text-align: center;
	font-size: 75%;
	clear: both;
}