/** @SHORTCUTS **/ .fl{float:left;} .fr{float:right;} .clr{clear:both;} .dn{display:none;} .center{text-align:center;margin:0 auto;display:block;} h1 a,h2 a,h3 a,h4 a,h5 a{color:inherit;text-decoration:none;} #wrapper,#sub_content,#footer,#copyright { h1,h2,h3,h4,h5 { sup { font-size:10px; vertical-align:super; } } } div.hr{ height:1px; width:100%; background:#503439; } html, body{ } body.dashboard { a { text-decoration:none; } } /** @MARGIN & PADDING SHORTCUTS **/ .mt{margin-top:20px;} .ml{margin-left:20px;} .mr{margin-right:20px;} .mb{margin-bottom:20px;} .dmt{margin-top:40px;} .dml{margin-left:40px;} .dmr{margin-right:40px;} .dmb{margin-bottom:40px;} .smt{margin-top:10px;} .sml{margin-left:10px;} .smr{margin-right:10px;} .smb{margin-bottom:10px;} .pt{padding-top:20px} .pl{padding-left:20px;} .pr{padding-right:20px;} .pb{padding-bottom:20px;} .dpt{padding-top:40px} .dpl{padding-left:40px;} .dpr{padding-right:40px;} .dpb{padding-bottom:40px;} .spt{padding-top:10px} .spl{padding-left:10px;} .spr{padding-right:10px;} .spb{padding-bottom:10px;} .contact_us_fix{ margin-bottom:115px; } #wrapper #content { p.small{ font-size:10px; line-height:11px; } } /** @ERROR/SUCCESS MSGS **/ div.error_msg,div.success_msg{ .helvetica; li{ padding:5px; background:#120B0A; border:1px solid #4C3537; color:#E26880; margin-bottom:10px; } } div.success_msg{ h2{ color:#68E26C; } li{ color:#68E26C; } } div.msg{ width:700px; padding:10px; margin:0 auto 40px auto; ul{ list-style-type:disc; li{ margin-left:20px; .helvetica; line-height:23px; } } } div.msg.success{ background-color: #d6ffd3; border:1px solid #40733c; color:#40733c; } div.msg.error{ background-color: #ffc9c9; border:1px solid #6e3838; color:#6e3838; } /**@ BUTTONS **/ a.btn{ text-transform:uppercase; height:50px; display:inline-block; line-height:50px; vertical-align:middle; background:url(../images/lrg_btn_bg.png) repeat-x; text-align:center; color:#5e312f; font-size:24px; padding:0 80px 0 80px; .futura; text-decoration:none; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; span{ font-weight:bold; } } a.btn.big_blue{ background:url(../images/big_blue_btn_bg.png) repeat-x; padding:0 20px 0 20px; margin-top:10px; color:#3f454e; } a.btn.blue{ background:url(../images/blue_btn_bg.png) repeat-x; height:32px; padding:0 25px 0 25px; font-size:15px; line-height:32px; vertical-align:middle; text-align:center; color:#2f415e; } a.btn.blue.between_two{ margin-left:110px; } a.btn.pink{ background:url(../images/small_pink_btn_bg.png) repeat-x; height:32px; padding:0 25px 0 25px; font-size:15px; line-height:32px; vertical-align:middle; text-align:center; color:#5e312f; } a.btn.pink.dull{ background:url(../images/small_pink_btn_dull_bg.png) repeat-x; color:#3a1f1e; } a.btn.submit,body.dashboard a.btn{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height:25px; font-weight:bold; text-transform: capitalize; line-height:25px; font-size:13px; .helvetica; } a.btn.large,body.dashboard a.btn.large { background: url("../images/lrg_btn_bg.png") repeat-x scroll 0 0 transparent; border-radius: 35px 35px 35px 35px; color: #5E312F; display: inline-block; font-family: "FuturaStdMedium"; font-size: 24px; height: 50px; line-height: 50px; padding: 0; padding-left:30px; padding-right:30px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; } /**@web fonts**/ @font-face { font-family: 'FuturaStdMedium'; src: url('futurastd-medium-webfont.eot'); src: url('futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'), url('futurastd-medium-webfont.woff') format('woff'), url('futurastd-medium-webfont.ttf') format('truetype'), url('futurastd-medium-webfont.svg#FuturaStdMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GaramondPremierProRegular'; src: url('garamondpremrpro-webfont.eot'); src: url('garamondpremrpro-webfont.eot?#iefix') format('embedded-opentype'), url('garamondpremrpro-webfont.woff') format('woff'), url('garamondpremrpro-webfont.ttf') format('truetype'), url('garamondpremrpro-webfont.svg#GaramondPremierProRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GaramondPremierProItalic'; src: url('garamondpremrpro-it-webfont.eot'); src: url('garamondpremrpro-it-webfont.eot?#iefix') format('embedded-opentype'), url('garamondpremrpro-it-webfont.woff') format('woff'), url('garamondpremrpro-it-webfont.ttf') format('truetype'), url('garamondpremrpro-it-webfont.svg#GaramondPremierProItalic') format('svg'); font-weight: normal; font-style: normal; } .futura{ font-family:"FuturaStdMedium"; } .garamond{ font-family:"GaramondPremierProRegular"; } .garmond-italic{ font-family:'GaramondPremierProItalic'; } .georgia{ font-family:'Georgia'; } .georgia_italic{ font-style: italic; font-size:17px; text-decoration: none; } span.georgia{ .georgia; font-size:25px; font-style:italic; color:#ffabbd; } .helvetica{ font-family:Helvetica,Arial; } /** @LAYOUT STYLES **/ body{ background:url(../images/bg.png); } #logo{ width:264px; height:87px; background:url(../images/logo.png) no-repeat; margin:10px auto; a{ display:block; width:264px; height:87px; span{ display:none; } } } body.fre{ #main_menu{ul{li{a{font-size:14px;}}}} } #main_menu{ margin-top:10px; height:82px; width:100%; position:relative; #menu_line{ height:13px; width:100%; position:absolute; z-index:-1; bottom:0px; background:url(../images/main_menu_bg_line.png) repeat-x; background-position:0 7px; #menu_selected{ height:13px; width:40px; background:url(../images/main_menu_highlight.png); } } ul.fl{ height:51px; padding-top:20px; .futura; li{ margin-bottom:50px; position:relative; float:left; margin-right:20px; display:block; a{ color:#FFF; height:56px; font-size:15px; text-decoration:none; text-align:center; display:block; line-height:18px; padding-left:15px; padding-right:15px; padding-top:8px; } a.hover { background:#503439; border:solid 0px #503439; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } } li.first{ a{ line-height:35px; vertical-align:middle; } } li.last{ padding-left:0px; margin-right:0px; } ul#sub_menu { .dn; padding:0px; margin:0; background:#503439; padding-top:15px; padding-right:20px; min-width:200px; position:absolute; margin-top:-7px; z-index:2; li { padding:0px; margin:0; padding-left:15px; clear:both; margin:0; margin-bottom:15px; a { font-family:Helvetica,Arial; font-weight:bold; text-transform:uppercase; font-size:12px; padding:0px; margin:0; height:auto; text-align:left; } } } } .search{ margin-top:20px; margin-left:40px; width:169px; height:23px; background:url(../images/search_bg.jpg) no-repeat; padding:5px 10px 5px 10px; input{ width:124px; background:none; border:none; color:#714c52; .futura; font-size:15px; } input[type=submit]{ margin:0; width:14px; height:14px; background:url(../images/search_btn.jpg) no-repeat; margin-top:5px; margin-right:5px; } } } #footer_wrapper{ padding-top:40px; border-top:4px solid #503439; padding-bottom:10px; background:#1a0e0d; clear:both; height:230px; } body.fre #footer_wrapper{ height:300px; } body.fre { a.btn.pink{ font-size:12px; } } #footer{ padding-top:20px; .callout{ width:280px; h4{ margin-bottom:10px; line-height:20px; } margin-left:100px; p{ line-height:20px; font-size:12px; margin-bottom:10px; } .arrow_link{ background:url(../images/footer_right_arrow.png) no-repeat; background-position:0 5px; padding-left:13px; a{ .garmond-italic; text-decoration:none; color:#a3ddff; font-size:18px; } } } .callout.first{ margin-left:0; } .callout.other{ margin-left:50px; width:200px; p{ a{ text-decoration:none; } } } } #copyright{ p.small{ font-size:10px; line-height:11px; } } /** @GROUP PAGE STYLES **/ #wrapper,#sub_content,#footer,#copyright{ width:950px; padding:0 5px 0 5px; margin:0px auto; .middle{ h1{ font-size:36px; text-align:center; } h1.mb{ margin-bottom:10px; } h2{ text-align:center; } div.hr{ width:431px; margin:0 auto; } } h1{ font-size:60px; color:#ffabbd; .garmond-italic } h2{ font-size:32px; color:#ffabbd; .garamond; } h2.italic{ .garmond-italic; font-size:36px; } h3{ text-transform:uppercase; .futura; font-size:20px; color:#a3ddff; font-weight:normal; } h3.mb{ .smb; } h3.white{ color:#FFF; } h4{ .futura; font-size:18px; color:#ffabbd; } h5{ color: #b9e0f7; .futura; font-size: 14px; font-weight: normal; } p,ul.list,ul.numbers{ font-size:13px; color:#fff; line-height:23px; font-family:Helvetica,Arial; a{ color:#a3ddff; } span{ color:#ffabbd; } span.white{ color:#FFF; } strong{ font-weight:bold; } sup{ font-size:11px; vertical-align:top; vertical-align: super; } } ul.numbers{ margin-left:20px; list-style-type: decimal; color:#ffabbd; span{ color:#FFF; } li{ margin-bottom:15px; } li:last-child{ margin-bottom:0; } } p.blue_italics{ .georgia_italic; font-size:15px; color:#b9e0f7; } ul.list{ list-style-image:url(../images/ul_list_dot.png); margin-left:10px; li{ margin-bottom:0px; } li:last-child{ margin-bottom:0; } } div.link_heading{ margin-top:80px; h3{ margin-bottom:5px; } p{ a{ text-decoration:none; } } } div.link_heading.dml{ margin-left:80px; } div.blue_vs_white{ h2{ font-size:26px; .mb; color:#b9e0f7; text-align:right; span{ color:#FFF; } } } } #wrapper{ } #content{ } body.FAQ #content{ } body.FAQ #wrapper{ } body.FAQ ul.FAQ{ min-height:190px; height:auto !important; height:190px; padding-bottom:225px; } #content,#sub_content{ .column_70{ width:60%; } .column_30{ width:40%; } .column_3{ width:30%; } .column_1{ width:100%; } div.column_50{ width:429px; } div.column_options_bubble{ width:852px; height:319px; margin:0 auto; background:url(../images/what_are_my_options_bubble.png) no-repeat; p{ .georgia; padding-top:35px; padding-left:100px; padding-right:100px; text-align:center; } } } #sub_content{ background:url(../images/sub_content_red_bg.png); width:100%; border-top:4px solid #503439; padding:0; #sub_wrap{ margin: 0 auto; width: 950px; } div.column_30{ width:30%; } } #special_centered_ul{ width:425px; margin:0 auto; font-size:26px; .garmond-italic; list-style-type:decimal; list-style-position:inside; li{ .dmb; text-align:center; color:#FFF; h2{ margin-left:3px; display:inline-block; } span{ margin-top:5px; display:block; .helvetica; font-size:13px; } } } ul.FAQ{ li{ margin-bottom:3px; .container{ margin: 0 auto; padding: 0 5px; width: 950px; } .question{ background:url(../images/faq_q_bg.png) no-repeat; padding-left:20px; background-position: 0 3px; a{ .helvetica; font-size:14px; color:#FFF; text-decoration: none; } } .answer{ .dn; p{ margin:20px 0 0 0; .helvetica; color:#FFF; line-height:23px; font-size:13px; display:inline-block; } } } li.selected{ background: url("../images/sub_content_red_bg.png"); border-top: 4px solid #503439; border-bottom: 4px solid #503439; padding:20px 0 20px 0; } } [data-translate-id] textarea{ min-height:50px; } form#tell_a_friend{ table{ width:600px; tr{ td{ .fl; padding-bottom:5px; width:41px; input[type=text]{ width:263px; } textarea{ height:139px; width:441px; } } td.first{ width:145px; } } tr.captcha_submit{ width:600px; td{ width:330px; } td.first{ width:260px; } td{ input{ margin-top:1px; width:96px; } } } } } form#find_a_surgeon{ ul{ width:650px; margin:0 auto; li{ select{ width:229px; margin-top:3px; .helvetica; font-weight:bold; font-size:13px; color:#202020; } .fl; margin-right:20px; } li.last{ margin-right:0px; } } } table#surgeon_results{ color:#FFF; .helvetica; font-size:13px; td{ padding-right:50px; padding-bottom:20px; width:200px; } td.first{ width:300px; } tr.view_surgeon{ cursor:pointer; } } #dashboard-header{ height:64px; width:100%; background:#1a0e0d; border-bottom:3px solid #503439; #header-wrapper{ margin: 0 auto; padding: 0 5px; width: 950px; img{ margin-top:13px; } h2{ text-transform: uppercase; color:#FFF; .futura; font-size:16px; margin-top:31px; } } } #dashboard-nav{ width:175px; height:950px; padding-right:48px; border-right:1px solid #503439; ul{ li.first{ margin-top:0; } li{ margin-top:30px; h3{ margin-bottom:20px; } p{ width:175px; font-size:15px; margin-bottom:10px; a{ color:#FFF; .helvetica; font-size:15px; text-decoration:none; } } p.setup-label{ width:130px; } p.number{ span{ font-weight:bold; font-size:18px; } overflow:hidden; margin-right:10px; width:22px; height:24px; background:url(../images/setup_bg_number.png) no-repeat; padding:6px 0 0 6px; span{ text-align:center; line-height:18px; vertical-align:top; width:18px; height:18px; display:block; } } p.number.selected{ span{ background:url(../images/setup_bg_selected.png) no-repeat; text-indent: -1000px; } } } } } body.dashboard{ h1 a,h2 a,h3 a,h4 a,h5 a{color:inherit;} #content{ h2{ .garmond-italic; } width:680px; padding-left:25px; } div.p-heading{ h3{ margin-bottom:20px; } p{ .futura; font-size:15px; span{ font-size:20px; } } } a.pink.btn{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } } body.doctor_login { #content { width:795px; margin:50px auto; } } div.my-locations{ width:300px; .img{ margin-right:10px; img{ margin-bottom:10px; } } h3{ .georgia; .georgia_italic; } } #wrapper div.my-locations h3{ width:200px; .georgia; .georgia_italic; font-size:20px; text-transform: none; margin-bottom:10px; } #doctors_edit{ p{ margin-top:10px; } p.nm{ margin:0; } } #verify_map_location{ margin-left:230px; } #surgeon_view{ .information{ width:712px; h2{ .georgia; color:#b9e0f7; font-size:31px; } .hr{ width:264px; padding-right:267px; } } table{ width:256px; text-align: left; .helvetica; color:#FFF; font-size:13px; line-height:23px; th{ font-weight:bold; width:108px; } td{ .spb; } } } div.before_and_after{ width:186px; div.images{ border:3px solid #FFF; } } /**@GROUP DOCTORS TOOLS**/ body.tools{ #wrapper{ width:1025px; #content{ width:inherit; padding:0; padding-top:40px; h3.tools-heading{ font-size:24px; line-height:28px; } } } } #tools-wrapper{ width:100%; height:39px; position:relative; div.underline{ height:1px; width:100%; background-color:#452d2f; position:absolute; bottom:0; } #tools-nav{ position:relative; width:1025px; margin:0 auto; padding-top:10px; ul{ li{ .fl; margin-right:35px; a{ text-decoration:none; .futura; font-size:16px; color:#a99c9e; } a:hover{ color:#b9e0f7; } a.selected{ color:#b9e0f7; } } } } } div.tools-intro{ background:url(/public/images/tools-diagram.png) no-repeat; background-position:top right; min-height:584px; } #wrapper{ div.tools-accordian{ width:440px; .heading{ h3{ color:#ffabbd; } a{ color:#b9e0f7; text-decoration:none; } border-bottom:1px solid #b9e0f7; } .content{ input[type=checkbox]{ margin-top:5px; } table{ width:100%; tr{ td{ .pb; h4{ color:#b9e0f7; font-size:12px; text-transform: capitalize; .helvetica; } p{ line-height:16px; } p.small{ font-size:10px; } } th{ text-align:left; p{ font-size:10px; } } } } table.patient-info td.fixed-label{ width:120px; } table.breast-params{ td{ vertical-align:top; width:80px; } td.fixed-label{ width:125px; } } table.patient-evaluation{ td{ vertical-align:top; } td.fixed-label{ width:25%; } } } } } #wrapper{ #content{ form.size_comparison{ p{ font-size:14px; } p.dull { color:#a99c9e; } input[type=checkbox] { margin-top:5px; } select{ min-width:75px; } div.chart_wrapper,div.chart_wrapper2 { width:95%; overflow:hidden; position:relative; div.chart,div.chart2 { width:1000000px; position:relative; left:0px; top:0px; } } table { .mr; tr { td { padding:4px; } } width:231px; border-collapse:collapse; tr.first { background:#342225 url(../images/size_comparison_table_heading_bg.png) repeat-x; border-bottom:1px solid #523438; background-position:left bottom; } tr.second { p { font-size:12px; } background-color:#1a0e0d; border-bottom:1px solid #523438; } tr.third { background-color:#1a0e0d; border-bottom:1px solid #523438; text-align:center; p{ font-size:10px; line-height:14px; } td { p:first-child { font-size:12px; font-weight:bold; } } td:last-child { p:first-child { font-weight:normal; font-size:10px; } } } tr.fourth { height:68px; background:url(../images/size_comparison_number_bg.png) no-repeat; background-position:0px 7px; text-align:center; td.first { padding-top:10px; } p{ font-size:12px; color:#d1aab7; line-height:18px; strong { font-weight:bold; color:#FFF; } } p.selected { color:#fcff00; font-weight:bold; } } tr.diagram { td { padding:0; } border-bottom:1px solid #523438; background:#21100e; } } p.instruction,p.instruction2 { font-size:10px; color:#a99c9e; margin-left:48px; } } div.slider_arrows,div.slider_arrows2 { a { display:block; width:16px; height:25px; } a.left_arrow { margin-right:50px; background:url(../images/size_comparison_left_arrow.png) no-repeat; } a.right_arrow { background:url(../images/size_comparison_right_arrow.png) no-repeat; } div.center { width:200px; } } div.base_width_arrows,div.base_width_arrows2 { position:relative; div.posi { position:absolute; left:-50px; top:100px; } width:32px; p { text-align:center; font-size:27px; line-height:27px; } a { .center; display:block; width:20px; height:13px; } a.up_arrow { margin-bottom:5px; background:url(../images/size_comparison_up_arrow.png) no-repeat; } a.down_arrow { margin-top:5px; background:url(../images/size_comparison_down_arrow.png) no-repeat; } } div.base_width_arrows2 { div.posi { top:143px; } } } } #wrapper #content div.login_form,#wrapper #content .practice_resources { width:411px; form { a.submit { margin-left:131px; } .bg{ height:123px; background:#221413; padding-left:15px; padding-top:10px; padding-bottom:15px; } div { p { font-size:14px; color:#b9e0f7; width:122px; font-family:"FuturaStdMedium"; line-height:28px; vertical-align: middle; } input { width:219px; border:2px solid #503439; background:#221413; margin-bottom:4px; height:28px; color:#FFF; } } } } #wrapper #content .practice_resources { width:310px; form { a.submit { margin-left:55px; } } } body.doctor_login { #footer_wrapper { height:68px; padding-top:20px; } } #wrapper .downloads { .head { h3 { margin-bottom:20px; } p { a { color:#ffabbd; text-decoration:underline; } } } .download { margin-top:20px; width:633px; height:139px; padding-top:12px; background:#180e0d; .image { margin-left:7px; } .description { margin-left:18px; width:480px; h4 { margin-bottom:4px; sup { font-size:9px; line-height:18px; vertical-align:10px; } } p { } a { text-transform:uppercase; color:#b9e0f7; font-family:Helvetica,Arial; font-weight:bold; font-size:12px; width:82px; display:block; margin-top:4px; } a.show_all { background:url(../images/downloads_down_arrow.png) no-repeat; background-position:center right; } } } }