/*  General rules */

* { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, table, fieldset, address { margin: 1em 5%; }
li, dd { margin-left: 5%; }
th, td { padding: 3px 4px; }
fieldset { padding: .5em; }
hr {display:block; border-width: 0; border-style:none; border-bottom: 1px solid #999; height:1px; margin-bottom: 20px;}


/* Image Rules */

img	{ display: block; border: 0; }
img.inline { display: inline; padding-right: 10px; }
img.sidebar { padding: 5px; background: #fff; border: 1px solid #000; }

a img { border-width:0; border-style:none; border-color:transparent; }
#footer img { vertical-align: middle; border: 0; }
		
#printhead { display: none !important; }


/*  Establish general layout parameters */

html, body	{
	margin: 0;
	padding: 0;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
		font-size: 11px;
		line-height: 150%;
		text-align: center;
		color: #000;
	background: #000;
	border: 0;
	}
	
#wrapper	{
	width: 700px;
	margin: 0 auto;
	text-align: left;
	background: #c0eeff;
	border: 0;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}

#header	{
	width: 700px;
	margin: 0;
	padding: 0;
	background: #fff;
		text-align: left;
		color: #000;
	border-bottom: 1px solid #000;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

#pagebody	{
	float: left;
	width: 700px;
	height: auto;
		min-height: 500px;
	margin: 0;
	padding: 0;
		text-align: left;
	background: #fff;
	}

#maincontent	{
	float: left;
	width: 442px;
	height: auto;
		min-height: 400px;
	margin: 0;
	padding: 20px;
	background: transparent;
	}

th	{ font-weight: bold; }

#maincontent ol, #maincontent ul	{
	margin: 0.5em 0;
	padding-left: 10px;
	margin-left: 10px;
	}

#maincontent ul li	{
	line-height: 1.4;
	margin-bottom: 10px;
	padding-left: 0px;
	margin-left: 10px;
	list-style: square outside;
	}

#maincontent ul ul li {
	margin-top: 10px;
	list-style: square;
	}

#maincontent ul.inlinelist	{
	padding: 0;
	margin: 0;
	}

#maincontent .inlinelist li	{
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	border: 0;
	}	
	
#footer {
	clear: both;
	width: 700px;
	background: transparent url(/pix/footer.png) top left no-repeat;
	border: 0;
		text-align: center;
		color: #000;
		font-size: 10px;
	padding: 100px 0 10px 0;
	}

#sidebar	{
	padding: 20px;
	margin: 0;
	float: right; 
	width: 170px; 
	color: #444;
	}	


/*  Typography */
	
div, p	{
	line-height: 140%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1.5em;
	}
	
h1, h2, h3, h4, h5, h6	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	margin: 25px 0 2px 0;
	padding: 0;
	border: 0;
	text-transform: none;
	line-height: 1em;
	}
	
#pagebody h1	{
    margin: 0.5em 0 0.5em 0;
	font-weight: bold;
    font-size:    x-large;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:  x-large;       
    }

html>#pagebody h1 	{
	font-size:  x-large;  
	} 

#pagebody h2	{
	font-weight: normal;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 5px;
    }

html>#pagebody h2 	{
	font-size:  large;  
	} 

h3	{
	font-size: small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: medium;  
	}

html>h3 	{
	font-size:  medium;  
	} 

h4	{
   	font-size: x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: small;  
	}

html>h4 	{
	font-size: small;  
	} 	

h5	{
     font-size:    xx-small;      
     voice-family: "\"}\"";   
     voice-family: inherit;   
     font-size:    x-small;  
	}
	
html>h5 	{
	font-size:  x-small;  
	} 

h6	{
	margin: 0 0 25px 0;
	padding: 0;
	background: transparent;
	color: #333;
	text-transform: uppercase;
	font-size:    10px;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
  	font-size: xx-small;
	}

html>h6 	{
	font-size:  xx-small;  
	} 

#pagebody, #pagebody div, #pagebody p, #pagebody th, #pagebody td, #pagebody li, #pagebody dd, #pagebody dt    {
    font-size:    11px;
	line-height:  160%;
	/* Tantek again */
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    11px;         
    }

html>#pagebody, html>#pagebody div, html>#pagebody p, html>#pagebody th, 
html>#pagebody td, html>#pagebody li, html>#pagebody dd, html>#pagebody dt    {
    font-size:  small;
    }



/*  Hidey-ho */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}


/*  Helpers */
	
.floatleft	{
	float: left;
	padding: 0;
	margin: 0 15px 0 0;
	}
	
.vs0	{
	margin-top: 0;
	}
	
.vs3	{
	margin-top: 3px;
	}		

.vs5	{
	margin-top: 5px;
	}	

.vs7	{
	margin-top: 7px;
	}

.vs10	{
	margin-top: 10px;
	}	

.vs15	{
	margin-top: 15px;
	}	
	
.vs25	{
	margin-top: 25px;
	}
		


/*  Frankencheese */

.form {
	color: #000;
	border: 1px solid #666;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	padding: 1px;
	margin: 0;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}

html>.form {
	font-size: x-small;
	} 

.form-button {
	color: #000;
	background-color: #fff;
	border: 1px solid #666;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}

html>.form-button  {
	font-size: x-small;
	} 




/* General linkology */
	
a:link, a:visited {
	text-decoration : none;
	color: #c00;
	background: transparent; 
	}

a:hover {
	text-decoration : underline;
	color: #f00;
	background: transparent; 
	}

a:active {
	text-decoration : none;
	color: #000;
	background: transparent;  
	}



/* Main nav */

ul.link-bar {
    display:block;
    overflow:hidden;
    position:relative;
    padding:0;
    margin:0;
}
ul.link-bar a,
ul.link-bar li {
    display:block;
    float:left;
    overflow:hidden;
    padding:0;
    margin:0;
	text-indent: -9999px;
}

ul#main-bar,
ul#main-bar li,
ul#main-bar a {
    height: 25px;
}
ul#main-bar,
ul#main-bar a {
    background: url(/pix/mainnav.png) no-repeat 0 0;
}
ul#main-bar {
    background-position: 0 -25px;
}
ul#main-bar a:hover,
ul#main-bar a:focus,
ul#main-bar a:active {
    background-position: 0 25px; /* hide it completely */
}
ul#main-bar a:hover:not(:safarifarifari),
ul#main-bar a:focus:not(:safarifarifari),
ul#main-bar a:active:not(:safarifarifari) {
    background-image:none; /* hide it completelycompletely */
}
ul#main-bar strong {
    display:block;
    visibility:hidden;
}
html>body ul#main-bar * {
    width:100%;
}
* html ul#main-bar * {
    width:100%;
}
#main-bar .salon { width: 100px }
#main-bar .salon * { background-position: -0px 0 }
#main-bar .spa { width: 145px }
#main-bar .spa * { background-position: -100px 0 }
#main-bar .occasions { width: 195px }
#main-bar .occasions * { background-position: -245px 0 }
#main-bar .gifts { width: 150px }
#main-bar .gifts * { background-position: -440px 0 }
#main-bar .about { width: 110px }
#main-bar .about * { background-position: -590px 0 }




/* SALON SUBNAV */

ul#subnav-salon,
ul#subnav-salon li,
ul#subnav-salon a {
    height: 25px;
}
ul#subnav-salon,
ul#subnav-salon a {
    background: url(/pix/subnav_salon.png) no-repeat 0 0;
}
ul#subnav-salon {
    background-position: 0 -25px;
}
ul#subnav-salon a:hover,
ul#subnav-salon a:focus,
ul#subnav-salon a:active {
    background-position:0 25px; /* hide it completely */
}
ul#subnav-salon a:hover:not(:safarifarifari),
ul#subnav-salon a:focus:not(:safarifarifari),
ul#subnav-salon a:active:not(:safarifarifari) {
    background-image:none; /* hide it completelycompletely */
}
ul#subnav-salon strong {
    display:block;
    visibility:hidden;
}
html>body ul#subnav-salon * {
    width:100%;
}
* html ul#subnav-salon * {
    width:100%;
}
#subnav-salon .cutting { width: 185px }
#subnav-salon .cutting * { background-position: -0px 0 }
#subnav-salon .styling { width: 95px }
#subnav-salon .styling * { background-position: -185px 0 }
#subnav-salon .colour { width: 95px }
#subnav-salon .colour * { background-position: -280px 0 }
#subnav-salon .perms { width: 90px }
#subnav-salon .perms * { background-position: -375px 0 }
#subnav-salon .formal { width: 90px }
#subnav-salon .formal * { background-position: -465px 0 }
#subnav-salon .treatments { width: 145px }
#subnav-salon .treatments * { background-position: -555px 0 }






/* SPA SUBNAV */

ul#subnav-spa,
ul#subnav-spa li,
ul#subnav-spa a {
    height: 25px;
}
ul#subnav-spa,
ul#subnav-spa a {
    background: url(/pix/subnav_spa.png) no-repeat 0 0;
}
ul#subnav-spa {
    background-position: 0 -25px;
}
ul#subnav-spa a:hover,
ul#subnav-spa a:focus,
ul#subnav-spa a:active {
    background-position:0 25px; /* hide it completely */
}
ul#subnav-spa a:hover:not(:safarifarifari),
ul#subnav-spa a:focus:not(:safarifarifari),
ul#subnav-spa a:active:not(:safarifarifari) {
    background-image:none; /* hide it completelycompletely */
}
ul#subnav-spa strong {
    display:block;
    visibility:hidden;
}
html>body ul#subnav-spa * {
    width:100%;
}
* html ul#subnav-spa * {
    width:100%;
}
/** Autogenerated from widths: */
#subnav-spa .escapes { width: 120px }
#subnav-spa .escapes * { background-position: -0px 0 }
#subnav-spa .massage { width: 85px }
#subnav-spa .massage * { background-position: -120px 0 }
#subnav-spa .bodytreat { width: 135px }
#subnav-spa .bodytreat * { background-position: -205px 0 }
#subnav-spa .facials { width: 80px }
#subnav-spa .facials * { background-position: -340px 0 }
#subnav-spa .handsfeet { width: 105px }
#subnav-spa .handsfeet * { background-position: -420px 0 }
#subnav-spa .waxing { width: 80px }
#subnav-spa .waxing * { background-position: -525px 0 }
#subnav-spa .makeup { width: 95px }
#subnav-spa .makeup * { background-position: -605px 0 }




/*  Rules and Styles for Forms */

form {}

fieldset { 
	margin: 1em 0; 
	padding: 1em;
	border: 0;
	}

legend {
	padding: 0.25em 0.5em;
/*
	border: 1px solid #000;
*/
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}

select { margin: 0; font-weight: bold; font-size: 11px; }
select:focus { background: #FFEB9C; }



/* INPUT FILEDS */
input { 
	padding: 0 5px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
	}
input:focus { background: #FFEB9C; }

label { margin: 0 3px; }


/* TEXTAREA FILEDS */
textarea { 
	padding: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		line-height: 1.2em;
	}
textarea:focus { background: #FFEB9C;}



/* MAKE INVISIBLE */
body#front div#giftcardfooter {display: none; visibility: hidden; }
body#gifts div#giftcardfooter {display: none; visibility: hidden; }