@charset "UTF-8";

/*---Panel---*/
#page_title {
	width: 780px;
	margin: 0 auto;
	font-size: 12px;
	text-transform: lowercase;
}

.scroller_train {
	overflow: hidden;
	width: 9999px;
	position: relative;
}

.scroller {
	width: 100%;
	overflow: auto;
	position: relative; /* pull scroller up because of image cutout. */
}

.longpage {
  width:900px;
  position: relative;
  height:auto;
/*  border:1px solid gray;*/
  margin-top:-24px; /* pull scroller up because of image cutout. */
  padding-bottom:80px;
}

.scroller_next,
.scroller_previous {
	position: absolute;
	top: 175px;
	width: 23px;
	height: 48px;
	background-image:url(slider-arrows.png);
	background-repeat: no-repeat;
	/*text-indent: -9999px;*/
  cursor: pointer;
	z-index: 20;
	display: none;
}
.scroller_previous {background-position: 0 -48px;}
.scroller_next {background-position: 0 0;}
.scroller_previous:hover {background-position: -23px -48px;}
.scroller_next:hover {background-position: -23px 0;}

.panel {
	float: left;
	padding: 10px 80px 0px 80px;
	position: relative;
	width: 780px;
	height: 400px;
	margin-right:10px;
}


.panel_content,
.panel_title {
	width: 780px;
	height: 400px;
	overflow: auto;  /* thus will be switched to hidden by JavaScript, to hide scrollbars */
	position: absolute;
	background-repeat: no-repeat;
	left: 79px;
}
body#laser .panel_content {
	background-image: url(panel-bg-laser-sprite.jpg);
}
body#spa .panel_content {
	background-image: url(panel-bg-spa-sprite.jpg);
}
body#salon .panel_content {
	background-image: url(panel-bg-salon-sprite.jpg);
}
body#store .panel_content {
	background-image: url(panel-bg-store-sprite.jpg);
}
body.inside #panel-specials.panel_content {
	background-image: url(panel-bg-specials-sprite.jpg);
}
body #panel-contact.panel_content {
	background-image: url(panel-bg-blank-sprite.gif);
}
body .about .panel_content {
	background-image: url(panel-bg-about-sprite.jpg);
}
body.inside .panel_content_pad {
	margin:0px 0px 0px 240px;
}

#panel_services .panel_content {
	background-position:0px 0px;
}
#panel_photos .panel_content {
	background-position:0px -550px;
}
#panel_staff .panel_content {
	background-position:0px -1100px;
}

/*.panel div.panel_title:hover {
  background-color:#ebebeb;
}
*/
.panel_clip .panel_content {
  /* clip panels are used for slide-in content where we want to be able to hide panels underneath in the "clip" */
  overflow: hidden;
}

.panel_transparent {
  background: none;
}

.panel_transparent .panel_content {
  background: none;
  /* increase the allowed height and width, since there is no shadow to allow for */
  height: 400px;
  width: 783px;
}

.panel_reveal_content {
  display: none;
  position: absolute;
  width:783px;
  top: 331px;
  left:0;
  height: 331px;
  overflow: auto;
}

.panel_content, 
.panel_reveal_content {
  background-color: #FFFFFF;
  font-size: 13px;
  z-index: 5;  
}

.panel_content_pad {
	padding: 15px;
	width: 510px;
	margin-left: 20px;
	float: left;
}
#store-giftcards {padding-top:50px;}