body { background-color: #fff; background-image: url(../assets/face.jpg); background-repeat: no-repeat; font-size: 85%; padding: 0px; margin: 0px; }


h1, h2, h3, h4, h5 { font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; color: #0099cc; margin-top: 0px; margin-bottom: 0px; }
h2 { color: #999; }
h5 { color: #999; font-size: 0.9em; margin-top: 10px; }
h3, h2.brochures { margin-top: 7px; font-size: 0.9em;color: #0099cc;}
h4 { margin-top: 15px; font-size: 0.8em; font-weight: normal; margin-bottom: 10px; }

a:hover { color: #0099cc; }
img { border: none; }



dl { margin-left: 18px; margin-top: 0px; }
dd, dt { margin: 0px; padding: 0px; font-size: 0.9em; text-align: left; }
dt { font-weight: bold; color: #0099cc; }
dd { font-weight: bold; color: #0099cc; }
dd a { font-weight: normal; }

table img { border: 1px solid #0099cc; }



.click { font-size: 0.85em; }
h1.giftvouchers {margin-bottom:10px;}
h1.treatments {width:350px;margin-bottom:10px;}

div.events {border:1px solid #0099cc;margin-bottom:10px;padding:5px;}
div.events p {margin-bottom:0;}


.award { clear: left; float: left; margin-right: 10px; margin-bottom: 20px; }
hr.cl { width: 1px; height: 1px; clear: both; line-height: 1px; font-size: 1px; visibility: hidden; }

.hum { margin-left: 20px; }
div.clear, div#content div.clear, div#content_wide div.clear {height:0;width:0;margin:0;padding:0;clear:both;float:none;overflow:hidden;}

ul.treatments { margin: 0px; padding: 0px; list-style: square; margin-left: 20px; margin-top: 10px; margin-bottom: 20px; }
ul.treatments li { margin: 3px 0px; padding: 0px; }


span.p { float: right; display: block; margin-left: 10px; text-align: right; }


#logo { display: block; float: left; margin:0 0 80px 0; }


#topnav { margin-left: 35px; margin-top: 31px; vertical-align: top; height: 30px; height:127px;}
#topnav img { margin-right: 22px; vertical-align: bottom; }
#topnav div { float: left; vertical-align: top; width: 520px; }



#leftnav { width: 200px; margin: 15px 0 70px 0; float: left;}
#leftnav div { clear: left; height: 51px; vertical-align: top; }
#leftnav img { display: inline; vertical-align: top; }
/* #f_treatments, #f_products, #f_salons, #f_spa, #f_appointments, #f_feedback, #f_brochure, #f_giftvoucher */
#leftnav img.icon { margin-left: 36px; margin-right: 10px; border: 1px solid #0099cc; }





#content { float: left; width: 342px; margin: 10px 0 70px 0px;}
#content li { list-style: square; }
div#content a, div#content_wide a {font-weight:bold;}
div#content a.email, div#content_wide a.email {font-weight:normal;}


#content table { margin: 10px 0px; width: 100%; }
#content table td { padding: 3px; }
#content thead td { font-weight: bold; }

#content_wide ul.circle li, #content ul.circle li {list-style-type:circle}
#content_wide { float: left; margin-top: 10px; margin-bottom: 70px; width: 580px; }
#content_wide div { width: 521px; margin-bottom: 10px; }
#content_wide p { width: 340px; margin-right: 10px; }
#content_wide a { font-weight: bold; }
#content_wide img { float: right; clear: right; }
#container { width: 800px;}







#right { float: left; width: 230px; margin-top: 15px; margin-left: 25px; text-align: center; }
#right img { border: 1px solid #0099cc; margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; }
#right dl { text-align: center; margin-left: 55px; }
#right dd, #right dt { text-align: left; }
#right.products { width: 175px; margin-left: 60px; }
.products td { text-align: left; font-size: 0.9em; vertical-align: top; }
.products td h1 { margin: 0px; font-weight: bold; font-size: 0.9em; color: #0099cc; padding: 0px; line-height: 0.9em; }
.products td p { margin: 0px; padding: 0px; }
#right.products td img { margin: 0px 7px 5px 7px; }
#right.products td.last img { margin: 0px 7px 0px 7px; }
#right.products td.first img { margin: 0px 7px 5px 7px; }
#right.products tr.s td { height: 1px; font-size: 1px; line-height: 1px; line-spacing: 0px; }
#right.products tr.s td hr { visibility: hidden; margin: 0px; padding: 0px; height: 0px; }


#rightnav { float: left; width: 220px; margin-top: 15px; margin-left: 25px; text-align: center; }
#rightnav dl { margin-left: 0px; }
#rightnav dd.current a {color:#09c;font-weight:bold;}

#content_wide #rightnav {float:right;display:block;width:230px;margin-left:0;margin-right:-25px;}
#content_wide #rightnav dl {}
#content_wide #rightnav dl a {font-weight:normal}



/*
 * form styles
 */
 
 
label, input, select, legend, textarea, p, a, dt, dl, li, #content li, #content td, .listTitle { font-family: verdana, arial, helvetica, sans-serif; color: #999; margin-top: 0px; line-height: 1.4em; text-decoration: none; }
label, input, select, textarea, p, dt, dl, li, #content li, #content td, .listTitle { font-size: 0.90em; }

input.text, textarea.text { width: 300px; }
input.small { width: 20px; margin: 0px 3px; }
input.submit { margin: 10px 0px; } 
 
label { font-size: 0.8em; }
#content_wide form {width:342px;margin:20px 0}
#content_wide form input {width:140px}
#content_wide form {margin-left:5px}
#content_wide legend {font-size:11px;color:#989898;width:335px;margin:0;padding:0 0 16px}
#content_wide legend span {display:block;width:335px;}
#content_wide legend.required {background:url(../assets/required.png) 110px 0 no-repeat}
#content_wide legend.required span {width:130px;margin:0;padding:0;float:left;overflow:overflow;}
#content_wide fieldset {border:none;padding:0;margin:40px 0;width:342px;}
/*inline-block is valid in msie and safari, for mozilla we have to use a little bit of javascript */
#content_wide label {font-size:11px;color:#adadad;display:inline-block;width:128px;margin:0;padding:0;line-height:1.8;vertical-align:top}
#content_wide select {width:144px}
#content_wide textarea {width:335px;height:95px;}
#content_wide fieldset input, #content_wide fieldset textarea, #content_wide fieldset select {margin:0;padding:0;background-color:#f6fffe}
#content_wide fieldset input, #content_wide fieldset li textarea, #content_wide fieldset li select {width:202px}
#content_wide fieldset input.warning, #content_wide fieldset textarea.warning, #content_wide fieldset select.warning {background-color:#ff9fae}
#content_wide fieldset input.checkbox {width:auto;}
#content_wide form ol {margin:0;padding:5px 0 5px 0}
#content_wide form li {list-style:none;padding:5px 0;margin:0;width:557px;}
#content_wide form li.giftboximage {display:block;width:342px;height:183px;padding:0;}
#content_wide form li.required {background:url('../assets/required.png') 110px 2px no-repeat}
#content_wide form em {font-weight:bold;font-style:normal;color:#f00}
#content_wide label span {display:block;width:128px;}
#content_wide form ul li {margin-top:3px;margin-bottom:10px}
#content_wide form a {color:#ff66bf;font-weight:normal;text-decoration:none}
#content_wide form a:hover {text-decoration:underline}
#content_wide input[type=submit] {color:#431136;}
#content_wide form li.giftboximage img {display:inline;margin:0;padding:0;position:relative;top:0;left:0;}



#footer {clear: left; margin-left: 35px; }
#footer a { text-decoration: none; margin-right: 10px; }
#footer p { font-size: 0.8em; }
#footer .hum a { font-weight: bold; }