@charset "utf-8";
body {margin:0;padding:0;background-color: #333;font-family:Verdana, Arial, Helvetica, sans-serif;}
a {text-decoration:none;outline:none;}
img {border:none;}
.left{float:left;}
.right {float:right;} 
.cleaner {clear:both;height:0px;font-size:0px;border:none;margin:0;padding:0;background:transparent;}
.center {text-align: center;}
h1 {font-size: 17px;margin: 0;padding: 0;text-transform: uppercase;font-weight: 400;text-align: left;}
h2 {font-size: 16px;margin: 0;padding: 0;text-transform: uppercase;font-weight: 400;text-align: left;}
h3 {font-size: 15px;margin: 0;padding: 0;text-transform: uppercase;font-weight: 400;text-align: left;}
h1.capitalization-as-is, h2.capitalization-as-is, h3.capitalization-as-is {text-transform: none;} 
div.capitalization-as-is h1 {text-transform: none;} 
/* p {margin:0; padding:0;} */
.review-box p {margin:0; padding:0;} 
.white {color: #fff;}
.red {color:#be1e2d;}  
blockquote { font-size:9pt; margin-left:70px; margin-right:5px; } /* used on changes page */

#wrap {width: 940px;margin: 0 auto;padding-top: 80px;background: url(../images/scroll.jpg) no-repeat center 36px;position: relative;}
#header {background-image: url(../images/headerC.jpg);height: 277px;margin-top: 4px;}
#logo {height: 80px;width: 294px;padding-top: 20px;margin-left: 350px;}
#consultation {position: absolute;left: 688px;top: 169px;font-size: 22px;text-align: center; z-index:1;}
#consultation a{width: 209px;height: 36px;padding-top:8px;display: block;color:#333; z-index:1;}

#specials {position: absolute;left: 688px;top: 232px;font-size: 22px;text-align: center; z-index:1;}
#specials a{width: 209px;height: 97px;padding-top:8px;display: block;color:#333; z-index:1;}
.phone {position: absolute;left: 710px;top: 347px;width: 218px;height: 29px;font-size: 30px;}
.Scroller-Container {position: absolute;left: 0px;top: 0px;}
#Scrollbar-Container,#Scrollbar-Container2 {position: absolute;}
.Scrollbar-Handle {position: absolute;width: 15px;height: 27px;left: 0px;}

#bodyleft {background-color: #f2f2f2;width: 636px;float: left;position: relative;height: 387px;padding: 10px 0 0;color: #333;margin-top: 5px; text-align: justify; text-justify: distribute; }
.content-box {margin-bottom: 25px;line-height: 125%;padding:0 0 15px 60px;font-size: 14px;}
#Scroller-1 {position: absolute;overflow: hidden;width: 560px;height: 320px;margin-top: 16px;}
.Scrollbar-Track1 {width: 15px;height: 335px;position: absolute;top: 5px;background: url(../images/left-scroll-line.jpg) repeat-y center;left: 585px;margin-bottom: -50px;}
.bodyleftfooter {background: url(../images/left-scrollbottom-v3.gif) no-repeat;height: 25px;position: absolute;width: 636px;left: 0px;top: 350px;text-align: center;padding-top: 25px;font-weight: 700;font-style: italic;}
.bodyleftfooter-noscroll {height: 25px;position: absolute;width: 636px;left: 0px;top: 350px;text-align: center;padding-top: 25px;font-weight: 700;font-style: italic;}
/* .bodyleftfooter #changesbanner {position: absolute; width: 577px; height: 111px; left: 0px;top: 0px;} */

/* #changes-testimonials p {margin-bottom:15px;} */

/* START for pages with body id="video", adjust padding and display in main left area for space reasons */
body#video #bodyleft {padding-top: 0px; height:397px;}
body#video .bodyleftfooter-noscroll {display:none;}
/* END for pages with body id="video", adjust padding and display in main left area for space reasons */

#bodyright {background-image: url(../images/bodyright.jpg);float: right;width: 299px;position: relative;height: 387px;padding: 10px 0 0;color: #fff;margin-top: 5px; text-align: justify; text-justify: distribute; }
/*
#Scroller-2 {position: absolute;overflow: hidden;width: 286px;height: 300px;top: 45px;}
.Scrollbar-Track2 {width: 15px;height: 316px;position: absolute;top: 0px;left: 11px;background: url(../images/right-scrollline.gif) repeat-y center;}
*/
#Scroller-2 {position: absolute;overflow: hidden;width: 286px;height: 229px;top: 45px;}
.Scrollbar-Track2 {width: 15px;height: 245px;position: absolute;top: 0px;left: 11px;background: url(../images/right-scrollline.gif) repeat-y center;}
#bodyright .review-box { padding-left: 5px; }
#Scroller-2 .review-box { padding-left: 35px; }
.review-box {line-height: 150%;font-size: 14px;padding-bottom: 20px;}
.review-name {float: right;margin: 5px 0;}
#bodyright a {color:#ffffff;}
#bodyright a:hover {text-decoration:underline;}
.bodyrightfooter {background: url(../images/right-scrollbottom.png) no-repeat top center;height: 131px;position: absolute;width: 299px;left: 0px;top: 275px;}
.bodyrightfooter-nochanges {background-image: url(../images/right-scrollbottom.png);height: 48px;position: absolute;width: 299px;left: 0px;top: 348px;}
.bodyrightfooter-nochanges-noscroll {height: 0px;position: absolute;width: 299px;left: 0px;top: 348px;}
.bodyrightfooter-noscroll {height: 83px;position: absolute;width: 299px;left: 0px;top: 308px;}
.bodyrightfooter #changes-sidebar {position: absolute; width: 288px; height: 83px; left: 5px;top: 33px;}
.bodyrightfooter-noscroll #changes-sidebar {position: absolute; width: 288px; height: 83px; left: 5px;top: 0px;}
.bodyright-h1-top {padding-left:10px; font-family:"Lucida Sans Regular","Lucida Sans Unicode";}
#footer {position:relative; color: #f2f2f2;font-size: 9px;padding: 10px 0;}
#bodyright-pics3 {position: absolute;height: 60px; width: 299px;left: 0px;top: 245px;}
#bodyright-pics6 {position: absolute;height: 120px; width: 299px;left: 0px;top: 185px;}
#footer a {color:#ffffff;} 
#footer a:hover {text-decoration:underline;}
.footer-middot { font-size: 12px; font-weight:bold; }
.foot-nav-spacer { padding-left:12px; padding-right:12px; }
#image-footer-email {position: absolute; top: 10px; right:0px;}
#image-email-spacer {width:120px; height:1px;}
  
#menu { background-image: url(../images/menu.jpg);height: 33px;text-transform: uppercase;margin: 0;padding: 0; font-family:"Lucida Sans Unicode";} /* "Lucida Sans Regular", -- preferred font, but not web-safe. smaller, so don't add back in until spacing works w/ unicode font */
#menu ul {margin: 0;padding: 0;list-style:none; z-index:100;}
#menu li {white-space:nowrap;float: left;display: block;text-align: center;font-weight: 700;font-size: 14px;position:relative;padding: 1px 14px 0;} /* font-size: 17px; */
/* #menu li {float: left;display: block;text-align: center;font-weight: 700;font-size: 14px;position:relative;padding: 1px 42px 0;} */
#menu li a {display: block;color: #f2f2f2;height:32px;line-height:33px;}
#menu li ul {display: none; z-index:100;}
/*
#menu li:hover ul, #menu li.hover ul {background-color:#00adee;display: block;position: absolute;margin: 0;padding: 0;left:-20px;top:28px;padding:10px 0; z-index:100;}
*/
#menu li:hover ul, #menu li.hover ul {background-color:#00adee;display: block;position: absolute;margin: 0;padding:10px 0px; top:28px; z-index:100;}

#menu li:hover ul, #menu li.hover ul { border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; }
#menu li ul li { text-align: center; float:none; clear: left; } /* maybe add these: */
#menu li:hover ul.menu-left100, #menu li.hover ul.menu-left100 {left:-100px; z-index:100;}
#menu li:hover li a, #menu li.hover li a {text-transform: none;background-color:#00adee;width:200px;height: 23px;font-size:14px;white-space:nowrap;}
/* #menu li:hover li a, #menu li.hover li a {background-color:#00adee;width:220px;height: 23px;font-size:11px;} */
#menu li li a:hover {text-decoration:underline;background-color:#00adee;}
 

#menu li#menu-li-hair:hover ul, #menu li#menu-li-hair.hover ul { left:-30px; }
#menu li#menu-li-skin:hover ul, #menu li#menu-li-skin.hover ul { left:-65px; }
#menu li#menu-li-bodyslimming:hover ul, #menu li#menu-li-bodyslimming.hover ul { left:-50px; }

#menu li#menu-li-hair:hover li a, #menu li#menu-li-hair.hover li a { width:180px; }
#menu li#menu-li-skin:hover li a, #menu li#menu-li-skin.hover li a { width:300px; }
#menu li#menu-li-bodyslimming:hover li a, #menu li#menu-li-bodyslimming.hover li a { width:250px; }

.on-top { z-index: 10000; }

/* START for debug purposes, expand one menu for browsershots.org */
/*
#menu li#menu-li-hair ul {background-color:#00adee;display: block;position: absolute;margin: 0;padding: 0;left:-20px;top:28px;padding:10px 0; z-index:100;}
#menu li#menu-li-hair ul { border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; }
#menu li#menu-li-hair li a {text-transform: none;background-color:#00adee;width:200px;height: 23px;font-size:14px;white-space:nowrap;}
*/
/* END for debug purposes, expand one menu for browsershots.org */

#side-menu { margin-left: 0; padding-left: 0; list-style: none; font-family:"Lucida Sans Regular","Lucida Sans Unicode"; }
#side-menu li { padding-left: 20px; background-image: url(../images/blank.gif); background-repeat: no-repeat; background-position: 0 -3px; }
#side-menu li.active-page { padding-left: 20px; background-image: url(../images/menu-skin.jpg); background-repeat: no-repeat; background-position: 0 -3px; }

/*--------------------- START table styles ---------------------*/
.td { text-align: left; } /* default alignment */
.td-right { text-align: right; }
.td-center { text-align: center; }
.td-left { text-align: left; }
.tr-even { background:#ffffff; }
.tr-odd { background:#f0f0f0; }
tr.tr-question td { font-weight: 600; margin-top:20px; padding:5px;}
tr.tr-answer td {padding:5px;}
/*--------------------- END table styles ---------------------*/

/*--------------------- START form styles ---------------------*/
.div-contact-form table#table-contactform { padding-left:15px; }
.div-contact-form form {margin: 0px; padding: 0px;}
.div-contact-form td { font-size:12px; }
.div-contact-form form input.input-text-long {float:left; width:255px; height:14px; background:#ffffff; border:0; padding:4px; margin: 0px 0 0 0px; font-size:12px; color:#00adee;}
.div-contact-form form input.input-text-medium {float:left; width:100px; height:14px; background:#ffffff; border:0; padding:4px; margin: 0px 0 0 0px; font-size:12px; color:#00adee;}
.div-contact-form form input.input-text-state {float:left; width:20px; height:14px; background:#ffffff; border:0; padding:4px; margin: 0px 0 0 0px; font-size:12px; color:#00adee;}
.div-contact-form form textarea#notes { overflow:hidden; overflow-y: hidden; overflow-x: hidden; width:255px; height:85px; background-image: url(../images/button-send.gif); background-position: bottom right; background-repeat: no-repeat; border:0; padding:4px; margin: 0px 0 0 0px; font-size:12px; color:#00adee; }
.div-contact-form form div.div-textarea-notes {height:110px; overflow:hidden; }
.div-contact-form form a { z-index:500; display:block; position:relative; left:206px; top:-27px; width:57px; height:26px; float:left;} /* text-indent:-999em; */
#bodyright .div-contact-form form a:hover {text-decoration:none;}
.div-verification-code { background:#ffffff; height: 20px; width:50px; }
.td-verification-code { background:#ffffff; }
/*--------------------- END form styles ---------------------*/