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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* FORMS */
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
textarea,  input { padding: .3em .4em .15em .4em; }
fieldset { border: none; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #eee; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #eee; outline: 1px solid #ddd; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }


/* Tripoli Overrides--------------------------------------*/

p+ul { margin-top: -0.8em }

fieldset { border:none; }


/*end-----------------------------------------------------*/


html { font-size: 62.5%; font-family:Georgia, "Times New Roman", Times, serif; }

body {
	color: #666;
	font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em; 
	line-height: 1.6em; 
	background:#fff;
	 }


/*Site Text formating--------------------------------------*/

blockquote *:first-child { margin: .8em 0; }
 hr,  p,  ul,  ol,  dl,  pre,  blockquote,  address,  table,  form { margin-bottom: 1.6em;}
 p+p { margin-top: -.8em; }

 h1 { font-size: 1.6em; margin: 40px 0px 0px; color:#fff; background:#D42B4D; width:780px; padding:15px 0px 15px 20px; float:left; }
 h2 { font-size: 1.2em; margin: 1.3em 0 1em; color:#d42b4d; background:#fff; font-weight:600;  }
 h3 { font-size: 1.6em; margin: 1.3em 0 .75em; color:#d42b4d; background:#fff; font-weight:300;  }
 h4 { font-size: 1.4em; margin: .5em 0 .5em; color:#d42b4d; background:#ededed; font-weight:300;  }
 h5 { font-size: 11px; margin: 1.5em 0 0em; color:#666; background:#fff; font-weight:300; font-style:italic;}
 h6 { font-size: 1.2em; margin: .75em 0 .5em; color:#d42b4d; background:#ededed; font-weight:300;  }
 
/*--------------Site Text formating----------*/

p.headline { font-size: 1.6em; margin: 1.3em 0 .75em; color:#d42b4d; background:#fff; font-weight:300;  }

p.headline2 { font-size: 1.2em; margin: 1.3em 0 1em; color:#d42b4d; background:#fff; font-weight:600;  }

p.leadin {
font-size:1.313em;
margin-top: 1.07em;	
line-height: 1.7em;
}

p.standard {

}

#thoughtbox p {
background:#fff;
padding:15px 15px 20px;
margin:0;
margin-bottom:8px;
}

#thoughtbox p strong {
font-size:1.5em;
}

.greybox p, .greybox h4, .greybox h6 {
padding:0px 10px;
}

.greybox h4 {
margin-bottom:0px;
}

.greybox p {
font-size:11px;
}

.greybox p.secret {
background:#fff;
padding:5px 10px 5px;
margin:0;
}

.greybox p.secret em {
font-weight:300;
color:#d42b4d;
background:#fff;
font-style:italic;
}

p.secret+h6 {margin-top:1.2em;}

div#contactbox p {
background:#fff;
padding:15px 15px 20px;
margin:0;
margin-bottom:8px;
}

/*headers--------------------------------*/

h2.hide {
text-indent:-9999px;
overflow:hidden;
line-height:0em;
margin:0;
padding:0;
float:left;
height:295px;
width:800px;
}

body#home h2.hide {
background: url(../img/hometop.jpg) top left no-repeat;
height:375px;
}

/*Treatment pages background images----------------------*/

body#treatmentshome h2.hide {
background: url(../img/treatmentstop.jpg) top left no-repeat;
}

body#treatmentsmen h2.hide {
background: url(../img/mentreatments.jpg) top left no-repeat;
}

body#treatmentsexfoliating h2.hide {
background: url(../img/exfoliatingtreatments.jpg) top left no-repeat;
}

body#treatmentsfacial h2.hide {
background: url(../img/facialtreatmentstop.jpg) top left no-repeat;
}

body#treatmentsgrooming h2.hide {
background: url(../img/groomingtreatments.jpg) top left no-repeat;
}

body#treatmentsmakeup h2.hide {
background: url(../img/makeuptreatments.jpg) top left no-repeat;
}

body#treatmentsother h2.hide {
background: url(../img/othertreatmentstop.jpg) top left no-repeat;
}

body#treatmentsspa h2.hide {
background: url(../img/spatreatmentstop.jpg) top left no-repeat;
}

/*end of treatment background images----------------------*/

body#contact h2.hide {
background: url(../img/contacttop.jpg) top left no-repeat;
}

body#about h2.hide {
background: url(../img/abouttop.jpg) top left no-repeat;
}

h2.thought { 
font-size: 1.5em; 
margin:6px 0px 13px; 
color:#D42B4D; 
background:transparent; 
padding-left:20px; 
font-weight:300;
}

h2.flower-header,
body#promotions div.content-right h2.flower-header {
font-size: 1.6em;
width:380px;  
color:#d42b4d;  
font-weight:300;
padding:40px 0px 30px;
margin: 1.3em 0 .75em;
border-bottom: 1px dotted #966666;
background:#fff url(../img/revflower-bg.gif) bottom right no-repeat;
}

body#promotions h1, body#news h1 {
background:#D42B4D url(../img/pinkfade.gif) bottom center no-repeat;
padding-bottom:45px;
}

body#news div#content h3 {
float:left;
width:200px;
}

body#promotions div.content-right h2,
body#news div#content h2 {
margin-top:0;
}

div#contactbox h4 {
padding-left:15px;
}

/*links styles------------------*/


a:link,
a:visited {
color:#ff0135;
text-decoration:none;
}

a:hover,
a:active {
color:#666;
}

a.backlink {
float:right;
width:300px;
text-align:right;
margin-top:25px;
}

a.headlink { 
font-size: 1.2em; 
margin: 1.3em 0 1em; 
color:#ff0135; 
background:#fff; 
font-weight:600; 
display:block;
}

/*Lists--------------------------------------*/

ul.footlist {
float:right;
width:450px;
}

ul.footlist li {
float:right;
display:inline;
color:#d42b4d;
background:#fff;
padding-left:15px;
}

ul.footlist li a.maillink {
padding-right:10px;
}

ul#therapists {
float:left;
background:#fff;
width:184px;
padding:15px 0px 5px;
margin:0;
}

ul#therapists li {
float:left;
padding-bottom:10px;
padding-left:10px;
background:#fff;
width:174px;
font-size:11px;
}

ul#therapists li.live a {
color:#666;
background:#fff;
}

ul.treatments-list {
font-size:1.6em;
float:left;
margin:0px;
width:380px;
}

ul.treatments-list li {
background:#ededed;
width:350px;
height:15px;
padding:17px 20px 23px;
float:left;
margin:0;
margin-bottom:22px;
}

ul.pricelist {
margin:0;
background:#ededed;
float:left;
width:349px;
padding-top:1.2em;
}

ul.pricelist li {
background:#ededed;
padding-bottom:15px;
margin:0;
padding-left:11px;
}

p+ul.pricelist {padding-top:0px;}


/*misc styles--------------------------------*/
img {
float:left;
display:block;
overflow:hidden;
}

img.text-image, img.text-image{
padding: 0px 10px 10px 0px;
}

img.righttext-image {
padding: 0px 0px 10px 10px;
float:right;
}

img.staff {
padding: 0px 20px 20px 0px;
}

img.product {
padding: 0px 10px 50px 0px;
}

body#promotions img.product {
width:60px;
height:74px;
}

address {
float:left;
width:300px;
font-style:normal;
}


/*main divs structure---------------------------*/

#wrap {
	width:800px;
	margin:0 auto;
	padding-top:20px;		
}

#masthead {
width:800px;
float:left;
background: #fff url(../img/clarins-logo.gif) bottom right no-repeat;
}


#content{
width:800px;
float:left;
background: url(../img/flower-bg.gif) bottom right no-repeat;
padding-bottom:145px;
}

body#home #content{
background: none;
padding-bottom:90px;
}

.content-left, .treatments-left {
padding-right:53px;
width:390px;
float:left;
}

.content-right, .treatments-right {
width:355px;
float:right;
}

.treatments-left {
padding-right:10px;
}

.treatments-right {
padding-left:10px;
float:left;
}

body#promotions div.content-left {
padding-right:20px;
width:380px;
float:left;
}

body#promotions div.content-right {
width:380px;
float:right;
padding-left:20px;
}

body#contact div.content-right {
padding-left:8px;
width:347px;
}

.maincontent {
width:540px;
float:right;
padding-left:55px;
} 

#fullwidth-top {
width:800px;
border-bottom:1px dotted #966666;
float:left;
padding-bottom:25px;
margin-bottom:35px;
background: url(../img/revflower-bg.gif) right bottom no-repeat;
}

body#news #fullwidth-top {
background: none;
}


/*grey content boxes-----------------------------*/

.column-left {
width:184px;
padding:0px 8px 8px 8px;
float:left;
background:#ededed;
margin-top:1.6em;
}

div#thoughtbox {
float:left;
background:#ededed url(../img/thoughtbox-top.gif) top left no-repeat;
width:372px;
padding:52px 8px 0px;
}

div.greybox, div#contactbox {
width:380px;
padding:0px 8px 8px 8px;
float:left;
background:#ededed;
margin-top:1.6em;
}

div.treatments-left div.greybox,
div.treatments-right div.greybox {
width:364px;
}

div.treatments-right div.greybox {
margin-left:10px;
}


/*-------------Menu styles-----------------*/

ul#menu {
float:left;
width:642px;	
margin:0;
padding:79px 0px 0px 20px;
font-size:15px;
clear:right;	
}

ul#menu li {
display:inline;
color:#666; 
background:#fff;
float:left;
position:relative;
}

/*ul#menu li.headlink {width:110px;}*/

ul#menu li.headlink ul { 
display:none; 
position:absolute;
background:#B9304C;
border-top:10px solid #fff; 
border-bottom:4px solid #D0778B;
top: auto;
left: auto; 
}

ul#menu li.headlink:hover ul { display: block; }

ul#menu li.headlink ul li {
float:left;
width:250px; 
background:#B9304C;
font-size:11px;
clear: left;
padding:3px 0px;
margin:0;
}

ul#menu li a {
padding:0px 15px;	
}

ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:active { color:#666; background:#fff; }

ul#menu li a:hover { color:#D42B4D; background:#fff; }

ul#menu li a.live:link,
ul#menu li a.live:visited { color:#D42B4D; background:#fff;}


li.headlink ul { display: none; padding:10px 0px; }
li.headlink:hover ul { display: block; }

ul#menu li.headlink ul li a:link,
ul#menu li.headlink ul li a:visited,
ul#menu li.headlink ul li a:active { color:#fff; background:#B9304C; }

ul#menu li.headlink ul li a:hover { color:#eee; background:#B9304C; }

/*Footer styles--------------------------------------*/


#foot{
border-top: 1px dotted #966666;
width:800px;
float:left;
padding-top:27px;
color:#d4264d;
font-size:.75em;
line-height:1.4em;
}

#foot em {
font-style:italic;
}

#foot strong {
color:#666;
}

#foot a:link,
#foot a:visited,
#foot a:active{
text-decoration:none;
color:#ff0135;
}

#foot a:hover{
color:#ff0135;
text-decoration:underline;
}





/*Contact styles----------------------------------*/