body { background: url(../images/bg.gif) repeat top left; margin: 0px auto 0px auto; text-align: center; padding: 0px; } p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 0px 15px 0px; } p.form-indicates { color:#FFFFFF;} p.outside-form { font-size:1.2em; font-weight:bold; padding-top:10px; } a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #87714D; text-decoration: none; } a:hover { text-decoration: underline; } abbr { text-decoration: none; } .right { text-align: right; } .bold { font-weight: bold; } .alignleftpic { padding-right: 11px; padding-bottom: 5px; } .featuredpic { margin-left: 16px; } .hide { display: none; } .bold { font-weight: bold; } .center { text-align: center; } .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } h2 { padding: 0px; margin: 0px; } h2 span { display: none; } h3 { padding: 0px; margin: 0px; } h3 span { display: none; } #container { text-align: left; width: 760px; background: url(../images/home/bodycontainerbg_02.gif) repeat-y top left; margin: 0px auto 0px auto; } #masthead { position:relative; background:url("../images/home/jerome_potozkin_02.gif") no-repeat top left; height:136px; } /* index page link within #masthead */ #masthead a { position:absolute; left:12px; width:735px; top:31px; height:84px; } #masthead a span { display:none; } #container h1 span { display: none; } #quickcontact { width: 193px; height: 400px; background: url(../images/home/quickcontact_03.gif) no-repeat top left; margin-top: -115px; position: relative; z-index: 2; overflow: auto;} #quickcontact form { width: 141px; margin-top: 95px; margin-left: 24px; } #quickcontact div { margin: 2px 0px 5px 0px; } #hdrimg { } #bodycontainer { width: 702px; background: url(../images/home/bodybg_02.gif) repeat-y top left; padding: 0px 30px 0px 25px; overflow: visible; background-color: transparent; } .fields { display: block; width: 141px; height: 21px; background: url(../images/home/fieldbg_03.gif) repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #75614F; border-width: 1px; border-style: solid; border-color: #A47E4C; padding: 0px; margin: 0px; } .bigfields { display: block; width: 141px; height: 81px; background: url(../images/home/bigfieldbg_03.gif) repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #75614F; border-width: 1px; border-style: solid; border-color: #A47E4C; overflow: hidden; padding: 0px; margin: 0px;} #c1 { width: 193px; float: left; } #c2 { width: 509px; float: left; } #bodycontainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #E0D4BB { background-color: #E0D4BB; width: 193px; } body#index #E0D4BB { background-color: #E0D4BB; width: 193px; margin:0 0 0 3px; } #E0D4BB p { margin: 0px 11px 5px 11px; color: #655335; } #index-space {width: 150px; height: 610px; margin-left: 95px; } #FFFCF3 { background-color: #FFFCF3; position: relative; width: 509px; } #FFFCF3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #FFFCF3 p { margin-left: 10px; margin-right: 20px; } #c2a { width: 186px; float: left; } #c2b { width: 323px; float: left; } #c2a p { margin-top: 19px; } #c2b p { margin-left: 15px; margin-right: 20px; } #F7F1E1 { width: 509px; background-color: #F7F1E1; position: relative; } #F7F1E1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .bigpic { margin-top: 15px; } #c2c { width: 293px; float: left; background: url(../images/home/dotbg_03.gif) repeat-y top right; } #c2d { width: 216px; float: left; } #c2c p { margin-left: 105px; margin-right: 16px; } #c2d p { margin-right: 17px; margin-left: 10px; } #address p { margin-left: 24px; } #footertext { width: 760px; margin: 0 auto 0 auto; } #footertext p { font-size: 10px; color: #655335; text-align: center; margin-right: 100px; margin-left: 100px; margin-top: 5px; } #footer { width: 760px; } #footer a { color: #655335; text-decoration: none; } #footer a:hover { color: #362406; text-decoration: underline; } #footerc1 p { margin-top: 9px; color: #655335; margin-left: 33px; } #footerc2 p { margin-top: 9px; color: #655335; margin-right: 33px; margin-bottom: 30px; } #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #footerc1 { float: left; } #footerc2 { float: right; width: 450px; text-align: right; } img.img-left { float:left; margin:2px 10px 10px 0px; } img.img-right { float:right; margin:5px 40px 10px 10px; } /* home h1 - h4 image replacements */ #homeliposuctionh2 { background: url(../images/home/liposuction_03.gif) no-repeat top left; width: 107px; height: 25px; margin-left: 95px; } #homefraxelh2 { background: url(../images/home/title-fraxel.jpg) no-repeat top left; width: 107px; height: 25px; margin-left: 95px; } #homefacialrejuvh2 { background: url(../images/home/facialrejuv_03.gif) no-repeat top left; width: 150px; height: 23px; margin-left: 95px; } #homemohsh2 { background: url(../images/home/mohssurgery_03.gif) no-repeat top left; width: 150px; height: 24px; margin-left: 95px; } #homeveincenterh2 { background: url(../images/home/ebveincenter_03.gif) no-repeat top left; width: 174px; height: 24px; margin-left: 95px; } /* sub div's and classes */ #subbodycontainer { width: 702px; background: url(../images/sub/subbodybg_09.gif) repeat-y top left; padding: 0px 30px 0px 28px; overflow: visible; background-color: transparent; } #subbodycontainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #ourprocedures { width: 193px; margin-top: -23px; background: url(../images/sub/ourprocedures_03.gif) no-repeat top left; position: relative; z-index: 2; overflow: auto; } #ourprocedures ul { list-style-image: url(../images/sub/arrow_06.gif); margin-top: 75px; } #ourprocedures li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E0D4BB; } #ourprocedures li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E0D4BB; text-decoration: none; margin-left: 5px; } #ourprocedures li a:hover { text-decoration: underline; } #seminar {width: 480px; text-align:center; margin: 5px; background-color:#FFFCF3; padding:20px; margin: 20px auto } #summer {width: 480px; text-align:center; margin: 5px; background-color:#FFFCF3; padding:20px; margin: 20px auto } #summer h1, #summer h2 { font-family: Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; color:#000; } #summer p {margin: 10px; padding: 5px; color:#000; font-size:14px; } #summer ul {margin: 10px; padding: 5px; color:#000; font-size:14px; font-family: Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; } #seminar p {margin: 10px; padding: 5px; color:#000; font-family: Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; font-size:14px; } #seminar h1, #seminar h2 { font-family: Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; color:#000; } #seminar h1 { font-size:18px; } #seminar h2 { font-size:16px; } #subc2 { width: 509px; float: left; } #subc2 p { margin-left: 23px; margin-right: 23px; } #subc2 div span { display: none; } #subc2 h1 { margin: 10px 0 10px 22px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #8A7451; } #subc2 h2 { margin: 20px 0 10px 22px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #8A7451; } #subc2 h2 a { color: #8A7451; text-decoration: none; } #subc2 h3 { margin: 20px 0px 10px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #8A7451; } #subc2 h3 a { color: #8A7451; text-decoration: none; } #subc2 ul { list-style-image: url(../images/sub/bullet_07.gif); margin: 0px 0px 0px 0px; padding: 0px; font-size: 11px;} #subc2 li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 100px 5px 40px; padding: 0px; } #fraxel-box { float:right; width:200px; height:138px; border:1px solid #A47E4C; margin: 0 20px 0 10px; padding:0 0 15px 0px; text-align:center; } #fraxel-box ul li { text-align:center; padding:0; margin:0; } #fraxel-box p, #fraxel-box h2 { margin:0; padding:0 0 2px 0; } #veincenter-box { width:480px; height:240px; border:1px solid #A47E4C; margin: 0 20px 0 10px; padding:0 0 15px 0px; } #subc2 ul.fraxel { list-style-image: url(../images/sub/bullet_07.gif); margin: 5px 0px 0px 0px; padding: 0px; font-size: 11px;} #subc2 ul.fraxel li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 100px 6px 40px; padding: 0px; } #subc2 ul.treatments { list-style-image: url(../images/sub/bullet_07.gif); margin: 5px 0px 0px 0px; padding: 0px; font-size: 11px;} #subc2 ul.treatments li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 100px 6px 40px; padding: 0px; } #subc2 ul.acne { list-style-image: url(../images/sub/bullet_07.gif); margin: 5px 0px 0px 0px; padding: 0px; font-size: 11px;} #subc2 ul.acne li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 100px 6px 40px; padding: 0px; } #subc2 ul.melanoma { list-style-image: url(../images/sub/bullet_07.gif); margin: 5px 0px 0px 0px; padding-left: 5px; font-size: 11px;} #subc2 ul.melanoma li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 100px 6px 40px; padding-left: 5px; } #contactform { text-align: center; width: 340px; margin: 0px 0px 0px 80px; } #contactform div { padding: 5px; font-family: Arial, Helvetica, sans-serif; color: #505050; font-size: 11px; text-align: right; } #contactform p { text-align: center; margin: 0px; } .forms { background-color: #E0D4BB; font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #705C3B; width: 105px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #87714D;} .formsbig { background-color: #E0D4BB; font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #705C3B; width: 300px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #87714D; } .bna { width: 489px; text-align: center; padding-bottom: 10px; padding-left:15px; } #contact_business { display: none; } /* do not remove */ /* sub h1 - h4 image replacements */ #drpotozkinh2 { background: url(../images/sub/hdr_drpotozkin_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #faceh2 { background: url(../images/sub/hdr_face_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #galleryh2 { background: url(../images/sub/hdr_gallery_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #hairh2 { background: url(../images/sub/hdr_hair_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #liposuctionh2 { background: url(../images/sub/hdr_liposuction_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #sitemaph2 { background: url(../images/sub/hdr_sitemap_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #skinh2 { background: url(../images/sub/hdr_skin_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #contactush2 { background: url(../images/sub/hdr_contactus_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #thankyouh2 { background: url(../images/sub/hdr_thankyou.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #bodyh2 { background: url(../images/sub/hdr_body_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #facialproceduresh2 { background: url(../images/sub/hdr_facialprocedures_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #injectablesh2 { background: url(../images/sub/hdr_injectables_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #subhead-fraxel { background: url(../images/sub/subhead-fraxel.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #laserh2 { background: url(../images/sub/hdr_lasertreatment_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #mohsh2 { background: url(../images/sub/hdr_mohs_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #skincareh2 { background: url(../images/sub/hdr_skincare_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #veincenterh2 { background: url(../images/sub/hdr_veincenter_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #visiah2 { background: url(../images/sub/hrd_visia_03.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #acneh2 { background: url(../images/sub/subhead-acne.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #specialsh2 { background: url(../images/sub/subhead-specials.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #veinh2 { background: url(../images/sub/subhead-vein.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #treatmentsh2 { background: url(../images/sub/subhead-treatments.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #skincancerh2 { background: url(../images/sub/subhead-skincancer.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} #rosaceah2 { background: url(../images/sub/subhead-rosacea.gif) no-repeat top left; padding: 0px; margin: 0px; width: 506px; height: 66px;} /* sprite navigation */ /* ------------------------ horizontal sprite nav ------------------------ */ #homenav { background:url("../images/homenav.gif") no-repeat; width:760px; height:33px; margin:0; padding:0; } #homenav span { display: none; } #homenav li, #homenav a { height:33px; display:block; } /* change height here also */ #homenav li { float:left; list-style:none; _display:inline; position:relative; } #homenav1 { width: 82px; margin-left: 28px;} #homenav2 { width: 100px;} #homenav3 { width: 135px;} #homenav4 { width: 65px;} #homenav5 { width: 57px;} #homenav6 { width: 58px;} #homenav7 { width: 55px;} #homenav8 { width: 80px;} #homenav9 { width: 70px;} /*-------------- (-79px) X position of button / (-33px) height of image from above ------------- */ #homenav1 a:hover { background:url("../images/homenav.gif") -28px -33px no-repeat; } #homenav2 a:hover { background:url("../images/homenav.gif") -110px -33px no-repeat; } #homenav3 a:hover { background:url("../images/homenav.gif") -210px -33px no-repeat; } #homenav4 a:hover { background:url("../images/homenav.gif") -345px -33px no-repeat; } #homenav5 a:hover { background:url("../images/homenav.gif") -410px -33px no-repeat; } #homenav6 a:hover { background:url("../images/homenav.gif") -467px -33px no-repeat; } #homenav7 a:hover { background:url("../images/homenav.gif") -525px -33px no-repeat; } #homenav8 a:hover { background:url("../images/homenav.gif") -580px -33px no-repeat; } #homenav9 a:hover { background:url("../images/homenav.gif") -660px -33px no-repeat; } /* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */ #homenav li ul { position:absolute; left:-9999px; padding-right:1px; /* Fixes one px spacing for border-right in FF */ background-color:#c0a679; /* Background color of drop down nav - add more styles (i.e. background image) if you want */ font-size: 11px; margin-left: 0px; padding-left: 0px; } #homenav li ul li { height:20px; /* Height of each drop down nav item */ border:1px solid #c0a679; border-top:none; } #homenav li ul li a { width:100%; height:20px; /* Height of each drop down nav item, should match above */ line-height:20px; /* Height of each drop down nav item again, should match above */ } #homenav li ul li a span { display:block; padding-left:5px; } /* Drop down link styles */ #homenav a:link, #homenav a:visited, #homenav a:hover, #homenav a:active { font-size:1.0em; color:#FFFFFF; text-decoration:none; } #homenav li:hover ul, #homenav li.sfHover ul { left: auto; } /* Hover styles for drop down items */ #homenav2 ul a:hover, #homenav4 ul a:hover, #homenav5 ul a:hover, #homenav6 ul a:hover { background-image:none; color:#FFFFFF; text-decoration:underline; } /* width of drop down nav - choose width that allows items to display on one line */ #homenav2 ul, #homenav2 li { width:120px; } #homenav4 ul, #homenav4 li { width:120px; } #homenav5 ul, #homenav5 li { width:130px; } #homenav6 ul, #homenav6 li { width:160px; } #ptt { background:url(../images/ptt-over.gif) no-repeat; height:80px; width:163px; margin:10px 0 0 15px; } #ptt a { position:absolute; height:80px; width:163px; } #ptt a:hover{ background:transparent url(../images/ptt.gif) no-repeat;} #ptt a span, #store a span, #promo a span {display:none;} #formlinks{ padding:6px 0px 0px 14px; } #store { background:url(../images/store-btn.jpg) no-repeat; height:61px; width:166px; margin:10px 0 0 15px; } #store a { position:absolute; height:61px; width:166px; } #promo { background:url(../images/promo-btn.jpg) no-repeat; height:61px; width:166px; margin:10px 0 0 15px; } #promo a { position:absolute; height:61px; width:166px; } #today-show { float:right; width:140px; text-align:center; } .spc { display:none; }