/* -------------------------------------------------------- Navigation menu stylesheet Site: codemountain.CA/ Created by: Martin Gauthier - martin@codemountain.ca Filename: css/nav.css -------------------------------------------------------- */ /* -------------------------------------------------------- MAIN STYLING -------------------------------------------------------- */ body { background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; color:#3e4858; font-size:11px; font-weight:normal; line-height:16px; padding:0px; margin:0px; height:1500px; } a {outline:none;} a:link, a:visited, a:active {color:#636466;text-decoration:underline;} a:hover {color:#636466;text-decoration:none;} a.darklink:link, a.darklink:visited, a.darklink:active {color:#cba71c; font-weight:bold; text-decoration:none} a.darklink:hover {color:#cba71c; font-weight:bold; text-decoration:underline} a.lightlink:link, a.lightlink:visited, a.lightlink:active {color:#a1a1a2; text-decoration:none} a.lightlink:hover {color:#a1a1a2; text-decoration:underline} p, ul, li, h1,h2,h3,div,span{margin:0;padding:0} a.bright:link, a.bright:visited, a.bright:active {color:#f05002; text-decoration:none} a.bright:hover {color:#f05002; text-decoration:underline} h2{font-size:14px; margin:0;padding:0; font-weight:normal} .p1{margin-top:69px;} .light1{color:#a1a1a2} .mid1{color:#636466} .dark1{color:#515151} .high1{color:#f05002} .high2{color:#f15b2b} .small1{font-size:10px;} .small2{font-size:9px; line-height:12px;} .input_text1{ background-color:#d9e9f6; width:300px; border:1px solid #888e98; padding-top:5px; padding-bottom:6px;padding-left:4px; font-size:10px; color:#384353} /*STYLES*/ .center_container {width:768px;padding:0;margin-left:auto; margin-right:auto; text-align:left;position:relative;} .center_container2 {width:740px;padding:12px; padding-left:14px; padding-right:14px; margin-left:auto; margin-right:auto; text-align:left;position:relative;} .right_content1{position:absolute; left:174px;width:570px; top:0px;} .right_content1 p { text-align:justify; margin-bottom:16px;} .right_content2{position:absolute; left:258px;width:570px; top:14px;} .botimg{border:0; } .botimg img{border:0;margin-top:24px;} ul.leftmenu1{margin:0; padding:0; position:absolute; left:20px;top:36px} ul.leftmenu1 li{list-style:none; width:68px; background-color:#f0f1f2; padding-left:22px; text-transform:uppercase; font-size:10px; font-weight:bold; margin-bottom:4px;} ul.leftmenu1 li:hover{background-color:#c0c3c8} ul.leftmenu1 li.active{background-color:#f3cb32;} ul.leftmenu1 li a:link, ul.leftmenu1 li a:visited, ul.leftmenu1 li a:active{color:#3e4858; text-decoration:none;} ul.leftmenu1 li a:hover{color:#3e4858; text-decoration:none; } ul.leftmenu2{margin:0; padding:0; position:relative; text-transform:uppercase ; margin-top:5px; margin-bottom:10px;} ul.leftmenu2 li{list-style:none; width:75px; background-color:#f0f1f2; padding-left:10px; text-transform:uppercase; font-size:10px; font-weight:normal; margin-bottom:4px;color:#3e4858; cursor:pointer; text-align:right; padding-right:5px; position:relative;} ul.leftmenu2 li:hover{background-color:#c0c3c8} ul.leftmenu2 li.active{background-color:#f3cb32; font-weight:bold} ul.menu_cat{margin:0; padding:0; position:relative; padding-top:34px; margin-left:7px; cursor:pointer; text-transform:uppercase; padding-bottom:42px;min-height:376px; height:auto !important; height:463px;} ul.menu_cat li.list_cat{list-style:none; font-weight:normal; } .pim1:link, .pim1:visited, .pim1:active { color:#f04e23; font-weight:bold; text-decoration:underline; } .pim1:hover { color:#f04e23;font-weight:bold; text-decoration:none; } .clearall{clear:both;} .minSpacer{ float:left; border:0px solid red; width:2px; height:440px;} /* -------------------------------------------------------- SELECTOR STYLING - global -------------------------------------------------------- */ #main_container {position:absolute;top:0px;left:0px;margin-left:0px; margin-top:0px ; text-align:center; width:100%; margin-top:0px;background-color:#ffffff; } #top_container1{margin-top:41px; border:1px solid #979da5; height:93px; border-bottom-width:0px; background-image:url(../../img/dashtop-1.gif); background-repeat:no-repeat; background-position:26px bottom} #top_container1 #stitch1{width:19px; height:47px; position:absolute; top:10px; left:-9px; background-image:url(../../img/stitch_tl1.gif); background-repeat:no-repeat; background-position:0 0;} #home1 #stitch2, #home2 #stitch2{width:22px; height:54px; position:absolute; top:-7px; right:-12px; background-image:url(../../img/stitch-tr1.gif); background-repeat:no-repeat; background-position:0 0;} #top_container1 #signature{ position:absolute; top:-11px; right:5px;} #logo1{position:absolute; top:18px; left:24px; border:0px} #home1{border:1px solid #979da5; border-top-width:0; border-bottom-width:0; } #home1.fixH1{height:440px;} #home2{border:1px solid #979da5; border-top-width:0; border-bottom-width:0; padding-top:0 } #bot_container{height:26px; border:1px solid #979da5; border-top-width:0px; background-image:url(../../img/dashbot-1.gif); background-repeat:no-repeat; background-position:10px top} #bot_container #stitch3{background-image:url(../../img/stitch-bl1.gif); width:21px; height:55px; position:absolute; top:-53px; left:-14px; background-repeat:no-repeat} #bot_container #stitch4{background-image:url(../../img/stitch-br1.gif); width:19px; height:49px; position:absolute; top:-60px; right:-12px; background-repeat:no-repeat;} #copy1{position:absolute;width:310px; height:10px; bottom:-22px; left:11px; background-image:url(../../img/copy-2.gif); background-repeat:no-repeat;} #verticalSep{position:absolute; top:-1px; border:0px solid red; left:0px; background-image:url(../../img/dashvert-1.gif); background-repeat:repeat-y; height:456px; width:4px;} #verticalSep.vertiPos1{left:127px;} #verticalSep.vertiPos2{left:137px;} #verticalSep.vertiPos3{left:242px;} #verticalSep.vertiPos4{left:187px;} #verticalSep.vertiPosNone{display:none} /*#radio2{position:absolute; top:583px; left:0px;}*/ #botStitch{position:absolute; top:-14px; background-image:url(../../img/stitch-sep1.gif); width:31px; height:39px; background-repeat:no-repeat; background-position:0 0} #botStitch.botPos1{left:112px;} #botStitch.botPos2{left:122px;} #botStitch.botPos3{left:227px;} #botStitch.botPos4{left:176px;} #botStitch.botPos5{left:127px;} #botStitch.botPosNone{display:none;} .variSep{ background-image:url(../../img/dashvert-1.gif); padding-right:5px; background-repeat:repeat-y; background-position:right 0} #container_banner{width:740px; position:relative; margin-top:13px; height:42px;} #copy{position:absolute; bottom:0px; right:-16px;} /* -------------------------------------------------------- SELECTOR STYLING - INDEX.PHP -------------------------------------------------------- */ #finger{position:absolute; left:730px; top:0px;} #container_register{ float:right; background-image:url(../../img/banner-register1.gif);width:251px; height:42px; background-repeat:no-repeat; cursor:pointer;} #container_ticker{width:474px; height:42px;margin-right:9px; background-image:url(../../img/banner-news1.gif); background-repeat:no-repeat; margin-left:0; float:left;} body.fr #container_ticker{background-image:url(../../img/banner-news1_fr.gif); } body.fr #container_register{ background-image:url(../../img/banner-register1_fr.gif);} #home_promo{width:740px;} #home_promo tr td img{padding-right:0; cursor:pointer} #register_box{position:absolute; background-image:url(../../img/back-2.gif); background-repeat:repeat; border:1px solid #6a717a; padding:14px; padding-left:17px; padding-right:17px; width:369px; height:175px; top:175px; right:30px; font-size:10px;color:#384353} .reg_p1{background-color:#FFFFFF; width:364px; height:18px; padding-left:5px;; padding-top:2px; margin-bottom:15px} .reg_p2{background-color:#FFFFFF; width:364px; height:34px; padding-left:5px;; padding-top:2px;margin-bottom:18px} #reg_btn{margin-top:35px;} #reg_btn img{margin-right:5px; cursor:pointer} /* -------------------------------------------------------- SELECTOR STYLING - product.php -------------------------------------------------------- */ .cat_preview{ background-image:url(../../img/icn-preview-1.gif); width:118px; height:156px; overflow:hidden; position:absolute; top:-53px; left:93px; background-repeat:no-repeat;} .cat_preview img{width:105px; height:153px; position:absolute; top:1px; left:11px;} #products{z-index:10; width:124px;} #product_container{z-index:5} #product_container{position:absolute; left:173px; top:39px; border:0px solid red; width:590px; height:432px;} #product_container #product_images{position:absolute; top:0; left:0; width:230px; height:415px; border:0px solid #00CC33;} #product_container #product_images #product_main{position:absolute; top:0; left:0;} #product_container #product_images img{border:1px solid #838994;} #product_container #product_images #product_main #product_main_enlarge{ position:absolute; bottom:1px; right:0; background-color:#FFFFFF; text-align:center; padding:5px; border:1px solid #838994; border-bottom-width:0px; cursor:pointer ; padding-top:2px; padding-bottom:2px; color:#b2b6bc} #product_container #product_images #product_thumbs {position:absolute; top:346px; left:0px;} #product_container #product_images #product_thumbs img.thumbs1{float:left;cursor:pointer } #product_container #product_images #product_thumbs img.thumbs2{float:right;cursor:pointer } #product_container #product_images #product_thumbs img.thumbs_hide{float:none; display:none; } #product_container #product_info{position:absolute; top:0px; left:255px; width:317px; height:432px;line-height:13px;} #product_info p#product_title{margin-top:23px; font-weight:bold; } #product_info p#product_description{margin-top:10px; font-weight:normal; text-align:justify;} #product_info p#product_technical{margin-top:12px; font-weight:normal; } #product_info #btnBuy{ background-image:url(../../img/btn-buy1.gif); width:83px; height:25px; overflow:hidden; background-repeat:no-repeat; background-position:top; cursor:pointer; margin-top:26px;} #product_info #btnBuy:hover{ background-position:bottom} #product_info p#product_washes{margin-top:12px; font-weight:normal} #product_info #product_washes_thumbs{margin-top:12px;} #product_info #product_washes_thumbs img{margin-right:10px;} #product_info #product_washes_thumbs img.lastWash{margin-right:0px;} #overlay1{background-color:#fff; opacity:0.7;-moz-opacity: 0.7; filter: alpha(opacity=70); width:100%; height:1400px; position:absolute; top:0; left:0; z-index:1000} #img_large{width:391px;z-index:1005; text-align:center;position:absolute;border:1px solid #838994} #img_large img{} #img_large #close{position:absolute; top:-1px; right:-1px; width:52px; height:19px; border:1px solid #838994; cursor:pointer; background-image:url(../../img/icn-close1.gif); background-position:1px 1px; background-repeat:no-repeat} /* -------------------------------------------------------- SELECTOR STYLING - media.php -------------------------------------------------------- */ #gallery_container{position:absolute; left:0px; top:39px; border:0px solid red; width:590px; height:432px;} #gallery_container img{ margin-right:15px; margin-bottom:5px; float:left; border:1px solid #91979f; cursor:pointer} #gallery_container img.lastOne{margin-right:0px;} #gallery_container #gal-large_container{position:absolute; top:-3px; left:-1px; width:564px; height:415px;} #gallery_container #gal-large_container #close{position:absolute; top:0px; right:-2px; width:52px; height:19px; border:1px solid #91979f; cursor:pointer; background-image:url(../../img/icn-close1.gif); background-position:1px 1px; background-repeat:no-repeat} #coverage{margin-top:37px; margin-left:6px; position:relative} #coverage #coverage_img{position:relative; top:0; left:0} #pdf1_container{opacity:0.8; background-color:#FFFFFF; border:1px solid #91979f; height:75px; width:279px;} .coverage_center{top:168px; left:131px;position:absolute;} #pdf1_content{opacity:0.99; height:75px; width:279px;} #pdf1_p{ text-transform:uppercase; font-size:10px; font-weight:bold; margin-top:20px; margin-left:20px;} img.pdf1_pdf{ position:absolute; top:14px; right:14px;} #releases_content{padding-top:37px;} .media_sections{height:390px;} .tbl_comm1{width:100%; line-height:14px; margin-bottom:15px; font-size:11px} .tbl_comm1 .td1{color:#656565;} .tbl_comm1 .td2{ font-weight:bold; color:#656565} .tbl_comm1 .td3{color:#9d9d9d} /* -------------------------------------------------------- SELECTOR STYLING - contact.php -------------------------------------------------------- */ #contact_info{position:absolute; top:35px; left:42px} #contact_info a:link,#contact_info a:active, #contact_info a:active{text-decoration:underline; corlor:#3e4858} #contact_info a:hover {text-decoration:none; color:#3e4858} #terms_info{position:relative; margin-top:9px; margin-left:19px; width:702px; text-align:justify;} #sitemap_links{ width:376px; font-size:11px} #sitemap_links p {font-weight:bold; margin-bottom:15px;font-size:11px} #sitemap_links ul {margin-left:8px;font-size:12px;margin-bottom:35px;} #sitemap_links ul li{list-style:none;font-size:11px; line-height:15px;} #sitemap_links ul li a:link, #sitemap_links ul li a:visited,#sitemap_links ul li a:active {text-decoration:none;} #sitemap_links ul li a:hover {text-decoration:none; font-weight:bold} /* -------------------------------------------------------- SELECTOR STYLING - locator.php -------------------------------------------------------- */ #map{position:absolute; top:40px; left:65px; background:#cccccc;width:480px; height:320px; border:1px solid #acabab} #directions{position:absolute; left:66px; top: 370px;} #locator_info{position:relative; padding-top:26px; margin-left:37px; line-height:18px; padding-bottom:50px; width:138px;min-height:377px; height:auto !important; height:466px;} #locator_info li{list-style:none; cursor:pointer} #locator_info li:hover{text-decoration:underline} #locator_info li.active{ text-decoration:underline; font-weight:bold} #locator_info p {font-weight:bold; padding-left:5px; cursor:pointer} #locator_info .menulist{margin-left:10px; cursor:pointer} #locator_info p.results_title {font-weight:bold; padding-left:0px; text-transform:uppercase; text-decoration:underline; cursor:pointer} ul#country_list{margin-bottom:14px; text-transform:uppercase} /* -------------------------------------------------------- SELECTOR STYLING - pim.php -------------------------------------------------------- */ #container_bannerbio{border:1px solid #ccc200; background-color:#fff200} #intro_bios table{position:absolute; top:165px; left:2px;} #bios{position:absolute; top:0px; right:11px; width:705px; height:574px; text-align:justify;} #bios div.bio_sections{position:absolute; top:85px; right:0px; width:389px; height:330px; text-align:justify} .bio_title{position:absolute; top:82px; left:0px;} .bio_text{position:absolute; top:180px; left:0px;text-align:justify; width:369px;} #bios div.bio_sections img.biopic{position:absolute; top:-30px; right:20px; border:1px solid #e5d900} #bios a:link, #bios a:visited, #bios a:active{color:#f05002;text-decoration:none;} #bios a:hover{color:#f05002;text-decoration:underline;} #biomenu{position:absolute; left:32px; top:177px; color:#636466} #biomenu div.biomenu2,#biomenu div.biomenu1{background-image:url(../../img/back_liste_1.gif); background-repeat:no-repeat; padding-left:10px; width:256px; height:16px; cursor:pointer; margin-bottom:6px;} #biomenu div.biomenu1:hover{color:#f05002} #biomenu div.biomenu2{color:#f05002} /* -------------------------------------------------------- SELECTOR STYLING - presse.php -------------------------------------------------------- */ #pressemenu{position:absolute; top:182px; left:256px;;} #pressemenu ul{list-style:none; margin:0; padding:0} #pressemenu ul li{float:left; margin-right:41px; font-weight:bold} #pressemenu li a:link, #pressemenu li a:visited, #pressemenu li a:active { color:#515151; text-decoration:none} #pressemenu li a:hover{color:#f05002; text-decoration:none} #pressemenu li a.presse2:link, #pressemenu li a.presse2:visited, #pressemenu li a.presse2:active { color:#f05002; text-decoration:none} #pressemenu li a.presse2:hover{color:#f05002; text-decoration:none} .top_sections{ width:633px; height:445px; position:absolute; top:259px; left:256px; } .nav_in_section { position:absolute; bottom:0; left:0} .nav_in_section ul{margin:0; padding:0; list-style:none;} .nav_in_section ul li{float:left; margin:0; padding:0; margin-right:8px;} .nav_in_section ul li.last{margin-left:5px;} .nav_in_section ul li a:link, .nav_in_section ul li a:visited, .nav_in_section ul li a:active {color:#8f9092; text-decoration:underline;} .nav_in_section ul li a:hover {color:#8f9092; text-decoration:none; font-weight:bold} .nav_in_section ul li.currentpage a:link, .nav_in_section ul li.currentpage a:visited, .nav_in_section ul li.currentpage a:active {color:#8f9092; text-decoration:none; font-weight:bold} .nav_in_section ul li.currentpage a:hover {color:#8f9092; text-decoration:none; font-weight:bold} .tbl_bio1{width:507px;; line-height:14px; margin-bottom:15px;} .tbl_bio1 .td1{width:286px;} .tbl_bio1 .td2{ width:115px; color:#8f9092} .tbl_bio1 .td3{width:95px} .tbl_bio1 .td1, .tbl_bio1 .td2, .tbl_bio1 .td3{padding-bottom:7px; padding-top:5px;} .tbl_bio1 tr { background-image:url(../../img/sep_h_1.gif); background-repeat:no-repeat; background-position:bottom; border:1px solid red} .tbl_photo1{width:613px;; line-height:14px; margin-bottom:15px;} .tbl_photo1 .td1{width:286px;} .tbl_photo1 .td2{ width:115px; color:#8f9092} .tbl_photo1 .td3{width:95px; font-weight:bold} .tbl_photo1 .td4{width:55px} .tbl_photo1 .td5{width:59px} .tbl_photo1 .td1, .tbl_photo1 .td2, .tbl_photo1 .td3, .tbl_photo1 .td5, .tbl_photo1 .td5{padding-bottom:7px; padding-top:5px;} .tbl_photo1 tr { background-image:url(../../img/sep_h_1.gif); background-repeat:no-repeat; background-position:bottom; border:1px solid red} .tbl_img1{width:613px;; line-height:14px; margin-bottom:15px;} .tbl_img1 .td1{width:400px; font-weight:bold} .tbl_img1 .td2{ width:79px; font-weight:bold} .tbl_img1 .td3{width:131px} .tbl_img1 .td1, .tbl_img1 .td2, .tbl_img1 .td3{padding-bottom:7px; padding-top:5px;} .tbl_img1 tr { background-image:url(../../img/sep_h_1.gif); background-repeat:no-repeat; background-position:bottom; border:1px solid red} /* -------------------------------------------------------- SELECTOR STYLING - projets.php -------------------------------------------------------- */ #projets{position:absolute; top:0px; right:11px; width:705px; height:574px; text-align:justify;} #projets div.projet_sections{position:absolute; top:32px; right:20px; width:440px; height:676px; text-align:justify; } .projet_title{position:absolute; top:82px; left:0px;} .projet_text{position:absolute; top:180px; left:0px;text-align:justify; width:369px;} #projets div.projet_sections .container_video{position:absolute; bottom:414px; right:0px; border:1px solid #e5d900; width:300px; height:250px; padding:5px; z-index:5; background-image:url(../../img/back_box_1.gif); background-repeat:repeat; background-position:top;} .container_video .player{position:relative; background-color:#FFFFFF; width:300px; height:250px; z-index:100; } .container_video .player h5{position:absolute; top:0; left:0; font-size:24px; text-align:center; width:100%} #projets div.projet_sections h3{position:absolute; left:0; top:300px; margin:0; padding:0; font-size:12px;} #projets div.projet_sections h4{position:absolute; left:0; top:318px; margin:0; padding:0 ; text-transform:uppercase; font-size:11px;} #projets div.projet_sections p.synopsis{position:absolute; left:0; top:346px; text-align:justify; width:100%; margin:0; padding:0} #projets div.projet_sections ul.equipe{position:absolute; left:0; top:515px;margin:0; padding:0; list-style:none;} #projets div.projet_sections .container_video .indexvid{ position:absolute; bottom:-22px; right:-1px; background-color:#ffffff; border:1px solid #e5d900; height:20px;} #projets div.projet_sections .container_video .indexvid .vidtitle{padding-left:5px; padding-right:5px; padding-top:2px; height:18px; float:left;} .vidtitle a:link, .vidtitle a:visited, .vidtitle a:active{text-decoration:none;} .vidtitle a:hover{color:#f05002;} .indexphoto ul.bright2{color:#f05002;} .indexphoto ul.bright2 li a:link, .indexphoto ul.bright2 li a:visited, .indexphoto ul.bright2 li a:active {color:#f05002;} .indexphoto ul.bright2 li a:hover {color:#f05002; font-weight:bold; text-decoration:underline} .indexphoto ul.bright2 li a.lightlink2:link, .indexphoto ul.bright2 li a.lightlink2:visited, .indexphoto ul.bright2 li a.lightlink2:active {color:#f05002; text-decoration:underline; font-weight:bold;} .indexphoto ul.bright2 li a.lightlink2:hover {color:#f05002; text-decoration:underline; font-weight:bold;} #projets div.projet_sections .container_video .indexvid .indexphoto{padding-left:5px; padding-right:5px; padding-top:2px; height:18px; float:left;border-left:1px solid #e5d900;} #projets div.projet_sections .container_video .indexvid .indexphoto ul{margin:0; padding:0; float:left; list-style:none;} #projets div.projet_sections .container_video .indexvid .indexphoto ul li{margin:0; padding:0; float:left; list-style:none; margin-right:4px;} #projets div.projet_sections .container_photo{position:absolute; bottom:200px; left:5px;} #projets div.projet_sections .container_photo .photo1{position:absolute; top:0px; left:0px} #projets div.projet_sections .container_photo .photo1 .credits_photo{position:relative; background-color:#FFFFFF; padding-top:2px; padding-bottom:2px; text-transform:uppercase; padding-left:8px;border:1px solid #e5d900; border-bottom:0px; font-size:9px;} #projetmenu{position:absolute; left:32px; top:177px; color:#636466} #projetmenu div.projetmenu2, #projetmenu div.projetmenu1{background-image:url(../../img/back_liste_1.gif); background-repeat:no-repeat; padding-left:10px; width:182px; height:16px; cursor:pointer; margin-bottom:6px; font-weight:bold} #projetmenu div.projetmenu1:hover{color:#f05002} #projetmenu div.projetmenu2{color:#f05002;} #projetmenu div.menu_sep{background-image:none; width:182px; height:16px; margin-bottom:6px;} /* -------------------------------------------------------- SELECTOR STYLING - boite.php -------------------------------------------------------- */ #origines{position:absolute; top:239px; left:95px; width:540px;} /* -------------------------------------------------------- SELECTOR STYLING - contact.php -------------------------------------------------------- */ #infos{position:absolute; top:190px; left:264px;} #metro{position:absolute; right:29px;bottom:31px; background-image:url(../../img/back_metro_1.gif); width:164px; height:127px; background-repeat:no-repeat;} #metro p{margin-top:68px; margin-left:12px; width:150px; text-align:left} /* ------------------------------------------- global menu navigation styling -------------------------------------------*/ #globaltop {position:absolute; left:330px; top:62px; height:15px; font-size:11px;font-weight:normal; width:345px; border:0px solid red; overflow:hidden} #globaltop #topnav{ margin: 0; padding: 0; } #globaltop #topnav li {list-style:none; line-height:15px; display:inline; } #globaltop #topnav li a { float: left; height: 0; padding-top: 15px; overflow: hidden; outline:none; } #globaltop #topnav li a { background-image:url(../../img/menu-1.gif);background-repeat:no-repeat;} body.fr #globaltop #topnav li a { background-image:url(../../img/menu-1_fr.gif);background-repeat:no-repeat;} #globaltop #topnav li a.noactive{cursor:default; opacity:0.5;-moz-opacity: 0.5; filter: alpha(opacity=50);} #globaltop #topnav li#nav-sep1 a.noactive{cursor:default; opacity:0.99;-moz-opacity: 0.99; filter: alpha(opacity=99);} #globaltop #topnav li#nav-second a{width:66px;} #globaltop #topnav li#nav-yoga a{width:64px;} #globaltop #topnav li#nav-eco a{width:59px;} #globaltop #topnav li#nav-5pocket a{width:96px;} #globaltop #topnav li#nav-media a{width:55px;} #globaltop #topnav li#nav-second a{background-position:0 0;} #globaltop #topnav li#nav-yoga a{background-position:-66px 0;} #globaltop #topnav li#nav-eco a{background-position:-130px 0;} #globaltop #topnav li#nav-5pocket a{background-position:-189px 0;} #globaltop #topnav li#nav-media a{background-position:-285px 0;} #globaltop #topnav li#nav-second a:hover{background-position:0 -21px;} #globaltop #topnav li#nav-yoga a:hover{background-position:-66px -21px;} #globaltop #topnav li#nav-eco a:hover{background-position:-130px -21px;} #globaltop #topnav li#nav-5pocket a:hover{background-position:-189px -21px;} #globaltop #topnav li#nav-media a:hover{background-position:-285px -21px;} /* ------------------------------------------- bot menu navigation styling -------------------------------------------*/ #globalbot {position:absolute; left:0px; top:7px; height:15px; font-size:9px;font-weight:normal; width:100%; border:0px solid red; text-transform:uppercase; } #globalbot #botnav{ margin: 0; padding: 0; } #globalbot #botnav li {list-style:none; line-height:15px; display:inline; } #globalbot #botnav li a { float: right;outline:none; margin:0;padding:0; margin-right:25px; } #globalbot #botnav li a.last {margin-right:15px; } #globalbot #botnav li a:link, #globalbot #botnav li a:visited, #globalbot #botnav li a:active{text-decoration:none; color:#4e5d73;} #globalbot #botnav li a:hover{text-decoration:none; color:#333333;} body.fr #pdf1_container, body.fr #pdf1_content{width:315px;}