/***  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;
  color: #5c493d;
}

.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;
  color: #5c493d;
}

/* 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 */

/******************* ACCORDION STYLES *******************/
h2.ui-accordion-header
{

  border: 1px solid #5c493d;
}

h2.ui-accordion-header a
{
  color: #7ab5c2 !important;
}

h2.ui-accordion-header a:hover
{
  color: #5c493d !important;
}
.ui-state-default .ui-icon
{ 
  background-image: url(design/ui-icons_454545_256x240.png) !important; 
}#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(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; }

.vcard .org
{
  display: none;
}

.pull_quote
{
  background: url(design/pull_quote.png) no-repeat;
  margin: 0 15px 5px -5px;
  padding: 22px 22px 22px 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 #e8f8fb;
	background-color: #c1b3d1;
}

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

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

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

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

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

#grid .even, #grid #even 
{
	background: #ffffff;
}
	
#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 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(css/img/sidebar_help.gif) no-repeat 0 1px;
}

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

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

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

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

#website_edit_menu #undo
{
  background: url(css/img/sidebar_undo.gif) no-repeat 0 1px;
}

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

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

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

/*  END WEBSITE EDIT  *//*** BEGIN DEALS ***/

#sidebar .countdown p
{
  display:inline-block;
}

.not_tipped
{
  font-weight: bold;
}

.linked #event_wrapper #deal
{
  margin-top: 150px;
}

#content #event_wrapper #deal, #boomtime_event_wrapper #event_wrapper #deal
{
  width: 280px;
}

#event_wrapper #deal
{
  margin: 30px auto;
  border: 2px solid #9AD8D0;
}

#event_wrapper #deal .deal_intro h1, #event_wrapper #deal p 
{
  padding-left:5px;
  padding-right:5px;
}

#event_wrapper #deal .reverse, #event_wrapper #deal .reverse h1
{
  background-color: #9AD8D0;
  color: #000000;
}

#event_wrapper #deal .reverse .hotspot
{
  background-color: #9AD8D0 !important;
  color: #000000 !important;
  font-weight: normal !important;
}

#event_wrapper #deal .deal_photo
{
  width: 100%;
}

#deal .deal_exclusive
{
  padding-bottom: 3px;
}

#event_wrapper #deal .deal_intro
{
  margin-top: -5px;
  padding-top: 5px;
  padding-bottom: 5px; 
}

#event_wrapper #deal .deal_intro h1
{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 5px;
}

#event_wrapper #deal p
{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 3px;
}

#event_wrapper #deal .deal_service, #event_wrapper #deal .deal_service .service_option_name
{
  font-style: italic;
}

#event_wrapper #deal .deal_service .hotspot_content
{
  font-style: normal;
  font-size: 90%;
}


#event_wrapper #deal .save
{
  overflow: auto;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #9AD8D0;
  padding-bottom: 2px;
}

#event_wrapper #deal .savings
{
  width: 50%;
  float: left;
}

#event_wrapper #deal .savings_percent
{
  font-size: 130%;
}

#event_wrapper #deal .purchased
{
  float: right;
}

#content #event_wrapper #deal .purchased
{
  padding-right: 30px;
}

#event_wrapper #deal .offer
{
  padding-top: 3px;
}

#event_wrapper #deal .offer, #deal .to_go
{
  text-align: center;
}

#event_wrapper #deal .buy_now
{
  text-align: center;
  padding: 5px 0 10px 0;
}

#event_wrapper #deal .sold_out
{
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  padding: 5px 0 10px 0;
}


#event_wrapper #deal button
{
  width: 125px;
  color: #9AD8D0;
  cursor: pointer;
  text-decoration:none;
  border: 2px solid #9AD8D0;
  padding: 5px 15px;
  font-size: 14px;
  border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  background-color: #000000;
}

#event_wrapper #deal button:hover
{
  color: #000000;
  background-color: #9AD8D0;
}

#event_wrapper #deal .countdown
{
  padding: 10px 0;
  background-color: #9AD8D0;
  color: #000000;
}

#event_wrapper #deal .countdown p
{
  margin-top: 5px;
  text-align: center;
}


#event_wrapper #countdown_dashboard 
{
  height: 45px;
  margin: 0px auto;
  width: 141px;
  padding-bottom: 5px;
}

#event_wrapper .dash 
{
  width: 41px;
  height: 43px;
  float: left;
  margin-left: 2px;
  padding-left: 2px;
  padding-top: 12px;  
  position: relative;
  color: #333;
}

#event_wrapper .hour_dash 
{
  clear: left;
  width:61px;
  background: transparent url("design/countdown_hour.png") 0 0 no-repeat;
}

#event_wrapper .minute_dash 
{
  background: transparent url("design/countdown_minute.png") 0 0 no-repeat;
}

#event_wrapper .second_dash 
{
  background: transparent url("design/countdown_second.png") 0 0 no-repeat;
}

#event_wrapper .dash .digit 
{
  font: bold 16pt Verdana;
  font-weight: bold;
  float: left;
  width: 20px;
  text-align: center;
  position: relative;
}

#event_wrapper #deal .share
{
  padding: 5px;
}

#event_wrapper #deal .share p
{
  text-align: center;
  padding: 5px 0;
}

#event_wrapper #deal .email_share
{
  background: url("design/email_share.png") 0 0 no-repeat;
  padding: 0px 0px 6px 33px;
  text-align: left;
}

#event_wrapper #deal .deal_fb_share
{
  padding: 10px 0;
}

#event_wrapper #deal .deal_fb_share iframe
{
  width: 100% !important;
}

#event_wrapper #deal .terms
{
  font-size: 80%;
  padding: 2px 0;
}

#event_wrapper #deal .powered_by
{
  height: 20px;
  background-color: #d8dcd9
}

#event_wrapper #deal .powered_by img
{
  float: right;
  padding: 2px 2px 0 0;
  border-style: none;
}

/*** END DEALS ***//*** BEGIN FORMS  ***/

.msg
{
	color: #FF0000;
	text-align: right;
}

form
{
  font-size: 14px;
  text-align: left;
}

form dt
{
	text-align: right; 
	margin: 1px 0;
	width: 40%; 
	float: left; 
}

form dl#date dt
{
        margin-right: 10px;
}

form dd  
{ 
        margin-left: 40%;
	padding-left: 5px;
}



form dd:after 
{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Testing out removing this to see if any noise gets made about it being gone. - Zerek 
p
{ 
	margin-top: 3px 
}

*/


#recipient_first
{
  margin-bottom: 10px;
}

.top6
{
	padding-top: 6px;
}

.button_para
{
	padding-top: 3px;
}

.radio 
{ 
	margin-left: 25px; 
}

.spacer
{
	margin-top: 10px;
}

.multiday_table dt /* rezbook */
{
  width: auto;
}

/*** END FORMS  ***/
/*  BEGIN FORMS (REDUCED WIDTH)  */

/* resolves IE7 issue with buttons not properly align-text: right */
form dt INPUT[type="button"], form dt INPUT[type="submit"]
{
  float: right;
}

form dt
{
  width: 190px; 
}

form dd
{
  margin-left: 192px;
}

#service_cat
{
  width: 200px;
}

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

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

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

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




/* END FORMS(REDUCED WIDTH)  */
/**** GENERIC BLOG RULES ****/

#blog_articles img[align="right"] { margin-left: 15px; }
#blog_articles img[align="left"] { margin-right: 15px; }

.article_photo_left 
{
  margin: 10px 10px 10px 0;
  float: left;
}

.article_photo_right 
{
  margin: 10px 0 10px 10px;
  float: right;
}

.article_photo_center 
{
  width: 100%;
  margin: 10px 0;
  text-align: center;
}

.article_summary_image 
{
  margin: 10px 0 10px 10px;
  float: right;
}#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(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; }

.vcard .org
{
  display: none;
}

.pull_quote
{
  background: url(design/pull_quote.png) no-repeat;
  margin: 0 15px 5px -5px;
  padding: 22px 22px 22px 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 #e8f8fb;
	background-color: #c1b3d1;
}

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

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

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

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

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

#grid .even, #grid #even 
{
	background: #ffffff;
}
	
#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  */
/**************************************************
12 Column Responsive Grid For Templates & Custom Websites
Version: Content/Sidebar Version 1.5
Author: Kevin Donnigan
Maintainer: Graham Bass
Last Updated: 9/19/2013

1200px (max-width) - Fits 1280 screens perfectly
	margin 3% / 36px (full-width)
	col1 5.5% / 66px (full-width)
**************************************************/




/**************************************************
Reset Styles (compressed)
**************************************************/
html,body,#wrapper,#wrapper_2,#wrapper_3,#header_wrapper,#header,#header_in,#header_left,#header_right,#header_logo,#nav_edit,#header_menu,#main_1,#main_2,#main_3,#main_4,#main_5,#sidebar,#sidebar_in,#sidebar_2,#sidebar_in_2,#contact_us,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,#hour_grid,#footer,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:none\9; border:0; vertical-align:baseline; text-align:left; font-size:100%; font-family:inherit;}#wrapper,#wrapper_2,#wrapper_3,#header_wrapper,#header,#header_in,#header_left,#header_right,#header_logo,#nav_edit,#header_menu,#contact_us,#main_1,#main_2,#main_3,#main_4,#main_5,#content_wrapper,#content_in,#content,#sidebar,#sidebar_in,#sidebar_2,#sidebar_in_2{ width:auto; height:auto; background:none}body{ line-height:1}ol,ul{ list-style:none}blockquote{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}table{ border-spacing:0; border-collapse:collapse}button,input,select,textarea{ overflow:visible; margin:0; width:auto; vertical-align:baseline; font-size:100%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}textarea{ overflow:auto; vertical-align:text-top}map area{ behavior:none !important}map *,map area{ position:inherit !important; border:0 !important; background:none !important; box-shadow:none !important; box-shadow:none !important;}

/*Remember: Target / Context = Result (ems). 16px is the default browser size (100%). That is the base context*/
body{font:100%/1.5 Helvetica Neue,Helvetica,Arial,sans-serif;background:#c1b3d1;color:#5c493d;-webkit-appearance:caret;-moz-appearance:caret;-ms-appearance:caret;-o-appearance:caret;appearance:caret;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}


img.website_edit_icon { min-wdith: 16px !important; max-width: 16px !important; border-radius: 0px !important; padding: 0px !important; box-shadow: 0 7px 15px rgba(24, 24, 24, .6) !important; border-radius: 3px;}


/**************************************************
Fuse Website Editor Overrides
**************************************************/
#website_edit_header { min-height: 146px; }
#website_edit_header select, #website_edit_header input[type="text"] { width: auto !important; }
#website_edit_header input[type="submit"], #website_edit_header input[type="button"] {background: #006633 !important; text-shadow: 1px 1px 1px #000;}
#website_edit_header_first { border-bottom: 1px solid #FFF; }

body.website_editor iframe
{
   background: url(img/ajax_pending.gif) no-repeat center center #fff;
}
.fb_share iframe, .google_plus iframe
{
   background: none;
}

#header a[title$="HTML"], #sidebar a[title$="HTML"], #sidebar_2 a[title$="HTML"] {
	position: absolute; left: 50px;
}

.mceContentBody {
	background: #FFF !important;
	color: #000 !important;
	text-align: left !important;
	width: 100%;
}


/**************************************************
Structural & Responsive Column Styles
**************************************************/
.left, #header_left, #part_tagline, #content_wrapper { float: left; }
.right, #header_right, #sidebar { float: right; }

.text_left { text-align: left; }
.text_right { text-align: right; }

.onerow { /*This is a clearing wrapper for each separate row*/
	clear: both;
	padding: 0 10px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 3% 0;
}

.last, .col12 { margin: 0; } /*Removes the right margin to fit last element in the row*/

.middle { margin: 0 auto; }

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.fifth { width: 17.6%; }
.col3 { width: 22.5%; }
.col4, #sidebar { width: 30.333333%; }
.col5 { width: 39.5%; }
.col6, #header_left, #header_right, #part_tagline { width: 48%; }
.col7 { width: 56.5%; }
.col8, #content_wrapper { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12, body.full_width #content_wrapper { width: 98%; margin: 0; }
.panel { border: solid 1px #c7c7c7; border-radius: 3px; padding: 1em; }


body.full_width #sidebar, body.full_width #sidebar_2 { display: none; } /*Full Width Page*/

#content_in > *:first-child, #sidebar_in > *:first-child { margin-top: 20px;}

.lo-res { display: none; }

.inner
{
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   padding: 0 1em;
   width: 100%;
}



/**************************************************
Wrapper, Header, and Main Structural
**************************************************/
#header_in, #main_4, #footer { margin: 0 auto; max-width: 1020px; padding: 0 1%; }

#wrapper, #wrapper_2 { float: none; width: 100%; }

#header_in { padding: 1em 1%; }

#header_right div { text-align: right; }

#part_tagline { font-size: 1.6em; font-style: italic; margin: 1em 0; }

#nav_edit { clear: both; display: table-cell; display: inline-block; vertical-align: middle; }

#main_1 { clear: both; margin: 0 auto; width: 100%; }

#main_2 { }

#main_3 { }

#main_4 { margin: 0 auto; width: 98%; }

#main_5 { }

#footer { clear: both; padding: 0; }




/**************************************************
Wrapper, Header, and Main Structural
**************************************************/
#header_menu { list-style: none; }
#header_menu:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu_toggle, .menu-toggle {
  display: none;
}

#header_menu li {
	border: 0;
	display: block;
	float: left;
	line-height: 50px;
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	z-index: 5;
}

#header_menu li:hover {
	white-space: normal;
	z-index: 10000;
}

#header_menu li a {
	color: #7ab5c2;
	display: block;
	position: relative;
	margin: 0;
	padding: 0 1.2em 0 0;  
	text-decoration: none;
}

#header_menu li a:hover {
	color: #5c493d;
	position: relative;
}

#header_menu li.selected a {
	font-weight: 700;
}

#header_menu > li:first-child > a {
	border-left: none;
}

/**************************************************
Heading Styles
**************************************************/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 700;
    line-height: 1.0em;
    word-wrap: break-word;
}

h1 {
    font-size: 2.625em; /* = 42px */
    margin-bottom: .3em;
    margin-top: .5em;
    line-height: 1.25em;
}

h2 {
    font-size: 2.250em; /* = 36px */
    margin-bottom: .75em;
    margin-top: .75em;
    line-height: 1.25em;
}

h3 {
    font-size: 1.875em; /* = 30px */
    margin-bottom: .257em;
    margin-top: .857em;
}

h4 {
    font-size: 1.500em; /* = 24px */
    margin-bottom: 1em;
    margin-top: 1em;
}

h5 {
    font-size: 1.125em; /* = 18px */
    margin-bottom: 1.125em;
    margin-top: 1.125em;
}

h6 {
    font-size: 1.000em; /* = 16px */
    margin-bottom: 1.285em;
    margin-top: 1.285em;
}





/**************************************************
Typography Styles
**************************************************/
p, ul, ol, dl, blockquote { margin-bottom: 1.5rem; /* 24 / 16 */ }

p { text-align: justify; }

cite, em, dfn {
	font-style: italic;
}

code, kbd, samp, pre, tt, var {
	font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-style: normal;
	margin: 0 0 1rem 0;
}

pre {
	padding-left: 2rem;
}

strong {
	font-weight: 700;
}

small,sup,sub {
	font-size: 85%;
}

abbr[title],acronym[title],dfn[title] {
	border-bottom: 1px solid #f6f6f6;
	cursor: help;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}




/**************************************************
Link Styles
**************************************************/
a, a:link, a:visited {
	color: #7ab5c2;
	font-weight: 400;
	text-decoration: underline;
}

a {
	position: relative;
	transition: all 0.3s ease 0s;
}

a:hover {
	color: #5c493d;
	text-decoration: none;
        cursor: pointer;
}

a#back-top:before {
	content: "\2191";
	margin: 0 .3rem;
}
.hotspot:hover
{
      cursor: pointer;
}





/**************************************************
Image Styles
**************************************************/
img { /*Responsive Images*/
	height: auto;
	max-width: 100%;
}

div[boomtime=photo_left],div[boomtime=photo_Left],div[boomtime=photo_right],div[boomtime=photo_Right],div[boomtime=left],div[boomtime=right] {
	position: relative;
}

.photo_right,div[boomtime=photo_right],div[boomtime=photo_Right] {
	float: right;
	margin: .7rem 0 1rem 1rem;
}

.photo_left,.photo_Left,div[boomtime=photo_left],div[boomtime=photo_Left] {
	float: left;
	margin: .7rem 1rem 1rem 0;
}





/**************************************************
Form & Form Element Styles
**************************************************/
form div {
	margin-bottom: .75rem;
}

fieldset {
	border: 1px solid #f6f6f6;
	margin: 0 0 1.5rem;
	padding: 1rem 2rem;
}

legend {
	margin: 1.6rem 0;
	padding: 0 1rem 1rem;
}

caption {
	padding-bottom: .75rem;
}

legend {
}

legend+* {
	margin-top: 1rem;
}

label {
	display: inline;
	font-weight: 700;
	padding: .2rem 0;
}

select,input[type=text],input[type=password] {
	background: #ffffff;
	border: 1px solid #f6f6f6;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff, inset 0 0px 2px rgba(0,0,0,0.2);
	margin: 0;
	padding: 6px 8px;
	outline: none;
	vertical-align: middle;
	width: 69%;
	position: relative;
	behavior: url(http://www.joliesalonandspa.com/PIE.htc);
}

#value_amount input {
	width: 50%;
}

input[type=text],input[type=password] {
	margin-bottom: .75rem;
	padding: .452rem !important;
}

select {
	height: auto;
	margin-bottom: .75rem;
	padding: .4em .2rem.4rem 0;
	padding: .452rem !important;
	width: 71%;
}

select[name="exp_mo"] {
	width: 40%;
}

select[name="exp_year"] {
	width: 30%;
}

#igc_design select, #service_menu_edit dt select#service_cat {
	font-size: .75rem;
	width: 100%;
}

area, textarea {
	background: #ffffff;
	border: 1px solid #f6f6f6;
	border-bottom-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	margin: 0;
	outline: none;
	overflow: auto;
	padding: 6px 9px;
	width: 73%;
	position: relative;
	behavior: url(http://www.joliesalonandspa.com/PIE.htc);
}
.radio { margin-bottom: .75em; }

input,select {
	cursor: pointer;
}

input,textarea {
	padding: .3rem .4rem .15rem;
}

area:focus,input[type=text]:focus,textarea:focus {
	background: #c1b3d1 !important;
}

input[type=text],input[type=password] {
	cursor: text;
}

#body_gift input#continue {
	margin-right: 1rem;
}

#body_schedule #content_in input, #body_schedule #content_in select {
	margin: .4rem 0;
	width: auto;
}

#body_schedule form dt {
	margin-top: .8rem;
}

#body_schedule .top6 {
	padding-top: 1.1rem;
}

input[type="checkbox"] {
	margin-right: .4rem !important;
}

.rating_star > div {
	background: none !important;
	border: 0 !important;
}

.rating_star img {
	border: 0 !important;
	box-shadow: none !important;
}

#sidebar form dt {
	margin-right: 1rem;
	text-align: left;
	width: auto;
}

#sidebar form dd {
	margin: 0;
	padding: 0;
}

#sidebar #part_email_subscribe + form > dl + input + div {
	height: auto !important;
}

option {
	padding: 0 .4rem;
}





/**************************************************
Button Styles
**************************************************/
#back-top {
	  background: #f5f5f5;
	  border: 0;
	  border-radius: 3px;
	  box-shadow: inset 0 0 2px #6b6b6b;
	  color: #acacac !important;
	  margin: 0;
	  padding: .5rem .5rem .4375rem;
	  text-shadow: 1px 1px 0 #FFF;
	  width: 53px;
}

.button_1,a.button,input[type=button],input[type=submit],input[type=reset] {
	  background: #ffffff;
	  border: 0;
	  border-radius: 3px;
	  color: #c1b3d1 !important;
	  cursor: pointer;
	  font-weight: 700;
	  font-size: 13px;
	  letter-spacing: .03em;
	  padding: .5rem .9rem !important;
	  text-decoration: none;
	  text-transform: uppercase;
	  text-shadow: -1px -1px 0 #e8f8fb;
}

.button_1:hover,a.button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover {
	  background: #e8f8fb;
	  border-radius: 3px;
	  box-shadow: inset 0 0 5px #e8f8fb;
}

#sidebar input[type=text] {
	width: 95%;
}

#sidebar .submit {
	display: block;
	float: none;
	margin: 0 auto;
	width: 66px;
}

#igc_preview input[type=button],#igc_next_step input#continue,#appt_next_step input {
	float: left;
}

#igc_next_step dt,#appt_next_step dt {
	width: auto;
}

#igc_next_step dd,#appt_next_step dd {
	margin-left: 100px;
}

body#body_review dd#buttons input#review,.comment_entry #buttons input[type=submit] {
	margin-top: 2rem;
}





/**************************************************
Service Menu Styles & Menu Accordion Styles
**************************************************/
.service {
	margin: 1.5rem 0 1.5rem 1rem;
}

table.service_option_grid {
	margin: .75rem 0 .75rem;
}

.service_option_price {
	float: none !important;
}

.menu_option_grid, .menu_option_grid td {
	border: 0;
	margin-top: 0;
}

.menu_option_name {
	padding: 0;
}





/**************************************************
Table Styles
**************************************************/
table {
	border-top: 1px solid #c1b3d1;
	border-left: 1px solid #c1b3d1;
	width: 100%;
}

th,td {
	border-right: 1px solid #c1b3d1;
	border-bottom: 1px solid #c1b3d1;
	padding: .8rem;
}

#hour_grid {
	border: 0;
	font-size: .875rem;
	margin-top: 0;
	width: 55%;
}

#hour_grid td {
	border: 0;
	padding: 0 .252rem;
}

dt {
	margin-top: .8rem;
	margin-bottom: .4rem;
}





/**************************************************
List Styles
**************************************************/
ul {
	list-style-type: disc;
	margin-left: 3rem;
}

ul ul {
	list-style-type: square;
}

ul ul ul {
	list-style-type: circle;
}

ol {
	list-style-position: outside;
	list-style-type: decimal;
	line-height: 1.375rem;
	margin-left: 2.35rem;
}

dt {
	font-weight: 400;
}

ol ol,ul ol {
	margin-left: 2.5rem;
}




/**************************************************
Fuse Default Menu Accordion Styles
**************************************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none !important;
	border: 0 !important;
	border-bottom: #e8f8fb !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 0 !important;
}

.ui-accordion .ui-accordion-content {
	border: 0 !important; 
	padding: 0 0 0 4.5% !important;
}

.service {
	margin: 0 !important;
}

.service_description, .service_name {
	margin: 0 !important;
}

.service_description + table {
	margin-top: 0 !important;
}

.service_option_grid td {
	padding: .2rem 0 .2rem 1.8rem;
}



/**************************************************
Blockquote Styles
**************************************************/
blockquote {
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
	background: url(quote-lightgray-open.png) 0 1em no-repeat, 
                    url(quote-lightgray-close.png) bottom right no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1.25rem auto;
	overflow: auto;
	padding: 1em 5.5% 1.5em;
        text-align: justify;
        width: 80%;
}

blockquote:first-child {
	margin: .8rem 0;
}

blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.625rem;
        text-align: justify;
}





/**************************************************
Flex Slider Styles
**************************************************/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
	outline: none;
}

.slides,.flex-control-nav,.flex-direction-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* FlexSlider Necessary Styles*/
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	display: block;
	width: 100%;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after, .group:after, .row:after {
	display: block;
	clear: both;
	content: ".";
	height: 0;
	line-height: 0;
	visibility: hidden;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme*/
.flexslider {
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	margin: 1rem 0 3.75rem;
	position: relative;
	width: 100%;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
	height: 0;
}

.flex-direction-nav a {
	background: url(flexslider_direction_nav.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 30px;
	margin: -20px 0 0;
	opacity: 0;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	transition: all .3s ease;
	width: 30px;
	z-index: 10;

}

.flex-direction-nav .flex-next {
	right: -36px;
	background-position: 100% 0;
}

.flex-direction-nav .flex-prev {
	left: -36px;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}

.flexslider:hover .flex-prev {
	left: 5px;
	opacity: 0.8;
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	cursor: default;
	opacity: .3 !important;
	filter: alpha(opacity=30);
}

/* Control Nav */
.flex-control-nav {
	bottom: -40px;
	position: absolute;
	text-align: left;
	width: 100%;
}

.flex-control-nav li {
	display: inline-block;
	margin: 0 10px 0 0;
	zoom: 1;
}

.flex-control-paging li a {
	border-radius: 10px;
	background: #666;
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	cursor: pointer;
	display: block;
	height: 11px;
	text-indent: -9999px;
	width: 11px;
}

.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.5);
	cursor: default;
}

.flex-control-thumbs {
	overflow: hidden;
	position: static;
	margin: 5px 0 0;
}

.flex-control-thumbs li {
	float: left;
	margin: 0;
	width: 25%;
}

.flex-control-thumbs img {
	  cursor: pointer;
	  display: block;
	  opacity: .7;
	  width: 100%;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	cursor: default;
	opacity: 1;
}





/**************************************************
Fuse's Carousel Styles
**************************************************/
.carousel {
	width: 100%;
}

.carousel_wrap,.carousel_control {
	border-color: #f6f6f6 !important;
}

.carousel_control {
	background-color: #f6f6f6 !important;
	width: 2.5% !important;
}

.carousel_control:hover {
	background-color: #e8f8fb !important;
}

.carousel_wrap {
	width: 95% !important;
}

.carousel img {
	width: 70% !important;
}

.carousel_pages {
	padding: 0 2% !important;
	width: 96% !important;
}

.carousel_page {
	margin: .4em 0 0 .66em !important;
}

.carousel_active_page {
	border: 1px solid #f6f6f6 !important;
}

body.full_width .carousel,body.full_width .carousel_pages {
	margin: 0 auto;
}

body.full_width .carousel {
	width: 92%;
}

body.full_width .carousel ul li,body.full_width .carousel_control {
	height: 30em;
}

body.full_width .carousel img {
	height: auto;
}

body.full_width .carousel_pages {
	width: 88% !important;
}

body.full_width .carousel_page {
	margin: .4em 0 0 2.8em !important;
}




/**************************************************
Misc. Styles
**************************************************/
/* Classes for selected colors at org level */
.bg { color: #e8f8fb; }
.bg_dark { color: #e8f8fb; }
.bg_light { color: #ffffff; }

.fg { color: #ffffff; }
.fg_dark { color: #f6f6f6; }
.fg_light { color: #c1b3d1; }

.highlight_1 { color: #5c493d; }
.highlight_2 { color: #7ab5c2; }


/* Horizontal Rule */
hr {
	border: none;
	background: #e8f8fb;
	clear: both;
	color: #ddd;
	float: none;
	height: 1px;
	margin: 2.4em 0;
	width: 100%;
}
hr.space {
	background: #c1b3d1;
	color: #c1b3d1;
}
hr + h1 {
	margin-top: 0;
}

/* Random elements */
.ellipsis {
	color: #5c493d;
	font-size: 1.125rem;
	margin-left: .3125rem;
}

.form-allowed-tags {
	font-size: .625rem;
}

::selection {
	background: #FF0000;
}

::-moz-selection {
	background: #FF0000;
}

/* Random Fuse elements */
.deal_expires_on { display: block; margin-top: 1em; font-style: italic; }

.fb_share {
    clear: both;
    float: left;
    margin-bottom: 0.5rem;
    margin-top: 0;
    padding: 0 2px 2px 0;
    width: 100%;
}





/**************************************************
Mobile Styles
**************************************************/
/* =Media iPad (Landcape)
-------------------------------------------------------------- */
@media screen and (max-width: 1024px) { /*Leave this alone. No styles need to go in here */
	#header_in, #main_4, #footer { max-width: 1000px; }
}





/* =Media iPad (Portrait)
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
#wrapper { padding: 0 1em; }

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, #header_in, #main_4, #header_left, #header_right, #part_tagline, #content_wrapper, #sidebar, #sidebar_2, #footer {
	float: none;
	width: 98%;
}
	
img { display: block; }

.review_main_wrapper img { display: inline; }

#header_logo img { margin: 0 auto; }
	
#header_right div, #part_tagline { text-align: center; }

#nav_edit { width: 100%; }
#header_menu { text-align: center; }
#header_menu li { display: inline-block !important; float: none; }

#sidebar { width: 100%; }
}





/* =Media Large Smartphone (Landscape)
-------------------------------------------------------------- */
@media screen and (max-width: 649px) {

.no-low-res { display: none; }
#event_wrapper, .low-res { display: block; }

#header_wrapper #header_menu { display: none; margin: 1rem 0 !important; }
#nav_edit { background: #c1b3d1; }

#header_menu li { display: inline-block !important; float: left; width: 48%; }

#header_menu li a { padding: 4%; width: 90%; }

.menu_toggle, .menu-toggle {
  background: #c1b3d1;
  color: #7ab5c2;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  margin: 0 auto;
  overflow: hidden;
  text-transform: uppercase;
  visibility: visible;
  width: 150px;
}
.menu_toggle a, .menu-toggle a {
  color: #7ab5c2;
  display: block;
  padding: 1rem;
  text-align: center !important;
}
 
.menu_toggle a:hover, .menu_toggle a:active, .menu_toggle a:hover, .menu-toggle a:active { text-decoration: none; }

#clicktocall_button { display: block; margin: 0 auto; width: 124px; }

.photo_right, div[boomtime="photo_right"], div[boomtime="photo_Right"] { float: none; margin: 1rem auto; }
#sidebar div[boomtime="photo_right"], #sidebar img, #sidebar_2 div[boomtime="photo_right"], #sidebar_2 img, img { display: block; width: auto; max-width: 100%; }

#sidebar .review_main_wrapper img, #sidebar_2 .review_main_wrapper img { display: inline; width: auto; }

.fb_share { width: 100%; }
}@media screen and (-webkit-min-device-pixel-ratio: 3){

#hdr-mtop{
height:auto !important;
}

#ftr-nav #header_menu li { 
float: none;
width: auto; 
}

#ftr-hour,
#ftr-hour h3{
text-align:center !important;
}

#ftr-main #hour_grid{
padding:0px 20px;
}

#ftr-main #ftr-map img{
display:inline-block;
max-width:98% !important;
}

#ftr-main #ftr-map{
text-align:center !important;
}

#ftr-nav #header_menu li a {
width: auto;
}

#footer #ftr-socialmedia{
text-align:center !important;
}

#footer #ftr-socialmedia a{
display:inline-block;
}

#footer #ftr-main,
#footer #copyright{
margin:0 !important;
}

#footer #copyright{
border:none;
padding-top:15px !important;
padding-top:10px !important;
}


#ftr-main #ftr-address{
text-align:center !important;
}


#main_4{
width:98% !important;
}

#hdr-navigation{
padding:10px 0px;
}

#nav-close {
    background: #3f5d67 !important;
}

.main-nav.mini-nav #nav > li{
border-color: #3f5d67 !important;
}

.main-nav.mini-nav{
background:#7dafbc !important;
}

.main-nav.mini-nav #nav > li:nth-child(even){
   background: #8bb9c0 !important;
}
.main-nav.mini-nav #nav > li:nth-child(even) ul li:nth-child(odd){
   background: #6495a3 !important;
}
.main-nav.mini-nav #nav > li:nth-child(odd) ul li:nth-child(odd){
   background: #8bb9c0 !important;
}

#hdr-navigation #navigation a{
display:inline-block;
background:#6495a3;
color:#FFF;
text-shadow:none;
border:1px solid #3f5d67;
}

#main-slider,
#main-slider .flex-container,
#main-slider .flexslider,
#main-slider .slides,
#main-slider .flexslider .slides img{
margin:0 !important;
padding:0 !important;
}

.main-nav .nav-holder{
line-height:normal;
}


#hdr-phonec,
#hdr-social-cont,
#hdr-logo,
#part_hdrtagline,
#part_hdrtagline h2{
text-align:center !important;
}

.photo_left,
.photo_Left,
div[boomtime="photo_left"],
div[boomtime="photo_Left"]{
margin:0 !important;
float:none !important;
}

#ftr-section .col4 div[id^="photo_content_"]{
width:auto;
}

#ftr-section .col4,
#content_wrapper #content{
padding: 0 !important;
margin:0 !important;
width:auto !important;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

#ftr-section .col4,
#content_wrapper #content{
    padding: 0 !important;
    margin:0 !important;
    width:auto !important;
}

#ftr-main #ftr-nav #header_menu{
width:98% !important;
padding:10px 0px 20px !important;
display:block !important;
}

#ftr-hour #hour_grid{
display:inline-block !important;
}

#footer .center-container{
    width:98% !important;
    max-width:98% !important;
}

#ftr-main #ftr-address #clicktocall_button{
display:inline-block;
}

#ftr-email #email_signup{
display:inline-block !important;
}

#ftr-email{
text-align:center !important;
}

#hdr-mtop{
height:auto !important;
}

#ftr-nav #header_menu li { 
float: none;
width: auto; 
}

#ftr-hour,
#ftr-hour h3{
text-align:center !important;
}

#ftr-main #hour_grid{
padding:0px 20px;
}

#ftr-main #ftr-map img{
display:inline-block;
max-width:98% !important;
}

#ftr-main #ftr-map{
text-align:center !important;
}

#ftr-nav #header_menu li a {
width: auto;
}

#footer #ftr-socialmedia{
text-align:center !important;
}

#footer #ftr-socialmedia a{
display:inline-block;
}

#footer #ftr-main,
#footer #copyright{
margin:0 !important;
}

#footer #copyright{
border:none;
padding-top:15px !important;
padding-top:10px !important;
}


#main-slider,
#main-slider .flex-container,
#main-slider .flexslider,
#main-slider .slides,
#main-slider .flexslider .slides img{
margin:0 !important;
padding:0 !important;
}

.main-nav .nav-holder{
line-height:normal;
}


#hdr-phonec,
#hdr-social-cont,
#hdr-logo,
#part_hdrtagline,
#part_hdrtagline h2{
text-align:center !important;
}



#ftr-main #ftr-address{
text-align:center !important;
}


#main_4{
width:98% !important;
}

#hdr-navigation{
padding:10px 0px;
}


}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {


#hdr-mtop{
height:auto !important;
}

#ftr-nav #header_menu li { 
float: none;
width: auto; 
}

#ftr-hour,
#ftr-hour h3{
text-align:center !important;
}

#ftr-main #hour_grid{
padding:0px 20px;
}

#ftr-main #ftr-map img{
display:inline-block;
max-width:98% !important;
}

#ftr-main #ftr-map{
text-align:center !important;
}

#ftr-nav #header_menu li a {
width: auto;
}

#footer #ftr-socialmedia{
text-align:center !important;
}

#footer #ftr-socialmedia a{
display:inline-block;
}

#footer #ftr-main,
#footer #copyright{
margin:0 !important;
}

#footer #copyright{
border:none;
padding-top:15px !important;
padding-top:10px !important;
}


#ftr-main #ftr-address{
text-align:center !important;
}


#main_4{
width:98% !important;
}

#hdr-navigation{
padding:10px 0px;
}

#nav-close {
    background: #3f5d67 !important;
}

.main-nav.mini-nav #nav > li{
border-color: #3f5d67 !important;
}

.main-nav.mini-nav{
background:#7dafbc !important;
}

.main-nav.mini-nav #nav > li:nth-child(even){
   background: #8bb9c0 !important;
}
.main-nav.mini-nav #nav > li:nth-child(even) ul li:nth-child(odd){
   background: #6495a3 !important;
}
.main-nav.mini-nav #nav > li:nth-child(odd) ul li:nth-child(odd){
   background: #8bb9c0 !important;
}

#hdr-navigation #navigation a{
display:inline-block;
background:#6495a3;
color:#FFF;
text-shadow:none;
border:1px solid #3f5d67;
}

#main-slider,
#main-slider .flex-container,
#main-slider .flexslider,
#main-slider .slides,
#main-slider .flexslider .slides img{
margin:0 !important;
padding:0 !important;
}

.main-nav .nav-holder{
line-height:normal;
}


#hdr-phonec,
#hdr-social-cont,
#hdr-logo,
#part_hdrtagline,
#part_hdrtagline h2{
text-align:center !important;
}

.photo_left,
.photo_Left,
div[boomtime="photo_left"],
div[boomtime="photo_Left"]{
margin:0 !important;
float:none !important;
}

#ftr-section .col4 div[id^="photo_content_"]{
width:auto;
}

#ftr-section .col4,
#content_wrapper #content{
padding: 0 !important;
margin:0 !important;
width:auto !important;
}

}


::selection {
    background: #7ab5c2;
    color:#FFF;
}
::-moz-selection {
    background: #7ab5c2;
    color:#FFF;
}
/**** Sticky nav setup****/

#content_in h1:first-child{
    font-size: 2.2em;
}

.button_1,a.button,input[type=button],input[type=submit],input[type=reset], .submit, #continue, #review, #buttons input {
background:none repeat scroll 0 0 #6495a3;
color: #fff !important;
font-family: 'Open Sans',sans-serif;
margin-top: 4px;
padding: 6px 10px !important;
text-shadow: none;
}

#sidebar{
font-size:80%;
padding-top: 30px;
}

#page_gift #content_wrapper,
#page_subscribe #content_wrapper,
#page_specials #content_wrapper{
  width: 100%;
}

#page_gift .service_option_grid td,
#page_gift .service_option_grid th{
border:none;
}


#ftr-address .button_1,
#ftr-address a.button,
#ftr-address input[type="button"],
#ftr-address input[type="submit"],
#ftr-address input[type="reset"]{
    background: none repeat scroll 0 0 #7ab5c2;
    box-shadow: 0 2px 0 #4c95a5;
    color: #fff !important;
    display: block;
    font-family: 'Open Sans',sans-serif;
    padding: 8px 10px !important;
    text-shadow: none;
}

#ftr-address .button_1:hover,
#ftr-address a.button:hover,
#ftr-address input[type="button"]:hover,
#ftr-address input[type="submit"]:hover,
#ftr-address input[type="reset"]:hover{
    background:none repeat scroll 0 0 #8fd0de;
}

#ftr-address a{
text-decoration:none !important;
}

#ftr-address a:hover{
color:#6395a2 !important;
}

#content_in h1,
#content_in h2,
#content_in h3,
.service_category h2,
#sidebar_in h1,
#sidebar_in h2
#sidebar_in h3{
    font-family: 'Montserrat',sans-serif;
    font-size: 1.9em;
    font-weight: normal;
    text-align: left;
    color:#5c493d;
}

#page_home #content_in h1{
    text-align: center;
}

.center-container .col4 div[id^="photo_content_"]{
    width:100%;
}

#hdr-aveda{
text-align:center;
}

#hdr-aveda img{
position: relative;
top: 10px;
}

#hdr-phonec{
color: #fff;
font-size: 16px;
font-weight: 600;
text-align:right;
}

#hdr-phonec #clicktocall_button{
background: none repeat scroll 0 0 #6495a3;
color: #fff !important;
font-family: 'Open Sans', sans-serif;
margin-top: 4px;
padding: 6px 10px !important;
text-shadow: none;
}

#hdr-emailsignup{
font-size: 8px;
visibility: hidden;
}

#hdr-emailsignup #email_signup{
visibility: visible;
}

#hdr-emailsignup #email_signup #email{
border: 1px solid #000;
box-shadow: none;
font-family: 'Open Sans',sans-serif;
font-size: 11px;
width: 80px;
}
#hdr-emailsignup #email_signup #phone{
border: 1px solid #000;
box-shadow: none;
font-family: 'Open Sans',sans-serif;
font-size: 11px;
width: 80px;
}
#hdr-emailsignup #email_signup .submit{}

#main-slider{
display:none;
}

#ftr-hour h3{
font-size: 16px;
text-align: left;
}

#ftr-socialmedia .socialwrap-circ{
box-shadow:none;
width:42px;
}

#ftr-socialmedia .socialwrap-circ i{
font-size: 28px;
}

#page_home #main-slider{
    display:block;
}

#hdr-navigation.floating {
   background: rgba(122, 181, 194, 0.95);
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   z-index: 10;
}

/**** END Sticky Nav setup ****/

#hdr-emails a{
color: #fff;
display: inline-block;
font-size: 12px;
margin-right: 10px;
position: relative;
text-decoration: none;
text-transform: uppercase;
top: -2px;
}

#part_hdrtagline h2{
color: #9BD7D1;
font-family: 'Montserrat',sans-serif;
font-size: 16px;
font-weight: normal;
text-align: center;
}

#main_5
{
   background: #fff;
   margin-bottom: 1em;
   float: left;
   padding: 0 1em;
}

#content_in h1{
color:#6395a2;
font-family: 'Montserrat',sans-serif;
font-size: 1.9em;
font-weight: normal;
text-align: center;
}

#sidebar .button_1,
#sidebar a.button,
#sidebar input[type="button"],
#sidebar input[type="submit"],
#sidebar input[type="reset"]{
    background: none repeat scroll 0 0 #7ab5c2;
    box-shadow: 0 2px 0 #4c95a5;
    color: #fff !important;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    padding: 8px 10px !important;
    text-shadow: none;
}

#sidebar .button_1:hover,
#sidebar a.button:hover,
#sidebar input[type="button"]:hover,
#sidebar input[type="submit"]:hover,
#sidebar input[type="reset"]:hover{
    background:none repeat scroll 0 0 #8fd0de;
}

#sidebar_in h1{
   font-size: 1.7em;
}

#sidebar_in h2{
   font-size: 1.7em;
   font-weight:normal;
}

#sidebar_in h3{
   font-size: 1em;
}

.service_option_grid, .service_option_name, .service_option_price
{
   border: none;
}
#ftr-main .social_icons img{
max-width:34px;
}

#header_in, #main_4, #footer{
width:960px;
}

#ftr-section .col4{
background: none repeat scroll 0 0 #FFFFFF;
margin-left: 13px;
margin-right: 0;
padding: 15px 8px 0;
text-align: center;
}

#ftr-section .col4:first-child{
margin-left:0px;
}

#ftr-section .col4 h2{
font-family: 'Montserrat',sans-serif;
font-size: 20px;
font-weight: normal;
margin: 5px 0;
text-align: center;
}

#ftr-section .col4 h2 a{
color:#6395a2 !important;
text-decoration:none;
}

#ftr-section .col4 h2 a:hover{
color:#c0b6cf !important;
text-decoration:none;
}

#hdr-add-line{
color: #fff;
font-size: 13px;
text-transform: uppercase;
}

#hdr-add-line a{
color: #fff;
text-decoration: none;
}

#hdr-add-line a:hover{
color:#c1b3d1 !important;
}


#ftr-email #email_signup #email,
#ftr-email #email_signup #phone{
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: none;
    color: #808080;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    text-transform: capitalize;
}


#ftr-email #email_signup{
    margin-top:15px;
}

#ftr-email .button_1,
#ftr-email a.button,
#ftr-email input[type="button"],
#ftr-email input[type="submit"],
#ftr-email input[type="reset"]{
    background: none repeat scroll 0 0 #7ab5c2;
    box-shadow: 0 2px 0 #4c95a5;
    color: #FFFFFF !important;
    display: block;
    font-family: 'Open Sans',sans-serif;
    padding: 8px 10px !important;
    text-shadow: none;
}

#ftr-email .button_1:hover,
#ftr-email a.button:hover,
#ftr-email input[type="button"]:hover,
#ftr-email input[type="submit"]:hover,
#ftr-email input[type="reset"]:hover{
    background:none repeat scroll 0 0 #8fd0de;
}

#ftr-map img{
border:5px solid #FFF;
}

#ftr-email{

}

#ftr-nav{
text-align: center;
}

#ftr-nav #header_menu{
display: inline-block;
list-style: none outside none;
}

#footer #copyright{
background: none repeat scroll 0 0 #3E5B66;
margin: 0 auto;
max-width: 100%;
text-align: center;
color:#FFF;
width: 100%;
padding:5px 0px;
}

#footer #copyright a{
color:#e8f8fb !important;
}

#footer{
max-width: 100%;
width: 100%;
font-size:80%;
}

#ftr-main{
background: none repeat scroll 0 0 rgba(122, 181, 194, 0.4);
color: #FFFFFF;
padding-bottom: 10px;
}

#ftr-main a{
color:#e8f8fb !important;
}

.flexslider{
margin-bottom:0;
margin-top:0;
}

#content_wrapper{
background: none repeat scroll 0 0 #FFFFFF;
font-size: 80%;
margin: 25px 0;
}

#content_wrapper #content{
padding: 5px 25px 10px;
}

#content p{
color:#555;
}

.flex-control-nav{
display:none;
}

#body_home #content_wrapper{
width:100%;
}

#hdr-top{
background: none repeat scroll 0 0 rgba(122, 181, 194, 0.4);
color: #ffffff;
padding-bottom: 10px;
padding-top: 5px;
}

#hdr-address{
  padding: 20px 0 0 0;
}

#hcard-joliesalonandspa #clicktocall_button,
#hdr-add-line #clicktocall_button{
background: none repeat scroll 0 0 #7ab5c2;
box-shadow: 0 2px 0 #4c95a5;
color: #FFFFFF !important;
font-family: 'Open Sans',sans-serif;
margin: 5px auto;
padding: 8px 10px !important;
text-shadow: none;
}

#hcard-joliesalonandspa #clicktocall_button:hover,
#hdr-add-line #clicktocall_button:hover{
background:#8fd0de;
}

#hcard-joliesalonandspa{
font-size: 75%;
text-transform: uppercase;
}

#hdr-logo{
padding: 20px 0 0;
text-align: center;
margin-bottom:0;
}

#hcard-joliesalonandspa *{
text-align:center;
}

#hcard-joliesalonandspa a{
display:block;
color:#FFF;
text-decoration:none !important;
}

#hcard-joliesalonandspa a:hover{
text-decoration:underline !important;
}

#hdr-logo img{
display:inline-block;
}

#hdr-navigation{
background: none repeat scroll 0 0 rgba(122, 181, 194, 0.8);
color: #FFFFFF;
}

#hdr-nav li{

}

#hdr-nav{
text-align:center;
}

#hdr-nav ul{
display: inline-block;
font-size: 14px;
list-style: none outside none;
padding-top: 5px;
}

#hdr-navigation li a{
color:#FFF;
}

.flex-direction-nav{
display:none;
}

.center-container{
max-width:960px;
width:100%;
margin:0 auto;
float: none;
}

#header_in{
padding:0;
max-width:100%;
width:100%;
}

#hdr-mtop{
background: none repeat scroll 0 0 #3f5d67;
height: 40px;
}

.socialwrap-circ{
background: none repeat scroll 0 0 #fff;
border-radius: 50%;
box-shadow: 2px 2px 1px #20434f;
display: inline-block;
text-align: center;
width: 24px;
}

#hdr-social-cont{
text-align:right;
padding:8px 0px;
}

.socialwrap-circ:hover i{
    color:#6b9ba6 !important;
}

.socialwrap-circ i{
    font-size:16px;
}

.socialwrap-circ i.icon-facebook{
    color:#3b5998;
}

.socialwrap-circ i.icon-twitter{
    color:#3bcaff;
}

.socialwrap-circ i.icon-yelp{
    color:#c80000;
}


body{
background: url("http://www.joliesalonandspa.com/dark-flower-bg-7.jpg");
background-position: center top;
background-attachment: fixed;
font-family: 'Open Sans', sans-serif;
}

.clearfix:after,
#main_4:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#main_1{
background:#FFF;
}

/**

BEGIN Dropdown

**/


.main-nav{
position: relative;
text-align: center;
width: 100%;
z-index: 10;
}

.main-nav .nav-holder{
  width: 100%;
  line-height: 8px;
}

.main-nav #nav {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  text-transform: uppercase;
  text-align: center !important ; /* Change this to move your nav left, right, or center */
  width: 100%;
}

#nav > li {
  text-shadow: -1px 1px 4px #8f8f8f;
  padding: 0 0 0 2px;
  display: inline-block;
  position: relative;
}

#nav > li > a {
  color: #FFF !important;
  display: block;
  padding: 14px 14px;
  font-weight: normal !important;
  text-decoration: none !important;
}

#nav > li:hover > a {
background: none repeat scroll 0 0 #4c95a5;
box-shadow: 1px 1px 8px 0 #2a7e91 inset;
text-decoration: none;
}

#nav > li:hover .dropdown{
  display:block;
}

#nav .dropdown{
background: none repeat scroll 0 0 #4c95a5;
box-shadow: 0 3px 27px 0 rgba(0, 1, 1, 0.18);
display: none;
left: 1px;
padding: 5px 3px 7px;
position: absolute;
top: 58px;
width: 223px;
z-index: 600;
}

#nav .dropdown ul:first-child{
  width: auto;
}

#nav .dropdown ul{
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 22px;
  text-transform: none;
  width: 164px;
  float: left;
  text-align: left;
  list-style: none;
}
.dropdown ul li{
  float: left;
  width: 100%;
  min-height: 26px;
}

.dropdown ul li a {
  display: block;
  padding: 2px 6px 2px 10px;
  color: #CBE2DA !important;
  text-shadow: none;
  font-weight: normal !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

.dropdown ul li:hover a, .dropdown ul li.even:hover a{
  text-decoration: underline !important;
  color:#fff !important;
}

/**

END Dropdown

**/


.clearfix,
#main_4{
    display: inline-block;
}
 
html[xmlns] .clearfix,
html[xmlns] #main_4{
    display: block;
}
 
* html .clearfix,
* html #main_4{
    height: 1%;
}