/*html { overflow: hidden }*/
body { margin: 0; padding: 0; overflow: hidden }
img { border: 0 }
ul, li { margin: 0; padding: 0; list-style-type: none }
table, tr, td { margin: 0; padding: 0 }
input, select { margin: 0; padding: 0 }
select { height: 19px }
.zero { clear: both }
.fl { float: left }
.fr { float: right }
.vspacer { vertical-align: middle; width: 1px!important; height: 100%!important }
.inline-block { float: none; display: -moz-inline-stack; display: inline-block }
.vmaib { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle } /* Vertically Middle Aligned Inline Block */
.vtaib { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: top } /* Vertically Top Aligned Inline Block */
.vsma { display: -moz-inline-stack; display: inline-block; vertical-align: middle; width: 0px!important; height: 100%!important } /* Vertical Spacer for Middle Alignement */
.error { color: #b00000 }

.wrapper {  }
.slides-canvas { position: absolute; position: absolute; left: 0; top: 0; overflow: hidden }
.slides-canvas2 { position: absolute; position: absolute; left: 0; top: 0; overflow: hidden }
.slides { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; overflow: hidden }
.slide { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
.slide .bg-img { position: absolute; left: 0; top: 0 }
.slide .tip-square { position: absolute; width: 19px; height: 19px; background: url(../images/tip-square.png) no-repeat }
.slide .tip-text-bottom { display: none; position: absolute; right: 3px; bottom: 3px; padding: 9px 13px; font: normal 10px arial, helvetica, sans-serif; color: #303030; background: #ffffff url(../images/tip-text-bg-bottom.png) no-repeat right bottom }
.slide .tip-text-top { display: none; position: absolute; left: 3px; top: 3px; padding: 9px 13px; font: normal 10px arial, helvetica, sans-serif; color: #303030; background: #ffffff url(../images/tip-text-bg-top.png) no-repeat left top }
.slide .cross-sell { position: absolute; right: 0; bottom: 90px; cursor: pointer }
.hours { position: absolute; left: 23px; top: 26px }
.hours .l1 { position: absolute; left: 0; top: 0; cursor: pointer }
.hours .l1 .border { position: absolute; left: 0; top: 0; width: 348px; height: 49px; background: url(../images/feat-zone-border.png) no-repeat }
.hours .l1 .bg-black { display: none; position: absolute; left: 0; top: 0; width: 348px; height: 49px; background: #000000; opacity: .80; filter: alpha(opacity=80) }
.hours .l1 .hour { position: absolute; left: 0; top: 0 }
.hours .l1 .arrow { position: absolute; left: 1px; top: 1px; width: 27px; height: 47px; background: url(../images/feat-zone-arrow.png) no-repeat; cursor: pointer }
.hours .l1 .cross { display: none; position: absolute; left: 1px; top: 1px; width: 27px; height: 47px; background: url(../images/feat-zone-cross.png) no-repeat; cursor: pointer }
.hours .l2 { position: absolute; left: 22px; top: 48px }

.feat-zone { position: absolute; left: 0; top: 0; z-index: 200; width: 72px; height: 504px; background: url(../images/feat-zone-bg.png) no-repeat }
.feat-zone .content { position: absolute; left: -322px; top: 0; width: 360px; height: 470px; background: url(../images/feat-zone-bg-content.png) no-repeat; cursor: pointer }
.feat-zone .content .slide { display: none; position: relative; left: -100px; top: 0 }
.feat-zone .content .slide .title { padding: 39px 0 22px 20px }
.feat-zone .content .slide .flash { position: relative; padding: 0 0 0 20px }
.feat-zone .content .slide .desc { height: 60px; padding: 13px 0 0; font: normal 11px arial, helvetica, sans-serif; color: #999999; text-align: center }
.feat-zone .content .slide .btn-show-video { position: absolute; right: 26px; top: 270px; cursor: pointer }
.arrows { position: absolute; left: 50%; bottom: 88px; z-index: 400; width: 78px; height: 37px; margin: 0 0 0 -38px }
.arrows .arrow-left { float: left; width: 37px; height: 37px; background: url(../images/arrow-left-out.png) no-repeat; cursor: pointer }
.arrows .arrow-right { float: left; width: 37px; height: 37px; margin: 0 0 0 4px; background: url(../images/arrow-right-out.png) no-repeat; cursor: pointer }

.cta { position: absolute; right: 85px; top: 50%; z-index: 500; width: 236px; height: 158px; margin: -98px 0 0 0 }
.cta .caption { position: absolute; left: 10px; top: 0 }
.cta .btn-light-1 { position: absolute; left: 0; top: 24px; width: 236px; height: 71px; background: url(../images/cta-light.png) no-repeat }
.cta .btn-light-1-glow { display: none; position: absolute; left: 0; top: 24px; width: 236px; height: 71px; background: url(../images/cta-light-glow.png) no-repeat }
.cta .btn-light-2 { position: absolute; left: 0; top: 87px; width: 236px; height: 71px; background: url(../images/cta-light.png) no-repeat }
.cta .btn-light-2-glow { display: none; position: absolute; left: 0; top: 87px; width: 236px; height: 71px; background: url(../images/cta-light-glow.png) no-repeat }
.cta .btn-1 { position: absolute; left: 10px; top: 34px; cursor: pointer }
.cta .btn-2 { position: absolute; left: 10px; top: 97px; cursor: pointer }
#cta-caption-discover,#cta-msn-mac7 { display: none }

.footer-bg { position: absolute; left: 0; bottom: 0; z-index: 1300; width: 100%; height: 71px; background: #000000; opacity: .65; filter: alpha(opacity=65) }
.footer-bg-line { position: absolute; left: 0; bottom: 71px; z-index: 1300; width: 100%; height: 1px; background: #636363; opacity: .10; filter: alpha(opacity=10) }
.footer { position: absolute; left: 0; bottom: 0; z-index: 1300; width: 100%; height: 72px }
.footer .wlm-buddies { position: absolute; left: 14px; bottom: 8px; width: 100px; height: 70px; background: url(../images/wlm-buddies.png) no-repeat  }
.footer .text { height: 57px; padding: 15px 0 0 113px; font: normal 11px arial, helvetica, sans-serif; color: #999999; letter-spacing: 0.3px }
.footer .text a { color: #ffffff; text-decoration: none }
.footer .text a:hover { color: #ffffff; text-decoration: underline }
.footer .text a.discover { text-transform: uppercase }
.footer .text .vertical-line { float: left; width: 1px; height: 39px; margin: 3px 11px 3px 10px; background: #ffffff; opacity: .20; filter: alpha(opacity=20) }
.footer .tag-line { position: absolute; right: 27px; bottom: 15px }
.footer .media .btn-audio { float: left; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 2px 2px; cursor: pointer }
.footer .media .btn-play { background-image: url(../images/control-play.png) }
.footer .media .btn-pause { display: none; background-image: url(../images/control-pause.png) }
.footer .media .btn-stop { background-image: url(../images/control-stop.png) }
.footer .media .title { margin: 3px 0 0 }
.footer .media .btn-video { position: relative; top: -5px; cursor: pointer }
#footer-links-share, #mp3, #btn-hd-on { display: none }

.popin { display: none; position: absolute; left: 0; top: 0; z-index: 1600; margin: 18px 16px 90px; padding: 10px; background: #ffffff }
.popin h2 { margin: 6px 0; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; text-transform: uppercase; text-align: center }
.popin p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: center }
.popin p a { color: #1aa9e7; text-decoration: underline }
.popin .whatsnew { width: 99%; margin: 25px 0 auto auto; position: relative; overflow: auto }
.popin .whatsnew .block { width: 49%; float: left; overflow: hidden }
.popin .whatsnew .rightBlock { margin-left: 1% }
.popin .whatsnew .block table th { text-align: center; text-transform: uppercase; font: bold 14px arial, helvetica, sans-serif; color: #FFFFFF; height: 17px padding-top: 3px; width: 100%; background-color: #1aa9e7 }
.popin .whatsnew .block table { margin: 0; border-collapse: collapse }
.popin .whatsnew .block table td { padding: 10px 0; border-top: 1px solid #FFFFFF }
.popin .whatsnew .block table tr { width: 100%; background-color: #e5e5e5; border-top: 1px solid #FFFFFF }
.popin .whatsnew .block table .picture { background-color: #cccccc; width: 65px; height: 100%; border-right: 1px solid #FFFFFF; text-align: center }
.popin .whatsnew .block table .picture img { margin: 5px }
.popin .whatsnew .block table .content h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1AA9E7; text-transform: uppercase; margin: 0 0 5px 10px }
.popin .whatsnew .block table .content p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; margin: 0 10px; text-align: left }
.popin .close { position: absolute; right: 7px; top: 7px; cursor: pointer }
.popin .bottom-note { position: absolute; left: 0; bottom: -10px; padding: 0 7px 4px 5px; font: 10px arial, helvetica, sans-serif; color: #666666; background: #ffffff }
.popin .note { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: center }

.popin table { width: 100%; border-collapse: collapse }
.popin table th { margin: 0; text-align: center; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; height: 17px; padding-top: 3px; background-color: #1aa9e7; font-weight: bold; border-left: 1px solid #FFFFFF }
.popin table tr { width: 100%; background-color: #e5e5e5; border-top: 1px solid #FFFFFF }
.popin table .first { background-color: #cecece;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: center; text-transform: uppercase; font-weight: bold }
.popin table td { padding: 10px 0; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF }
.popin table td p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; margin: 0 10px; text-align: left }
.popin .what-changed { margin: 25px 0 0 0; overflow: auto }

.confirmation { display: none; position: absolute; left: 50%; top: 50%; z-index: 1700; margin: -264px 0 0 -470px; padding: 10px; font: normal 12px arial, helvetica, sans-serif; background: #ffffff }
.confirmation .close { position: absolute; right: 7px; top: 7px; cursor: pointer }
.confirmation .caption { padding: 14px; text-align: center }
.confirmation .desc { padding: 5px 10px 20px; line-height: 32px; text-align: center; color: #666666 }
.confirmation .desc a { text-decoration: underline; color: #1aa9e7 }
.confirmation .desc a img { vertical-align: middle }
.confirmation .bottom-note { position: absolute; left: 0; bottom: -10px; padding: 0 7px 4px 5px; font: 10px arial, helvetica, sans-serif; color: #666666; background: #ffffff }
.confirmation .blocks { margin: 0 auto }
.confirmation .block { width: 311px; height: 283px; background: #2d3739 }
.confirmation .block .text { height: 117px; color: #ffffff; background: #384143 }
.confirmation .block .text .title { padding: 12px 62px; font-weight: bold; text-align: center; text-transform: uppercase }
.confirmation .block .text .fastdesc { padding: 0 13px; color: #999999 }

.tell-a-friend { display: none; position: absolute; right: 17px; top: 17px; z-index: 700; width: 400px; height: 380px; padding: 10px 12px 10px 13px; background: #ffffff }
.tell-a-friend .close { position: absolute; right: 7px; top: 7px; cursor: pointer }

.how-to-dl-wlm { display: none; position: absolute; left: 17px; top: 17px; z-index: 800; background: #ffffff }
.how-to-dl-wlm .close { position: absolute; right: 7px; top: 7px; cursor: pointer }
.how-to-dl-wlm img.sbs { display: none }

.present-video { display: block; position: absolute; left: 0; top: 0; z-index: 900; width: 100%; height: 100%; background: #000000 }
.present-video .skip-video { position: absolute; right: 0; bottom: 90px; cursor: pointer }

.friends-news-video { display: none; position: absolute; left: 50%; top: 50%; z-index: 1900; width: 1024px; height: 576px; margin: -344px 0 0 -532px; padding: 20px; background: #ffffff }
.friends-news-video .close { position: absolute; right: 7px; top: 7px; cursor: pointer }

.credits { display: none; position: absolute; left: 17px; top: 17px; z-index: 850; background: #ffffff }
.credits .close { position: absolute; right: 7px; top: 7px; cursor: pointer }