/**************************************************************** ----- RESET ----- *******************************************************************/ body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,dl, dt, dd, ol, ul, li, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, fieldset, form { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } a { outline: 0; } strong { font-weight: bold; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } table td { padding: 0; } caption, th, td { text-align: left; font-weight: normal; } .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } fieldset { border: 0; } legend, .hide { display: none; } ul, ul li { list-style: none; } a:focus, a img, input:focus {outline: 0 none; border: none; } .last { margin: 0; } .clearfix {display: inline-block;} .clearleft { clear: left; } .clearright { clear: right; } .clear { clear: both; } .floatRight { float: right; display: inline; } .floatLeft { float: left; display: inline; } .borderImage { border: 1px solid #aca890; padding: 2px; display: block; } .capitalize { text-transform: uppercase; } .underline { text-decoration: underline; } span.alignCenter { text-align: center; display: block; } body { text-align: center; font-family: Arial, Helvetica, verdana, Tahoma; background: #e9ebe4; } div#index_wrapper { width: 100%; background: #fff url(../images/bgHomeHeader.jpg) repeat-x top left; } div#wrapper { width: 100%; background: #fff url(../images/bgBody.jpg) repeat-x top left; } div#topFrame { width: 960px; padding-top: 14px; margin: 0 auto; text-align: left; } div#topFrame h1 { display: none; } div#header { background: url(../images/bgBag.jpg) no-repeat bottom right; width: 960px; } div#index_header { background: url(../images/HdrSplash.jpg) no-repeat top center; width: 970px; height: 113px; } div.logoSlogan { width: 960px; } .social_box {position: relative;} .regmark{ position: relative; top: -0.4em; font-size: 0.7em;} /*************************************** Index Page ***************************************/ #index_left{ float: left; padding-top: 46px; padding-left: 63px; width: 287px;} #index_right{ float: left; padding-top: 45px; padding-left: 25px;} /*************************************** Store Logos ***************************************/ div.logoSlogan h2 { width: 203px; height: 58px; float: left; display: block; text-indent: -9999px; overflow: hidden; background-image: url(../images/bgLogos.jpg); background-repeat: no-repeat; } div.logoSlogan h2.bon-ton, div.logoSlogan h2.bonton { background-position: -1421px 0px; } div.logoSlogan h2.bergners { background-position: -1015px 0px; } div.logoSlogan h2.boston-store { background-position: -609px 0px; } div.logoSlogan h2.carson-pirie-scott { background-position: -203px 0px; } div.logoSlogan h2.elder-beerman { background-position: -1218px 0px; } div.logoSlogan h2.herbergers { background-position: -812px 0px; } div.logoSlogan h2.younkers { background-position: top left; } div.logoSlogan h2.parisian { background-position: -406px 0px; } div.logoSlogan h3 { width: 403px; height: 58px; float: left; display: block; text-indent: -9999px; overflow: hidden; background-image: url(../images/hdrMillionActs.jpg); background-repeat: no-repeat; } /*************************************** Navigation ***************************************/ div.navigationRpt { width: 787px; background: url(../images/bgNavRpt.jpg) repeat-x top left; } div.navigationRpt ul { width: 783px; height: 28px; overflow: hidden; padding-left: 4px; background: url(../images/bgNavLeft.jpg) no-repeat top left; padding-top: 4px; } div.navigationRpt ul li { float: left; display: inline; height: 24px; overflow: hidden; background: url(../images/bgNavSep.jpg) no-repeat top right; padding-right: 5px; } div.navigationRpt ul li a { float: left; display: inline; height: 24px; background-image: url(../images/bgNavigation.jpg); background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -9999px; } div.navigationRpt ul li a#lnkHome { width: 99px; background-position: left top; } div.navigationRpt ul li a#lnkHome:hover, body.home div.navigationRpt ul li a#lnkHome { background-position: left -24px; } div.navigationRpt ul li a#lnkAbout { width: 102px; background-position: -106px top; margin-left: 4px; } div.navigationRpt ul li a#lnkAbout:hover, body.about div.navigationRpt ul li a#lnkAbout { background-position: -106px -24px; } div.navigationRpt ul li a#lnkResults { width: 106px; background-position: -215px top; margin-left: 4px; } div.navigationRpt ul li a#lnkResults:hover, body.results div.navigationRpt ul li a#lnkResults { background-position: -215px -24px; } div.navigationRpt ul li a#lnkFashion { width: 147px; background-position: -327px top; margin-left: 4px; } div.navigationRpt ul li a#lnkFashion:hover, body.fashion div.navigationRpt ul li a#lnkFashion { background-position: -327px -24px; } div.navigationRpt ul li a#ctl00_lnkShop { width: 119px; background-position: -481px top; margin-left: 4px; } div.navigationRpt ul li a#ctl00_lnkShop:hover, body.shop div.navigationRpt ul li a#ctl00_lnkShop { background-position: -481px -24px; } /*************************************** Splash Page ***************************************/ body.splash div#wrapper, body.prePromotion div#wrapper, body.postPromotion div#wrapper { background: #fff url(../images/bgHomeHeader.jpg) repeat-x top left; } body.splash div#topFrame, body.prePromotion div#topFrame, body.postPromotion div#topFrame { width: 970px; padding-top: 27px; } body.splash div#topFrame h1, body.prePromotion div#topFrame h1, body.postPromotion div#topFrame h1 { display: block !important; } body.splash div#header, body.prePromotion div#header, body.postPromotion div#header { background: none !important; } body.splash h1, body.prePromotion h1, body.postPromotion h1 { text-indent: -9999px; overflow: hidden; width: 970px; height: 113px; background: url(../images/hdrSplashPhaseThree.jpg) no-repeat top left; margin-bottom: 47px; } /** PHASE 1 **/ div#splashFlashPhase1 { width: 320px; float: left; display: inline; } div#splashRightPhase1 { float: right; width: 582px; padding-right: 30px; padding-top: 25px; font-size: 16px; color: #6a6a6a; text-transform: uppercase;} div#splashRightPhase1 .restrictions{ color: #636363; font-size: 11px; text-transform: none; padding-top: 20px;} div#splashFlashPhase2 { width: 320px; float: left; display: inline; } div#splashRightPhase2 { float: right; width: 600px; padding-top: 25px; padding-right: 10px; font-size: 16px; color: #6a6a6a; text-transform: uppercase;} div#splashRightPhase2 .restrictions{ color: #636363; font-size: 11px; text-transform: none; padding-top: 20px;} div#splashFlash { width: 482px; float: left; display: inline; } div#flash p, div#flashWidget p, div#aboutFlash p{ font-size: 12px; text-align:center; } div#indexPhase3_left { width: 414px; float: left; display: inline; } div#indexPhase3_right { float: right; width: 502px; padding-top: 25px; padding-right: 10px; font-size: 16px; color: #6a6a6a; text-transform: uppercase;} /*div#selectStore { float: right; display: inline; width: 455px; }*/ div#phaseThree { width: 970px; text-align: center; } div#selectStore { width: 455px; margin: 0 auto; text-align: left; } div#selectStore h4 { text-indent: -9999px; color: #8eb543; height: 16px; width: 455px; margin-bottom: 22px; background: url(../images/hdrSelect.jpg) no-repeat center top; display: block; overflow: hidden; } div#selectStore ul { width: 455px; } div#selectStore ul li { position: relative; height: 52px; margin-bottom: 5px; } div#selectStore ul li.leftColumn { width: 240px; margin-left: 0; } div#selectStore ul li.rightColumn { width: 210px; margin-left: 245px; } div#selectStore ul li.reset { margin-top: -225px; } div#selectStore ul li a { display: block; height: 52px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-image: url(../images/bgLogosSplash.png); } div#selectStore ul li a.storeBonton { background-position: left top; width: 210px; } div#selectStore ul li a.storeBergners { background-position: left -52px; width: 210px; } div#selectStore ul li a.storeBostonStore { background-position: left -104px; width: 210px; } div#selectStore ul li a.storeCarsonPirieScott { background-position: left -156px; width: 210px; } div#selectStore ul li a.storeElderBeerman { background-position: -244px 0px; width: 209px; } div#selectStore ul li a.storeHerbergers { background-position: -244px -52px; width: 209px; } div#selectStore ul li a.storeParisian { background-position: -244px -104px; width: 209px; } div#selectStore ul li a.storeYounkers { background-position: -244px -156px; width: 209px; } /*************************************** Content ***************************************/ body.splash div#content, body.prePromotion div#content, body.postPromotion div#content { width: 970px; } body.postPromotion div#content p, body.prePromotion div#content p { font-size: 18px; line-height: 25px; color: #0e3178; font-weight: bold; padding-top: 134px; padding-bottom: 162px; text-align: center; } div#content { width: 960px; padding-bottom: 20px; } /**************** Phase3 *****************/ div.promoEnd { width: 960px; padding-top: 22px; } div#fashionShot { width: 476px; float: left; display: inline; } div#thanksMessage { float: left; margin-left: 20px; display: inline; width: 451px; padding-top: 4px; } div#thanksMessage h3 { text-indent: -9999px; display: block; overflow: hidden; width: 451px; height: 123px; background: url(../images/txtThanks.jpg) no-repeat top left; } div#thanksMessage p#btnViewResults a { text-indent: -9999px; display: block; overflow: hidden; width: 444px; height: 69px; background: url(../images/btnComeBack.jpg) no-repeat top left; } .pushDown { padding-top: 22px; } div#widget { width: 459px; float: right; display: inline; padding-top: 22px; } div#welcomeMessage { width: 448px; float: right; display: inline; padding-top: 22px; margin-right: 8px; } div#welcomeMessage h4 { text-indent: -9999px; display: block; overflow: hidden; width: 448px; height: 131px; background: url(../images/txtHome.jpg) no-repeat top left; color: #8eb543; } div#welcomeMessage p#rcv { font-size: 16px; line-height: 24px; text-transform: uppercase; color: #7d7d7d; border-top: 1px solid #cacaca; padding-top: 20px; margin-top: 19px; } div#welcomeMessage p#rcv span { color: #006171; } div#welcomeMessage p.note, div#rightColumn p.note { font-size: 11px; line-height: 15px; color: #636363; padding-top: 12px; } div#getStarted, div#getStartedPhase2 { width: 960px; clear: both; padding-top: 15px; border-top: 1px solid #cacaca; } div#getStartedPhase3 { width: 960px; clear: both; padding-top: 0px; } div#getStarted p a { width: 959px; height: 69px; overflow: hidden; background: url(../images/btnGetStarted.jpg) no-repeat top left; text-indent: -9999px; display: block; } div#getStartedPhase2 p a { width: 959px; height: 69px; overflow: hidden; background: url(../images/btnGetStartedPhaseTwo.jpg) no-repeat top left; text-indent: -9999px; display: block; } /*************************************** Two Columns ***************************************/ div#twoColumn { width: 960px; background: url(../images/bgDivider.gif) repeat-y top left; margin-top: 19px; } div#twoColumn.interior { background: url(../images/bgDividerInt.gif) repeat-y top left !important; } div#twoColumn div#leftColumn { float: left; display: inline; width: 592px; padding-top: 7px; } div#twoColumn div#rightColumn { float: right; display: inline; width: 295px; margin-right: 25px; } div#twoColumn div#leftColumn h3#hdrBePart { width: 592px; height: 109px; background: url(../images/txtRegister.jpg) no-repeat top left; overflow: hidden; text-indent: -9999px; } div#twoColumn div#leftColumn .restrictions{ color: #636363; font-size: 11px; text-transform: none; padding-top: 20px;} div#homeRegister { margin-top: 22px; padding-top: 22px; border-top: 1px solid #cacaca; width: 592px; } div#homeRegister div.label { width: 261px; float: left; display: inline; padding-top: 11px; } div#homeRegister div.label label { font-size: 16px; line-height: 16px; color: #006171; text-transform: uppercase; font-weight: bold; } div#homeRegister div.textBox { width: 184px; float: left; display: inline; padding-top: 5px; } div#homeRegister div.textBox input { border: 1px solid #949494; vertical-align: middle; display: block; color: #949494; padding: 4px; font-size: 14px; line-height: 17px; background-color: #fff !important; width: 173px; } div#homeRegister .submit { margin-left: 13px; border: 0; text-indent: -9999px; display: block; overflow: hidden; cursor: pointer; background: url(../images/btnSubmit.jpg) no-repeat top left; width: 123px; height: 35px; float: left; display: inline; } /*div#homeRegister .validationSummary { color: #676767 !important; padding: 5px 10px; border: 1px solid #f00; margin-top: 5px; background-color:#FBCECF; clear: left; font-size: 13px; line-height: 17px; }*/ div#homeRegister .validationSummary { color: #f00; font-size: 11px; line-height: 15px; clear: left; padding-left: 261px; } div#rightColumn div#couponImage { width: 295px; height: 169px; display: block; } div#rightColumn div#couponImage img { position: absolute; top: -15px; left: 0; position: relative; } div#rightColumn p#txtCoupon { font-size: 16px; line-height: 16px; text-transform: uppercase; color: #6a6a6a; } div#rightColumn p#howTo { font-size: 14px; line-height: 18px; color: #6a6a6a; padding-top: 8px; } div#rightColumn p#txtCoupon strong, div#rightColumn p#howTo strong { color: #006171; } /*************************************** Register Style ***************************************/ #register_left{ width: 612px; float: left; margin-top: 20px; padding-top: 10px; border-right: solid 1px #cacaca;} #register_left .restrictions{ color: #636363; font-size: 11px; padding-top: 10px;} #register_right{ width: 330px; float: right; margin-top: 20px; padding-right: 10px;} #register_email{ position: relative; height: 35px; margin-top: 20px;} #register_left #ctl00_ContentPlaceHolder1_ctl00_pnlClick{ position: absolute; top: 7px; left: 0px;} #register_left .email_btn{ position: absolute; top: 0px; left: 430px;} #register_holder { border-bottom: solid 1px #cacaca; padding-bottom: 20px;} #register_left #ctl00_ContentPlaceHolder1_ctl00_txtEmail{ border: solid 1px #949494; padding: 2px;} div#questionsRegister { width: 592px; position: relative; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; } div#questionsRegister h3#regInfo { font-size: 14px; line-height: 18px; color: #5e5e5e; font-weight: bold; padding-top: 14px; padding-bottom: 6px; font-family: Arial; } div#questionsRegister p.note { font-size: 11px; line-height: 15px; color: #636363; font-family: Arial; border-bottom: 1px solid #cacaca; padding-bottom: 15px; } div#questionsRegister p#requiredFields { position: absolute; z-index: 1; top: 76px; right: 0; font-size: 11px; line-height: 15px; color: #404040; } div#questionsRegister div#registrationForm { width: 592px; } div#questionsRegister div#registrationForm div.divider { border-bottom: 1px solid #cacaca; width: 592px; padding-bottom: 25px; } div#questionsRegister div#registrationForm div.formrow { width: 592px; padding-top: 17px; } div#questionsRegister div#registrationForm div.floatLeft { float: left; display: inline; } div#questionsRegister div#registrationForm div.floatRight { float: right; display: inline; } div#questionsRegister div#registrationForm div.text_box input, div.inputContainer div input, div.error div input { border: 1px solid #949494; vertical-align: middle; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; display: block; color: #404040; padding: 3px 10px; font-size: 12px; line-height: 17px; background-color: #fff !important; } div#questionsRegister div#registrationForm div.text_box input.error, div.inputContainer div input.error, div.error div input { border: 1px solid #ff0000 !important; } div#questionsRegister div#registrationForm div.title label, div.QuestionTitle10_0 label { font-size: 14px; line-height: 18px; color: #404040; } div.QuestionTitle10_0 label#ctl00_ContentPlaceHolder1_ctlQuestions_PH_5f939dfd_lblTitle { font-size: 12px !important; line-height: 18px; color: #404040; } div#questionsRegister div#registrationForm div.title label.error, div.QuestionTitle10_0 label.error, div#ctl00_ContentPlaceHolder1_captcha_def.required { color: #f78f1e !important; } #ctl00_ContentPlaceHolder1_ctlQuestions_ddlGender_lblTitle{ font-size: 14px; line-height: 18px; color: #404040; } #ctl00_ContentPlaceHolder1_ctlQuestions_ddlGender_rbValue label{ font-size: 12px; line-height: 16px; color: #404040; display: inline; margin-right: 8px; } div#questionsRegister div#registrationForm div.title { padding-bottom: 6px; } div.QuestionTitle10_0 { padding-bottom: 12px; } div#questionsRegister div#registrationForm div.title span#small { font-size: 12px; } div#questionsRegister div#registrationForm div#pFname, div#questionsRegister div#registrationForm div#pLname { width: 283px; } div#questionsRegister div#registrationForm div#pFname input, div#questionsRegister div#registrationForm div#pLname input { width: 260px; } div#questionsRegister div#registrationForm div#pAddress { width: 413px; } div#questionsRegister div#registrationForm div#pAddress input { width: 390px; } div#questionsRegister div#registrationForm div#pApt { width: 148px; } div#questionsRegister div#registrationForm div#pApt input { width: 125px; } div#questionsRegister div#registrationForm div#pCity { width: 207px; } div#questionsRegister div#registrationForm div#pCity input { width: 184px; } div#questionsRegister div#registrationForm div#pState { width: 180px; margin-left: 28px; margin-right: 29px; } div#questionsRegister div#registrationForm div#pZip { width: 148px; } div#questionsRegister div#registrationForm div#pZip input { width: 125px; } div#questionsRegister div#registrationForm div#pPhone { width: 181px; } div#questionsRegister div#registrationForm div#pBirthday { width: 239px; margin-left: 15px; } div#questionsRegister div#registrationForm div#pGender { width: 127px; margin-left: 10px; } div.inputContainer div { width: 181px; } div.inputContainer div input.threeDigit, div.error div input.threeDigit, div.noError div input.threeDigit { float: left; display: inline; width: 24px !important; padding-bottom: 4px !important; } div.inputContainer div input.fourDigit, div.error div input.fourDigit, div.noError div input.fourDigit { float: left; display: inline; width: 36px !important; padding-bottom: 4px !important; } div.inputContainer span.dash, div.error span.dash, div.noError div input.fourDigit, div.noError span.dash { float: left; display: inline; width: 14px; text-align: center; color: #404040; font-size: 11px; line-height: 24px; } div.error span.dash { color: #ff0000 !important; } div#selectMonth { width: 117px; float: left; display: inline; overflow: hidden; height: 24px; } div#selectDay { float: left; display: inline; overflow: hidden; height: 24px; width: 66px; margin-left: 5px;} div#selectYear { float: left; display: inline; overflow: hidden; height: 24px; width: 76px; margin-left: 5px; } table#ctl00_ContentPlaceHolder1_ctlQuestions_chkAgree_fb499283_cbValue.error { border: 1px solid #006171; } #ctl00_ContentPlaceHolder1_ctlQuestions_ddlState_81e13545_divQAnswers.error, #ctl00_ContentPlaceHolder1_ctlQuestions_Birthday_0930f1e3_divQAnswers.error, #ctl00_ContentPlaceHolder1_ctlQuestions_chkAgree_divQAnswers.error { border: 1px dotted #ff0000 !important; } #registration_list{ font-size: 14px; color: #636363; margin-top: 20px; padding-top: 20px; border-top: solid 1px #cacaca; } #registration_list li{ background-image: url(../images/bgArrow.jpg); background-position: top left; background-repeat: no-repeat; margin-bottom: 10px; padding-left: 30px; } /******************************** background for select box state *********************************/ span.select { position: absolute; width: 148px; height: 24px; padding: 0px 24px 0 8px; color: #555; font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; background: url(../images/bgSelect.jpg) no-repeat top left; overflow: hidden; } /********************************* background for select boxes error **********************************/ div#ctl00_ContentPlaceHolder1_ctlQuestions_ddlState_81e13545_divQAnswers span.error { position: absolute; width: 148px; height: 24px; padding: 0px 24px 0 8px; color: #f78f1e !important; font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; background: url(../images/bgSelectError.jpg) no-repeat top left; overflow: hidden; } /*************************** Month, Day, Year ****************************/ span.select2 { position: absolute; width: 85px; height: 24px; padding: 0px 24px 0 8px; color: #555; font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; background: url(../images/bgSelectMonth.jpg) no-repeat top left; overflow: hidden; } span.select3 { position: absolute; width: 34px; height: 24px; padding: 0px 24px 0 8px; color: #555; font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; background: url(../images/bgSelectDay.jpg) no-repeat top left; overflow: hidden; } span.select4 { position: absolute; width: 44px; height: 24px; padding: 0px 24px 0 8px; color: #555; font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; background: url(../images/bgSelectYear.jpg) no-repeat top left; overflow: hidden; } /*************************** Month, Day, Year Error BG ****************************/ div.error span.select2 { position: absolute; width: 85px; height: 24px; padding: 0px 24px 0 8px; color: #f78f1e !important; font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; background: url(../images/bgSelectMonthError.jpg) no-repeat top left; overflow: hidden; } div.error span.select3 { position: absolute; width: 34px; height: 24px; padding: 0px 24px 0 8px; color: #f78f1e !important; font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; background: url(../images/bgSelectDayError.jpg) no-repeat top left; overflow: hidden; } div.error span.select4 { position: absolute; width: 44px; height: 24px; padding: 0px 24px 0 8px; color: #f78f1e !important; font: 12px/24px "Lucida Sans Unicode", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; background: url(../images/bgSelectYearError.jpg) no-repeat top left; overflow: hidden; } div#questionsRegister .continueBtn { border: 0; text-indent: -9999px; display: block; overflow: hidden; cursor: pointer; background: url(../images/btnSubmitRegistration.jpg) no-repeat top left; width: 137px; height: 44px; float: left; display: inline; } div#submitBtn { width: 592px; padding-top: 28px; } div#submitBtn .validationSummary { text-align: center; width: 455px; float: right; display: inline; } div#submitBtn .validationSummary h4 { line-height: 44px; font-size: 14px; color: #006171; margin: 0 auto; font-weight: bold; } div#submitBtn .validationSummary ul { display: none !important; } div#submitBtn .validationSummary ul.display { display: block !important; font-family: Arial; text-align: left; z-index: 1000; position: absolute; top: 97px; left: 0; width: 500px; margin-left: 25px; margin-right: 25px; background-color:#fcbd79; border:1px solid #006171; color: #404040 !important; margin-bottom: 15px; padding: 20px 10px; font-size: 11px; line-height: 15px; } div#submitBtn .validationSummary ul.display li { padding-left: 10px; background: url(../images/bgLi.jpg) no-repeat 0 6px; } div#submitBtn .validationSummary ul.display li.header { padding-bottom: 10px; font-size: 13px; font-weight: bold; background: none; padding-left: 0 !important; } div#submitBtn .validationSummary ul.display li#closeBtn a { text-indent: -9999px; position: absolute; display: block; overflow: hidden; z-index: 1001; top: 10px; right: 20px; background: url(../images/btnClose.jpg) no-repeat top left; width: 90px; height: 29px; } /*************************************** Confirmation Page ***************************************/ div#confirmPage, div#fashionTrends, div#successPage { width: 960px; padding-top: 18px; } div#confirmPage h3.topHeader, div#successPage h3.topHeader, div#fashionTrends h3.topHeader { width: 960px; text-indent: -9999px; display: block; overflow: hidden; padding-bottom: 14px; text-align: center; text-align: center; } div#confirmPage h3.noBorder, div#successPage h3.noBorder { border: 0 !important; } div#fashionTrends h3#hdrFashion { height: 25px; background: url(../images/hdrFashion.jpg) no-repeat top center; } div#confirmPage h3#hdrThanksRegister { height: 22px; background: url(../images/hdrThankYou.jpg) no-repeat top center; } div#confirmPage h3#hdrAlreadyPlayed { height: 25px; background: url(../images/hdrAlreadyPlayed.jpg) no-repeat top center; } div#confirmPage h3#hdrPlayWin, div#successPage h3#hdrPlayWin { height: 23px; background: url(../images/hdrPlaySpin.jpg) no-repeat top center; } div#confirmPage div#playGame { width: 960px; border-top: 1px solid #cacaca; margin-top: 6px; padding-top: 21px; text-align: left; } div#confirmPage div#playGame h3 { float: left; display: inline; overflow: hidden; width: 463px; height: 104px; margin-left: 69px; text-indent: -9999px; background: url(../images/txtStep2.jpg) no-repeat top left; } div#confirmPage div#playGame p { float: left; display: inline; margin-top: 3px; width: 385px; height: 103px; overflow: hidden; text-indent: -9999px; background: url(../images/txtGame.jpg) no-repeat top left; } div#confirmPage div#optInHolder div#submitPlay { padding-bottom: 20px; } div#confirmPage div#submitPlay { width: 960px; clear: left; text-align: center; padding-top: 12px; } div#confirmPage div#submitPlay .playGame { border: 0; text-indent: -9999px; display: block; overflow: hidden; cursor: pointer; background: url(../images/btnPlayGame.jpg) no-repeat top left; width: 351px; height: 44px; margin: 0 auto; } div#confirmPage h4.alreadyPlayed { font-size: 18px; line-height: 23px; color: #6a6a6a; text-align: center; padding-top: 23px; padding-bottom: 23px; font-weight: normal; } div#confirmPage p.alreadyPlayed { font-size: 18px; line-height: 19px; color: #6a6a6a; text-align: center; padding-bottom: 26px; font-weight: normal; } div#confirmPage p.alreadyPlayed strong { color: #006171; } div#confirmPage div#tellAFriend { width: 960px; padding-top: 19px; padding-bottom: 16px; } div#confirmPage div#tellAFriend p a { margin: 0 auto; text-indent: -9999px; display: block; overflow: hidden; width: 495px; height: 42px; background: url(../images/btnTellFriends.jpg) no-repeat top left; } div#confirmPage div#shareOn { width: 960px; padding-top: 19px; text-align: center; } div#confirmPage div#shareOn h3 { width: 151px; height: 25px; display: block; overflow: hidden; text-indent: -9999px; margin: 0 auto; background: url(../images/hdrShareOn.jpg) no-repeat top left; } div#confirmPage div#shareOn ul { width: 387px; margin: 0 auto; text-align: left; padding-top: 10px; } div#confirmPage div#shareOn ul li#fb { float: left; display: inline; width: 188px; } div#confirmPage div#shareOn ul li#fb a { width: 188px; height: 45px; overflow: hidden; text-indent: -9999px; display: block; background: url(../images/btnShare.jpg) no-repeat left top; } div#confirmPage div#shareOn ul li#tw { float: right; display: inline; width: 188px; } div#confirmPage div#shareOn ul li#tw a { width: 188px; height: 45px; overflow: hidden; text-indent: -9999px; display: block; background: url(../images/btnShare.jpg) no-repeat -198px 0px; } /*************************************** The Buzz Page ***************************************/ div#twoColumnBuzz { width: 960px; margin-top: 19px; } #hdrBuzz{ padding-top: 20px; margin-bottom: 20px; } div#leftColumnBuzz { width: 470px; padding-left: 20px; float: left; display: inline; } div#rightColumnBuzz { width: 461px; float: right; display: inline; } div#leftColumnBuzz p { font-size: 14px; line-height: 19px; color: #555; padding-bottom: 20px; } div#rightColumnBuzz .social_header{ color:#006171; font-size: 22px; padding-bottom: 5px; } div#rightColumnBuzz .social_box{ background-image: url(../images/socialmedia_largebox.jpg); background-repeat: no-repeat; width: 337px; height: 225px; padding-left: 124px; padding-top: 16px; color: #555555; font-size: 16px;} div#rightColumnBuzz .social_box .rotate{ position: absolute; top:20px; left: 10px;} /*************************************** About Page ***************************************/ div#aboutFlash { width: 600px; } #about_header{ padding-bottom: 12px;} div.interior h3#doGood { text-indent: -9999px; display: block; overflow: hidden; width: 303px; height: 24px; background: url(../images/hdrDoGood.jpg) no-repeat top left; margin-top: 8px; } div.interior p.about { padding-top: 15px; font-size: 14px; line-height: 19px; color: #555; } div.interior p.about a, div#rightColumn.about p a { font-weight: bold; color: #006171; } div.interior p.note { font-size: 11px; line-height: 15px; padding-top: 20px; color: #555; } div#rightColumn.about h3#millionActs { text-indent: -9999px; display: block; overflow: hidden; width: 313px; height: 144px; background: url(../images/imgRightAbout.jpg) no-repeat top left; margin-top: 11px; } div#rightColumn.about p { font-size: 12px; line-height: 17px; color: #555; padding-bottom: 25px; } div#rightColumn.about h3#hdrGoodwill { text-indent: -9999px; display: block; overflow: hidden; width: 313px; height: 18px; background: url(../images/hdrSideGoodwill.jpg) no-repeat top left; padding-bottom: 8px; } div#rightColumn.about ul, div#rightColumnResults ul { padding-top: 19px; } div#rightColumn.about ul li a /*, div#rightColumnResults ul li a*/ { margin-bottom: 15px; background-image: url(../images/bgSocial.jpg); background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -9999px; width: 311px; } div#rightColumn.about ul li#visitGoodwill a /*div#rightColumnResults ul li#visitGoodwill a*/ { background-position: left top; height: 43px; } div#rightColumn.about ul li#fbJoin a /*, div#rightColumnResults ul li#fbJoin a*/ { height: 30px; background-position: 0px -58px; } div#rightColumn.about ul li#twFollow a /*, div#rightColumnResults ul li#twFollow a*/ { height: 29px; background-position: 0px -111px; } div#rightColumn.about .social_header{ color:#006171; font-size: 18px; padding-bottom: 5px; } div#rightColumn.about .social_box{ background-image: url(../images/socialmedia_box.jpg); background-repeat: no-repeat; width: 220px; height: 210px; padding-left: 114px; padding-top: 16px; color: #555555; font-size: 16px;} div#rightColumn.about .social_box .rotate{ position: absolute; top:5px; left: 5px;} .social_box a{ color: #555555; text-decoration: none; display: block; } div.company_site_Bon-Ton a{ margin-bottom: 25px; background-image:url(../images/logo_Bon-Ton.png); background-repeat: no-repeat; background-position: 40px top; height: 20px;} div.company_site_Herbergers a{ margin-bottom: 16px; background-image:url(../images/logo_Herbergers.png); background-repeat: no-repeat; background-position: 40px top; height: 29px;} div.company_site_Boston-Store a{ margin-bottom: 23px; background-image:url(../images/logo_bostonstore.png); background-repeat: no-repeat; background-position: 40px top; height: 22px;} div.company_site_Carson-Pirie-Scott a{ margin-bottom: 23px; background-image:url(../images/logo_carsonpiriescott.png); background-repeat: no-repeat; background-position: 40px top; height: 22px;} div.company_site_Elder-Beerman a{ margin-bottom: 25px; background-image:url(../images/logo_elder-beerman.png); background-repeat: no-repeat; background-position: 40px top; height: 20px;} div.company_site_Younkers a{ margin-bottom: 7px; background-image:url(../images/logo_younkers.png); background-repeat: no-repeat; background-position: 40px top; height: 38px;} div.company_site_Parisian a{ margin-bottom: 7px; background-image:url(../images/logo_parisian.png); background-repeat: no-repeat; background-position: 40px top; height: 38px;} div.company_site_Bergners a{ margin-bottom: 16px; background-image:url(../images/logo_bergners.png); background-repeat: no-repeat; background-position: 40px top; height: 29px;} div.company_facebook a{ background-image:url(../images/facebook_icon.png); background-repeat: no-repeat; background-position: left top; margin-bottom: 25px; padding-left: 40px; height: 28px; padding-right: 15px;} div.company_twitter a{ background-image:url(../images/twitter_icon.png); background-repeat: no-repeat; background-position: left top; margin-bottom: 20px; padding-left: 40px; height: 28px; padding-right: 15px; padding-top: 10px;} /*************************************** Results Page ***************************************/ div#twoColumnResults { width: 960px; background: url(../images/bgDividerIntTwo.gif) repeat-y top left !important; margin-top: 19px; } div#leftColumnResults { width: 450px; float: left; display: inline; } div#rightColumnResults { width: 482px; float: right; display: inline; } div#resultsFlashHolder { width: 482px; } div#resultsFlash { border: 1px solid #cacaca; } div#rightColumnResults h3#hdrGoodwill { text-indent: -9999px; display: block; overflow: hidden; width: 463px; height: 35px; background: url(../images/bgResultsSocial.jpg) no-repeat top left; } div#leftColumnResults h3#hdrResults { width: 442px; height: 25px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/hdrResults.jpg) no-repeat top left; margin-bottom: 18px; } div#leftColumnResults h4#resultsInfo { font-size: 14px; line-height: 19px; color: #006171; font-weight: bold; padding-bottom: 20px; } div#leftColumnResults ul li { background: url(../images/bgLi.jpg) no-repeat 0 8px; padding-left: 10px; font-size: 14px; line-height: 19px; color: #555; padding-bottom: 15px; } div#leftColumnResults p { font-size: 14px; line-height: 19px; color: #555; padding-bottom: 20px; } div#rightColumnResults ul li a { background-image: url(../images/bgResultsSocial.jpg); background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -9999px; width: 463px; } div#rightColumnResults ul li#visitGoodwill a { height: 59px; background-position: left -53px; } div#rightColumnResults ul li#fbJoin a { height: 53px; background-position: left -111px; } div#rightColumnResults ul li#twFollow a { height: 29px; background-position: left -163px; } div#rightColumnResults .social_header{ color:#006171; font-size: 22px; padding-bottom: 5px; } div#rightColumnResults .social_box{ background-image: url(../images/socialmedia_largebox.jpg); background-repeat: no-repeat; width: 337px; height: 225px; padding-left: 124px; padding-top: 16px; color: #555555; font-size: 16px;} div#rightColumnResults .social_box .rotate{ position: absolute; top:20px; left: 10px;} /*********************************** Refer a friend ***********************************/ div#referFriend { width: 960px; padding-top: 18px; text-align: center; } div#referFriend h3.topHeader { width: 960px; text-indent: -9999px; display: block; overflow: hidden; padding-bottom: 14px;} div#referFriend h3#hdrReferFriend { height: 29px; background: url(../images/hdrTellAFriend.jpg) no-repeat top center; margin-bottom: 22px;} div#referFriend h3#hdrNotify { height: 30px; background: url(../images/hdrNotify.jpg) no-repeat top center; margin-bottom: 22px; } div#referFriend h3#hdrSharing { height: 24px; background: url(../images/hdrSharing.jpg) no-repeat top center; margin-bottom: 22px; } div#referFriend h4 { font-size: 18px; line-height: 23px; color: #636363; text-align: center; padding-bottom: 25px; } div#referFriend h4 span.color, div#referFriend h4 a { color: #006171; } div#referFriend h4 span.drop { display: block; } div#referFriend div#friendForm { margin: 0 auto; width: 765px; background-color: #dfdfdf; padding: 25px 65px 13px 50px; text-align: left; margin-bottom: 10px; } div#referFriend div#friendForm div.text_box { width: 282px; float: left; display: inline; margin-left: 40px; margin-right: 50px; padding-bottom: 20px; } div#referFriend div#friendForm div.text_box label { display: block; padding-bottom: 4px; font-size: 13px; color: #0f5294; line-height: 17px; font-weight: bold; } div#referFriend div#friendForm div.text_box input { width: 250px; vertical-align: middle; display: block; border: 1px solid #949494; color: #949494; padding: 2px 4px; font-size: 14px; line-height: 17px; background-color: #fff !important; } div#sampleMessage { width: 880px; text-align: left; margin: 0 auto; padding: 10px 40px 34px 40px; border-top: solid 1px #cacaca;} div#sampleMessage h4 { font-size: 14px; line-height: 19px; color: #404040; padding-bottom: 20px; padding-top: 25px; text-align: left; } div#messageBox { border: 1px solid #9a9a9a; background-color: #fff; padding: 13px 24px 0px 12px; } div#messageBox p { font-size: 11px; line-height: 15px; color: #404040; padding-bottom: 12px; } div#buttonActions { width: 960px; text-align: center; padding-top: 19px; padding-bottom: 19px; } div#referFriend div#shareOn { border-top: 1px solid #cacaca; width: 960px; padding-top: 19px; text-align: center; } div#referFriend div#shareOn h3 { width: 151px; height: 25px; display: block; overflow: hidden; text-indent: -9999px; margin: 0 auto; background: url(../images/hdrShareOn.jpg) no-repeat top left; } div#referFriend div#shareOn ul { width: 387px; margin: 0 auto; text-align: left; padding-top: 10px; } div#referFriend div#shareOn ul li#fb { float: left; display: inline; width: 188px; } div#referFriend div#shareOn ul li#fb a { width: 188px; height: 45px; overflow: hidden; text-indent: -9999px; display: block; background: url(../images/btnShare.jpg) no-repeat left top; } div#referFriend div#shareOn ul li#tw { float: right; display: inline; width: 188px; } div#referFriend div#shareOn ul li#tw a { width: 188px; height: 45px; overflow: hidden; text-indent: -9999px; display: block; background: url(../images/btnShare.jpg) no-repeat -198px 0px; } div#buttonActions div#sendHolder { width: 450px; } div#buttonActions div#sendHolder .btnSend { width: 348px; height: 44px; float: left; display: block; overflow: hidden; cursor: pointer; border: 0; text-indent: -9999px; background: url(../images/btnSendNow.jpg) no-repeat top left; } div#buttonActions div#sendHolder .btnNoThanks { margin-left: 15px; margin-top: 10px; width: 83px; height: 20px; float: left; display: block; overflow: hidden; cursor: pointer; border: 0; text-indent: -9999px; background: url(../images/btnDone.jpg) no-repeat top left; } div.errorSummary, div#referFriend div.validationSummary { margin-left: 25px; margin-right: 25px; background-color:#fcbd79; border:1px solid #006171; color: #404040 !important; margin-bottom: 15px; padding: 5px 10px; font-size: 11px; line-height: 15px; } div#referFriend p#limitNote { font-size: 12px; line-height: 17px; color: #717171; padding-bottom: 40px; } div#referFriend p#bkHome { padding-bottom: 35px; } div#referFriend p#bkHome a { margin: 0 auto; width: 225px; height: 43px; overflow: hidden; text-indent: -9999px; display: block; background: url(../images/btnGoToHome.jpg) no-repeat top left; } .limitReached{ position: relative; padding-top: 15px; padding-left: 100px; } .limit_image{ position: absolute; top: 50px; left: 20px; } div#referFriend .limitReached div#shareOn{ border: 0px; width: 860px; } /****************************** Haunted Optin ******************************/ div#optInHolder { width: 960px; text-align: center; } div#optIn { width: 420px; padding-top: 20px; padding-bottom: 20px; margin: 0 auto; } div#optIn input#ctl00_ContentPlaceHolder1_cbOptIn { float: left; display: inline; width: 27px; margin-top: 5px; text-align: center; } div#optIn label { float: left; display: inline; width: 380px; font-size: 14px; color: #404040; line-height: 19px; text-align: left; } /*********************************** Store Locator *********************************/ div#storeLocator { width: 592px; border-bottom: 1px solid #cacaca; padding-bottom: 15px; padding-top: 27px; font-family: Arial; } div#storeLocator h3 { font-size: 14px; line-height: 19px; color: #006171; font-weight: bold; padding-bottom: 10px; } div#storeBtn { display: none; } div.location { width: 272px; padding-right: 24px; float: left; display: inline; padding-bottom: 10px; padding-top: 9px; } div#storeLocator .errorMessage { color: #676767 !important; padding: 5px 10px; border: 1px solid #f00; display: block; background-color:#FBCECF; clear: left; font-size: 13px; line-height: 17px; } div.btnSelect { margin-right: 13px; width: 12px; float: left; display: inline; margin-top: 3px; } div#ctl00_ContentPlaceHolder1_ctlQuestions_selectedLocationText { width: 592px; font-family: Arial; padding-bottom: 10px; } div.storeInfo { float: left; display: inline; width: 247px; font-family: Arial; } div.storeInfo h4, div#ctl00_ContentPlaceHolder1_ctlQuestions_selectedLocationText h4 { font-size: 12px; line-height: 16px; color: #006171; font-weight: bold; } div.storeInfo p.address, div#ctl00_ContentPlaceHolder1_ctlQuestions_selectedLocationText p.address { font-size: 11px; line-height: 15px; color: #404040; } div.storeInfo p.phone, div#ctl00_ContentPlaceHolder1_ctlQuestions_selectedLocationText p.phone { font-size: 11px; line-height: 15px; color: #404040; font-weight: bold; } /*********************************** Sales reminder ***********************************/ div#salesReminder { width: 592px; border-bottom: 1px solid #cacaca; padding-bottom: 25px; padding-top: 18px; font-family: Arial; } div#salesReminder h3 { font-size: 14px; line-height: 19px; color: #006171; font-weight: bold; padding-bottom: 15px; } #ctl00_ContentPlaceHolder1_ctlQuestions_chkEmailMe_b0d54934_cbValue label, #ctl00_ContentPlaceHolder1_ctlQuestions_chkTextMe_5b8b8d30_cbValue label { float: left; display: inline; width: 550px; font-size: 16px; line-height: 21px; color: #404040; } div.checkRow { position: relative; height: 50px; width: 590px; } div.checkRow input {position: absolute; top: 0px; left: 0px;} div.checkRow label {position: absolute; top: 0px; left: 30px; color: #404040;} div.checkRow2 { position: relative; height: 40px; width: 590px; } div.checkRow2 input {position: absolute; top: 0px; left: 0px;} div.checkRow2 label {position: absolute; top: 0px; left: 30px; color: #404040;} div#ctl00_ContentPlaceHolder1_ctlQuestions_txtTextPhoneNumber_4c8485fd_divQTitle span#ctl00_ContentPlaceHolder1_ctlQuestions_txtTextPhoneNumber_4c8485fd_lblTitle { font-size: 12px !important; line-height: 18px; } div#txtMeInfo { padding-left: 30px; padding-bottom: 20px; } /*********************************** AGREE ***********************************/ div#agree { width: 592px; padding-top: 20px; padding-bottom: 20px; } div#agree span.checkbox { } div#agree label { display: inline; width: 550px; font-size: 14px; line-height: 18px; color: #404040; font-family: Arial; padding-left: 10px; } div#agree label a { color: #404040; } /*********************************** Captcha ***********************************/ div.captchaHolder { width: 592px; border-bottom: 1px so1lid #cacaca; padding-bottom: 25px; } div#captcha_def, div#ctl00_ContentPlaceHolder1_captcha_def { width: 150px; float: left; display: inline; font-size: 14px; line-height: 18px; color: #404040; padding-top: 12px; font-family: Arial; } div#captcha { width: 250px; float: left; display: inline; margin-left: 12px; } div#captchaImage { width: 220px; float: left; display: inline; } span input.captchaInput { width: 56px; margin-top: 5px; border: 1px solid #949494 !important; display: block; overflow: hidden; padding-left: 10px; color:#787878; font-family: arial; font-size: 14px; height: 15px; padding-top: 3px; padding-bottom: 3px; vertical-align: middle; background-color: #fff !important; float: left; } p#smallquestion { clear: left; font-size: 10px; color: #1b5ea1; text-decoration: underline; cursor: pointer; cursor: hand; } div#whyCaptcha { width: 592px; padding-top: 5px; display: none; clear: both; } div#whyCaptcha p { font-size: 11px; line-height: 15px; color: #404040; font-family: Arial; } /*************************************** bottom callouts ***************************************/ div#bottomCallouts { width: 960px; padding-top: 22px; } div#spinBucket { width: 304px; float: left; display: inline; } div#aboutBucket { width: 304px; float: left; display: inline; } div#fashionBucket { width: 304px; float: left; display: inline; margin-left: 23px; } div#cosmeticBucket { width: 304px; float: left; display: inline; margin-left: 23px; } div#resultsBucket { width: 304px; float: left; display: inline; margin-left: 23px; } div.rotate { position: relative; width: 304px; height: 106px; } div.rotating_item { position: absolute; top : 0; left: 0; } div#bottomCallouts p.calloutBtn a { width: 304px; height: 29px; display: block; text-indent: -9999px; overflow: hidden; margin-top: 2px; background-repeat: no-repeat; background-position: top left; } div#bottomCallouts p.calloutBtn#btnSpin a { background-image: url(../images/btnSpinCallout.jpg); } div#bottomCallouts p.calloutBtn#btnAbout a { background-image: url(../images/btnAboutCallout.jpg); } div#bottomCallouts p.calloutBtn#btnResults a { background-image: url(../images/btnResultsCallout.jpg); } div#bottomCallouts p.calloutBtn#btnCosmetic a { background-image: url(../images/btnCosmeticsCallout.jpg); } div#bottomCallouts p.calloutBtn#btnFashion a { background-image: url(../images/btnFashionCalloutPhase3.jpg); } div#bottomCallouts p.calloutBtn#btnPeople a { background-image: url(../images/btnPeopleSaying.jpg); } div#bottomCallouts p.calloutBtn#btnShop a { background-image: url(../images/btnShopOnline.jpg); } /*************************************** Footer ***************************************/ div#footerHolder { width: 100%; background: url(../images/bgFooter.jpg) repeat-x top left; padding-top: 21px; height: 211px; overflow: hidden; } div#footer { width: 960px; text-align: left; margin: 0 auto; } body.splash div#footer { width: 970px; } div#footer p, div#footer p a { color: #404040; } div#footer p#copyRight { font-size: 12px; line-height: 17px; float: left; display: inline; width: 330px; } div#footer p#footerLinks { width: 445px; float: right; text-align: right; display: inline; font-size: 11px; } div#footer p#footerLinks span.pad { padding-left: 5px; padding-right: 5px; } div#footer p#legal { padding-top: 15px; clear: both; font-size: 11px; line-height: 17px; } /*************************************** Facebook Like Buttons ***************************************/ #facebook_like_footer{ background-image: url(../images/facebook_like_bkgd.jpg); background-repeat: no-repeat; width: 940px; height: 38px; padding-left: 20px; padding-top: 12px; margin-top: 30px; } .index_likegoodwill_footer{position: relative; top: -0.8em; padding-right: 5px; font-size: 11px; font-weight: bold; color: #333333;} .fan{position: relative; top: -0.5em; padding-right: 5px; font-size: 11px; font-weight: bold; color: #333333;} #facebookbtn_Bon-Ton, #facebookbtn_Bergners, #facebookbtn_Boston-Store, #facebookbtn_Carson-Pirie-Scott, #facebookbtn_Elder-Beerman, #facebookbtn_Herbergers, #facebookbtn_Parisian, #facebookbtn_Younkers{ float: right; padding-right: 20px; } #facebookbtn_Bon-Ton a{ background-image: url(../images/facebookbtn_bonton.jpg); display: inline-block; width: 119px; height: 20px; } #facebookbtn_Bergners a{ background-image: url(../images/facebookbtn_bergners.jpg); display: inline-block; width: 119px; height: 20px; } #facebookbtn_Boston-Store a{ background-image: url(../images/facebookbtn_bostonstore.jpg); display: inline-block; width: 119px; height: 20px; } #facebookbtn_Carson-Pirie-Scott a{ background-image: url(../images/facebookbtn_carsons.jpg); display: inline-block; width: 119px; height: 20px; } #facebookbtn_Elder-Beerman a{ background-image: url(../images/facebookbtn_elderbeerman.jpg); display: inline-block; width: 119px; height: 20px; } #facebookbtn_Herbergers a{ background-image: url(../images/facebookbtn_herbergers.jpg); display: inline-block; width: 119px; height: 20px; } #facebookbtn_Parisian a{ background-image: url(../images/facebookbtn_parisian.jpg); display: inline-block; width: 119px; height: 20px; } #facebookbtn_Younkers a{ background-image: url(../images/facebookbtn_younkers.jpg); display: inline-block; width: 119px; height: 20px; }