/**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ * { margin:0; padding:0; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:''; } blockquote, q { quotes: "" ""; } abbr, acronym { border:0; font-variant:normal; } sup, sub { line-height:-1px; vertical-align: text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small; *font:x-small; } table { font-size:inherit; font:100%; } /** * Bump up IE to get to 13px equivalent */ pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:99%; } /** * Default line-height based on font-size rather than "computed-value" * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */ body * { line-height:1.22em; } /* {font-size:77%;} renders 10px {font-size:85%;} renders 11px {font-size:93%;} renders 12px {font-size:100%;} renders 13px {font-size:108%;} renders 14px {font-size:116%;} renders 15px {font-size:123.1%;} renders 16px {font-size:131%;} renders 17px {font-size:138.5%;} renders 18px {font-size:146.5%;} renders 19px {font-size:153.9%;} renders 20px */ h1, h2, h3, h4, h5, h6, strong { font-weight:bold; } em { font-style:italic; } th { font-weight:bold; text-align:center; } p { margin: 1em 0; } 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 outside; } div#content ol li { list-style: decimal outside; } div#content li { margin:0.5em 0; } div#content dl dd { margin-left:1em; } body { background: #FFF url(../images/bg.png); color:#000; } a, a:link, a:visited, a:active { color: #0000EE; } a:hover { color:#0000EE; } /**************************************************************************************************************************** * Reset css finish ****************************************************************************************************************************/ /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body {text-align:center; font-family:Arial;} #mainContanier { width:746px; margin:auto;margin-top:18px;text-align:left; background:#fff;} #header{} #header a{ width:746px; height:32px; background:#22a17d;font-size:24px; color:#FFF; text-align:center; padding:4px 0 0 0; display:block; text-decoration:none} #header a:hover{ color:#CCC} #mainContent{width:680px; margin:auto; margin-top:50px} #mainContent2{ width:700px; margin:40px 0 0 0 } #mainContent img{margin:0 0 0 25px } #welcomeVideo{width:200px; height:56px; margin:auto; margin-top:20px} #welcomeVideoa{width:400px; height:56px; margin:auto; margin-top:20px} #footer{width:360px;margin:auto; text-align:center;font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; color:gray; line-height:18px; margin-top:6px} #contentLeft{ width:204px; float:left} #contentRight{width:456px; float:left;padding:0 0 0 40px; color:#666; font-size:13px; font-weight:bold} #contentRight h1{ font-size:16px; color:#006699;} .C{clear:both;} .FL{float:left;} .FR{float:right;} .L{width:318px; height:282px;} .R{width:269px; height:170px; margin-top:43px;} .ML{ margin-left:45px;} *html .ML{ margin-left:25px;} #contentBody {width:761px;} #contentL { width:277px; float:left;min-height:500px;} #contentL h1{ font-family:"Trebuchet MS", Tahoma; font-size:18px; color:#003f85; font-weight:normal} #contentL h5{ font-family:"Trebuchet MS", Tahoma; font-size:12px; color:#3974a8; font-weight:normal; text-align:justify; margin-top:10px} #logo { width:275px; height:92px; background:url(../images/logo.jpg); border-left:#506671 1px solid;border-right:#506671 1px solid} #SelfEvaluation{ width:277px; height:84px; background:url(../images/takeLasikSelfEvaluation.png);} #leftBox{ padding:24px 36px 24px 36px; border-bottom:1px solid #506671} #leftBox1{ padding:25px 36px 24px 36px; border-bottom:1px solid #506671; height:218px} #leftBox2{ padding:16px 36px 24px 36px; border-bottom:1px solid #506671; height:304px} #leftBox3{ padding:16px 36px 24px 23px; border-bottom:1px solid #506671;border-right:1px solid #e4e8ec; height:640px; background:#fff} #contentR { width:483px; float:left;min-height:500px;} #contentR h1{ font-family:"Trebuchet MS", Tahoma; font-size:18px; color:#003f85; font-weight:normal} #contentR h5{ font-family:"Trebuchet MS", Tahoma; font-size:12px; color:#000; font-weight:normal; text-align:justify; margin-top:10px;} #headeMedia { width:483px; height:382px; background:url(../images/headerMedia.jpg);} #headeMedia2 { width:483px; height:92px;} #content{} #contentSubTop{border-bottom:1px solid #000000; padding:24px 24px 20px 24px; position:relative} #guiname{ font-family:"Trebuchet MS", Tahoma; font-size:18px; color:#003f85; font-weight:normal; position:absolute; top: 12px; } #fontResizeContanier,#fontResizeContanier1{ position:absolute; top: 12px; left:350px; width: 112px; height:28px; background:url(../images/fontResize.png)} #fontResizeContanier1{ top: 22px; left:331px; } #A1{ position:absolute; width:7px; height:19px; left: 28px; top: 8px; } #A2{ position:absolute; width:7px; height:19px; left: 44px; top: 8px; } #A3{ position:absolute; width:7px; height:19px; left: 59px; top: 8px; } a.A1_1 { display:block; float:left; width:7px; height:19px; background:url(../images/fontResizer.gif) no-repeat 0px 0px; font-size:8px } a.A1_1:hover { background:url(../images/fontResizer.gif) no-repeat 0px -14px; width:7px; height:19px; } a.A2_1 { display:block; width:7px; height:19px; background:url(../images/fontResizer.gif) no-repeat -23px 0px; font-size:8px } a.A2_1:hover { background:url(../images/fontResizer.gif) no-repeat -23px -14px; width:7px; height:19px; } a.A3_1 { display:block; float:left; width:7px; height:19px; background:url(../images/fontResizer.gif) no-repeat -23px 0px; font-size:8px } a.A3_1:hover { background:url(../images/fontResizer.gif) no-repeat -23px -14px; width:7px; height:19px; } #contentSub{padding:14px 24px 20px 24px; position:relative} #rightBox{ height:223px; border-bottom:1px solid #506671;padding:24px 36px 20px 36px; position:relative } #rightBox1{padding:14px 0px 20px 5px; border-bottom:1px solid #506671; height:310px} #modulContanier{width:236px; height:323px;float:left;} #modL{width:20px; height:323px;float:left; background:url(../images/modulLR.png)} #modM{width:190px; height:323px;float:left;background:url(../images/modulM.png); position:relative} #modR{width:20px; height:323px;float:left;background:url(../images/modulLR.png) -20PX 0} #modMInner, #modMInner2{font-size:12px; color:#fff; text-align:justify; padding: 24px 8px 0 2px ;} #modMInner2{padding:0px 8px 0 2px ; line-height:14px; height:300px} #modulContanier1-2{width:236px; height:323px;} #modulContanier1{width:236px; height:323px;} #modL1{width:20px; height:323px;float:left; background:url(../images/modulLR.png)} #modM1{width:190px; height:323px;float:left;background:url(../images/modulM.png); position:relative} #modR1{width:20px; height:323px;float:left;background:url(../images/modulLR.png) -20PX 0} #modM1Inner1-1, #modM1Inner1-12{font-size:12px; color:#fff; text-align:justify; padding: 24px 8px 0 2px ;} #modM1Inner1-12{padding:0px 8px 0 2px ; line-height:14px; height:300px} #liClass{} #liClass li{line-height:9px; list-style:circle inside;padding:0; margin:0;} #liClass2 li{line-height:16px; list-style:circle inside;padding:0; margin:0;} #footer1L {float:left; width:219px; height:91px; padding:28px 28px 22px 28px; position:relative; background:#80a7c8} #footer1R {float:left; width:425px; height:91px; padding:24px 40px 0 20px; background:#e4e8ec; height:116px} #footer1R h1{ font-family:"Trebuchet MS", Tahoma; font-size:18px; color:#003f85; font-weight:normal} #footer1R h5{ font-family:"Trebuchet MS", Tahoma; font-size:12px; color:#000; font-weight:normal; text-align:justify; margin-top:10px} #footerMenu { color:#3672a7; font-size:10px; margin:auto; width:720px; text-align:center; border:1px solid #000; padding:20px} #footerMenu a { color:#3672a7; margin:6px; line-height:24px; text-decoration:none } #footerMenu a:hover { color:#aeaeae; line-height:24px; text-decoration:none } /**************************************************************************************************************************** * button contaniers ****************************************************************************************************************************/ #btnContanier1{ margin:18px 0 0 70px} #btnContanier2{ margin:4px 0 0 70px} #btnContanier3{ margin:0 0 0 18px} #btnContanier4{ position:absolute; left: 24px; top: 265px; } #btnContanier5{ position:absolute; left: 25px; } #btnContanier6{ position:absolute; left: 150px; } /**************************************************************************************************************************** * button Sets ****************************************************************************************************************************/ a#makeAppointment, #makeAppointment span, span.makeAppointment_span { display:block; position:relative; width:147px; height:40px; overflow:hidden; } a#makeAppointment span, span.makeAppointment_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -0px; } a#makeAppointment:hover span, span.makeAppointment_span_oo {background-position:0 -40px;} a#learnMore, #learnMore span, span.learnMore_span { display:block; position:relative; width:147px; height:40px; overflow:hidden; } a#learnMore span, span.learnMore_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -82px; } a#learnMore:hover span, span.learnMore_span_oo {background-position:0 -122px;} a#learnMore1, #learnMore1 span, span.learnMore1_span { display:block; position:relative; width:142px; height:40px; overflow:hidden; } a#learnMore1 span, span.learnMore1_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -162px; } a#learnMore1:hover span, span.learnMore1_span_oo {background-position:0 -205px;} a#clickHere, #clickHere span, span.clickHere_span { display:block; position:relative; width:142px; height:40px; overflow:hidden; } a#clickHere span, span.clickHere_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -248px; } a#clickHere:hover span, span.clickHere_span_oo {background-position:0 -291px;} a#takeTest, #takeTest span, span.takeTest_span { display:block; position:relative; width:277px; height:84px; overflow:hidden; } a#takeTest span, span.takeTest_span { position:absolute; left:0; top:0; background:url(../images/takeLasikSelfEvaluation.png) no-repeat 0 -0px; } a#takeTest:hover span, span.takeTest_span_oo {background-position:0 -84px;} a#ourLocations, #ourLocations span, span.ourLocations_span { display:block; position:relative; width:102px; height:91px; overflow:hidden; } a#ourLocations span, span.ourLocations_span { position:absolute; left:0; top:0; background:url(../images/ourLocations.png) no-repeat 0 0; } a#ourLocations:hover span, span.ourLocations_span_oo {background-position:0 -91px;} a#ourTeam, #ourTeam span, span.ourTeam_span { display:block; position:relative; width:102px; height:91px; overflow:hidden; } a#ourTeam span, span.ourTeam_span { position:absolute; left:0; top:0; background:url(../images/ourLocations.png) no-repeat -102px 0; } a#ourTeam:hover span, span.ourTeam_span_oo {background-position:-102px -91px;} /**************************************************************************************************************************** * replace contaniers ****************************************************************************************************************************/ #replaceContanier{ position:absolute; top: 57px; left: -5px; } #replaceContanier1{} #replaceContanier2{ position:absolute; top: 109px; left: 3px; } /**************************************************************************************************************************** * text replaces ****************************************************************************************************************************/ #replace { position:relative; width:181px; height:26px; padding:0; overflow:hidden;margin:0px 0 0 0px;padding:14px 0 0 6px; } #replace span, span.replace { position: absolute; top:0; left:0px; width:181px; height:26px; background:url(../images/lasikConnecticun.png) left top no-repeat;margin:14px 0 0 6px; } #replace1 { position:relative; width:152px; height:26px; padding:0; overflow:hidden;margin:0 0 0 8px; padding:14px 0 0 10px} #replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:152px; height:26px; background:url(../images/bladeFreeLasik.png) left top no-repeat; margin:14px 0 0 10px} #replace2 { position:relative; width:201px; height:44px; padding:0; overflow:hidden;} #replace2 span, span.replace2 { position: absolute; top:0; left:0px; width:201px; height:44px; background:url(../images/mod2Pic.png) left top no-repeat; } #replace3 { position:relative; width:225px; height:80px; padding:0; overflow:hidden; margin:10px 0 0 0} #replace3 span, span.replace3 { position: absolute; top:0; left:0px; width:225px; height:80px; background:url(../images/NewAccomodativePremiumLensImplants.jpg) left top no-repeat; } /************************************************/ /************************************************/ .content_text{ color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; } .header_text{ color:#006699; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:bold; } /**********************************/ #photo_album { position:relative; width: 400px; height: 1490px; margin:0; padding:0; overflow:hidden; } #photo_album span, span.photo_album { position: absolute; top:0; left:0; width:400px; height:1490px; } /***********************************/ div#contentRight blockquote,div#contentRight ul,div#contentRight ol,div#contentRight dl {margin:1em;} div#contentRight ol,div#contentRight ul,div#contentRight dl {margin-left:2em;} div#contentRight ul li {list-style: disc outside;} div#contentRight ol li {list-style: decimal outside;} div#contentRight li {margin:0.5em 0; } div#contentRight dl dd {margin-left:1em;}