@charset "utf-8";
@import url("framework.css");
/*@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);*/
@font-face {
    font-family: 'BradleyHandITCRegular';
    src: url('bradhitc-webfont.eot');
    src: url('bradhitc-webfont.eot?#iefix') format('embedded-opentype'),
         url('bradhitc-webfont.woff') format('woff'),
         url('bradhitc-webfont.ttf') format('truetype'),
         url('bradhitc-webfont.svg#BradleyHandITCRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CSS Document */
body { 	
	background-image: url(images/BG-REPEAT.jpg);
	background-repeat: repeat-x;
	background-color: #A5C4D6;
}
/*
body { background-color: #D3E27E; background-image: none; }
body { background-color: #DDE89A; }
*/
#app-Header { height: 80px; }
#app-PageTop { 
	height: 40px; background-position: center -80px; 
	-webkit-box-shadow: 6px 0px 3px -2px #9BB7C5;
	-moz-box-shadow: 6px 0px 3px -2px #9BB7C5;
	box-shadow: 6px 0px 3px -2px #9BB7C5;
}
#app-PageTop, #app-Page { border: none; }
#app-Page { 	
	background-image: url(images/BG-CONTENT.jpg);
	background-repeat: repeat-x;
	background-color: #F7FBFC;
	-webkit-box-shadow: 6px 0px 3px -2px #9BB7C5, 0px 6px 3px -2px #9BB7C5;
	-moz-box-shadow: 6px 0px 3px -2px #9BB7C5, 0px 6px 3px -2px #9BB7C5;
	box-shadow: 6px 0px 3px -2px #9BB7C5, 0px 6px 3px -2px #9BB7C5;
}
#app-Content.app-left-sidebar {
	width: 640px;
	margin-left: 270px;
}
#app-Sidebar {
	width: 197px; margin: 20px 34px 0 34px;
}

/* MENU THEMEING */
#app-Menu { width: 600px!important; margin: 0 auto; clear: both; padding-top: 30px; background: none; }
.nav-icon { background-image: none!important; min-width: 0; width: 0px; }
.nav a { color: #83ADC3; }
.nav .nav-pad { padding-bottom: 0; }
.nav .nav-pad a { text-transform: uppercase; background-color: transparent; border: solid 1px #C7DCEB; border-top: none; border-bottom: none; padding-bottom: 8px; padding: 7px 17px!important; }
.nav ul, .nav li:hover a { background: #EBF2F8; } /* TOP LEVEL PERSISTENCE */
.nav ul ul li:hover, .nav li:hover ul li a:hover  { background-color: #DEEAF3; } /* HOVER COLOURS */
.nav li:hover ul li { border-left: 1px solid #DEEAF3; } /* COLUMN STYLE */
.nav li:hover li li { border: none; border-top: 1px solid #DEEAF3;  } /*  COLUMN ELEMENTS STYLE */
a.nav-active { background-color: #C7DCEB; }


/* 
 * THEMEING
 */
h1, h2, h3 { 
/*	font-family:"Century Gothic", Arial, Helvetica, sans-serif;  */
	font-family: 'BradleyHandITCRegular', cursive;
	font-size: 2.5em; line-height: 1em; color: #83ACC5; font-weight: normal;
}
h1 { margin-bottom: 0.5em; }
h2 { font-size: 1.75em; }
#app-page-facials h2 { font-size: 2.25em; }
#app-page-facials td.price { font-size: 0.9em; }
h3 { font-size: 1.25em; }
p, ol, ul { margin-bottom: 1em; color: #666; line-height: 1.5em; }
ol, ul { margin-left: 2em; }

/* LINKS THEMEING */
a.app-button { width: auto; display: inline-block!important; *zoom:1; *display: inline; padding: 4px 8px 0px 8px!important; }
a.app-button:hover { background-color: #0C3665; }
a.readMore { font-size: 0.9em; }
a.readMore:hover { font-weight: bold; }
a.view-in-itunes span {
	display: block;
	width: 106px;
	height: 23px;
	margin: 0;
	text-indent: -9999px;
	background: url(http://ax.phobos.apple.com.edgesuite.net/htmlResources/9F01/images/viewinitunes_en.png) 0 0 no-repeat;
}
.app-social a { text-decoration: none; }
#app-breadcrumb{ position: absolute; bottom: 30px; left: 300px; }
#app-breadcrumb, #app-breadcrumb a { color: #83ACC5; } 
#app-breadcrumb a { color: #83ACC5; text-decoration: underline; } 

/* HELPER THEMEING */
.app-helper-inline { display: inline-block!important; *zoom:1; *display: inline; }
.app-helper-left { float: left; margin-right: 0.5em; }
.app-helper-right { float: right; margin-left: 0.5em; }

/* FORMS THEMEING */
.app-form small { background-color: #333!important; color: #CCC; }
.app-form { font-size: 1em; }
.app-form .app-form-row {
	background-color: #333!important;
	color: #FFE8E8!important;
} 
.app-form .app-form-row.app-form-error, label.app-form-error {
	background-color: #3F1011!important;
} 
.app-form .app-form-row:hover {
	background-color: #444;
}
label.app-form-required {
	color: #FFCCCC!important;
}
.app-forminput[type="submit"] { padding: 0.5em; }

/* GOOGLE MAPS SIZE THEMEING */
#map_canvas { width: 440px; height: 440px; }
#directions_form { color: #333; }

/* GTABLE THEMEING */
#app-gTable .app-list-element {
	border: 1px solid #2B4695;
}
#app-gTable .app-list-element:hover {
	border: 1px solid #4163BA;
}

/* SITE SPECIFIC THEMEING */
#app-Header {
	text-align: center;
}
.app-ads { width: 200px; height: 321px; float: right; overflow: hidden; background-image:url(images/BG-ADS.jpg); position: relative; margin-left: 4px; }
.app-ads p { line-height: 1.1em; color: white; }
.app-ads a { color: white; text-decoration: none; }
.site-appointment-block, .site-excuse-block {
	padding: 10px;
	padding-top: 80px;
	background-image: none;
	width: 180px;
}
.site-appointment-block:hover {
	background-image:url(images/BG-ADS.jpg);
	background-repeat: no-repeat;
	background-position: 0 -321px;	
}
.site-excuse-block:hover {
	background-image:url(images/BG-ADS.jpg);
	background-repeat: no-repeat;
	background-position: 0 -771px;
}

.app-ad h1 { line-height: 1em; font-size: 1.5em; margin-bottom: 1em; }
.app-ad h1, .app-ad p { color: white; }
.app-ad {
	border-bottom: 1px solid #A5C4D6;
	margin-bottom: 1em;
	color: #E8F0F4;
}
/* 
table { width: 70%; margin: 0 auto 20px auto; }
table td { padding: 3px 6px; border: 1px solid #E8F0F4; }
table tr:nth-child(odd) { background-color: transparent; }
table tr:nth-child(even) { background-color: #E8F0F4; }
*/


/* PAGE SPECIFIC STYLING */
.packages h1, .packages h2, .packages h3, .packages p { text-align: center; font-family: "Century Gothic", "Gill Sans", Helvetica, sans-serif; }
.packages h1 { line-height: 1.25em; font-size: 3em; margin: 2em 0 0 0;  }
.packages h2 { text-transform: uppercase; line-height: 1em; font-size: 1.5em!important; }
.packages h3 { margin: 20px 280px 40px 280px;line-height: 1em; border-bottom: 1px solid #83ACC5;  }
.packages p { margin-bottom: 2em; }

td.duration, td.price { font-size: 0.65em; text-align: right; }
td.price { font-size: 0.8em; }

.heading { font-family: 'BradleyHandITCRegular', cursive; color: #83ACC5; font-size: 1.2em; }

.app-sidebar-block, .app-ads .site-blue-block { 
	margin-top: 1em; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 2px solid #DDD;
	overflow: hidden;
}
.app-sidebar-block:hover, .app-ads .site-blue-block:hover { 
	border: 2px solid #666;
}
.site-blue-block {
	background-color: #83ACC5;
	color: white;
	padding: 0.5em;
	border: 2px solid transparent;
	height: 200px;
	overflow: hidden;
}
.site-blue-block h1 {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid white;
}
.app-ads .site-blue-block { 
	margin-top: 0;
}
.app-ads .site-appointment-block { 
	margin-bottom: 1em;
}
.site-favourites-block { background-color: #caae30; }
.site-favourites-block ul {
	margin-left: 0;
}
.site-favourites-block li {
	color: white;
	list-style-type: none;
	line-height: 1.1em;
	margin-bottom: 6px;
}
.site-health-block { background-color: #f1c3c5; }
.site-hours-block { background-color: #d8d0c5; }

.site-appointment-block a, .site-appointment-block a p, .site-excuse-block p {
	color: white; text-decoration: none;
}

.site-appointment-block {
	height: 100px;
	position: absolute;
	top: 0;
}
.site-excuse-block { 
	padding-top: 110px;
	height: 72px; 
	position: absolute;
	bottom: 0;
}

.app-ad a, .site-blue-block a { color: white; text-decoration: none; }
.app-ad a:hover, .site-blue-block a:hover { background-color: #83ACC5; }

.site-blue-block h1, .site-blue-block p { color: white; line-height: 1.1em; text-overflow: ellipsis; }
.site-blue-block h1 { line-height: 0.9em; font-size: 1.75em; margin-bottom: 0.5em; }
#app-map { height: 500px; }

.site-pricelist tr:nth-child(odd)    { background-color:#F7FBFC; }
.site-pricelist tr:nth-child(even)    { background-color:#FFF; }
.site-pricelist td { padding: 2px 4px; font-size: 0.8em; }

h1 a { color: #83ACC5; }

#site-favourites .app-list-element {
	height: 104px;
	border: 1px solid #D7C15B;
	background-color: #C4AA2F;
	text-align: center;
	font-family: 'BradleyHandITCRegular', cursive;
	font-size: 1.5em; 
	line-height: 1.1em;
	padding-top: 20px;
} 
#site-excuse div { height: 75px; overflow: hidden; }

#app-page-excuses #site-excuse .app-list-element-excuse { 
	background-color: #A5C4D6; 
	border: 3px solid #666; 
	padding: 1em;
	font-family: 'BradleyHandITCRegular', cursive;
	font-size: 2em; 
	line-height: 1.2em;
	text-align: center;
	height: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#site-tips .app-list-element-healthtitle, #site-tips .app-list-element-beautytitle {
	line-height: 0.9em;
	font-size: 1.75em;
	margin-bottom: 0.5em;
	font-family: 'BradleyHandITCRegular', cursive;
	text-align: center;
	border-bottom: 1px solid white;
	font-weight: normal;
	
}
#site-tips .app-list-element-healthsubtitle, #site-tips .app-list-element-beautysubtitle { font-weight: bold; display: inline; }
#site-tips .app-list-element-healthlead, #site-tips .app-list-element-beautylead { display: inline; text-align: center; }
#app-Sidebar #site-tips .app-list-element-healthbody, #app-Sidebar #site-tips .app-list-element-beautybody { display: none; }

#app-page-tips #site-tips { 
	width: 500px; margin: 0 auto; background-color: #f1c3c5; border: 3px solid #666; padding: 0 2em 2em 2em; border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}
#app-page-tips #site-tips .app-list-element-healthlead, #app-page-tips #site-tips .app-list-element-beautylead { display: none; }
#app-page-tips #site-tips .app-list-element-healthsubtitle, #app-page-tips #site-tips .app-list-element-beautysubtitle { font-weight: bold; display: block; text-align: center; color: #666; }
#app-page-tips #site-tips .app-list-element-healthbody, #app-page-tips #site-tips .app-list-element-beautybody { display: block; text-align: center; color: #666; }
#app-page-tips #site-tips .app-list-element-healthtitle, #app-page-tips #site-tips .app-list-element-beautytitle { color: #666; margin-top: 1em; border-bottom: none; }

.brand-selection { background-color: #FFF; border: 1px solid #EEE; padding: 1em; text-align: center; }
.brand-selection img.dermalogica { margin-top: 1em; }

.app-list-element-quote  { font-size: 13px; }
#site-tips .app-list-element { height: 178px; }