/***  BEGIN GC & REQUEST APPT ****/

#gift_wrapper .event { font-weight: bold; font-size: 105%; }

#igc_type, #igc_gratuity, #igc_design, #igc_who, #igc_message, #igc_preview, #igc_delivery, #igc_client, #igc_next_step, #igc_almost_done
{
  width: 100%;
  float: left;
}

#igc_form, #appt_request_form, #submit
{
  zoom: 1;
}

#continue, #place_order, #cancel_order
{
  position: static !important;
}

#hacker_safe_seal, #boomtime_badge
{
  float: right;
  padding-left: 10px;
}

#ref_code_wrap { margin: 10px 30px; }

#ref_code_apply { margin: 0 5px; }

.service_row .hotspot, .service .hotspot
{
  margin-top: 4px;
  margin-bottom: 0;
}

.imagerow 
{
	margin: 4px 10px;
	float: left; 
}

.imagerow label 
{
	font-weight: bold; 
}

.order_grid
{
	padding: 0 30px;
	width: 500px;
}

.order_price, .order_quantity
{
	vertical-align: top;
	padding-left: 15px;
	text-align: right;
}

#date dl, #date dd
{
  margin: 5px 0;
}

.clear 
{
	height: 0; 
	clear: both;
}

.spacer
{
	margin-top: 10px;
}


/*** END GC ***//* BEGIN SERVICES MENU*/

#service
{
  padding: 0 0 0 20px;
}

body#body_gift #service_menu_edit, body#body_lgift #service_menu_edit { padding-top: 25px; }

.service
{
  margin: 4px 20px 10px 35px;
}

.service_row
{
  margin: 4px 0 5px 0;
  padding: 0;
}

.service_option_grid
{
  padding: 0 0;
  width: 99%;
}

.service_option_radio
{
  width: 20px;
  vertical-align: top;
}

.service_option_price
{
  vertical-align: top;
  padding-left: 15px;
  text-align: right;
}

.service_category_description
{
  margin-top: 0px;
}

/* END SERVICES MENU*/
/* BEGIN MENU */

.menu_option_name 
{
  padding-top: 10px;
  font-size: 1.1em;
}

.menu_option_description 
{
  padding: 0 0 5px 15px;
  font-size: .9em;
}

.menu_option_price 
{
  width: 100px;
  padding: 15px 0 0 0;
  text-align: right;
}

/* END MENU *//*  BEGIN WEBSITE EDIT  */

/*
 *
Possible solution for editor buttons covering each other up 
Addition not currently in the following code. Each UNIQUE element will need a UNIQUE margin to ensure they dont cover each other up.

.website_edit_wrapper { position: relative; }

.website_edit_left, .website_edit_photo_left, .website_edit_right, .website_edit_photo_right 
{ 
	left: 0;
	top: 0;
	position: static;
}

.website_edit_html_link .website_edit_icon { left: 30px; }

.website_edit_icon { position: absolute; } 

* for photo containers or other elements that contain floated children we will need this
* but it could end up breaking things on websites with imgs in the content area since they will
* probably clear past the floated sidebars, needs testing
div[boomtime=photo_left]:after 
{
  content: ".";
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

 *
 */

.mceEditorIframe html { background: #FFF !important; }

#website_edit_header
{
  font-family: Tahoma, Arial, sans-serif;
  color: #333;
  padding: 0px 10px 3px 10px;
  border: 2px solid #006633;
  margin: 5px 5px 5px 5px;
  background: #DBE1D3;
  z-index: 100;
  position: relative;
}

#website_edit_header a
{
  color: #006633 !important;
}

#website_edit_header_first
{
  border-bottom: 2px solid #006633; 
  padding-bottom: 5px;
}

#website_edit_header_second
{
  padding-top: 3px;
}

#website_edit_menu a:hover
{
  color: rgb(97, 34, 132) !important;
}

#website_edit_title
{
  font-size: 120%;
  font-weight: bold;
/*
  padding: 5px 0px 0px 28px;
  line-height: 20px;
  background: url(https://fuse.spaboom.com/css/img/website_edit_top.gif) no-repeat 0 1px;
*/
}

#website_edit_menu
{
  margin: 5px auto 0px auto;
  font-size: 90%;
  line-height: 150%;
  list-style: none;
  height:65px;
}

#website_edit_menu ul
{
  display: inline;
  list-style: none;
  padding: 0 0 0 15px;
  margin: 0;
}

#website_edit_menu li
{
  display: inline;
  padding: 0 15px 0 0;
}

.website_edit_wrapper
{
  position: absolute;
  z-index: 1000;
}

.website_edit_left, .website_edit_photo_left
{
  left: -10px;
  top: -10px;
  position: absolute;
}

.website_edit_right, .website_edit_photo_right
{
  right: -10px;
  position: absolute;
}

.website_edit_icon
{
  width: 16px !important;
  height: 16px !important;
  border: 1px solid #006633 !important;
  background: #DBE1D3 !important;
  padding: 1px !important;
  margin: 0 !important;
}

#website_edit_menu #help
{
  background: url(https://fuse.spaboom.com/css/img/sidebar_help.gif) no-repeat 0 1px;
}

#website_edit_menu #website
{
  background: url(https://fuse.spaboom.com/css/img/sidebar_website.gif) no-repeat 0 1px;
}

#website_edit_menu #color
{
  background: url(https://fuse.spaboom.com/css/img/sidebar_color.gif) no-repeat 0 1px;
}

#website_edit_menu #copy
{
  background: url(https://fuse.spaboom.com/css/img/sidebar_copy.gif) no-repeat 0 1px;
}

#website_edit_menu #add
{
  background: url(https://fuse.spaboom.com/css/img/sidebar_add.gif) no-repeat 0 1px;
}

#website_edit_menu #undo
{
  display: none;
  background: url(https://fuse.spaboom.com/css/img/sidebar_undo.gif) no-repeat 0 1px;
}

#website_edit_menu #template
{
  background: url(https://fuse.spaboom.com/css/img/sidebar_template.gif) no-repeat 0 1px;
}

#website_edit_menu #page_redirect
{
  background: url(https://fuse.spaboom.com/css/img/sidebar_redirect.gif) no-repeat 0 1px;
}

#website_edit_menu a
{
  padding: 3px 0px 6px 19px;
  line-height: 20px;
}

/*  END WEBSITE EDIT  */#event_news .news_headline
{
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

#event_news .news_date
{
  padding-top: 0px !important;
  margin-top: 0px !important;
}

#event_wrapper .news_date
{
  display: none
}

#event_wrapper.brief
{ 
  margin: 10px 0 0;
  padding: 0;
  list-style: none; 
}

#event_wrapper.brief li 
{ 
  margin: 5px 0; 
} 

#event_wrapper .embed_icon
{
  display:block;
  background: url(http://fuse.boomtime.com/design/embed.png) no-repeat;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 8px 24px;
}

.vevent .summary
{
  display: none;
}

#event_wrapper.htabbed .summary, #event_wrapper.brief .summary 
{
  display: block;
}

#event, .special, .event p.event, span.event, .event_offer
{
  color: #ED9532;
  font-weight: bold;
}

#event_wrapper.htabbed {
	width: 590px;
	height: 260px;
	padding: 15px;
	background: rgba(200, 200, 200, .4);
	position: relative;
}

#event_wrapper.htabbed dt {
	width: 280px;
	height: 55px;
	margin: 0 0 20px;
        padding: 5px;
	background: rgba(200, 200, 200, .6);
}

#event_wrapper.htabbed dt.selected { background: rgba(200, 200, 200, .8); }

#event_wrapper.htabbed dd.selected { display: block; }

#event_wrapper.htabbed dd {
	width: 290px;
	height: 245px;
	margin: 0;
        padding: 5px;
	background: rgba(200, 200, 200, .8);
	display: none;
	position: absolute;
	top: 15px;
	right: 15px;
        overflow: hidden;
}/* BEGIN GENERAL  */

html { overflow-y: scroll; }

.pull_quote
{
  background: url(http://fuse.boomtime.com/design/pull_quote.png) no-repeat;
  margin: 0 15px 15px -5px;
  padding: 22px 22px 5px 37px;
}

.comment_block
{
  margin: 5px 0px 15px 10px;
}
.comment_block .comment_author
{
  font-weight: bolder;
  margin-bottom: 3px;
}
.comment_block .comment_date
{
  font-size: .85em;
  margin-bottom: 5px;
}


.hotspot
{
  cursor: help;
  padding: 0;
}

.hotspot_more
{
  margin: 0;
  padding-bottom: 5px;
}

.review_user
{
  font-style: italic;
}

.review_main_wrapper
{
  display:block;
}

.review_star img, .rating_star img { border: none !important; }

.fb_share
{
  float: right;
  margin-top: 13px;
  padding: 0 2px 2px 5px;
}

#new_grid tr
{
	vertical-align: top;
}

#new_grid_date
{
	white-space: nowrap;
}

#new_grid td
{
	padding: 6px 6px;
}

#hour_grid
{
  padding-bottom: 10px;
}

#hour_grid tr
{
	vertical-align: top;
}

#hour_grid td
{
	padding: 0px 6px 0px 0px;
}

#hour_grid_open
{
	text-align: right;
}

#content li
{
  padding-bottom: 10px;
}


#grid
{
	border: 1px solid #9999FF;
	background-color: #990000;
}

#grid td
{
	vertical-align: top;
	padding: 3px 6px;
	white-space: nowrap;
}

#grid th 
{
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	background: #F2F3E5;
	padding: 6px 6px;
	white-space: nowrap;
	border-bottom: 1px solid #9999FF;
}

#grid #group 
{
	font-weight: bold;
	background: #7ECC30;
}

#grid #grid_footer
{
	font-weight: bold;
	background: #7ECC30;
	padding: 6px 6px;
	white-space: nowrap;
}

#grid #grid_footer td
{
	border-top: 1px solid #7ECC30;
}

#grid .even, #grid #even 
{
	background: #7ECC30;
}
	
#grid #number, #grid .number
{
	text-align: right;
}

#gridwrapper
{
  padding-top: 5px;
}

p#copyright { margin-top: 3px; }

.special { color: #ED9532; }

/*  Open Table CSS change */
#OT_searchWrapperAll,
#OT_searchWrapper,
#OT_logo,
#OT_logoLink {
  background: transparent !important;
}

#OT_searchWrapper .clickableDays { color: #000 !important;}
#OT_submitWrap input { width: auto; }
/* End OpenTable */


/* Joy of Spa Badge */

.JoS_badge/*, .joyofspa_badge*/
{
  margin: 10px;
  display: block;
}

/* BELOW ADDED 12-30-2008 BY ANDREA AT REQUEST OF JOEL SPOLSKY */
img 
{ 
  -ms-interpolation-mode: bicubic; 
}

/* END GENERAL  */
/*
*************************************************************
***************** BEGIN HEADLINER TEMPLATE ******************
*************************************************************
*/

html,
body {
  margin: 0;
  padding: 0;
	background: #5D646A;
}

a {
	color: #990000 !important;
  text-decoration: underline;
}

a:hover,
a:active {
	color: #7ECC30 !important;
}

#wrapper {
  width: 100%;
  padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper_2 {
  width: 840px;
  margin: 0 auto;
  position: relative;
}

/****  B_HEADER ****/

#header_wrapper {
  width: 840px;
  margin: 20px 0 5px 0;
}

#header_top {
  width: 790px;
  height: 145px;
  margin: 0 auto;
  background: url(/template/header_bg.jpg?8487) repeat-x top;
}

#header_left {
  width: 230px;
  height: 145px;
  margin: 0;
  float: left;
}

#header_logo {
  width: 215px;
  margin: 2px;
}

#header_right {
  width: 550px;
  height: 145px;
  margin: 0 0 0 235px;
  position: relative;
}

/**** B_NAV ****/
#nav_edit {
  width: 790px;
  position: absolute;
  bottom: -18px;
  right: -5px;
}

#header_menu {
  padding: 0;
  float: right;
}

#header .cleaner {
  display: none;
}

/**** horizontal navigation ****/

#header_menu ul {
  text-transform: lowercase;
}

#header_menu li {
  margin: 0 4px;
  float: left;
  list-style: none;
}

#header_menu li a {
  font: 1.1em Arial, Helvetica, sans-serif !important;
  color: #F76510 !important;
  text-decoration: none;
}

#header_menu li a:hover,
#header_menu li a:active {
	color: #7ECC30 !important;
  text-decoration: none;
}

/**** E_NAV ****/

#pbox {
  width: 830px;
  height: 280px;
  margin: 5px auto;
  padding: 5px auto;
  position: relative;
  border-top: 2px solid #7ECC30;
  border-bottom: 2px solid #7ECC30;
}

#pbox_in {
  width: 790px;
  height: 270px;
  margin: 5px auto;
}

#photo_css_pbox_in .website_edit_photo_left {
  position:absolute;
  top:132px;
  left:3px;
}

#pbox img.photo {
  width: 790px;
  height: 270px;
  margin:5px 22px;
  padding:0;
}

#real_pbox{
 width: 790px;
 height: 270px;
 overflow: hidden;
 position: absolute;
 top: 157px;
 left: 25px;
}

#real_pbox #photo_1{margin: 0 auto;}

/**** E_HEADER ****/

/**** B_MAIN ****/

#main_1 {
  width: 790px;
  margin: 0 auto;
  padding-bottom: 50px;
	background: #F2F3E5 url(/template/sidebar_dash.jpg?8487) repeat-y 575px;
  font-size: .9em;
}

#main_3 {
  margin: 0 auto;
  padding:10px 5px;
}

#sidebar {
  width: 200px;
  text-align: left;
  float:right;
  color: #64696B;
}

#sidebar h1,
#sidebar h2, 
#sidebar h3 {
  font-size: 1.2em;
  color: #F76510 !important;
}

#sidebar p {
  font-size: .9em;
}

#contact_us h5 {
  margin: 5px 0 2px 0;
  font-size: 1.2em;
  text-transform: lowercase;
}

#contact_us h5 a {
	color: #F76510 !important;
  text-decoration: none;
}

#contact_us p {
  margin: 0;
  padding: 3px 0;
  font-size:.9em;
	border-top: 2px solid #7ECC30;
	border-bottom: 2px solid #7ECC30;
}

#sidebar_2 .website_edit_html_link {
 display: none;
}

#content_wrapper {
  width: 570px;
  margin: 0;
  margin-right: 5px;
  float:left;
}

#content {
  padding-right:15px;
	color: #64696B;
}

#content h1 {
  margin: 0 0 10px 0;
  margin-right:10%;
	border-bottom:2px solid #7ECC30;
  font-size:1.5em;
	color: #F76510;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
  color: #F76510;
}

/**** E_MAIN ****/

/**** B_FOOTER ****/

#footer {
  width: 790px;
  margin:0 auto;
	background: #F2F3E5;
  text-align: center;
}

/**** E_FOOTER ****/


/**** B_CLASSES ****/

.cleaner {
  height: 0px;
  clear:both;
  border:none;
  outline:none;
}

/**** E_CLASSES ****/

/**** IE_6 HACKS ****/

* html #header_wrapper {
  margin: 20px 0 0 0;
}

* html #nav_edit {
  bottom: -3px;
}

* html #real_pbox {
 top: 177px;
}

/**** IE_7 HACKS ****/

*:first-child+html #header_wrapper {
  margin: 20px 0 0 0;
}

*:first-child+html #nav_edit {
  bottom: -3px;
}

*:first-child+html #real_pbox {
 top: 177px;
}

/**** BEGIN_ WEBSITE EDITOR FIXES ****/

#sidebar_in .website_edit_link
{
  position: absolute;
  left: 30px;
}

/******************* MOBILE STYLES START (SCREEN SIZE < 480PX) *******************/
@media screen and (max-width: 480px) {
#header_top
{
  height: auto;
}

#nav_edit
{
  position: static;
}

#header_menu li
{
  float: none;
}

#header_right
{
  height: 80px;
  margin-top: 1em !important;
}

#pbox, #real_pbox
{
  display: none;
}

h1, h2, h3, h4, h5, h6
{
  font-size: 1.4em !important;
  width: 100% !important;
}

#sidebar
{
  width: 100% !important;
}

#footer, #copyright
{
  font-size: 0.8em;
  padding-bottom: 0.8em;
}
}#header_menu li{
  margin: 0 6px;
}
#sidebar h1,
#sidebar h2, 
#sidebar h3,
#content h1 {
  text-transform: lowercase;
}

/* MENU */
#menu_nav{
  margin-left: -65px;
  text-align:center;
}
.menu_option_grid{
  font-size: .8em;
}
.menu_option_name{
  padding: 5px 0 0 0;
  border-top: 1px solid #DFE9DE;
}
.menu_option_name h2{
  padding: 0 0 9px 0;
  color: #F76510;
  text-align: center;
  border-bottom: 2px solid #7ECC30;
}
.menu_option_section_description
{
  color: #4E8F00;
  font-weight: bold;
  border-top: 1px solid #DFE9DE;
}
.menu_option_description{
  padding:  0 0 5px 15px;
  font-style: italic;
  font-size: 1em;
  color: #4E8F00;
}
.menu_option_price
{
  border-top: 1px solid #DFE9DE;
}
.menu_option_price h3
{
  margin: 0;
  font-weight: normal;
  color: #64696B !important;
}

.print_menu{text-align:center;}

#sidebar #hour_edit {display:none;}

/******************* MOBILE STYLES START (SCREEN SIZE < 480PX) *******************/
@media screen and (max-width: 480px) {
#sidebar #hour_edit
{
  display: block;
}

body#body_menu #menu_nav
{
  width: 100%;
  margin-left: 0;
  text-align: center !important;
}
}