body {
  background:#fce07b url("/images/background.gif") center center repeat-x;
  font-family:arial,verdana,sans-serif;
  font-size:small;
  margin:0;
  padding:0;
}

a {
  color:#666;
  border-bottom:1px solid #fc6;
  text-decoration:none;
}
a:hover {
  color:#999;
  border-bottom:1px solid #c03;
  text-decoration:none;
}

a.email {
  background:transparent url("/images/icons/email.gif") right center no-repeat;
  padding-right:20px;
}
a.map {
  background:transparent url("/images/icons/map.gif") right center no-repeat;
  padding-right:20px;
}

#wrapper {
  background:#f9f9f9 url("/images/star_bg.gif") 150px bottom no-repeat;
  border:2px solid #999;
  margin:2% auto 0 auto;
  padding:0 0 0 10px;
  width:900px;
}

#image {
  float:right;
  width:250px;
  height:700px;
}

#header {
  margin:10px 260px 10px 0;
  padding:10px;
}
#header h1 {
  margin:0;
  padding:0;
}

#header h1 a {
  background:transparent url("/images/logo.gif") top left no-repeat;
  border:0;
  text-indent:-1000em;
  overflow:hidden;
  width:600px;
  height:50px;
  display:block;
}
#header h2 {
  background:transparent url("/images/tagline.gif") top left no-repeat;
  margin:0;
  padding:0;
  text-indent:-1000em;
  overflow:hidden;
  width:400px;
  height:50px;
}

#container {
  
}

div#left {
  float:left;
  width:175px;
}

div#left form {
  width:160px;
  margin:10px 0 0 5px;
  background:#eee;
  float:left;
}
div#left form p label {
  margin:0;
  text-align:left;
  font-weight:bold;
}

div#left form p input {
  width:150px;
}

ul#nav {
  font-family:Georgia;
  list-style:none;
  margin:0 0 0 5px;
  padding:0;
}
ul#nav li {
  margin:0;
  padding:0;
}
ul#nav li a {
  float:none;
  display:block;
  background:#ccc;
  border-bottom:2px solid #fff;
  color:#fff;
  text-align:center;
  text-decoration:none;
  font-size:110%;
  font-weight:bold;
  width:170px;
  padding:5px 0;
  margin:0;
}
ul#nav li a:hover {
  background:#dadada;
}
p#sanfran {
  margin:5px 0 0 0;
  padding:0;
}
p#sanfran a {
  background:transparent url("/images/golden_gate_icon.jpg") center left no-repeat;
  display:block;
  margin-left:8px;
  padding-left:30px;
  border-bottom:2px solid #f9f9f9;
  font-size:110%;
}
p#sanfran a:hover {
  background-color:#fff;
  border-color:#fce07b;
}


address {
  font-size:90%;
  clear:both;
  padding-left:20px;
  background:transparent url("/images/icons/map.gif") left center no-repeat;

}
address a {
  border-bottom:0;
  color:#333;
}
address a:hover {
  border-bottom:0;
}

#content {
  margin:0 260px 0 200px;
}
#content p {
  font-size:110%;
}
#content p.small {
  font-size:90%;
}

#content p.disclaimer {
  font-size:80%;
  color:#666;
}
#content p.success {
  font-size:120%;
  border:1px solid #090;
  border-width:4px 1px;
  padding:6px;
  background:#cec;
}
#content p.error {
  font-size:120%;
  border:1px solid #900;
  border-width:4px 1px;
  padding:6px;
  background:#ecc;
}
#content p.error span {
  font-size:90%;
  font-weight:bold;
  display:block;
  margin-left:30px;
}

div.highlight, div.highlight_odd {
  color:#666;
  width:250px;
  margin:0 auto 10px auto;
  padding:4px;
  font-size:80%;
}
div.highlight h3, div.highlight_odd h3 {
  margin:0;
  padding:0;
  background:none;
  border:0;
  font-family:Courier New;
  font-size:160%;
}
div.highlight p a.star_yellow, div.highlight_odd p a.star_yellow {
  float:right;
  border:0;
}
div.highlight p, div.highlight_odd p {
  margin:0;
  padding:0 0 15px 0;  
}
div.highlight {
  background:#fef0bf;
  border:10px solid #fdecb0;
}
div.highlight_odd {
  background:#fde695;
  border:10px solid #fce07b;
}


form {
  padding:4px;
  font-size:90%;
}
form p {
  margin:6px 0;
}
form p.req {
  width:300px;
  margin:6px auto;
  border:5px solid #ff6;
  border-width:0 5px;
}
form p strong {
  border-bottom:1px solid #ccc;
  width:400px;
  display:block;
  margin:0 0 -10px 0;
  padding:0;
}
form p strong em {
  font-weight:normal;
  font-size:90%;
  float:right;
}

form p label {
  display:block;
  width:100px;
  float:left;
  text-align:right;
  padding-right:10px;
}
form p input.borderless {
  border-width:0;
}
form p select.multi {
  margin-left:100px;
}

form p select.multi option {
  padding-left:20px;
}
form p select.multi option.cathead {
  padding-left:0;
  border-bottom:1px solid #eee;
  font-weight:bold;
}
form p select.multi option.extra {
  margin-top:10px;
}

form p input {
  border:1px solid #666;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  padding:1px 2px;
  font-size:90%;
}
form p span label {
  display:inline;
  float:none;
}
form p span span {
  width:215px;
  display:block;
  float:left;
}
form p span span em {
  font-size:80%;
}

form p span span input {
  margin-left:25px;
}

form p button.go {
  font-size:90%;
  color:#000;
  background:#fff url("/images/icons/right.gif") right center no-repeat;
  padding:2px 15px 2px 8px;
  border:1px solid #393;
  border-left:1px solid #9c6;
  border-top:1px solid #9c6;
  font-weight:bold;
  float:right;
}

form p button.pos {
  font-size:110%;
  margin:20px 0 0 150px;

  color:#030;
  background:#9e9 url("/images/icons/tick.gif") 2px center no-repeat;
  padding:2px 6px 2px 20px;
  border:1px solid #393;
  border-left:1px solid #9c6;
  border-top:1px solid #9c6;
  font-weight:bold;
}


a.star_yellow {
  background:transparent url("/images/star_yellow.gif") center left no-repeat;
  color:#666;
  text-decoration:none;
  font-weight:bold;
  padding-left:15px;
}
a.star_yellow:hover {
  color:#333;
  text-decoration:underline;
}

img.left {
  float:left;
  padding:2px;
  margin:0 4px 0 0;
  border:1px solid #ccc;
}
img.right {
  float:right;
  padding:2px;
  margin:0 0 0 4px;
  border:1px solid #ccc;
}

a:hover img.right, a:hover img.left {
  border-color:#c00;
}


dl#hours {

}
dl#hours dt {
  font-weight:bold;
  width:200px;
  text-align:right;
  padding-right:20px;
  float:left;
}

table {
  font-size:90%;
  border:1px solid #999;
}
table thead th {
  padding:0 4px;
  background:#ccc;
  color:#fff;
  border-bottom:2px solid #999;
}
table tfoot {
  background:#ccc;
  border-bottom:2px solid #999;
  text-align:center;
}
table tbody td {
  text-align:center;
  border-bottom:1px solid #ccc;
  padding:1px 2px;
}
table tbody td strong {
  display:block;
  text-align:left;
}
td sup {
  font-size:90%;
  border-bottom:1px solid #ccc;
}


div.clearfix:after {
    content: ".";
    display: block;
    clear: left;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
div.clearfix {
  display:inline-block;
}
* html div.clearfix {
    height: 1%;
}



h2 {
  text-indent:-1000em;
  margin:-50px 0 0 0;
  padding:0;
  height:50px;
}
h3 {
  background:transparent url("/images/star_white.gif") center left no-repeat;
  color:#666;
  font-size:125%;
  padding-left:15px;
  border-bottom:1px solid #eee;
}
h3 a, h3 a:hover {
  border:0;
}
h3 em {
  float:right;
  color:#999;
}

h2#index {
  background:transparent url("/images/headers/index.gif") top left no-repeat;
}
h2#about {
  background:transparent url("/images/headers/about.gif") top left no-repeat;
}
h2#about_treatments {
  background:transparent url("/images/headers/about_treatments.gif") top left no-repeat;
}
h2#services, h2#services_test {
  background:transparent url("/images/headers/what_we_do.gif") top left no-repeat;
}
h2#contact {
  background:transparent url("/images/headers/contact.gif") top left no-repeat;
}
h2#appointment, h2#appointment_sent {
  background:transparent url("/images/headers/bookings.gif") top left no-repeat;
  height:70px;
}
h2#events, h2#event, h2#past_events {
  background:transparent url("/images/headers/happenings.gif") top left no-repeat;
  height:70px;
}
h2#map {
  background:transparent url("/images/headers/map.gif") top left no-repeat;
  height:70px;
}
h2#error {
  background:transparent url("/images/headers/error.gif") top left no-repeat;
  height:70px;
}
h2#register, h2#subscribe {
  background:transparent url("/images/headers/newsletter.gif") top left no-repeat;
  height:70px;
}
h2#san_francisco {
  background:transparent url("/images/headers/san_francisco.gif") top left no-repeat;
  height:70px;
}

/* Main Style Sheet for jQuery Calendar */
#calendar_div, .calendar_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
}
#calendar_div {
	display: none;
	border: 1px solid #777;
	z-index: 10; /*must have*/ 
}
#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
	width: 185px;
}
.calendar_inline {
	float: left;
	display: block;
	border: 0;
}
.calendar_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.calendar_trigger {
	width: 25px;
}
img.calendar_trigger {
	margin: 2px;
	vertical-align: middle;
}
.calendar_prompt {
	float: left;
	width: 181px;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .calendar_prompt {
	width: 185px;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
	clear: both;
	float: left;
	color: #fff;
}
.calendar_control {
	background: #400;
}
.calendar_links {
	background: #000;
}
.calendar_control, .calendar_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.calendar_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.calendar_clear, .calendar_prev {
	float: left;
}
.calendar_current {
	float: left;
	width: 35%;
	text-align: center;
}
.calendar_close, .calendar_next {
	float: right;
}
.calendar_header {
	background: #333;
	text-align: center;
	font-weight: bold;
}
.calendar_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.calendar {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.calendar a {
	display: block;
	width: 100%;
  border:0;
}
.calendar .calendar_titleRow {
	background: #777;
}
.calendar .calendar_daysRow {
	background: #eee;
	color: #666;
}
.calendar .calendar_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
#calendar .calendar_daysCell a{
	display: block;
  border:0;
}
.calendar .calendar_weekEndCell {
	background: #ddd;
}
.calendar .calendar_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.calendar .calendar_unselectable {
	color: #888;
}
.calendar_today {
	background: #fcc !important;
}
.calendar_currentDay {
	background: #999 !important;
}

/* ________ CALENDAR LINKS _______

** Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
  border:0;
}
.calendar_inline .calendar_links a {
	padding: 0 5px !important;
}
.calendar_control a, .calendar_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.calendar_titleRow a {
	color: #eee !important;
}
.calendar_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ IE6 IFRAME FIX ________ */

.calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 193px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/ 
}