BODY {font-family:Arial, Helvetica, Verdana, sans-serif; background-color:#ffffff; color:#555555; font-size:small; margin: 0px; }

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

#center { text-align:center ; margin: 0 auto ;}
#wrapper { margin: 0em auto ; padding: 0 ; text-align:left ; background:#fff ; text-align:left; }
#header {  overflow: hidden; padding:0; color:#000000 ; background:#FFFFFF; text-align:center;}
#topNav { background-color:#FFFFFF; font-weight:bold ; color:#1b3686 ; width:auto ; clear:both ; padding:0.21em 0.61em 0.21em 0.61em; border-bottom:#ffffff 1px solid ;}

.titleBar { background-color:#5d9319; font-weight:bold ; color:#FFFFFF; width:auto ; clear:both ; padding:0.21em 0.61em 0.21em 0.61em; border-bottom:#dfdfdf 1px solid ; background-image:url(../images/titlebar-bk.jpg); background-repeat: repeat-x;}
.breadBar { background-color:#fff; font-weight:normal ; color:#666 ; width:auto ; clear:both ; padding:0.21em 0.61em 0.21em 0.61em ; border-bottom:#6ccff6 1px solid ;}
.borderBlock { padding:0.38em 0.61em 0.38em 0.61em; background-color:#2f2f2f; clear:both; background-image: url(../images/border-bk.jpg); background-repeat: repeat-x; background-position: top;}
.whiteBG { background-color:#f2f2f2; clear:both;}

/* Text Styles */
.h2Bar { background-color:#fff; width:auto ; clear:both ; padding:0.21em 0.61em 0.21em 0.61em ; border-bottom:#6ccff6 1px solid ;}
.h3Bar { background-color:#fff; font-weight:normal ; color:#00adef; width:auto ; clear:both ; padding:0.21em 0.61em 0.15em 0.61em ; background-image: url(../images/content-bk.jpg); background-position:bottom right; background-repeat:no-repeat; }
.h3BarCentre { background-color:#fff; font-weight:normal ; color:#00adef; width:auto ; clear:both ; padding:0.21em 0.61em 0.21em 0.61em ; border-bottom:#6ccff6 1px solid; text-align:center;}
.h3BarNoBorder { background-color:#fff; font-weight:normal ; color:#00adef; width:auto ; clear:both ; padding:0.21em 0.61em 0.21em 0.61em;}

.h2BarHome { height:150px ; width:100%; background:#ffffff url(../images/mobi-img-active-cosmetic-welcome.jpg) top center no-repeat;}
.h2BarTreatments { height:150px ; width:100%; background:#ffffff url(../images/mobi-img-active-cosmetic-treatments.jpg) top center no-repeat;}
.h2BarFAQs { height:150px ; width:100%; background:#ffffff url(../images/mobi-img-active-cosmetic-faqs.jpg) top center no-repeat;}
.h2BarPhilosophy { height:150px ; width:100%; background:#ffffff url(../images/mobi-img-active-cosmetic-philosophy.jpg) top left no-repeat;}
.h2BarConsult { height:150px ; width:100%; background:#ffffff url(../images/mobi-img-active-cosmetic-book.jpg) top left no-repeat;}
.h2BarContact { height:150px ; width:100%; background:#ffffff url(../images/mobi-img-active-cosmetic-contact.jpg) top center no-repeat;}

.cDisclaimer { background-color:#fff; font-weight:normal ; color:#999999; width:auto ; clear:both ; padding:0.21em 0.61em 0.15em 0.61em ;}
.cTop {background-color:#fff ; color:#00adef;  padding:0.21em 0.61em 0.15em 0.61em ;  border-bottom:#6ccff6 1px solid ; }

/* TEXT styles */
h1 { font-size:0.90em; color:#FFFFFF; padding:0.14em 0 0.14em 0 ; margin:0 ; font-weight:bold ;}
h2 { font-size:1em; color:#00adef; padding:0 0 0.14em 0 ; margin:0 ; font-weight:bold ;}
h3 { font-size:0.90em; color:#999 ; padding:0 0 0.14em 0 ; margin:0 ; font-weight: normal; }
h4 { font-size:1em; color:#fff ; padding:0 ; margin:0 ; font-weight: bold; }
h5 { font-size:1em; color:#333 ; padding:0 0 0.14em 0 ; margin:0 ; font-weight: bold; }
h6 {font-size:1em;margin:0; padding:0; font-weight:bold; color:#000}

.subhead { font-size:0.98em; color:#7cb031 ; padding:0 0 0.38em 0 ; margin:0 ; font-weight: bold; padding-bottom:10px; }
P { font-size:12px; color:#555555 ; padding:0 0 0.38em 0 ; margin:0 ; font-weight: normal; padding-bottom:10px; }
p.copyright { text-align:center ; padding: 0.83em  0 0.83em 0; margin:0; font-size:0.90em; color:#ffffff;}
ul { margin:0; padding: 0 0 0 1.6em ; font-size:12px; color:#555555; margin: 0.21em 0 ; padding-bottom:10px; }
ol { margin:0; padding: 0 0 0 1.6em ; font-size:12px; color:#555555;margin: 0.21em 0 ; padding-bottom:10px; }
li {padding: 0 0 5px 0;}


.phonePic {margin: 0.83em  0 0.83em 0;}

.hd2 { font-size:1em; color:#00adef; padding:0 0 0.14em 0 ; margin:0 ; font-weight:bold ;}
.no1 { background: #ffffff url(images/no1.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no2 { background: #ffffff url(images/no2.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no3 { background: #ffffff url(images/no3.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no4 { background: #ffffff url(images/no4.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no5 { background: #ffffff url(images/no5.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no6 { background: #ffffff url(images/no6.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no7 { background: #ffffff url(images/no7.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no8 { background: #ffffff url(images/no8.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no9 { background: #ffffff url(images/no9.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no10 { background: #ffffff url(images/no10.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no11 { background: #ffffff url(images/no11.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no12 { background: #ffffff url(images/no12.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no13 { background: #ffffff url(images/no13.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no14 { background: #ffffff url(images/no14.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }
	.no15 { background: #ffffff url(images/no15.gif) 0 0 no-repeat ; font-weight:bold  ; padding: 0 0 0 1.6em  ; margin:0.38em 0 ; }



.nos {vertical-align:middle;}

/* LINK styles */
a img {border : none;}
a:link{  color:#7bae2f; text-decoration:none;}
a:active{  color:#7bae2f; text-decoration:none;}
a:visited{  color:#7bae2f; text-decoration:none;}
a:hover{ color:#7bae2f; text-decoration:underline;}

a.totop, a.totop:link, a.totop:visited {color: #7bae2f; font-size:0.83em; font-weight:normal; }

a.h3link, a.h3link:link, a.h3link:visited {color: #7bae2f; }

.navBlock { background-color:#fff; padding:0 0.61em 0 0.61em;}
a.nav, a.nav:link, a.nav:visited {color: #777777; font-weight:normal;}
a.nav:hover{text-decoration:underline;}
a.current, a.current:link, a.current:visited {color: #7db031; padding-left:0.83em; background:#ffffff url(../images/arrow.gif) 0 0.21em no-repeat }
a.current:hover{text-decoration:underline;}

.subnavBlock {background-color:#fff; padding:0 0.61em 0 0.61em;}
a.subNav, a.subNav:link, a.subNav:visited {color: #999999; font-weight:normal; font-size:0.90em;}
a.subNav:hover{text-decoration:underline;}
a.subCurrent, a.subCurrent:link, a.subCurrent:visited {color: #00adef; font-weight:normal ; font-size:0.90em;background:#ffffff url(../images/arrow.gif) 0 0.21em no-repeat;padding-left:0.61em}
a.subCurrent:hover{text-decoration:underline;}

.totop_menu_link {background-color: #ffffff; margin: 0; padding: 0.15em 0 0.15em 0; font-size:1em;}

a.bread, a.bread:link, a.bread:visited {color: #999;}
a.breadActive, a.breadActive:link, a.breadActive:visited {color: #999;}
a.white, a.white:visited {color: #7bae2f; font-weight:bold; text-decoration:underline;font-size: 0.90em;}
a.white:hover  {color:#4c770e; font-weight:bold; text-decoration:underline;}

/* Paragraph styles */
.dark_link {background-color: #fff; margin: 0; padding: 0.30em 0.61em 0.30em 0.61em; border-bottom:1px solid #e3ffb9; font-size:0.90em;}
.arrowlink { background:#ffffff url(../images/arrow.gif) 0 0.21em no-repeat ; margin: 0.38em 0; padding:  0 0 0 0.83em; }

/* FORM styles */
form{margin: 0;padding: 0;}	
.formField{width:100% ; height: 1.2em ; margin:0 ; padding:0}
.formField2{width:100% ; margin:0 5em 0 0 ; padding:0}
.btnSubmit { margin:0.15em 0 0.15em 0 ; }

input {margin:0 0 0.15em 4px;font-size:x-small;}
textarea { font-family:Verdana, Arial, Helvetica, sans-serif ; margin:0 0 0.15em 4px;font-size:x-small;}
select {font-size:x-small;max-width:90%;vertical-align: middle;}

.updatestatus { color:#99cc00; font-weight:normal; }
.updateerror { color:#cc0000; font-weight:normal; }
.extImageContainer { text-align:center; color:#666666; }

.question { color:#00adef; font-weight:bold;     background-color:#fff; font-weight:bold ;width:auto ; padding:0.21em 0.61em 0.15em 0.61em  }
.answer { color:#666666; background-color:#fff; font-weight:normal ;  width:auto ;  padding:0.21em 0.61em 0.15em 0.61em  }
.trouble { color:#00adef; font-weight:bold; padding:0.21em 0 0.21em 0 ;   margin-top:0.21em}

/* The px -> em translation was done by using this chart:
	 2px	0.15em
	 3px	0.21em
	 5px	0.38em
	 7px    0.53em
	 8px	0.61em
	 9px	0.69em	xx-small
	10px	0.83em	x-small
	11px	0.90em
	10.15em	0.92
	10.21em	1.0em	small
	16px	1.2em
	20.38em	1.6em
  (based off the 10.21em == 1em == small equivalence, since ALA uses
   "small" as its paragraph-size font)
  and tweaking the result a bit (e.g. shifting 0.85em font sizes to 0.90
  and 0.77em font sizes to 0.83em) */
  
  /* nav  

.clearLeft { clear:left}
.space { height:0.45em}

.darkgrey { color:#999} 
.lgtgrey { #ccc}

.featureBox { background-color:#000 ; width:auto ; padding: 0.21em 0.61em 0.38em 0.61em ; color:#999 ; width:auto ; text-align:left ; }
.featureContent { padding:0em 0 0.83em 0  ; color:#ccc}
.stars { padding:0.15em 0.15em  0.15em  0; }
.review img{ padding: 0.3em 0.61em 0 0}
.contentBlockDk { background-color:#f2f2f2; padding:0.38em 0.61em 0.38em 0.61em;border-top:#e6e6e6 1px solid ; }
.contentBlockTxt { padding-left:5.0em ; }
.contentBlockTxt2 img{ padding: 0.21em 0.5em 0 0 }
.formBlock { background-color:#f2f2f2; padding:0.21em 0.8em 0.21em 0.21em;}
.aboutImg { width:auto; background-color:#76b900 ; text-align:center ;}
.footLinks {  padding-top:0.21em ; color:#999999 ; line-height:1.1 ; }

table.mostVisited {color:#999}
table.mostVisited td { height:10.38em}
tr.greyRow{ background-color:#f6f6f6 ;}
.angelBlock { width:auto ; background-color:#f2f2f2 ; border:#ccc 1px solid ; padding:0.45em 0.38em 0.38em 0.45em ; margin: 0.83em 0.38em 0 0.38em ; }
.angelFoot { width:auto ; background:#000 url(images/tile_black.gif) top left repeat-x ; margin: 0 0.38em 0.38em 0.38em ; padding: 0.15em 0 0 0.38em ; height:1.5em; vertical-align:middle ;border-bottom:#ccc 1px solid ; border-left:#ccc 1px solid ; border-right:#ccc 1px solid }


.totop_menu_link {background-color: #f2f2f2; margin: 0; padding: 0.15em 0 0.15em 0; font-size:1em;}
.white_link {background-color: #ffffff;color: #999;margin: 0px; padding: 0.15em 0 0.15em 0.07em}
.light_link {background-color: #f2f2f2;color: #999;margin: 0px; padding: 0.15em 0 0.15em 0.07em}
.vdark_link {background-color: #666; color:#fff ; font-weight:bold ;margin: 0;padding: 0.15em 0 0.15em 0.07em}

a.arrow:link,  a.arrow:visited, a.arrow:hover {color:#fff; font-weight:bold ;background:url(images/arrow_green.gif) no-repeat ; padding:0.14em 0 0.14em  0.83em ; text-align:left ; display:block }
a.arrowBlack:link, a.arrowBlack:hover, a.arrowBlack:visited {color:#71aa0d; font-weight:normal ;background:url(images/arrow_black.gif) no-repeat ; padding-left:0.83em ; text-align:left ;  }
a.arrowSubnav:link, a.arrowSubnav:hover, a.arrowSubnav:visited {color:#fff; font-weight:normal ;background:url(images/arrow_green.gif) no-repeat ; padding-left:0.83em ; text-align:left ; width:80px ; border-top:#fff solid 1px ; border-right:#fff solid 1px ;}
a.navGreen, a.navGreen:link, a.navGreen:visited {color: #71aa0d; font-weight:normal ; }
a.more:link{  color:#1fadda; text-decoration:underline;}
a.more:hover{  color:#000; text-decoration:underline;}*/


