@charset "utf-8"; @import url(http://fonts.googleapis.com/css?family=Puritan); /* CSS Document */ * { margin:0; padding:0; outline:none; } body { font: 12px 'Puritan', 'Arial Narrow', Arial, Helvetica, 'Trebuchet MS', sans-serif; color: #282425; background: #000 url("/img/UI/bkg/body.jpg") no-repeat; } img { border: none; } .dots_H2 { height: 2px; background: url(/img/UI/picts/dots.gif); clear: both; border: none; } .dots_V2 { background: url(/img/UI/picts/dots2px_white_trans.gif); } a { color: #b32017; text-decoration: underline; } a:hover { color: #eb2114; } a.linkout { padding-left: 14px; background: url(/img/UI/picts/linkout.gif) no-repeat 0% 50%; } #wrapper { width: 956px; margin: 10px auto 10px auto; position: relative; } #header { width: 100%; height: 138px; background: #fff; } #menu { position: absolute; top: 0; left: 200px; width: 758px; height: 138px; float: left; background: #fff url(/img/UI/bkg/header_shadow_logo.gif) no-repeat; border-right: 2px solid #fff; } #logo { width: 200px; height: 138px; float: left; } #logo a { width: 200px; height: 0; padding-top: 138px; float: left; overflow: hidden; } .en #logo a { background: url(/img/UI/btn/fitness-source-en.png) no-repeat; } .fr #logo a { background: url(/img/UI/btn/fitness-source-fr.png) no-repeat; } #logo a:hover { background-position: 0 -138px; } #home #logo a:hover { background-position: 0 0; cursor: default; } /* Switch language link*/ #switch { margin: 20px 35px 5px 0; color:#808084; float: right; } #switch span { float: left; font-size: 13px; white-space: nowrap; } #switch a { font-size: 13px; font-weight: normal; text-decoration: none; text-transform: capitalize; } .rightSideFrenchAd { padding: 0 0 10px 0; border-bottom : 1px dotted #999; margin: 10px 0 10px 0; text-align: center; } .rightSideFrenchAd a img { border: 1px solid #fff; } .rightSideFrenchAd a:hover img { border: 1px solid #eb2114; } #searchSite { z-index: 20; clear: both; float: right; margin: 5px 35px; } #searchTxt { width: 154px; height: 15px; padding: 2px; font-size: 11px; background: url("/img/UI/bkg/search.png"); float: right; font: 12px 'Puritan', sans-serif; } #searchBtn { background: url("/img/UI/bkg/header-red.png"); color: #fff; padding: 5px 7px 3px 7px; height: 15px; float: right; text-decoration: none; text-transform: uppercase; font: 13px 'Puritan', sans-serif; } #searchBtn:hover { text-decoration: underline; } /* Regions */ #region { width: auto; height: 15px; position: relative; z-index: 100; font-size: 13px; float: right; margin-right: 10px; } #region a, #region a:visited { display: block; text-decoration: none; width: auto; height: 20px; background: #fff; padding-left: 0; line-height:20px; } #region li { float:left; position:relative; height:20px; cursor: default; } #region li span { background: url(/img/UI/btn/arrow_dark_dn.png) no-repeat 0 3px; padding-right: 17px; background-position: right; } #region ul { padding:0; margin:0; list-style-type: none; } #region ul ul { width: 85px; visibility:hidden; position:absolute; top:20px; right:0; border-top: 2px dotted #cacaca; border-bottom: 2px dotted #cacaca; padding: 2px; background: #fff; } #region ul ul a, #region ul ul a:visited { background:#f9f9f9; color:#808084; height:auto; line-height: 0.8em; padding:5px 0 5px 5px; width:80px; } #region a:hover, #region :hover > a, #region ul ul a:hover, #region ul ul :hover > a { color:#b32017; background:#eee; } #region ul li:hover ul, #region ul a:hover ul{ visibility:visible; } #tokens { width: auto; height: 48px; position: relative; float: right; margin: -20px 0 -45px 0; padding: 0; } #tokens a { float: left; height: 0; width: 60px; padding-top: 60px; overflow: hidden; margin: 0 4px 0 0; } #tokens a.blog { background: url(/img/UI/btn/acc_btn-blog.png) no-repeat 0 0; } #tokens a.youtube { background: url(/img/UI/btn/acc_btn-youtube.png) no-repeat 0 0; } #tokens a.facebook { background: url(/img/UI/btn/acc_btn-facebook.png) no-repeat 0 0; } #tokens a:hover { background-position: 0 -60px; } #tokens img { margin: 0; padding: 0; border: none; } #tokens img.sep_btns { margin: 6px 14px 0 4px; } /*BEGIN TOP NAV*/ #topNav { width: 720px; padding: 0 0 0 5px; clear: both; float: left; z-index: 12; position: relative; font-family: 'Puritan','Arial Narrow', Arial, Helvetica, 'Trebuchet MS', sans-serif; } #topNav ul { width: 100%; height: 25px; line-height: 25px; font-size: 13px; color: #808084; text-transform: uppercase; list-style: none; position: relative; padding-top: 0px; } #topNav ul ul { display: none; width: auto; height: 26px; line-height: 26px; font-size: 12px; color: #808084; text-transform: none; list-style: none; margin-left: 20px; position: absolute; background: #f9f9f9; z-index: 12; border-top: 2px dotted #cacaca; border-bottom: 2px dotted #cacaca; } #topNav li:hover ul { display: block; z-index: 12; } #topNav li ul:hover { background: #eee; } #topNav a { display: block; margin: 0 24px; text-align: center; margin-bottom:0; color: #808084; text-decoration: none; font-weight: normal; } #topNav ul ul a { font-weight: normal; } .en #topNav li a { margin: 0 30px; } .fr #topNav li a { margin: 0 30px; } .fr #topNav li li a { margin: 0 5px !important; } /* Firefox */ @-moz-document url-prefix() { #topNav ul li a { font-size: 12px; } .en #topNav li a { margin: 0 28px; } .fr #topNav li a { margin: 0 20px; } } #topNav li li a { margin: 0 10px !important; } #topNav a:hover, #topNav :hover > a, #home #topNav a.home, #promotions #topNav a.promotions, #promotions.two-ways-to-save #topNav a.two-ways-to-save, #promotions.trainers-on-site #topNav a.trainers-on-site, #promotions.gift-card #topNav a.gift-card, #promotions.health-and-wellness #topNav a.health-and-wellness, #promotions.vip #topNav a.vip, #store #topNav a.store, #our-services #topNav a.our-services, #financing.financing #topNav a.our-services, #financing.financing #topNav a.financing, .repair-services #topNav a.our-services, .repair-services #topNav a.repair-services, .return-policy #topNav a.our-services, .return-policy #topNav a.return-policy, .health-and-wellness #topNav a.our-services, .health-and-wellness #topNav a.health-and-wellness, .warranty #topNav a.our-services, .warranty #topNav a.warranty, #about #topNav a.about, #contact-us #topNav a.contact-us, #site-map #footerLinks a.site-map, #privacy-policy #footerLinks a.privacy-policy, #terms-and-conditions #footerLinks a.terms-and-conditions, #career #footerLinks a.career, #positions #footerLinks a.career, #topNav .active, #nav .active { color: #b32017; } #home #topNav li.home, #promotions #topNav li.promotions, #store #topNav li.store, #our-services #topNav li.our-services, #warranty #topNav li.our-services, #financing #topNav li.our-services, #repair-services #topNav li.our-services, #return-policy #topNav li.our-services, #about #topNav li.about, #contact-us #topNav li.contact-us { background: url(/img/UI/menu/menu_select-bg.gif) no-repeat; } #topNav li.first a { margin-left: 0; } #topNav li.last a { text-align: right; } #topNav li { float: left; margin: 0; } #nojs { float: left; width: 720px; background: #fc0; margin: 2px 0; padding: 5px; color: #a00; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-align: center; } #nojs span { color: #06c; } #billboard { width: 100%; height: 380px; position: relative; background: #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; overflow: hidden; } /**** Billboard Control Center CSS ****/ /* #controlcenter ul, #controlcenter a, #controlcenter span { margin: 12px 20px; color: #fff; } #controlcenter li { display: inline; white-space: nowrap; cursor: default; } .tickercontainer { background: #fff url("/img/UI/bkg/ticker.jpg") no-repeat; width: 956px; height: 40px; margin: 0; padding: 0; overflow: hidden; } .tickercontainer .mask { position: relative; width: 956px; padding-top: 12px; height: 28px; overflow: hidden; } .tickercontainer .mask ul { margin: 0 !important; } ul.newsticker { position: relative; width: 956px; font: bold 14px "Arial Narrow", Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; list-style-type: none; } ul.newsticker li { float: left; } ul.newsticker a { white-space: nowrap; font: bold 14px "Arial Narrow", Helvetica, Arial, sans-serif; color: #fff !important; text-transform: uppercase; margin: 0 30px; text-decoration: none; line-height: 1em; } ul.newsticker a.last { margin-right:0; } ul.newsticker a:hover { text-decoration: underline; } ul.newsticker span { margin: 0 30px 0 30px; } ul.newsticker span.last { margin-right:0; } ul.newsticker span.first { margin-right:0; } */ #controlcenter { position: absolute; bottom: 0; right: 0; background: #fff url("/img/UI/bkg/controler.jpg") no-repeat; width: 956px; height: 40px; margin: 0; padding: 0; overflow: hidden; } #controlcenter .corner { position: absolute; bottom: 0; right: 0px; background: url("/img/UI/btn/ctrl_billboard_patch.png") no-repeat -30px -30px; width: 10px; height: 10px; margin: 0; display: block; z-index: 200; } #controlcenter .buttons { position: absolute; bottom: 0; right: 0; height: 40px; z-index: 100; margin-right: -1px; } #controlcenter .buttons #player { float: left; margin: 0; width: 40px; } #controlcenter .buttons #selector { margin: 0; padding: 0; height: 40px; float: left; } #controlcenter .buttons.w0 { display: none; } #controlcenter .buttons.w1 #selector { width: 40px; display: none; } #controlcenter .buttons.w2 #selector { width: 80px; } #controlcenter .buttons.w3 #selector { width: 120px; } #controlcenter .buttons.w4 #selector { width: 160px; } #controlcenter .buttons.w5 #selector { width: 200px; } #controlcenter .buttons.w6 #selector { width: 240px; } #controlcenter .buttons.w7 #selector { width: 280px; } #controlcenter .buttons.w8 #selector { width: 320px; } #controlcenter .buttons.w9 #selector { width: 360px; } #controlcenter .buttons.w10 #selector { width: 400px; } .buttons #player li, .buttons #selector li { display: inline; } .buttons #player li a, .buttons #selector li a { float: left; height: 0; padding-top: 40px; overflow: hidden; background: url(/img/UI/btn/ctrl_billboard.png) no-repeat; } .buttons #player li#bb-play a { background-position: 0px 0px; margin: 0; width: 40px; } .buttons #player li#bb-play a:hover { background-position: 0px -40px; } .buttons.pause #player li#bb-play a { background-position: 0px -80px; } .buttons.pause #player li#bb-play a:hover { background-position: 0px -120px; } /* --- State Normal --- */ .buttons #selector li#bb-0 a { width: 40px; background-position: -40px 0px; margin: 0; } .buttons #selector li#bb-1 a { width: 40px; background-position: -80px 0px; } .buttons #selector li#bb-2 a { width: 40px; background-position: -120px 0px; } .buttons #selector li#bb-3 a { width: 40px; background-position: -160px 0px; } .buttons #selector li#bb-4 a { width: 40px; background-position: -200px 0px; } .buttons #selector li#bb-5 a { width: 40px; background-position: -240px 0px; } .buttons #selector li#bb-6 a { width: 40px; background-position: -280px 0px; } .buttons #selector li#bb-7 a { width: 40px; background-position: -320px 0px; } .buttons #selector li#bb-8 a { width: 40px; background-position: -360px 0px; } .buttons #selector li#bb-9 a { width: 40px; background-position: -400px 0px; } /* --- State Over --- */ .buttons #selector li#bb-0 a:hover { background-position: -40px -40px; } .buttons #selector li#bb-1 a:hover { background-position: -80px -40px; } .buttons #selector li#bb-2 a:hover { background-position: -120px -40px; } .buttons #selector li#bb-3 a:hover { background-position: -160px -40px; } .buttons #selector li#bb-4 a:hover { background-position: -200px -40px; } .buttons #selector li#bb-5 a:hover { background-position: -240px -40px; } .buttons #selector li#bb-6 a:hover { background-position: -280px -40px; } .buttons #selector li#bb-7 a:hover { background-position: -320px -40px; } .buttons #selector li#bb-8 a:hover { background-position: -360px -40px; } .buttons #selector li#bb-9 a:hover { background-position: -400px -40px; } /* --- State Pressed --- */ .buttons #selector li#bb-0 a.active { background-position: -40px -80px !important; } .buttons #selector li#bb-1 a.active { background-position: -80px -80px !important; } .buttons #selector li#bb-2 a.active { background-position: -120px -80px !important; } .buttons #selector li#bb-3 a.active { background-position: -160px -80px !important; } .buttons #selector li#bb-4 a.active { background-position: -200px -80px !important; } .buttons #selector li#bb-5 a.active { background-position: -240px -80px !important; } .buttons #selector li#bb-6 a.active { background-position: -280px -80px !important; } .buttons #selector li#bb-7 a.active { background-position: -320px -80px !important; } .buttons #selector li#bb-8 a.active { background-position: -360px -80px !important; } .buttons #selector li#bb-9 a.active { background-position: -400px -80px !important; } /* --- State Selected --- */ .buttons #selector li#bb-0 a.activeSlide { background-position: -40px -120px !important; } .buttons #selector li#bb-1 a.activeSlide { background-position: -80px -120px !important; } .buttons #selector li#bb-2 a.activeSlide { background-position: -120px -120px !important; } .buttons #selector li#bb-3 a.activeSlide { background-position: -160px -120px !important; } .buttons #selector li#bb-4 a.activeSlide { background-position: -200px -120px !important; } .buttons #selector li#bb-5 a.activeSlide { background-position: -240px -120px !important; } .buttons #selector li#bb-6 a.activeSlide { background-position: -280px -120px !important; } .buttons #selector li#bb-7 a.activeSlide { background-position: -320px -120px !important; } .buttons #selector li#bb-8 a.activeSlide { background-position: -360px -120px !important; } .buttons #selector li#bb-9 a.activeSlide { background-position: -400px -120px !important; } /*** 4 BUTTONS AT BOTTOM OF HOME PAGE *****/ #bottomLinks { width: 100%; height: 189px; padding-top: 5px; background: #fff url("/img/UI/bkg/home_tabs.jpg") no-repeat 0 5px; border-left: 2px solid #fff; border-right: 2px solid #fff; } #bottomLinks ul { width: 767px; margin: 0 auto 0 auto; height: 166px; line-height: 166px; list-style: none; background: #fff; } #bottomLinks li { position: relative; font-family: arial, helvetica, sans-serif; white-space: nowrap; display: block; width: 188px; height: 167px; border-right: 3px solid #fff; float: left; } #bottomLinks li.first { border-left: 3px solid #fff; } #bottomLinks img { border: none; } /******* END 4 BUTTONS ******/ #welcome { width: 524px; height: 108px; background: #fff url("/img/UI/bkg/welcome.jpg") top right no-repeat; padding: 25px 335px 0 97px; border-left: 2px solid #fff; border-right: 2px solid #fff; } #welcome h1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #b32017; text-transform: uppercase; font-weight: normal; margin: 0 0 10px 0; } #welcome p { font-size: 13px; line-height:1.2em; text-align: justify; } #feeds { width: 100%; border-left: 2px solid #fff; border-right: 2px solid #fff; background-color: #fff; float: left; padding: 15px 0; } #feeds td.spacer { width: 10px; } #feeds td.title { font-size: 14px; background: url("/img/UI/bkg/fade-feed.png") top right no-repeat; vertical-align: middle !important; } #feeds td.title a, #feeds td.button a { color: #282425; text-decoration: none; height: 29px; line-height: 1em; } #feeds td.title a:hover, #feeds td.button a:hover { color: #b32017; text-decoration: underline; } #feeds .blog, #feeds .youtube { width: 400px; float: left; } #feeds .blog { margin: 0 40px 0 60px; } #feeds .blog table, #feeds .youtube table { width: 100%; } #feeds .blog table td.button { width: 160px; } #feeds .blog table td.button img { margin-right: 10px; border: none; } #feeds .blog table td.button strong { font-size: 14px; } #feeds .youtube table td.title { width: 258px; } #feeds .youtube table td.button { width: 64px; } #feeds .feed_entry { width: 400px; margin-top: 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; float:left; } #feeds .feed_entry h4 { /* font: 14px Arial, Helvetica, "Trebuchet MS", sans-serif; */ font-size: 14px; font-weight: normal; color: #B32017; } #feeds .feed_entry h4 a { text-decoration: none; } #feeds .feed_entry p { /* font: 12px Arial, Helvetica, "Trebuchet MS", sans-serif; */ font-size: 12px; } #feeds .blog .feed_entry div.date { font-size: 11px; /* font: 11px Arial, Helvetica, "Trebuchet MS", sans-serif; */ color: #807f84; padding-bottom: 3px; } #feeds .blog .feed_entry div.readmore { float: right; font-size: 11px; /* font: 11px Arial, Helvetica, "Trebuchet MS", sans-serif; */ } #feeds .blog .feed_entry div.readmore a { text-decoration: none; } #feeds .blog .feed_entry div.readmore a:hover { text-decoration: underline; } #feeds .youtube .feed_entry div.thumbnail { float:left; width: 96px; height: 54px; margin-right: 10px; border: 1px solid #000; } #feeds .youtube .feed_entry div.thumbnail a { text-decoration: none; } #feeds .youtube .feed_entry div.thumbnail img { margin-top: -11px; } #feeds .youtube .feed_entry div.thumbnail div.frame { width: 94px; height: 52px; overflow: hidden; border: 1px solid #fff; position: relative; } #feeds .youtube .feed_entry div.thumbnail div.play { background:url(/img/UI/btn/play.png) no-repeat 0 0; width: 94px; height: 52px; overflow: hidden; position: absolute; } #feeds .youtube .feed_entry div.thumbnail div.time { width: auto; height: 12px; background-color: rgba(0,0,0,0.7); padding: 1px 3px; color: rgba(255,255,255,0.7); position: absolute; right: 0; bottom: 0; font-size: 11px; /* font: 11px Arial, Helvetica, "Trebuchet MS", sans-serif; */ font-weight: normal; -moz-border-radius: 10px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; } #feeds .youtube .feed_entry div.thumbnail a:hover div.play { background-position: 0 -53px; } #feeds .youtube .feed_entry div.thumbnail a:hover div.time { background-color: #000; color: #fff; } #feeds .youtube .feed_entry div.uploader { font-size: 11px; /* font: 11px Arial, Helvetica, "Trebuchet MS", sans-serif; */ margin-bottom: 5px; } /*__ FOOTER ________________________________________*/ /* HORIZONTAL BRAND LOGOS BAR */ #brandBarContainer { width: 706px; height: 69px; padding: 0 125px; background-color: #fff; z-index: 10;} #brandBar { position: relative; margin: 0 auto; left: 25px; width: 706px; height: 69px; } #brandBar .fadeleft { position: absolute; left: -30px; width: 40px; height: 69px; background: url('/img/UI/picts/logos-fadeleft.png'); z-index: 10; } #brandBar .faderight { position: absolute; right: -30px; width: 40px; height: 69px; background: url('/img/UI/picts/logos-faderight.png'); z-index: 10; } #brandCarousel { position: relative; height: 69px; overflow: hidden; } #brandCarousel ul { list-style-type:none; } #brandCarousel ul li { float:left; padding: 0 22px; } #brandCarousel ul li img { width: 66px; height: 69px; } #footer { width: 956px; text-align: center; border-top: 2px dotted #CACACA; background: #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; float:left; margin: 0 auto; } #footer ul { display: block; font-size: 12px; list-style: none; text-align: center; padding: 15px; } #footer li { display: inline; } #footer a { padding: 0; text-align: center; margin-bottom:0; color: #afafb4; text-decoration: none; font-weight: bold; } #footer img { border: none; } #footerLinks ul { border-top: 2px dotted #cacaca; } #footerLinks a { padding: 0 8px; } #footerLinks a:hover { color: #b32017; } #copyright { font-size: 11px; color: #afafb4; text-align: center; padding: 10px 0 20px 0; } #afterFooter { width: 100%; height: 10px; } /*___________________________________________________*/ /******* INTERIOR PAGES *******/ .position_title { border-bottom: 1px dotted #ccc; font-weight: bold; } #mainContainer { width: 956px; min-height: 500px; _height: 500px; background: #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; float: left; } #about #mainContainer { background: #fff url(/img/UI/bkg/about-us.jpg) top center no-repeat; } .pdfContent { margin: 10px 0 10px 20px; float: left; } .pdf { width: 916px; height: 600px; margin-bottom: 10px; border: #900 1px solid; } .two .pdf { width: 680px; height: 600px; margin-bottom: 10px; border: #900 1px solid; } #leftSide { float: left; width: 232px; position: relative; } #blog_feeds { width: 200px; font: 11px Arial, Helvetica, sans-serif; color: #807f8f; margin-top: 3px; background: #e4e4e4 url(/img/UI/promos/header_blog.jpg) top left no-repeat; position: relative; } #blog_feeds h2 { padding: 10px 0 0 78px; color: #333; margin: 0; height: 42px; width: 110px; overflow: hidden; font: 16px normal 'Puritan', serif; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1; } #blog_feeds .light { background-color: #f3f3f3; } #blog_feeds a { color: #af120b; text-decoration: none; } #blog_feeds a:hover { text-decoration: underline; } #blog_feeds div { padding: 3px 3px 3px 10px; } #rightSide { float: right; position: relative; padding: 30px 0 3px 0; } #rightSide h1 { width: 690px; height: 0; padding-top: 46px; overflow: hidden; margin-bottom: 20px; line-height: 1.4em; background-repeat: no-repeat; } #rightSide p { font-size: 14px; line-height: 1.3em; text-align: justify; margin: 10px 0 0 0; } #rightSide.one { width: 492px; margin-right: 232px; } #rightSide.one p { width: auto; margin-left: 0; padding: 0; } #rightSide.two { width: 692px; padding-right: 30px; } #rightSide.two h1 { width: 690px; } #rightSide.two p { max-width: 500px; } #borderLeftRight { width: 490px; min-height: 300px; _height: 300px; border-left: 2px dotted #cacaca; border-right: 2px dotted #cacaca; float: left; } #content { width: 470px; min-height: 300px; _height: 300px; border-left: 2px dotted #cacaca; border-right: 2px dotted #cacaca; float: left; padding: 0 20px 10px 20px; } .two #content { width: 692px; padding: 0 30px 30px 5px; border: none; } #content ul { margin: 10px 0 10px 30px; } /* font-size: 13px; */ #content ul li { margin-bottom: 3px; } /* Contents backgrounds */ #career #content { background: url(/img/UI/bkg/careers.jpg) bottom center no-repeat; min-height: 560px; } h1.french { background: url(/img/UI/txt/french.gif); height: 54px; } h2 { font-family: 'Puritan', sans-serif; margin-bottom: 10px; color: #444; } h3 { line-height: 1.2em; } /* .legal, .legal li, .legal li li { font-size: 1.2em !important; } */ .legal { font-size: 1.2em; } .legal p { margin: 0 0 10px 0 !important; } .legal h3 { margin-top: 1.1em; margin-bottom: 0.5em; font-size: 1.3em; } .legal h3:first-child { margin-top: 0; } .legal ol { margin: 10px 0 10px 20px; text-align: justify; } .legal li { margin-top: 10px; } .nostyle { list-style: none; } .alpha { list-style: lower-alpha; } .toc { position: absolute; left: 30px; } .tight li { margin: 0 !important; } .coverage { text-align: right; margin: 10px 0 10px 50px; } .coverage th { width: 70px; text-align: right; } .coverage th:first-child { width: 150px; } .coverage th:nth-child(2) { text-align: left; width: auto; } .legal small { margin-top: 5px; display: block; } /* #promotions div.promo { padding: 10px 0; border-top : 2px dotted #cacaca; border-bottom : 2px dotted #cacaca; margin: 0 0 10px 0; } */ .noMaxWidth p { max-width: none !important; } #refurbished p.mailto { padding: 5px; margin: 0 !important; background-color: #fafafa; border: 1px solid #eee; border-left: none; border-right: none; width: 440px !important; max-width: none !important; } #refurbished #kijijiLink { width: 150px; height: 70; margin: 0 10px 10px 0; float: left; } #refurbished #kijijiLink a img { padding: 3px; border: 1px solid #fff; } #refurbished #kijijiLink a:hover img { border: 1px solid #a00; } .promo h2 { font: 2.5em Arial, Helvetica, sans-serif !important; text-align: left !important; } .promo h3 { font: 1.8em Arial, Helvetica, sans-serif !important; text-align: left !important; } .promo p { font: 1.2em Arial, Helvetica, sans-serif !important; text-align: left !important; } .promo .columnLeft { float: left; width: 190px; color: #707070; } .promo .columnLeft p { font-size: 12px !important; } .promo .columnLeft a { font-size: 14px !important; } .promo .columnRight { float: right; width: 245px; text-align: right; } .dots2 { width: 100%; height: 2px; background: url(/img/UI/picts/dots2px_gray_trans.gif) repeat-x 0px -2px; margin: 10px 0; } .red { color: #b81c20 !important; } .blue { color: #0f67c0; } .grey { color: #707070; } #finance-pad { background:url('/img/UI/bkg/services-financing-2.jpg') no-repeat; height: 150px; padding: 65px 15px 25px 15px; margin-top: 10px; } .fr #finance-pad { background:url('/img/UI/bkg/services-financement.jpg') no-repeat; } #finance-pad ul { margin: 5px 0 0 15px; width: 225px; } #finance-pad li { margin: 0 !important; } #finance-pad p { margin-top: 5px; font-size: 1.1em; } #sideMenu { width: 232px; xmin-height: 115px; font: 12px Puritan, sans-serif; /* background: url("/img/UI/menu/bkg-sidemenu.gif") repeat-y; */ position: relative; } #sideMenu ul { list-style: none; width: 200px; position: relative; padding: 15px 0 20px 0; } #sideMenu ul li a { width: 190px; } #sideMenu *.sub { margin: 0 0 5px 10px; padding: 0; width: 190px; } #sideMenu *.sub a { width: 180px; } #contact-us #sideMenu ul, #store #sideMenu ul { padding: 0; } #contact-us #sideMenu p, #store #sideMenu p { padding: 10px 0 5px 5px; font-weight: bold; } #sideMenu li a, #sideMenu li span { display: block; width: 152px; color: #808084; padding: 0 0 2px 12px; text-decoration:none; } #sideMenu li a:hover { color: #b32017; text-decoration:none; } #sideMenu li a.active { color: #b32017; } #sideTheme { margin-top: 3px; border: 0; width: 230px; } /* Main menus */ #sideTheme.clearance { background: url(/img/UI/theme/clearance.png) no-repeat; height: 730px; position: absolute; } #sideTheme.clearance.fr { background: none; } /* Catalog * / /* */ #storesInfo td { padding: 3px 5px 3px 0px; } #storesInfo td p { margin: 0 5px 5px 0; text-align: left; line-height: 1.2em; } #storesInfo td p.province { margin: 10px 0 5px 0; border-top: 2px dotted #cacaca; padding-top: 5px; padding-right: 5px; margin-top: 0; } #storesInfo td p.address { margin-top: 10px; } #storesInfo td p.hours { color: #500; } #storesInfo td p.links { margin: 5px 0 15px 0; } #locationTable { margin-bottom: 10px; } #locationTable td p { width: 100%; margin: 0 0 11px 0; text-align: left; } #locationTable td { padding: 2px 5px 3px 10px; xline-height: 1.1em; font-size: 14px; } #locationTable td.storehours { border-left: 1px dotted #cacaca; padding-left: 10px; width: 50%; } #locationTable td.address { width: 50%; } #locationTable td.address p, #locationTable td.storehours { line-height: 1.2em; } #locationTable td.storehours table td:last-child { text-align: right; } #faqAnswer { margin-bottom: 8px; border-bottom: 1px dotted #cacaca; padding: 0 10px 5px 10px; } #faqAnswer p { text-align:left; } #faqAnswer .question { font-weight: bold; color: #b32017; } #productContainer { margin-left: 0px; /* margin-top: 20px; */ float: left; } .clearance #productContainer { margin-top: 20px; } #productContainer, #productTable { width: 675px; } #productTable td { border: none !important; background: url(/img/UI/picts/dots2px_gray_trans.gif) repeat-x 0 -2px; } #productTable .title td { padding: 5px 0 4px 0; border-top: 1px dotted #cacaca; border-bottom: 1px dotted #cacaca; } #productTable .dots td { height: 2px; } #productTable .product td { padding: 8px 4px 8px 4px; text-align:center; } #productTable p { font-size: 12px; } .productDesc { float:left; width: 120px; text-align: left; color: #333; font-size: 11px; } .productLogo { float: right; width: 75px; margin-left: 3px; } .item { width: 220px; height: 250px; margin: 5px 0; padding-left: 2px; position: relative; float: left; background: url(/img/UI/picts/dots2px_gray_trans.gif) repeat-y -2px -2px; } .item.first { background: none; } .item a { display: block; width: 218px; height: 248px; background-repeat: no-repeat; background-position: 60px 20px; border: 1px solid #fff; color: #555; text-decoration: none; } .item a:hover { border: 1px solid #B00; color: #900; } .item .info { width: 205px; min-height: 34px; margin: 5px 5px 0px 10px; position: absolute; bottom: 0; left: 0; background: no-repeat 100% 50%; overflow: hidden; } .model { text-align: left !important; padding: 0 70px 0 0; margin:0 !important; line-height: 1.1em !important; } .price { font-weight: bold; margin: 2px 0 0 0 !important; padding: 0; } span.strike { text-decoration: line-through; color: #999; } span.was { text-decoration: line-through; } span.rebate {} span.clearance { color: #a00; } /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 Catalog Navigation 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 */ #nav { width: 956px; position: relative; font-weight: bold; background: #fff url("/img/UI/menu/bkg-nav.jpg") no-repeat; border-left: 2px solid #fff; border-right: 2px solid #fff; font-family: 'Puritan','Arial Narrow', Arial, Helvetica, 'Trebuchet MS', sans-serif; } #nav a { display: block; padding: 0 20px 0 20px; background: none; text-align: center; margin-bottom:0; color: #fff; text-decoration: none; font-weight: normal; font-size: 1.2em; cursor: pointer; } #nav a.thisWeeksAd { width: 139px; height: 0; padding: 40px 0 0 0; float: left; overflow: hidden; } .fr a.thisWeeksAd { background: url(/img/UI/menu/this_weeks_ad-fr.png) no-repeat !important; } .en a.thisWeeksAd { background: url(/img/UI/menu/this_weeks_ad-en.png) no-repeat !important; } #nav a:hover.thisWeeksAd { background-position: 0 -40px !important; } #nav ul { width: auto; height: 41px; line-height: 41px; font-size: 12px; color: #808084; list-style: none; margin: 0; padding: 0; } #nav li { float: left; list-style: none; margin: 0; padding: 0; vertical-align: middle; line-height: 1.5em; position: relative; font-size: 14px; } #nav li a { color:#fff; font-size: 14px; padding: 10px 15px; border: none; } .fr #nav a { padding-left: 12px; padding-right: 12px; } /* .fr #nav ul li:first-child { padding-left: 10px; } */ #nav li.last { float:right; } #nav li.last a { padding-right: 20px; background-position: center bottom; } .fr #nav li.last a { padding: 10px 20px; } #nav li.selected a, #nav li a:hover, #nav :hover > a { background: url("/img/UI/menu/nav-triangle.gif") center bottom no-repeat; } #nav li :hover > a { background: #b32017; color: #fff; } #nav ul ul { display: none; position: absolute; margin: 0px auto; width: auto; font-size: 10px; z-index: 20; line-height: normal; } #nav ul ul ul { z-index: 30; top: 0px; left: 99%; } #nav li:hover ul { display: block; } #nav li li { width:100%; min-width: 100px; margin:0px; display: block; clear: both; background: #ffffff; border-bottom: 1px dotted #999; border-left: 1px solid #999; border-right: 1px solid #999; } #nav li li.navlast { border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; } #nav li li a { padding: 3px 18px 3px 6px; display: block; color: #717174; text-decoration: none; text-align: left; font-size: 0.85em; cursor: pointer; } #nav li li a.dir { padding-right: 20px; background-image: url("/img/UI/menu/nav-arrow-right.gif") !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; } #nav li li a:hover.dir { background-image: url("/img/UI/menu/nav-arrow-right-hover.gif") !important; } #nav li li a:hover { display: block; text-decoration: none; background-color: #b32017; color: #fff; } #nav li li li:first-child { border-top: 1px dotted #999; } #nav ul ul { visibility: hidden; } #nav ul li:hover > ul { visibility: visible; } #nav .active { color: #b32017; } /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 End Catalog Navigation 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 */ /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 Text Headers */ /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 - General */ h1.about { background: url(/img/UI/txt/about-fitness-source.png); } .fr h1.about { background: url(/img/UI/txt/a-propos-de-fitness-source.png); } h1.career { background: url(/img/UI/txt/careers.png); } .fr h1.career { background: url(/img/UI/txt/carrieres.png); } h1.contact-us { background: url(/img/UI/txt/contact-us.png); } .fr h1.contact-us { background: url(/img/UI/txt/contactez-nous.png); } h1.financing { background: url(/img/UI/txt/financing.png); } .fr h1.financing { background: url(/img/UI/txt/financement.png); } h1.gift-card { background: url(/img/UI/txt/gift-card.png); } .fr h1.gift-card { background: url(/img/UI/txt/carte-cadeau.png); } h1.our-services { background: url(/img/UI/txt/our-services.png); } .fr h1.our-services { background: url(/img/UI/txt/nos-services.png); } h1.health-and-wellness { background: url(/img/UI/txt/health-and-wellness.png); } .fr h1.health-and-wellness { background: url(/img/UI/txt/sante-et-bien-etre.png); } h1.positions { background: url(/img/UI/txt/available-positions.png); } .fr h1.positions { background: url(/img/UI/txt/postes-disponibles.png); } h1.privacy-policy { background: url(/img/UI/txt/privacy-policy.png); } .fr h1.privacy-policy { background: url(/img/UI/txt/politique-sur-la-vie-privee.png); } h1.promotions { background: url(/img/UI/txt/promotions.png); } h1.qna { background: url(/img/UI/txt/q-a.png); } .fr h1.qna { background: url(/img/UI/txt/q-r.png); } h1.repair-services { background: url(/img/UI/txt/repair-services.png); } .fr h1.repair-services { background: url(/img/UI/txt/services-de-reparation.png); } h1.resume-policy { background: url(/img/UI/txt/resume-policy.png); } .fr h1.resume-policy { background: url(/img/UI/txt/politique-relative-au-cv.png); } h1.return-policy { background: url(/img/UI/txt/return-policy.png); } .fr h1.return-policy { background: url(/img/UI/txt/politique-de-retour.png); } h1.site-map { background: url(/img/UI/txt/site-map.png); } .fr h1.site-map { background: url(/img/UI/txt/plan-du-site.png); } h1.store { background: url(/img/UI/txt/store-locator.png); } .fr h1.store { background: url(/img/UI/txt/nos-magasins.png); } h1.terms-and-conditions { background: url(/img/UI/txt/terms-and-conditions.png); } .fr h1.terms-and-conditions { background: url(/img/UI/txt/termes-et-conditions.png); } h1.vip { background: url(/img/UI/txt/be-a-vip-member.png); } .fr h1.vip { background: url(/img/UI/txt/devenez-membre-vip.png); } h1.warranty { background: url(/img/UI/txt/extended_warranty_program.png); } .fr h1.warranty { background: url(/img/UI/txt/programme_de_garantie_prolongee.png); } .health-and-wellness .text.legal ul li { margin: 0 !important; } /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 - Catalog * / /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 - This Week's Ad */ #disclaimer p { max-width: none !important; font-size: 10px; color: #777; margin: 5px; line-height: 11px; } /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 #rightSide h1.cathead { margin-bottom: 0; background: none; position: relative; padding-top: 0px; } - Catalog's header */ #rightSide .ariane { margin: -15px 0 15px 0; font: 12px normal 'Puritan', sans-serif; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; color: #999; cursor: default; } #rightSide .ariane a { text-decoration: none; color: #999; } #rightSide .ariane a:hover { text-decoration: underline; color: #eb2114; } #rightSide h1.cathead { width: 690px; height: auto; padding-top: 0; overflow: auto; margin-bottom: 10px; background: none; font: 36px normal 'Puritan', serif; font-weight: 400; text-shadow: none; text-decoration: none; text-transform: none; letter-spacing: 0em; word-spacing: 0em; line-height: 1.2; color: #b32017; } .cathead { padding-top: 2px; float: left; overflow: hidden; margin-bottom: 0px; } .cathead span { float: left; overflow: hidden; } .cathead span { background: url(/img/UI/txt/catalog/A-Zred.png) no-repeat; height: 0; padding-top: 46px; width: 10px; background-position: -1000px 0; } .cathead span.a { width: 24px; background-position: -1px 0; } .cathead span.b { width: 24px; background-position: -26px 0; } .cathead span.c { width: 26px; background-position: -49px 0; } .cathead span.d { width: 26px; background-position: -75px 0; } .cathead span.e { width: 22px; background-position: -101px 0; } .cathead span.f { width: 20px; background-position: -123px 0; } .cathead span.g { width: 29px; background-position: -142px 0; } .cathead span.h { width: 26px; background-position: -170px 0; } .cathead span.i { width: 8px; background-position: -196px 0; } .cathead span.j { width: 20px; background-position: -203px 0; } .cathead span.k { width: 26px; background-position: -223px 0; } .cathead span.l { width: 21px; background-position: -248px 0; } .cathead span.m { width: 29px; background-position: -269px 0; } .cathead span.n { width: 26px; background-position: -298px 0; } .cathead span.o { width: 29px; background-position: -324px 0; } .cathead span.p { width: 23px; background-position: -352px 0; } .cathead span.q { width: 28px; background-position: -376px 0; } .cathead span.r { width: 25px; background-position: -404px 0; } .cathead span.s { width: 22px; background-position: -429px 0; } .cathead span.t { width: 22px; background-position: -451px 0; } .cathead span.u { width: 24px; background-position: -473px 0; } .cathead span.v { width: 24px; background-position: -496px 0; } .cathead span.w { width: 35px; background-position: -520px 0; } .cathead span.x { width: 22px; background-position: -556px 0; } .cathead span.y { width: 24px; background-position: -578px 0; } .cathead span.z { width: 21px; background-position: -603px 0; } .cathead span.A { width: 22px; background-position: -624px 0; } .cathead span.B { width: 15px; background-position: -644px 0; } .cathead span.C { width: 22px; background-position: -660px 0; } .cathead span.D { width: 22px; background-position: -681px 0; } .cathead span.E { width: 22px; background-position: -702px 0; } .cathead span.F { width: 22px; background-position: -723px 0; } .cathead span.G { width: 21px; background-position: -744px 0; } .cathead span.H { width: 20px; background-position: -764px 0; } .cathead span.I { width: 21px; background-position: -783px 0; } .cathead span.J { width: 21px; background-position: -805px 0; } .cathead span.W { width: 21px; background-position: -855px 0; } /* éperluette */ .cathead span.X { width: 9px; background-position: -825px 0; } /* apostrophe */ .cathead span.Y { width: 9px; background-position: -833px 0; } /* virgule */ .cathead span.Z { width: 14px; background-position: -841px 0; } /* tiret */ /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 - Catalog's price tags */ .price-tag { padding-top: 2px; float: left; overflow: hidden; } .price-tag span { float: left; overflow: hidden; } .price-tag span { background: url(/img/UI/txt/0-9red.png) no-repeat; height: 0; padding-top: 20px; } .price-tag span.d0 { width: 12px; background-position: -1px 0; } .price-tag span.d1 { width: 8px; background-position: -15px 0; } .price-tag span.d2 { width: 12px; background-position: -25px 0; } .price-tag span.d3 { width: 12px; background-position: -38px 0; } .price-tag span.d4 { width: 12px; background-position: -52px 0; } .price-tag span.d5 { width: 12px; background-position: -65px 0; } .price-tag span.d6 { width: 12px; background-position: -79px 0; } .price-tag span.d7 { width: 10px; background-position: -93px 0; } .price-tag span.d8 { width: 12px; background-position: -105px 0; } .price-tag span.d9 { width: 12px; background-position: -118px 0; } .fr .price-tag span.to { width: 21px; background-position: -134px 0; } .en .price-tag span.to { width: 27px; background-position: -152px 0; } .price-tag span.plus { width: 11px; background-position: -180px 0; } .price-tag span.d { width: 4px; background-position: -201px 0; } .price-tag span.c { width: 5px; background-position: -214px 0; } .price-tag span.s { width: 8px; background-position: -227px 0; } .price-tag span.c0 { width: 8px; background-position: -239px 0; } .price-tag span.c1 { width: 5px; background-position: -247px 0; } .price-tag span.c2 { width: 7px; background-position: -253px 0; } .price-tag span.c3 { width: 9px; background-position: -260px 0; } .price-tag span.c4 { width: 8px; background-position: -269px 0; } .price-tag span.c5 { width: 8px; background-position: -277px 0; } .price-tag span.c6 { width: 7px; background-position: -285px 0; } .price-tag span.c7 { width: 7px; background-position: -293px 0; } .price-tag span.c8 { width: 8px; background-position: -300px 0; } .price-tag span.c9 { width: 8px; background-position: -308px 0; } .price-tag span.w { width: 5px; background-position: 10px 0; } .fr .price-tag span.lt { width: 82px; background: url(/img/UI/txt/0-moins-de.png) no-repeat; } .en .price-tag span.lt { width: 79px; background: url(/img/UI/txt/0-less-than.png) no-repeat; } /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 - Catalog's product */ #prodTemplateLeft { width: 350px; float: left; display: block; margin-right: 2px; } #prodTemplateRight { width: 322px; float: right; display: block; padding-top: 20px; } #prodTemplateRight .prodLogo { margin: -20px 0 40px 0; } .prodImgHolder { width: 350px; height: 400px; overflow: hidden; position: relative; } .prodName { font-size: 25px; font-family: Tahoma, Geneva, sans-serif; letter-spacing: 0; color: #af120b; margin: 10px 0 !important; line-height: 1em; } .prodPrice { font-size: 21px; font-family: Tahoma, Geneva, sans-serif; letter-spacing: 0; color: #242021; line-height: 1em; } .prodPrice small { font-size: 14px; } .prodPrice .dates { font-size: 12px; color: #999; } .prodNameSm { font-size: 17px; font-family: Tahoma, Geneva, sans-serif; letter-spacing: 0; color: #af120b; margin: 5px 0 !important; line-height: 1em; } .prodPriceSm { font-size: 16px; font-family: Tahoma, Geneva, sans-serif; letter-spacing: 0; color: #242021; } .prodDescription { margin-top: 10px; color: #242021; line-height: 1.3em; text-align: justify; font-size: 14px; } .prodImgHolder img.aux { position: absolute; top: 0; left: 0; } img.aux { width: 117px; height: 94px; /* padding: 2px 3px 2px 2px; */ padding: 2px 0; display: none; margin: auto; } img.aux.dots { /* background: url( /img/UI/bkg/dots-aux.png) no-repeat; */ } img.aux.na { width: 100px; height: 114px; /* background-image: url(/img/UI/bkg/dots-aux-na.png); padding: 2px 2px 3px 2px; */ } img.aux.na { width: 100px; height: 114px; /* background-image: url(/img/UI/bkg/dots-aux-na.png); padding: 2px 2px 3px 2px; */ } .productVideo { width: 320px; margin-top: 15px; position: relative; float: left; } .productVideo img { border: 1px solid #bbb; float: left; } .productVideo a { position: absolute; top: 1px; left: 1px; background: url(/img/UI/picts/play_video.png) no-repeat; overflow: hidden; } .fr .productVideo a { background: url(/img/UI/picts/play_video.png) no-repeat; } .productVideo a:hover { background-position: 0 -180px; } table.specs { width: 100%; border: none; color: #242021; margin-top: 5px; } table.specs tr:nth-child(odd) td { background-color: #f6f6f6; } table.specs td { padding: 4px; background: #e3e4e6 url(/img/UI/picts/dots.png) repeat-x bottom; font-size: 12px; } table.specs td:first-child { border-right: 2px solid #fff; } #prodTemplateLeft table.specs td:first-child { width: 60%; } #prodTemplateRight table.specs td:first-child { width: 50%; } table.specs th { background: url("/img/UI/bkg/header-gray.png") repeat-x; padding: 2px 0 0 4px; line-height: 21px; height: 25px; text-align: left; } table.specs th.specs { background: url("/img/UI/bkg/header-red.png") repeat-x; text-transform: uppercase; color: #fff; } .tableHeader { background: #fff url("/img/UI/bkg/header-gray.png") repeat-x; font-weight: bold; } .specTableSm { width: 100%; background: #e3e4e6; border: none; margin-top: 10px; } .specTableSm td { padding: 4px; border-bottom: 2px dotted #fff; font-size: 10px; } .specTableSm td.left { border-right: 2px solid #fff; } .specTableSm td #tableHeader { background: #fff url("/img/UI/bkg/header-gray.png") repeat-x; font-weight: bold; font-size: 11px; } .relatedProducts { margin-top: 20px; float: left; border-right: 1px solid #eee; padding-right: 2px; } .relatedProducts h3 { color: #af120b; font-size: 14px; font-weight: normal; border-bottom: 1px solid #eee; } .relatedProductsLeft { width: 120px; margin-top: 20px; float: left; display: inline; position: relative; } .relatedProductsLeft a { width: 122px; height: 122px; display: block; background: url(/img/UI/bkg/dots-aux-tn.png) no-repeat; } .relatedProductsLeft .tag { right: 0; } .relatedProductsRight { width: 220px; margin-top: 20px; margin-left: 7px; float: left; display: inline; } .relatedProductsRight table, .relatedProductsRight table td { font-size: 0.9em; } .relatedProduct { margin-top: 10px; float: left; } .relatedProduct .left, .relatedProduct .right { float: left; } .relatedProduct .left { margin-right: 10px; } .relatedProduct a { border: 1px solid #fff; text-decoration: none; display: block; float: left; } .relatedProduct a:hover { border: 1px solid #c00; } div.tag-zm { width:102px; height:102px; position: absolute; top:0px; right:0px; background-position: top right; background-repeat: no-repeat; z-index: 1; } div.tag { width:55px; height:55px; position: absolute; top:1px; right:1px; background-position: top right; background-repeat: no-repeat; z-index: 1; } div.tag.new { background-image: url(/catalog/special/labels/new.png); } div.tag.onsale { background-image: url(/catalog/special/labels/onsale.png); } div.tag.clearance { background-image: url(/catalog/special/labels/clearance.png); } div.tag.soldout { background-image: url(/catalog/special/labels/soldout.png); width:218px; height:248px; } div.tag-zm.new { background-image: url(/catalog/special/labels/zm-new.png); } div.tag-zm.onsale { background-image: url(/catalog/special/labels/zm-onsale.png); } div.tag-zm.clearance { background-image: url(/catalog/special/labels/zm-clearance.png); } div.tag-zm.soldout { background-image: url(/catalog/special/labels/zm-soldout.png); width:350px; height:400px; } .headset { width: 100%; } .headset th { text-align: left; background: url("/img/UI/bkg/header-red.png") repeat-x; text-transform: uppercase; color: #fff; padding: 2px 4px 0px 4px; line-height: 21px; height: 25px; border-bottom: 1px solid #900; } .headset th:first-child { width: 25%; border-right: 1px solid #fff; } .headset th:nth-child(2) { text-align: right; border-right: 1px solid #fff; } .headset th:last-child { text-align: right; width: 30%; } .bodyset { width: 100%; border-bottom: 1px solid #900; } .bodyset tr:nth-child(odd) td { background-color: #f6f6f6; } .bodyset td { text-align: left; padding: 2px; } .bodyset td:first-child { font-size: 10px; width: 25%; border-right: 1px solid #900; } .bodyset td:nth-child(2) { text-align: right; border-right: 1px solid #900; } .bodyset td:last-child { text-align: right; padding-right: 5px; width: 30%; } .bodyset tr:hover td { color: #a00; cursor: default; background-color: #eee; } /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 - Catalog's One Day Sale */ .oneDaySale { position: absolute; top: 1px; left: 3px; z-index: 10; width:218px; height:248px; overflow: hidden; color: #000; text-align: left; } .oneDaySale.now { background: url(/promos/one_day_sale/_cal/deal.png) no-repeat; } .oneDaySale.over { background: url(/promos/one_day_sale/_cal/fff65.png) repeat; } .oneDaySale .cal { position: absolute; top: 2px; left: 2px; width:69px; height:69px; overflow: hidden; text-align: center; background: url(/promos/one_day_sale/_cal/cal.png) no-repeat; } .oneDaySale .cal.right { left: auto; right: -7px; } .oneDaySale .cal .month { width: 60px; height: 12px; background: url(/promos/one_day_sale/_cal/months.png) no-repeat; overflow: hidden; position: absolute; top: 47px; } .oneDaySale .cal .month.january { background-position: 5px 0; } .oneDaySale .cal .month.february { background-position: 5px -11px; } .oneDaySale .cal .month.march { background-position: 5px -23px; } .oneDaySale .cal .month.april { background-position: 5px -34px; } .oneDaySale .cal .month.may { background-position: 5px -45px; } .oneDaySale .cal .month.june { background-position: 5px -56px; } .oneDaySale .cal .month.july { background-position: 5px -67px; } .oneDaySale .cal .month.august { background-position: 5px -79px; } .oneDaySale .cal .month.september { background-position: 5px -90px; } .oneDaySale .cal .month.october { background-position: 5px -101px; } .oneDaySale .cal .month.november { background-position: 5px -112px; } .oneDaySale .cal .month.december { background-position: 5px -124px; } .oneDaySale .cal .month.janvier { background-position: 5px -135px; } .oneDaySale .cal .month.fevrier { background-position: 5px -146px; } .oneDaySale .cal .month.mars { background-position: 5px -157px; } .oneDaySale .cal .month.avril { background-position: 5px -168px; } .oneDaySale .cal .month.mai { background-position: 5px -180px; } .oneDaySale .cal .month.juin { background-position: 5px -191px; } .oneDaySale .cal .month.juillet { background-position: 5px -202px; } .oneDaySale .cal .month.aout { background-position: 5px -213px; } .oneDaySale .cal .month.septembre { background-position: 5px -225px; } .oneDaySale .cal .month.octobre { background-position: 5px -236px; } .oneDaySale .cal .month.novembre { background-position: 5px -247px; } .oneDaySale .cal .month.decembre { background-position: 5px -258px; } .oneDaySale .cal .wday { height: 13px; width: 60px; margin-top: 1px; } .oneDaySale .cal .wday span { display: block; background: url(/promos/one_day_sale/_cal/texts.png) 0 0 no-repeat; height: 0px; padding-top: 13px; } .oneDaySale .cal .wday .sun { width: 31px; margin: 0 auto; background-position: 0px 0; } .oneDaySale .cal .wday .mon { width: 31px; margin: 0 auto; background-position: -34px 0; } .oneDaySale .cal .wday .tue { width: 34px; margin: 0 auto; background-position: -68px 0; } .oneDaySale .cal .wday .wed { width: 46px; margin: 0 auto; background-position: -104px 0; } .oneDaySale .cal .wday .thu { width: 38px; margin: 0 auto; background-position: -153px 0; } .oneDaySale .cal .wday .fri { width: 26px; margin: 0 auto; background-position: -194px 0; } .oneDaySale .cal .wday .sat { width: 38px; margin: 0 auto; background-position: -222px 0; } .oneDaySale .cal .wday .dim { width: 42px; margin: 0 auto; background-position: 0px -104px; } .oneDaySale .cal .wday .lun { width: 24px; margin: 0 auto; background-position: -43px -104px; } .oneDaySale .cal .wday .mar { width: 24px; margin: 0 auto; background-position: -69px -104px; } .oneDaySale .cal .wday .mer { width: 38px; margin: 0 auto; background-position: -94px -104px; } .oneDaySale .cal .wday .jeu { width: 22px; margin: 0 auto; background-position: -133px -104px; } .oneDaySale .cal .wday .ven { width: 39px; margin: 0 auto; background-position: -156px -104px; } .oneDaySale .cal .wday .sam { width: 32px; margin: 0 auto; background-position: -196px -104px; } .oneDaySale .cal .date { width: 60px; margin-top: -2px; padding-left: 16px; } .oneDaySale .cal .date span { float: left; display: block; background: url(/promos/one_day_sale/_cal/texts.png) 0 0 no-repeat; height: 0px; padding-top: 30px; } .oneDaySale .cal .date .d { width: 6px; background-position: 100px 100px; } .oneDaySale.now .cal .date .d0 { width: 15px; background-position: -2px -72px; } .oneDaySale.now .cal .date .d1 { width: 12px; background-position: -18px -72px; } .oneDaySale.now .cal .date .d2 { width: 14px; background-position: -32px -72px; } .oneDaySale.now .cal .date .d3 { width: 13px; background-position: -48px -72px; } .oneDaySale.now .cal .date .d4 { width: 15px; background-position: -64px -72px; } .oneDaySale.now .cal .date .d5 { width: 14px; background-position: -80px -72px; } .oneDaySale.now .cal .date .d6 { width: 15px; background-position: -96px -72px; } .oneDaySale.now .cal .date .d7 { width: 14px; background-position: -111px -72px; } .oneDaySale.now .cal .date .d8 { width: 15px; background-position: -127px -72px; } .oneDaySale.now .cal .date .d9 { width: 14px; background-position: -143px -72px; } .oneDaySale .cal .date .d0 { width: 15px; background-position: -160px -72px; } .oneDaySale .cal .date .d1 { width: 12px; background-position: -176px -72px; } .oneDaySale .cal .date .d2 { width: 14px; background-position: -190px -72px; } .oneDaySale .cal .date .d3 { width: 13px; background-position: -206px -72px; } .oneDaySale .cal .date .d4 { width: 15px; background-position: -221px -72px; } .oneDaySale .cal .date .d5 { width: 14px; background-position: -238px -72px; } .oneDaySale .cal .date .d6 { width: 15px; background-position: -253px -72px; } .oneDaySale .cal .date .d7 { width: 14px; background-position: -270px -72px; } .oneDaySale .cal .date .d8 { width: 15px; background-position: -285px -72px; } .oneDaySale .cal .date .d9 { width: 14px; background-position: -301px -72px; } .oneDaySale .tag { position: absolute; top: 175px; left: 0; width:218px; height:36px; float: left; overflow: hidden; background: url(/promos/one_day_sale/_cal/tag.png) no-repeat; } .oneDaySale .deal { display: none; } .oneDaySale.now .tag { display: none; } .oneDaySale.now .deal { display: block; position: absolute; top: 0; left: 0; width:218px; height:248px; background: url(/promos/one_day_sale/_cal/deal.png) no-repeat; color: #fff; text-align: center; } .oneDaySale.now .deal span { position: absolute; top: 166px; left: 0; width:218px; height:16px; background: url(/promos/one_day_sale/_cal/deal.png) 0 -248px no-repeat; color: #fff; text-align: center; padding-top: 30px; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 16px; } .fr .oneDaySale.now .deal span { background-position: 0 -295px; } .oneDaySale .tag span { display: block; float: left; background: url(/promos/one_day_sale/_cal/texts.png) 0 0 no-repeat; height: 0px; padding-top: 14px; overflow: hidden; } .oneDaySale .tag .priceRebate { background: none; padding: 0; width: 80px; height: 36px; color: #900; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; line-height: 36px; } .oneDaySale .tag .wday { margin-left: 3px; margin-top: 5px; float: left; width: 135px; padding: 0; background-position: 0px -43px; } .oneDaySale .tag .wday .sunday { width: 39px; background-position: 0px -14px; } .oneDaySale .tag .wday .monday { width: 41px; background-position: -38px -14px; } .oneDaySale .tag .wday .tuesday { width: 44px; background-position: -78px -14px; } .oneDaySale .tag .wday .wednesday { width: 57px; background-position: -121px -14px; } .oneDaySale .tag .wday .thursday { width: 49px; background-position: -177px -14px; } .oneDaySale .tag .wday .friday { width: 34px; background-position: -225px -14px; } .oneDaySale .tag .wday .saturday { width: 45px; background-position: -258px -14px; } .oneDaySale .tag .wday .dimanche { width: 48px; background-position: 0px -118px; } .oneDaySale .tag .wday .lundi { width: 29px; background-position: -47px -118px; } .oneDaySale .tag .wday .mardi { width: 29px; background-position: -75px -118px; } .oneDaySale .tag .wday .mercredi { width: 43px; background-position: -103px -118px; } .oneDaySale .tag .wday .jeudi { width: 26px; background-position: -145px -118px; } .oneDaySale .tag .wday .vendredi { width: 45px; background-position: -170px -118px; } .oneDaySale .tag .wday .samedi { width: 36px; background-position: -214px -118px; } .oneDaySale .tag .wday .d { width: 3px; background-position: 100px 100px; } .oneDaySale .tag .wday .d0 { width: 7px; background-position: -1px -59px; } .oneDaySale .tag .wday .d1 { width: 5px; background-position: -7px -59px; } .oneDaySale .tag .wday .d2 { width: 6px; background-position: -11px -59px; } .oneDaySale .tag .wday .d3 { width: 7px; background-position: -17px -59px; } .oneDaySale .tag .wday .d4 { width: 7px; background-position: -23px -59px; } .oneDaySale .tag .wday .d5 { width: 6px; background-position: -29px -59px; } .oneDaySale .tag .wday .d6 { width: 6px; background-position: -35px -59px; } .oneDaySale .tag .wday .d7 { width: 6px; background-position: -41px -59px; } .oneDaySale .tag .wday .d8 { width: 6px; background-position: -47px -59px; } .oneDaySale .tag .wday .d9 { width: 7px; background-position: -52px -59px; } .oneDaySale .tag .wday .january { width: 39px; background-position: 0px -28px; } .oneDaySale .tag .wday .february { width: 43px; background-position: -39px -28px; } .oneDaySale .tag .wday .march { width: 30px; background-position: -82px -28px; } .oneDaySale .tag .wday .april { width: 24px; background-position: -112px -28px; } .oneDaySale .tag .wday .may { width: 22px; background-position: -135px -28px; } .oneDaySale .tag .wday .june { width: 24px; background-position: -156px -28px; } .oneDaySale .tag .wday .july { width: 20px; background-position: -179px -28px; } .oneDaySale .tag .wday .august { width: 35px; background-position: -198px -28px; } .oneDaySale .tag .wday .september { width: 53px; background-position: -232px -28px; } .oneDaySale .tag .wday .october { width: 40px; background-position: -284px -28px; } .oneDaySale .tag .wday .november { width: 50px; background-position: -323px -28px; } .oneDaySale .tag .wday .december { width: 49px; background-position: -372px -28px; } .oneDaySale .tag .wday .janvier { width: 36px; background-position: 0px -132px; } .oneDaySale .tag .wday .fevrier { width: 35px; background-position: -35px -132px; } .oneDaySale .tag .wday .mars { width: 26px; background-position: -69px -132px; } .oneDaySale .tag .wday .avril { width: 24px; background-position: -94px -132px; } .oneDaySale .tag .wday .mai { width: 19px; background-position: -117px -132px; } .oneDaySale .tag .wday .juin { width: 21px; background-position: -135px -132px; } .oneDaySale .tag .wday .juillet { width: 30px; background-position: -155px -132px; } .oneDaySale .tag .wday .aout { width: 24px; background-position: -184px -132px; } .oneDaySale .tag .wday .septembre { width: 53px; background-position: -207px -132px; } .oneDaySale .tag .wday .octobre { width: 41px; background-position: -259px -132px; } .oneDaySale .tag .wday .novembre { width: 49px; background-position: -299px -132px; } .oneDaySale .tag .wday .decembre { width: 49px; background-position: -347px -132px; } .oneDaySale .tag .only { margin-left: 3px; margin-top: -1px; width: 34px; padding-top: 16px; background-position: 0px -43px; } .fr .oneDaySale .tag .only { width: 92px; background-position: -33px -43px; } .model.nowrap { white-space: nowrap; height: 14px; padding: 0; } .contest-header { background: url(/promos/contests/10000/bg-title_form.gif) no-repeat left bottom; width: 696px; height: auto; color: #fff; float: left; margin-bottom: 20px; } .contest-header p { padding: 2px 10px !important; font-weight: bold; width: 100%; max-width: none !important; } .contest-header p a { color: #fff; } .contest-header p a:hover { color: #ccc; } .contest-footer { background: url(/promos/contests/10000/bottomline_form.gif) no-repeat 0 -1px; width: 696px; height: auto; padding: 10px 0; float: left; margin-top: 20px; } .contest-footer p { font-size: 12px !important; max-width: none !important; } .nomaxwidth p { max-width: none !important; } /****************FACEBOOK CONTEST**************************/ .FB_formContent { width:500px; margin:auto; } .FB_formContent select {width:130px; font-size:10px;} .FB_contest-header { width: 500px; height: auto; color: #000; float: left; margin:5px 0 15px 10px; border-bottom: 1px dotted #b21f17; width:500px; padding-bottom:10px; font-size:16px; font-family: 'PT Sans Narrow', sans-serif;} .FB_RightCol { text-align:right; padding-right:3px;} td.opt_in_box { vertical-align: top; text-align:left; } td.opt_in_text { padding-left:4px; } table.opt_in_table {width:500px; padding:10px 0 10px 0;} table.opt_in_table td {padding-bottom:10px;} #FB_Title {font-size:22px; padding-left:10px; margin:0px} #FB_Title h2 {padding-bottom:0px; font-weight:200;} #FB_Title h2 span { color:#b21f17; font-weight:800;} h3.FB_From_Title {padding:0 0 10px 10px;} .FB_contest-header p.FB_paragraph1 {font-size:18px; font-weight:700; } .FB_contest-header p.FB_paragraph3 {font-size:14px; padding-top:10px;} .FB_contest-header p.FB_paragraph4 {font-size:14px; } .FB_contest-header p { font-weight:100; padding:0; margin:0} .FB_contest-header span { font-weight:800; } .FB_contest-header .FB_legal { font-size:11px; padding-top:10px; } .FB_legal span { font-weight:bold; } .FB_submit { background: url(/img/UI/facebook/btn_submit.jpg) no-repeat; display: block; width: 111px; height: 31px; overflow: hidden; border-style: none; text-indent: -10000px; margin-top: 0px;} .FB_submit:hover { background-position: 0 -31px; } .error { color: #b21f17; font-size: 11px; font-weight: bold; } .FB_thankyou { padding:10px; font-size:20px; } .FB_thankyou .FB_thanks {font-size:26px;} .FB_winners { padding:10px; font-size:26px } .FB_over { padding:10px; font-size:20px; } td.FB_RightCol_answer {width:50px;} .FB_answer {text-align:left;} tr.answer td.FB_RightCol_answer {text-align: right; } .FB_share {width:auto; height:auto; margin-top:30px;} .FB_share a img {width:170px; margin-left:-20px;} /*〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 End Text Headers 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 */