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, em, 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 {center; font-family:Arial;background:#003d76 url(../images/bg.png) repeat-x;} .main { width:960px;position:relative; margin:auto;text-align:left;} .top {width:960px;height:96px;margin:auto;position:relative;background:#003d76; z-index:101000} .logo { width:325px; height:53px;background:url(../images/logo.png); display:block; margin:20px 0 0 19px; float:left} *html .logo {width:320px; height:53px;margin:20px 0 0 10px;} .topR{ width:616px; height:96px;display:block;float:left} .topRFirstRow{height:51px;} .topRFirstRowL{width:156px; height:25px;float:left; margin:10px 0 0 10px} .topRFirstRowM{width:150px;float:left; margin:8px 0 0 10PX} .topRFirstRowR{width:150px;float:left} *html .content{width:929px;margin:auto;} .content{width:912px;margin:auto;} .content-in{width:550px;padding:0 20px; color:#003d76; font-size:1.0em;} .content-in a{color:#003d76; font-size:12px; text-decoration:none} .contentL{width:604px;float:left;background:url(../images/contentL.png) no-repeat 0 0; padding:50px 0 0;} .contentLM{width:591px;padding:1px 0 1px 1px;min-height:500px;background:url(../images/contentM.png);} *html .contentLM{height:500px;} .contentLBottom{background:url(../images/contentLBottom.png);height:50px;width:603px;} .content a{ color:#897120; text-decoration:none; font-weight:bold;} .content a:hover{ color:#aa8a1d} .contentR{width:274px;float:left;background:url(../images/contentR.png) -4px 0 no-repeat; min-height:1024px; padding:25px 0 0 23px} *html .contentR{height:1024px;} .seconderyHeader{width:960px;height:104px;position:relative; left:5px; } .guiName{ position:absolute; color:#fff; font-size:23px; font-weight:bold; left:44px; top: 39px; width: 637px; text-align:left ; font-weight:normal} .h1Style{ font-size:18px; color:#003d76; padding:0 0 10px 0 } .RBox1{width:206px; height:97px;padding:11px 10px 0 78px; background:url(../images/RBox1.png) no-repeat; font-size:11px; color:#003d76} .RBox2{width:240px; height:156px; color:#c2e3f2; font-size:11px; padding:10px 18px 0 37px; background:url(../images/RBox2.png) no-repeat; margin:10px 0 10px 0} .RBox3{width:234px; height:338px; padding:17px 26px 0 30px; color:#003d76; font-size:11px;background:url(../images/RBox3.png) no-repeat} .RBox4{width:234px; height:202px; padding:17px 26px 0 30px;color:#003d76; font-size:11px;background:url(../images/RBox4.png) no-repeat; margin:10px 0 0 0} .RBox5{width:234px; height:150px; padding:17px 26px 0 30px;background:url(../images/RBox5.jpg) no-repeat 0 10px;} .LBox1{width:380px; height:300px;padding:0 20px 0 190px; background:url(../images/site-images.jpg) no-repeat; border-bottom:1px solid #c2e3f2; color:#003d76} .LBox2{width:380px; height:300px;padding:0 20px 0 190px; background:url(../images/site-images.jpg) no-repeat 0 -310px; border-bottom:1px solid #c2e3f2; color:#003d76} .LBox3{width:380px; height:340px;padding:0 20px 0 190px; background:url(../images/site-images.jpg) no-repeat 0 -600px; border-bottom:1px solid #c2e3f2; color:#003d76; position:relative} .footer {height:136px;background:#fff url(../images/bottom.png); } .footerMenu { width:960px; padding:10px 0 0 0;background:#fff url(../images/footerTop.png) no-repeat left top; margin:auto} .footerMenu img { margin-top:14px; margin-bottom:-2px } .footerMenu a { color:#003d76; text-decoration:none; font-size:10px; margin:7px; line-height:24px; } .footerMenu a:hover { color:#3876b1;} .copyRight{width:843px; padding:31px 0 0; height:30px; margin:auto; font-size:10px; color:#d98f0e;background:#fff url(../images/copyRight.png) no-repeat left top; text-align:center} .footerMenuCont{ width:600px; margin:auto; text-align:center} /****************** form/**/ #formFloat1, #formFloat2 { width:113px; height:17px;float:left; background:url(../images/inputBg.png); margin:0 0 0 4px } .search { width:110px; height:15px;padding:2px 0 0 2px; font-size:10px; background:transparent; border:0 } .askFormTxtA {width:104px; height:28px; padding:4px; font-size:10px; border: 1px solid #b9bab4; OVERFLOW: auto; border:0; background:transparent } .txtArea{ width:110px; height:46px; float:left; background:url(../images/inputBg2.png); margin:0 0 0 4px ; float:left;} .buttonArea{ width:113px; height:28px; padding:4px 0 0 4px; float:left;} #formBox2{ padding:4px 0 4px 0} /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ .replace1Cont {width:683px; height:21px;padding:6px 0 10px 0} .replace2Cont {padding:6px 0 10px 0} .replace3Cont {padding:44px 0 10px} .replace4Cont {padding:44px 0 10px} .replace5Cont { position:absolute; top: 281px;} .replace6Cont{padding:10px 0 10px 0} .replace7Cont{padding:10px 0 22px 60px} .replace9Cont{padding:8px 0 8px} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative;width:156px; height:25px; padding:0;overflow:hidden;} #replace1 span, span.replace1 { position: absolute; top:0; left:0px;width:156px; height:25px;background:url(../images/replace1Set.png) 0 0} #replace2 { position:relative;width:216px;height:21px; padding:0;overflow:hidden;} #replace2 span, span.replace2 { position: absolute; top:0; left:0px;width:216px;height:21px;background:url(../images/replace1Set.png) 0 -25px} #replace3 { position:relative;width:297px;height:19px;padding:0;overflow:hidden;} #replace3 span, span.replace3 { position: absolute; top:0; left:0px;width:297px;height:19px;background:url(../images/replace1Set.png) 0 -46px} #replace4 { position:relative;width:288px;height:22px;padding:0;overflow:hidden;} #replace4 span, span.replace4 { position: absolute; top:0; left:0px;width:288px;height:22px;background:url(../images/replace1Set.png) 0 -65px} #replace5 { position:relative;width:203px;height:36px;padding:0;overflow:hidden;} #replace5 span, span.replace5 { position: absolute; top:0; left:0px;width:203px;height:36px;background:url(../images/replace1Set.png) 0 -87px} #replace6 { position:relative;width:182px;height:15px;padding:0;overflow:hidden;} #replace6 span, span.replace6 { position: absolute; top:0; left:0px;width:182px;height:15px;background:url(../images/replace1Set.png) 0 -123px} #replace7 { position:relative;width:165px;height:18px;padding:0;overflow:hidden;} #replace7 span, span.replace7 { position: absolute; top:0; left:0px;width:165px;height:18px;background:url(../images/replace1Set.png) 0 -139px} #replace8 { position:relative;width:83px;height:16px;padding:0;overflow:hidden;} #replace8 span, span.replace8 { position: absolute; top:0; left:0px;width:83px;height:16px;background:url(../images/replace1Set.png) 0 -157px} #replace9 { position:relative;width:232px;height:71px;padding:0;overflow:hidden;} #replace9 span, span.replace9 { position: absolute; top:0; left:0px;width:232px;height:71px;background:url(../images/replace1Set.png) 0 -173px} #replace10 { position:relative;width:221px;height:77px;padding:0;overflow:hidden;} #replace10 span, span.replace10 { position: absolute; top:0; left:0px;width:221px;height:77px;background:url(../images/replace1Set.png) 0 -244px} #replace11 { position:relative;width:142px;height:25px;padding:0;overflow:hidden;} #replace11 span, span.replace11 { position: absolute; top:0; left:0px;width:142px;height:25px;background:url(../images/replace1Set.png) 0 -321px} /**************************************************************************************************************************** * Menu Contaniers >> css ****************************************************************************************************************************/ .menu2Cont{ padding:30px 0 0 0;} .menu3Cont{ margin:auto; width:185px; height:45px; padding:0 0 0 0} /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:152px; height:36px;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:-152px 0;cursor:pointer} a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:137px; height:44px;overflow:hidden;} a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -36px;} a#menu2:hover span, span.menu2_span_oo {background-position:-137px -36px;cursor:pointer} a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:185px; height:45px;overflow:hidden;} a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menu3.png) no-repeat 0 0;} a#menu3:hover span, span.menu3_span_oo {background-position:0 0 ;cursor:pointer} /******************/ div.content blockquote,div#content ul,div#content ol,div#content dl {margin:1em;} div.content ol,div#content ul,div#content dl {margin-left:2em;} div.content ul li {list-style: disc inside;} div.content ol li {list-style: decimal inside;} div.content li {margin:0.5em 0; } div.content dl dd {margin-left:1em;} /*******************/ .searchCont{ width:149px; height:34px; padding:4px 0 0 32px; background: #6666FF; position:absolute; left: 700px; top: 7px; background:url(../images/searchBox.png) no-repeat; } .searchTop { width:90px; height:15px; font-size:11px; background:transparent; border:0; position:absolute; top:14px; left:40px; } .searchBtn { width:36px; height:15px; font-size:8px; position:absolute; left: 157px; top:13px; } /**********/ /***********************Financing Buttons****************************/ a#financing_button1, #financing_button1 span, span.financing_button1_span { display:block; position:relative; width:138px; height:27px; overflow:hidden; } a#financing_button1 span, span.financing_button1_span { position:absolute; left:0; top:0; background:url(../images/lanter_care_credit_button1.png) left top no-repeat; } a#financing_button1:hover span, span.financing_button1_span_oo { background-position:left bottom; } a#financing_button2, #financing_button2 span, span.financing_button2 { display:block; position:relative; width:216px; height:41px; overflow:hidden; } a#financing_button2 span, span.financing_button2_span { position:absolute; left:0; top:0; background:url(../images/lanter_care_credit_button2.png) left top no-repeat; } a#financing_button2:hover span, span.financing_button2_span_oo { background-position:left bottom; } a#financing_button3, #financing_button3 span, span.financing_button3_span { display:block; position:relative; width:216px; height:41px; overflow:hidden; } a#financing_button3 span, span.financing_button3_span { position:absolute; left:0; top:0; background:url(../images/lanter_care_credit_button3.png) left top no-repeat; } a#financing_button3:hover span, span.financing_button3_span_oo { background-position:left bottom; } a#financing_button4, #financing_button4 span, span.financing_button4_span { display:block; position:relative; width:502px; height:73px; overflow:hidden; } a#financing_button4 span, span.financing_button4_span { position:absolute; left:0; top:0; background:url(../images/lanter_care_credit_button4.png) left top no-repeat; } a#financing_button4:hover span, span.financing_button4_span_oo { background-position:left bottom; } /***********************Financing Buttons****************************/