/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2005. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari CSS Document - styles.css ---------------------------------------------------------------------------- */ /* basic elements * ------------------------------------------------------------------------- */ body { background-color:#FFFFFF; margin: 0px auto; text-align: left; padding: 0; } p, ul, li, dt, dd, dl { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #472D8B; margin:0; padding:0; } p { margin-bottom:8px; } a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #472D8B; text-decoration: underline;} a:hover { text-decoration: none; } a img { border:0; } /* classes * ------------------------------------------------------------------------- */ .left { text-align:left; } .right { text-align: right; } .center { text-align: center; } .bold { font-weight: bold; } .hide { display: none; } .thumbs {margin: 2px 8px 0px 0px;} .header { font-size:14px; font-weight:bold;} .clear-left {clear:left; } /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ #quickcontact { width: 212px; } #quickcontact form { width:178px; padding-left: 15px; padding-top:10px; } #quickcontact div { margin-top:2px; padding:0px; } .fields { display: block; width: 153px; height: 23px; background: url(../images/index/field.gif) repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #536EC6; border-width: 0px; border-style: solid; border-color: #A47E4C; padding: 0px; margin-left: 13px; } .bigfields { display: block; width: 153px; height: 76px; background: url(../images/index/bigfield.gif) repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #536EC6; border-width: 0px; border-style: solid; border-color: #A47E4C; overflow: hidden; padding: 0px; margin-left: 13px;} .submitButtonHover {cursor: pointer; width:70px; height:26px; background: url(../images/index/submithover.gif) no-repeat top left; border: none; margin-left:100px; } .submitButton {cursor: pointer; width:70px; height:26px; background: url(../images/index/submit.gif) no-repeat top left; border: none; margin-left:100px; } #button-more { background: url(../images/index/button_more.gif) no-repeat top left; margin: 0px 0px 20px 120px; padding:0px; height:22px;} #button-more a { display: block; width: 67px; height: 22px; } #button-more a:hover { background: url(../images/index/button_more.gif) 0px -22px no-repeat; } #button-more a span { display: none; } /* contact form */ #contact { padding: 0px 0px 0px 70px; width:400px;} #contact form { width:300px; } #contact div { margin: 5px 0px 0px 0px; font-family: Arial, helvetica, sans-serif; font-size: 11px; color:#472D8B; } .forms { background-color: #F0F0F0; font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #000000; width: 105px; border-style: solid; border-width: 1px; border-color: #000000;} .formsbig { background-color: #F0F0F0; font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #000000; width: 300px; border-style: solid; border-width: 1px; border-color: #000000; } .SubmitButtonForm { background-color: #fff; color: #472D8B; cursor: pointer; font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000; } .SubmitButtonFormHover { background-color: #97AEE5; color: #fff; cursor: pointer; font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000; } /* skeleton * ------------------------------------------------------------------------- */ #wrap { background: url(../images/index/bg.jpg) repeat-y top left; width: 770px; text-align: left; margin: 0 auto; } #top { background: url(../images/index/top.gif) no-repeat top left; width:770px; margin:0px; padding-top:9px; float:left; clear:left; } #banner { background: url(../images/index/banner.jpg) no-repeat top left; width: 548px; height:291px; float:left; } #banner-right { width:222px; height:291px; float:left; } #address { background: url(../images/index/address.jpg) no-repeat top left; width: 212px; height:138px; float:left; clear:left; } #more-top {color:#536EC6; text-align: right; font-weight: bold; font-size: 11px;} #r1 { background: url(../images/index/r1bg.jpg) repeat-y top left; width: 770px; } #r1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #r1c1 { background: url(../images/index/header_change.gif) no-repeat top left; width:548px; padding:50px 0px 5px 0px; float:left; } #r1c1 p { padding: 0 20px 10px 25px; } #r1c1 ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 0 5px 0; margin-left:15px; } #r1c1 li,#r1c1 ol ul li { padding: 0px 0px 0px 20px; margin: 0px 10px 4px 25px;background: url(../images/index/arrow-special.jpg) no-repeat top left;} #r1c1 ol li {padding:0 0 0 0;} #r1c1 li a { color: #D4E1FF; font-size:12px; text-decoration:none;} #r1c1 li a:hover { color:#FFFFFF; text-decoration: underline; } #r1c1-visia {background: url(../images/index/header_visia.jpg) no-repeat top left; width:548px; padding-top:45px; float:left; } #r1c1-special {background: url(../images/index/header_specials.jpg) no-repeat top left; width:548px; padding-top:45px; float:left; } #r1c1-special li a { color: #472D8B; font-size:12px; text-decoration:underline;} #r1c1-special li a:hover { color:#472D8B; text-decoration: none; } #r1c1-special li.no-bullet {background:none; } #r1c2 { background: url(../images/index/header_contactus.jpg) no-repeat top left; width:212px; padding-top:50px; float:left; } #r2 { width: 770px; } #r2c1 { background: url(../images/index/r2c1bg.gif) repeat-y top left; width:548px; float:left; } #r2c1 p { padding: 0 10px 8px 25px; } #r2c1-content {background: url(../images/index/header_meetbeauty.gif) no-repeat top left; width:548px; padding-top:60px; float:left; } #r2c1-left { width:265px; float:left; } #r2c1-right { width:272px; float:left; } #r2c1-right p, #r2c1-right a { font-size:11px; } #r2c2 { background: url(../images/index/header_feature.jpg) no-repeat top left; width:212px; padding-top:50px; float:left; } #r2c2 p { padding:7px 5px 0px 7px; color: #FFFFFF; font-size:11px; } #r2c2 ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 15px 0 10px 0; margin: 0px; } #r2c2 li { padding: 0px 0px 0px 12px; margin: 0px 0px 4px 25px; background: url(../images/index/arrow.gif) no-repeat top left; line-height: 11px; } #r2c2 li a { color: #D4E1FF; font-size:11px; text-decoration:none;} #r2c2 li a:hover { color:#FFFFFF; text-decoration: underline; } #bottom {background: url(../images/index/bottom.jpg) no-repeat; width: 770px; height:31px; clear:both; overflow:hidden; } #creditcare p { padding: 0 15px 8px 15px; text-align:left;} /* sub skeleton * ------------------------------------------------------------------------- */ #wrap-subbody { width:770px; padding:0px; margin:0px;} #column-left { width:548px; float:left; padding-top:10px; } #column-left p { padding-left:32px; padding-right:20px; } #column-right { width: 212px; float:left; } #contactus { background: url(../images/index/header_contactus.jpg) no-repeat top left; background-color:#536EC6; width:212px; padding-top:50px; float:left; } #feature { background: url(../images/index/header_feature.jpg) no-repeat top left; width:212px; padding-top:50px; float:left; clear:left; } #feature p { padding:7px 5px 0px 7px; color: #FFFFFF; font-size:11px; } #feature ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 15px 0 10px 0; margin: 0px; } #feature li { padding: 0px 0px 0px 12px; margin: 0px 0px 4px 25px; background: url(../images/index/arrow.gif) no-repeat top left; line-height: 11px; } #feature li a { color: #D4E1FF; font-size:11px; text-decoration:none;} #feature li a:hover { color:#FFFFFF; text-decoration: underline; } #procedures { margin-right:10px; margin-left:32px; padding:0; } #procedures ul { width:200px; float:left; margin:0; padding:2px 25px 0 15px; list-style-type: square; } #procedures li a { text-decoration:none; font-size:11px;} #procedures li a:hover { text-decoration:underline; } #locateus { background: url(../images/sub/header_locateus.jpg) no-repeat top left; background-color:#536EC6; width:212px; padding-top:50px; float:left; } #map { width: 212px; text-align:center; } #map a { color: #D4E1FF; font-size:11px; text-decoration:underline;} #map a:hover { color:#FFFFFF; text-decoration: underline; } #disclaimer {background-color:#f5f5f5; margin:10px auto; padding-left:40px; padding-right:40px; } /* sub headers * ------------------------------------------------------------------------- */ #subheader-about { background: url(../images/sub/subheader-about.jpg) no-repeat top left; width:548px; padding-top:50px;} #subheader-meet { background: url(../images/sub/subheader-meet.gif) no-repeat top left; width:548px; padding-top:50px;} #subheader-contactus { background: url(../images/sub/subheader-contactus.gif) no-repeat top left; width:548px; padding-top:50px;} #subheader-thermalift { background: url(../images/sub/subheader-aesthetics.gif) no-repeat top left; width:548px; padding-top:50px;} #subheader-laser { background: url(../images/sub/subheader-medicalderm.gif) no-repeat top left; width:548px; padding-top:50px;} #subheader-lipo { background: url(../images/sub/subheader-lipo.gif) no-repeat top left; width:548px; padding-top:50px;} #subheader-veinremoval { background: url(../images/sub/subheader-veinremoval.gif) no-repeat top left; width:548px; padding-top:50px;} #subheader-mohssurgery { background: url(../images/sub/subheader-mohssurgery.gif) no-repeat top left; width:548px; padding-top:50px;} #subheader-thankyou { background: url(../images/sub/subheader-thankyou.gif) no-repeat top left; width:548px; padding-top:50px;} /* bna * ------------------------------------------------------------------------- */ #bna-wrap { width:640px; height:480px; margin:0; padding:0; } #bna-top { background:url("../images/bna/layout/bna-top.jpg") no-repeat; height:118px; } #bna-case { height:302px; } #bna-bottom { background:url("../images/bna/layout/bna-bottom.jpg") no-repeat; height:60px; } .bna-thumbs {width: 200px; font-weight:bold; margin:0 0 5px 0; padding-left:25px; float:left;} /* footer * ------------------------------------------------------------------------- */ #footer { width: 770px; margin:0 auto; color: #472D8B; background-color:#FFFFFF; } #footer a { text-decoration: none; font-size:11px; } #footer a:hover { text-decoration: underline; } #footer-c1 { text-align: left; float:left; font-size:11px; } #footer-c2 { text-align: right; float: right; } #footer-c1 p { margin-left: 14px; font-size:11px;} #footer-c2 p { margin-right: 14px; } /* sprite side navigation * ------------------------------------------------------------------------- */ #sidenav {background: url(../images/index/navside.jpg) no-repeat top left; width: 212px; height: 153px; position: relative; margin: 0px; padding: 0px; float:left;} #sidenav li {margin: 0; padding: 0; list-style: none; position: absolute;} #sidenav li, #sidenav a {height: 22px; display: block;} #sidenav span {display: none;} #sidenav1 { top: 0px; left: 0; width: 212px;} #sidenav2 { top: 33px; left: 0; width: 212px;} #sidenav3 { top: 57px; left: 0; width: 212px;} #sidenav4 { top: 81px; left: 0; width: 212px;} #sidenav5 { top: 105px; left: 0; width: 212px;} #sidenav6 { top: 129px; left: 0; width: 212px;} #sidenav2 a:hover { background: transparent url(../images/index/navside.jpg) -212px -33px no-repeat;} #sidenav3 a:hover { background: transparent url(../images/index/navside.jpg) -212px -57px no-repeat;} #sidenav4 a:hover { background: transparent url(../images/index/navside.jpg) -212px -81px no-repeat;} #sidenav5 a:hover { background: transparent url(../images/index/navside.jpg) -212px -105px no-repeat;} #sidenav6 a:hover { background: transparent url(../images/index/navside.jpg) -212px -129px no-repeat;} /*sprite top nav * ------------------------------------------------------------------------- */ #topnav { background: url(../images/index/navtop.jpg) no-repeat top left; width: 770px; height: 37px; position: relative; margin:0px; padding: 0px; float:left;} #topnav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;} #topnav li, #topnav a { height: 37px; display: block; } #topnav span { display: none;} #topnav1 { width: 10px; left:0px;} #topnav2 { width: 217px; left: 10px;} #topnav3 { width: 92px; left: 227px;} #topnav4 { width: 151px; left: 320px;} #topnav5 { width: 174px; left: 471px;} #topnav6 { width: 115px; left: 645px;} #topnav7 { width: 10px; left: 760px;} #topnav3 a:hover { background: transparent url(../images/index/navtop.jpg) -227px -37px no-repeat;} #topnav4 a:hover { background: transparent url(../images/index/navtop.jpg) -320px -37px no-repeat;} #topnav5 a:hover { background: transparent url(../images/index/navtop.jpg) -471px -37px no-repeat;} #topnav6 a:hover { background: transparent url(../images/index/navtop.jpg) -645px -37px no-repeat;} h2 { margin:0 20px 10px 30px; color: #472D8B; } dl#events, dl#events dt, dl#events dd { margin: 0 20px 10px 15px; } dl#events dt { font-weight: bold;}