/*----------------------------------------------------------------------------------- Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } /*--------------------------- Elements ---------------------------*/ body { border-top: 6px solid #DA50A6; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; } a { text-decoration: none; } a { color: #FF6AC8; text-decoration: none; } a:hover { text-decoration: underline; } p { color: #828282; font-size: 12px; line-height: 16px; padding-bottom: 10px; } p a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: Georgia, 'Times New Roman', serif; font-weight: normal; line-height: 1.2; } h1 { color: #0C0C0C; font-size: 27px; margin: 0 0 10px 0; } h2 { color: #333333; font-size: 20px; margin: 0 0 5px 0; } /*------------------------------------------- Global -------------------------------------------*/ .left { float: left; } .right { float: right; } .block_right { float: right; margin: 0 0 10px 10px; } .block_left { float: left; margin: 0 10px 10px 0; } .center { text-align: center; } .clear { clear: both; } .last { margin-right: 0; } .view_more { background: url(../images/view_more_icon.png) no-repeat left center; color: #FF73CC; padding-left: 15px; } .ui-scrollable { position: relative; } .ui-scrollbar-vertical { height:100%; position: absolute; right: 0; top: 0; width: 18px; z-index: 2; } .ui-scrollbar-track { background-color: #F2F2F2; height: 100%; position: absolute; width: 18px; } .ui-scrollbar-handle { background-color: #D7D7D7; left: 0; position: absolute; top: 0; width: 18px; } .ui-scrollbar-button-up, .ui-scrollbar-button-down { background: #F2F2F2 url(../images/scrollbar_buttons.png) no-repeat center top; display: block; height: 18px; left: 0; position: absolute; width: 18px; } .ui-scrollbar-button-up { top: 0; } .ui-scrollbar-button-down { background-position: center bottom; bottom: 0; } #wrapper { margin: 0 auto 50px auto; position: relative; width: 950px; } #background_figure { position: absolute; right: -140px; top: 118px; z-index: 1; } #header { height: 128px; position: relative; } #logo { background: url(../images/logo.png) no-repeat; display: block; height: 40px; position: absolute; text-indent: -9999px; top: 40px; width: 439px; } #header_copy { background: url(../images/society_of_plastic_surgeons.png) no-repeat right center; height: 32px; padding: 25px 109px 0 0; position: absolute; right: 0; top: 40px; text-align: right; } #header_copy p { color: #666; font-family: Georgia, 'Times New Roman', serif; font-size: 12px; line-height: 1.4; } #sidebar { float: left; width: 178px; } #nav { border-bottom: 1px solid #e5e5e5; } #nav li a { color: #0C0C0C; display: block; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; padding: 10px; } #nav li a:hover, #nav li a.selected { background-color: #FF6AC8; color: #fff; text-decoration: none; } #nav ul { border-bottom: 1px solid #FF6AC8; padding: 5px 0 10px 0; } #nav ul li a { background: url(../images/nav_arrow.png) no-repeat 15px center; color: #333333; font-size: 12px; line-height: 1.2; padding: 5px 10px 5px 25px; } #nav ul li a:hover, #nav ul li a.selected { background-color: #fff; color: #DA50A6; } #secondary_nav { border-bottom: 1px solid #e5e5e5; padding: 10px 0; } #secondary_nav li a { color: #666666; display: block; font-size: 11px; padding: 6px 10px; } #secondary_nav li a.selected {color: #FF6AC9; } #sidebar .callout { border-bottom: 1px solid #e5e5e5; padding: 15px 10px; } .callout a.callout_link { color: #666666; display: block; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 13px; height: 44px; line-height: 1.3; margin: 0 0 5px 0; padding: 10px 0 0 60px; } .callout a.callout_link:hover { background-position: left bottom; text-decoration: none; } .callout a.callout_link .phone { color: #DA50A6; font-size: 12px; } .callout a.brazilian_buttlift { background: url(../images/buttlift_callout.png) no-repeat left top; } .callout a.virtual_consultation { background: url(../images/virtual_consultation_callout.png) no-repeat left top; } .callout a.make_appointment { background: url(../images/schedule_callout.png) no-repeat left top; height: 52px; padding-top: 2px; } .callout p { color: #666666; font-size: 12px; line-height: 1.3; margin: 0 0 5px 0; } #twitter { border-bottom: 1px solid #e5e5e5; overflow: hidden; padding: 15px 10px; width: 158px; } #twitter .header { background: url(../images/twitter_header.png) no-repeat; color: #0CABEF; font-size: 15px; font-weight: bold; height: 16px; margin: 0 0 25px 0; padding: 14px 0 0 38px; } #twitter .tweet { margin: 0 0 20px 0; } #twitter .profile_image { float: left; margin: 0 10px 0 0; } #twitter .username { color: #0CABEE; font-size: 12px; } #twitter p { color: #666666; font-size: 10px; line-height: 1.3; margin: 0 0 5px 30px; padding: 0; width: 128px; } #twitter p a, #twitter p a:hover { color: #0CABEE; } #twitter .timestamp { color: #999999; font-size: 11px; font-style: italic; margin: 0 0 0 30px; } #twitter .follow { background: url(../images/follow_icon.png) no-repeat left center; color: #0CABEF; font-size: 12px; padding: 0 0 0 15px; } #twitter #load_tweets img.loading { margin: 10px 0 30px 60px; } #content { float: right; min-height: 681px; position: relative; width: 736px; z-index: 2; } #tab_bar { background: url(../images/tab_bar_bg.png) repeat-x; height: 35px; margin: 0 0 10px 0; } #tab_bar li { display: block; float: left; height: 35px; } #tab_bar li a { color: #7e7e7e; display: block; float: left; font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 11px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 20px; } #tab_bar li a:hover, #tab_bar li.selected a { background-color: #D7D7D7; text-decoration: none; } #tab_bar li.selected { background: url(../images/tab_bar_arrow.png) no-repeat center bottom; } #footer_wrapper { background: #fff url(../images/footer_bg.png) repeat-x; min-height: 500px; } #footer { margin: 0 auto; padding: 40px 0 25px 0; width: 902px; } #footer p { color: #666666; font-size: 11px; line-height: 1.4; } #footer p a { color: #FF6AC9; } #footer .photo { float: left; width: 245px; } #footer .photo img { margin: 0 0 0 20px; } #footer .logos { margin: 20px 0 0 0; overflow: hidden; } #footer a.logo { display: block; float: left; height: 65px; margin: 0 15px 20px 0; } #footer .bottom { border-top: 3px solid #EEEEEE; margin: 20px 0 0 0; padding: 20px 0 0 0; } #footer .nav { float: left; width: 190px; } #footer .nav li a { color: #999; display: block; font-size: 12px; margin: 0 0 10px 0; } #footer .bottom .last { margin-right: 0; } #footer .address_copyright { color: #999; font-size: 12px; margin: 25px 0 0 0; text-align: center; } #footer .testimonial { background: url(../images/patient_testimonial_bg.png) no-repeat; color: #666666; float: left; height: 123px; margin: 0 0 0 30px; padding: 10px 25px 0 15px; width: 450px; } #footer .testimonial h4 { color: #666666; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 13px; margin: 0 0 5px 0; } #footer .testimonial p { font-size: 12px; line-height: 18px; } #footer .testimonial img { margin: 0 5px 0 0; } #footer .testimonial a:hover { text-decoration: none;} /*------------------------------------------- Home -------------------------------------------*/ #feature { background-color: #fe6ac7; color: #fff; height: 315px; margin: 0 0 25px 0; position: relative; } #feature h1 { color: #C64896; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 11px; font-weight: bold; } #feature_content { background: url(../images/feature_cutout.png) no-repeat; height: 265px; padding: 25px; position: absolute; right: 0; top: 0; width: 185px; } #feature_content .lead-in { color: #FFF; font-family: 'Georgia', 'Times New Roman', sans-serif; font-size: 18px; font-style: italic; line-height: 1.1; margin: 5px 0 10px 0; } #feature_content .copy { color: #fff1fa; line-height: 1.4; margin: 0 0 10px 0; } #feature_content .pagination { background: url(../images/feature_accents.png) no-repeat center center; height: 17px; margin: 10px 0; padding: 0 0 0 70px; } #feature_content .pagination a { background: url(../images/feature_pagination.png) no-repeat right center; display: inline-block; height: 17px; margin: 0 2px 0 0; width: 7px; } #feature_content .pagination a:hover, #feature_content .pagination a.selected { background-position: left center; } #feature_content .view_more { background-image: url(../images/view_more_feature_icon.png); color: #F2F2F2; } #blog { margin: 0 0 30px 0; overflow: hidden; color: #666; font-size: 12px; line-height: 18px; } #blog h3 { color: #FF6AC9; font-size: 18px; margin: 0 0 5px 0; } #blog p { color: #666666; font-size: 12px; line-height: 1.5; } #blog p.date { color: #999999; font-family: Georgia, 'Times New Roman', sans-serif; font-size: 11px; margin: 0 0 5px 0; } #blog ol { list-style-position: outside; list-style-type: decimal; padding: 0 0 15px 25px; } #blog ul { list-style-position: outside; list-style-type: disc; padding: 0 0 15px 25px; } #procedures { border-right: 1px solid #e5e5e5; margin: 0 0 30px 0; overflow: hidden; } .procedure { border: 1px solid #e5e5e5; border-right: 0; float: left; width: 244px; } .procedure .header { background: url(../images/tab_bar_bg.png) repeat-x; color: #7e7e7e; display: block; font-size: 11px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 20px; } .procedure .inner_content { height: 123px; overflow-y: auto; margin: 10px; } .procedure li a { color: #FF6AC8; display: block; font-size: 12px; margin: 0 0 5px 0; } #home #videos { background-color: #F6F6F6; margin: 0 0 30px 0; overflow: hidden; padding: 10px; } #home #videos .please_select { color: #999999; font-size: 11px; font-style: italic; margin: 0 0 5px 0; } #home #videos .video_nav { float: left; width: 228px; } #home #videos .video_nav li a { background: #ebebeb url(../images/video_nav_bg.png) no-repeat 10px bottom; color: #333333; display: block; font-size: 12px; height: 34px; line-height: 34px; margin: 0 0 5px 0; padding: 0 0 0 40px; } #home #videos .video_nav li a:hover, #home #videos .video_nav li a.selected { background-color: #FFFFFF; background-position: 10px top; text-decoration: none; } #home #videos .more_videos { background: url(../images/more_videos_icon.png) no-repeat left center; color: #333333; display: block; font-size: 13px; height: 47px; line-height: 1.3; margin: 15px 0 0 0; padding: 5px 0 0 68px; } #home #videos .more_videos .more { color: #D84EA4; font-family: Georgia, 'Times New Roman', serif; font-size: 16px; } #home #videos .more_videos:hover { text-decoration: none; } #home_video_embed embed, #home_video_embed object { width: 454px; height: 251px; } #cosmetic_procedures { margin: 0 0 30px 0; } #cosmetic_procedures strong a { color: #D94FA5; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; } #cosmetic_procedures p { color: #666666; font-size: 12px; line-height: 1.4; margin: 0 0 20px 0; } #home_callouts { margin: 0 0 30px 0; } #home_callouts .last { margin-right: 0; } .home_callout { background: url(../images/home_callout_bg.png) no-repeat; height: 115px; float: left; margin: 0 18px 15px 0; padding: 15px; width: 203px; } #home_callouts .callout_link { display: block; height: 45px; padding: 8px 0 0 64px; } #home_callouts .stem_cells { background: url(../images/stem_cells_callout.png) no-repeat; } #home_callouts .operating_room { background: url(../images/operating_room_callout.png) no-repeat; } #home_callouts .real_self { background: url(../images/realself_callout.png) no-repeat; } /*------------------------------------------- Videos -------------------------------------------*/ .video { float: left; margin: 0 34px 40px 0; width: 158px; } #videos .last { margin-right: 0; } .video img { border: 1px solid #cccccc; padding: 4px; } .video h3 { color: #DA50A6; font-family: Georgia, 'Times New Roman', serif; font-size: 16px; margin: 10px 0 5px 0; } .video p { color: #666666; font-size: 11px; line-height: 1.3; margin: 0 0 5px 0; } .video p a { color: #FF6AC9; font-weight: bold; } #content .video_detail_page object, #content .video_detail_page object embed { width: 736px; height: 420px; } .old_content { color:#919191; font-size: 11px; line-height:20px; } .old_content h1, #specials h1 { color:#919191; font-family: 'Georgia', sans-serif; font-size:16px; font-weight: bold; } .old_content h2 { color:#919191; font-family: 'Georgia', sans-serif; font-size:16px; font-weight: bold; margin: 10px 0 10px; } .old_content a { color: #FF6AC8; text-decoration: none; } .old_content a:hover { color: #FF6AC8 !important; text-decoration: underline; } .old_content .sidebar a { color: #4155BD; font-family: Arial,Verdana,sans-serif; } .old_content ul, .old_content ol, .old_content li { margin: 0 0 0 20px; } .old_content ol li { list-style: decimal; } .old_content ul li { list-style: disc; } .old_content hr { border: 0; height: 1px; background: #d7d7d7; } .old_content .link_list a { color: #828282; text-decoration: underline; } .about_patient { border: 1px solid #D7D7D7; padding: 20px; } .about_patient object { display: block; margin-bottom: 10px; } .about_patient embed { display: block; margin-bottom: 10px; } .about_patient img { display: block; } .specials_image { border: 1px solid #D7D7D7; } table.currency { border-color:#999999; border-style:solid none none solid; border-width: 1px; width:350px; } table.currency th { background: #eee; } table.currency th, table.currency td { border: 1px solid #999; border-width: 0 1px 1px 0; padding: 5px; } /*------------------------------------------- Photo Gallery -------------------------------------------*/ .photo_gallery { margin: 30px 0 0 0; } .photo_gallery li { float: left; margin: 0 25px 40px 0; width: 340px; } .photo_gallery li img { border: 1px solid #ccc; padding: 4px; } .photo_gallery li h3 { color: #DA50A6; font-family: Georgia, 'Times New Roman', serif; font-size: 16px; margin: 10px 0 5px 0; } .photo_gallery li p { color: #666666; font-size: 11px; line-height: 130%; margin: 0 0 5px 0; } .photo_gallery li p a { color: #FF6AC9; font-weight: bold; } /*------------------------------------------- Styles Carried Over from Old Site -------------------------------------------*/ .old_content .consultation_btn a:hover { background-color:#999999; color:#ffffff; } .old_content .consultation_btn a { background-color:#FF6AC8; color:#ffffff; font-weight:bold; margin-right:5px; padding:10px; text-decoration:none; } .location span { background-color:#FF6AC8; color:#FFFFFF; font-weight:bold; margin-bottom:5px; padding:3px; } /*------------------------------------------- Contact Us -------------------------------------------*/ .contact_us h1 { margin: 20px 0 10px 0; } .contact_us h3 { font-size: 12px; font-weight: bold; margin: 0 0 5px 0; } .contact_us em { color: #FF6AC8; } .contact_us form { margin: 10px 0 0 0; } .contact_us label { clear: both; float: left; font-size: 12px; width: 220px; } .contact_us input { float: left; width: 350px; margin: 0 0 15px 0; } .contact_us input[type=text] { border: 1px solid #CCC; padding: 2px; } .contact_us input:focus { -moz-box-shadow: 0 0 5px rgba(255,106,200,0.5); -webkit-box-shadow: 0 0 5px rgba(255,106,200,0.5); } .contact_us input.submit { clear: both; margin: 15px 0; float: none; width: auto; border: 1px solid #CCC; background: #FFF; padding: 4px 10px; font-size: 10px; color: #FF6AC8; text-transform: uppercase; font-family: Arial; cursor: pointer; } .contact_us input.submit:hover { background: #FCFCFC; } .contact_us input.bday { margin-right: 5px; width: 25px; } .contact_us input.byear { margin-right: 5px; width: 40px; } .contact_us input.error, .contact_us select.error { border-color: #FF6AC8; -moz-box-shadow: 0 0 5px rgba(255,106,200,1); -webkit-box-shadow: 0 0 5px rgba(255,106,200,1); } .contact_us select { float: left; margin: 0 0 15px 0; border: 1px solid #CCC; } .contact_us h4 { clear: both; font-weight: bold; font-size: 13px; color: #FF6AC8; margin: 15px 0 5px 0; } .contact_us fieldset { float: left; margin: 0 0 15px 0; } .contact_us textarea { width: 560px; height: 150px; margin: 0 0 15px 0; border: 1px solid #CCC; padding: 2px; } .contact_us .phone input { float: left; width: 103px; margin: 0 15px 0 0; } .contact_us .phone label { clear: none; float: left; width: 109px; margin: 0 15px 0 0; font-size: 10px; font-style: italic; } .contact_us .address input { float: left; width: 165px; margin: 0 15px 0 0; } .contact_us .address label { clear: none; float: left; width: 172px; margin: 0 15px 10px 0; font-size: 10px; font-style: italic; } .contact_us .address input.city { width: 100px; } .contact_us .address label.city { width: 107px; } .contact_us .address .state { width: 150px; float: left; margin: 0 15px 0 0; } .contact_us .address .state select { width: 150px; margin: 0; } .contact_us .address input.zip { width: 65px; } .contact_us .address label.zip { width: 72px; } .contact_us input.checkbox { clear: both; width: auto; margin: 0 5px 15px 0; } .contact_us label.checkbox { width: auto; clear: none; line-height: 12px; font-size: 10px; } .contact_us div.error { clear: both; margin: 15px 0; background: #FF6AC8; font-weight: bold; color: #FFF; padding: 5px 10px; font-size: 12px; }