body {margin:  0px 0px 1px 0px; padding: 0px; background-color: #003e66; text-align: center;  font-family: georgia, times; color: #003e66; height: 100%; }
a {text-decoration: none; color: #003e66; }
a img { border: 0px;}
a:hover {text-decoration: underline;}
div, span, a, h1, h2 {margin: 0px; padding: 0px;}
div#viewport {width: 765px;	margin:0px auto;  text-align:left; }
div#header {position: relative; display: block; width: 765px; height: 232px; background-image: url(/img_beta/concept10.jpg); background-position: 0px 0px;}
div#topnav {display: block; position: absolute; top: 39px; left: 0px; width: 185px;}
div#topnav a {display: block; width: 185px;  float: left; background-image: url(/img_beta/concept10.jpg); }
a#home {height: 64px; background-position: 0px -39px; }
a#home:hover {background-position: 0px -232px;}
a#doctors {height: 62px; background-position: 0px -103px; }
a#doctors:hover {background-position: 0px -296px;}
a#appointments {height: 62px; background-position: 0px -165px; }
a#appointments:hover {background-position: 0px -358px;}
div.closed {position: absolute; right: 0px; top: 0px;}
div.closed a.openlink {display: inline;} div.closed a.closelink {display: none;}
div.open a.openlink {display: none;} div.open a.closelink {display: inline;}
div.closed div.opensearch {display: none;}
div.open div.opensearch {display: inline;}
div#mainbody {float: left; clear: both; position: relative;  width: 765px; background-color: #ffffff; background-repeat: repeat-y; background-position: right;   }
div#content {position: relative; display: block; float: left; width: 519px; padding: 10px 8px 10px 8px; }
div#rightbox {display: block; clear: none; position: relative; float: right; width: 216px;}
div.accordion_content {background-image: url(/img_beta/concept10back.jpg); background-repeat: repeat-y;}
div.accordion_content a {font-family: helvetica, arial; font-size: 10px; padding-left: 16px; display: block; width: 90%; float: left; clear: left; text-decoration: none; color: #666666; }
div.accordion_content a:hover {color: #ffffff;}
div#rightbox a.handle {display: block; width: 216px; height: 50px; background-image: url(/img_beta/concept10.jpg);  }
a#medserv {background-position: -549px -232px;}
a#medserv:hover {background-position: -333px -232px;}
a#cosserv {background-position: -549px -282px;}
a#cosserv:hover {background-position: -333px -282px;}
a#esthserv {background-position: -549px -332px;}
a#esthserv:hover {background-position: -333px -332px;}
a#products {background-position: -549px -382px;}
a#products:hover {background-position: -333px -382px;}
a#locations {background-position: -549px -432px;}
a#locations:hover {background-position: -333px -432px;}
div#endcap {display: block; float: left;  width: 216px; height: 11px; background-image: url(/img_beta/concept10.jpg); background-position: -549px -481px;}
div.dermhide_container {display:block; width: 765px; float: left; clear: both; position: relative;}
div.dermhide_content { width: 765px; height: 197px; }
h2.dermhide_toggle {height: 28px;   }
.accordion_toggle {display: block;	height: 50px; width: 216px;	margin: 0 0 0 0;}
h1.accordion_toggle_active a{}
.accordion_content {overflow: hidden;}
div.dermhide_content {display: block; width: 197px; height: 765px; float: left; clear: left;}
div.horizontal_accordion_content { background-color: #003e66; }
div.horizontal_accordion_content p {width: 640px; font-size: 12px; display: block; text-align: center; clear: both;  padding: 0px 8px 0px 8px;}
div.horizontal_accordion_content a {color: #cccccc;}
div.horizontal_accordion_content  h1 {font-size: 16px; color: #ffffff; display: block;  clear: none; margin:0px;  }
div.horizontal_accordion_content  a:hover {text-decoration: underline;}
span.derm1, span.derm2, span.derm3, span.derm4, span.derm5, span.derm6 {display: block; float: left; clear: none;  height: 71px; width: 71px; margin: 0px 20px 0px 20px; background-image: url(/img_beta/concept10.jpg); }
span.dermtip {display: block; float: left; height: 71px;  background-image: url(/img_beta/concept10.jpg);  width: 200px; background-position: -549px -575px; margin: 0px 0px 0px 10px;}
span.derm1 {background-position: -549px -521px;} span.derm2 {background-position: -614px -521px;}
span.derm3 {background-position: -685px -521px;} span.derm4 {background-position: -549px -591px;}
span.derm5 {background-position: -614px -591px;} span.derm6 {background-position: -685px -591px;}
.horizontal_accordion_toggle {display: block; float: left;	height: 197px; width: 28px;	margin: 0 0 0 0; background-image: url(/img_beta/concept10.jpg); background-position: -185px -282px;}
.horizontal_accordion_toggle_active {background-position: -213px -282px;}
.horizontal_accordion_content {	height: 197px;	float: left; overflow: hidden;	background-color: #000000;	color: #cccccc;}
.horizontal_accordion_content p {width: 600px; line-height: 150%;}
#horizontal_container { width: 765px; height: 197px; overflow: hidden;}
div#dermhide_container {display:block; float: left; clear: both; width: 765px;}
h2.dermhide_toggle {display: block;float: left; clear: both; height: 28px; width: 765px;  margin: 0px;  background-image: url(/img_beta/concept10.jpg); background-position: 0px -760px; text-indent: -3000px }
h2.dermhide_toggle_active {display: block;float: left; clear: both; height: 28px; width: 765px;  margin: 0px;  background-image: url(/img_beta/concept10.jpg); background-position: 0px -732px; _background-position: 0px -731px;}
span.intro {font-weight: 900; text-align: center; display: block; margin-bottom: 20px;}
span.cosmeticheader, span.medicalservicesheader, span.estheticianservicesheader, span.estheticianservicesheader, span.productsheader, span.thedoctorsheader, span.appointmentsheader, span.locationsheader {text-align: left; display: block; width: 100%; height: 29px; background-image: url(/img_beta/concept10.jpg); text-indent: -2000px;  margin-bottom: 8px;}
span.mini {font-size: 11px;}
span.cosmeticheader {background-position: -9px -496px;}
span.medicalservicesheader {background-position: -9px -526px;}
span.estheticianservicesheader {background-position: -9px -556px;}
span.productsheader {background-position: -9px -586px;}
span.thedoctorsheader {background-position: -9px -647px;}
span.appointmentsheader {background-position: -9px -677px;}
span.locationsheader {background-position: -9px -616px;}
span.dermshocker {display: block; color: #669966; font-size: 12px; border: 2px solid #669966; margin: 6px 20px 6px 20px; padding: 10px 20px 10px 20px;}
span.treatments {font-size: 12px;}
a.servicename {margin: 2px 0 2px 0; display: block; font-size: 16px;  _font-size: 14px;}
span.service {display: block; width: 90%; padding: 4px 5% 10px 5%; border: 1px solid #666666; margin-top: 8px; background-image: url(/img_beta/servicefade.jpg); background-repeat: repeat-x; background-position: bottom;  clear: both; }
img.serviceimgleft {float: left; padding-right: 10px}
img.serviceimgright { float: right; padding-left: 10px}
span.brand {background-image: url(/img_beta/logos_assets.jpg); display: block; float: right; clear: right; margin: 0px -20px 0px 8px;}
span.skn {width: 115px; height: 114px; background-position: -140px -483px; margin-top: -20px;  }
span.color {width: 255px; height: 55px; background-position: 0px -194px;  }
span.queenbee {width: 178px; height: 103px; background-position: 0px -380px; margin-top: -20px;  }
span.light {width: 113px; height: 98px; background-position: -178px -380px;  }
span.derma {width: 255px; height: 41px; background-position: 0px -43px;  }
span.revale {width: 255px; height: 62px; background-position: 0px -132px;  }
span.prevage {width: 188px; height: 69px; background-position: 0px -311px;  }
span.revita {width: 228px; height: 48px; background-position: 0px -88px;  }
span.aircraft {width: 182px; height: 62px; background-position: 0px -249px;  }
span.labella {width: 255px; height: 43px; background-position: 0px 0px;  }
span.bloom {width: 97px; height: 62px; background-position: -188px -249px;  margin-top: -20px; }
span.yube {width: 140px; height: 114px; background-position: 0px -483px; margin-top: -20px; }
div.tag {background-image: url(/img_beta/concept10.jpg); background-position: 0px -788px; display: block; float: left; clear: both; _float: none; width: 765px; height: 59px;  }
div#icons {background-color: #ffffff; text-align: right; padding: 20px 5px 0px 0px;}
a.more { font-family: arial; font-weight: bold; text-align: right; }
div.halfintro, div.halfintro2 {width: 270px; float: left; }
div.tiny {display: block; width: 765px; float: left; clear: both; font-family: arial; font-size: 9px; text-align: right;  }
div.tiny a, div.tiny a:hover {color: #fff;}
a#app {display: block;  width: 100px; height: 39px; float: right; }
a#app:hover {background: url(/img_beta/concept10.jpg) -665px -662px;}