html {
  background:url(/images/body_bg.png);
}
body {
  text-align:left;
  color:#E1E1E1;
  font-family:"Times New Roman", Georgia, sans-serif;
}
h1 {
  font-size:212%;
  text-transform:uppercase;
  margin:22px auto 12px auto;
  background:url(/images/heading_left.gif) no-repeat left center;
  padding:0 0 0 50px;
  width:28em;
}
h1#homepage{width:32em;}
h1 span {
  background:url(/images/heading_right.gif) no-repeat right center;
  padding-right:50px;
  display:block;
}
h2 {
  clear:both;
}
h2 {
  font-size:146.5%;
  text-transform:uppercase;
  margin:12px auto;
  background:url(/images/subhead_left.gif) no-repeat left 8px;
  padding:0 0 0 70px;
  width:20em;
}
h2 span {
  background:url(/images/subhead_right.gif) no-repeat right 8px;
  padding-right:70px;
  display:block;
}
h3 {
  font-size:108%;
  line-height:150%;
}
h3:before {
  content:"• ";
}
h3:after {
  content:" •";
}
p {
  line-height:160%;
  margin:12px 0;
}
a {
  color:#E1E1E1;
  text-decoration:underline;
  padding-bottom:8px;
}
strong {font-weight:bold;}

#heading {
  text-align:center;
}
#vouchers {
  float:right;
  display:block;
  margin-bottom:-40px;
}
#page {
  width:985px;
  margin:0 auto;
}
#page #header {
  margin-top:0;
}
#basket {
  float:left;
  padding-top:12px;
}
#basket a {
  color:#9f9f9f;
}

/******** Template Page Styling *******/
#main_page #head {
  background:url(/images/page_head_bg.png) no-repeat center top;
  height:30px;
}
#main_page #body {
  background:url(/images/page_body_bg.png) repeat-y center top;
  padding:0 20px 0px 30px;
}
#main_page #foot {
  background:url(/images/page_footer_bg.png) no-repeat center top;
  height:30px;
}
#balm, #razor {
  float:left;
  margin:20px 40px;
}
#razor {
  margin:60px 0 0 -20px;
} 
#main_page #content {
  float:left;
  text-align:center;
  width:60%;
  font-size:123.1%;
}
#main_page #content p {
  margin:18px 0;
}
#main_page #content #voucher_form {
  width:50%;
  margin:0 auto;
}
#main_page #content label {
  display:block;
  width:auto;
}
#main_page #content select, #main_page #content input {
  margin-bottom:10px;
}
#main_page #content #contact_form {
  width:70%;
  margin:0 auto;
}
#main_page h2 {
  width:40em;
}


/******* Forms For Booking **********/
#treatment_page #treatment_form{
	float:none;
	margin:0 auto;
}
#treatment_form {
  float:left;
  width:500px;
}
p.products_page_link{
	margin:0;
	text-align:center;
}
#treatment_head {
  background:url(/images/treatment_form_head.png) no-repeat;
  padding:70px 20px 15px 30px;
  height:20px;
}

#treatment_body {
  background:url(/images/treatment_body_bg.png) repeat-y;
  padding:10px 20px 0px 30px;
  min-height:280px;
  
}
#treatment_footer {
  background:url(/images/treatment_footer_bg.png) no-repeat;
  height:50px;
}
#treatment_options ul {
  float:left;
  width:29%;
}
#treatment_options ul li {
  margin:8px 0;
}
#treatment_options ul a {
  color:#9f9f9f;
  font-size:107%;
  text-decoration:none;
  position:relative;
}
#treatment_options div {
  margin-left:20px;
  float:left;
  width:65%;
  font-size:100%;
  line-height:200%;
}
#treatment_options .buy_options {
  width:100%;
  float:none;
  padding-top:20px;
  background:url(/images/divider.gif) no-repeat top center;
}
#treatment_options .buy_options .buy {
  float:right;
}
span.buy strong{font-weight:bold;}
.ui-tabs-selected a {
  color:white !important;
  font-weight:bold;
}

#time_form, #details_form {
  float:left;
  width:240px;
}
#time_head {
  background:url(/images/time_header_bg.png) no-repeat;
  padding:30px 20px 15px 30px;
  height:30px;
  margin-top:40px;
}
#time_body, #details_body {
  background:url(/images/time_body_bg.png) repeat-y;
  padding:10px 20px 0px 30px;
  min-height:272px;
}
#time_footer, #details_footer {
  background:url(/images/time_footer_bg.png) no-repeat;
  height:50px;
}
#details_head {
  background:url(/images/details_header_bg.png) no-repeat;
  padding:30px 20px 15px 30px;
  height:30px;
  margin-top:40px;
}
#booking_forms label {
  display:block;
}
#booking_forms .divider {
  background:url(/images/divider.gif) no-repeat left center;
  padding:10px 0;
  margin-top:-25px;
}
#booking_forms .select_field, #booking_forms .input_field {
  margin-bottom:15px;
  width:170px;
}
.divider {
  padding:20px 0;
  background:url(/images/divider.gif) no-repeat center center;
}
#check_button {
  margin:3px auto 15px auto;
}
#booking_forms label.error, #contact_form label.error {
  background:#e58881;
  color:#111111;
  padding:3px;
  width:90%;
  margin:-7px 0 10px 0;
  font-size:85%;
  font-weight:bold;
}
 #contact_form label.error {
   width:41% !important;
   margin:-7px auto 10px auto;
   font-size:75%;
 }
 
 .product_image {
<<<<<<< HEAD:public/stylesheets/styles.css
   margin:4px 0 4px 6px;
=======
   margin:4px 0 4px 0px;
>>>>>>> 12f345ffe2592b7c5a75af83d1cc6252e01478b7:public/stylesheets/styles.css
   border:2px solid #333;
   float:right;
 }
 
 .product {
   float:left;
   width:200px;
   padding:20px;
   margin:0 25px 15px 0;
   text-align:left;
   font-size:85%;
 }

/******* Footer ****************/
#footer {
  padding-top:35px;
  font-size:131%;
}
#footer_contact {
  float:left;
}
#footer_links {
  float:right;
}
#footer_divider {
  margin-bottom:15px;
}
#footer #bear_link {
  text-align:center;
  font-size:75%;
}
#footer #bear_link a {
  font-size:75%;
  color:#0B0B0B;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
}

/** checkout page **/
#checkout table{width:99%;}
/** checkout page **/
#checkout .total {
  text-align:right;
}
#checkout th {
  font-weight:bold;
  font-size:107%;
  padding-bottom:15px;
}
#checkout table {
  width:70%;
  margin:0px auto;
}
#checkout .basket_item td {
  border-bottom:1px solid #464646;
  padding:10px 0;
}
#checkout td {padding:10px 0;}

/*easter egg*/
div.easter_egg{
	background:url('/images/egg.gif') no-repeat top left;
	display:block;
	width:20px;
	height:18px;
	position:fixed;
	top:0;
	left:0;
}
.easter_egg p{margin:0;}
.easter_egg a{
	display:block;
	width:20px;
	height:18px;
	text-decoration:none;
}

#basket_table {
  width:100%;
}
.payme {
  text-align:right;
}


