/* basic styles */
html { min-height: 100%; margin-bottom: 0px; background-color:#a9a9a9;}

@font-face {
	font-family: 'DroidSerifRegular';
	src: url('DroidSerif-Regular-webfont.eot');
	src: local('?'), url('http://www.boltshairandbody.co.uk/newsite-2/css/Droid-Serif-fontfacekit/DroidSerif-Regular-webfont.woff') format('woff'), url('DroidSerif-Regular-webfont.ttf') format('truetype'), url('DroidSerif-Regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.hidden { display:none; }
.align-left{float:left;}
.align-right{float:right;}
.text-align-left{text-align:left;}
.text-align-right{text-align:right;}
.align-centre{text-align:center;}
.border{border:0px solid #9B93A4;}
.last{margin-right:0px;}
.clear_left { clear:left; }
.clear_right { clear:right; }
.clear_both { clear:both; }
.clear:after { content: "."; display: block; position:relative; height:0; clear:both; visibility:hidden; }
.clear { display:inline-block; }
* html .clear { height:0; }
.clear { display:block; }
textarea { width:385px;height:100px; }
textarea.tall { height:400px;}
button {white-space:nowrap;}

.column-50-left{float:left;width:48%;}
.column-50-right{float:right;width:48%;}

.column-75-left{float:left;width:70%;}
.column-25-right{float:right;width:25%;}

.column-33-left{float:left;width:32%;margin-right:2%;}
.column-33-centre{float:left;width:32%;margin-right:2%;}
.column-33-right{float:right;width:32%;}

/* flash message styles */
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:0px;color:#fff;font-weight:bold;font-size:1.16em;padding-left:17px;}
.error {background:url('../images/bg/bg_flash-error.jpg') no-repeat center left;}
.notice {background:url('../images/bg/bg_flash-success.jpg') no-repeat center left;}
.success {background:url('../images/bg/bg_flash-success.jpg') no-repeat center left;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

ul.list-vertical{margin:0px;}
ul.list-vertical li{list-style:none;padding-bottom:0.2em;}
.transparent_class {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

form dl{margin:0px;margin-top:0em;padding-top:1em;}
form dl dt{margin:0px;padding:0px;width:150px;display:block;line-height:1em;font-weight:normal;color:#656565;}
form dl dd{margin:0px;padding:0px;display:block;margin-left:150px;margin-top:-1.4em;line-height:1em;padding-bottom:1.6em;}

h1{font-family: DroidSerifRegular;}
h2{color:#fff;margin-bottom:0.5em;font-family: DroidSerifRegular;}

a:link,
a:visited,
a:hover,
a:active
{color:#fff;font-family: DroidSerifRegular;}

/* Layout styles start */
body{background-color:#a9a9a9;min-height:100%;}

div#page_wrapper{background:url('../images/background_bottom.gif') #a9a9a9 no-repeat;background-position:bottom left;width:100%;text-align:center;height:100%;}
div#page_content{width:800px;margin-left:auto;margin-right:auto;text-align:left;font-family: DroidSerifRegular;font-size:1em;}

div#header{height:160px;background-color:#3f3f41;}

div#logo{text-align:right;}
div#logo img{margin-right:0px;margin-top:30px;}

#top_half {
	background-image: url('../images/background_top.gif');
	background-repeat: no-repeat;
	background-position: top right;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div#menu_bar{padding-bottom:20px;margin-top:-28px;background-color:#3f3f41;padding-left:20px;}
div#menu_bar ul{margin:0px;}
div#menu_bar ul li{list-style:none;margin:0px;color:#fff;float:left;}
div#menu_bar ul li a:link,
div#menu_bar ul li a:visited{display:block;float:left;padding-left:10px;padding-right:10px;color:#59bcbe;line-height:1em;height:1em;text-decoration:none;font-weight:bold;font-family:arial;}
div#menu_bar ul li.last a{border:0px;}

div#menu_bar ul li ul{margin-top:7px;}
div#menu_bar ul li ul li{line-height:1em;padding-bottom:4px;}
div#menu_bar ul li ul li a:link,
div#menu_bar ul li ul li a:visited{border:0px;}

div#footer{margin-top:1em;margin-bottom:2em;text-align:right;color:#3f3f41;}
div#footer ul{margin:0px;padding-bottom:1em;}
div#footer ul li{list-style:none;margin:0px;color:#3f3f41;float:right;}
div#footer ul li a:link,
div#footer ul li a:visited{padding-left:10px;padding-right:10px;color:#3f3f41;border-right:1px solid #8f8f91;line-height:1em;height:1em;text-decoration:none;}
div#footer ul li.last a{border:0px;}
div#footer p{margin-bottom:0.5em;}

div#footer a{color:#3f3f41;}
div#footer .credit{text-decoration:none;}

h3 {font-size:14px;font-weight:bold;}
/* Define the different styles of pages based on the body class */
div#main_area div#main_content{color:#221e1f;margin-left:30px;margin-right:50px;padding-bottom:2.5em;width:700px;}

body.hair div#main_area{background:url('../images/bg/bg_hair.jpg') #efd1be no-repeat top left;}
body.hair div#main_area div#main_content{color:#221e1f;padding-top:240px;}
body.hair div#around_image{width:410px;}

body.about div#main_area{background:url('../images/bg/bg_about.jpg') #f8fbf6 no-repeat top left;}
body.about div#main_area div#main_content{color:#221e1f;padding-top:140px;}

body.tanning div#main_area{background:url('../images/bg/bg_tanning-bottom.jpg') #015079 no-repeat bottom right;}
body.tanning div#main_area div#main_content{color:#ffffff;padding-top:10px;padding-right:0px;margin-right:0px;}

body.home div#main_area{background:#ffffff;}
body.home div#main_area div#main_content{color:#2f3335;padding-top:10px;padding-right:0px;margin-right:0px;}

body.hairremoval div#main_area{background:url('../images/bg/bg_treatmentsbody-bottom.jpg') #ffffff no-repeat bottom right;}
body.hairremoval div#main_area div#main_content{color:#0f181f;padding-top:10px;padding-right:0px;margin-right:0px;}

body.facial div#main_area{background:url('../images/bg/bg_facial-bottom.jpg') #f4ebdc no-repeat bottom left;}
body.facial div#main_area div#main_content{color:#221e1f;padding-top:20px;padding-bottom:450px;}
body.facial div#main_area div#main_content h1,
body.facial div#main_area div#main_content h2,
body.facial div#main_area div#main_content h3,
body.facial div#main_area div#main_content a:link,
body.facial div#main_area div#main_content a:visited{color:#221e1f;}
body.facial div#main_area div#main_content h2{border-top:0px solid #221e1f;padding-top:10px;margin-top:10px;}

body.packages div#main_area{background:url('../images/bg/bg_packages-bottom.jpg') #1a0f0b no-repeat bottom left;min-height:1000px;}
body.packages div#main_area div#main_content{color:#a89b89;padding-top:0px;padding-bottom:450px;}
body.packages div#main_area div#main_content a:link,
body.packages div#main_area div#main_content a:visited{color:#a89b89;}

body.contact div#main_area{background:url('../images/bg/bg_contact.jpg') #0f181f no-repeat bottom left;height:565px;}
body.contact div#main_area div#main_content{color:#fff;padding-top:40px;margin-left:320px;height:447px;}

body.body div#main_area{background:#ffffff;padding-bottom:20px;}
body.body div#main_area div#main_content{color:#1b252c;padding-top:40px;}

body.manspace div#main_area{background:url('../images/bg/bg_manspace-bottom.jpg') #000000 no-repeat bottom left;}
body.manspace div#main_area div#main_content{color:#d7d9da;padding-top:10px;padding-bottom:550px;}
body.manspace div#main_area div#main_content a:link,
body.manspace div#main_area div#main_content a:visited{color:#d7d9da;}

body.handsfeet div#main_area{background:url('../images/bg/bg_handsfeet.jpg') #d9d4be no-repeat top left;}
body.handsfeet div#main_area div#main_content{color:#221e1f;padding-top:240px;}
body.handsfeet div#main_area div#main_content h1,
body.handsfeet div#main_area div#main_content h2,
body.handsfeet div#main_area div#main_content h3,
body.handsfeet div#main_area div#main_content a:link,
body.handsfeet div#main_area div#main_content a:visited{color:#221e1f;}

body.openinghours div#main_area{background:url('../images/bg/bg_openinghours-bottom.jpg') #0f181f no-repeat bottom left;}
body.openinghours div#main_area div#main_content{color:#d7d9da;padding-top:40px;margin-left:360px;height:350px;}
body.openinghours div#main_area div#main_content a:link,
body.openinghours div#main_area div#main_content a:visited{color:#d7d9da;}

body.treatmentsbody div#main_area{background:/*url('../images/bg/bg_treatmentsbody-bottom.jpg') */#ffffff no-repeat bottom right;}
body.treatmentsbody div#main_area div#main_content{color:#5c2a20;padding-top:30px;}
body.treatmentsbody div#main_area div#main_content h1,
body.treatmentsbody div#main_area div#main_content h2,
body.treatmentsbody div#main_area div#main_content h3,
body.treatmentsbody div#main_area div#main_content a:link,
body.treatmentsbody div#main_area div#main_content a:visited{color:#5c2a20;}

body.holistic div#main_area{background:url('../images/bg/bg_holistic-bottom.jpg') #2a120a no-repeat bottom right;}
body.holistic div#main_area div#main_content{color:#9d8e7c;padding-top:30px;padding-bottom:400px;}
body.holistic div#main_area div#main_content a:link,
body.holistic div#main_area div#main_content a:visited{color:#9d8e7c;}

body.home{color:#fff;}
body.home p.intro{font-size:16px;}

body.findus div#main_area{background:#f9fbf6 no-repeat bottom right;}
body.findus div#main_area div#main_content{width:80%;}
body.findus div#main_area div#main_content{color:#221e1f;padding-top:10px;}
body.findus div#main_area div#main_content a:link,
body.findus div#main_area div#main_content a:visited{color:#221e1f;}

body.sitemap div#main_area{background:#fff no-repeat bottom right;}
body.sitemap div#main_area div#main_content{width:80%;}
body.sitemap div#main_area div#main_content{color:#221e1f;padding-top:10px;}
body.sitemap div#main_area div#main_content a:link,
body.sitemap div#main_area div#main_content a:visited{color:#221e1f;}

body.links div#main_area{background:#fff no-repeat bottom right;}
body.links div#main_area div#main_content{width:80%;}
body.links div#main_area div#main_content{color:#221e1f;padding-top:10px;}
body.links div#main_area div#main_content a:link,
body.links div#main_area div#main_content a:visited{color:#221e1f;}

body.products div#main_area{background:#fafcf7 no-repeat bottom right;}
body.products div#main_area div#main_content{width:80%;}
body.products div#main_area div#main_content{color:#221e1f;padding-top:10px;}
body.products div#main_area div#main_content a:link,
body.products div#main_area div#main_content a:visited{color:#221e1f;}

/* Layout styles end */

/*body categories*/
#body_categories {
	width: 800px;
}

#body_categories ul{
	list-style: none;
	margin: 0px;
}

#body_categories li{
	display: block;
	float: left;
	width: 220px;
	margin: 15px 15px 15px 0px;
	padding: 5px;
}

#body_categories li h1 {
	color: #59bcbe;
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
}

#body_categories li h1 a {
	color: #619090;
}

#body_categories li h1 a:hover{
	color: #5b5a58;
	text-decoration: none;
}

#body_categories li.facial {
	background-image: url('../images/facial_icon_background.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 10px 0px 0px;
	height: 75px;
}

#body_categories li.body {
	background-image: url('../images/body_icon_background.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 10px 0px 0px;
	height: 75px;
}

#body_categories li.holistic {
	background-image: url('../images/holistic_icon_background.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 0px 0px 0px;
	height: 75px;
}

#body_categories li.man {
	background-image: url('../images/man_icon_background.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 10px 0px 0px;
	height: 75px;
}

#body_categories li.packages {
	background-image: url('../images/packages_icon_background.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 10px 0px 0px;
	height: 75px;
}

#body_categories li.feet {
	background-image: url('../images/feet_icon_background.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 10px 0px 0px;
	height: 75px;
}

#body_categories li.tanning {
	background-image: url('../images/waxing_icon_background.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 10px 0px 0px;
	height: 75px;
}

#body_categories li.hairremoval {
	background-image: url('../images/legs_icon_background.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 10px 0px 0px;
	height: 75px;
}
/*end body categories*/