/* CSS Document */ /* FITNESS ANYWHERE-New Redesign CSS*/ /* 1 Container Layout 1.1 Main Body 1.2 Right Rail 1.3 Left Rail 2 Home Page Layout 2.1 Home page Button 2.2 Home page Hero 3 TRain page Layout 3.1 Train page Button 3.2 Train page heros 4 General layout elements 4.1 Breadcrumbs 5 Lightbox thumbnails 5.1 Gallery thumbnails on tabs */ /*1 Container elements*/ @charset "UTF-8"; body { background-color: #FFFFFF !important; } #rightRail { background: transparent url(/images/backgrounds/main-bg2_rt.png) repeat-y scroll center top !important; overflow: visible; padding:0 1px; margin-bottom:0; } #leftRail .container_16 { background: transparent url(/images/backgrounds/main-bg2_lt.png) repeat-y scroll center top; overflow: visible; padding:0 1px; margin-bottom:0; } #noRail .container_16 { background: transparent url(/images/backgrounds/main-bg2_none.png) repeat-y scroll center top; overflow: visible; padding:0 1px; margin-bottom:0; } /* 2 Home Page elements */ a.hpShop, a.hpShop:visited, a.hpShop:active { display:block; height:145px; background:#ccc url(/images/buttons/hp-shop.png) no-repeat left top; text-indent:-9999em; overflow:hidden; margin-top:10px; } a.hpShop:hover { background:#000 url(/images/buttons/hp-shop.png) no-repeat left bottom; } a.hpTrain, a.hpTrain:visited, a.hpTrain:active { display:block; height:145px; background:#ccc url(/images/buttons/hp-train.png) no-repeat left top; text-indent:-9999em; overflow:hidden; margin-top:10px; } a.hpTrain:hover { background:#000 url(/images/buttons/hp-train.png) no-repeat left bottom; } a.hpConnect, a.hpConnect:visited, a.hpConnect:active { display:block; height:145px; background:#ccc url(/images/buttons/hp-connect.png) no-repeat left top; text-indent:-9999em; overflow:hidden; margin-top:10px; } a.hpConnect:hover { background:#000 url(/images/buttons/hp-connect.png) no-repeat left bottom; } /* HP Hero */ div #hpHero { display:block; height:455px; position:relative; margin:10px -10px 10px 0; background:#000 url(/images/heros/hp/train_sport_01-650px.jpg) no-repeat scroll left bottom; } /* other background images for HERO: background:transparent url(../../images/heros/hp/train_sport_01-650px.jpg) no-repeat scroll left bottom; background:transparent url(../../images/heros/hp/train_club_01-650px.jpg) no-repeat scroll left bottom; background:transparent url(../../images/heros/hp/train_military_01-650px.jpg) no-repeat scroll left bottom; */ div#hpHero h1#top { position:absolute; top:0; margin:0; } div#hpHero h1#bottom { position:absolute; bottom:0; margin:0; } div#hpHero h1 { width:630px; } /* HP Promo */ div.promo p { margin-top:0; } /* HP News */ div.hpNews h3 { margin-bottom:0; padding-bottom:0; padding-top:10px; } div.hpNews ul { list-style-type:none; margin:0; padding:5px 10px 0; } div.hpNews ul li { padding:0 0 5px; } /*3 Train Page elements */ ul#train { padding:0; } ul#train li a { color:#fff200; display:block; padding:10px; font-size:14px; font-weight:bold; } ul#train li a.mil { background:#000 url(/images/backgrounds/train-military.jpg) no-repeat scroll center top; width:260px; height:260px; } ul#train li a.sports { background:#000 url(/images/backgrounds/train-sports.jpg) no-repeat scroll center top; width:320px; height:260px; } ul#train li a.comm { background:#000 url(/images/backgrounds/train-commercial.jpg) no-repeat scroll center top; width:260px; height:260px; } ul#sports { padding:0; list-style-type:none; } ul#sports li { display:inline; } ul#sports li a, ul#sports li a:visited, ul#sports li a:active { display:block; width:124px; color:#fff200; padding:74px 10px 1px; font-size:12px; font-weight:bold; float:left; background-color:#000; background-position:center bottom; background-repeat:no-repeat; background-attachment:scroll; margin:0 15px 0 0; line-height:20px; } ul#sports li a:hover { background-position:center top; text-decoration:none; } ul#sports li a.last { margin:0 } ul#sports li a.mma { background-image:url(/images/buttons/train-mma.jpg); } ul#sports li a.golf { background-image:url(/images/buttons/train-golf.jpg); } ul#sports li a.team { background-image:url(/images/buttons/train-team.jpg); } ul#sports li a.gym { background-image:url(/images/buttons/train-gymnastics.jpg); } ul#sports li a.multi { background-image:url(/images/buttons/train-multi.jpg); } ul#sports li a.winter { background-image:url(/images/buttons/train-winter.jpg); } #offer-details { position: absolute; display: block; width: 100px; height: 20px; right: 85px; bottom: 32px; text-indent: -9999em; background: url(../images/thisdoesntexist.jpg); } #home-force-hero { display: block; position: absolute; width: 450px; height: 245px; right: 0; top: 0; background: url(../images/thisdoesntexist.jpg); } #shop-offer-details { display: block; position: absolute; width: 100px; height: 20px; right: 250px; bottom: 2px; text-indent: -9999em; background: url(../images/thisdoesntexist.jpg); } #force-shop-now { display: block; position: absolute; width: 150px; height: 40px; right: 200px; top: 36px; background: url(../images/thisdoesntexist.jpg); } /*4 General Elements*/ /* Breadcrumb */ .grid_1 ul.breadcrumb, .grid_2 ul.breadcrumb, .grid_3 ul.breadcrumb, .grid_4 ul.breadcrumb, .grid_5 ul.breadcrumb, .grid_6 ul.breadcrumb, .grid_7 ul.breadcrumb, .grid_8 ul.breadcrumb, .grid_9 ul.breadcrumb, .grid_10 ul.breadcrumb, .grid_11 ul.breadcrumb, .grid_12 ul.breadcrumb, .grid_13 ul.breadcrumb, .grid_14 ul.breadcrumb, .grid_15 ul.breadcrumb, .grid_16 ul.breadcrumb { margin:0 6px 0 0; } ul.breadcrumb { margin:0 6px 10px 10px; padding:0; } ul.breadcrumb li { display:inline; padding:0 2px 0 0; font-size: 9px; color: #666; } /* 5 Lightbox Thumbnails */ ul.lbGallery { margin:0; padding:0; } ul.lbGallery li.desc p { margin-top:0; font-size:10px; } ul.lbGallery li a { display:block; margin-bottom:10px; } ul.lbGallery li a img { opacity:0.6; } ul.lbGallery li a:hover img { opacity:1; } ul.lbGallery li a:hover { text-decoration:none; }