/* ----- General styles ------------------------------------------------- */
* { margin: 0; padding: 0; }

body {
	font: 62.5% "Times New Roman", Times, serif;
	text-align: center;
	background: #C57F35 url(/images/spa/layout/top-marble.jpg) no-repeat center top;
	color: #365471;
	}

a img { border: 0; }
hr { display: none; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.align-left { float: left; display: inline; margin: 0 15px 0 0; }
.align-right { float: right; display: inline; margin: 0 0 0 15px; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-float { display: inline-block; overflow: hidden; }
.clear-float { display: block; }
.no-border { border: 0 !important; }

/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */
/*\*//*/
.alt { text-indent: -9999px; }
/**/


/* ----- sIFR rules -------------------------------------*/
.sIFR-flash { visibility: visible !important; margin: 0; position: relative; }
.sIFR-flash span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}


/* ----- Layout --------------------------------------------------------- */
div#wrapper {
	position: relative;
	margin: 51px auto 0 auto;
	text-align: left;
	width: 901px;
	background: url(/images/spa/layout/repeating-bg.gif) repeat-y -1px top;
	}

/* ----- Contingency rules --------------------------------------------------------- */
div#browser-warning { display: none; }
div#js-warning-spacer {
	height: 35px;
	}
div#js-warning {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #FFCC00;
	padding: 8px 10px;
	text-align: left;
	background: #FFFFCC;
	color: #000000;
	font-size: 1.1em;
	}
noscript {
	font-size: 1em;
	font-style: normal;
	color: #000000;
	}
div.form-error {
	border: 2px solid #FF0000;
	padding: 8px 10px;
	text-align: left;
	background: #FFFF99;
	color: #000000;
	font-size: 1.1em;
	}


/*------------------  Content Styles ----------------------------*/

div#inner-wrapper { background: url(/images/spa/layout/content-top-marble.jpg) no-repeat center top; }
div#bottom-wrapper { background: url(/images/spa/layout/content-bottom.gif) no-repeat -1px bottom;}
div#spa-background {position: absolute; bottom: 114px; left:0px; margin-left: 70px;}
div#spa-mag { display: block;}

div#content-wrapper { width: 564px; margin: -114px 68px 0 268px; } 

div#content { margin: 0 42px 36px 14px; font-size: 1.4em; width:508px; }
body.services div#content { margin-top:230px; }

div#content hr { display: block; height:2px; border-top: solid 1px #FFFFFF; margin: 0 0 19px 10px; }
div#content h1 { clear: both; display:block; font-size: 34px; line-height: 34px; height: 34px; width: 300px; margin:0 0 5px -10px; }
div#content h2#title { margin-bottom: 18px;	font-size: 1em; }
div#content h2 span { font-weight: normal; }
div#content h3, div#content p { margin-bottom: 19px; }
div#content h3 { font-size: 1em; clear: both; }

div#branding { margin-left: 97px; margin-top: 2px; }
div#branding img { display: none; }

div#branding a {
	display: block;
	width: 151px;
	height: 114px;
	background: url(/images/spa/inverness-spa-logo.gif) no-repeat left top;
	}
	
div#masthead { margin-bottom: 30px; width:564px; height:288px; }

div#footer {
	clear: both;
	display: block;
	height: 91px;
	padding-top: 21px;
	text-align: center;
	background: url(/images/spa/layout/footer-bg.jpg) no-repeat center top;
	color: #FFFFFF;
	font: 1em Arial, Helvetica, sans-serif;
	}
	
/* ----- Primary navigation --------------------------------------------- */
div#subnav { position: absolute; top: 134px; left:97px; }

div#subnav ul { list-style: none; }
div#subnav ul li { display: block; width: 151px; height: 30px; }
div#subnav ul li a { display: block; height: 30px; }
div#subnav ul li a:hover { background-position: -151px 0; }

li#inverness-home, li#inverness-home a { background: url(/images/spa/nav/inverness-home.gif); }
li#spa-overview, li#spa-overview a { background-image: url(/images/spa/nav/spa-overview.gif); }
li#spa-photo-gallery, li#spa-photo-gallery a { background-image: url(/images/spa/nav/photo-gallery.gif); }
li#spa-packages, li#spa-packages a { background-image: url(/images/spa/nav/spa-packages.gif); }
li#spa-services, li#spa-services a { background-image: url(/images/spa/nav/spa-services.gif); }
li#spa-request, li#spa-request a { background-image: url(/images/spa/nav/spa-request.gif); }
li#spa-howto, li#spa-howto a { background-image: url(/images/spa/nav/spa-howto.gif); }

div#subnav ul li.current a { background-position: -151px 0; cursor: default; }


/* ------- Interior Navigation ------------------------------------------ */
div#subnav li#spa-services ul { list-style:none; position:absolute; top:190px; left:187px; width:522px; display:none; }
body.services div#subnav li#spa-services ul { display:block; }
li#spa-request ul { display:none; }

div#subnav li#spa-services ul li { float: left;  width: 165px;  height: 83px; margin: 0px 9px 8px 0; }
div#subnav li#spa-services ul li a { display:block; width: 165px; height: 83px; cursor:pointer !important; background-position: 0 0 !important; }
div#subnav li#spa-services ul li a:hover {  }

li#spa-massages, li#spa-massages a { background: url(/images/spa/interior/spa-mini-massages.gif); }
li#spa-body, li#spa-body a { background: url(/images/spa/interior/spa-mini-body-treatments.gif); }
li#spa-day, li#spa-day a { background: url(/images/spa/interior/spa-mini-day-packages.gif); }
li#spa-facials { margin-left: 39px; }
li#spa-facials, li#spa-facials a { background: url(/images/spa/interior/spa-mini-facials.gif); }
li#spa-nail, li#spa-nail a { background: url(/images/spa/interior/spa-mini-nail-services.gif); }
li#spa-waxing, li#spa-waxing a { background: url(/images/spa/interior/spa-mini-waxing.gif); }

div#subnav li#spa-services ul li { background-repeat:no-repeat !important; }
div#subnav li#spa-services ul li a { background-repeat:no-repeat !important; }

/*----------------------- Form Styles --------------------------- */
form {
	margin: 0 20px 20px 20px;
	padding: 0 0 20px 0;
	}

fieldset {
	clear: both;
	border: solid #333;
	border-width: 1px 0 0 0;
	padding: 0.5em 1em 1.5em 1em;
	}

legend {
	padding: 0 0.25em .5em 0.25em;
	font-weight: bold;
	color: #365471;
	}

option {
	padding: 0 3px;
	}

input, select, textarea { font: .8em Arial, Helvetica, sans-serif; }
input.textfield:focus, textarea:focus, input.focus, textarea.focus { background: #fdfcfa; }

.textfield {
	width: 150px;
	border: 1px solid #999;
	padding: 2px 1px 2px 3px;
	font-size: .8em;
	}

textarea.textfield {
	width: 225px;
	height: 75px;
	}

input.tiny { width: 20px; }
input.small { width: 60px; }
input.medium { width: 100px; }
input.large { width: 175px; }
input.submit { margin-left: 141px; float: left; display: inline;}

div.field {
	clear: both;
	margin-bottom: 0.3em;
	overflow: hidden;
	min-height: 0;
	}

span.required, label.required {
	font-weight: bold;
	}

div.field label {
	display: block;
	float: left;
	width: 140px;
	padding: 0.2em 0.5em;
	text-align: right;
	}

div.field label.no-float {
	display: inline;
	float: none;
	padding-right: 0;
	}

/* -- Group of Checkboxes -- */
ul.checkboxgroup { list-style:none; float: left; padding-top: 5px; margin-left: 145px; }
ul.checkboxgroup li {  display: block; clear: left; }
ul.checkboxgroup input { float: left; display: inline; margin-right: 2px;}
div.field ul.checkboxgroup li label { float: left; display: inline; text-align: left; margin: -2px 0 0 0; padding: 0; width: auto;}

ul.column { float: left; width: 40%; margin-right: 12px; }
div.field img { margin-left: 4px; vertical-align: top; }
noscript {
	font-size: 1.2em;
	font-style: italic;
	color: #888;
	}


/* -- Auto Writing of Stuff -- */
table.rfp-details { width: 450px; border-collapse: collapse; }
table.rfp-details th, table.rfp-details td { padding: 1px; }
table.rfp-details th.meeting-day { width: 75px; }

table#block-requirements { width: 320px; }
table.rfp-details input.textfield{ width: 40px; }

table#meeting-requirements { width: 420px; }
	
/* ----- This should always be at the end of this file ------------------------------------------- */
/* Supply styles to IE5/Mac \*//*/
@import "legacy.css";
/**/


/*-- Spa Packages --*/
body.spa div.package-wrapper {
	overflow: hidden; 
	padding-bottom:15px;
	width: 512px;
	margin: 0 0 23px 0px;
	background: url("../images/package/spa-packages-bg.gif") no-repeat 0 top;
	border-bottom: 1px solid #b8986b;
}
body.spa div.package-inside-wrapper { overflow: hidden; }
body.spa div.package-image {
	display:inline;
	float:left;
	margin: 0 0 0 20px;
	border:1px solid #ae9372;
	}

body.spa div.package-image img { }
body.spa div.package-title {
	padding-top: 19px;
	margin: 0px 20px 15px 20px;
	padding-bottom: 4px;
	font:bold 1em "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-transform: uppercase;
	border-bottom: 1px solid #b69363;
	}

body.spa div.package-content { float: left; display: inline; margin: 0 0 0 30px; width: 275px; }
	
body.spa div.package-short { padding-bottom:1em; font: 1em/1.2em "Times New Roman", Times, serif; color: #365471; }
body.spa div.package-content p { padding-bottom:1em; }
body.spa div.package-content ul {
	margin-left: 3em;
	padding-bottom:.5em;
	font-size:1em;
	}
body.spa div.package-long { clear:both;  }
body.spa div.toggle { clear: both; float: left; display: inline; width: 107px; height:17px; margin: 0 0 0 215px; padding-top: 13px; }
body.spa div.package-toggle a { display:block;}
body.spa div.package-toggle a:hover { color:#c00; }

body.spa div.package-link { float: left; display: inline; width: 107px; margin: 0 0 0 25px;  padding-top: 13px; }
body.spa div.package-link a { display:block; width: 107px; height: 19px; background: url("../images/interior/btn-book-now.gif") no-repeat 0 0; }

body.spa div.package-appt-link { float: left; display: inline; width: 107px; margin: 0 0 0 25px;  padding-top: 13px; }
body.spa div.package-appt-link a { display:block; width: 107px; height: 19px; background: url("../images/interior/request-appt.gif") no-repeat 0 0; }

/* Spa Gallery */

body.spa-gallery div#content { margin: 0 42px 36px 14px; font-size: 1.4em; width:508px; height: 440px; }
div#flash-object {
		margin:0;
		padding:0;
		position:absolute;
		left:162px;
		top:375px;
	}
	
div#day-spa-push { float: right; display: block; }
img#spa-push-img { margin-bottom: 25px; display: block; width: 292px; height: 200px;  }

body.services div#content-wrapper { padding-bottom: 40px; }
body.services div#content h1 { margin-bottom: 10px; }
div.treatment-wrapper { float: left; display: inline; width: 478px; margin: 0 0 8px 0; padding: 15px; background: #f6efdd; border: 1px solid #818a89; font-family: Arial !important; }
div.treatment-desc { display: none; }
div#content div.treatment-wrapper p {  font-size: .9em !important; }
div#content div.treatment-toggle a { color: #aa2c30;  font-size: .9em !important;}

a#btn-spa-menu { position: absolute; display: block; width: 200px; height: 48px; top: 511px; right: 110px; }