/* DermSkin CSS */
html {margin:0;padding:0;font-size:12px;}

body {
 margin:0;
 padding:0;
 background:#abc2c2 url(../images2/bg/leftside-bg.png) repeat-y;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:1.5em;
 color:#000;
}

body.home {
 background:#abc2c2 url(../images2/bg/hp3-bg.gif);
 margin:0 auto;
}

td, tr, p, div, li {
 font-size:1.0em;
 color:#000;
}

p {
 line-height:1.5em;
 margin-top:0;
}

hr {
  color:#739494;
  height:1px;
  width:100%;
}

h1, h2, h3, h4, h5, h6 {
 color:#000;
 font-weight: bold;
 margin-top:0.75em;
 margin-bottom:0.3em;
}

h1 { font-size:1.5em; color:#fff; border-bottom:1px solid #fff; padding-bottom:0.3em;}
h2 { font-size: 1.3em; margin-top:1.25em; color:#275050; font-style:italic;}
h3 { font-size: 1.1em; color:#000;}
h4 { font-size: 1.0em; font-style:italic;}
h5 { font-size: 1.0em; }

img { border:none; margin:0;}

div { margin:0; padding:0;}

a:link, a:visited {
 color:#275050;
 text-decoration: none;
 border-bottom:1px dotted #275050;
}

a:hover {
 color:#fff;
 text-decoration:none;
 border:none;
}

/* ***************** page structure ************** */
#page {
 padding-bottom:15px;
 background:url(../images2/bg/header-bg.png) repeat-x;
 width:100%;
}

#mainnav,
#header,
#footer,
#address {
 width:100%;
}

#inpage {
 width:960px;
}


#home #page #inpage {
 background:none;
}

#mainright {width:726px;float:right;}

/* header area + main nav */
#mainnav {
 /*background:url(../images2/bg/int-top-bg.jpg) no-repeat;*/
 height:18px;
}

#home #page #mainnav { /* home page */
 background:url(../images/bg/hp-topbg.jpg) no-repeat;
 height:31px;
}

#topphone {
 width:175px;
 height:30px;
 float:left;
}

#leftcol {
 width:224px;
 float:left;
}

/* ***************** header area **************** */
#headerleft {
 float:left;
 width:576px;
 height:97px;
}

#headerimage {
 width:576px;
 height:97px;
}

#headerright {
 float:right;
 width:113px;
 height:97px;
}

a#products_btn span,
a#payment_btn span {
 position:absolute;
 left:-9999em;
}

a#products_btn:link,
a#products_btn:visited,
a#payment_btn:link,
a#payment_btn:visited {
 display:block;
 width:113px;
 height:36px;
 border:none;
 margin:7px 0 0 0;
}

a#products_btn:link,
a#products_btn:visited {
 background:url(../images2/bg/products-btn-off.jpg) no-repeat;
}

a#products_btn:hover {
 background:url(../images2/bg/products-btn-on.jpg) no-repeat;
}

a#payment_btn:link,
a#payment_btn:visited {
 background:url(../images2/bg/payments-btn-off.jpg) no-repeat;
}

a#payment_btn:hover {
 background:url(../images2/bg/payments-btn-on.jpg) no-repeat;
}


/* ***************** home *********************** */
#homepage {
 width:830px;
 margin:0 auto;
}

#homebody {
 width:830px;
 height:180px;
 background:url(../images2/bg/homebody-bg.jpg) no-repeat;
}

#mainnav-home {
 width:530px;
}

#mainnav-home #menu_drop li {
 font-size:0.85em;
}

#specials-home {
 width:500px;
 float:left;
 margin:50px 0 0 25px;
}

#specials-home ul {
 list-style:none;
 margin:0;
 padding:0;
}

#specials-home ul li {
 list-style:none;
 padding:0;
 margin:5px 0;
 font-size:1.2em;
 font-family:georgia,serif;
}

#treatments-home {
 width:153px;
 height:122px;
 float:right;
 margin:14px 48px 0 0;
}

#treatments-home ul {
 list-style:none;
 margin:0px 0 0 0;
 padding:0;
}

#treatments-home ul li {
 list-style:none;
 width:153px;
 height:27px;
 text-align:center;
 font-size:1.5em;
 text-transform:capitalize;
 font-family:georgia,serif;
 margin:0 0 6px 0;
}

#treatments-home ul li a:link,
#treatments-home ul li a:visited,
#treatments-home ul li a:hover {
 display:block;
 width:153px;
 height:27px;
 border:none;
 color:#42786b;
 padding-top:6px;
}

#treatments-home ul li a:hover {
 background:url(../images2/bg/home-treatments-on-bg.png) repeat-x;
}

#specials-home a:hover {
 color:#42786b;
}

body.home #servicearea {
 width:830px;
 margin:30px auto;
}


#social {
 text-align:right;
 margin-top:10px;
 padding-right:10px;
 height:50px;
}

#social img {
 float:right;
 margin-left:10px;
}

#social a:link,
#social a:visited,
#social a:hover {
 border:none;
}

/* ***************** other links **************** */

a.imglink:link,
a.imglink:visited,
a.imglink:hover
 {border:none;}

/* ***************** interior pages ************* */
#main {
 width:100%;
 padding-top:45px;
}

#imain {
 width:92%;
 margin:0 0 0 8%;
 padding-bottom:15px;
 border-bottom:1px solid #fff;
}

.hdr-contact, .hdr-about { background:url(../images2/bg/hd-about.gif) no-repeat; }
.hdr-medical, .hdr-treatments, .hdr-surgery { background:url(../images2/bg/hd-treatments.gif) no-repeat; }
.hdr-cosmetic { background:url(../images2/bg/hd-cosmetic.gif) no-repeat; }
.hdr-services { background:url(../images2/bg/hd-services.gif) no-repeat; }
.hdr-articles { background:url(../images2/bg/hd-articles.gif) no-repeat; }
.hdr-specials { background:url(../images2/bg/hd-specials.jpg) no-repeat; }
.hdr-new { background:url(../images2/bg/hd-new.gif) no-repeat; }
.hdr-events { background:url(../images2/bg/hd-events.jpg) no-repeat; }

.main-about,
.main-articles,
.main-contact,
.main-events,
.main-medical,
.main-new,
.main-services,
.main-specials,
.main-surgery,
.main-treatments {
  background-position:10px 10px;
  min-height:500px;
}

.main-contact, .main-specials, .main-new, .main-events { background:url(../images2/bg/main-seminars-bg.jpg) no-repeat; }
.main-medical, .main-treatments, .main-surgery { background:url(../images2/bg/main-treatments-bg.jpg) no-repeat; }
.main-cosmetic { background:url(../images2/bg/main-treatments-bg.jpg) no-repeat; }
.main-services { background:url(../images2/bg/main-services-bg.jpg) no-repeat; }
.main-articles, .main-about { background:url(../images2/bg/main-articles-bg.jpg) no-repeat; }


/* ***************** left column ************* */

#left-hdr-img {
 width:224px;
 height:444px;
}

#inleft {
 width:90%;
 margin:0 6% 0 4%;
}

h2#lefttitle {
/* background:url(../images2/bg/dscc.gif) no-repeat;*/
 background:url(../images2/bg/derm-center-rockledge-medspa.png) no-repeat;
 width:224px;
 height:73px;
 margin-top:0;
}

h2#lefttitle span {
 position:absolute;
 left:-9999em;
}

#leftcol h3 {
 font-size:1.1em;
 color:#000;
 margin-top:2em;
}

#imain span.latitude,
#imain span.longitude,
#leftcol span.latitude,
#leftcol span.longitude {
 position:absolute;
 left:-9999em;
}

.hoursdir {
 margin:15px 0;
}

/* ********** bottom menu and submenu ************ */
#footermenu {
 margin:20px 0;
}

ul.bottom_menu,
ul.submenu {
 list-style:none;
 margin:0 0 5px 0;
 padding:0;
 text-align:center;
}

ul.bottom_menu li,
ul.submenu li {
 display:inline;
 list-style:none;
 padding:0 8px 0 10px; /* diff pad to account for border */
 margin:0;
 color:#7a4d10;
 border-left:2px solid #7a4d10;
}

ul.bottom_menu li:first-child,
ul.submenu li:first-child {
 border:none;
}


/* **************** service areas *************** */
#servicearea {
 margin-top:30px;
}

#servicearea h2 {
 color:#000;
}

.serviceareas {
 font-size:1.1em;
}

ul.citylist {
 margin-top:5px;
 margin-left:5px;
 padding-left:5px;
 list-style:none;
}

.citylist li {
 float:left;
 width:15%;
 margin:0 10px 3px 0;
 padding:1px 0 0 0;
 font-size:0.8em;
 list-style:none;
}

acronym {border:none;}

#signature {
 font-weight:bold;
 font-size:0.9em;
 text-align:right;
 width:830px;
 margin:10px auto;
}

#signature a {
 border:none;
}

/* **************** specials ******************** */
#specials .special {
 margin:30px 0;
}

#specials .special .specialText {
 float:right;
 width:290px;
}

#specials .special img.specialImage {
 float:left;
}

/* **************** directions ******************** */
#dirleft {
 float:left;
 width:200px;
}

#dirleft .geo {
 position:absolute;
 left:-9999px;
}

#dirmid {
 float:left;
 width:314px;
 margin-left:25px;
}

#dirmid h2 {
 text-align:center;
}

#dirright {
 float:right;
 width:250px;
}


/* **************** misc *********************************** */
blockquote {
 font-style:italic;
}

#cosmeticteam {
 width:350px;
 height:280px;
 float:right;
 margin:10px 0 10px 10px;
 border:2px solid #000;
}

img.rightimage {
 float:right;
 margin:10px 0 10px 10px;
 border:1px solid #739494;
}

img.leftimage {
 float:left;
 margin:10px 10px 10px 0;
 border:1px solid #739494;
}

p.price {
 font-weight:bold;
 text-align:right;
 margin-bottom:2em;
}

dl {
 border:1px solid #000;
 width:400px;
 margin:20px 0 20px 100px;
}

dt {
 float:left;
 width:150px;
 padding:2px;
}

dd {
 text-align:right;
 padding:2px;
}

.roweven {
 background:#c1d2d2;
}

.specialcallout {
 text-align:center;
 color:#fff;
 font-size:1.2em;
 font-weight:bold;
 font-style:italic;
 background:#739494;
 padding:1.5em;
}

#carecredit {
 margin:30px auto;
}

#carecredit a:link,
#carecredit a:visited {
 display:block;
 width:212px;
 height:72px;
 border:none;
}

#carecredit a:link,
#carecredit a:visited {
 background:url(../images2/misc/carecredit-off.gif) no-repeat;
}

#carecredit a:hover {
 background:url(../images2/misc/carecredit-on.gif) no-repeat;
}

#carecredit a:link span,
#carecredit a:visited span,
#carecredit a:hover span {
 position:absolute;
 left:-9999em;
}

ul.insurancelist li {
 margin-bottom:1.0em;
}

.staffphoto {
 float:left;
 margin:5px 15px 10px 0;
 width:108px;
 height:120px;
 border:1px solid #000;
}

#receptionphotos {
 width:100%;
 text-align:center;
 margin:20px 0;
}

#receptionphotos img {
 border:1px solid #000;
 margin-left:15px;
 width:250px;
 height:185px;
}

.groupstaffphoto {
 border:1px solid #000;
 margin:15px auto;
}

img.eventphoto {
 border:1px solid #000;
 margin:15px auto;
}

/* what's new */
.whatsnewitem {
 padding-bottom:25px;
 border-bottom:2px solid #fff;
 margin-bottom:25px;
 text-align:center;
}

.whatsnewitem h2,
.whatsnewitem h3,
.whatsnewitem p {
 text-align:left;
}

.whatsnewimg {
 border:1px solid #000;
}

/* links page */
#linkspage img {
 border:1px solid #000;
 margin:5px;
}

.links-hdr {
 font-size:1.25em;
 font-style:italic;
}

#eyelashgrow {
 width:218px;
 height:108px;
 background:url(../images2/latisse/latisse-blue-bg.jpg) no-repeat;
 text-align:center;
}

#eyelashgrow a:link,
#eyelashgrow a:visited,
#eyelashgrow a:hover {
 display:block;
 width:88px;
 height:24px;
 margin:0 auto;
 position:relative;
 top:75px;
 background:url(../images2/latisse/latisse-show-me-off.jpg) no-repeat;
}

#eyelashgrow a:hover {
 background:url(../images2/latisse/latisse-show-me-on.jpg) no-repeat;
}

#eyelashgrow a:link span,
#eyelashgrow a:visited span,
#eyelashgrow a:hover span {
 position:absolute;
 left:-9999em;
}

.footnote {
 font-size:0.8em;
}

/* ***************** slideshow ****************** */
div.slideshow {
 width:219px;
 float:right;
 margin:15px 0 15px 15px;
}

.ss_nav {
 width:100%;
}

.ss_prev {
 margin-top:10px;
 width:78px;
 float:left;
}

.ss_next {
 margin-top:10px;
 width:78px;
 float:right;
}

.slideshow h3 {
 text-align:center;
}

.slideshow a {
 border:none;
}

a.prev_btn:link,
a.prev_btn:visited,
a.prev_btn:hover {
 display:block;
 width:78px;
 height:17px;
}

a.prev_btn:link,
a.prev_btn:visited {
 background:url(../images2/bg/previous-off.gif) no-repeat;
}

a.prev_btn:hover {
 background:url(../images2/bg/previous-on.gif) no-repeat;
}

a.next_btn:link,
a.next_btn:visited,
a.next_btn:hover {
 display:block;
 width:68px;
 height:17px;
}

a.next_btn:link,
a.next_btn:visited {
 background:url(../images2/bg/next-off.gif) no-repeat;
}

a.next_btn:hover {
 background:url(../images2/bg/next-on.gif) no-repeat;
}

a.prev_btn:link span,
a.prev_btn:visited span,
a.prev_btn:hover span,
a.next_btn:link span,
a.next_btn:visited span,
a.next_btn:hover span {
 position:absolute;
 left:-9999em;
}

#CaptionBox {
 text-align:center;
 width:100%;
 margin-top:10px;
 font-weight:bold;
 font-size:0.9em;
}

.videolaunch {
 text-align:center;
 margin-top:15px;
 padding-top:15px;
 border-top:1px solid #fff;
}

.videolaunch a {border:none;}


/* *************** Contact Form **************** */
#contactinfo,
#info {
 border:none;
 margin-bottom:15px;
}

#contactinfo ol,
#info ol {
 margin:0;
 padding:0;
 list-style:none;
}

#contactinfo ol li,
#info ol li {
 margin:0 0 0.3em 0;
 padding:0;
 list-style:none;
}

ol li label {
 width:200px;
 float:left;
}

/*ol li ul li {
 width:450px;
}*/

label.commentslabel {
 /*clear:both;*/
 width:auto;
 margin-top:20px;
}

ol li ul li input {
 float:left;
}

ol li ul li label {
 /*clear:both*/;
 width:auto;
}

.contactlocation {
 width:49%;
 float:left;
}



/* podcasts */
#zeronapodcast {
 background:#adc1c2;
}

/* newsletter signup */
.link,
#SignUp .signupframe {
  color:#000;
  font-family: Arial, Helvetica, sans-serif;
}

.link {
  text-decoration: none;
}

#SignUp .signupframe {
 border: 1px solid #000;
 background: transparent;
}


/* **************** Dropdown Menu styling ****** */
#menu_drop li.level1 {
 font-family:georgia,serif;
}

#menu_drop, #menu_drop ul {
 float:left;
 /*width:100%;*/
 list-style:none;
 line-height:1;
 margin:0;/*0  0 1em 0*/
 padding:0;
}

#menu_drop {
 margin-top:0;
}

#menu_drop a:link,
#menu_drop a:visited,
#menu_drop a:hover {
 display:block;
 width:100%;
/* margin:5px 5px 0 5px;*/
 margin:1px 0 0 0;
 padding:1px;
/* height:15px;*/
 border:none;
}

#menu_drop a:link,
#menu_drop a:visited {
 color:#739494;/*#758884;*/
 text-decoration:none;
}

#menu_drop a:hover {
 color:#fff;
 text-decoration:none;
 background:#739494;
}

#menu_drop li.level1 a:link,
#menu_drop li.level1 a:visited {
 color:#364a4b;
}

#menu_drop li.level1 a:hover {
 color:#fff;
}

#menu_drop li ul a {
 height:auto;
/* margin-bottom:5px;*/
 width:100px;
}

#menu_drop li {
 float:left;
 margin:0;
 padding:0 10px;
 font-size:0.9em;
/* width:90px;*/
 height:15px;
 text-align:center;
 text-transform:uppercase;
 border:none;
/* border-left:1px solid #fff;*/
/* border-right:1px solid #fff;*/
}

#menu_drop li:first-child {
}

#menu_drop li#item1 {
 border:none;
}

#menu_drop li ul { /* second-level lists */
 position:absolute;
 left:-999em;
 height:auto;
 width:14.4em;
 font-weight:normal;
 border:none;
 margin:0.1em 0 0 0;
 padding:0;
}

#menu_drop li ul li {
 font-size:1.2em;
 margin:0;
 padding:.2em;
 text-transform:capitalize;
}

#menu_drop li ul li {
/* padding-right:1em;*/
 width:13.5em;/*170px;*/
 height:auto;
 background-color:#d0dada;
 background-image:none;
 /*border:1px solid #999;*/
 text-align:left;
}

#menu_drop li ul a {
 width:13.5em;
 height:2.1em;
 margin:0;
 padding:3px;
 display:block;
}

#menu_drop li ul a:link,
#menu_drop li ul a:visited {
 display:block;
 color:#000;
 background:#d0dada;
}

#menu_drop li ul a:hover {
 display:block;
 color:#fff;
 background:#719292;
}

#menu_drop li ul ul, #menu_drop li.sfhover ul ul {
 margin:-1.3em 0 0 168px;
}

#menu_drop li:hover {
 background:#739494;
 color:#fff;
}

#menu_drop li:hover ul ul, #menu_drop li:hover ul ul ul, #menu_drop li.sfhover ul ul, #menu_drop li.sfhover ul ul ul {
 left:-999em;
}

#menu_drop li:hover ul, #menu_drop li li:hover ul, #menu_drop li li li:hover ul,#menu_drop li.sfhover ul, #menu_drop li li li.sfhover ul {
 left:auto;
 color:#719292;/*eef9fa;*/
}

#menu_drop li:hover, #menu_drop li.sfhover {
 color:#fff;
}

#menu_drop li ul li:hover, #menu_drop li ul li.sfhover {
 background:#eef9fa;
}

#menu_drop li.parent li:hover {
 background:#eef9fa;
 color:#fff;
}

/* **************** Float containers fix: ****************** */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */