/**************************************************************************************************************************** * 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: #000; } a:hover { color:#222; } /**************************************************************************************************************************** * Reset css finish ****************************************************************************************************************************/ /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#6F69C1; text-align:center; font-family:Arial } #flash2 { float:left; width:126px; height:25px; margin:0 0 0 60px } #navMedia { float:left; width:570px; height:25px } .floatLeft { float:left } .floatRight { float:right; font-size:1PX } .clearLeft { clear:left; font-size:1PX } .clearRight { clear:right; font-size:1PX } .clearBoth { clear:both } .color1 { color:#fff } .color2 { color:#003366 } .color3 { color:#fff } .color4 { color:#fff } .color5 { color:#fff } .font10 { font-size:10px } .font11 { font-size:11px } .font12 { font-size:12px } .font13 { font-size:13px } .font15 { font-size:15px } .font18 { font-size:18px } h1 { font-size: 1.06em; font-family:"Trebuchet MS"; color:#4e76a0; font-weight:250em; padding-bottom:4px } h2 { font-size: 14px; } h3 { font-size: 18px; color:#415166; font-weight:normal } h4 { font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#415166; font-weight:100; line-height:14px; text-align:justify } h5 { font-size: 11px; } #mainContanier { width:780px; margin:auto; text-align:left; padding:2px; background:#FFF; margin-top:16px } #header { width:780px; background:#8ca2b9 } #header h1 { position: absolute; left: 7px; top: 235px; width: 335px; color:#D5E5F2; font-size:11px; z-index:2; height: 8px; } #headerInner { width:780px; height:73px; background:url(../images/header_img.jpg); position:relative } #headerInner2 { background:#8da3ba; } #headerInner h1 { position: absolute; left: 510px; top: 54px; width: 270px; color:#D5E5F2; font-size:11px; } #headerMedia { z-index:0; position:relative } #contentBody { background:#8ca2b9 url(../images/contentBody.png) no-repeat; padding:38px 0 0 0 } #contentBodyR { float:left; width:169px; background:#8da3ba; padding:0 8px 0 0; margin:-20px 0 0 0 } #contentBodyL { float:left; width:569px; background:url("../images/contentBodyLBg.png"); padding:0 20px 0 14px } #contentBodyLInner { margin:-40px 0 0 0 } #contentBodyLInner2 { margin:-40px 0 0 0; min-height:910px } #contentBodyLIL { float:left; width:350px } #contentBodyLIR { float:right; width:200px } #contentTxt a { color:#000; text-decoration:underline } #contentTxt a:hover { color:#444; text-decoration:none } #formContanier { padding:2px 0 0 0 } #formR { float:left; width:40px; padding:2px 0 0 0 } #formL { float:right; width:120px; } #formL input { float:right; width:120px; border:1px solid #000 } #formL textarea { float:right; width:120px; height:60px; border:1px solid #000 } #formL .button { float:left; width:80px; border:1px solid #000; font-size:11px; } #footer { background:url(../images/footer.png); height:32px; text-align:center; padding:10px 0 0 0 } #footer a { font:11px Arial, Helvetica, sans-serif; text-decoration:none; color:#000; border-right:1px dotted #000; padding:0 8px 0 4px; line-height:24px } #footer a:hover { color:#384875; } /** * Text Replace */ #replace { position:relative; width:344px; height:30px; padding:0; overflow:hidden; } #replace span, span.replace { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/Replace.jpg) left top no-repeat; } #replace1 { position:relative; width:277px; height:65px; padding:0; overflow:hidden; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:100%; height:100%; background:url(../images/replace1.jpg) left top no-repeat; } #replace2 { position:relative; width:164px; height:40px; padding:0; overflow:hidden; } #replace2 span, span.replace2 { position: absolute; top:0; left:0px; width:169px; height:32px; background:url(../images/replace2.gif) left top no-repeat; } #replace3 { position:relative; width:164px; height:40px; padding:0; overflow:hidden; } #replace3 span, span.replace3 { position: absolute; top:0; left:0px; width:169px; height:32px; background:url(../images/replace3.gif) left top no-repeat; } /** * Text Replace */ /** * botton sets */ a#crystalens_lake, #crystalens_lake span, span.crystalens_lake_span { display:block; position:relative; width:191px; height:111px; overflow:hidden; } a#crystalens_lake span, span.crystalens_lake_span { position:absolute; left:0; top:0; background:url(../images/crystalens.png) left top no-repeat; } a#crystalens_lake:hover span, span.crystalens_lake_span_oo { background-position:left bottom; cursor:pointer } a#ConductiveKeratoplasty, #ConductiveKeratoplasty span, span.ConductiveKeratoplasty_span { display:block; position:relative; width:191px; height:111px; overflow:hidden; } a#ConductiveKeratoplasty span, span.ConductiveKeratoplasty_span { position:absolute; left:0; top:0; background:url(../images/ConductiveKeratoplasty.png) left top no-repeat; } a#ConductiveKeratoplasty:hover span, span.ConductiveKeratoplasty_span_oo { background-position:left bottom; cursor:pointer } a#CostumCornea, #CostumCornea span, span.CostumCornea_span { display:block; position:relative; width:191px; height:111px; overflow:hidden; } a#CostumCornea span, span.CostumCornea_span { position:absolute; left:0; top:0; background:url(../images/CostumCornea.png) left top no-repeat; } a#CostumCornea:hover span, span.CostumCornea_span_oo { background-position:left bottom; cursor:pointer } a#ladarVision, #ladarVision span, span.ladarVision_span { display:block; position:relative; width:191px; height:111px; overflow:hidden; } a#ladarVision span, span.ladarVision_span { position:absolute; left:0; top:0; background:url(../images/ladarVision.png) left top no-repeat; } a#ladarVision:hover span, span.ladarVision_span_oo { background-position:left bottom; cursor:pointer } a#eyePlayer, #eyePlayer span, span.eyePlayer_span { display:block; position:relative; width:279px; height:192px; overflow:hidden; } a#eyePlayer span, span.eyePlayer_span { position:absolute; left:0; top:0; background:url(../images/eyeview_player.jpg) left top no-repeat; } a#eyePlayer:hover span, span.eyePlayer_span_oo { background-position:left bottom; cursor:pointer } a#crystalens_lake2, #crystalens_lake2 span, span.crystalens_lake2_span { display:block; position:relative; width:166px; height:97px; overflow:hidden; } a#crystalens_lake2 span, span.crystalens_lake2_span { position:absolute; left:0; top:0; background:url(../images/crystalens2.png) left top no-repeat; } a#crystalens_lake2:hover span, span.crystalens_lake2_span_oo { background-position:left bottom; cursor:pointer } a#ConductiveKeratoplasty2, #ConductiveKeratoplasty2 span, span.ConductiveKeratoplasty_span { display:block; position:relative; width:166px; height:97px; overflow:hidden; } a#ConductiveKeratoplasty2 span, span.ConductiveKeratoplasty2_span { position:absolute; left:0; top:0; background:url(../images/ConductiveKeratoplasty2.png) left top no-repeat; } a#ConductiveKeratoplasty2:hover span, span.ConductiveKeratoplasty2_span_oo { background-position:left bottom; cursor:pointer } a#CostumCornea2, #CostumCornea2 span, span.CostumCornea2_span { display:block; position:relative; width:166px; height:97px; overflow:hidden; } a#CostumCornea2 span, span.CostumCornea2_span { position:absolute; left:0; top:0; background:url(../images/CostumCornea2.png) left top no-repeat; } a#CostumCornea2:hover span, span.CostumCornea2_span_oo { background-position:left bottom; cursor:pointer } a#ladarVision2, #ladarVision2 span, span.ladarVision2_span { display:block; position:relative; width:166px; height:97px; overflow:hidden; } a#ladarVision2 span, span.ladarVision2_span { position:absolute; left:0; top:0; background:url(../images/ladarVision2.png) left top no-repeat; } a#ladarVision2:hover span, span.ladarVision2_span_oo { background-position:left bottom; cursor:pointer } a#OptometistsOnly, #OptometistsOnly span, span.OptometistsOnly_span { display:block; position:relative; width:166px; height:29px; overflow:hidden; color:#8ca2b9 } a#OptometistsOnly span, span.OptometistsOnly_span { position:absolute; left:0; top:0; background:url(../images/OptometistsOnly.gif) left top no-repeat; } a#OptometistsOnly:hover span, span.OptometistsOnly_span_oo { background-position:0 -32px; cursor:pointer } a#eyeView, #eyeView span, span.eyeView_span { display:block; position:relative; width:166px; height:39px; overflow:hidden; } a#eyeView span, span.eyeView_span { position:absolute; left:0; top:0; background:url(../images/eyeview_logo.png) left top no-repeat; } a#eyeView:hover span, span.eyeView_span_oo { background-position:0 -39px; cursor:pointer } /** * botton sets */ /** * Font resize */ #fontSize { float:right; width:160px; height:25px;} #fontSizeTxt { float:left; width:70px; font-size:12px} #fontSizeMenu{ float:right; width:70px;} a.fontSizeMenu_1 { display:block; float:left; width:23px; height:14px; background:url(../images/fontResizer.gif) no-repeat 0px 0px; font-size:8px } a.fontSizeMenu_1:hover { background:url(../images/fontResizer.gif) no-repeat 0px -14px; width:23px; height:14px; } a.fontSizeMenu_2 { display:block; float:left; width:23px; height:14px; background:url(../images/fontResizer.gif) no-repeat -23px 0px; margin:0 0 0 6px; font-size:8px } a.fontSizeMenu_2:hover { background:url(../images/fontResizer.gif) no-repeat -23px -14px; width:29px; height:16px } /** * Font resize */ /****************/ .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:#FFF; text-decoration:none;} .ir-info-wrapper {} .ir-info {}