/* CSS Document */ * {padding:0px; margin:0px;} body { font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#333333; font-size:14px; line-height:19px; overflow: -moz-scrollbars-vertical !important; } a { text-decoration:none; color:#00b1b0; outline:none; } a:hover { text-decoration:underline; color:#00b1b0; } #pageContainer { margin:0px auto; width:993px; } .noBGColor { background-color:#fff !important; } /* ********************* HEADER AREA ********************** */ #headerArea { margin:0px 10px 0px 10px; width:973px; height:68px; } h2.alvescoLogo { float:left; display:inline; margin:0px 0px 0px 0px; width:162px; height:65px; background:url(../images/logo_alvesco.gif) 0px -5px no-repeat; } h2.alvescoLogo a { display:block; width:162px; height:65px; } .headerLinks { float:left; display:inline; margin:0px 0px 0px 0px; width:811px; height:65px; } .headerLinks h3 { float:right; display:inline; margin:14px 0px 0px 0px; font-size:9px; line-height:11px; color:#787878; } .headerLinks h3 a { float:right; display:inline; margin:0px 0px 0px 0px; color:#787878; } .headerLinks h3 a:hover { text-decoration:underline; color:#787878; } .headerLinks h3 a.rightLinker { margin:0px 5px 0px 10px; padding:0px 0px 0px 10px; border-left:1px solid #00529f; } .headerLinks h3 a.rightLinker:hover { text-decoration:underline; color:#787878; } ul#topNavArea { list-style:none; float:left; display:inline; margin:11px 0px 0px 0px; padding:0px; width:811px; height:28px; background-color:#00529f; } ul#topNavArea li.homeBtn { float:left; margin:0px; width:55px; height:28px; } ul#topNavArea li.homeBtn a { display:block; width:55px; height:28px; background:url(../images/topnav_1home.gif) 0px 0px no-repeat; } ul#topNavArea li.homeBtn a:hover { width:55px; height:28px; background:url(../images/topnav_1home.gif) 0px -28px no-repeat; } ul#topNavArea li.homeBtn a.onState { display:block; width:55px; height:28px; background:url(../images/topnav_1home.gif) 0px -28px no-repeat; } ul#topNavArea li.homeBtn a.onState:hover { display:block; width:55px; height:28px; background:url(../images/topnav_1home.gif) 0px -28px no-repeat; } ul#topNavArea li.aboutAsthmaBtn { float:left; margin:0px; width:107px; height:28px; } ul#topNavArea li.aboutAsthmaBtn a { display:block; width:107px; height:28px; background:url(../images/topnav_2about_asthma.gif) 0px 0px no-repeat; } ul#topNavArea li.aboutAsthmaBtn a:hover { width:107px; height:28px; background:url(../images/topnav_2about_asthma.gif) 0px -28px no-repeat; } ul#topNavArea li.aboutAsthmaBtn a.onState { display:block; width:107px; height:28px; background:url(../images/topnav_2about_asthma.gif) 0px -28px no-repeat; } ul#topNavArea li.aboutAsthmaBtn a.onState:hover { display:block; width:107px; height:28px; background:url(../images/topnav_2about_asthma.gif) 0px -28px no-repeat; } ul#topNavArea li.aboutAlvescoBtn { float:left; margin:0px; width:104px; height:28px; } ul#topNavArea li.aboutAlvescoBtn a { display:block; width:104px; height:28px; background:url(../images/topnav_3about_alvesco.gif) 0px 0px no-repeat; } ul#topNavArea li.aboutAlvescoBtn a:hover { width:104px; height:28px; background:url(../images/topnav_3about_alvesco.gif) 0px -28px no-repeat; } ul#topNavArea li.aboutAlvescoBtn a.onState { display:block; width:104px; height:28px; background:url(../images/topnav_3about_alvesco.gif) 0px -28px no-repeat; } ul#topNavArea li.aboutAlvescoBtn a.onState:hover { display:block; width:104px; height:28px; background:url(../images/topnav_3about_alvesco.gif) 0px -28px no-repeat; } ul#topNavArea li.instantRebateBtn { float:left; margin:0px; width:140px; height:28px; } ul#topNavArea li.instantRebateBtn a { display:block; width:140px; height:28px; background:url(../images/topnav_4instant_rebate.gif) 0px 0px no-repeat; } ul#topNavArea li.instantRebateBtn a:hover { width:140px; height:28px; background:url(../images/topnav_4instant_rebate.gif) 0px -28px no-repeat; } ul#topNavArea li.instantRebateBtn a.onState { display:block; width:140px; height:28px; background:url(../images/topnav_4instant_rebate.gif) 0px -28px no-repeat; } ul#topNavArea li.instantRebateBtn a.onState:hover { display:block; width:140px; height:28px; background:url(../images/topnav_4instant_rebate.gif) 0px -28px no-repeat; } ul#topNavArea li.forHCPBtn { float:left; margin:0px 0px 0px 194px; width:211px; height:28px; } ul#topNavArea li.forHCPBtn a { display:block; width:211px; height:28px; background:url(../images/topnav_5for_hcp.gif) 0px 0px no-repeat; } ul#topNavArea li.forHCPBtn a:hover { width:211px; height:28px; background:url(../images/topnav_5for_hcp.gif) 0px -28px no-repeat; } ul#topNavArea li.forHCPBtn a.onState { display:block; width:211px; height:28px; background:url(../images/topnav_5for_hcp.gif) 0px -28px no-repeat; } ul#topNavArea li.forHCPBtn a.onState:hover { display:block; width:211px; height:28px; background:url(../images/topnav_5for_hcp.gif) 0px -28px no-repeat; } /* MAIN BODY AREA ******************************************* */ #bodyArea { margin:0px 0px 0px 10px; width:973px; height:auto; background-color:#f4f4f4; } .gradBG { background:url(../images/bg_gradient.jpg) 0px 0px repeat-x; } .columnMainOne { float:left; display:inline; margin:0px 0px 0px 63px; padding:33px 0px 40px 0px; width:495px; height:auto; } .columnMainOneAlt { float:left; display:inline; margin:0px 0px 0px 63px; padding:33px 0px 0px 0px; width:495px; height:auto; } .columnMainOneAlt2 { float:left; display:inline; margin:0px 0px 0px 63px; padding:0px 0px 0px 0px; width:495px; height:auto; } .columnMainOne p { margin:0px 0px 0px 7px; width:440px; font-size:14px; line-height:20px; color:#6c6c6c; } h1.defyAsthmaHdr { margin:0px 0px 0px 0px; width:495px; height:70px; background:url(../images/hdr_defy_asthma.gif) 0px 0px no-repeat; } h1.instantRebateHdr { margin:63px 0px 0px 0px; width:477px; height:28px; background:url(../images/hdr_alvesco_instant_rebate_lg.gif) 0px 0px no-repeat; } h2.controlCountsAlvescoHdr { margin:13px 0px 20px 0px; width:495px; height:23px; background:url(../images/hdr_control_it.gif) 0px 0px no-repeat; } .instantRebateImg { margin:7px 0px 0px 0px; width:495px; height:126px; background:url(../images/img_instant_rebate2.gif) 0px 0px no-repeat; } .whiteBoxAreaTop { margin:20px 0px 0px 0px; width:495px; height:18px; background:url(../images/bg_white_box_top.gif) 0px 0px no-repeat; } .whiteBoxAreaTop2 { margin:0px 0px 0px 0px; width:495px; height:18px; background:url(../images/bg_white_box_top2.gif) 0px 0px no-repeat; } .whiteBoxAreaTop3 { margin:25px 0px 0px 0px; width:495px; height:18px; background:url(../images/bg_white_box_top.gif) 0px 0px no-repeat; } .whiteBoxArea { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 43px; width:452px; height:auto; background: #fff url(../images/bg_white_box.gif) left bottom no-repeat; } .paddngLft { padding-left:28px !important; width:467px !important; } .whiteBoxArea h3 { margin:35px 0px 0px 0px; font-size:18px; line-height:20px; color:#00529f; } .whiteBoxArea h4 { margin:25px 0px 0px 0px; font-size:14px; line-height:18px; color:#014585; } .whiteBoxArea h5 { margin:25px 0px 0px 0px;font-size:14px; color:#014585; } .whiteBoxArea p.whiteBoxPara { margin:23px 0px 0px 0px; width:420px; font-size:12px; line-height:18px; color:#404040; } .whiteBoxArea p.whiteBoxPara2 { margin:7px 0px 0px 0px; width:420px; font-size:12px; line-height:18px; color:#404040; } .whiteBoxArea p.whiteBoxPara2 a { text-decoration:underline; color:#404040; } .whiteBoxArea p.whiteBoxPara2 a:hover { text-decoration:none; color:#404040; } .whiteBoxArea p.whiteBoxPara3 { margin:12px 0px 0px 0px; width:420px; font-size:12px; line-height:18px; color:#6c6c6c; } .whiteBoxArea p.specialTop { text-indent:-7px; margin:0px 0px 0px 0px; font-size:12px; line-height:18px; color:#009370; border-top:thin; border-top-color:CCCCCC; font-weight:bold;} .whiteBoxArea p.specialTop a { padding:0px 7px 0px 7px; text-decoration:none; color:#009370; } .whiteBoxArea p.specialTop a:hover { text-decoration:underline; color:#009370; } .whiteBoxArea a { text-decoration:none; color:#009370; } .whiteBoxArea a:hover { text-decoration:underline; color:#009370; } .whiteBoxArea .noteTxt { float:left; margin:5px 0px 0px 0px; line-height:18px; font-size:10px; color:#404040; } .whiteBoxArea .requiredIcon { float:left; display:block; padding:0px 0px 0px 14px; width:420px; font-size:12px; background:url(../images/img_required.gif) 0px 6px no-repeat; } .whiteBoxArea .requiredIcon2 { float:left; display:block; padding:0px 0px 0px 14px; width:150px; font-size:12px; background:url(../images/img_required.gif) 0px 6px no-repeat; } .whiteBoxArea .requiredIcon3 { padding-left:14px; font-size: 12px; background:url(../images/img_required.gif) 0px 6px no-repeat; } .whiteBoxArea .steps { float:left; display:inline; margin:15px 0px 0px 0px; width:300px; height:16px; font-size:12px; line-height:16px; color:#6c6c6c; } .whiteBoxArea .steps span { float:left; display:inline; margin-right:7px; } .whiteBoxArea .steps ul { float:left; display:inline; margin:0px; padding:0px; list-style:none; } .whiteBoxArea .steps ul li { float:left; display:inline; margin-right:3px; width:16px; height:16px; background-color:#dadada; font-size:11px; color:#262626; text-align:center; } .whiteBoxArea .steps ul li.selected { background-color:#f23d42; color:#fff; } .whiteBoxArea .errormsg { color:#f23d42 !important; } .whiteBoxArea .couponForm { float:left; margin:25px 0px 0px 0px; padding:0px; width:467px; } .whiteBoxArea .couponForm fieldset { border:none; } .whiteBoxArea .couponForm label { float:left; display:inline; width:138px; font-size:12px; line-height:21px; color:#404040; background-position: 0px 7px !important; } .whiteBoxArea .couponForm label.question { width:202px; } .whiteBoxArea .notRequired { padding-left:14px; font-size: 12px; } .whiteBoxArea .couponForm input, .whiteBoxArea .couponForm select { margin-bottom:12px; padding:2px; height:17px; border:1px solid #868686; font-size:12px; color:#323232; } .whiteBoxArea .couponForm select { padding:1px; height:23px; _height:25px; } .whiteBoxArea .couponForm input.size1, .whiteBoxArea .couponForm select.size1 { float:left; display:inline; margin-right:63px; width:101px; } .whiteBoxArea .couponForm input.size2 { float:left; display:inline; width:174px; } .whiteBoxArea .couponForm input.size3 { float:left; display:inline; width:283px; } .whiteBoxArea .couponForm input.special1 { float:left; display:inline; margin-right:5px; width:10px; } .whiteBoxArea .couponForm input.special2 { float:left; display:inline; margin-right:5px; width:10px; } .whiteBoxArea .couponForm input.checkboxStyle { float:left; display:inline; margin:3px 6px 0px 0px; padding:0; width:13px; height:13px; border:1px solid #868686; } .whiteBoxArea .couponForm .specialStyle { float:left; display:block; margin-bottom:12px; width:285px; height:21px; line-height:18px; font-size:12px; color:#404040; } .whiteBoxArea .couponForm .specialStyle2 { float:left; display:block; margin-bottom:12px; width:185px; height:21px; line-height:18px; font-size:12px; color:#404040; } .whiteBoxArea .couponForm .specialStyle2 ul { list-style:none; } .whiteBoxArea .couponForm .specialStyle2 ul li { float:left; display:inline; margin-right:20px; } .whiteBoxArea .couponForm div.specialBox { float:left; display:inline; margin:0px 0px 12px 0px; padding:11px 11px 11px 14px; width:421px; _width:410px; height:137px; background-color:#f23d42; font-size:12px; color:#fff; line-height:18px; } .whiteBoxArea .couponForm div.specialBox label { margin-top:2px; width:138px; _width:134px; color:#fff; } .whiteBoxArea .couponForm div.specialBox input { display:inline; margin-bottom:0px; width:141px; } .whiteBoxArea .couponForm div.specialBox .noteTxt { float:left; display:inline; margin:10px 0px 0px 137px; width:295px; line-height:16px; font-size:11px; color:#fff; } .whiteBoxArea .couponForm div.specialBox2 { float:left; display:inline; margin:15px 0px 0px 14px; width:430px; font-size:12px; line-height:18px; color:#7b7b7b; } .whiteBoxArea .couponForm div.specialBox2 p { float:left; margin:0px 0px 15px 0px; padding:0px; width:420px; font-size:12px; line-height:18px; color:#7b7b7b; } .whiteBoxArea .couponForm div.specialBox2 span { float:left; display:block; margin:2px 20px 0px 3px; width:380px; } .whiteBoxArea .couponForm div.specialBox2 ul { float:left; margin:0px 0px 15px 0px; padding:0px; padding:0px; width:430px; list-style:none; } .whiteBoxArea .couponForm div.specialBox2 ul li { margin:0px 0px 5px 0px; padding:0px; width:430px; } .whiteBoxArea .couponForm div.specialBox2 input { float:left; display:inline; margin:5px 6px 0px 0px; padding:0; width:13px; height:13px; border:1px solid #868686; } .whiteBoxArea .couponForm div.specialBox2 a { color:#7b7b7b; text-decoration:underline; } .whiteBoxArea .couponForm div.specialBox2 a:hover { color:#7b7b7b; text-decoration:none; } .whiteBoxArea .couponForm .btnSubmit { float:left; display:inline; margin:5px 0px 0px 180px; _margin-top:20px; padding:0px; width:81px; height:27px; background:url(../images/btn_submit.gif) no-repeat; line-height:0px; font-size:0px; outline:none; border:none; cursor:pointer; } .whiteBoxArea p.remarkTxt { display:block; margin:15px 0px 0px 14px; width:420px; font-size:11px; line-height:18px; color:#7b7b7b; } .columnMainTwo { float:left; display:inline; margin:0px 8px 0px 12px; width:395px; height:auto; } .columnMainTwoAlt { float:left; display:inline; margin:0px 8px 0px 0px; width:350px; height:auto;} .columnMainTwoAltHCP { float:left; display:inline; margin:0px 0px 0px 12px; width:367px; height:auto;} .topPicGirl { margin:0px 0px 0px 0px; width:395px; height:182px; background:url(../images/pic_top_girl.jpg) 0px 0px no-repeat; } .topPicGirl2 { margin:0px 0px 0px 0px; width:319px; height:273px; background:url(../images/pic_top_girl2.jpg) 0px 0px no-repeat; } .topPicGirl3 { margin:0px 0px 15px 0px; width:394px; height:283px; background:url(../images/pic_top_girl3.jpg) 0px 0px no-repeat; border-bottom:1px solid #a1a1a1; } .topPicGuy2 { margin:0px 0px 0px 7px; width:372px; height:233px; background:url(../images/pic_top_guy1a.jpg) 0px 0px no-repeat; } .topPicGuy3 { margin:0px 0px 0px 7px; width:372px; height:233px; background:url(../images/pic_top_guy1b.jpg) 0px 0px no-repeat; } .topPicGirl2a { margin:0px 0px 0px 7px; width:372px; height:233px; background:url(../images/pic_top_girl2a.jpg) 0px 0px no-repeat; } .alvescoBtnArea { margin:0px 0px 0px 15px; width:364px; height:144px; } .alvescoBtnArea a { display:block; width:364px; height:144px; background:url(../images/img_alvesco_coupon2.gif) 0px 0px no-repeat; } .alvescoBtnArea2 { margin:0px 0px 0px 15px; width:364px; height:144px; } .alvescoBtnArea2 a { display:block; width:364px; height:144px; background:url(../images/img_alvesco_coupon2.gif) 0px 0px no-repeat; } h3.startSavingBtn { float:left; display:inline; margin:17px 0px 0px 10px; width:186px; height:70px; background:url(../images/btn_start_saving.gif) 0px 0px no-repeat; } h3.startSavingBtn a { display:block; width:186px; height:70px; } h3.activateCardBtn { float:left; display:inline; margin:17px 0px 0px 9px; width:180px; height:70px; background:url(../images/btn_activate_card.gif) 0px 0px no-repeat; } h3.activateCardBtn a{ display:block; width:180px; height:70px; } p.internalDisclaimer { margin:0px 20px 0px 15px; font-size:10px; line-height:14px; color:#666666; } p.internalDisclaimer a {text-decoration:underline; color:#666666; } p.internalDisclaimer a:hover {text-decoration:none; color:#666666; } .greyDividerLine { margin:17px 0px 0px 0px; width:395px; height:1px; font-size:1px; line-height:1px; background:url(../images/bg_grey_line.gif) 0px 0px no-repeat; } .greyDividerLine2 { margin:17px 0px 0px 0px; width:365px; height:1px; font-size:1px; line-height:1px; background:url(../images/bg_grey_line.gif) 0px 0px no-repeat; } h3.whatCorticosteroids { margin:17px 0px 23px 15px; width:179px; height:18px; background:url(../images/hdr_what_cortico.gif) 0px 0px no-repeat; } /*h3.nasalAllergies { margin:17px 0px 23px 15px; width:340px; height:20px; background:url(../images/suffering-from-nasal-allergies.gif) 0px 0px no-repeat; }*/ h3.patientNasalAllergies { margin:17px 0px 23px 13px; width:290px; height:20px; background:url(../images/patients-have-nasal-allergi.gif) 0px 0px no-repeat; } h3.nasalAllergies { margin:17px 0px 23px 15px; width:238px; height:20px; background:url(../images/suffering-from-nasal-allergies-too.gif) 0px 0px no-repeat; } h3.isthereconnection { margin:17px 0px 23px 15px; width:340px; height:20px; background:url(../images/asthma-and-nasal-allergies.gif) 0px 0px no-repeat; } p.regRight { margin:0px 20px 15px 15px; font-size:12px; line-height:18px; color:#636466; } /* HOMEPAGE AREA ********************** */ #flashContentArea { margin:0px 0px 0px 0px; width:973px; height:336px; } #flashContentArea div { width:973px; height:336px; background:url(../images/bg_flash_hmpg.jpg) 0px 0px no-repeat; } #flashContentArea div div#leftArea { float:left; display:inline; margin:0px; width:424px; height:336px; background:none; } #flashContentArea div div#rightArea { float:left; display:inline; margin:0px; width:549px; height:336px; background:none; } #flashContentArea div div#leftArea h1 { float:left; display:inline; margin:48px 0px 0px 20px; width:404px; height:123px; background:url(../images/hdr_flash_hmpg.gif) 0px 0px no-repeat; } #flashContentArea div div#leftArea p { float:left; display:inline; margin:15px 0px 0px 94px; width:307px; height:120px; background:url(../images/txt_flash_hmpg1.gif) 0px 0px no-repeat; } #flashContentArea div div#leftArea a { float:left; display:inline; margin:10px 0px 0px 168px; width:225px; height:16px; background:url(../images/txt_link_flash_hmpg.gif) 0px 0px no-repeat; } #flashContentArea div div#rightArea ul { float:left; display:inline; margin:274px 0px 0px 0px; padding:0px; list-style:none; } #flashContentArea div div#rightArea ul li { float:left; display:inline; margin:0px; padding:0px; } #flashContentArea div div#rightArea ul li.btnPowerful { float:left; display:inline; margin-right:34px; width:166px; height:39px; background:url(../images/btn_powerful.gif) 0px 0px no-repeat; } #flashContentArea div div#rightArea ul li.btnTargeted { float:left; display:inline; width:158px; height:39px; margin-right:12px; background:url(../images/btn_targeted.gif) 0px 0px no-repeat; } #flashContentArea div div#rightArea ul li.btnWellTolerated { float:left; display:inline; width:170px; height:39px; background:url(../images/btn_well_tolerated.gif) 0px 0px no-repeat; } .homeBottomArea { float:left; display:inline; margin:4px 0px 0px 0px; padding:0px; width:973px; height:154px; background:url(../images/bg_home_bttm.gif) 0px 0px repeat-x; } .homeBottomLeft { float:left; display:inline; margin:7px 0px 0px 15px; width:430px; height:135px; } h2.alvescoInstantHdr { float:left; display:inline; margin:0px 0px 0px 35px; width:259px; height:17px; background:url(../images/hdr_alvesco_instant_rebate.gif) 0px 0px no-repeat; } .saveBox { float:left; margin-top:4px; width:430px; height:115px; background:url(../images/img_instant_rebate.gif) 0px 0px no-repeat;} .saveBox a { display:block; width:430px; height:115px; } .homeBottomMiddle { float:left; display:inline; margin:7px 0px 0px 12px; width:265px; height:135px; } h2.startSavingNowBtn { float:left; margin:20px 0px 3px 0px; width:265px; height:56px; background:url(../images/btn_start_saving_hmpg.gif) no-repeat; } h2.startSavingNowBtn a { display:block; width:265px; height:56px; } h2.startSavingNowBtn a:hover { } h2.activateCardBtn { float:left; width:265px; height:56px; background:url(../images/btn_activate_card_hmpg.gif) no-repeat; } h2.activateCardBtn a { display:block; width:265px; height:56px; } h2.activateCardBtn a:hover { } .homeBottomRight { float:left; display:inline; margin:7px 0px 0px 35px; width:189px; height:135px; } .homeBottomRight h3 { float:left; display:inline; margin:35px 0px 0px 0px; width:120px; height:14px; background:url(../images/hdr_signup_for_updates.gif) no-repeat;} .homeBottomRight p { float:left; display:block; margin:9px 0px 0px 0px; width:185px; line-height:14px; font-size:11px; color:#919191; } /*h2.signUpNowBtn { float:right; margin:17px 0px 0px 0px; width:86px; height:27px; background:url(../images/btn_signup_now.gif) no-repeat;}*/ h2.signUpNowBtn { float:right; margin:20px 0px 3px 0px; width:205px; height:56px; background:url(../images/btn_signup_hmpg.jpg) no-repeat;} h2.signUpNowBtn a { display:block; width:86px; height:27px; } h2.shareThisBtn { float:right; margin:3px 0px 3px 0px; width:205px; height:56px; background:url(../images/btn_sharethis_hmpg.gif) no-repeat;} h2.shareThisBtn a { display:block; width:205px; height:56px; } .footnotesBox { margin:10px 50px 10px 48px; } .footnotesBox p { margin:0px 0px 0px 0px; font-size:10px; line-height:14px; color:#636466; } .footnotesBox a { text-decoration:underline; color:#636466; } .footnotesBox a:hover { text-decoration:none; color:#636466; } /* HCP HOMEPAGE AREA ************************ */ .mainHCPPic { margin:0px 0px 0px 0px; width:495px; height:250px; background:url(../images/pic_top_guy1.jpg) 0px 0px no-repeat; } .takeTheFightHdr { margin:0px 0px 0px 0px; width:495px; height:250px; background:url(../images/hdr_hcp_take.gif) 0px 0px no-repeat; } .greyDottedDivider { margin:0px 0px 0px 0px; width:410px; height:5px; font-size:5px; line-height:5px; background:url(../images/dotted_line.gif) 0px 0px no-repeat; } .peachColor { color:#f23d42; } .peachColor a.iconExpander { margin:0px 0px 0px 0px; width:14px; padding:0px 5px 0px 9px; height:18px; font-size:18px; line-height:18px; background:url(../images/icon_enlarge_btn.gif) 0px 6px no-repeat; } .peachColor a.iconExpander:hover { margin:0px 0px 0px 0px; width:14px; padding:0px 5px 0px 9px; height:18px; font-size:18px; line-height:18px; background:url(../images/icon_enlarge_btn.gif) 0px 6px no-repeat; text-decoration:none; } .forAsthmaControlHdr{ margin:29px 0px 0px 0px; width:248px; height:51px; background:url(../images/hdr_for_asthma.gif) 0px 0px no-repeat; } .topPicAlvesco { margin:0px 0px 0px 0px; width:248px; height:151px; background:url(../images/pic_alvesco_inhaler.jpg) 0px 0px no-repeat; } .deliverPowerfulHdr { margin:0px 0px 0px 0px; width:248px; height:19px; background:url(../images/hdr_deliver.gif) 0px 0px no-repeat; } h3.hcpHomeHdr { margin:15px 30px 5px 3px; font-size:18px; line-height:21px; color:#00529f; } h4.hcpHomeHdr { float:left; display:inline; margin:8px 20px 0px 5px; width:270px; font-size:14px; line-height:18px; color:#00529f; } /*h4.hcpHomeSpecialHdr { float:left; display:inline; margin:8px 20px 10px 119px; width:270px; font-size:14px; line-height:18px; color:#00529f; }*/ h4.hcpHomeSpecialHdr { display:inline; margin:8px 10px 10px 5px; width:270px; font-size:14px; line-height:18px; color:#00529f;} h5.hcpHomeHdr { float:left; display:inline; margin:8px 20px 0px 10px; width:270px; font-size:12px; line-height:16px; color:#00529f; } .chartLeftText { float:left; display:inline; width:175px; height:auto; } .chartLeftText p { margin:7px 0px 0px 3px; font-size:12px; line-height:16px; color:#6c6c6c; } .chartRightText { float:left; display:inline; margin:0px 0px 0px 30px; width:175px; height:auto; } .chartRightText p { margin:7px 0px 0px 0px; font-size:12px; line-height:16px; color:#6c6c6c; } .chartOne { margin:0px 0px 0px 0px; width:160px; height:112px; background:url(../images/img_chart_01.gif) 0px 0px no-repeat; } .chartOne a { display:block; width:160px; height:112px; } .chartTwo { margin:0px 0px 0px 0px; width:160px; height:112px; background:url(../images/img_chart_02.gif) 0px 0px no-repeat; } .chartTwo a { display:block; width:160px; height:112px; } .chartThree { float:left; display:inline; margin:0px 0px 0px 0px; width:109px; height:76px; background:url(../images/img_chart_03.gif) 0px 0px no-repeat; } .chartThree a{ display:block; width:109px; height:76px; } .chartFour { float:left; display:inline; margin:0px 0px 0px 0px; width:109px; height:83px; background:url(../images/img_chart_04.gif) 0px 0px no-repeat; } .chartFour a{ display:block; width:109px; height:83px; } .chartFive { float:left; display:inline; margin:0px 0px 0px 0px; width:109px; height:83px; background:url(../images/img_chart_05.gif) 0px 0px no-repeat; } .chartFive a { display:block; width:109px; height:83px; } .chartSix { float:left; display:inline; margin:0px 0px 0px 0px; width:109px; height:83px; background:url(../images/img_chart_06.gif) 0px 0px no-repeat; } .chartSix a { display:block; width:109px; height:83px; } .chartSeven { float:left; display:inline; margin:0px 0px 0px 0px; width:109px; height:76px; background:url(../images/img_chart_07.gif) 0px 0px no-repeat; } .chartSeven a{ display:block; width:109px; height:76px; } .chartEight { float:left; display:inline; margin:0px 0px 0px 0px; width:109px; height:76px; background:url(../images/img_chart_08.gif) 0px 0px no-repeat; } .chartEight a{ display:block; width:109px; height:76px; } h4.backTopper { float:right; display:inline; margin:0px 43px 0px 0px; font-size:10px; line-height:18px; color:#898989; } h4.backTopper a { padding:0px 17px 3px 0px; color:#898989; background:url(../images/icon_download.gif) right 0px no-repeat; text-decoration:underline; } h4.backTopper a:hover { padding:0px 17px 3px 0px; color:#898989; background:url(../images/icon_download.gif) right 0px no-repeat; text-decoration:none; } .referenceBlock { margin:0px 30px 0px 0px; font-size:10px; line-height:12px; color:#959595; } .referenceBlock p { margin:0px 0px 15px 0px; font-size:10px; line-height:12px; color:#959595; } h4.potentHdrArea { margin:10px 0px 0px 0px; width:369px; height:19px; background:url(../images/potent_hdr.gif) 0px 0px no-repeat; } h4.convenientHdrArea{ margin:5px 0px 0px 0px; width:367px; height:35px; background:url(../images/convenient_hdr.gif) 0px 0px no-repeat; } h5.doseContent { margin:0px 0px 15px 0px; width:183px; height:20px; background:url(../images/dose_hdr.gif) 0px 0px no-repeat; } .couponHCPArea { margin:0px 0px 10px 0px; width:367px; height:139px; background:url(../images/img_coupon_hcp.gif) 0px 0px no-repeat; } h3.videosHdr { margin:8px 0px 4px 6px; width:48px; height:14px; font-size:14px; line-height:14px; background:url(../images/hdr_videos.gif) 0px 0px no-repeat; } .dottedLineArea { margin:0px 0px 10px 6px; width:357px; height:3px; font-size:3px; line-height:3px; background:url(../images/bg_dotted_line2.gif) 0px 0px no-repeat; } .videoHolder { float:left; display:inline; margin:8px 0px 4px 6px; width:99px; height:62px; background:url(../images/icon_movie.gif) 0px 0px no-repeat; } .rightVideoArea { float:left; display:inline; margin:5px 0px 0px 20px; width:230px; height:auto; } .rightVideoArea h4 { margin:0px 0px 0px 0px; font-size:12px; line-height:16px; color:#00529f; } .rightVideoArea p { margin:0px 0px 0px 0px; font-size:11px; line-height:14px; color:#333333; } .rightVideoArea a { padding:0px 17px 3px 0px; color:#009370; background:url(../images/icon_download.gif) right 0px no-repeat; text-decoration:none; font-weight:bold; } .rightVideoArea a:hover { padding:0px 17px 3px 0px; color:#009370; background:url(../images/icon_download.gif) right 0px no-repeat; text-decoration:underline; font-weight:bold; } /* PAGE HEADER AREA ************************ */ h1.contactHdr { margin:16px 0px 32px 0px; width:225px; height:36px; background:url(../images/hdr_contact_us.gif) 0px 0px no-repeat; } h1.sitemapHdr { margin:16px 0px 20px 0px; width:171px; height:48px; background:url(../images/hdr_sitemap.gif) 0px 0px no-repeat; } h1.privacyHdr { margin:16px 0px 20px 0px; width:403px; height:48px; background:url(../images/hdr_privacy_statement.gif) 0px 0px no-repeat; } h1.termsCondHdr { margin:16px 0px 32px 0px; width:403px; height:36px; background:url(../images/hdr_terms_conditions.gif) 0px 0px no-repeat; } h1.medicalHdr { margin:16px 0px 32px 0px; width:385px; height:36px; background:url(../images/hdr_medical_disclaimer.gif) 0px 0px no-repeat; } h1.unsubscribeHdr { margin:16px 0px 32px 0px; width:265px; height:50px; background:url(../images/hdr_unsubscribe.gif) 0px 0px no-repeat; } h1.shareThisHdr { margin:16px 0px 32px 0px; width:214px; height:41px; background:url(../images/hdr_sharethis.gif) 0px 0px no-repeat; } h1.signupHdr { margin:16px 0px 32px 0px; width:408px; height:45px; background:url(../images/hdr_sign_up_bg.gif) 0px 0px no-repeat; } h1.resourcesHdr { margin:16px 0px 32px 0px; width:225px; height:36px; background:url(../images/hdr_resources.gif) 0px 0px no-repeat; } /* LEVEL ONE PAGE AREA ************************ */ .whiteSquareArea { margin:0px 0px 0px 63px; padding:30px 0px 0px 0px; width:848px; height:auto; background-color:#FFFFFF; } .whiteSquareArea .steps { float:left; display:inline; margin:15px 0px 0px 0px; width:300px; height:16px; font-size:12px; line-height:16px; color:#6c6c6c; } .whiteSquareArea .steps span { float:left; display:inline; margin-right:7px; } .whiteSquareArea .steps ul { float:left; display:inline; margin:0px; padding:0px; list-style:none; } .whiteSquareArea .steps ul li { float:left; display:inline; margin-right:3px; width:16px; height:16px; background-color:#dadada; font-size:11px; color:#262626; text-align:center; } .whiteSquareArea .steps ul li.selected { background-color:#f23d42; color:#fff; } .columnOneSquare { float:left; display:inline; margin:0px 0px 0px 33px; width:391px; height:auto; } .columnOneSquare h2 { margin:0px 0px 0px 0px; font-size:18px; line-height:18px; color:#00529f; } .columnOneSquare p { margin:0px 0px 0px 0px; font-size:12px; line-height:18px; color:#404040; } .columnOneSquare a { color:#00529f; } .columnOneSquare a:hover { color:#00529f; } ul.standardList { list-style:none; margin:20px 30px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; line-height:18px; color:#404040; } ul.standardList li { margin:20px 0px 0px 0px; padding:0px 0px 0px 10px; background:url(../images/bullet_dotted.gif) 0px 4px no-repeat; } ul.standardList ul { list-style:none; margin:20px 30px 0px 15px; padding:0px 0px 0px 0px; font-size:12px; line-height:18px; color:#404040; } ul.standardList ul li { margin:20px 0px 0px 0px; padding:0px 0px 0px 10px; background:url(../images/bullet_dotted.gif) 0px 4px no-repeat; } ul.numbersList { text-indent:-15px; list-style:none; margin:20px 30px 20px 0px; padding:0px 0px 0px 0px; font-size:12px; line-height:18px; color:#404040; } ul.numbersList li { margin:20px 0px 0px 0px; padding:0px 0px 0px 10px; } ul.numbersList2 { text-indent:-15px; list-style:none; margin:20px 30px 20px 5px; padding:0px 0px 0px 0px; font-size:12px; line-height:18px; color:#6c6c6c; } ul.numbersList2 li { margin:20px 0px 0px 0px; padding:0px 0px 0px 10px; } ul.standardList2 ul { list-style:none; margin:20px 30px 0px 15px; padding:0px 0px 0px 0px; font-size:12px; line-height:18px; color:#6c6c6c; } ul.standardList2 ul li { margin:20px 0px 0px 0px; padding:0px 0px 0px 10px; background:url(../images/bullet_dotted.gif) 0px 4px no-repeat; } .columnTwoSquare { float:left; display:inline; width:393px; height:auto; } .whiteBorderBoxTop { margin:0px 0px 0px 0px; width:393px; height:11px; font-size:11px; line-height:11px; background:url(../images/bg_curved_box_top.gif) 0px 0px no-repeat; } .whiteBorderBox { margin:0px 0px 0px 0px; width:393px; height:auto; background:url(../images/bg_curved_box.gif) left bottom no-repeat; } .boxFloatInt { float:left; display:inline; margin:0px 0px 0px 17px; width:199px; height:auto; } .boxFloatInt p { font-size:12px; line-height:24px; color:#404040; } .boxFloatIntRight { float:left; display:inline; margin:0px 0px 0px 17px; width:160px; height:auto; } .boxFloatIntRight p { font-size:12px; line-height:24px; color:#404040; } .leftTopPiece { float:left; display:inline; margin:0px 0px 0px 17px; width:116px; height:61px; } h3.knockDown { margin:0px 0px 0px 17px; width:100px; height:43px; background:url(../images/hdr_knock_down.gif) 0px 0px no-repeat; } h3.alvescoInstantRebProgHdr { float:left; display:inline; margin:0px 0px 0px 5px; width:252px; height:46px; background:url(../images/img_alvesco_instant.gif) 0px 0px no-repeat; } p.reduceYourCopayText { float:left; display:inline; margin:0px 0px 0px 0px; width:245px; height:15px; } .greylineSmaller { margin:0px 0px 0px 0px; width:366px; height:8px; font-size:8px; line-height:8px; background:url(../images/bg_grey_line_small.gif) 0px 0px no-repeat; } .leftBoxBottom { float:left; display:inline; margin:0px 0px 0px 17px; width:199px; height:67px; } .poweredByHdr { margin:0px 0px 0px 0px; width:199px; height:31px; background:url(../images/img_powered_by.gif) 0px 0px no-repeat; } p.disclaimerTexter { margin:0px 0px 0px 0px; width:199px; height:36px; background:url(../images/img_disclaimer.gif) 0px 0px no-repeat; } .rightBoxBottom { float:left; display:inline; margin:0px 0px 0px 0px; padding:22px 0px 0px 0px; width:169px; height:37px; } .alvescoLogoAlt { float:left; display:inline; margin:0px 0px 0px 0px; width:87px; height:35px; background:url(../images/logo_alvesco_mini.gif) 0px 0px no-repeat; } .alvescoLogoAlt a { display:block; width:87px; height:35px; } .sepracorLogoAlt { float:left; display:inline; margin:0px 0px 0px 0px; width:81px; height:35px; background:url(../images/logo_sepracor_alt.gif) 0px 0px no-repeat; } .sepracorLogoAlt a { display:block; width:81px; height:35px; } h4.printCardBtn { margin:0px 0px 0px 160px; width:70px; height:27px; background:url(../images/btn_print_card.gif) 0px 0px no-repeat; } h4.printCardBtn a { display:block; width:70px; height:27px; } /* LEVEL TWO PAGE AREA ************************ */ /* FOOTER AREA ****************************************** */ #footerArea { margin:15px 0px 25px 10px; padding:0px 0px 0px 0px; width:973px; color:#150517; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px; background:url(../images/bg_footer_top.gif) 0px 0px repeat-x; } #footerArea .importantSafetyBox { margin:0px 0px 0px 0px; padding:10px 19px 13px 19px; border:1px solid #d6d6d6; } #footerArea .importantSafetyBox h3 { margin:0px 0px 0px 0px; font-size:12px; line-height:18x; color:##150517; } #footerArea .importantSafetyBox p { margin:0px 0px 0px 0px; font-size:12px; line-height:14px; color:##150517; } .footerLeft { float:left; display:inline; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; width:160px; height:60px; } h3.getReaderLink { font-size:11px; line-height:14px; color:#150517; font-weight:normal; } h3.getReaderLink a { text-decoration:underline; color:#150517; padding:0px 0px 0px 20px; background:url(../images/img_pdf_reader.jpg) 0px 0px no-repeat; font-weight:normal; } h3.getReaderLink a:hover { text-decoration:none; color:#150517; padding:0px 0px 0px 20px; background:url(../images/img_pdf_reader.jpg) 0px 0px no-repeat; font-weight:normal; } h3.getFlashLink { font-size:11px; line-height:14px; color:#150517; font-weight:normal; } h3.getFlashLink a { text-decoration:underline; color:#150517; padding:0px 0px 0px 20px; background:url(../images/img_fla_icon.jpg) 0px 0px no-repeat; font-weight:normal; } h3.getFlashLink a:hover { text-decoration:none; color:#150517; padding:0px 0px 0px 20px; background:url(../images/img_fla_icon.jpg) 0px 0px no-repeat; font-weight:normal; } .footerRight { float:left; display:inline; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; width:811px; height:60px; } .footerRight p { margin:0px 0px 10px 0px; font-size:11px; line-height:14px; color:#150517; } .footerRight a { margin:0px 11px 0px 0px; padding:0px 11px 0px 0px; text-decoration:underline; color:#150517; /*border-right:1px solid #e2e2e2;*/ } .footerRight a.lastOne { margin:0px 11px 0px 0px; padding:0px 11px 0px 0px; text-decoration:underline; color:#150517; border:none; } .footerRight a.pdfLinker { text-decoration:underline; color:#150517; padding:0px 11px 0px 22px; background:url(../images/img_pdf.jpg) 0px -3px no-repeat; border-right:1px solid #e2e2e2; } .footerRight a:hover { margin:0px 11px 0px 0px; padding:0px 11px 0px 0px; text-decoration:none; color:#150517; border-right:1px solid #e2e2e2; } .footerRight a.lastOne:hover { margin:0px 11px 0px 0px; padding:0px 11px 0px 0px; text-decoration:none; color:#150517; border:none; } .footerRight a.pdfLinker:hover { text-decoration:none; color:#150517; padding:0px 11px 0px 22px; background:url(../images/img_pdf.jpg) 0px -3px no-repeat; border-right:1px solid #e2e2e2; } h4.logoSepracor { float:left; display:inline; margin:0px 5px 0px 0px; width:16px; height:17px; background:url(../images/logo_sepracor.gif) 0px 0px no-repeat; } p.footerTextFloat { float:left; display:inline; margin:0px 5px 0px 0px; font-size:10px; line-height:18px; color:#808080; } /* OVERLAY ******************************************* */ #overlayWrap { position:absolute; display:none; margin:0; padding:0; top:0px; left:220px; z-index:10px; } .overlayBox { float:left; width:600px; height:auto; background:#505050 url(../images/bg_overlay.jpg) left bottom repeat-x; } .overlayBox .closeOverlayBtn { float:right; display:inline; margin:10px 9px 0px 0px; width:10px; height:11px; background:url(../images/icon_close_overlay.gif) 0px 0px no-repeat; } .overlayBox .leavingOverlayHdr { float:left; display:inline; margin:35px 0px 0px 37px; width:162px; height:17px; background:url(../images/hdr_overlay_leaving.gif) 0px 0px no-repeat; } .overlayBox .hcpOverlayHdr { float:left; display:inline; margin:35px 0px 0px 37px; width:119px; height:13px; background:url(../images/hdr_overlay_hcp.gif) 0px 0px no-repeat; } .overlayBox p { float:left; display:inline; margin:20px 0px 0px 37px; width:520px; font-size:12px; color:#fff; } .okBtn { float:left; display:inline; margin:10px 5px 0px 253px; width:38px; height:27px; background:url(../images/btn_ok.gif) no-repeat; border:none; } .cancelBtn { float:left; display:inline; margin:10px 0px 0px 0px; width:59px; height:27px; background:url(../images/btn_cancel.gif) no-repeat; border:none; } .popupTexter { margin:0px 0px 0px 0px; width:350px; font-size:10px; line-height:12px; color:#333333; } .popupTexter2 { margin:0px 0px 0px 0px; font-size:11px; line-height:16px; color:#666666; } .popupBigTexter { margin:0px 0px 0px 0px; font-size:12px; line-height:18px; color:#404040; } .popupCaptionTexter { margin:0px 0px 0px 0px; font-size:10px; line-height:12px; color:#666666; } ul.popupList { list-style:none; margin:30px 0px 10px 0px; } ul.popupList li { padding:0px 0px 0px 20px; background:url(../images/bullet_green.gif) 0px 6px no-repeat; } /* POPUP ******************************************* */ #popupWrap { padding:0px 0px 26px 40px; width:568px; height:auto; background-color:#fff; } h2.hdrHFA { margin-top:26px; width:472px; height:42px; background:url(../images/hdr_popup_HFA.gif) no-repeat; } h2.hdrLung { margin-top:26px; width:472px; height:18px; background:url(../images/hdr_popup_lunch_deposition.gif) no-repeat; } h2.hdrAsthma { margin-top:26px; width:568px; height:18px; background:url(../images/hdr_popup_asthma_under_control.gif) no-repeat; } #popupWrap img { margin:25px 0px; } #popupWrap ul.list1 { float:left; margin:30px 0px 25px 0px; width:472px; list-style:none; } #popupWrap ul.list1 li { float:left; margin:0px 0px 22px 0px; padding:0; height:auto; } #popupWrap ul.list1 li img { float:left; display:inline; margin:0; } #popupWrap ul.list1 li div { float:left; display:inline; margin:0px 0px 0px 15px; width:400px; color:#404040; line-height:16px; } #popupWrap ul.list1 li div h3 { font-size:14px; font-weight:bold; } #popupWrap ul.list1 li div p { font-size:14px; font-weight:normal; } #popupWrap ul.list1 li div p.withArrow { margin:10px 0px 0px 0px; padding:0px 0px 0px 10px; background:url(../images/arrow.gif) 0px 5px no-repeat; font-size:12px; } .referenceTxt { float:left; display:inline; margin-bottom:10px; width:470px; line-height:12px; font-size:10px; color:#666; } .referenceTxt span { float:left; display:inline; } .popupFooter { width:472px; font-size:10px; line-height:12px; } .popupFooter h3 { margin-bottom:7px; color:#00519d; line-height:12px; font-weight:bold; font-size:10px; } .popupFooter p { margin-bottom:5px; color:#252525; } /* Utilities ******************************************* */ span.headerMessage { position:absolute; top:-6000px; left:-2000px; } .headerMessage { position:absolute; top:-6000px; left:-2000px; } .spacer { clear:both; width:100%; overflow:visible; } .clearBoth { clear:both; line-height:0px; height:0px; font-size:0px; margin:0px; } .regularLine { height:1px; border-bottom:1px solid #D9D9D9; } .height1 { height:1px; line-height:1px; font-size:1px; } .height3 { height:3px; line-height:3px; font-size:3px;} .height5 { height:5px; line-height:5px; font-size:5px;} .height10 { height:10px; line-height:10px; font-size:10px; } .height12 { height:12px; line-height:12px; font-size:12px; } .height15 { height:15px; } .height20 { height:20px; } .height25 { height:25px; } .height30 { height:30px; } .height30 { height:33px; } .height40 { height:40px; } .height50 { height:50px; } .height60 { height:60px; } .height100 { height:100px; } .height200 { height:200px; }