@charset "utf-8";
/* CSS Document */

html, body {  height:100%; margin:0; padding: 0; border:0; }
body {
    margin-top: 2px; font: 14px Arial, sans-serif; color: #999999;
    background: #7799bb url("/assets/images/mobile-spa-franchises.gif") no-repeat center top;
}

img { display:block; border:0; }

/****** Headers & Text ******/
h1 { margin-bottom:15px; font: normal 32px Arial, sans-serif; color: #7799BB; }
h2 { margin-bottom:3px; font: bold 19px Arial, sans-serif; color: #666666; }
h3 { margin:0; padding:0; font: bold 16px Arial, sans-serif; color: #666666; }
h4 {margin-bottom:5px; font: bold 1em Arial, sans-serif; color: #333333; }
h5 { margin:0; padding:0; font: bold 13px Arial, sans-serif; color: #666666; }

a { color: #336699; }
small { font-weight:normal; }
p { margin:0; padding:0; }
span.required { color:#CC0000; font-weight:bold; }
pre { color:#FFF; }
br.clear { line-height:0; clear:both; margin:0; padding:0; border:0; }

a.smalllnk { text-decoration:underline; }

/****** Forms & Inputs ******/
input { overflow: visible; }
form { border:0; margin:0; padding:0; }
input, textarea, select { padding: 4px; font: 12px Arial, sans-serif; color: #666666; overflow: visible;  }
input[type="submit"], input[type="button"] { padding: 2px 5px 2px 5px; color: #000000; cursor: pointer; }


/****** Containers ******/
div#wrapper { width:900px; height:100%; margin: 0 auto 0 auto; }
#container { background-color:#FFFFFF; }

div#content { padding: 20px; color: #666666; background:url(/assets/images/bkg-content.jpg) repeat-x; }
div#content p { margin:0; padding:0; margin-bottom:20px; line-height:18px; }

#footer { background-color: #7a9ac2; padding:10px; font: 12px Arial, Verdana, sans-serif; color:#FFF; }
div#footer p {  margin-top: 5px; }
div#footer a {  color:#FFF; text-decoration:none; }
div#footer a:hover{ text-decoration:underline; }

/****** Navigation ******/
#navigation { position: relative; height:46px; background: #84a850; clear: left; }
#navigation ul{ position: relative; list-style:none; width:inherit; margin:0; padding:0; z-index:10; }
#navigation ul li{ float:left; }
div#navigation ul li a{ 
	display:block; height:46px; padding-left:20px; padding-right:20px;
	font: normal 15px Arial, sans-serif; line-height:45px;
	text-decoration:none; color: #ffffff;
        background: url("/assets/images/nav_divider.jpg") no-repeat top right;
}
div#navigation ul li a:hover { background-color:#94b466; }
div#navigation ul li a.on { background-color:#94b466; }
div#navigation ul li.appointment a{ font: bold 16px Arial, sans-serif; line-height:45px; }

#nav_bar {
    position:relative; z-index:5; top:-5px; left:-7px;
    background:url("/assets/images/nav_bar.png") no-repeat; width:914px; height:56px;
}

/* ERROR, INFO, WARNING MESSAGING */

div#alert-box { padding:10px; margin:10px 0 10px 0; font: 90% Arial, Verdana, sans-serif; color: #FFFFFF; }
div#alert-box h3 { font: bold 14px Arial, Verdana, sans-serif; color: #FFF; padding:0; margin:0; margin-bottom: 10px; }
div#alert-box a { color: #FFFFFF; }
div.info { background-color: #336699; }
div.error { background-color: #CC0000; }
div.warning { background-color: #CC9933; }

/* END ERROR, INFO, WARNING MESSAGING */

/****** Login header ******/
#login {
        position:absolute; margin-left:675px; margin-top:10px;
	font: 10px Arial, Verdana, sans-serif;
	color: #FFFFFF;
}
#login a { font: bold 12px Arial, sans-serif; color: #FFF; text-decoration: none; width:200px;  text-align: right; }
#login a:hover { text-decoration: underline; }

/****** Globals ******/
ul.checkmark {  margin-top:10px; list-style-image:url(/assets/images/checkmark-blue.png); }
ul.checkmark li { margin-bottom:5px; font-size:14px; color:#000; padding-left:10px; }

ul.quicklinks { list-style:none; margin-left:0; padding:0; }
ul.quicklinks li { padding-left:10px; margin-bottom:5px; }
ul.quicklinks li a { 
	background: url("/assets/images/bullet-button.gif") no-repeat;
	padding-left: 25px;	text-decoration: none; color:#336699; font-size:12px;
}

div.corners { 
	padding:10px; margin:20px 0 20px 0;
	background-color:#F8F8F8; border:1px solid #CECECE; font-size:12px; 
}

div.greybox { 
	padding:10px; margin:10px 0 10px 0;
	background-color:#EFEFEF; border:1px solid #CECECE; font-size:12px; 
}

div#step1 { margin-bottom:20px; }
div#step2 { margin-bottom:20px; }

div.legal { 
	height:100px; overflow: auto;
	padding: 10px; margin-bottom: 20px; font-size: 11px;
	background-color:#FFF; border:1px solid #CECECE;
}
/****** Content Pages ******/



#homepage_banner { float:left; width:644px; height:259px; }
#homepage_upcoming_locations { float:right; background-color:#7c9cc3; width:256px; height:259px; }
#homepage_upcoming_locations h3 { font: bold 14px Arial, sans-serif; color:#FFF; background-color:#96b2ce; padding:15px 10px 10px 10px; }
#homepage_upcoming_locations a.future_date { display:block; padding: 10px 15px; color:#FFF; text-decoration: none; background: url("/assets/images/homepage_upcoming_locations_bkg.jpg") no-repeat top right; border-bottom:1px solid #84a2c6; }
#homepage_upcoming_locations a.future_date h2 { font: bold 15px Arial, san-serif; color:#FFF; margin:0; }

#homepage_upcoming_locations a.view_calendar { display:block; font: bold 13px Arial, sans-serif; color:#FFF; text-decoration: none; padding-top:10px; padding-left:15px; }

div#memberlogin { font: bold 11px Arial, Verdana, sans-serif; color:#666666; }
div#memberlogin input { font: 10px Arial, Verdana, sans-serif; color:#666666; margin-right:3px; }

div.home-leftcol { float:left; width:390px; padding:10px; }
div.home-leftcol p { margin-left:15px; }
div.home-rightcol { float:right;  }

div.form { padding:20px; padding-bottom:5px; }
div.form dl { clear:both; color:#666666; margin:0; padding:0; margin-bottom:15px; }
div.form dl dt { width:125px; float:left; text-align:left; padding-top:7px; }
div.form dl dd { margin-left:150px; }


div#locations dl { clear:both; color:#666666; border-bottom:1px dashed #CCC; margin-top:8px; padding:0; }
div#locations dl dt { width:375px; float:left; text-align:left; }
div#locations dl dd { margin-left:400px; }
div#locations dl dd input[type="button"] { padding: 5px 10px 5px 10px; cursor: pointer; }

div#services div h3 { }
div#services dl { clear:both; color:#666666; margin:0; padding:0; margin-bottom:15px; }
div#services dl dt { width:90px; float:left; text-align:left; padding-top:7px; }
div#services dl dd { margin-left:100px; }
div#services dl dd input[type="button"] { padding: 5px 10px 5px 10px; cursor: pointer; }

div#services div.active { background-color:#d9e3ed; }

div.searchbox {
	height:45px; background:url("/assets/images/bkg_searchbox_490x45.gif") no-repeat;  
	padding-top:7px; padding-left:20px; margin-bottom:15px; color:#666666;
}
div.searchbox input { margin:0 5px 0 5px; padding:2px; font: 11px Arial; color:#666666; }
div.searchbox select { margin:0 5px 0 5px; padding:2px; font: 11px Arial; color:#666666; }

div#services select { padding:5px; }

.serviceprice { 
	font: normal 18px Arial, Verdana, sans-serif; color: #000; 
	white-space: nowrap; padding-top:5px;
}

div.callout-cart { margin:20px; padding:10px; background-color:#c8c855; color:#FFF; text-align:right; }
div.callout-cart a { color:#FFF; font-weight:bold; }


.floatleft { float: left; margin: 10px 10px 10px 0px; padding: 2px;}
.floatright { float: right; margin: 10px 0px 10px 10px; padding: 2px;}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}


.faq h3 { margin-top:20px; }