/* CSS Document */ h2, h3 { font-weight:bold; } /* Zero Out ---------------------------------------- */ div,dl,dt,dd,img,body,a{margin:0;padding:0;border:none;outline:none} /* Self Clearing Floats ---------------------------------------- */ .clearfix:after,#nav ul li a:after{ content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix,#nav ul li a{ display:inline-block; width:100%} html[xmlns] .clearfix,html[xmlns] #nav ul li a{ display:block} * html .clearfix,* html #nav ul li a{ height:1%} *:first-child+html .clearfix,*:first-child+html #nav ul li a{display:inline-block} /* Superscript/Subscript Fix ---------------------------------------- */ sup, sub{height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative} sup{bottom:1ex} sub{top:.5ex} /* Structure ---------------------------------------- */ body{background:#612F71 url('/Style%20Library/Images/main_bg.png') repeat-x;font:12px arial,helvetica,verdana,sans-serif;text-align:center} #frame{width:994px;margin:0px auto;text-align:left} #header{height:145px} #content{ width:994px; color:#424242; font-size:12px; min-height:125px; z-index:4} #flash_placeholder{ height:500px} #logo, #nav{float:left;z-index:12} #logo{display:inline;margin-left:10px;width:223px;margin-top:10px} #nav{padding-top:2px;text-align:center;width:994px;height:55px} #nav a{padding:0px 2px;height:36px;background:url('/Style%20Library/Images/nav-divider.gif') no-repeat top right;font-size:39px;line-height:39px} #nav a.last, #secondary-nav a.last{padding-right:15px;background:none} #secondary-nav{float:left;text-align:left;width:988px;height:26px;padding:0 0 0 6px;font-size:12px;color:#848484;position:relative;z-index:5;margin-top:8px} #secondary-nav a{padding:0px 15px;color:#848484;background:url('/Style%20Library/Images/snav_sep.gif') no-repeat center left;text-decoration:none} #secondary-nav .nav_on .subnav_on{ color:#FFF} #secondary-nav a:hover{color:#A5A5A5} #secondary-nav .nav_off{ display:none} #secondary-nav .nav_on{ display:block} #footer{text-align:center;font-size:11px} #footer img{position:relative;top:2px} #footer, #footer a{color:#B5B5B5} #footer a{padding:0px 15px} #footer p{width:700px;margin:1em auto} /* Tools ---------------------------------------- */ #tools{height:60px;z-index:11} #taf{ float:right; background:url('/Style%20Library/Images/img_envelope.gif') no-repeat left; width:80px; font-size:10px; color:#B67499; padding-left:20px; margin-top:12px; cursor:pointer} #taf a{color:#B67499} #eu_link{ display:block; float:right; background:url('/Style%20Library/Images/eu-flag.gif') no-repeat left 2px; width:180px; font-size:10px; color:#B67499; padding-left:20px; margin-top:12px; text-decoration:none} #tools .sep{ float:right; padding-right:20px; margin-top:8px} .homepage #eu_link,.homepage #tools .sep{ display:block} /* HOME PAGE (LEVEL0) ONLY ---------------------------------------- */ #home_content{height:380px} #home_btm{background:url('/Style%20Library/Images/home-bottom-bg.jpg') no-repeat;height:152px;padding-top:24px;font-size:11px;color:#FFF} .home_MediaWith2CalloutsLayout #home_btm-left .fac_submit{margin-top:46px !important} .pageExperience #home_btm,.pageAboutUltra #home_btm,.pageVolumaLanding #home_btm{background:url('/Style%20Library/Images/home-bottom-bg_2.jpg') no-repeat} .pageBeforeAfter #home_btm{background:url('/Style%20Library/Images/home-bottom-bg_3.jpg') no-repeat} #home_btm a{padding-right:20px;background:url('/Style%20Library/Images/arrow.gif') no-repeat right center;text-transform:uppercase;text-decoration:none;color:#FFF} #home_btm h3{font-size:12px;font-weight:normal;margin:0 0 4px 0} #home_btm, #home_btm a{color:#FFF} #home_btm-left{float:left;display:inline;padding-left:80px;padding-right:15px;width:235px;} #home_btm-mid{float:left;display:inline;padding-left:120px;padding-right:10px;width:200px} #home_btm-right{float:left;display:inline;padding-left:90px;padding-right:15px;width:225px} #home_btm .cta{height:30px;padding-top:10px;text-align:right} /* END HOME PAGE ONLY */ /* LEVEL0 (LANDING) ONLY ---------------------------------------- */ #lvl0_top{ width:994px} #lvl0_btm{background:url('/Style%20Library/Images/bkg_lvl0-btm.gif') no-repeat 497px 13px;height:143px;font-size:11px;color:#FFF} #lvl0_btm .copy h3{ margin:25px 0 10px 0} #lvl0_btm-left .cta{text-align:right} #lvl0_btm .cta a{padding-right:20px;background:url('/Style%20Library/Images/arrow.gif') no-repeat right center;text-transform:uppercase;text-decoration:none;color:#FFF} #lvl0_btm-left{ float:left; width:418px; padding:0 0 0 82px} #lvl0_btm-left .copy div{ padding:0 30px 0 0} #lvl0_btm-left .cta{ padding:0 50px 0 0} #lvl0_btm-right{ float:left; width:494px} #lvl0_btm-right .copy{ padding:0 0 0 100px} #lvl0_btm-right .copy div{ padding:0 100px 0 0} #lvl0_btm-right .cta{ padding:0 18px 0 0; margin:0} #lvl0_btm-right .cta form{ padding:0 0 0 45px; margin:13px 0 0 0} #lvl0_btm-right .cta form label, #lvl0_btm-right .cta form input, #lvl0_btm-right .cta form div{ float:left} #lvl0_btm-right .cta form label{ padding:0 5px 0 0} #lvl0_btm-right .cta form input, #lvl0_btm-right .cta form div{ padding:0 15px 0 0} #lvl0_btm-right .cta form select{ float:left; font-size:11px; margin:0 15px 0 0} #lvl0_btm-right .cta #city_postal_field{ float:left;width:60px;height:18px;background:url('/Style%20Library/Images/bkg_cfac_input.gif') no-repeat;padding:1px 18px 0px 0px;font-size:13px;line-height:normal} #lvl0_btm-right .cta #city_postal_field input{ float:left; width:48px; height:13px; background:none; background-color:transparent; border:none; margin-top:1px; margin-left:7px; color:#602e70; padding:0 !important} /* LEVEL1 CONTENT AREA ---------------------------------------- */ #level1-bg{ background:url('/Style%20Library/Images/content-bg.gif') repeat-y} #level1-top{ background:url('/Style%20Library/Images/content-top.gif') top left no-repeat; padding-top:20px} #level1-btm{ background:url('/Style%20Library/Images/content-btm.gif') bottom left no-repeat; padding-bottom:130px} #left_copy{ /*The width is 634px if you add width and padding*/ min-height: 1100px; width:561px; padding:0 44px 60px 29px; float:left} #fp_copy{ width:721px; padding:0 44px 60px 29px; float:left} #left_copy .headline{ padding:15px 0 18px 0} #page_section1,#page_section2,#page_section3, #page_section4,#page_section5,#page_section6{ padding:0 0 15px 0} #left_copy #page_targets{ width:561px; padding:20px 0} #left_copy #page_targets ul{ list-style:none; margin:0; padding:0} #left_copy #page_targets ul li{ padding:15px 0} #lvl1_column_right, #right_copy{ width:360px; float:left; position:relative; padding:0} #already_registered{ width:357px; height:190px; } #already_registered a{ display:block; position:relative; width:97px; height:24px; top:83px; left:130px; text-decoration:none} #already_registered a span{ visibility:hidden} #lvl1_column_right{ top:-20px} #top_flash{ width:994px} #rfm_products{ border-bottom:4px solid #ECECEC} #rfm_products .left{ float:left; width:216px} #rfm_products .right{ float:left; width:336px} .list{margin-left:30pt} .list li{ list-style-image:url('/Style%20Library/Images/purple_circle.gif'); padding-bottom:10px} .first_on_list{ padding-top:15px} .last_on_list{ padding-bottom:15px} .white,.white a{ color:#fff !important} .light-purple,.light-purple a{ color:#9e65b1 !important} .whatisrightforme{ height:451px; text-align:center} #left_copy p a{ color:#424242} .amanda_first_p{ padding-right:40px; padding-left:205px} .amanda_second_p{ padding-right:40px; padding-left:205px} .amanda_third_p{ padding-right:40px; padding-left:205px} #amanda_pic{ position:absolute; top:-15px; margin-left:-10px} #test{ font-size:16px} #case-study_small_bg{background:url('/Style%20Library/Images/case-study_bg.gif') repeat-y;width:525px} #case-study_small_top{background:url('/Style%20Library/Images/case-study_top.gif') top left no-repeat;padding-top:1px} #case-study_small_btm{ background:url('/Style%20Library/Images/case-study_btm.gif') bottom left no-repeat; padding-bottom:1px} #case-study_big_bg{background:url('/Style%20Library/Images/case-study_bg2.gif') repeat-y;width:544px} #case-study_big_top{background:url('/Style%20Library/Images/case-study_top2.gif') top left no-repeat;padding-top:10px} #case-study_big_btm{ background:url('/Style%20Library/Images/case-study_btm2.gif') bottom left no-repeat; padding-bottom:10px} #case-study_big_btm p{ padding-left:20px; padding-right:20px} /* ############ ABOUT ############ */ #about-callout{background:url('/Style%20Library/Images/about-callout-bg.jpg') no-repeat;padding-left:301px;height:505px} #about_carousel{text-align:left;} #about_tag{height:100px} #about_copy{height:60px;margin-right:100px;font-size:12px;color:#6C3A77;line-height:18px} #about_copy a{text-decoration:none;padding-left:20px;color:#f063d7} #about_copy a span{text-decoration:underline} /* ############ SAFETY &SIDE EFFECTS ############ */ #safety_find{ width:561px; text-align:right !important} #safety_find a{ /*display:block;*/ width:128px; height:10px; text-decoration:none; text-align:right} /* HEADER CLASSES ---------------------------------------- */ .hdr_blank,.nav2sec3,.nav3sec1,.nav3sec2,.nav3sec3,.nav3sec4,.nav3sec5{ width:994px; height:145px; z-index:10} .nav2sec3{background:url('/Style%20Library/Images/bkg_n2s3.jpg') no-repeat bottom right} .nav3sec1{background:url('/Style%20Library/Images/bkg_n3s1.jpg') no-repeat bottom right} .nav3sec2{background:url('/Style%20Library/Images/bkg_n3s2.jpg') no-repeat bottom right} .nav3sec3{background:url('/Style%20Library/Images/bkg_n3s3.jpg') no-repeat bottom right} .nav3sec4{background:url('/Style%20Library/Images/bkg_n3s4.jpg') no-repeat bottom right} .nav3sec5{background:url('/Style%20Library/Images/bkg_n3s5.jpg') no-repeat bottom right} /* SUBPAGE CALLOUTS ---------------------------------------- */ #ba_callout{ width:360px; height:138px; background:url('/Style%20Library/Images/bkg_bacallout.gif') no-repeat top left; font-size:10px; line-height:14px} #ba_callout img{ padding:26px 0 12px 93px} #ba_callout div{ color:#6D6D6D; padding:0 45px 11px 93px} #ba_callout a{ margin:0 0 0 217px} #reg_callout{ width:360px; height:147px; background:url('/Style%20Library/Images/bkg_regcallout.gif') no-repeat top left; font-size:10px; line-height:14px} #reg_callout img{ padding:33px 0 12px 93px} #reg_callout div{ color:#6D6D6D; padding:0 45px 11px 25px} #reg_callout a{ margin:0 0 0 215px} #brochure_callout{ width:360px; height:160px; background:url('/Style%20Library/Images/bkg_brochurecallout.gif') no-repeat top left; font-size:10px; line-height:14px} #brochure_callout img{ padding:26px 0 12px 112px} #brochure_callout div{ color:#6D6D6D; padding:0 45px 30px 112px} #brochure_callout a{ margin:0 0 0 205px} /*#brochure_callout .callout_header {width: 210px; font-family: Myriad Pro,Helvetica,Arial; font-size: 17px; line-height: 25px; text-transform: uppercase; color: rgb(109, 109, 109);}*/ #csm_callout{ margin-top: -3px; width:360px; height:156px; background:url('/Style%20Library/Images/bkg_csmcallout.gif') no-repeat top left; font-size:10px; line-height:14px} #csm_callout img{ padding:8px 0 12px 139px} #csm_callout div{ color:#6D6D6D; padding:0 45px 20px 139px} #csm_callout a{ margin:0 0 0 139px} #mt_callout{ width:360px; height:147px; background:url('/Style%20Library/Images/bkg_mtcallout.gif') no-repeat top left; font-size:10px; line-height:14px} #mt_callout img{ padding:12px 0 10px 112px} #mt_callout div{ color:#6D6D6D; padding:0 45px 5px 112px} #mt_callout a{ margin:0 0 0 220px} #mt_callout a, #fac_callout a, #stories_callout a, #csm_callout a, #brochure_callout a, /*#reg_callout a,*/ #ba_callout a { padding:0 20px 0 0; font-size:10px; background:url('/Style%20Library/Images/white_matte_arrow.gif') no-repeat right center;text-transform:uppercase;text-decoration:none;color:#464646} #fac_callout{ width:360px; height:154px; background:url('/Style%20Library/Images/bkg_faccallout.gif') no-repeat top left; font-size:10px; line-height:14px} #fac_callout img{ padding:6px 0 10px 94px} #fac_callout div.fac_copy{ height:50px; color:#6D6D6D; padding:0 25px 0 94px} #fac_callout form{ height:55px; padding:0 25px 0 25px; margin:0 !important} #fac_callout form .form_top, #fac_callout form .form_bottom{ width:310px} #fac_callout form .form_bottom{ padding:8px 0 0 0} #fac_callout form label, #fac_callout form input, #fac_callout form div{ float:left; font-size:10px} #fac_callout form label{ padding:0 5px 0 0; cursor:pointer} #fac_callout form input, #fac_callout form div, #fac_callout form .form_bottom label{ padding:0 15px 0 0} #fac_callout form select{ float:left; width:190px; font-size:10px} #fac_callout #city_postal_field{ float:left; clear:right;width:110px;height:18px;background:url('/Style%20Library/Images/bkg_subcallout_input.gif') no-repeat;padding:1px 18px 0px 0px;line-height:normal;cursor:default} #fac_callout #city_postal_field input{ float:left; width:98px; height:13px; background:none; background-color:transparent; border:none; margin-top:1px; margin-left:7px; color:#602e70; padding:0 !important; cursor:text} #fac_callout a{ margin:0 0 0 250px} #stories_callout{ width:360px; height:143px; background:url('/Style%20Library/Images/bkg_storiescallout.gif') no-repeat top left; font-size:10px; line-height:14px} #stories_callout img{ padding:18px 0 25px 94px} #stories_callout div{ height:55px; color:#6D6D6D; padding:0 45px 0 25px} #stories_callout a{ margin:0 0 0 220px} .tvideo_left{ float:left; clear:left; padding-right:10px} .tvideo_right{ float:right; clear:right; padding-left:10px; padding-bottom:10px} #page_section1 .section_top{ padding-top:0px; margin-top:0px} /* TESTIMONIALS ---------------------------------------- */ .testimonial{ margin:15px 0; width:561px} .last-testimonial{ margin-bottom:80px} .testimonial-top{ background:url('/Style%20Library/Images/bkg_testimonials_top.gif') top left no-repeat; height:33px; width:561px; z-index:500} .testimonial-btm{ background:url('/Style%20Library/Images/bkg_testimonials_btm.gif') bottom left no-repeat; width:561px; height:18px; z-index:501} .testimonial-copy{ background:url('/Style%20Library/Images/bkg_testimonials_mid.gif') repeat-y; z-index:502} .testimonial-copy div.image, .testimonial-mid-copy div.image{ float:left; position:relative; width:142px; margin-top:-33px} .testimonial-copy div.copy, .testimonial-mid-copy div.copy{ float:left; position:relative; width:374px; padding:25px 45px 0 0; margin-top:-33px} .testimonial-copy .leftcopy, .testimonial-mid-copy .leftcopy{ padding:25px 10px 0 35px !important} .testimonial-copy div.copy p, .testimonial-mid-copy div.copy p{ padding:0; margin:0} .testimonial-copy div.copy span.h1, .testimonial-copy div.copy span.h2, .testimonial-mid-copy div.copy span.h1, .testimonial-mid-copy div.copy span.h2{ display:block; font-size:15px; font-weight:bold; color:#6b3862} .testimonial-copy div.copy span.h2, .testimonial-mid-copy div.copy span.h2{ font-size:12px !important; padding:0 0 12px 0} #sally_bernal,#morag_pollard, #kerry_holmes,#julia_hawkins, #deborah_nichols,#alvin_martin, #nora_mazher{ float:left; clear:both; width:501px; display:none; padding:0 30px} .testimonial-ftr{ float:left; clear:both; width:531px; padding-left:30px} .testimonial-ftr div{ float:left} .testimonial-ftr div.viewvideo{ width:348px; padding-left:23px; background:url(/Style%20Library/Images/video_icon.gif) no-repeat 2px 2px} .testimonial-ftr div.readmore{ width:160px} .testimonial-mid-copy{ background:url('/Style%20Library/Images/smile_callout_bg.jpg') repeat-x; z-index:502} .testimonial-mid-copy div.image, .testimonial-mid-copy div.copy{margin-top: 0px} /*.testimonial-mid-copy div.copy{width: 364px}*/ .testimonial-mid-copy .leftcopy{ padding:25px 10px 0 0 !important} .testimonial-mid-copy .testimonial-ftr{ float:left; clear:both; width:531px; padding-left:5px} /* FOOTER ---------------------------------------- */ a{color:#9643A4} #bottom_nav{clear:both;text-align:center;padding-top:15px;height:25px} #bottom_nav a{padding:0 10px;border-right:solid 1px #9643A4;text-transform:uppercase;text-decoration:none;font-size:10px;font-family:verdana,arial,sans-serif} #bottom_nav a.last{border-right:none} #socialnav a{ padding:0 0 20px 25px; color:#FFF; font-weight:bold; font-size:14px} #footer{clear:both;padding:30px 0px} .sub_footer_logo{ position:relative; top:-4px} /* END FOOTER */ ul#site_map,ul#site_map ul{ list-style:none; padding:15px 0; margin:0} ul#site_map li,ul#site_map ul li{ padding:10px 0; margin:0 0 0 40px} /* TAF Form Area ========================================= */ #taf_form{ float:left; clear:both; position:relative; width:574px; height:110px; padding:0 0 0 40px} #taf_form .field_pair{ float:left; width:280px; position:relative; margin:0 0 17px 0} #taf_form .field_pair .label{ text-align:right; float:left; width:85px; padding:0 10px 0 0} #taf_form .field_pair .field{ width:153px; height:19px; background:url('/Style%20Library/Images/bkg_taf_input.gif') no-repeat; float:left;padding:1px 5px 0px 0;font-size:13px;line-height:normal} #taf_form .field_pair .field input{border-style:none; border-color:inherit; border-width:medium; width:146px; height:14px;font-size:11px;background:transparent none; margin-top:1px; margin-left:12px; font-size:11px; color:#602E70} #taf_btm{ float:left; clear:both; position:relative; width:574px; padding:0 40px 0 0; text-align:right} #taf_btm #taf_submit{ cursor:pointer} /* MOVIE PLAYER */ #flash_iframe_container{position:absolute;z-index:500;display:none} #flash_iframe{border:none} #flashcallout_container{position:relative;left:0px;z-index:1000} #flashcallout_container, #flashcallout.collapsed, #flash_iframe.collapsed{width:541px;height:295px} #flashcallout,#juvederm_video{position:absolute;z-index:1001} .expanded{width:935px;height:450px} /* END MOVIE PLAYER */ /* LOGIN FORM ---------------------------------------- */ #login,#unsub,.webpartLayout #registration{ padding:10px 0 90px 0} #login .field_pair,#unsub .field_pair,.webpartLayout #registration .field_pair{clear:both; float:left; padding:15px 15px 20px 0; height:15px; width:400px} #login .label,#unsub .label,.webpartLayout #registration .label{ float:left; padding-right:10px; font-size:13px; width:125px; text-align:right} #login .field,#unsub .field,.webpartLayout #registration .field{ float:left; clear:right; border:1px solid #DEDEDE; width:240px; height:18px; background:url(/Style%20Library/Images/bkg_input_long.gif) no-repeat top left} #login .field input,#unsub .field input,.webpartLayout #registration .field input{ width:223px; font-size:11px;background:none; background-color:transparent; border:none; margin-top:1px; margin-left:7px; color:#602e70; padding:0 !important; cursor:text} #login #submit,#unsub #submit,.webpartLayout #registration #submit{ float:left; clear:both} /* SIGN UP FORM ---------------------------------------- */ #registration{ padding:15px 0 90px 0} #registration .error_messages{ color:#F00} #registration .copy{ clear:both; width:520px; padding:15px 0} #registration #registration_rb_asp{clear:both; width:320px; padding-left:20px} #registration .field_pair{clear:both; float:left; padding:15px 15px 15px 0; height:15px; width:300px} #registration .already_registered{clear:both; float:left; padding:0 0 15px 85px; height:15px; width:215px} #registration #form_area .end{ padding-right:0px !important} #registration .label{ float:left; padding-right:10px; font-size:13px; width:75px; text-align:right} #registration .field{ float:left; width:215px} #registration .fieldHolder{ width:170px; height:19px; background:url('/Style%20Library/Images/bkg_emailinput.gif') no-repeat; float:left;padding:1px 5px 0px 0px;font-size:13px;line-height:normal} #registration .fieldHolder_sm{ width:139px; height:19px; background:url('/Style%20Library/Images/bkg_postalinput.gif') no-repeat; float:left;padding:1px 5px 0px 0px;font-size:13px;line-height:normal} #registration .emailInput{ width:158px; height:14px; font-size:11px;background:none; background-color:transparent; border:none; margin-top:1px; margin-left:7px; color:#602e70; padding:0 !important; cursor:text} #registration input{ font-size:11px; color:#602E70} #registration #registration_rb_asp input{ display:block; position:relative; width:15px; height:15px; margin:0; padding:0; font-size:0px !important; line-height:0px !important; cursor:pointer} #registration #registration_rb_asp label{ position:relative; width:200px; height:15px; top:-17px; left:22px; cursor:pointer; color:#424242 !important} #registration #terms{margin-bottom:10px; width:378px; height:117px} #registration #terms #termsbkg{ position:absolute; width:378px; height:117px; background:url('/Style%20Library/Images/bkg_literegterms.gif') no-repeat top left} #registration #terms #termscontent{ position:absolute; width:364px; height:89px; overflow:auto; padding:14px; font-size:11px} #registration #terms p{ padding:5px 0; margin:0} #registration #terms ul{ list-style-type:decimal} #registration #terms ul li{ padding:5px 0} #registration #submit{ padding-top:10px; text-align:right; position:relative; left:-70px} #registration .nopadding{ padding:0px !important} #registration p.purple{ color:#602E70} #registration input:focus{/* fix safari focus highlight */ outline:none} /* ADDITION FREE MAGAZINE */ #registration1 .Reg2,#registration1 .Reg3,#registration2 .Reg1,#registration2 .Reg3, #registration3 .Reg1,#registration3 .Reg2,.response1 #rr2,.response2 #rr1,#registration1 #right_magazine{ display:none} #reg_mag_btm{ width:357px; height:249px; background:url(/Style%20Library/Images/mag_cover_btm.png) no-repeat top left} *html #reg_mag_btm{ background:none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style%20Library/Images/mag_cover_btm.png',sizingMethod='crop')} .titlePad{ padding-top:10px; padding-bottom:10px} #registration_mag{ background:url(/Style%20Library/Images/ckbox-mag_bg.jpg) no-repeat; width:321px; padding-top:10px; height:115px} #registration1 #terms{ margin-left:57px} #ck_pad_left2{ margin-left:46px; position:relative; top:-20px} .ck_pad_left{ margin-left:18px} .indent_sm{ margin-left:20px} .indent_md{ margin-left:40px} .indent_lg{ margin-left:84px} .indent_lg2{ margin-left:60px} .pad_sm{ padding-left:60px} .response1 #rr1 #fp_copy{ height:230px !important} .response1 #rr1 #fp_copy #submit{ padding-top:20px !important} .response2 #rr2{ height:600px} .response2 #rr2 #resp2_bkg,.response2 #rr2 #resp2_copy{ position:absolute} .response2 #rr2 #resp2_copy{ margin-left:30px; width:700px} .response2 #rr2 #resp2_copy #reg_resp_callouts div{ float:left; padding:20px 20px 0 0} .response2 #rr2 #resp2_bkg{ height:511px} .response2 #rr2 #resp2_bkg .top{ width:323px; height:260px; margin-left:670px; background:url(/Style%20Library/Images/bkg_rr2_magtop.jpg) no-repeat top left} .response2 #rr2 #resp2_bkg .btm{ width:323px; height:251px; margin-left:670px; background:url(/Style%20Library/Images/bkg_rr2_magbtm.png) no-repeat top left} *html .response2 #rr2 #resp2_bkg .btm{ background:none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style%20Library/Images/bkg_rr2_magbtm.png',sizingMethod='crop')} /* FREE MAGAZINE FULL REGISTRATION */ #registration_full{} #registration_full .fp{ width:485px; float:left; clear:both; margin:5px 0} #registration_full .lb{ float:left; clear:left; width:106px; text-align:right; padding-right:10px} #registration_full .fd{ float:left; clear:right; border:1px solid #DEDEDE; width:367px; height:18px; background:url(/Style%20Library/Images/bkg_input_long.gif) no-repeat top left} #registration_full .fd input{ width:350px} #registration_full .fpc{ width:300px; float:left; margin:5px 0} #registration_full .lbc{ float:left; clear:left; width:106px; text-align:right; padding-right:10px} #registration_full .fdc{ float:left; clear:right; border:1px solid #DEDEDE; width:182px; height:18px; background:url(/Style%20Library/Images/bkg_input_long.gif) no-repeat top left} #registration_full .fdc input{ width:164px} #registration_full .fpp{ width:185px; float:left; clear:right; margin:5px 0} #registration_full .lbp{ float:left; clear:left; width:80px; text-align:right; padding-right:10px} #registration_full .fdp{ float:left; clear:right; border:1px solid #DEDEDE; width:93px; height:18px; background:url(/Style%20Library/Images/bkg_input_long.gif) no-repeat top left} #registration_full .fdp input{ width:76px} #registration_full #terms{ margin-left:106px} #registration_full #registration_rb_asp{ margin-left:90px} #reg_callouts{ padding:0 80px} #reg_callouts div{ padding:10px 0} /* GLOBAL CLASSES/STYLES ---------------------------------------- */ .clear{ clear:both; margin:0 !important; padding:0 !important} .hiddenField{visibility:hidden} input[type=text]:focus, input[type=password]:focus{ outline:0 none} .usePointer{ cursor:pointer} .purple_link,.purple_link a{ color:#9643A4 !important} .purple_copy{ color:#B65788} .error{ color:#F00 !important} /* These are standard sIFR styles... do not modify */ .sIFR-flash{visibility:visible !important;margin:0} .sIFR-replaced{visibility:visible !important} span.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden} . /* sIFR replaced elements and dummy classes */ .sIFR-flash+div[adblocktab=true]{ display:none !important} /*h1#subhead{ font-size:32px; color:#6C3A77; margin:10px 0 15px 0; padding:0; line-height:38px;}*/ h1#subhead{font-weight: normal; margin :10px 0 15px 0; padding:0; } h1#subhead, h1#subhead span, h1#subhead span div{ color:#6C3A77; font-family: 'HelveticaNeueLTStd35Thin', sans-serif; font-size :42px; font-size-adjust: 0.51; font-style: normal; font-weight: normal; line-height: 44px; } h1#subhead2{ font-size:24px; color:#6C3A77; margin:10px 0 15px 0; padding:0} h2#enlarged_copy{ margin:0; padding:0; } h2#enlarged_copy, h2#enlarged_copy div, h2#enlarged_copy div a{ color:#424242; font-family: 'HelveticaNeueLTStd35Thin', sans-serif; font-size:16px; font-size-adjust: 0.51; font-style: normal; font-weight: normal; line-height:20px; text-decoration:none; } .sIFR-hasFlash h1#subhead{/*visibility:hidden;letter-spacing:-1px*/} .sIFR-hasFlash h1#subhead2{/*visibility:hidden;letter-spacing:-1px*/} .sIFR-hasFlash h2#enlarged_copy{/*visibility:hidden;letter-spacing:-1px*/} .underlineSifrFix{border-bottom:1px solid #424242;left:341px;top:100px;position:relative;width:121px;height:1px;display:none} .supLinkFix{border-bottom:1px solid #9643A4!important;color:#9643A4!important} .supLinkFix a{text-decoration:none!important} #showRegistrationPanel{float:right} /** HTML5 video CSS (I'd include another css, but wow are there too many as it is. Plus, putting it all here avoids another edit to the master page, which may break everything or cause problems, which unfortunately is the only reliable thing sharepoint does and does well.) ***/ .videoPlayer { position: relative; width: 621px; height: 342px; z-index: 1201; font-family: helvetica, arial, sans-serif; text-align: center;} /* do any video scaling here */ .videoPlayer video { width:100%; height:100%; z-index: 1202; } #video_modal .container-close { z-index: 1203; background: url(/Style%20Library/images/close_zoom.png); width: 53px; height: 12px; font-size: 0px; } /* callout styles */ .callout_header { line-height: 25px; display: block; text-transform: uppercase; font-family: Myriad Pro,Helvetica,Arial; color: #6d6d6d; font-size: 17px; } /* brochure callout CTA DIV */ #reg_callout .col #email_registration, #brochure_callout #download_pdf { white-space:nowrap;padding:0 20px 0 0; width: 90px; height: 15px; display:block; cursor:pointer; font-size:10px; background:url('/Style%20Library/Images/white_matte_arrow.gif') no-repeat right center;text-transform:uppercase;text-decoration:none;color:#464646; float: right} #email_registration { width: 90px !important; } #email_registration A:link, #email_registration A:visited, #email_registration A:hover, #email_registration A:active { text-transform:uppercase; text-decoration:none; color:#464646; }