/* anti-aging stylsheet - dan gray - march 2009  */

* {margin:0;padding:0;}
body {text-align:center; background-color:#ffffff; font-family:Arial,helvetica,sans-serif; background: url("/images/site/back.gif") 0px 110px repeat-x #fff;margin:0;padding:0}

a {text-decoration:none;}
a img {border:0px;}

h1 {font-weight:normal; font-size:32px; line-height:40px; color:#999; }
h2 {font-weight:normal; font-size:18px; margin:20px 20px 5px; color:#207d5c}
h3 {font-weight:bold; font-size:14px; margin:20px 20px 0px; color:#207d5c;}
h4 {font-weight:normal; font-size:12px; margin:0px 20px 30px; text-transform:uppercase;line-height:20px;color:#35b990;}
h4 a {color:#35b990;}
h4 a:hover {color:#207d5c;}

p {margin:0 30px 10px 20px; }
hr {margin:20px 30px 20px 20px; border-collapse:collapse;border:none; height:1px; background-color:#ddd;}
p, li {font-size:12px; line-height:16px;color:#444;}


br.clear {clear:both;}

#header, #footer, #main-wrap {position:relative; margin:0px auto; width:945px; text-align:left;padding:0px;}

#main-wrap { background:url('/images/site/back-content.gif') 630px 0px repeat-y; border-bottom:10px solid #fff;}


/* full-width objects need a 10px right margin - allows for column overflow */
#header ul.menu, #footer ul.menu {width:935px;}

#header {height:140px;z-index:20; }

#logo {position:absolute; bottom:32px; left:20px; margin:0; padding:0;height:auto;}

#header #call {position:absolute; bottom:45px; right:30px;margin:0px; text-align:right; color:#53d7ae; text-transform:uppercase; font-size:18px; line-height:24px;}
#header #call em {color:#000; font-style:normal; font-size:30px;}

#header ul.menu {list-style:none; position:absolute; bottom:0px;left:0px; height:24px;z-index:1000; background:url('/images/site/back-menu.gif') top left no-repeat;}
#header ul {padding:0px; margin:0px;}
#header ul.menu li {display:block; float:left; position:relative; font-size:13px;}
#header ul.menu li.active {font-weight:bold;background-color:#84827e;}

#header ul.menu li a {display:block;line-height:24px; padding:0 20px;  color:#fff; }
#header ul.menu li a:hover {background-color:#84827e;}
#header ul.menu li a:active {color:#69f2bd;}
#header ul.menu li:hover {background-color:#84827e;}
#header ul.service {display:none; z-index:2000;background-color:#84827e;}
#header ul.service li {width:200px; text-align:left; position:relative;}
#header ul.service li a {line-height:30px; font-weight:normal;}
#header ul.service li a:hover {background-color:#777773;}
#header ul.menu li:hover ul.service {display:block;position:absolute; top:24px; left:0; width: 200px; }




/* ---------  general content area -----------*/

#main {width:620px; position:relative; float:left; text-align:left;z-index:10;}

#main a {color:#207d5c;}
#main a:hover {color:#043;}

#main h1 {margin:80px 10px 0px 20px;}
#main h4.subhead {margin:-10px 20px 40px;}


#main ul {margin:0 30px 10px;padding-left:20px;}
#main li {margin-bottom:5px;}
#main li {list-style-image:url('/images/site/dot-green-main.gif');}
#main li.pro {padding-left:20px;margin-left:-20px;line-height:16px;background:url('/images/icons/tick.png') 2px -2px no-repeat;list-style-image:none;list-style:none;}
#main li.con {padding-left:20px;margin-left:-20px;line-height:16px;background:url('/images/icons/cross.png') 2px -2px no-repeat;list-style-image:none;list-style:none;}

#main ul.locations {float:left; margin:10px 10px 20px 20px;width:240px;}
#main ul.locations li {position:relative;padding-bottom:5px;}
#main ul.locations li span.phone {position:absolute;left:120px;}
#main ul.locations li span.clinic {color:#999;}

#main table {margin:10px 20px;}
#main th {font-size:12px; line-height:16px;background-color:#ddd;color:#444;padding:5px 20px 5px 5px; border-bottom:1px solid #ddd;}
#main td {font-size:12px; line-height:16px;color:#444;padding:8px 20px 8px 5px; border-bottom:1px solid #ddd;vertical-align:top;}
#main td.pro {padding-left:25px;background:url('/images/icons/tick.png') 2px 5px no-repeat;}
#main td.con {padding-left:25px;background:url('/images/icons/cross.png') 2px 6px no-repeat;}

#main .consultation {padding:10px 0 40px;clear:left;}
#main .consultation h2 {padding:20px 0 0px; border-top:1px solid #dbd;}

#main .bonus {padding:0px;}
#main .bonus h2 {padding:20px 0 0px; border-top:1px solid #7eddcb;}

#main.treatments {width:945px;margin-bottom:40px; background:url('/images/treatments/female-face-full-2.jpg') top right no-repeat;}





/* ---------  home page - specifics -----------*/
#main-wrap.home {background-image:none;}
#main-wrap.home ul {margin:0 30px 10px;}

    #home_banner {height:400px; width:935px; margin-right:10px;position:relative; background:url('/images/site/welcome_face.jpg') bottom left no-repeat;}
    #home_banner h2 {margin:0px;position:absolute;top:50px; left:345px;}

    
        #welcome {position:absolute; bottom:0px; right:0px; display:block; width:620px; background:url('/images/site/corner-white-top-left.png') top left no-repeat #f1f0ef;padding:20px 0;}
        #welcome h1 {font-size:24px;margin:0 30px;}
        #welcome p {margin:0 30px 10px; font-size:14px;line-height:20px;}
        #welcome ul {padding:0;}
        #welcome li {list-style:none; float:left; display:block; }
        #welcome li a {font-size:18px; color:#666; line-height:24px; display:block;padding:0 25px; background:url(/images/site/dot-grey-welcome.gif) 0px 0px no-repeat;}
        #welcome li a:hover {background-position:0px -24px; color:#000;}
    #main-wrap.home ul#home_options {list-style:none;height:140px;margin:0px;padding:0px;}
    #home_options a {color:#663366;}
    #home_options a:hover {color:#442244;}
    #home_options li {list-style:none;display:block; float:left;margin:0 10px 0 0; width:245px; height:80px; padding:20px 30px;background-color:#f1e3f1; border-top:10px solid #fff; border-bottom:10px solid #fff;}
    #home_options p, #home_options h2 {margin:0 0 3px 0px; padding:0px; color:#663366;}
    #home_options em {font-weight:bold;font-style:normal;}
    #home_options li.option1 {border-bottom:10px solid #f1e3f1;}
    #home_options li.option2 {background-color:#e7cfe7;}
    #home_options li.option3 {background-color:#d8b1d8;}
    #home_options li:hover {background-color:#f1e3f1;cursor:pointer;}

    #home_tabs { display:block;height:240px;overflow:hidden; background-color:#f7f0f7;margin-right:10px;}
    #home_tabs a {color:#663366;}
    #home_tabs a:hover {color:#442244;}
   
    #home_tabs ul.tabs {width:305px; background-color:#f1e3f1;margin:0px; padding:0px;float:left;}
    #home_tabs ul.tabs li {list-style:none;margin:0;}
    #home_tabs ul.tabs li a {display:block; padding:0 30px; height:60px;line-height:60px; font-size:18px;}
    #home_tabs ul.tabs li.ui-tabs-selected {background-color:#f7f0f7;}
    #home_tabs div { float:right; height:240px; width:620px;}
    #home_tabs div p {margin:0 230px 0 30px; padding:30px 0 10px; color:#663366;}
    #main-wrap.home #home_tabs div ul {float:left; width:220px;margin:0px;padding-left:0;}
    #home_tabs div li {list-style-image:url('/images/site/dot-purple-main.gif');margin:3px 0 3px 50px;padding:0;}
    #home_tabs div li a:hover {color:#000;}
    #home_tabs .ui-tabs-hide {display:none;}
    
    #home_tabs #wrinkles-lines-and-lips { background:url('/images/site/home_wrinkles_face.jpg') bottom right no-repeat;}
    #home_tabs #body-treatments { background:url('/images/site/home_body.jpg') bottom right no-repeat;}
    #home_tabs #face-treatments { background:url('/images/site/home_male.jpg') bottom right no-repeat;}
    #home_tabs #beauty-treatments { background:url('/images/site/home_beauty.jpg') bottom right no-repeat;}
    
    #home_eval { height:120px;background-color:#edeceb;margin:10px 10px 0 0;}
    #home_eval p {float:left; background:url('/images/site/back-choose.gif') bottom left no-repeat; width:300px; display:block; height:80px; padding:20px 30px; margin:0;}
    #main-wrap.home #home_eval ul {margin:0px;}
    #home_eval li {list-style:none; font-size:24px;}
    #home_eval li a {line-height:60px;padding:0 30px; color:#777;}
    #home_eval li.body {background:url('/images/site/eval-body.gif') 305px 0px no-repeat;}
    #home_eval li.face {background:url('/images/site/eval-face.gif') 305px 0px no-repeat;}
    #home_eval li:hover {background-position:305px -60px;}
    #home_eval span {visibility:hidden;}


/* ---------  general content pages - specifics -----------*/

#main ul.photos {padding:0px; margin:40px 0 0;}
#main ul.photos li {list-style:none;padding:0 20px 50px;text-align:center;}
#main ul.photos li div {float:left;position:relative;width:260px; height:180px;text-align:center;}
#main ul.photos li div p {position:absolute; bottom:-40px; left:0px; margin:0px;text-align:center;width:260px;line-height:30px;background:url('/images/site/photo-tag.gif') top left no-repeat #ddd;}
#main ul.photos li div.before {}
#main ul.photos li div.after img,#main ul.photos li div.after p {margin-left:20px;}


#main .images.doctors {float:right; margin-top:-10px;}
#main .image.doctor {}


#main form {}
#main form ul, #main form li {list-style:none;padding:0px; margin:0px;}
#main form li {padding:2px 20px;position:relative;}
#main form li.section {margin-top:20px;}
#main form label {float:left; clear:left; width:120px;margin-right:10px;padding:3px;text-align:right;}
#main form label.error {position:absolute; left:450px;top:3px;z-index:1000; text-align:left; padding:3px 5px;background-color:#fdf; border:1px solid #e9bee5;color:#c6c;}
#main form input { width:280px;padding:3px;}
#main form input.checkbox {width:auto;}
#main form select { width:280px;padding:3px;}
#main form textarea { width:280px;padding:3px; height:150px;}
#main form button {padding:3px;}

/* ---------  treatment pages - specifics -----------*/

#main .images {float:left;padding:10px 0 8px;}
#main .image {margin:0 20px 0 20px;}
#main .image p {font-size:11px;color:#207d5c;margin:0px 2px 12px 2px; line-height:14px;padding:0px;text-align:center;}


#main ul.col1, #main ul.col2 {float:left;width:200px; }
#main ul.col1 {clear:left;}
#main ul.col2 {margin-left:10px;}

#main ul#treatments {padding:0px; margin:60px 0 0px; border-top:1px solid #35b990; background-color:#fff; width:100%;}
#main ul#treatments li {float:left;display:block; width:230px; padding:0px; margin:0px;}
#main ul#treatments li h2 {margin:40px 20px 10px 0;}
#main ul#treatments li p {margin:0px 20px 10px 0; }
#main ul#treatments li ul { padding:0px; margin:0px; }
#main ul#treatments li li {float:none;display:list-item; width:180px; padding:2px 0px; margin:0 0px 0 20px; }



/*-------------- what's hot - offer pages --------------*/

#main.hot.champagne {background:url('/images/site/champagne.jpg') 420px 10px no-repeat;} 
#main.hot .treatment {padding:10px 0 20px; clear:right; border-top:1px solid #eee;}

#main.hot  h2.intro {}
#main.hot  p.intro {}

#main.hot .offer { background-color:#eee; padding:20px 10px; margin-bottom:20px;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px;}
#main.hot .offer h3 { padding:0; margin:3px 10px;}
#main.hot .offer p {margin:0px 20px 8px 10px;}
#main.hot .offer li {margin:5px 0;}

#main.hot .special {border:1px solid #e7cfe7; background-color:#f0e4f0; padding:10px; margin-bottom:20px;}
#main.hot .special h3 { padding:0; margin:3px 10px; color:#663366;}
#main.hot .special p {margin:0px 20px 8px 10px;}
#main.hot .special a {color:#663366;}
#main.hot .special a:hover {color:#442244;}

#main.hot .treatment .images {float:right;clear:right;}
#main.hot .treatment .image {float:left;padding:5px 5px; margin:0px;}
#main.hot .treatment .image p {font-size:11px;color:#1d7056;padding:0px; margin:0px;}


form #friend {background-color:#ddd; margin:10px 0; padding:1px 0 10px 0;}
form #detailsFriend { margin:10px 0;}
form #friend li.section {font-weight:bold; margin-top:6px; }

p.val_error, p.error {position:absolute; top:10px; color:#cc0000; text-align:center; width:100%;}


/*#sidepanel { position:absolute; top: 140px; right:10px; width:305px;padding-bottom:10px;}*/
#sidepanel { float:right; width:315px;  text-align:left; background-position:top left; background-repeat:no-repeat;padding-top:230px;  }
#sidepanel.gen {padding-top:160px; background-position:0 -70px;}

    #sidepanel div {margin-right:10px;}
    #sidepanel h2, #sidepanel ul, #sidepanel p {margin-left:30px; margin-right:30px;}
    #sidepanel h2 {margin-top:0;padding-top:25px;}

    #sidepanel ul {margin:10px 0px 20px 0px; padding:0px;}
    #sidepanel li {margin:0px; padding:0px;}

    #sidepanel ul.locations {float:left;width:140px; }
    #sidepanel ul.col1 {clear:left;}
    #sidepanel ul.col2 {margin-left:10px;}
    #sidepanel ul.related {}
    #sidepanel ul {list-style-image:url('/images/site/dot-green-sidebar.gif');}
    #sidepanel li, #sidepanel p {color:#207d5c;margin-bottom:0px;}
    #sidepanel li {line-height:20px;padding-left:0px;margin-left:50px;}
    #sidepanel ul.col2 li {margin-left:10px;}
    #sidepanel a {color:#207d5c;font-weight:bold;}
    #sidepanel a:hover {color:#043;}
    #sidepanel div.loc_list {padding-bottom:20px;}
    #sidepanel div.loc_list p {clear:left;}
    #sidepanel div.rel_list {margin-bottom:20px;}
    #sidepanel div.question {padding-bottom:30px;}
    #sidepanel h2 {line-height:20px;}
    

    
    #sidepanel .consultation {border-top:10px solid #fff; border-bottom:10px solid #fff;background-color:#f0e4f0;padding-bottom:20px;}
    #sidepanel .consultation:hover {background-color:#e7cfe7;}
    #sidepanel .consultation p, #sidepanel .consultation a {color:#663366;}



* html #footer-wrap {height:1px;} /* fix for ie.*/


#footer-wrap {text-align:center; width:100%; background-color:#4ec199;border-top:1px solid #48b18d; clear:both;}
#footer {padding:50px 0 20px;}

#footer ul.service {list-style:none; }
#footer ul.service li { float:left;display:block;width:235px; position:relative; line-height:30px;font-size:18px;color:#fff;}
#footer ul.service li a {color:#fff;display:block;}
#footer ul.service_list {width:225px;padding-bottom:30px;}
#footer ul.service_list li {font-size:12px;line-height:15px;}
#footer ul.service_list li a {width:215px;padding:1px 1px; }
#footer ul.service_list li a:hover {background-color:#3fab85;}

#footer ul.menu {list-style:none; clear:both; border-top:1px solid #fff; padding:0 0 40px; margin:40px 0 0;}
#footer ul.menu li {display:block; float:left; position:relative;font-size:11px;}
#footer ul.menu li a {padding:0 20px 0 0; line-height:30px; }
#footer ul.menu li.active {font-weight:bold;}
#footer ul.menu li ul {display:none;}

#footer #copyright {position:absolute; bottom:30px; text-align:right; line-height:14px; padding:0px;margin:0px;right:10px;color:#fff;font-size:11px;}
#footer a {color:#fff;}
#footer #footer-logo {position:absolute; bottom:65px; right:10px;}