* {
margin:0;
padding:0;
}

/**================================================================**/
/** Breadcrumbs **/

#breadcrumbs ul {
position:absolute;
top:20px;
left:25px;
}

#breadcrumbs ul li {
display:inline;
}


/**----------------------------------------------------------------**/


/**================================================================**/

#welcome, #welcome span {
height:33px;
width:357px;
font-size:1.8em;
font-family:Trebuchet MS, serif;
background:url(../images/welcome.gif) no-repeat;
}

#title, #title span {
height:160px;
width:763px;
font-size:4em;
font-family:Trebuchet MS, serif;
background:url(../images/header.gif) no-repeat;
}

#title {
z-index:-1;
}

#microdermabrasion_prof_peel, #microdermabrasion_prof_peel span {
height:23px;
width:440px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/microdermabrasion_prof_peel.gif) no-repeat;
}

#microdermabrasion_deluxe, #microdermabrasion_deluxe span {
height:23px;
width:420px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/microdermabrasion_deluxe.gif) no-repeat;
}
#microdermabrasion_title, #microdermabrasion_title span {
height:23px;
width:420px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/microdermabrasion_title.gif) no-repeat;
}

#mini_microdermabrasion, #mini_microdermabrasion span {
height:23px;
width:440px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/microdermabrasion_mini.gif) no-repeat;
}

#cellulite_title, #cellulite_title span {
height:31px;
width:222px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/cellulite_treatment.gif) no-repeat;
}

#thermojet_title, #thermojet_title span {
height:31px;
width:250px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/inch_loss_title.gif) no-repeat;
}

#lines_wrinkles_title, #lines_wrinkles_title span {
height:31px;
width:320px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/lines_and_wrinkles.gif) no-repeat;
}

#treatment_procedure_title, #treatment_procedure_title span {
height:31px;
width:320px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/treatment_procedure.gif) no-repeat;
}

#FAQ_title, #FAQ_title span {
height:31px;
width:325px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/faq.gif) no-repeat;
}

#waxing_title, #waxing_title span {
height:29px;
width:325px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/waxing_title.gif) no-repeat;
}

#facials_title, #facials_title span {
height:29px;
width:325px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/facials.gif) no-repeat;
}

#hopi_ear_candle_title, #hopi_ear_candle_title span {
height:31px;
width:325px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/hopi_ear_candle_title.gif) no-repeat;
}

#swedish_body_massage_title, #swedish_body_massage_title span {
height:31px;
width:325px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/swedish_body_massage_title.gif) no-repeat;
}


#makeovers_and_packages_title, #makeovers_and_packages_title span {
height:35px;
width:260px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/makeovers_and_packages.gif) no-repeat;
}

#laser_hair_reduction_title, #laser_hair_reduction_title span {
height:32px;
width:250px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/laser_hair_reduction_title.gif) no-repeat;
}

#laser_skin_rejuvenation_title, #laser_skin_rejuvenation_title span {
height:32px;
width:350px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/laser_skin_rejuvenation.gif) no-repeat;
}

#laser_teeth_whitening_title, #laser_teeth_whitening_title span {
height:35px;
width:350px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/laser_teeth_whitening_title.gif) no-repeat;
}

#eye_treatments_title, #eye_treatments_title span {
height:32px;
width:190px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/eye_treatments_title.gif) no-repeat;
}

#hands_and_feet_title, #hands_and_feet_title span {
height:32px;
width:162px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/hands_and_feet_title.gif) no-repeat;
}

#massage_title, #massage_title span {
height:35px;
width:410px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/massage_title.gif) no-repeat;
}

#professional_spray_tanning_title, #professional_spray_tanning_title span {
height:35px;
width:410px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/professional_spray_tanning.gif) no-repeat;
}

#gel_nails_title, #gel_nails_title span {
height:35px;
width:260px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/gel_nails_title.gif) no-repeat;
}

#mothers_to_be_title, #mothers_to_be_title span {
height:35px;
width:260px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/mothers_to_be_title.gif) no-repeat;
}


#treatments_for_men_title, #treatments_for_men_title span {
height:35px;
width:260px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/treatments_for_men.gif) no-repeat;
}

#laser_thread_vein_removal_title, #laser_thread_vein_removal_title span {
height:35px;
width:360px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/laser_thread_vein_removal_t.gif) no-repeat;
}

#non-surgical_facelift_title, #non-surgical_facelift_title span {
height:35px;
width:280px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/non-surgical_facelift_title.gif) no-repeat;
}

#lift_professional_title, #lift_professional_title span {
height:35px;
width:370px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/lift_professional_title.gif) no-repeat;
}

#ultimate_lift_title, #ultimate_lift_title span {
height:35px;
width:370px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/ultimate_lift_title.gif) no-repeat;
}

#hair_station_title, #hair_station_title span {
height:35px;
width:280px;
font-size:1.9em;
font-family:Trebuchet MS, serif;
background:url(../images/titles/hair_station_title.gif) no-repeat;
}


/**================================================================**/


body {
text-align:center;
font-family:verdana;
background:#8BCECD url(../images/gradientBackground.gif) repeat-x;
color:#4B8DD5;
font-size:76%;
z-index:-1;
}

a, li a {
color:#003A79;
text-decoration:underline;
}

a:hover, #breadcrumbs ul li a:hover  {
color:#4A74A2;
text-decoration:none;
}

a.active {
color:#003A79 !important;
text-decoration:none !important;
}

ul {
list-style:none;
}

ul.custom_packages {
margin:0 30px;
list-style:disc;
}

ul li {
margin:20px 0;
}

ul li a {
color:#003A79;
font-weight:bold;
font-size:11px;
}

ul.examples ul {
margin:0 0 0 20px;
}

ul.examples ul li {
margin:10px 0;
padding:0 15px;
background:url(../images/bulletpoint.gif) no-repeat top left;
}

p {
margin:10px 0;
}

#container {
position:relative;
width:763px;
margin:0 auto;
text-align:left;
z-index:0;
}

#navigation {
background:#99CCCC;
color:white;
padding:5px 0;
text-align:center;
}

#navigation ul li {
display:inline;
font-weight:bold;
position:relative;
font-size:11px;
}

#navigation ul li a {
color:#FFFFFF;
text-decoration:none;
}

#navigation ul li a:hover {
color:#003A79;
}

#navigation ul li ul {
position:absolute;
display:none;
background:#99CCCC url(../images/subnav_bg.gif) no-repeat bottom;
z-index:1000;
width:195px;
top:14px;
left:5px;
padding:0 0 0px 5px;
text-align:left;
}

#navigation ul li ul li {
display:block;
}

#navigation ul li ul li a {
padding:5px;
}

#navigation ul li ul li a:hover {
}

#navigation ul li:hover ul, #navigation ul li.over ul {
display:block;
}






#subheader {
background:#BBDDDD;
color:#70A8D8;
font-weight:bold;
padding:5px 0;
text-align:center;
padding-left:105px;
}

#mainContainer {
background:#FFF;
padding:50px 0;
width:100%;
font-size:1em;
position:relative;
z-index:-1;
height:350px;
}

html>body #mainContainer {
width:100%;
overflow:hidden;
height:auto;
min-height:220px;
}

* html #mainContainer {
}

div.advert {
position:relative;
background: url(../images/round_bg_2.gif) no-repeat;
text-align:center;
padding:20px 0 20px 0;
margin: 20px 0 20px 15px;
height:1%;
}


div.advert h2 {
font-size:1.2em;
margin-left: 0;
}


div.advert p {
font-size:0.9em;
margin-left: 0px;
}

div.advert p em {
font-size:1.2em;
font-style:normal;
font-weight:bold;
color:#FF0000;
}

div.advert img {
border:none;
}

div.advert a {
color:#FF0000 !important;
text-decoration:none;
}


div.advert div#la_smile_logo {
float:right;
margin: 0 20px 0 0;
}

html>body div.advert div#la_smile_logo {
margin: 0px 32px 0 0;
}


#leftCol {
width:360px;
float:left;
text-align:center;
}

#leftCol img#hc_logo {
margin: 0 0 0 0;
border:none;
}

#leftCol a {
margin: 30px 0 0 0;
text-decoration:none;
}



#leftCol span.caption {
display:block;
}


body#treatments #leftCol {
margin-left:0px;
text-align:left;
}

#centerCol {
width:720px;
margin:0 auto;
}

#centerCol.map {
text-align:center;
}

#rightCol {
margin-left:370px;
width:360px; 
margin-right:20px;
}

#rightCol img {
float:left;
margin:20px 0 25px 40px;
}

.treatment_contact {
margin:0 0 0 0;
padding: 0 0 5px 12px;
clear:both;
background:#FFFFFF;
}

#footer {
text-align:center;
color:#003A79;
background:transparent;
clear:both;
font-size:11px;
padding:5px 0;
}

.replace {
position:relative;
margin:0px;
padding:0px;
/* Hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden;
/* */
}

.replace span {
display:block;
position:absolute;
top:0px;
left:0px;
z-index:1; /* For Opera 5 and 6 */
}

table.cost {
width:100%;
}

table.cost thead th {
border-bottom:solid #CCCCCC 1px;
padding:4px 0;
}

table.cost tbody tr td {
padding:4px 0;
}

#subheading {
position:relative;
z-index:-1;
background:#BBDDDD;
text-align:center;
}

#headerText, #headerText span {
height:25px;
width:645px;
font-size:1.2em;
font-family:Trebuchet MS;
background:url(../images/headerText.gif) no-repeat;
}

#headerText {
}

html>body #headerText, html>body #headerText span {
margin-left:30px;
}



/** Formatting for treatment pages **/
#specialist_treatments {					/** The container for specialist treatments text **/
}

div.treatment_text {
padding-left:25px;
top:0;
}

.treatment_overview h3 {
margin:5px 0 10px 0;
font-size:1.2em;
color:#2F66A2;
}

.treatment_overview {
float:left;
position:relative;
margin:10px 0;
padding-left:25px;
}

html>body .treatment_overview {
margin:15px 0;
}

.treatment_overview ul {
float:left;
margin-left:0px;
margin:0 10px;
}

span.treatment_detail {
display:block;
clear:left;
margin-left:155px;
margin-top:10px;
margin-bottom:5px;
}

.treatment_overview ul li {
margin:5px 0;
padding:0 12px;
font-size:0.8em;
width:220px;
background:url(../images/bulletpoint.gif) no-repeat top left;
}

html>body .treatment_overview ul li {
width:230px;
}

.treatment_overview img {
float:left;
margin:0;
margin-right:10px;
border:solid #CCCCCC 1px;
}

/** Formatting for specific treatment pages **/
body#treatment_detail #leftCol {
width:60%;
margin-left:12px;
text-align:left;
}

body#treatment_detail #rightCol {
text-align:left;
width:200px;
clear:none;
float:right;
position:absolute;
right:0;
}

body#treatment_detail #leftCol h1 {
margin-bottom:20px;
}

body#treatment_detail h2 {
font-size:1.2em;
}

body#treatment_detail h3 {
font-size:1em;
}
h4 {
font-size: 1.1em;
}

.treatment {
width:100%;
}

.treatment img {
float:left;
padding:0 7px 2px 0px;
}

.treatment ul {
list-style:disc;
margin-left:40px;
}

.treatment ol li {
color:#4B8DD5;
}

.treatment h2 {
margin-bottom:10px;
}

ol li {
margin:0px 0 15px 0;
margin-left:30px;
font-size:1.1em;
color:#003A79;
}

ol li ul {
padding-left:10px;
}

ol li ul li {
margin:5px 0;
font-size:0.8em;
}

#leftCol ol li {
color:#4B8DD5 !important;
}

#contents {
border-top:solid #336666 4px;
/**background:#EEEEEE;**/
background:#99CCCC url(../images/contents_bg.gif) repeat-x bottom;
padding:10px;
}

#contents ol li.not_available {
color:#CCCCCC;
}

#contents ol li ul a {
color:#003A79;
}

#contents a:hover {
color:#FFFFFF;
}

#contents li.active, #contents li.active a {
text-decoration:none;
font-weight:bold !important;
color:#FFFFFF !important;
}

.back_to_treatments {
border-top:dashed #336666 1px;
padding-top:5px;
font-size:0.8em;
}

/** Contact Form **/
form {
margin:10px 0 0 0;
}

form label {
float:left;
margin:10px 0;
width:70px;
}

form input, form select, form textarea {
margin:10px 0;
}

form input.button {
font-weight:bold;
float:right;
margin-right:65px;
padding:2px;
}

#contact_us, #contact_us span {
height:25px;
width:180px;
font-size:1.2em;
font-family:Trebuchet MS;
background:url(../images/titles/contact_us.gif) no-repeat;
}

.errors {
color:#FF0000;
}

#find_us, #find_us span {
height:25px;
width:83px;
font-size:1.2em;
font-family:Trebuchet MS;
background:url(../images/titles/find_us.gif) no-repeat;
}

p.note {
font-size: 0.9em;
}

ul.introduction {
list-style:none;
}

ul.introduction {
display:inline;
}