/* undo some default styling of common (X)HTML browsers
* ------------------------------------------------------------------------- */
/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }
a:link,a:visited { color:#CC0000; text-decoration:underline; outline:none; }
a:hover,a:active { color:#2f86af; text-decoration:underline; outline:none; }
html { height: 100%; }
a img,:link img,:visited img,fieldset { border:none; }
body { height: 100%; background:#8B1F1F url(../images/home/bg-body.jpg) top repeat-x;; color: #3E0401; margin: 0 auto 0 auto; text-align: center; padding: 0; background-color: #8B1F1F;}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12; color: #3E0401; margin: 30 25 0 110; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12; color: #3E0401; margin: 30 25 0 110; }
#header {background: url(../images/home/top_r1_c1.jpg) no-repeat; width: 800px; height: 104px;}
#header h1 { visibility:hidden; }
h2 { visibility:hidden; font-size: 10px;}
.fields { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #370000; border-width: 1px; border-top-color: FFE9D5; border-bottom-color: FDC38D; border-left-color: FFE9D5; border-right-color: FDC38D; background: url(../images/formbg.jpg); font-size: 10px; scrollbar-base-color: #FECD9D;}
.flashbg { height: 189; width: 656; background: url(../images/home/top_r2_c2.jpg) no-repeat;}
#subtopheaderrow { display: inline; height: 104; width: 800; padding: 0; margin: 0 0 0 0;}
#subtopheader { height: 104; width: 800; display: inline; background: url(../images/sub/inside_r1_c1.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subtopheader h1 { display: inline; height: 104; width: 800; }
#subtopheader h1 span { display: none; }
/* flash header row */
#subflashrow { display: inline; height: 189; width: 800; padding: 0; margin: 0 0 0 0;}
#subflashheaderleft { display: inline; height: 189; width: 73; background: url(../images/sub/inside_r2_c1.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subflashheader { display: inline; height: 189; width: 656; background: url(../images/sub/inside_r2_c2.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left; }
#subflashheaderright { display: inline; height: 189; width: 71; background: url(../images/sub/inside_r2_c8.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left; }
/* spacer row */
#subspacerrow { display: inline; height: 9; width: 800; padding: 0; margin: 0 0 0 0;}
#subspace { display: inline; height: 9; width: 800; background: url(../images/sub/inside_r3_c1.jpg) no-repeat bottom left; padding: 0; margin: 0 0 0 0; line-height: 0; font-size: 1; float: left;}
/* navigation bar */
#subnavrow { display: inline; height: 30; width: 800; padding: 0; margin: 0 0 0 0;}
#subnavleft { display: inline; height: 30; width: 139; background: url(../images/sub/inside_r4_c1.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subnavmiddle { display: inline; height: 30; width: 517; background: url(../images/sub/inside_r4_c3.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subnavright { display: inline; height: 30; width: 144; background: url(../images/sub/inside_r4_c7.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left; }
#subnavdrhalpern { display: inline; height: 30; width: 103; background: url(../images/sub/inside-navbar-drhalpern.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subnavthecenter { display: inline; height: 30; width: 95; background: url(../images/sub/inside-navbar-thecenter.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subnavbreast { display: inline; height: 30; width: 62; background: url(../images/sub/inside-navbar-breast.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subnavbody { display: inline; height: 30; width: 52; background: url(../images/sub/inside-navbar-body.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subnavface { display: inline; height: 30; width: 49; background: url(../images/sub/inside-navbar-face.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subnavskincare { display: inline; height: 30; width: 84; background: url(../images/sub/inside-navbar-skincare.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subnavcontact { display: inline; height: 30; width: 72; background: url(../images/sub/inside-navbar-contact.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left;}
#subheaderrow { display: inline; height: 38; width: 800; padding: 0; margin: 0 0 0 0;}
#subbigarow { display: inline; height: 42; width: 800; padding: 0; margin: 0 0 0 0;}
#subbiga { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/inside_r5_c1.jpg) no-repeat top left; float: left;}
#subbigb { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/b.jpg) no-repeat top left; float: left;}
#subbigc { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/c.jpg) no-repeat top left; float: left;}
#subbigd { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/d.jpg) no-repeat top left; float: left;}
#subbigf { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/f.jpg) no-repeat top left; float: left;}
#subbigi { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/i.jpg) no-repeat top left; float: left;}
#subbigl { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/l.jpg) no-repeat top left; float: left;}
#subbigm { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/m.jpg) no-repeat top left; float: left;}
#subbigp { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/p.jpg) no-repeat top left; float: left;}
#subbigo { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/o.jpg) no-repeat top left; float: left;}
#subbigr { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/r.jpg) no-repeat top left; float: left;}
#subbigs { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/s.jpg) no-repeat top left; float: left;}
#subbigt { display: inline; height: 42; width: 800; padding: 0 0 0 0; margin: 0 0 0 0; background: url(../images/sub/t.jpg) no-repeat top left; float: left;}
#subnavhome { display: inline; height: 38; width: 66; background: url(../images/sub/inside_r6_c4.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; overflow: hidden; float: left;}
#subnavhome a { width: 66; height: 38; display: block; text-indent: 1000; overflow: hidden; }
#subspacer { display: inline; height: 38; width: 249; background: url(../images/sub/inside_r6_c5.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
/* body row */
#subbodyframe { display: inline; height: 501; width: 800; background-color: blue; background: url(../images/sub/subbg.jpg); background-repeat: repeat-y; padding: 0 0 0 0; margin: 0 0 0 0; }
#subbody { height: 100%; width: 577; background-color: blue; background: url(../images/sub/inside_r7_c1.jpg) no-repeat top left; margin: 0 0 0 0; text-align: left; float: left; }
#subbody p { font-family: Arial; font-size: 11; color: #3E0401; margin: 20 9 0 100; overflow: visible;}
#subrightcolumn { height: 100%; width: 223; background-color: blue; background: url(../images/sub/inside_r7_c6.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subrightcolumn span { font-family: Arial; font-size: 13; font-color: black; }
/* footer */
#subfooterrow { display: inline; height: 87; width: 800; padding: 0; margin: 0 0 0 0; position: relative; float: left;}
#subfooter { display: inline; height: 87; width: 800; background: url(../images/sub/inside_r8_c1.jpg) no-repeat top left; padding: 0; margin: 0 0 0 0; float: left; position: relative;}
/* header rows */
#subheaderabout { display: inline; height: 38; width: 485; background: url(../images/sub/inside_r6_c1.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderaboutthecenter { display: inline; height: 38; width: 485; background: url(../images/sub/inside-aboutthecenter.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderskincare { display: inline; height: 38; width: 485; background: url(../images/sub/inside-skincare.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderbreastaugmentation { display: inline; height: 38; width: 485; background: url(../images/sub/inside-breastaugmentation.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderbreastimplantremoval { display: inline; height: 38; width: 485; background: url(../images/sub/inside-breastimplantremoval.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0;float: left; }
#subheaderbreastlift { display: inline; height: 38; width: 485; background: url(../images/sub/inside-breastlift.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderbreastreduction { display: inline; height: 38; width: 485; background: url(../images/sub/inside-breastreduction.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderconsultation { display: inline; height: 38; width: 485; background: url(../images/sub/inside-consultation.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheadercontactus { display: inline; height: 38; width: 485; background: url(../images/sub/inside-contactus.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderdirections { display: inline; height: 38; width: 485; background: url(../images/sub/inside-directions.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderfaceprocedures { display: inline; height: 38; width: 485; background: url(../images/sub/inside-faceprocedures.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderfaqs { display: inline; height: 38; width: 485; background: url(../images/sub/inside-faqs.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderfatinjection { display: inline; height: 38; width: 485; background: url(../images/sub/inside-fatinjection.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left; }
#subheaderfeatherlift { display: inline; height: 38; width: 485; background: url(../images/sub/inside-facenoninvasive.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderfinancing { display: inline; height: 38; width: 485; background: url(../images/sub/inside-financing.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderlaserresurfacing { display: inline; height: 38; width: 485; background: url(../images/sub/inside-laserresurfacing.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderlasers { display: inline; height: 38; width: 485; background: url(../images/sub/inside-lasers.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderliposuction { display: inline; height: 38; width: 485; background: url(../images/sub/inside-lift.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderlocation { display: inline; height: 38; width: 485; background: url(../images/sub/inside-location.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderbody { display: inline; height: 38; width: 485; background: url(../images/sub/inside-body.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderminiscar { display: inline; height: 38; width: 485; background: url(../images/sub/inside-miniscar.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderobagi { display: inline; height: 38; width: 485; background: url(../images/sub/inside-obagi.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderpeels { display: inline; height: 38; width: 485; background: url(../images/sub/inside-peels.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderprocedures { display: inline; height: 38; width: 485; background: url(../images/sub/inside-procedures.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderrestylane { display: inline; height: 38; width: 485; background: url(../images/sub/inside-restylane.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderseminarrequest { display: inline; height: 38; width: 485; background: url(../images/sub/inside-seminarrequest.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheadertestimonials { display: inline; height: 38; width: 485; background: url(../images/sub/inside-testimonials.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderthankyou{ display: inline; height: 38; width: 485; background: url(../images/sub/inside-thankyou.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheadertummytuck { display: inline; height: 38; width: 485; background: url(../images/sub/inside-tummytuck.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheaderprivacy { display: inline; height: 38; width: 485; background: url(../images/sub/inside-privacypolicy.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
#subheadermapdirections { display: inline; height: 38; width: 485; background: url(../images/sub/inside-mapdirections.jpg) no-repeat top left; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
/* nonfloating css */
.subbodycopy { font-family: Arial; font-size: 13; font-color: #3E0401; }
.fields { font-family: Arial, Helvetica, sans-serif; color: #370000; border-width: 1px; border-top-color: FFE9D5; border-bottom-color: FDC38D; border-left-color: FFE9D5; border-right-color: FDC38D; background: url(../images/formbg_jpg.html); font-size: 10px; }
.bnatable { font-family: Arial, Helvetica, sans-serif; color: #3E0401; font-size: 12; text-align: center;}
#bodytable { background: url(../images/sub/subbg.jpg); background-repeat: repeat-y; }
#bodycell { background: url(../images/sub/inside_r7_c1.jpg) no-repeat top left; height: 501; font-family: Arial; font-size: 11px; color: #3E0401;}
#bodycell p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3E0401; margin: 20 25 0 110; }
#bodycell a, a:visited, a:active { font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #330000;}
#bodycell a:hover { color: #660000;}
#bodycell h2, h3, h4 { font-family: Arial, helvetica, sans-serif; font-size: 12px; color: #3E0401;}
#sidebarcell { background: url(../images/sub/inside_r7_c6.jpg) no-repeat top left; height: 501;}
#footertext { font-family: Arial; font-size: 11; color: #FEC78B; text-align: center; }
#footertext p { padding: 10px 100px 10px 100px;}
#footer { font-family: Arial; font-size: 11; color: #FEC78B; text-align: center; }
#footer a { color: #FEC78B; text-decoration: none; }
#footer a:hover { text-decoration: underline;}
.copybold { font-weight: bold;}
.scroll { background-color: #FEBE85; margin: 0px 0px 0px 0px; padding: 10px; font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #330000; border-style: dashed; border-width: 2px; border-color: #FFFFFF; }
.scroll p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.list {
margin:10px 0px 0px 150px;
}
#banner-inside {
padding: 0 0 0 100px;
}
#banner-in {
padding: 0 0 0 100px;
}
#banner-middle{
padding: 0 0 0 100px;
}
#banner-bottom{
padding: 0 0 0 100px;
}
#banner-center{
padding: 0 0 0 100px;
}
#banner-img{
padding: 0 0 0 100px;
}
#header-flash {
float:left;
margin: 0 5px 5px 0;
}
#media-center-sub {
position:relative;
height:69px;
width:149px;
margin-bottom:10px;
}
#media-center-sub a {
position:absolute;
height:69px;
width:149px;
}
#pdfs ul { padding-left:0px; }
#pdfs ul li {
background:transparent url("../images/bullet.gif") 0px 0px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
padding-left:23px; /* pushes text to the right to display bg img */
width:140px;
margin-bottom:10px;
}
/* Horozontal Sprite Nav
* ------------------------------------------------------------------------- */
#nav {
background:url(images/home/sprite-nav.html) no-repeat;
width:800px;
height:30px;
margin:0;
padding:0;
}
#nav span { display: none; }
#nav li, #nav a { height:30px; display:block; }
#nav li { float:left; list-style:none; display:inline; }
#nav-01 { width: 99px; margin-left: 144px;}
#nav-02 { width: 96px;}
#nav-03 { width: 65px;}
#nav-04 { width: 55px;}
#nav-05 { width: 47px;}
#nav-06 { width: 84px;}
#nav-07 { width: 77px;}
#nav-01 a:hover { background:url(images/home/sprite-nav.html) -144px -30px no-repeat; }
#nav-02 a:hover { background:url(images/home/sprite-nav.html) -242px -30px no-repeat; }
#nav-03 a:hover { background:url(images/home/sprite-nav.html) -337px -30px no-repeat; }
#nav-04 a:hover { background:url(images/home/sprite-nav.html) -401px -30px no-repeat; }
#nav-05 a:hover { background:url(images/home/sprite-nav.html) -455px -30px no-repeat; }
#nav-06 a:hover { background:url(images/home/sprite-nav.html) -501px -30px no-repeat; }
#nav-07 a:hover { background:url(images/home/sprite-nav.html) -584px -30px no-repeat; }
#nav {
background: url(images/home/sprite-nav.html) top left no-repeat;
width: 800px; /* Width of buttons, not entire image (or half of entire image) */
height: 30px; /* Height of entire image */
}
#nav span { display: none; }
#nav li, #nav a {
height: 30px; /* Each button must have the same height, define it here */
display: block;
}
#nav li {
float: left;
list-style: none;
display: inline; /* fixes IE/Win double margin float bug (safe) */
}
/* SPRITE NAVIGATION */
#nav {
background: url(../images/home/sprite-nav2.jpg) top left no-repeat;
width: 800px; /* Width of buttons, not entite image (or half of entire image) */
height: 30px; /* Height of entire image */
}
#nav span { display: none; }
#nav li, #nav a {
height: 30px; /* Each button must have the same height, define it here */
display: block;
}
#nav li {
float: left;
list-style: none;
display: inline; /* fixes IE/Win double margin float bug (safe) */
}
/* SON OF SUCKERFISH */
#nav li ul {
position: absolute;
left: -9999px;
background-color: #FDBC9B; /* Background color of drop down menu - add more styles (i.e. background image) if you want */
}
#nav li ul li { height: 20px; } /* Height of each drop down menu item */
#nav li ul li a {
width: 100%;
height: 20px; /* Height of each drop down menu item, should match above */
line-height: 20px; /* Height of each drop down menu item again, should match above */
}
#nav li ul li a span {
display: block;
padding-left: 5px;
}
/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
font-size: 11px;
color: #9C0F0C;
text-decoration: none;
}
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover {
background-image: none;
background-color: #FECD96;
}
/* width of drop down menu - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width: 95px; }
#nav-02 ul, #nav-02 li { width: 96px; }
#nav-03 ul, #nav-03 li { width: 120px; }
#nav-04 ul, #nav-04 li { width: 95px; }
#nav-05 ul, #nav-05 li { width: 140px; }
#nav-06 ul, #nav-06 li { width: 170px; }