/**************************************************************************************************************************** * 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:#5D778E;} /**************************************************************************************************************************** * Reset css finish ****************************************************************************************************************************/ /**************************************************************************************************************************** * New Body >> css ****************************************************************************************************************************/ body { background:#9dc9f0 url(../images/bg.png) repeat-x;text-align:center; font-family:Arial;} #mainContanier { width:760px; margin:auto; text-align:left; background:url(../images/mainBg.png); margin-top:10px;} #header { width:760px; height:68px;background:url(../images/headerBg.png); position:relative} #headerReplace { width:760px; height:48px;background:url(../images/welcomeTo.png) no-repeat 12px 14px; position:relative} #guiname { width:760px; height:48px;} #guinameTxt { font-size:18px; font-weight:bold;color:#054279} #headerMedia{ width:760px; height:287px;background:url(../images/headerMedia.jpg) no-repeat;} #headerMedia2{ width:760px; height:138px;background:url(../images/headerMedia.jpg) no-repeat;border-bottom:1px solid #000;margin:6px 0 0 0;} #contentBody {width:760px;} #contentL { width:253px; float:left; display:inline;} #contentM { width:251px; float:left;margin:0 0 0 0px; display:inline;} #contentR { width:251px; float:left;margin:0 0 0 2px; display:inline;} *html #contentBody {width:770px;} #contenInnerL { width:253px; float:left;} #contenInnerR { width:480px; float:left; padding:10px;} #contenInnerR { width:480px; float:left; padding:10px;} #contenInnerR2 { width:486px; float:left;padding:10px; border-right:1px solid #00357d; min-height:1540px} *html #contenInnerR2 { width:485px; float:left;padding:10px; border-right:1px solid #00357d; min-height:1540px} #contenInnerL2 { width:253px; float:left;} #contentBox1-1{ width:253px; height:170px;margin:2px 0 0 0; text-align:center;} *html,#contentBox1-1{width:253px;height:170px;margin:2px 0 0 0; text-align:center;} #contentBox1-1 h1{ color:#0060b6; font-size:15px; letter-spacing:-0.06em} #contentBox2-1 a{ coloR:#fff; text-decoration:none;} #contentBox2-1 a:hover{ coloR:#0060b6; text-decoration:none;} #contentBox1 h1{ color:#0060b6; font-size:15px; letter-spacing:-0.06em} #contentBox1 h5{ color:#000; font-size:12px; text-align: left; font-weight:normal; padding:8px 0 0 0} #contentBox2{ width:253px; height:264px; padding:14px 0 0 0; margin:2px 0 0 0;} #contentBox2 h1{ color:#fff; font-size:15px; letter-spacing:-0.06em} #contentBox2 h5{ color:#fff;font-size:12px; text-align: left; font-weight:normal; padding:8px 30px 0 30px} #contentBox2Pic{ background: url(../images/contentBox2Pic.png) no-repeat 20px 22px; height:120px; padding:30px 0 0 90px;} #contentBox2Pic a{ coloR:#fff; text-decoration:none;} #contentBox2Pic a:hover{ coloR:#0060b6; text-decoration:none;} #logo{width:121pX; height:55px; position: absolute; left: 9px; top: 6px;} #contentBox2-1{ width:250px; height:100px; padding:14px 0 0 0; margin:2px 0 0 0; border:1px solid #00357d;background:url(../images/contentBox2.png);} #contentBox2-1 h1{ color:#fff; font-size:15px; letter-spacing:-0.06em} #footer {margin:0 0 0 1px; width:760px; text-align:center; padding:16px 0 28px 0; border-bottom:1px solid #00357d } #copyRight {font-size:11px;color:#0060b6; width:760px; text-align:center; padding:16px 0 28px 0;} #footer img { margin:14px 0 -2px 0 } #footer a { color:#fff; margin:18px 4px 18px 4px; text-decoration:none;font-size:11px;color:#0060b6; } #footer a:hover { color:#f3aa03;text-decoration:none} #nav1Cont{width:372px; height:19px; position:absolute; left: 365px; top: 10px;} #nav2Cont{width:424px; height:18px; position:absolute; left: 311px; top: 33px;} #footer2 {margin:0 0 0 1px; width:760px; text-align:center; padding:16px 0 28px 0; border-bottom:1px solid #00357d ; border-top:1px solid #00357d} #footer2 img { margin:14px 0 -2px 0 } #footer2 a { color:#fff; margin:18px 4px 18px 4px; text-decoration:none;font-size:11px;color:#0060b6; } #footer2 a:hover { color:#f3aa03;text-decoration:none} /**************************************************************************************************************************** * Button Set Contaniers >> css ****************************************************************************************************************************/ #buttonSetCont{width:760px; height:55px; padding:0px 0 9px 0;} #buttonSetCont2{width:760px; height:55px; padding:9px 0 9px 0;} #bSet1-1Cont{ width:253px; height:54px; float:left;} #bSet1-2Cont{ width:253px; height:54px; float:left;} #bSet1-3Cont{ width:253px; height:54px; float:left;} #bSet2-1Cont1{padding:24px 0 0 0;} #bSet2-1Cont2{padding:8px 0 0 0;} #bSet2-1Cont3{padding:53px 0 0 0;} #bSet2-1Cont4{padding:26px 0 0 0;} #bSet2-1Cont1-1{padding:0 0 10px 0;} #bSet2-1Cont2-1{padding:0 0 10px 0;} #bSet2-1Cont3-1{padding:0 0 10px 0;} /**************************************************************************************************************************** * Button Sets >> css ****************************************************************************************************************************/ a#bSet1-1, #bSet1-1 span, span.bSet1-1_span { display:block; position:relative; width:253px; height:54px; overflow:hidden; } a#bSet1-1 span, span.bSet1-1_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) left top no-repeat; } a#bSet1-1:hover span, span.bSet1-1_span_oo {background-position:0 -54px;cursor:pointer} a#bSet1-2, #bSet1-2 span, span.bSet1-2_span { display:block; position:relative; width:253px; height:54px; overflow:hidden; } a#bSet1-2 span, span.bSet1-2_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat -253px 0; } a#bSet1-2:hover span, span.bSet1-2_span_oo {background-position:-253px -54px;;cursor:pointer} a#bSet1-3, #bSet1-3 span, span.bSet1-3_span { display:block; position:relative; width:254px; height:54px; overflow:hidden; } a#bSet1-3 span, span.bSet1-3_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat -506px 0; } a#bSet1-3:hover span, span.bSet1-3_span_oo {background-position:-506px -54px; cursor:pointer} a#bSet2-1, #bSet2-1 span, span.bSet2-1_span { display:block; position:relative; width:87px; height:22px; overflow:hidden; } a#bSet2-1 span, span.bSet2-1_span { position:absolute; left:0; top:0; background:url(../images/buttonSet2.png) left top no-repeat; } a#bSet2-1:hover span, span.bSet2-1_span_oo {background-position:0 -22px;} /**************************************************************************************************************************** * Form >> css ****************************************************************************************************************************/ #form{ width:205px;padding:0 0 0 6px} #form h1{ color:#fff; font-size:15px; letter-spacing:-0.02em} #form input{ color:#000; font-size:11px; letter-spacing:-0.02em} .askFormInpt{ background:url(../images/inputbg.gif) repeat-x; border:1px inset #cfcfcf; font-family:Sans-serif; width:144px; height:14px; line-height:normal; padding:3px 0 0 3px; margin:4px 0 0 0;font-size:11px } .askFormTxtA { background:#fff url(../images/inputbg.gif) repeat-x; border:1px inset #cfcfcf; font-family:Sans-serif;width:144px; height:33px; line-height:normal; padding-left:3px; margin:4px 0 0 0;OVERFLOW: auto; font-size:11px} #submit {height:25px; padding:6px 0 0 0} /**************************************************************************************************************************** * Replaces Contaniers >> css ****************************************************************************************************************************/ #replace1Contanier{width:146px; height:20px; position:absolute; left: 140px; top: 33px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative; width:146px; height:20px; padding:0; overflow:hidden;} #replace1 span, span.replace1 { position: absolute; top:0; left:0px;width:146px; height:20px; background:url(../images/replace1.png) left top no-repeat; } /****************************/ div#contenInnerR2 blockquote,div#contenInnerR2 ul,div#contenInnerR2 ol,div#contenInnerR2 dl {margin:1em;} div#contenInnerR2 ol,div#contenInnerR ul,div#contenInnerR dl {margin-left:2em;} div#contenInnerR2 ul li {list-style: disc inside;} div#contenInnerR2 ol li {list-style: decimal inside;} div#contenInnerR2 li {margin:0.5em 0; } div#contenInnerR2 dl dd {margin-left:1em;} /************************/ .glossary { color:#054279; font-size:20px; font-weight:bold;} #recommendUsCell { display:none; cursor: default; padding:5px; border:1px solid #000; } .close_form, .close_form_oo { margin:0; padding:0 1px; border:1px solid #555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; float:right; cursor:pointer; } .close_form { background-color:#F6F6F6; color:#CC0000; } .close_form_oo { background-color:#C90000; color:#FFF; } #recommendUsForm, #recommendUsForm * { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; } #recommendUsForm { clear:both; } recommendUsForm td { margin:2px 0; } #recommendUsForm .input_txt, #recommendUsForm .input_txtarea { border:1px solid #bbb; background-color:#F6F6F6; padding:2px; margin:1px 0; } #recommendUsForm .input_txt { width:145px; } #recommendUsForm .input_txtarea { width:300px; } #recommendUsForm a { color:#AE620D; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; text-decoration:none; } .submissionResultCell { clear:both; font-size:12px; display:none; margin:6px 0; padding:6px 5px; text-align:left; color:#800000; background-color:#FFF; } .gm_err_field, #recommendUsForm .gm_err_field { border:1px solid red; background-color:#FFFFAA; } div.ajax_activity { background:url(/form_handler/ajax_indicator.gif) 8px 10px no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#f00; padding:10px; } a.recommendus_trigger { } a#learn1, #learn1 span, span.learn1_span { display:block; position:relative; width:98px; height:36px; overflow:hidden; } a#learn1 span, span.learn1_span { position:absolute; left:0; top:0; background:url(../images/learn-more1.png) no-repeat 0 0; } a#learn1:hover span, span.learn1_span_oo {background-position:0px -36px; cursor:pointer} a#loca1, #loca1 span, span.loca1_span { display:block; position:relative; width:98px; height:36px; overflow:hidden; } a#loca1 span, span.loca1_span { position:absolute; left:0; top:0; background:url(../images/locations1.png) no-repeat 0 0; } a#loca1:hover span, span.loca1_span_oo {background-position:0px -36px; cursor:pointer} /**************************************************************************************************************************** * Replaces Contaniers >> css ****************************************************************************************************************************/ #replace1Contanier{width:146px; height:20px; position:absolute; left: 140px; top: 33px;} /**************************************************************************************************************************** * Replaces >> css ****************************************************************************************************************************/ #replace1 { position:relative; width:146px; height:20px; padding:0; overflow:hidden;} #replace1 span, span.replace1 { position: absolute; top:0; left:0px;width:146px; height:20px; background:url(../images/replace1.png) left top no-repeat; } #replace2 { position:relative; width:136px; height:33px; padding:0; overflow:hidden;} #replace2 span, span.replace2 { position: absolute; top:0; left:0px;width:136px; height:33px; background:url(../images/replace2.png) left top no-repeat; } #replace3 { position:relative; width:134px; height:18px; padding:0; overflow:hidden;} #replace3 span, span.replace3 { position: absolute; top:0; left:0px;width:134px; height:18px; background:url(../images/replace3.png) left top no-repeat; } #replace4 { position:relative; width:144px; height:38px; padding:0; overflow:hidden;} #replace4 span, span.replace4 { position: absolute; top:0; left:0px;width:144px; height:38px; background:url(../images/replace4.png) left top no-repeat; } #replace5 { position:relative; width:126px; height:57px; padding:0; overflow:hidden;} #replace5 span, span.replace5 { position: absolute; top:0; left:0px;width:126px; height:57px; background:url(../images/replace5.png) left top no-repeat; } #replace6 { position:relative; width:152px; height:42px; padding:0; overflow:hidden;} #replace6 span, span.replace6 { position: absolute; top:0; left:0px;width:152px; height:42px; background:url(../images/replace6.png) left top no-repeat; } #replace7 { position:relative; width:158px; height:36px; padding:0; overflow:hidden;} #replace7 span, span.replace7 { position: absolute; top:0; left:0px; width:158px; height:36px; background:url(../images/replace7.png) left top no-repeat; } #replace8 { position:relative; width:219px; height:36px; padding:0; overflow:hidden;} #replace8 span, span.replace8 { position: absolute; top:0; left:0px; width:219px; height:36px;background:url(../images/replace8.png) left top no-repeat; } /**************************************************************************************************************************** * cALLOUTS >> css ****************************************************************************************************************************/ #modXL, #modXR,#modTL,#modTR,#mod1Poz2,#mod2Poz2,#mod3Poz2,#mod4Poz2{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 ); } #modX{ width:253px; height:195px;padding:8px 0 0 } #modXL{ width:13px; height:195px;background:url(../images/modXL.png) repeat-y top left;float:left; } #modXM{ width:227px; height:195px; position:relative;background:url(../images/modXM.png);float:left; } #modXM2{ width:220px; height:195px; position:relative;background:url(../images/modXM.png);float:left; } #modXR{ width:13px; height:195px;background:url(../images/modXR.png) repeat-y top left;float:left; } #mod1Poz1{ width:136px; height:33px; position:absolute; left: -1px; top: 15px;} #mod1Poz2{ width:94px; height:95px; position:absolute; background:url(../images/img1.png); left: 145px; top: 1px; } #mod1Poz2-2{ width:94px; height:95px; position:absolute; background:url(../images/img1.png); left: 138px; top: 1px; } #mod1Poz3{ width:128px; height:113px; position:absolute; left: 0px; top: 72px; font-size:12px; color:#4b4b4b; text-align:left } #mod1Poz4{ width:98px; height:36px; position:absolute; left: 131px; top: 120px; } #mod1Poz4-2{ width:98px; height:36px; position:absolute; left: 131px; top: 148px; } #mod2Poz1{ width:134px; height:18px; position:absolute; left: -1px; top: 15px; } #mod2Poz2{ width:86px; height:126px; position:absolute; background:url(../images/img2.png); left: 135px; top: 55px; } #mod2Poz2-1{ width:86px; height:126px; position:absolute; background:url(../images/img2.png); left: 135px; top: 22px; } #mod2Poz3{ width:136px; height:79px; position:absolute; left: 2px; top: 45px; font-size:12px; color:#4b4b4b; text-align:left; z-index:1000 } #mod2Poz3-1{ width:136px; height:79px; position:absolute; left: 2px; top: 60px; font-size:12px; color:#4b4b4b; text-align:left; z-index:1000 } #mod2Poz4{ width:98px; height:36px; position:absolute; left: 131px; top: 148px; } #mod3Poz1{ width:137px; height:38px; position:absolute; left: -1px; top: 15px; z-index:5 } #mod3Poz2{ width:114px; height:96px; position:absolute; background:url(../images/img3.jpg); left: 119px; top: 0px; z-index:1 } #mod3Poz2-1{ width:114px; height:96px; position:absolute; background:url(../images/img3.jpg); left: 126px; top: 0px; z-index:1 } #mod3Poz3{ width:122px; height:79px; position:absolute; left: 1px; top: 69px; font-size:12px; color:#4b4b4b; text-align:left } #mod3Poz3 a{font-size:12px; color:#4b4b4b; text-align:left; display:block; padding:8px 0 0 0; } #mod3Poz4{ width:98px; height:36px; position:absolute; left: 131px; top: 148px; } #mod4Poz1{ width:126px; height:57px; position:absolute; left: -1px; top: 15px; } #mod4Poz2{ width:102px; height:75px; position:absolute; background:url(../images/img4.png); left: 137px; top: 1px; } #mod4Poz2-2{ width:102px; height:75px; position:absolute; background:url(../images/img4.png); left: 130px; top: 1px; } #mod4Poz3{ width:220px; height:68px; position:absolute; left: -2px; top: 80px; font-size:12px; color:#4b4b4b; text-align:left } #mod4Poz3-2{ width:220px; height:68px; position:absolute; left: -2px; top: 100px; font-size:12px; color:#4b4b4b; text-align:left } #mod4Poz4{ width:98px; height:36px; position:absolute; left: 131px; top: 150px; } #mod4Poz4-2{ width:98px; height:36px; position:absolute; left: 131px; top: 211px; } #mod5Poz1{ width:152px; height:42px; position:absolute; left: -1px; top: 15px; } #mod5Poz2{ width:66px; height:84px; position:absolute; background:url(../images/img5.png); left: 157px; top: 12px; } #mod5Poz3{ width:158px; height:68px; position:absolute; left: -2px; top: 70px; font-size:12px; color:#4b4b4b; text-align:left } #mod5Poz4{ width:98px; height:36px; position:absolute; left: 131px; top: 150px; } #mod6Poz1{ width:158px; height:36px; position:absolute; left: -17px; top: 23px; } #mod6Poz2{ width:49px; height:43px; position:absolute; background:url(../images/img6.png); left: 172px; top: 12px; } #mod6Poz2-2{ width:107px; height:111px; position:absolute; background:url(../images/img6-2.png); left: 129px; top: 72px; } #mod6Poz3{ width:134px; height:68px; position:absolute; left: -2px; top: 70px; font-size:12px; color:#4b4b4b; text-align:left } #mod6Poz3-2{ width:126px; height:100px; position:absolute; left: -2px; top: 59px; font-size:12px; color:#4b4b4b; text-align:left } #mod6Poz4{ width:98px; height:36px; position:absolute; left: 131px; top: 214px; } #mod7Poz1{ width:219px; height:36px; position:absolute; left: -1px; top: 15px; } #mod7Poz2{ width:197px; height:19px; position:absolute; background:url(../images/inputBgx.png) no-repeat 1px 1px; left: 13px; top: 62px; } #mod7Poz3{ width:197px; height:19px; position:absolute; background:url(../images/inputBgx.png) no-repeat 1px 1px; left: 13px; top: 89px; } #mod7Poz4{ width:197px; height:19px; position:absolute; background:url(../images/inputBgx.png) no-repeat 1px 1px; left: 13px; top: 116px; } #mod7Poz5{ width:197px; height:19px; position:absolute; background:url(../images/inputBgx.png) no-repeat 1px 1px; left: 13px; top: 143px; } #mod7Poz6{ width:197px; height:33px; position:absolute; background:#fff url(../images/inputBgx.png) no-repeat 1px 1px; left: 13px; top: 169px; } #mod8Poz6{ width:102px; height:33px; position:absolute; top: 217px; left: 60px; } #mod8Poz6-2{ width:102px; height:33px; position:absolute; top: 212px; left: 60px; } #modT{ width:253px; height:264px; padding:8px 0 0 0} #modTL{ width:13px; height:264px;background:url(../images/modTL.png) repeat-y top left;float:left; } #modTM{ width:227px; height:264px;position:relative;background:url(../images/modTM.png);float:left; } #modTM2{ width:220px; height:264px;position:relative;background:url(../images/modTM.png);float:left; } #modTR{ width:13px; height:264px;background:url(../images/modTR.png) repeat-y top left;float:left; } /**************************************************************************************************************************** * Form >> css ****************************************************************************************************************************/ .askFormInptx{ background:transparent; border:1px solid #cfcfcf; font-family:Sans-serif; width:192px; height:14px;line-height:normal; padding:2px 0 0 3px; font-size:11px } .askFormTxtAx { background:transparent; border:1px solid #cfcfcf; font-family:Sans-serif;width:192px;height:32px; line-height:normal; padding-left:3px; OVERFLOW: auto; font-size:11px} /*****************/ .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(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(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; }