body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } /**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html {} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; margin:0; padding:0} legend { color:#000; } /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body {background:url(../images/bg.png) repeat-x;center; font-family:Arial;} a, a visit {color:#00A9E5; text-decoration:underline} a:hover{color:#15A0BE;text-decoration:none;} #wrapper { width:940px;position:relative; margin:auto;text-align:left } .top {height:88px;margin:auto;position:relative;background:url(../images/top.png) no-repeat 220px 0; z-index:1000} .logo { width:259px; height:77px; position:absolute; background:url(../images/logo.png); top: 7px; } .searchCont { width:283px; height:42px; position:absolute; background:url(../images/searchBg.png) no-repeat; left: 657px; top:37px; } .headerMedia{ margin:auto; height:203px} .fast20{ width:940px; height:133px;} .fast20L{ width:34px; height:133px; float:left; background:url(../images/fast20LR.png) no-repeat;} .fast20M{ width:869px; height:133px; float:left; background:url(../images/fast20M.png)} .fast20R{ width:34px; height:133px; float:left; background:url(../images/fast20LR.png) no-repeat -34px 0;} .fastNav1{ width:172px; height:109px; margin:14px 0 0 20px; padding:0 0 0 68px;background:url(../images/fastNav123.png) no-repeat; float:left} .fastNavTxt{ padding:8px 0 0 0;font-size:11px; color:#fff} .fastNav2{ width:172px; height:109px; margin:14px 40px 0 28px; padding:0 0 0 68px;background:url(../images/fastNav123.png) no-repeat 0 -123px; float:left} .fastNav3{ width:210px; height:109px; margin:14px 0 0 0; padding:0 0 0 68px;background:url(../images/fastNav123.png) no-repeat 0 -246px; float:left} #content{ width:940px; min-height:1010px;padding:40px 0 0 0; background:url(../images/contentBg.jpg) no-repeat} .contentL{ width:294px; min-height:880px; padding:0 0 0 29px;background:url(../images/contentL.png) no-repeat right 20px;float:left} *html .contentL{ width:294px; height:700px; padding:0 0 0 29px;background:url(../images/contentL.png) no-repeat right 20px;float:left} .lefttBlock{} .contentR{ width:550px; min-height:588px; padding:0 0 60px 15px; float:left; font-size:12px; line-height:17px; overflow:hidden;} .lefttBlockL{ width:44px; height:190px; float:left;background:url(../images/lefttBlockLR.png) no-repeat;} .lefttBlockM{ width:173px; height:190px; float:left;background:url(../images/lefttBlockM.png);} .lefttBlockR{ width:44px; height:190px; float:left;background:url(../images/lefttBlockLR.png) no-repeat -44PX 0;} .box1{ height:178px; padding:11px 0 0 0; position:relative} .box2{ height:188px; padding:5px 0 0 0} .box3{ height:140px; padding:13px 0 0 0;} .box2 p, .box3 p { color:#fff; font-size:11px; margin:4px 0 0 0} /***********************DRY**EYE**CALLOUT**********************************/ div#dryEyeCallout {background:url(../images/dryEyeCallout.png) left top no-repeat; width:260px; height:172px; position:relative; top:190px; left:3px;} div.drEyeCalloutText {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; top:135px; left:31px; position:absolute; font-weight:bold;} div.drEyeCalloutText a {text-decoration:none; color:#FFFFFF;} div.drEyeCalloutText a:hover { text-decoration:underline;color:#FFFFFF;} div.drEyeCalloutText a:visited {text-decoration:none;color:#FFFFFF;} .ie7 div#dryEyeCallout {background:url(../images/dryEyeCallout.png) left top no-repeat; width:260px; height:183px; top:0px; left:5px; } .ie6 div#dryEyeCallout {background:url(../images/dryEyeCallout.jpg) left top no-repeat; width:260px; height:183px; top:0px; left:5px; } /**************************************************************************/ .footer { width:940px; height:60px; padding:6px 10px 0 10px; margin:auto; text-align:center; padding:18px 0 0 0; background:url(../images/footer.png) no-repeat center top; border-bottom:1px solid #17a3c1;} .footer img { margin-top:14px; margin-bottom:-2px } .footer a { color:#17a3c1; text-decoration:none; font-size:10px; margin:6px; line-height:24px; text-transform: lowercase } .footer a:hover { color:#636363; } .copyRight{ font-size:10px;color:#17a3c1; margin:auto; width:940px; text-align:center} .lBox1{ width:552px} .lBoxTitleL{ width:26px; height:46px; background:url(../images/lBoxTitleLR.png) 0 0; float:left} .lBoxTitleM{ width:500px; height:40px; padding:6px 0 0 0; background:url(../images/lBoxTitleM.png) 0 0; float:left} .lBoxTitleR{ width:26px; height:46px; background:url(../images/lBoxTitleLR.png) -26px 0; float:left} .lBox1Cont{ border-left:#e7e7e7 1px solid; border-right:#e7e7e7 1px solid; padding:18px 12px 1px 22px;} .lBox1Bottom{ height:19px; background:url(../images/lBox1Bottom.png); } .lBox2{ padding:14px 0 0 0;} .lBox2L{width:22px; height:179px; background:url(../images/lBox2LR.png) 0 0; float:left} .lBox2M{width:488px; height:177px; border-bottom:1px solid #0894b1; float:left; position:relative} .lBox2R{ width:40px; height:179px; background:url(../images/lBox2LR.png) -22px 0; float:left} .img1{ width:213px; height:130px; position:absolute; left: 292px; top: -9px; } .lBox2Txt{ width:284px; height:99px; position:absolute; left: 3px; top: 22px; } .lBox4{ padding:14px 0 0 0;} .lBox4L{width:16px; height:103px; background:url(../images/lBox4LR.png) 0 0; float:left} .lBox4M{width:505px; height:100px; border-bottom:1px solid #0894b1; border-top:1px solid #0894b1; float:left; position:relative} .lBox4R{ width:27px; height:103px; background:url(../images/lBox4LR.png) -16px 0; float:left} .lBox4Txt{ width:500px; height:43px; position:absolute; left:0; top:20px; } a#lBox4ClickBtn {display:block; position:relative; width: 130px; height: 33px; margin:0; padding:0;overflow:hidden;cursor:pointer;} a#lBox4ClickBtn span, span.lBox4ClickBtn {position: absolute;top:0; left:0;width:130px; height:33px;background: url(../images/lBox4ClickBtn.png) left top no-repeat; cursor:pointer;} a#lBox4ClickBtn:hover span { background-position:left bottom; } .lBox3L{ width:16px; height:146px; background:url(../images/box3LR.png) 0 0; float:left} .lBox3M{ width:508px; height:130px; padding:16px 0 0 0; background:url(../images/box3M.png) 0 0; float:left; color:#FFF; position:relative} .lBox3R{ width:26px; height:146px; background:url(../images/box3LR.png) -14px 0;float:left} .font19{ font-size:19px;} .font14{ font-size:14px; font-style:italic} .subBox1Top{ width:269px; height:77px; background:url(../images/subBox1Top.png)} .subBox1M{ height:115px;width:190px; padding:0 0 0 79px;background:url(../images/subBox1M.png)} .subBox1Bottom{ width:269px; height:51px; background:url(../images/subBox1Bottom.png)} .subBox1M a{ font-size:13px; font-weight:bold; height:16px; color:#00a6dc; display:block; padding:0 0 0 20px; background:url(../images/arrow.png) no-repeat left; text-decoration:none} .subBox1M a:hover{color:#696969} .subQCBoxL{ width:40px; height:197px; background:url(../images/subQCBoxLR.png) 0 0; float:left} .subQCBoxM{ width:182px; height:190px; padding:6px 0 0 8PX; background:url(../images/subQCBoxM.png) 0 0; float:left} .subQCBoxR{ width:40px; height:197px; background:url(../images/subQCBoxLR.png) -40px 0; float:left} /**************************************************************************************************************************** * form elements >> css ****************************************************************************************************************************/ .searchinput{width:142px; height:14px; border:0px; position:absolute; font-size:11px; color:#0c2854; background:transparent; left: 59px; top: 24px;} .qcInput{width:170px; height:17px; padding:0 0 0 2px;border:0px;font-size:11px; color:#0c2854; background:transparent;} .qcTxtArea {width:164px; height:32px; OVERFLOW:auto; padding:1px 0 0 3px; font-size:11px;color:#0c2854;background:transparent; border:0;} .sButton{ width:53px; height:17px; border:0px; position:absolute; left: 227px; top: 21px; } .qcButton{ width:139px; height:22px; border:0px; position:absolute; left: 18px; top: 151px;} .qc { width:174px; height:19px;background:url(../images/qc-input.png); margin:6px 0 0 0;} .qc1 { width:170px; height:37px;background:url(../images/qc-textArea.png); padding:0 0 0 4px; margin:6px 0 0 0;} /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ #replace1Cont {width:119px; height:17px;} #replace2Cont {width:151px; height:20px;padding:0;overflow:hidden;} #replace3Cont {width:151px; height:20px;} #replace4Cont {width:96px; height:17px;margin:auto} #replace5Cont {width:182px; height:37px;margin:auto} #replace6Cont {width:161px; height:47px;margin:auto} .replace8Cont { width:284px; height:26px; position:absolute; top: -10px; } .replace9Cont { width:158px; height:18px; position:absolute; top: -10px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative;width:119px; height:17px;padding:0;overflow:hidden; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px;width:119px; height:17px;background:url(../images/replace1Set.png) 0 0} #replace2 { position:relative;width:149px; height:20px;padding:0;overflow:hidden; } #replace2 span, span.replace2 { position: absolute; top:0; left:0px;width:149px; height:20px;background:url(../images/replace1Set.png) 0 -17px} #replace3 { position:relative;width:151px; height:20px;padding:0;overflow:hidden; } #replace3 span, span.replace3 { position: absolute; top:0; left:0px;width:151px; height:20px;background:url(../images/replace1Set.png) 0 -37px;} #replace4 { position:relative;width:96px; height:17px;padding:0;overflow:hidden; } #replace4 span, span.replace4 { position: absolute; top:0; left:0px;width:96px; height:17px;background:url(../images/replace1Set.png) 0 -57px;} #replace5 { position:relative;width:182px; height:37px;padding:0;overflow:hidden; } #replace5 span, span.replace5 { position: absolute; top:0; left:0px;width:182px; height:37px;background:url(../images/replace1Set.png) 0 -74px;} #replace6 { position:relative;width:161px; height:47px;padding:0;overflow:hidden; } #replace6 span, span.replace6 { position: absolute; top:0; left:0px;width:161px; height:47px;background:url(../images/replace1Set.png) 0 -111px;} #replace7 { position:relative;width:172px; height:38px;padding:0;overflow:hidden; } #replace7 span, span.replace7 { position: absolute; top:0; left:0px;width:172px; height:38px;background:url(../images/replace1Set.png) 0 -158px;} #replace8 { position:relative;width:284px; height:26px;padding:0;overflow:hidden; } #replace8 span, span.replace8 { position: absolute; top:0; left:0px;width:284px; height:26px;background:url(../images/replace1Set.png) 0 -196px;} #replace9 { position:relative;width: 158px; height: 18px;margin:0; padding:0;overflow:hidden;} #replace9 span, span.replace9 {position: absolute; top:0; left:0;width:158px; height:18px;background: url(../images/replace9.png) left top no-repeat;} /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ .menu1Cont { width:141px; height:51px; position: absolute; left:544px; top:2px; } .menu2Cont {width:130px; height:33px; padding:15px 0 0 0 ;} .menu3Cont {width:263px; height:62px;} .menu4Cont {width:130px; height:33px; position:absolute; left:3px; top: 133px; } .menu5Cont {width:130px; height:33px; position:absolute; left:369px; top: 106px; } .menu6Cont {width:247px; height:57px; padding:8px 0 8px 14px} .menu7Cont {width:247px; height:57px; padding:8px 0 8px 14px} .menu8Cont {width:247px; height:57px; padding:8px 0 8px 14px} .menu9Cont {width:260px; height:74px; margin:0 0 0 2px} .menu11Cont {width:247px; height:57px; padding:8px 0 8px 14px} .menu12Cont {width:247px; height:57px; padding:8px 0 8px 14px} .lBox4Btn {width:130px; height:33px; position:absolute; left:398px; top: 60px; } .menu10Cont { width:141px; height:28px; position: absolute; left:390px; top:2px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:158px; height:26px; overflow:hidden;} a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0px;} a#menu1:hover span, span.menu1_span_oo {background-position:0 -26px;cursor:pointer} a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:130px; height:33px; overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -52px;} a#menu2:hover span, span.menu2_span_oo {background-position:0 -85px;cursor:pointer} a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:263px; height:62px; overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -118px;} a#menu3:hover span, span.menu3_span_oo {background-position:0 -188px;cursor:pointer} a#menu4, #menu4 span, span.menu4_span { display:block; position:relative; width:130px; height:33px; overflow:hidden;} a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -130px -52px;} a#menu4:hover span, span.menu4_span_oo {background-position:-130px -85px;cursor:pointer} a#menu5, #menu5 span, span.menu5_span { display:block; position:relative; width:130px; height:33px; overflow:hidden;} a#menu5 span, span.menu5_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -250px;} a#menu5:hover span, span.menu5_span_oo {background-position:0 -283px;cursor:pointer} a#menu6, #menu6 span, span.menu6_span { display:block; position:relative;width:247px; height:57px;overflow:hidden;} a#menu6 span, span.menu6_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 0;} a#menu6:hover span, span.menu6_span_oo {background-position:-247px 0;cursor:pointer} a#menu7, #menu7 span, span.menu7_span { display:block; position:relative;width:247px; height:57px;overflow:hidden;} a#menu7 span, span.menu7_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -57px;} a#menu7:hover span, span.menu7_span_oo {background-position:-247px -57px;cursor:pointer} a#menu8, #menu8 span, span.menu8_span { display:block; position:relative;width:247px; height:57px;overflow:hidden;} a#menu8 span, span.menu8_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -115px;} a#menu8:hover span, span.menu8_span_oo {background-position:-247px -115px;cursor:pointer} a#menu9, #menu9 span, span.menu9_span { display:block; position:relative; width:260px; height:77px; overflow:hidden;} a#menu9 span, span.menu9_span { position:absolute; left:0; top:0; background:url(../images/menuSet3.png) no-repeat -6px 0;} a#menu9:hover span, span.menu9_span_oo {background-position:-263px 0;cursor:pointer} a#menu10, #menu10 span, span.menu10_span { display:block; position:relative; width:137px; height:28px; overflow:hidden;} a#menu10 span, span.menu10_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -316px;} a#menu10:hover span, span.menu10_span_oo {background-position:0 -344px;cursor:pointer} a#menu11, #menu11 span, span.menu11_span { display:block; position:relative;width:247px; height:57px;overflow:hidden;} a#menu11 span, span.menu11_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -171px;} a#menu11:hover span, span.menu11_span_oo {background-position:-247px -171px;cursor:pointer} a#menu12, #menu12 span, span.menu12_span { display:block; position:relative;width:247px; height:57px;overflow:hidden;} a#menu12 span, span.menu12_span { position:absolute; left:0; top:0; background:url(../images/menuSet2.png) no-repeat 0 -228px;} a#menu12:hover span, span.menu12_span_oo {background-position:-247px -228px;cursor:pointer} /******************/ div.contentR blockquote,div.contentR ul,div.contentR ol,div.contentR dl {margin:1em;list-style: disc inside;} div.contentR ol,div.contentR ul,div.contentR dl {margin-left:2em;} div.contentR ul li {list-style: disc inside;} div.contentR ol li {list-style: decimal inside;} div.contentR li {margin:0.5em 0; } div.contentR dl dd {margin-left:1em;} /*********send to friend*************/ #recommendUsCell { display:none; cursor: default; padding:5px; border:1px solid #000;} .close_form, .close_form_oo { margin:0; padding:0 1px; border:1px solid #555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; cursor:pointer; } .close_form { background-color:#F6F6F6; color:#CC0000; } .close_form_oo { background-color:#C90000; color:#FFF; } #recommendUsForm, #recommendUsForm * { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; } #recommendUsForm { clear:both; } recommendUsForm td { margin:2px 0; } #recommendUsForm .input_txt, #recommendUsForm .input_txtarea { border:1px solid #bbb; background-color:#F6F6F6; padding:2px; margin:1px 0; } #recommendUsForm .input_txt { width:145px; } #recommendUsForm .input_txtarea { width:300px; } #recommendUsForm a { color:#AE620D; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; text-decoration:none; } /************************************/ .glacialslide-html{background-color:#FFF;} .glacialslide-html-blur{border:2px solid gray;} .glacialslide-html-content{position:absolute;display:none;} .glacialslide-loading{display:block;color:#000;font-size:8pt;font-family:sans-serif;font-weight:700;text-decoration:none;border:1px solid #000;background-color:#FFF;padding:2px;} .glacialslide-move{cursor:move;} .glacialslide-display-block{display:block;} .glacialslide-display-none{display:none;} .control{float:right;display:block;font-size:9pt;font-weight:700;text-decoration:none;text-transform:uppercase;color:#999;margin:0 5px;} .control:hover{color:#000!important;} /*****************************/ #directions_first_td { border:2px solid #008080; padding:10px; background-color:#C0C0C0;} #directions_second_td { border:2px solid #008080; padding:10px; background-color:#CC99FF;} #directions_third_td { border:2px solid #008080; padding:10px;} /*****************************/ /**********************/ div#adjust_container_inner { position:absolute; top:280px; left:730px; width: 130px; height: 18px; background-image:url(../images/adjust_font_size.png);} div#adjust_container { position:absolute; top:480px; left:730px; width: 130px; height: 18px; background-image:url(../images/adjust_font_size.png);} div#FontResizer_bar{ position:relative; width:40px; height:18px; background:url(../images/fontresizer_bar.png) no-repeat; margin:0; padding:0; top:0px; left:90px; } div#FontResizer_bar ul {list-style-type:none; margin:0; padding:0;} /****/ a#increase_font { display:block; position:relative; float:left; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#increase_font span, span.increase_font { position: absolute; top:0; left:0; background: url(../images/fontresizer_bar.png) no-repeat; cursor:pointer; } a#increase_font, a#increase_font span { width: 20px; height:18px; } a#increase_font span, span.increase_font { background-position:0px 0px; } a#increase_font:hover span { background-position: 0px -18px; } /****/ a#decrease_font { display:block; position:relative; float:left; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#decrease_font span, span.decrease_font { position: absolute; top:0; left:0; background: url(../images/fontresizer_bar.png) no-repeat; cursor:pointer; } a#decrease_font, a#decrease_font span { width: 20px; height:18px; } a#decrease_font span, span.decrease_font { background-position:-20px 0px; } a#decrease_font:hover span { background-position: -20px -18px; } a#apply_now, #apply_now span, span.apply_now { display:block; position:relative; width:130px; height:33px; overflow:hidden; } a#apply_now span, span.apply_now { position:absolute; left:0; top:0; background:url(../images/apply_now_online.jpg) left top no-repeat; } a#apply_now:hover span, span.apply_now { background-position:left bottom; } /*******************/ .glacialslide { cursor: url(../glacialslide/graphics/zoomin.cur), pointer; outline: none; } .glacialslide img { border: 2px solid gray; } .glacialslide:hover img { border: 2px solid white; } .glacialslide-image { border: 2px solid white; } .glacialslide-image-blur { } .glacialslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; color: black;text-align:center; } .glacialslide-display-block { display: block; } .glacialslide-display-none { display: none; } .glacialslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black;/* padding-left: 22px; background-image: url(../glacialslide/graphics/loader.gif); background-repeat: no-repeat; background-position: 3px 1px; */ } a.glacialslide-credits, a.glacialslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.glacialslide-credits:hover, a.glacialslide-credits:hover i { color: white; background-color: gray; } /**************/ /**********************Text Link***********************/ .ir-link-wrapper { text-align:center; margin:15px auto 15px auto; } .ir-link-wrapper, .ir-link-wrapper a, a.ir-link, a.ir-link:link, a.ir-link:visited, a.ir-link:active { font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#333; } .ir-link-wrapper a:hover, a.ir-link:hover {color:#000; text-decoration:none;} .ir-info-wrapper {} .ir-info {} /**********************Text Link***********************/ a#reorderContacts { display:block; position:relative; width: 263px; height: 62px; margin:0 0 0 9px; padding:0; overflow:hidden; cursor:pointer; } a#reorderContacts span, span.reorderContacts { position: absolute; top:0; left:0; width:263px; height:62px; background: url(../images/find_us_on_facebook.png) left top no-repeat; cursor:pointer; } a#reorderContacts:hover span { background-position:left bottom; } div#reorderContactLenses{position:relative; width:274px; height:64px; top:0; left:-9px;} /*********/ div#btnFacebook{position:relative; top:-201px; left:-7px;} a#find_us_on_facebook { display:block; position:absolute; width: 274px; height: 64px; margin:0; padding:0; overflow:hidden; cursor:pointer; top:381px;} .ie div#btnFacebook{position:absolute; top:883px; left:22px;} a#find_us_on_facebook span, span.find_us_on_facebook { position: absolute; top:0; left:0; width:274px; height:64px; background: url(../images/reorder_contact_lenses.png) left top no-repeat; cursor:pointer;} a#find_us_on_facebook:hover span { background-position:left bottom; } /*********/ div#btnSeeTodayPayLater {position:relative; top:393px; left:16px;} a#btnSeeTodayPayLater { display:block; position:absolute; width: 243px; height: 61px; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#btnSeeTodayPayLater span, span.btnSeeTodayPayLater { position: absolute; top:0; left:0; width:243px; height:61px; background: url(../images/SeeTodayPayLater.png) left top no-repeat; cursor:pointer;} /*************/ .eventsCont {position:relative; top:0; height:186px} a#upcoming_events_btn, #upcoming_events_btn span, span.upcoming_events_btn_span {width:247px;height:57px;display:block; position:relative; overflow:hidden;} a#upcoming_events_btn span, span.upcoming_events_btn_span { position:absolute; left:0; top:0; background:url(../images/upcoming_events_btn.png) no-repeat 0 0;} a#upcoming_events_btn:hover span, span.upcoming_events_btn_span_oo { background-position:-57px 0; cursor:pointer}