/*:: Image Grids ------------------------------------- */ div#image-container{width:363px; clear:both; padding-bottom:3px;} ul.thumb, ul.moty_thumb {width:357px;background: #000;clear:both; float: left;list-style: none; padding: 0px; margin:0 0 0 3px;} *html ul.thumb, *html ul.moty_thumb {margin:0 0 0 2px;} ul.thumb li, ul.moty_thumb li {margin: 0px; padding: 1px;float: left;position: relative; width: 49px;height: 49px;} ul.thumb img, ul.moty_thumb img {width: 49px;height: 49px; -ms-interpolation-mode: bicubic; padding: 0px;position: absolute;border:none;} ul.thumb li img.hover, ul.moty_thumb li img.hover {background: url(images/bg-photo.png) no-repeat center center; border: none;} /*:: Left Column ------------------------------------- */ .BottomTags{padding-top:1em;} #mainBanner{background-color:#000; width:553px; border-bottom:17px solid #e6e7e6;} #mainBanner img{float:left;} #mainBanner.about{background-image:url(images/bg-main.jpg); background-position:bottom right; background-repeat:no-repeat;} #mainBanner.about p{color:#fff; float:left; clear:left; margin:0 0 30px 30px; width:270px;} *html #mainBanner.about p{margin-left:15px;} #contentBuffer{background:#bcbebd; padding:20px 30px 30px 30px; position:relative;} #lCol p, #lCol ul, #lCol ol, #lCol address{line-height:18px; margin-bottom:18px;} #lCol ul.lookSteps{margin-left:14px;} #lCol address{font-style:normal;} #lCol fieldset p, #lCol fieldset ul{margin-bottom:0;} #lCol p.noBottom{margin-bottom:8px;} #lCol a{color:#09436f; text-decoration:none;} #lCol a:hover{color:#4787b7; text-decoration:underline;} #lCol .banner{display:block;} #lCol .bottom{margin-top:20px;} #lCol ul.col{float:left; list-style:none; width:50%;} #lCol .delimiter{background:url(images/bg-delimiterLcol.gif) no-repeat bottom left; margin-bottom:18px;} #lCol #contentBuffer h3{font-size:28px; color:#073b63; margin-bottom:11px;} #lCol #contentBuffer.privacyPolicy h3, #lCol #contentBuffer.trimmingTips h3, #lCol #contentBuffer.contestRules h3{font-size:22px; margin-bottom:5px;} #lCol #contentBuffer.trimmingTips ul, #lCol #contentBuffer.contestRules ul{margin-left:16px;} #lCol #contentBuffer.contestRules ol{margin-left:19px;} #lCol #mainBanner h2{font-size:30px; color:#418bbc; padding:9px 0 14px 17px; } #mainBanner ul#accordionHolder{list-style:none;} #mainBanner ul#accordionHolder li.accordion{margin-bottom:8px; clear:left;} #mainBanner ul#accordionHolder li.accordion a{font-size:16px; display:block; height:24px; padding-top:2px; width:533px; background:url(images/bg-accordion.gif) no-repeat top left; color:#c0bfc5; padding-left:20px;} #mainBanner ul#accordionHolder li a.mustache, #mainBanner ul#accordionHolder li a.beard, #mainBanner ul#accordionHolder li a.goatee{padding:4px 0 0 49px !important; height:26px !important; width:504px;} #mainBanner ul#accordionHolder li a.mustache{background:url(images/bg-accordion-mustache.jpg) no-repeat top left;} #mainBanner ul#accordionHolder li a.beard{background:url(images/bg-accordion-beard.jpg) no-repeat top left;} #mainBanner ul#accordionHolder li a.goatee{background:url(images/bg-accordion-goatee.jpg) no-repeat top left;} #mainBanner ul#accordionHolder li.accordion a:hover{text-decoration:none;} #mainBanner ul#accordionHolder ul.votingBlock li a{background:none;} html body #overall #content #contentTop #lCol #lColTop #mainBanner ul#accordionHolder li ul{float:left; list-style:none; border-width:1px 0 0 1px; border-style:solid; border-color:#000; margin:14px 0 14px 16px; position:relative; z-index:100;} *html body #overall #content #contentTop #lCol #lColTop #mainBanner ul#accordionHolder li ul{margin-left:8px;} html body #overall #content #contentTop #lCol #lColTop #mainBanner ul#accordionHolder li ul li{float:left; height:64px; width:64px; border-width:0 1px 1px 0; border-style:solid; border-color:#000; position:relative;} html body #overall #content #contentTop #lCol #lColTop #mainBanner ul#accordionHolder li ul li a{padding:0; height:64px; width:64px; position:relative; z-index:10; display:block;} html body #overall #content #contentTop #lCol #lColTop #mainBanner ul#accordionHolder li ul li a img{-ms-interpolation-mode: bicubic; height:64px; width:64px; position:absolute;} html body #overall #content #contentTop #lCol #lColTop #mainBanner ul#accordionHolder li ul li a img.hover {background: url(images/bg-photo.png) no-repeat center center; border: none;} ul.votingBlock li div.votingDiv{position:relative; height:64px; width:64px; margin-top:-64px;} div.voteWrapper{position:absolute; left:32px; bottom:32px; padding:0 0 38px 38px; width:377px; background:url(images/bg-modalArrow.png) no-repeat bottom left; z-index:20;} div.vote{width:377px; background:url(images/bg-modalTop.png) no-repeat top left; padding-top:20px;} div.voteBottom{background:url(images/bg-modalBottom.png) no-repeat bottom left; padding:0 20px 20px 20px; height:130px;} html>body div.voteBottom{height:auto; min-height:130px;} ul#accordionHolder div.voteBottom img{float:none;} ul#accordionHolder div.voteBottom img.hover{float:none;} div.vote a.close{float:right; height:12px !important; width:15px !important; display:block; text-indent:-1000em; background:url(images/btn-close.png) no-repeat top left !important;} div.vote ul{border:none !important; margin:auto !important;} div.vote ul li{border:none !important; float:none !important; height:auto !important;} div.vote h3{color:#063b63; font-size:22px; margin-bottom:14px;} div.vote img{margin:0; width:135px; -ms-interpolation-mode: bicubic;} div.vote div.lCol{width:182px; padding:0 20px 0 0; float:left;} div.vote div.lCol ul{padding-bottom:5px;} div.vote div.lCol ul li{color:#8a8a8a; font-size:18px; padding-bottom:2px; width:auto !important;} div.vote div.lCol p{padding:0 !important; color:#000 !important;} div.vote div.lCol fieldset{clear:both; width:100%} div.vote ul.controls{height:16px !important; margin-bottom:0; list-style:none; width:100%; padding-top:10px;} div.vote ul.controls li{float:left !important; height:16px !important; width:49% !important;} div.vote ul.controls li a{display:block; height:16px !important; width:100% !important; text-indent:-1000em;} div.vote ul.controls li.previous a{background:url(images/ir-previousPerson.gif) no-repeat top left !important;} div.vote ul.controls li.next a{background:url(images/ir-nextPerson.gif) no-repeat top right !important;} #finalist{float:left; border-width:1px 0 0 1px; border-style:solid; border-color:#000; clear:both; list-style:none; padding:12px 0 0 20px;} #finalist li{float:left; margin:0 1px 1px 0;position:relative; width:127px; height:127px;} #finalist li a{position:relative; z-index:1;} #finalist li a img{float:left; width:127px; -ms-interpolation-mode:bicubic; position:absolute; top:0; left:0;} #finalist li a img.hover{background:url(images/finalistHover.png) no-repeat top left;} #finalist li.on a img{width:147px; padding:10px; background:url(images/finalistHover.png) no-repeat top left; left:-20px; top:-20px;} #finalist li div.votingDiv{height:127px; width:127px; margin-top:0;} #finalist div.voteWrapper{bottom:64px; left:64px;} div.finalVote{width:377px; background:url(images/bg-modalTop.png) no-repeat top left; padding-top:20px;} div.finalVote a.close{float:right; height:12px !important; width:15px !important; display:block; text-indent:-1000em; background:url(images/btn-close.png) no-repeat top left !important;} div.finalVote ul{border:none !important; margin:auto !important;} div.finalVote ul li{border:none !important; float:none !important; height:auto !important;} div.finalVote h3{color:#063b63; font-size:22px; margin-bottom:14px;} div.finalVote img{margin:0; width:135px; -ms-interpolation-mode: bicubic;} div.finalVote div.lCol{width:182px; padding:0 20px 0 0; float:left;} div.finalVote div.lCol ul{padding-bottom:10px; list-style:none;} div.finalVote div.lCol ul li{color:#8a8a8a; font-size:16px; padding-bottom:2px; width:auto !important; font-weight:bold;} div.finalVote div.lCol p{padding:0 !important; color:#000 !important;} div.finalVote div.lCol fieldset{clear:both; width:100%} div.finalVote div.lCol fieldset input.text{height:18px; float:left; margin-right:5px; width:97px; background:#dadada; color:#959595; border:2px solid #b3b3b3; padding:2px 0 0 2px; margin-top:5px;} div.finalVote ul.controls{height:16px !important; margin-bottom:0; list-style:none; width:100%; padding-top:10px; clear:both} div.finalVote ul.controls li{float:left !important; height:16px !important; width:49% !important;} div.finalVote ul.controls li a{display:block; height:16px !important; width:100% !important; text-indent:-1000em;} div.finalVote ul.controls li.previous a{background:url(images/ir-previousPerson.gif) no-repeat top left !important;} div.finalVote ul.controls li.next a{background:url(images/ir-nextPerson.gif) no-repeat top right !important;} /* - Homepage - */ #mainBanner.homepage{overflow:hidden; height:392px;} #mainBanner.homepage div#facialHair a{display:block; text-indent:-1000em; background:url(images/home-award.jpg) no-repeat top left; width:553px; height:392px;} #mainBanner.homepage div#homepageFHE a{display:block; text-indent:-1000em; background:url(images/home-fhe.jpg) no-repeat top left; width:553px; height:392px;} #mainBanner.homepage div#nextCity{background:url(images/home-next.jpg) no-repeat top left; width:100%; height:392px;} #mainBanner.homepage div#nextCity h3{color:#fff; font-size:47px; float:left; margin:106px 0 0 70px;} #mainBanner.homepage div#nextCity h3 em{font-style:normal; display:block; color:#527692; font-size:34px; margin-top:-6px;} #mainBanner.homepage div#nextCity h4{float:left; clear:left; font-size:14px; color:#e6e7e6; font-family:Verdana, Arial, Helvetica; margin:37px 0 0 73px;} #mainBanner.homepage div#nextCity p{float:left; clear:left; margin:11px 0 0 73px; color:#bdbebd; width:380px; font-size:13px; line-height:19px;} #mainBanner.homepage div#nextCity p a{display:block; color:#19a20a; padding-top:14px;} #mainBanner.homepage div#numTrimmed{background:url(images/home-number.jpg) no-repeat top left; width:100%; height:392px;} #mainBanner.homepage div#numTrimmed p{color:#fff; font-size:45px; padding:245px 0 0 60px; line-height:20px; width:380px;} #mainBanner.homepage div#numTrimmed p strong{font-size:80px;} #mainBanner.homepage div#numTrimmed p em{font-style:normal; display:block; text-align:right; font-size:32px; color:#a9ada3; margin:10px 25px 0 0;} #mainBanner.homepage div#numTrimmed p span.cufon{margin-top:-28px;} #moty-blurb a.joinContest{float:right; width:122px; height:58px; background:url(images/btn-join3.gif) no-repeat top left; text-indent:-1000em; margin-left:50px;} #moty-blurb a.joinContest:hover{background-position:bottom left;} #moty-blurb ul{list-style:none; float:left; padding-bottom:47px;} #moty-blurb ul li{float:left; padding-right:12px;} #moty-blurb ul li h4 a{font-size:15px;} #lig-blurb{clear:both;} #lig-blurb img{float:right; margin:10px 0 0 40px;} #li-banner2{clear:both; float:left; margin:0 0 40px -30px;} #rate{background:url(images/banner-rate.jpg) no-repeat top left;} #rate a{display:block;width:461px; height:32px; color:#fff; padding:125px 0 0 92px} #rate a span{color:#4a839e;} #rate a:hover{color:#fff; text-decoration:none;} /* - Let It Grow - */ #mainBanner.letItGrow h2{float:left; width:220px;} #mainBanner p.date{color:#bcbebd; font-size:20px; float:right; margin:-37px 20px 0 0;} p#nextStop{float:right; color:#fff; text-align:right; margin:20px 23px 0 0; line-height:16px; width:290px;} p#nextStop strong{color:#7da9cc; font-size:14px; display:block;} p#nextStop span{display:none;} p#nextStop span.on{display:block;} h2#comingToYourTown{height:15px; width:340px; background:url(images/ir-comingToYourTown.gif) no-repeat top left; margin:20px 0;} h2#schedule{height:15px; width:150px; background:url(images/ir-schedule.gif) no-repeat bottom left; padding:10px 0 0 0; margin:0 0 15px 0;} div#tourMap {position:relative; clear:both; height:345px;} div#tourMap div.modal{width:377px; background:url(images/bg-modalTop.png) no-repeat top left; position:absolute; top:13px; right:13px; display:none; z-index:100; padding-top:20px;} div#tourMap div.modal div.modalBottom{background:url(images/bg-modalBottom.png) no-repeat bottom left; width:337px; padding:0 20px 20px 20px;} div#tourMap div.modal a.close{float:right; height:12px; width:15px; display:block; text-indent:-1000em; background:url(images/btn-close.png) no-repeat top left;} div#tourMap div.modal h4{color:#073b63; font-size:27px; margin:-7px 0 8px 0;} div#tourMap div.modal h5{color:#7c7b7b; font-size:15px; font-weight:bold; margin:0 0 10px 0;} div#tourMap div.modal p strong{display:block;} div#tourMap div.modal p a{display:block; color:#19a20a;} div#tourMap div.modal img.fr{margin:0 0 10px 10px;} div#tourMap img{} div#tourMap img#overlay{height:345px; width:553px; position:absolute; top:0; left:0; z-index:3;} div#tourMap a.button{position:absolute; height:22px; width:22px; background:url(images/icon-city.gif) no-repeat top left; z-index:2;} div#tourMap a.button.on{background-position:bottom left; text-decoration:none;} div#tourMap a.button.current{background-position:bottom left;} div#tourMap a#button_PA{top:115px; right:92px;} div#tourMap a#button_OH{top:116px; right:118px;} div#tourMap a#button_NC{top:187px; right:94px;} div#tourMap a#button_IL{top:114px; right:180px;} div#tourMap a#button_MN{top:75px; right:240px;} div#tourMap a#button_MO{top:158px; right:205px;} div#tourMap a#button_NE{top:126px; right:267px;} div#tourMap a#button_CO{top:140px; right:352px;} div#tourMap a#button_NM{top:194px; right:374px;} div#tourMap a#button_UT{top:127px; right:413px;} div#tourMap a#button_NV{top:167px; right:468px;} div#tourMap a#button_OR{top:44px; right:512px;} div#tourMap a#button_WA{top:13px; right:494px;} div#tourMap a#button_CA{top:205px; right:497px;} div#tourMap div{position:absolute; background-position:left top; background-repeat:no-repeat;} div#tourMap div.hovering{background-position:left center;} div#tourMap div.current{background-position:left bottom;} div#tourMap div#state_PA{top:104px; right:54px; height:40px; width:61px; background-image:url(images/state-pennsylvania.gif);} div#tourMap div#state_OH{top:115px; right:112px; height:49px; width:44px; background-image:url(images/state-ohio.gif);} div#tourMap div#state_NC{top:177px; right:51px; height:40px; width:92px; background-image:url(images/state-northCarolina.gif);} div#tourMap div#state_IL{top:116px; right:181px; height:74px; width:42px; background-image:url(images/state-illinois.gif);} div#tourMap div#state_MN{top:28px; right:213px; height:78px; width:67px; background-image:url(images/state-minnesota.gif);} div#tourMap div#state_MO{top:143px; right:196px; height:62px; width:68px; background-image:url(images/state-missouri.gif);} div#tourMap div#state_NE{top:109px; right:263px; height:44px; width:89px; background-image:url(images/state-nebraska.gif);} div#tourMap div#state_CO{top:130px; right:332px; height:61px; width:76px; background-image:url(images/state-colorado.gif);} div#tourMap div#state_NM{top:184px; right:345px; height:76px; width:74px; background-image:url(images/state-newMexico.gif);} div#tourMap div#state_UT{top:110px; right:401px; height:74px; width:61px; background-image:url(images/state-utah.gif);} div#tourMap div#state_NV{top:96px; right:450px; height:103px; width:68px; background-image:url(images/state-nevada.gif);} div#tourMap div#state_OR{top:31px; right:463px; height:72px; width:86px; background-image:url(images/state-oregon.gif);} div#tourMap div#state_WA{top:0px; right:459px; height:52px; width:71px; background-image:url(images/state-washington.gif);} div#tourMap div#state_CA{top:87px; left:0; height:143px; width:81px; background-image:url(images/state-california.gif);} div#tourMap ul.vote {padding:1px 0 0 1px; width:337px;background: #000;float: left;list-style: none;margin: 0 0 18px 0;} div#tourMap ul.vote li {margin: 0px; padding: 0 1px 1px 0;float: left;position: relative;width: 55px;height: 55px;} div#tourMap ul.vote img {width: 55px;height: 55px;-ms-interpolation-mode: bicubic;padding: 0px;position: absolute;border:none; margin:0;} div#tourMap ul.vote li img.hover {background: url(images/bg-photo.png) no-repeat center center;border: none;} div#tourMap ul.controls{height:16px; margin-bottom:0; list-style:none;} div#tourMap ul.controls li{float:left; height:16px; width:49%;} div#tourMap ul.controls li a{display:block; height:16px; width:100%; text-indent:-1000em;} div#tourMap ul.controls li a.previous{background:url(images/ir-previous.jpg) no-repeat top left;} div#tourMap ul.controls li a.next{background:url(images/ir-next.jpg) no-repeat top right;} ul.schedule {list-style:none; float:left; width:50%;} div.leaderBoard{float:left; width:49%; margin-bottom:18px;} div.leaderBoard h3{font-size:20px !important;} div.leaderBoard a{float:left; width:55px; height:55px;} div.leaderBoard img{width:55px; height:55px; -ms-interpolation-mode: bicubic;} /* - About - */ #lCol #mainBanner.about h2{padding:18px 0 19px 29px;} #lCol #mainBanner.about a.join{font-size:24px; color:#4a80a9; float:left; clear:left; padding:0 0 30px 30px; text-decoration:none; width:300px;} #lCol #mainBanner.aboutWahlNation p{color:#9a9a9a; padding:0 20px;} div.moty{padding-left:38px;} div.moty div{float:left; width:152px; height:207px; margin-left:5px; padding-top:38px; color:#cacaca; font-size:16px;} div.moty div img{display:block; margin-bottom:2px;} /* - Wahl Solutions - */ h2#wahlSolutions{color:#073b63; font-size:34px; padding:18px 0 23px 30px;} div#timeLine{background:#fff; padding:30px 30px 12px 30px;} div#timeLine h4{font-size:26px; color:#073b63; margin-bottom:11px;} ul#productListing{float:left; list-style:none; margin:0 0 12px 15px;} *html ul#productListing{margin-left:0px !important;} ul#productListing li{clear:left; float:left; width:100%;} ul#productListing li img{float:left; margin-right:8px;} ul#productListing li p{margin-bottom:0; padding-top:9px;} /* - Products - */ h2.product{height:50px; width:100%; background-position:top left; background-repeat:no-repeat; text-indent:-1000em; margin-bottom:10px;} h2#lithiumIon{background-image:url(images/title_lithiumIon.gif);} h2#goatee{background-image:url(images/title_goatee.gif);} h2#beard{background-image:url(images/title_beard.gif);} h2#mustache{background-image:url(images/title_mustache.gif);} h2#earNose{background-image:url(images/title_earNose.gif);} h2#body{background-image:url(images/title_body.gif);} h2#shopTools{background-image:url(images/title_shopTools.gif);} h2#bodyGroomer{background-image:url(images/title_bodyGroomer.gif);} h4#buyNow a{display:block; height:58px; width:233px; background:url(images/btn-buyNow.gif) no-repeat top left; text-indent:-1000em;} #contentBuffer.product h3{color:#033c67; margin-bottom:14px; font-size:22px;} /* - Man Of The Year - */ #mainBanner.manOfTheYear h2{padding-bottom:6px; float:left; width:272px;} #mainBanner.manOfTheYear.city h2{width:536px;} #mainBanner.manOfTheYear h2 span.subHead{font-size:20px; display:block; margin-top:10px;} #mainBanner.manOfTheYear p{clear:both; color:#bcbebd; padding:0 20px;} #mainBanner.manOfTheYear p.join{float:left; clear:none; padding:14px 0 0 0;} #mainBanner.manOfTheYear p.join a{display:block; height:58px; width:122px; text-indent:-1000em; float:right;} #mainBanner.manOfTheYear p.join a.join{background:url(images/btn-join.gif) no-repeat top left;} #mainBanner.manOfTheYear p.join a.vote{background:url(images/btn-vote.gif) no-repeat top left; margin-left:10px;} #mainBanner.manOfTheYear p.join a.vote:hover, #mainBanner.manOfTheYear p.join a.join:hover{background-position:bottom left;} *html #mainBanner.manOfTheYear p.join a.vote{margin-left:5px;} #mainBanner.manOfTheYear div#imageGrid{width:378px; background:#737373; float:left;} #mainBanner.manOfTheYear div#imageGrid div#image-container{margin:0; background:#000; padding:0 0 5px 20px;} #mainBanner.manOfTheYear div#imageGrid div#image-container ul.moty_thumb{margin-left:0px;} #mainBanner.manOfTheYear div#winners{float:left; width:175px; padding-top:1px;} *html #mainBanner.manOfTheYear div#winners{width:170px;} #mainBanner.manOfTheYear div#winners div{border-top:1px solid #0a3f69; height:151px; text-decoration:none; text-indent:-1000em;} #mainBanner.manOfTheYear div#winners div.winner1{background:url(images/winner-mp4.jpg) no-repeat top left;} #mainBanner.manOfTheYear div#winners div.winner2{background:url(images/winner-hdtv.jpg) no-repeat top left;} #contentBuffer h3.about{height:15px; width:100%; background:url(images/ir-aboutContest.gif) no-repeat top left; margin-bottom:20px;} /* - Social Scene - */ h4.joinContest a{display:block; text-indent:-1000em; height:16px; width:257px; background:url(images/ir-joinContest.gif) no-repeat top left; float:right; margin:0 20px 20px 0; font-size:16px;} div.blogEntry{clear:both; padding:10px 0;} div.blogEntry h4{font-size:20px; margin-bottom:5px;} div.blogEntry p{margin-bottom:10px !important} /* - Registration - */ h2#registration{height:56px; width:100%; background:url(images/ir-registration.gif) no-repeat top left;} div#registration div#subscriptions, div#registration fieldset{padding:20px 0 13px 20px;} div#stepOne h3, div#stepTwo h3{height:26px; width:100%;} div#stepOne h3#basics{background:url(images/ir-registrationBasics.gif) no-repeat top left;} div#stepOne h3#subscriptions{background:url(images/bg-registrationSubscription.gif) no-repeat top left;} *html div#stepOne h3#subscriptions{background-position:bottom left; padding-top:333px;} div#stepTwo h3#stepOne{background:url(images/ir-stepOne.gif) no-repeat top left;} div#stepTwo h3#stepTwoTitle{background:url(images/ir-stepTwo.gif) no-repeat top left;} div#stepTwo h3#stepThree{background:url(images/ir-stepThree.gif) no-repeat top left;} #mainBanner.myProfile h2{float:left; padding:20px 0 0 17px !important; width:404px;} #mainBanner.myProfile p{clear:both; color:#bcbebd;} #mainBanner.myProfile p.join{float:left; clear:none; padding:10px 0; margin-bottom:0;} #mainBanner.myProfile p.join a{display:block; height:58px; width:122px; text-indent:-1000em; float:right;} #mainBanner.myProfile p.join a.join{background:url(images/btn-join.gif) no-repeat top left;} #mainBanner.myProfile p.join a.vote{background:url(images/btn-vote.gif) no-repeat top left; margin-left:10px;} #mainBanner.myProfile p.join a.vote:hover, #mainBanner.myProfile p.join a.join:hover{background-position:bottom left;} /* - Error Page - */ h2#error{text-indent:-1000em; height:51px; width:553px; background:url(images/ir-errorTitle.gif) no-repeat top left; float:none; position:relative;} /* - Facial Hair Experts - */ #mainBanner.FHE div{background-repeat:no-repeat; background-position:bottom left; width:100%; height:392px;} #mainBanner .FHE1{background-image:url(images/bg-FHE1.jpg);} #mainBanner .FHE2{background-image:url(images/bg-FHE2.jpg);} #mainBanner .FHE3{background-image:url(images/bg-FHE3.jpg);} #mainBanner .FHE4{background-image:url(images/bg-FHE4.jpg);} #mainBanner.FHE a{display:block; height:336px; width:100%; color:#5881a0; font-size:17px; line-height:20px;} #mainBanner.FHE a:hover{text-decoration:none;} #mainBanner.FHE a span{color:#b3c5d2;} #mainBanner.FHE a strong{color:#abaeb0; font-size:22px; display:block; margin-top:10px;} #mainBanner .FHE1 a{padding:240px 0 0 47px; height:96px; width:506px} #mainBanner .FHE2 a{padding:230px 0 0 30px; height:106px; width:523px} #mainBanner .FHE3 a{padding:220px 0 0 246px; height:116px; width:307px} #mainBanner .FHE4 a{padding:224px 48px 0 40px; height:112px; width:465px} #expertRoll{list-style:none; position:relative; z-index:100;} #expertRoll li{float:left; padding-right:5px; position:relative; cursor:pointer;} #expertRoll li span.imgWrapper{display:block; height:145px; width:152px; overflow:hidden;} #expertRoll li.hover span.imgWrapper, #expertRoll li:hover span.imgWrapper, #expertRoll li.on span.imgWrapper{height:137px; width:144px; border:4px solid #80de49} #expertRoll li.on{z-index:1000;} #expertRoll li.hover img, #expertRoll li:hover img, #expertRoll li.on img{margin:-4px 0 0 -4px;} #expertRoll li h4{font-size:17px; color:#4280ae;} #expertRoll li div.popup{position:absolute; background:url(images/bg-answerBottom.png) no-repeat bottom left; bottom:50px; left:135px; cursor:default; z-index:10000; padding-bottom:70px;} #expertRoll li div.popupNest{background:url(images/bg-answerTop.png) no-repeat top left; padding:52px 70px 0 70px; float:left; width:309px;} #expertRoll li div.popup .tail{height:87px; width:20px; position:absolute; bottom:30px; left:17px; background:url(images/bg-expertTail.png) no-repeat top left;} #expertRoll li div.popup p{margin-bottom:0; margin-top:18px;} #expertRoll li.off div.popup{display:none;} #expertRoll li.on div.popup{display:block;} #expertRoll li div.popup a.close{display:block; width:15px; height:12px; text-indent:-1000em; position:absolute; top:50px; right:50px; background:url(images/btn-close.png) no-repeat top left;} #latestQuestion{padding:45px 30px 35px 30px; background:#bcbebd;} #latestQuestion h3{font-size:28px; color:#073B63; margin-bottom:16px;} #latestQuestion p.question{font-size:20px; color:#3875a3; margin-bottom:5px !important;} #latestQuestion p.question strong{color:#000;} #latestQuestion cite{font-style:normal; margin-bottom:18px; display:block;} #latestQuestion h4{font-size:16px; margin-top:28px;} .lighter{background:#e6e7e6 !important;} /* - Ask The Experts - */ #expertSearch{padding:13px 30px 30px 30px;} #expertSearch label{display:block; font-size:12px; padding-bottom:20px;} #expertSearch input.text{height:26px; width:329px; line-height:30px; padding:4px; background:url(images/bg-searchInput.gif) no-repeat top left; border:0; float:left;} #expertSearch a.submit{height:37px; width:106px; float:left; display:inline; text-indent:-1000em; background:url(images/btn-search.gif) no-repeat top left; margin:-2px 0 0 12px;} #expertSearch a.submit:hover{background-position:bottom left;} #questionHolder, #searchResults{list-style:none;} #questionHolder li ul{list-style:none; margin:10px 0 0 0; padding-left:20px;} #questionHolder li ul li, #searchResults li{line-height:18px;position:relative; padding-bottom:10px;} #searchResults .answer .question, #questionHolder .answer .question{margin-bottom:0 !important; font-size:20px; color:#3875a3;} #searchResults .answer .question strong, #questionHolder .answer .question strong{color:#000;} #searchResults .answer a.close, #questionHolder .answer a.close{display:block; width:15px; height:12px; text-indent:-1000em; position:absolute; top:50px; right:50px; background:url(images/btn-close.png) no-repeat top left;} #searchResults .answer cite, #questionHolder .answer cite{display:block; margin-bottom:20px !important; font-style:normal;} #searchResults .answer, #questionHolder .answer{position:absolute; right:-200px; bottom:-100px; width:672px; background:url(images/bg-answerBottom2.png) no-repeat bottom left; padding-bottom:70px; z-index:1000; display:none;} #searchResults .answer .answerWrapper, #questionHolder .answer .answerWrapper{background:url(images/bg-answerTop2.png) no-repeat top left; padding:70px 70px 0 70px; float:left; width:532px;} #questionHolder .answer .tail, #searchResults .answer .tail{height:110px; width:33px; position:absolute; bottom:30px; left:4px; background:url(images/bg-answerTail.png) no-repeat top left;} #questionHolder li.on .answer, #searchResults li.on .answer{display:block;} #questionHolder h3, #searchResults h3{height:30px; line-height:30px; background:url(images/bg-blade.gif) no-repeat top left; padding-left:20px;} #questionHolder h3 a, #searchResults h3 a{color:#bcbebd; display:block; height:30px; line-height:30px; width:100%;} #questionHolder h3 a:hover, #searchResults h3 a:hover{text-decoration:none; color:#fff;} #pagination li{list-style:none; float:left; padding-right:12px; font-size:13px;} #pagination li a{color:#686767;} #pagination li.current a{color:#3875a3;} a.back{display:block; height:16px; width:64px; background:url(images/btn-back.gif) no-repeat top left; text-indent:-1000em; margin-bottom:20px;} /* - Encyclopedia of Styles - */ #styleGrid li{list-style:none; position:relative; float:left; display:inline; margin:0 4px 4px 0;} #styleGrid li a, #styleGrid li a img{float:left;} #styleGrid li.on{z-index:100;} #styleGrid li:hover a, #styleGrid li.on a{ border:4px solid #80de49; overflow:hidden; width:86px; height:82px;} #styleGrid li:hover img, #styleGrid li.on img{margin:-4px 0 0 -4px;} #styleGrid li .style{position:absolute; left:70px; bottom:-20px; width:449px; background:url(images/bg-answerBottom.png) no-repeat bottom left; padding-bottom:70px; z-index:1000; display:none;} #lCol #styleGrid li .style h3{font-size:20px; color:#3875a3;} #styleGrid li .styleWrapper{background:url(images/bg-answerTop.png) no-repeat top left; padding:70px 70px 0 70px; float:left; width:309px;} #styleGrid li .style .tail{height:110px; width:33px; position:absolute; bottom:30px; left:4px; background:url(images/bg-answerTail.png) no-repeat top left;} #styleGrid li.on .style{display:block;} #styleGrid li .style a{float:none; border:0; overflow:auto; width:auto; height:auto;} #styleGrid li .style a.close{display:block; width:15px; height:12px; text-indent:-1000em; position:absolute; top:50px; right:50px; background:transparent url(images/btn-close.png) no-repeat top left; overflow:hidden;} #styleGrid li .style img{float:right;} #questionHolder p.modal_controls, #styleGrid p.modal_controls{margin-bottom:0; width:100%;} #styleGrid p.modal_controls span{display:block; height:16px; float:left; width:154px;} #questionHolder p.modal_controls span{display:block; height:16px; float:left; width:266px;} #questionHolder p.modal_controls a{display:block; height:16px; background-repeat:no-repeat; text-indent:-1000em; float:left; width:266px; overflow:hidden;} #styleGrid p.modal_controls a{display:block; height:16px; background-repeat:no-repeat; text-indent:-1000em; float:left; width:154px; overflow:hidden;} #questionHolder p.modal_controls a.prev_link, #styleGrid p.modal_controls a.prev_link{background-image:url(images/link-prev.gif); background-position:top left;} #questionHolder p.modal_controls a.next_link, #styleGrid p.modal_controls a.next_link{background-image:url(images/link-next.gif); background-position:top right;} #tagCloud{padding:30px;} #tagCloud a.size1{color:#06365b; font-size:36px; line-height:40px;} #tagCloud a.size2{color:#1c4362; font-size:27px; line-height:31px;} #tagCloud a.size3{color:#627584; font-size:20px; line-height:24px;} #tagCloud a.size4{color:#3a4a56; font-size:17px; line-height:21px;} #tagCloud a.size5{color:#3a4a56; font-size:12px; line-height:16px;} /* - Styles - */ .productLineup {float:left; width:100%; padding:20px 0;} .productLineup a{float:left; margin-right:10px;} .productLineup a img{float:left; margin-top:5px;} /* - Style Guide - */ #styleGuide{padding:13px 30px 30px 30px;} #styleGuide img{float:right;} /*:: Right Column Panes ------------------------------------- */ #rCol a{color:#4787b7; text-decoration:none;} #rCol a:hover{text-decoration:underline;} #rCol div.pane{margin:0 30px; clear:both;} #rCol div.banner{margin:0 30px; padding:20px 0 0 0;} #rCol div.banner.delimiter{margin-left:0; padding-left:30px;} #rCol div.delimiter{background:url(images/bg-delimiter.gif) no-repeat 30px bottom; padding-bottom:22px; clear:both;} #rCol .moreLink{font-size:12px; color:#19a20a; display:block; float:left;} #rCol .moreLink:hover{text-decoration:underline; color:#70d865;} #rCol p .moreLink{float:none; display:inline; font-size:auto;} #rCol div.pane p, #rCol div#youTube p, #rCol div.pane li{color:#eee; line-height:17px;} #rCol div.pane p{margin-bottom:18px;} #rCol div.pane p:last-child{margin-bottom:0;} /* - Shared Sidebar Styles - */ #rCol h3{padding:12px 0 16px 0; color:#4280ae; font-size:24px;} #rCol h3 a:hover{text-decoration:none;} ul#contestButtons{list-style:none; float:left;} ul#contestButtons li a{font-size:15px; display:block; background-repeat:no-repeat; background-position:left center; color:#a3b0b6; font-size:16px;} ul#contestButtons li a:hover{text-decoration:none;} ul#contestButtons li.on a{color:#128010;} /* - Question - */ div#sidebarQuestion{padding-top:29px; position:relative;} div#sidebarQuestion img{float:left;} div#questionFormDiv{padding:0 0 39px 0; background:url(images/bg-questionBottom.png) no-repeat bottom left; position:absolute; bottom:0; right:0; z-index:1000; display:none;} div#questionFormDivNest{background:url(images/bg-questionTop.png) no-repeat top left; padding:39px 39px 0 39px; width:327px;} div#questionFormDiv h4{text-indent:-1000em; height:12px; background-repeat:no-repeat; background-position:top left; padding-bottom:23px;} div#questionFormDiv h4.askTitle{background-image:url(images/title-ask.gif); width:203px;} div#questionFormDiv h4.thankYouTitle{background-image:url(images/title-thankYou.gif); width:124px;} div#questionFormDiv a.close{display:block; height:12px; width:15px; background:url(images/btn-close.png) no-repeat top left; position:absolute; top:39px; right:39px; text-indent:-1000em;} div#questionFormDiv p{float:left;} div#questionFormDiv label{line-height:28px; color:#073b63; width:70px; padding-right:10px; text-align:right; float:left;} div#questionFormDiv label span{color:#ba3d40;} div#questionFormDiv input{float:left; border:0; background:url(images/bg-questionTextArea.gif) no-repeat top left; height:20px; line-height:20px; padding:4px; margin-bottom:7px; width:239px;} div#questionFormDiv textarea{border:0; background:url(images/bg-questionTextArea.gif) no-repeat bottom left; float:left; width:239px; font-family:Arial, Helvetica, Sans-Serif; padding:4px; font-size:12px; margin-bottom:7px;} div#questionFormDiv a.submit{height:37px; width:106px; float:left; text-indent:-1000em; background:url(images/btn-submit3.gif) no-repeat top left; margin-left:80px;} div#questionFormDiv .location{float:left; width:100%;} div#questionFormDiv .location label, div#questionFormDiv .location input{float:left;} div#questionFormDiv .location input{width:100px;} div#questionFormDiv .label_state{width:45px;} div#questionFormDiv select{width:82px; margin-top:5px;} .validation-summary-errors{color:#ba3d40; margin:0 0 14px 14px;} #thanks p{font-size:12px; line-height:18px; margin-bottom:1em;} #thanks p.bottom{margin-bottom:0;} /* - About Wahl Products - */ div#about ul#contestButtons{margin-bottom:7px;} /* - Other Products - */ div#otherProducts ul{float:left; list-style:none; margin-bottom:12px;} div#otherProducts ul li{clear:left; float:left; margin-bottom:8px;} div#otherProducts ul li img{float:left;} div#otherProducts ul li div{float:left; margin:5px 0 0 8px; width:250px;} /* - Facebook - */ div#facebookPlugin{padding-top:20px;} /* - Lithium Ion - */ div#li{background:#000 url(images/bg-li.jpg) no-repeat bottom right; margin:-10px 0 10px 0 !important; padding-bottom:20px; min-height:180px;} div#li h3{padding:21px 0 12px 28px;} div#li p{margin:0 30px; width:170px; line-height:20px !important;} /* - Youtube - */ #rCol div.delimiter div.youTube p{margin-bottom:0;} div#youTube{padding:20px 0 0 30px;} /* - Man of the Year - */ div#manOfTheYear{margin:0 !important;} div#manOfTheYear h3{padding:1px 0 16px 18px;} div#manOfTheYear div#pictureGrid{background:#000; width:363px;} div#manOfTheYear a#join{display:block; float:left; height:58px; width:122px; background:url(images/btn-join2.gif) no-repeat top left; margin:10px 0 0 17px} div#manOfTheYear a#join:hover{background-position:bottom left;} div#manOfTheYear a#vote{display:block; float:left; height:58px; width:122px; background:url(images/btn-vote.gif) no-repeat top left; margin:10px 0 0 17px} div#manOfTheYear a#vote:hover{background-position:bottom left;} div#manOfTheYear div#pictureGrid ul#contestButtons{list-style:none; float:left; margin:14px 0 17px 8px;} *html div#manOfTheYear div#pictureGrid ul#contestButtons{margin:14px 0 5px 4px;} *html div#manOfTheYear div#pictureGrid ul#contestButtons li#meetWinners{margin:0 0 4px 0;} div#manOfTheYear div#pictureGrid ul#contestButtons li#meetWinners{margin-bottom:11px;} div#manOfTheYear div#pictureGrid ul#contestButtons li#meetWinners{margin-bottom:5px;} div#manOfTheYear div#pictureGrid ul#contestButtons li#vote a{color:#179c0d;} /* - Wahl Products - */ ul#wahlNav{list-style:none; height:40px;} ul#wahlNav li{float:left; width:40px; height:40px; margin-right:3px; position:relative;} ul#wahlNav li a.product{display:block; height:40px; width:100%; background-image:url(images/ir-wahlNav.jpg); background-repeat:no-repeat; text-indent:-1000em;} ul#wahlNav li#nav-goatee a{background-position:0 0;} ul#wahlNav li#nav-beard a{background-position:-40px 0;} ul#wahlNav li#nav-mustache a{background-position:-80px 0;} ul#wahlNav li#nav-nose a{background-position:-120px 0;} ul#wahlNav li#nav-body a{background-position:-160px 0;} ul#wahlNav li#nav-bodyGroomer a{background-position:-280px 0;} ul#wahlNav li#nav-shop a{background-position:-200px 0;} ul#wahlNav li#nav-li a{background-position:-240px 0;} ul#wahlNav li div.info{background-repeat:no-repeat; background-position:top left; position:absolute; z-index:100; display:none;} ul#wahlNav li#nav-goatee div.info{background-image:url(images/bg-prodGoatee.png); height:160px; width:273px; top:-149px; left:-115px} ul#wahlNav li#nav-beard div.info{background-image:url(images/bg-prodBeard.png); height:166px; width:249px; top:-155px; left:-104px} ul#wahlNav li#nav-mustache div.info{background-image:url(images/bg-prodMustache.png); height:160px; width:265px; top:-149px; left:-109px} ul#wahlNav li#nav-nose div.info{background-image:url(images/bg-prodEarNose.png); height:160px; width:263px; top:-149px; left:-110px} ul#wahlNav li#nav-body div.info{background-image:url(images/bg-prodBody.png); height:161px; width:295px; top:-150px; left:-151px} ul#wahlNav li#nav-bodyGroomer div.info{background-image:url(images/bg-prodBodyGroomer.png); height:170px; width:322px; top:-160px; left:-164px} ul#wahlNav li#nav-shop div.info{background-image:url(images/bg-prodShopTools.png); height:161px; width:279px; top:-150px; left:-178px} ul#wahlNav li#nav-li div.info{background-image:url(images/bg-prodLithiumIon.png); height:161px; width:271px; top:-150px; left:-113px} ul#wahlNav li div.info p{font-size:14px; color:#000; padding:80px 0 0 26px; width:200px;} ul#wahlNav li#nav-beard div.info p{padding-top:87px; width:175px;} ul#wahlNav li#nav-nose div.info p{width:190px;} ul#wahlNav li#nav-body div.info p{width:220px; padding:75px 0 0 30px;} ul#wahlNav li#nav-li div.info p{width:180px;} /* - Products Navigation - */ div#featuredProducts ul{list-style:none;} div#featuredProducts ul li{margin-bottom:7px;} div#featuredProducts ul li a{display:block; height:21px; width:176px; background-repeat:no-repeat; background-position:top left; text-indent:-1000em;} div#featuredProducts ul li a:hover{background-position:bottom left;} div#featuredProducts ul li.on a{background-position:bottom left;} div#featuredProducts ul li#sideNav_li a{background-image:url(images/nav-LithiumIon.gif);} div#featuredProducts ul li#sideNav_goatee a{background-image:url(images/nav-Goatee.gif);} div#featuredProducts ul li#sideNav_beard a{background-image:url(images/nav-Beard.gif);} div#featuredProducts ul li#sideNav_mustache a{background-image:url(images/nav-Mustache.gif);} div#featuredProducts ul li#sideNav_earNose a{background-image:url(images/nav-EarNose.gif);} div#featuredProducts ul li#sideNav_body a{background-image:url(images/nav-Body.gif);} div#featuredProducts ul li#sideNav_shop a{background-image:url(images/nav-ShopTools.gif);} div#featuredProducts ul li#sideNav_bodyGroomer a{background-image:url(images/nav-bodyGroomer.gif);} /* - Let It Grow City Navigation - */ div#letItGrowNav ul{list-style:none;} div#letItGrowNav ul li{margin-bottom:10px;} div#letItGrowNav ul li a{display:block; height:10px; line-height:0; text-indent:-1000em; background-repeat:no-repeat; background-position:top left;} div#letItGrowNav ul li a:hover{background-position:bottom left;} div#letItGrowNav ul li.OH a{background-image:url(images/nav-OH2.gif);} div#letItGrowNav ul li.PA a{background-image:url(images/nav-PA2.gif);} div#letItGrowNav ul li.NC a{background-image:url(images/nav-NC2.gif);} div#letItGrowNav ul li.NE a{background-image:url(images/nav-NE2.gif);} div#letItGrowNav ul li.WA a{background-image:url(images/nav-WA2.gif);} div#letItGrowNav ul li.OR a{background-image:url(images/nav-OR2.gif);} div#letItGrowNav ul li.IL a{background-image:url(images/nav-IL2.gif);} div#letItGrowNav ul li.MO a{background-image:url(images/nav-MO12.gif);} div#letItGrowNav ul li.MN a{background-image:url(images/nav-MN2.gif);} div#letItGrowNav ul li.UT a{background-image:url(images/nav-UT2.gif);} div#letItGrowNav ul li.CO a{background-image:url(images/nav-CO2.gif);} div#letItGrowNav ul li.NV a{background-image:url(images/nav-NV2.gif);} div#letItGrowNav ul li.NM a{background-image:url(images/nav-NM2.gif);} div#letItGrowNav ul li.CA a{background-image:url(images/nav-CA.gif);} div#letItGrowNav ul li.anyTown{margin-top:20px;} div#letItGrowNav ul li.anyTown a{background-image:url(images/nav-Any.gif); height:8px;} #finalistNav ul{list-style:none;} #finalistNav ul li{padding-bottom:8px;} #finalistNav ul li.last{padding-bottom:0;} #finalistNav ul li a{font-size:22px; color:#5d6e82} #finalistNav ul li a.on{color:#8398ab;} div#letItGrowNav p{color:#90a0aa !important; font-size:11px; margin-top:10px;} /* - Man of the year Navigation - */ div#manOfTheYearNav ul{list-style:none; float:left;} div#manOfTheYearNav ul.second{width:143px;} div#manOfTheYearNav ul.first{width:160px;} div#manOfTheYearNav ul li{margin-bottom:10px;} div#manOfTheYearNav ul li a{display:block; line-height:0; height:10px; text-indent:-1000em; background-repeat:no-repeat; background-position:center left; cursor:default;} div#manOfTheYearNav ul li.past a:hover, div#manOfTheYearNav ul li.current a:hover{background-position:center left;} div#manOfTheYearNav ul li.past a{background-position:top left; cursor:pointer;} div#manOfTheYearNav ul li.current a{background-position:bottom left; cursor:pointer;} div#manOfTheYearNav ul li.OH a{background-image:url(images/nav-OH.gif);} div#manOfTheYearNav ul li.PA a{background-image:url(images/nav-PA.gif);} div#manOfTheYearNav ul li.NC a{background-image:url(images/nav-NC.gif);} div#manOfTheYearNav ul li.NE a{background-image:url(images/nav-NE.gif);} div#manOfTheYearNav ul li.WA a{background-image:url(images/nav-WA.gif);} div#manOfTheYearNav ul li.OR a{background-image:url(images/nav-OR.gif);} div#manOfTheYearNav ul li.IL a{background-image:url(images/nav-IL.gif);} div#manOfTheYearNav ul li.MO a{background-image:url(images/nav-MO1.gif);} div#manOfTheYearNav ul li.MN a{background-image:url(images/nav-MN.gif);} div#manOfTheYearNav ul li.UT a{background-image:url(images/nav-UT.gif);} div#manOfTheYearNav ul li.CO a{background-image:url(images/nav-CO.gif);} div#manOfTheYearNav ul li.NV a{background-image:url(images/nav-NV.gif);} div#manOfTheYearNav ul li.NM a{background-image:url(images/nav-NM.gif);} div#manOfTheYearNav ul li.CA a{background-image:url(images/nav-CA2.gif);} div#manOfTheYearNav h4{clear:both;padding:10px 0 0 0; margin-bottom:10px;} div#manOfTheYearNav h4 a{display:block; height:10px; width:116px; background:url(images/sidebar_anytown.gif) no-repeat top left; text-indent:-1000em; line-height:1px;} div#manOfTheYearNav h4 a:hover{background-position:bottom left;} /* - Nav Facial Hair Experts - */ div#FacialHairNav ul{list-style:none;} div#FacialHairNav ul li{padding-top:11px;} div#FacialHairNav ul li a{font-size:19px; color:#bfc4c8; font-weight:normal;} div#FacialHairNav ul li.on a, div#FacialHairNav ul li.on li.on a, div#FacialHairNav ul li a:hover{color:#148711; text-decoration:none;} div#FacialHairNav ul li.on li a{color:#7e7d7d;} div#FacialHairNav ul li li a:hover{color:#148711; text-decoration:none;} div#FacialHairNav ul ul li{width:150px; float:left;} div#FacialHairNav ul ul li a{color:#7e7d7d; font-size:14px; line-height:16px;} /* - Blog - */ div#blog h3 a{display:block; height:26px; width:100%; background:url(images/ir-blog.gif) no-repeat top left;} div#blog h4 a{font-size:15px; color:#19a20a;} div#blog h4 a:hover{text-decoration:none; color:#70d865;} div#blog span.timeStamp{font-size:12px; color:#4787b7; display:block; margin:4px 0 6px 0;} /* - Twitter - */ div#twitter{padding-bottom:0;} div#twitter h3 a{display:block; height:26px; width:100%; background:url(images/ir-twitter.gif) no-repeat top left;} /* - IE6 - */ *html div#blog, *html .delimiter div#wahlProducts, *html div#about, *html div#youTube, *html div.youTube, *html div#featuredProducts, *html div#currentCity, *html div#twitter, *html div#letItGrowNav, *html div#manOfTheYearNav{margin-left:0 !important; padding-left:0 !important;} /* - Social Scene Nav - */ div#socialSceneNav ul{list-style:none;} div#socialSceneNav ul li a{display:block; text-indent:-1000em; background-repeat:no-repeat;} div#socialSceneNav ul.postingNav{padding:20px 0 13px 0;} div#socialSceneNav ul.postingNav li{margin-bottom:10px;} div#socialSceneNav ul.postingNav li a{height:26px; background-position:top left;} div#socialSceneNav ul.postingNav li a:hover{background-position:bottom left;} div#socialSceneNav ul.postingNav li.postToFacebook a{background-image:url(images/ir-postToFacebook.gif);} div#socialSceneNav ul.postingNav li.postToTwitter a{background-image:url(images/ir-postToTwitter.gif);} div#socialSceneNav ul.socialNav{float:left; list-style:none; height:17px;} div#socialSceneNav ul.socialNav li{float:left;} div#socialSceneNav ul.socialNav li a{height:17px; background-image:url(images/ir-socialMedia2.gif);} div#socialSceneNav ul.socialNav li#facebook a{width:55px; background-position:0 0; margin-right:15px;} div#socialSceneNav ul.socialNav li#twitter a{width:54px; background-position:-73px 0; margin-right:15px;} div#socialSceneNav ul.socialNav li#flickr a{width:38px; background-position:-138px 0; margin-right:15px;} div#socialSceneNav ul.socialNav li#youtube a{width:32px; background-position:-188px 0; margin-right:15px;} div#socialSceneNav ul.socialNav li#vimeo a{width:55px; background-position:-236px 0;} div#socialSceneNav ul.socialNav li#facebook a:hover{background-position:0 -17px;} div#socialSceneNav ul.socialNav li#twitter a:hover{background-position:-73px -17px;} div#socialSceneNav ul.socialNav li#flickr a:hover{background-position:-138px -17px;} div#socialSceneNav ul.socialNav li#youtube a:hover{background-position:-188px -17px;} div#socialSceneNav ul.socialNav li#vimeo a:hover{background-position:-236px -17px;} /* ImageFlow Settings - CSS 2.1 ==================================== */ @media screen, projection { .imageflow { visibility:hidden; position:relative; text-align:left; width:493px; overflow:hidden; margin-left:auto; margin-right:auto; } .imageflow img { visibility:hidden; position:absolute; top:0px; border:none; -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */ } .imageflow p{ text-align:center; margin:0 auto; } .imageflow .loading {position:relative; left:50%; margin-left:-106px; width:200px; height:15px; padding:5px; visibility:visible; border:1px solid #000;} .imageflow .loading_bar { height:15px; width:1%; background:#000; visibility:visible; } .imageflow .caption { position:relative; text-align:justify; padding:10px 0px 0px 0px; z-index:10000; line-height:18px; margin-bottom:18px; } .imageflow .caption strong{color:#4787b7;} }