/**************************************************************************************************************************** * Reset css start ****************************************************************************************************************************/ html { color:#000; background:#FFF; } 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; } li { list-style:none; } 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%; } legend { color:#000; } #wrapper { font-size: 1.2em; text-align: left; padding: 20px; } /**************************************************************************************************************************** * Reset css finish /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#fff url(../images/bg.jpg) repeat-x; text-align:center; font-family:Arial; padding:16px 0 0 0 } a, a:link, a:visited, a:active{ color: #38414E; } a:hover { color:#2F81C7; text-decoration:none; } #mainContanier { width:951px; height:100%; margin:auto; text-align:left; } #header { width:947px; height:352px; position:relative; margin-left:1px } #headerTop { width:947px; height:120px; } #logo { width:544px; height:103px; background:url(../images/logo.png) no-repeat; position:absolute } #nav1Cont { width:940px; height:56px; padding:0 0 0 3px} #headerMedia { width:940px; height:176px; padding:0 0 0 3px } #header1 { width:947px; height:444px; position:relative; margin-left:1px } #headerMedia1 { width:941px; height:268px; padding:0 0 0 3px } #nav2Cont { width:453px; height:168px; padding:0 0 0 5px } #nav3Cont { width:257px; height:159px; padding:0 0 0 5px } #contentBody { width:954px; } #contentL { width:464px; float:left; } #contentLInner { width:464px; background:url(../images/contentL.png) repeat-y top left; azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #contentLBottom { width:464px; height:23px; background:url(../images/contentLBottom.png); azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #contentL2 { width:273px; float:left; } #contentL2Inner { width:272px; background:url(../images/nav2Bg2.png) repeat-y top left; azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #contentL2Bottom { width:272px; height:21px; background:url(../images/contentL2Bottom.png) repeat-y top left; azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #contentR{width:485px;float:right;} #contentRBox1 { width:485px; height:724px;background:url(../images/contentRBox1.png) repeat-y top left; position:relative } *html #contentRBox1 { width:481px;} #contentR2 { width:678px; float:right;} #contentInner { padding:2px 30px 20px 30px; font-size:12px;min-height:553px; color:#38414e;} *html #contentInner { height:553px;} #contentSub {font-size:12px;} #contentInner h1 { font-size:19px; font-weight:bolder; color:#38414e;} #contentInner a { color:#38414E; } #contentInner a:hover { color:#6C8EBD; } .contentR2InnerTopL{ width:220px; padding:10px 0 10px 10px; float:left;} .contentR2InnerTopR{width:340px;padding:16px 0 10px 40px; float:left;} #contentR2Inner {width:678px; float:right; background:url(../images/contentR2.png) repeat-y top left;} #contentR2Bottom { width:678px; height:21px; float:right; background:url(../images/contentR2Bottom.png) repeat-y top left; azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } *html #contentR2Inner {width:677px;azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } *html #contentRBox1 { azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); position:relative } *html #RBox1Bottom {width:481px;azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #RBox1Bottom { width:481px; height:21px; background:url(../images/RBox1Bottom.png) repeat-y top left;} #RBox2Top { width:481px; height:18px; background:url(../images/RBox2Top.png) repeat-y top left; azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #contentRBox2 { width:481px; height:257px; background:url(../images/contentRBox2.png) repeat-y top left; azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); position:relative } #absText { position:absolute; font-size:16px; left: 24px; top: 1px; letter-spacing:0.02em } #RBox2Bottom { width:481px; height:23px; background:url(../images/RBox2Bottom.png) repeat-y top left; azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #titleBox { width:450px; padding:9px 0 0 0; margin:0 0 0 3px; height:27px; background:url(../images/titleBg.png); border:#2e90c8 1px solid; font-size:14px; color:#fff; letter-spacing:-0.05em; text-align:center } #titleBox2 { width:259px; padding:9px 0 0 0; margin:0 0 0 3px; height:27px; background:url(../images/titleBg.png); border:#2e90c8 1px solid; font-size:13px; color:#fff; letter-spacing:-0.05em; text-align:center } #ContentBox1 { width:458px; height:240px } #ContentBox1-1 { width:255px; height:150px } #ContentBox1-2 { width:255px; height:130px } #contentBottom { width:948px; height:24px; background:url(../images/contentBottom.png) no-repeat; } #boxInner1 { width:280px; height:220px; padding:10px 10px 10px 160px; margin:0 0 0 4px; background:url(../images/artclBgImages.jpg) no-repeat; position:relative } #boxInner1-1 { width:240px; height:130px; padding:10px 10px 10px 10px; margin:0 0 0 4px; background:url(../images/artclBgImages2.jpg) no-repeat; position:relative } #boxInner1 p, #boxInner2 p, #boxInner3 p, #boxInner1-1 p { color:#38414e; font-size:12px; margin:0; padding:0; } #boxInner2 { width:280px; height:240px; padding:10px 10px 10px 160px; margin:0 0 0 4px; background:url(../images/artclBgImages.jpg) no-repeat 0 -243px; position:relative } #boxInner2-1 { width:240px; height:130px; padding:10px 10px 10px 10px; margin:0 0 0 4px; background:url(../images/artclBgImages2.jpg) no-repeat 0 -172px; position:relative } #boxInner3 { width:280px; padding:10px 10px 10px 160px; margin:0 0 0 4px; position:relative } #boxInner3-1 { width:240px; height:110px; padding:10px 10px 10px 10px; background:url(../images/artclBgImages2.jpg) no-repeat 0 -347px; margin:0 0 0 4px; position:relative } #smalContent { padding:0 14px 20px 36px; } #smalContent p { color:#38414e; font-size:12px; margin:0; padding:6px; } #smalContentInner { padding:-10px 26px 0 0; } #cloumnMenuCont { padding:30px 24px 10px 28px; width:426px; } #columMenuL, #columMenuR { width:176px; float:left; padding:0 0 0 8px; } #columMenuR { width:223px; float:left; padding:0 0 0 8px; } #columMenuL a, #columMenuR a { width:170px; height:14px; padding:2px 0 0 12px; margin-top:10px; display:block; font-size:12px; color:#262d37; background:url(../images/liMenu.gif) no-repeat 0 6px; text-decoration:none } #columMenuR a { width:216px; } #columMenuL a:hover, #columMenuR a:hover { background:url(../images/liMenu.gif) no-repeat 0 -12px; color:#FFF } #columMenu2R { width:223px; float:left; } #columMenu2R a { width:170px; height:14px; display:block; font-size:12px; color:#262d37; text-decoration:none } #columMenu2R a { width:223px; } #columMenu2R a:hover { color: #666666 } .borderB{ width:645px; margin:auto;font-size:1px; border-bottom:1px #979a9e solid} .contentR2InnerTopR{font-size:13px; color:#1b2533;letter-spacing:0.01em } #cloumnMenuCont2 { width:410px;} #footeContanier { width:947px; height:82px; margin:auto; text-align:left; margin-top:14px; } #footerL { width:21px; height:82px; float:left; background:url(../images/footerL.png); azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #footerR { width:21px; height:82px; float:left; background:url(../images/footerR.png); azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #footerM { width:905px; height:82px; float:left; text-align:center; background:url(../images/footerM.png) repeat-X top left; azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true ); } #footerMenu { width:760px; padding:6px 10px 0 10px; margin:auto;text-transform: lowercase} #footerMenu img { margin-top:14px; margin-bottom:-2px } #footerMenu a { color:#1a2432; text-decoration:none; font-size:10px; margin:9px; line-height:24px; text-transform: lowercase} #footerMenu a:hover { color:#fff; } .copyRight{ color:#151a33; font-size:10px; margin:auto; width:800px; padding:26px 0 0 0} /**************************************************************************************************************************** * Replace Contaniers >> css ****************************************************************************************************************************/ #replace1Cont { position: absolute; width:275px; height:44px; left: 632px; top: 38px; } #replace2Cont { position: absolute; width:153px; height:208px; left: 0px; top: 27px; } #replace4Cont { width:420px; height:39px; } #replace5Cont { position: absolute; width:120px; height:26px; left: 131px; top: 12px; } /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative; width:275px; height:44px; padding:0; overflow:hidden; } #replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:275px; height:44px; background:url(../images/replaceSet1.png) left top no-repeat; } #replace2 { position:relative; width:153px; height:208px; padding:0; overflow:hidden; } #replace2 span, span.replace2 { position: absolute; top:0; left:0px; width:153px; height:208px; background:url(../images/artclBgImages.jpg) no-repeat 0 -466px; } #replace3 { position:relative; width:189px; height:13px; padding:0; overflow:hidden; } #replace3 span, span.replace3 { position: absolute; top:0; left:0px; width:189px; height:13px; background:url(../images/replaceSet2.png) no-repeat; } #replace4 { position:relative; width:420px; height:/*39*/30px; padding:0; overflow:hidden; } #replace4 span, span.replace4 { position: absolute; top:0; left:0px; width:420px; height:39px; background:url(../images/replaceSet2.png) no-repeat 0 -13px; } #replace5 { position:relative; width:120px; height:26px; padding:0; overflow:hidden; } #replace5 span, span.replace5 { position: absolute; top:0; left:0px; width:120px; height:26px; background:url(../images/replaceSet2.png) no-repeat 0 -55px; } /**************************************************************************************************************************** * RMenu Contaniers >> css ****************************************************************************************************************************/ #menu1 { padding:4px 0 0 0; } #menu2-3Cont { height:/*94*/88px; width:480px; position:relative } #menu2Cont { position:absolute; width:200px; height:75px; left: 24px; top: 23px; } #menu3Cont { position:absolute; width:200px; height:42px; left: 255px; top: 22px; } #menu4cont{ position:absolute; width:134px; height:36px; left: 310px;top:698px; } #menu1Cont { padding:4px 0 0 0; } #sublearn1 { position:absolute; width:134px; height:36px; left: 62px; top: 112px; } #sublearn1-1 { position:absolute; width:134px; height:36px; left: 126px; top: 59px; } /**************************************************************************************************************************** * Menus >> css ****************************************************************************************************************************/ a#learnMore1, #learnMore1 span, span.learnMore1_span { display:block; position:relative; width:134px; height:36px; overflow:hidden; } a#learnMore1 span, span.learnMore1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0; } a#learnMore1:hover span, span.learnMore1_span_oo { background-position:0 -36px; cursor:pointer } a#menu2, #menu2 span, span.menu2_span { display:block; position:relative; width:200px; height:75px; overflow:hidden; } a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -144px; } a#menu2:hover span, span.menu2_span_oo { background-position:0 -219px; cursor:pointer } a#menu3, #menu3 span, span.menu3_span { display:block; position:relative; width:200px; height:75px; overflow:hidden; } a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -294px; } a#menu3:hover span, span.menu3_span_oo { background-position:0 -369px; cursor:pointer } a#menu2-1, #menu2-1 span, span.menu2-1_span { display:block; position:relative; width:200px; height:42px; overflow:hidden; } a#menu2-1 span, span.menu2-1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -144px; } a#menu2-1:hover span, span.menu2-1_span_oo { background-position:0 -219px; cursor:pointer } a#menu3-1, #menu3-1 span, span.menu3-1_span { display:block; position:relative; width:200px; height:42px; overflow:hidden; } a#menu3-1 span, span.menu3-1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -294px; } a#menu3-1:hover span, span.menu3-1_span_oo { background-position:0 -369px; cursor:pointer } a#menu4, #menu4 span, span.menu4_span { display:block; position:relative; width:134px; height:36px; overflow:hidden; } a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 -72px; } a#menu4:hover span, span.menu4_span_oo { background-position:0 -108px; cursor:pointer } /**************/ div#contentInner blockquote,div#contentInner ul,div#contentInner ol,div#contentInner dl {margin:1em;} div#contentInner ol,div#contentInner ul,div#contentInner dl {margin-left:2em;} div#contentInner ul li {list-style: disc outside;} div#contentInner ol li {list-style: decimal outside;} div#contentInner li {margin:0.5em 0; } div#contentInner dl dd {margin-left:1em;} /****************/ .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;} a.glacialslide, a.glacialslide * { margin:0; padding:0; } a.glacialslide { display:block; float:left; position:relative; width:auto; height:64px; overflow:hidden; text-decoration:none; margin:6px 8px 6px 0; background:url(../images/watch_video_button_left.png) left top no-repeat;} a.glacialslide span, span.glacialslide { display:block; float:left; position:relative; width:auto; height:34px; cursor:pointer; background:url(../images/watch_video_button_right.png) right top no-repeat; font:12px/1.20em helvetica,arial,clean,sans-serif; color:#8a2222; padding:30px 6px 0 46px; font-weight:bold; text-align:left; } a.glacialslide:hover { background-position:left -64px; color:#9aaaab; } a.glacialslide:hover span { background-position:right -64px; color:#9aaaab; white-space:nowrap; } /************/ div#three_steps_to_better_vision{ position:relative; width:232px; height:366px;} div#three_steps_to_better_vision ul {list-style-type:none; margin:0; padding:0;} div#contentInner div#three_steps_to_better_vision ul li {list-style: none; margin:0; padding:0;} div#contentInner li div#three_steps_to_better_vision li {margin:0; padding:0;} a#first_step { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#first_step span, span.first_step { position: absolute; top:0; left:0; background: url(../images/three_steps_callout.png) no-repeat; cursor:pointer; } a#first_step, a#first_step span { width: 232px; height:189px; } a#first_step span, span.first_step { background-position:0px 0px; } a#first_step:hover span { background-position: -232px 0px; } /***/ a#second_step { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#second_step span, span.second_step { position: absolute; top:0; left:0; background: url(../images/three_steps_callout.png) no-repeat; cursor:pointer; } a#second_step, a#second_step span { width: 232px; height:83px; } a#second_step span, span.second_step { background-position:0px -189px; } a#second_step:hover span { background-position: -232px -189px; } /***/ a#third_step { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#third_step span, span.third_step { position: absolute; top:0; left:0; background: url(../images/three_steps_callout.png) no-repeat; cursor:pointer; } a#third_step, a#third_step span { width: 232px; height:94px; } a#third_step span, span.third_step { background-position:0px -272px; } a#third_step:hover span { background-position: -232px -272px; } /****************/ div#five_criteria_surgeon{ position:relative; width:231px; height:712px; float:left; top:0; left:0; background:url(../images/five_criteria_callout.png) no-repeat 0 6px; } div#five_criteria_surgeon ul {list-style-type:none; margin:0; padding:0;} div#contentInner div#five_criteria_surgeon ul li {list-style: none;} a#step_one { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#step_one span, span.step_one { position: absolute; top:0; left:0; background: url(../images/five_criteria_callout.png) no-repeat; cursor:pointer; } a#step_one, a#step_one span { width: 231px; height:230px; } a#step_one span, span.step_one { background-position:0px 0px; } a#step_one:hover span { background-position: -231px 0px; } /***/ a#step_two { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#step_two span, span.step_two { position: absolute; top:0; left:0; background: url(../images/five_criteria_callout.png) no-repeat; cursor:pointer; } a#step_two, a#step_two span { width: 231px; height:107px; } a#step_two span, span.step_two { background-position:0px -230px; } a#step_two:hover span { background-position: -231px -230px; } /***/ a#step_three { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#step_three span, span.step_three { position: absolute; top:0; left:0; background: url(../images/five_criteria_callout.png) no-repeat; cursor:pointer; } a#step_three, a#step_three span { width: 231px; height:106px; } a#step_three span, span.step_three { background-position:0px -337px; } a#step_three:hover span { background-position: -231px -337px; } /***/ a#step_four { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#step_four span, span.step_four { position: absolute; top:0; left:0; background: url(../images/five_criteria_callout.png) no-repeat; cursor:pointer; } a#step_four, a#step_four span { width: 231px; height:107px; } a#step_four span, span.step_four { background-position:0px -443px; } a#step_four:hover span { background-position: -231px -443px; } /***/ a#step_five { display:block; position:relative; margin:0; padding:0; overflow:hidden; cursor:pointer; } a#step_five span, span.step_five { position: absolute; top:0; left:0; background: url(../images/five_criteria_callout.png) no-repeat; cursor:pointer; } a#step_five, a#step_five span { width: 231px; height:162px; } a#step_five span, span.step_five { background-position:0px -550px; } a#step_five:hover span { background-position: -231px -550px; } .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 {}