/* Main CSS - Copyright Cornerhouse Media Limited - 01254 581209 www.cornerhousemedia.com */
body {
margin: 0;
padding: 0;
font-family: Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
font-size:16px;
color: white;
background: #f1e8c8 url(images/bg.png);
background-repeat: repeat-x;
background-position: top left;
text-align: center;
line-height: 1.8em;
letter-spacing: 0.05em;}

#wrapper {
position: relative;
text-align: left;
width: 850px;
/*height: 900px;*/
margin-right: auto;
margin-left: auto;
}

a#logo {
width: 850px;
background: url(images/header2.png);
background-repeat:no-repeat;
background-position:bottom left;
height: 130px;
display: block;
text-indent: -9999px;
}

#navbar {
height: 66px;
width: 850px;
text-align:center;
border-bottom: 1px solid white;
}


#navbar ul {list-style-type:none;
	margin: 0px;
	padding: 0;
	padding-top: 22px;}

#navbar li {display:inline; margin-top: 22px;}

#navbar li a:link, #navbar a:visited {
text-decoration: none;
color: white;
padding: 0px;
margin: 10px 25px;
font-size: 14px;
letter-spacing:3px;
}

#navbar li a:hover {
	border-top: 1px white solid;
	border-bottom: 1px white solid;}



/*#content {
height: 510px;
width: 850px;
background: url(images/content-christmas.jpg);}*/

#content {
height: 510px;
width: 850px;
background: url(images/content.jpg);}

#gallery {
margin-top: 0px;
padding: 0;
height: 510px;
width: 850px;
background: black url(images/bottles.jpg);
background-position: top right;
background-repeat: no-repeat;}

#gallerycontent {
margin: 0px;
width: 550px;
padding: 0px;
background: black url(images/bgcontent.png);
background-repeat: repeat-x;
height: 490px;
text-align:center;
overflow: hidden;
color: white;
line-height: 1.8em;
letter-spacing: 0.1em;
}


#gallerylist {
list-style-type:none;
width: 550px;
}

#gallerylist li {
float: left;
margin-right: 20px;
margin-bottom: 40px;
padding-bottom: 3px;
margin-top: 5px;}

#gallerylist img {
display: block;
border:none;
}


#generic {
margin-top: 0px;
padding: 0;
height: 510px;
width: 850px;
}

.careers {
background: black url(images/careers.jpg);
background-position: top right;
background-repeat: no-repeat;}

.contact {
background: black url(images/contact.jpg);
background-position: top right;
background-repeat: no-repeat;}

.about {
background: black url(images/about.jpg);
/*background-position: top right;*/
/*background-repeat: no-repeat;*/
background-repeat: no-repeat;
background-position: right 0px; 
}

.products {
background: black url(images/mastey-product-bottles.jpg);
/*background-position: top right;*/
/*background-repeat: no-repeat;*/
background-repeat: no-repeat;
background-position: right 0px; 
}

.prices {
background: black url(images/hair-scissors-comb.jpg);
/*background-position: top right;*/
/*background-repeat: no-repeat;*/
background-repeat: no-repeat;
background-position: right 0px; 
}

.profile {
background: black url(images/blackburn-hairdressers.jpg);
/*background-position: top right;*/
/*background-repeat: no-repeat;*/
background-repeat: no-repeat;
background-position: right 0px; 
}


#genericcontent {
margin: 0px;
width: 550px;
padding-top: 20px;
background-color: #000000;
height: 440px;
text-align:center;
overflow: hidden;
color: white;

letter-spacing: 0.1em;

}

#generic h1 {
font-size: 1em;
font-weight: normal;}

#genericcontent p 
{margin: 0; padding: 0;}

#genericparagraph {
text-align: justify;
width: 450px;
margin-left: 50px;
margin-right: 50px;
margin-top: 20px;
letter-spacing: normal;}

#genericparagraph a:link {
color: #CCCCCC;
}

#genericparagraph a:visited {

color: #ff0000;
}

#genericparagraph a:hover {
border-top: 1px solid white;
border-bottom: 1px solid white;
text-decoration: none;
}

#genericparagraph h2 {

font-size: 16px;
}


#generic h1 {
margin: 0;
padding: 0;}


table tr th p, td p {
font-size:small;
padding: 0;
margin: 0;
line-height: normal;
text-align:center;
}

tr th {
font-style:normal;
text-decoration:none;}

p.desc {
font-size: small;}

/* FOOTER INFORMATION */

#footer {
height: 194px;
width: 850px;
background-repeat: no-repeat;
background-position:bottom left;
font-size: 11px;
	letter-spacing: 3px;
	margin: 0;
	padding: 0;
	line-height:normal;
}

#footer ul {
list-style-type: none;
margin: 0;
padding: 4px 0px 0px 5px;}

#footer li {
margin: 0; 
padding-right: 5px;
}

#footer li, #footer p {display: inline;}
#footer li a:link, #footer li a:visited {
	text-decoration:none;
	color: white;
	font-size: 11px;}
	
#footer li a:hover {text-decoration: underline;}

.footergallery{


background: #000000;
background-image: url(images/reflectgallery.png);
}

/*.footerindex{


background: #000000;
background-image: url(images/reflectchristmas.png);
}
*/

.footerindex{


background: #000000;
background-image: url(images/reflect.png);
}


.footercontact{

background: #000000;
background-image: url(images/reflectcontact.png);}

.footercareers{

background: #000000;
background-image: url(images/reflectcareers.png);}

.footerabout{

background: #000000;
background-image: url(images/reflectabout.png);}

.footerprofiles{

background: #000000;
background-image: url(images/reflectprofiles.png);}

.footerproducts{

background: #000000;
background-image: url(images/reflectproducts.png);}

.footerprices{

background: #000000;
background-image: url(images/reflectprices.png);}

#designby a {
	float: right;
	margin: 0;
	padding: 4px 5px 0 0;
	color:#FFFFFF;
	text-decoration:none;
	
	}

#designby a:hover {
color: #999999;
text-decoration:underline;
}
	


td.tblpricename {
margin-left: 20px;

}

.tblseparator {

height: 45px;
vertical-align: bottom;
}


.tblprices {
font-size: 14px;
border-collapse: collapse;
width: 450px;
margin: 0;
padding: 0;
}

.tblprices td {
padding: 0px;
}

.tblprices td.tblpricecost {
text-align: right;
}

#pricehealthsafety {
font-size: 12px;
line-height: 14px;
padding-bottom: 10px;
}

table {
border-top: 1px solid white;
border-bottom: 1px solid white;
}

div#generic.prices p {
margin-bottom: 0;
margin-top: 5px;
}

div.legalterms {
overflow: auto;
padding-right: 20px;
height: 510px;
font-size: 12px;
}