/**************************************************************************************************************************** * 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 { font-size:12px; color:#1174cd; text-decoration:none} a:hover { color:#bababa;} /**************************************************************************************************************************** * Reset css finish ****************************************************************************************************************************/ /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#fff;text-align:center; font-family:Arial;} #mainContanier { width:1013px; margin:auto; text-align:left;} #header { width:1013px; height:398px;} #headerTop { width:1013px; height:82px; position:relative; background:#fff} #logo{ width:248px; height:82px; position:absolute; left:0px; top:0px; background:url(../images/logo.png) } #telephone{ width:257px; height:82px; position:absolute;left:756px; top:0px; background:url(../images/telephone.png) } #mainNavContanier{ width:1001px; height:42px; background:url(../images/mainNavContanier.png); padding:0 0 0 12px} #headerMedia{ width:1013px; height:257px;} #headerBorder{width:990px; height:17px; background:url(../images/headerBorder.png); border:1px solid #d0ddef; border-top:0px;margin:0 0 0 11px} #contentContanier{width:992px; margin:10px 0 0 11px} #contentContanier h1{ font-size:17px; color:#1174cd} #contentContanier span{ font-size:17px; color:#565656} #contentContanier p{ font-size:12px; color:#494949; text-align:justify} #contentContanier strong{ font-size:13px; color:#494949;} #contentL{width:297px;float:left} #contentR{width:625px; padding:16px 20px 0 50px;float:left; background:url(../images/contentRBg.png) no-repeat 0 64px ; min-height:1090px} #contentR2{width:625px; padding:16px 20px 0 50px;float:left; background:url(../images/contentRBg2.png) no-repeat 0 64px ; min-height:1110px; position:relative} *html #contentR2{height:1110px} #modR1{ position:relative; height:204px;} #modR2{ position:relative; height:234px;} #modR3{ position:relative; height:274px;} #modRTxt1{ position:absolute; width: 462px; left: 153px; top: 43px; } #modRTxt2{ position:absolute; width: 450px; left: 160px; top: 41px; } .index #modL{width:274px; height:700px; margin:14px 0 0 0;} .inner #modL{width:274px; height:700px; margin:14px 0 0 0;} #modLTop{ width:274; height:27px;background:url(../images/modLTop.png);} .index #modLMiddle{ width:224; height:620px;background:url(../images/modLMiddle.png); padding:0 25px 0 25px} .inner #modLMiddle{ width:224; height:620px;background:url(../images/modLMiddle.png); padding:0 25px 0 25px} .dropdownMenu{position: absolute; width: 150px; right: 200px; top:11px;} #modLBottom{ width:274; height:20px;background:url(../images/modLBottom.png);} #secondModL{ padding:14px 0 0 24px;} #footerContanier { width:990px;height:55px; margin:auto; text-align:center;} #footerL { width:26px; height:55px;background:url(../images/footerL.png);float:left} #footer { width:935px; height:45px; padding:10PX 0 0 0;background:url(../images/footer.png);float:left} #footerR { width:29px; height:55px;background:url(../images/footerR.png);float:left} #footer img { margin:14px 0 -3px 0 } #footer a { color:#000; margin:0 10px 0 10px; text-decoration:none;font-size:10px; } #footer a:hover { color:#9eb1db;} /**************************************************************************************************************************** * Replaces Contaniers >> css ****************************************************************************************************************************/ #replace1Contanier{width:417px; height:27px;} #replace2Contanier{width:132px; height:184px;} #replace3Contanier{ width:132px; height:184px; position:absolute; top: 43px; } #replace4Contanier{ width:132px; height:165px; position:absolute; top: 42px;} #replace5Contanier{ width:175px; height:40px; position:absolute; left: 808px; top: 413px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative; width:417px; height:27px; padding:0; overflow:hidden;} #replace1 span, span.replace1 { position: absolute; top:0; left:0px;width:417px; height:27px; background:url(../images/WELCOME.png) left top no-repeat; } #replace2 { position:relative; width:132px; height:184px; padding:0; overflow:hidden;} #replace2 span, span.replace2 { position: absolute; top:0; left:0px;width:132px; height:184px; background:url(../images/welcomeImg.jpg) left top no-repeat; } #replace3 { position:relative; width:132px; height:184px; padding:0; overflow:hidden;} #replace3 span, span.replace3 { position: absolute; top:0; left:0px;width:132px; height:184px; background:url(../images/CUSTOMVUELASIK.jpg) left top no-repeat; } #replace4 { position:relative; width:132px; height:165px; padding:0; overflow:hidden;} #replace4 span, span.replace4 { position: absolute; top:0; left:0px;width:132px; height:165px; background:url(../images/freelasik.png) left top no-repeat; } #replace5 { position:relative; width:175px; height:40px; padding:0; overflow:hidden;} #replace5 span, span.replace5 { position: absolute; top:0; left:0px;width:175px; height:40px; background:url(../images/eyeSurgicalCenter.png) left top no-repeat; } /**************************************************************************************************************************** * Button Set Contaniers >> css ****************************************************************************************************************************/ #bSet1Cont{ width:288px; height:93px; position:absolute; left: 240px; top: 24px; } #bSet2Cont{ width:303px; height:110px; position:absolute; left: 240px; top: 101px; } #bSet3Cont{ width:288px; height:95px; position:absolute; left: 240px; top: 101px; } /**************************************************************************************************************************** * Button Sets >> css ****************************************************************************************************************************/ a#bSet1, #bSet1 span, span.bSet1_span { display:block; position:relative; width:288px; height:93px; overflow:hidden; } a#bSet1 span, span.bSet1_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) left top no-repeat; } a#bSet1:hover span, span.bSet1_span_oo {background-position:0 -93px;cursor:pointer} a#bSet2, #bSet2 span, span.bSet2_span { display:block; position:relative; width:303px; height:110px; overflow:hidden; } a#bSet2 span, span.bSet2_span { position:absolute; left:0; top:0; background:url(../images/buttonSet2.png) left top no-repeat; } a#bSet2:hover span, span.bSet2_span_oo {background-position:0 -110px;cursor:pointer} a#bSet3, #bSet3 span, span.bSet3_span { display:block; position:relative; width:288px; height:95px; overflow:hidden; } a#bSet3 span, span.bSet3_span { position:absolute; left:0; top:0; background:url(../images/buttonSet3.png) left top no-repeat; } a#bSet3:hover span, span.bSet3_span_oo {background-position:0 -95px;cursor:pointer} a#bSet1-2, #bSet1-2 span, span.bSet1-2_span { display:block; position:relative; width:221px; height:71px; overflow:hidden; } a#bSet1-2 span, span.bSet1-2_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1-2.png) left top no-repeat; } a#bSet1-2:hover span, span.bSet1-2_span_oo {background-position:0 -71px;cursor:pointer} a#bSet2-2, #bSet2-2 span, span.bSet2-2_span { display:block; position:relative; width:222px; height:80px; overflow:hidden; } a#bSet2-2 span, span.bSet2-2_span { position:absolute; left:0; top:0; background:url(../images/buttonSet2-2.png) left top no-repeat; } a#bSet2-2:hover span, span.bSet2-2_span_oo {background-position:0 -80px;cursor:pointer} a#bSet3-2, #bSet3-2 span, span.bSet3-2_span { display:block; position:relative; width:222px; height:73px; overflow:hidden; } a#bSet3-2 span, span.bSet3-2_span { position:absolute; left:0; top:0; background:url(../images/buttonSet3-2.png) left top no-repeat; } a#bSet3-2:hover span, span.bSet3-2_span_oo {background-position:0 -73px;cursor:pointer} /*****/ div#contentR2 blockquote,div#contentR2 ul,div#contentR2 ol,div#contentR2 dl {margin:1em;} div#contentR2 ol,div#contentR2 ul,div#contentR2 dl {margin-left:2em;} div#contentR2 ul li {list-style: disc outside; color:#494949; font-size:12px;} div#contentR2 ol li {list-style: decimal outside; color:#494949; font-size:12px;} div#contentR2 li {margin:0.5em 0; } div#contentR2 dl dd {margin-left:1em;} #copyRight{width:1013px; font-size:10px; padding:10px 0 0 0; color:#547bbd; margin:auto; text-align:center} a.btn_watch, .btn_watch span, span.btn_watch_span {width:204px;height:71px;display:block; position:relative; overflow:hidden;} a.btn_watch span, span.btn_watch_span { position:absolute; left:0; top:0; background:url(../images/btn_watch.png) no-repeat 0 0;} a.btn_watch:hover span, span.btn_watch_span_oo { background-position:0 -71px; cursor:pointer} .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;}