/* Menus.css - www.PriceSmart.com */ #country-menu { position: absolute; display: none; left: 198px; top: 37px; z-index: 1001; width: auto; height: auto; margin: 0px; padding: 0px; border: none; border-collapse: collapse; } #country-menu td { height: 20px; vertical-align: middle; padding: 0px; margin: 0px; border-top: solid 1px #002f9a; border-bottom: solid 1px #002f9a; background-color: #0045c9; color: White; } #country-menu a { display: block; width: 118px; height: 20px; line-height: 20px; padding: 0px 10px 0px 8px; color: White; } #country-menu a:hover { text-decoration: none; background-color: #002f9a; } .country-menu-selected { display: block; width: 118px; height: 20px; line-height: 20px; padding: 0px 10px 0px 8px; font-weight: bold; color: #99d6ff; } .country-menu-flag { display: block; width: 24px; height: 16px; padding: 0px 2px 0px 2px; } .page-header-menu { position: absolute; display: none; z-index: 1001; width: auto; height: auto; margin: 0px; padding: 0px; border: none; border-collapse: collapse; } .page-header-menu td { height: 22px; vertical-align: middle; padding: 0px; margin: 0px; border-top: solid 1px #002f9a; border-bottom: solid 1px #002f9a; background-color: #0045c9; color: White; } .page-header-menu a { display: block; width: 150px; height: 22px; line-height: 21px; padding: 0px 10px 0px 10px; font-size: 11px; color: White; } .page-header-menu a:hover { text-decoration: none; background-color: #002f9a; } /* #membership-menu { left: 200px; top: 80px; }*/ /* #services-menu { left: 320px; top: 80px; }*/ #about-menu { left: 200px; top: 80px; } #membership-menu { left: 320px; top: 80px; } #services-menu { left: 440px; top: 80px; } #business-services-menu { left: 440px; top: 80px; } .category-menu, .category-submenu { position: absolute; display: none; z-index: 1001; height: auto; padding: 0px; border: none; border-collapse: collapse; } .category-submenu { margin: 0px; } .category-menu { margin: -1px 0px 0px 0px; } .category-menu td, .category-submenu td { height: 20px; width: auto; vertical-align: middle; padding: 0px; margin: 0px; border: solid 1px #dcdfe4; } .category-menu a, .category-submenu a { display: block; width: auto; height: 20px; padding: 0px 20px 0px 10px; white-space: nowrap; line-height: 19px; font-size: 10px; color: #5a6066; background-color: #f6f7f7; } .category-menu a:hover, .category-submenu a:hover { text-decoration: none; color:#0035AD; background-color: #fff; } /* #fff7cc */ .category-menu-arrow { background: #5a6066 url(/images/category-menu-arrow.gif) no-repeat scroll center right; } /* redesign change */ /* Department Navigation Menu */ #nav-menu-SP { position: relative; top:0px; left:0px; background: white url(/images/page-inside.gif) repeat-y scroll top left; width: 760px; height: 44px; border-collapse: collapse; margin: 0px; padding: 7px 15px 0 15px; border: none; } #nav-menu-SP ul { position: relative; left: 0px; top: 0px; right:0px; list-style: none; padding:0; margin:0; clear:left; *margin-top:-7px;} #nav-menu-SP li { float: left; margin: 0; } #nav-menu-SP li a { background: #EDEEEF bottom left repeat-x; height: 2em; line-height: 2em;float: left;display: block; border: 0.1em solid #dcdce9; color: #5a6066; font-weight:bold;text-decoration: none;text-align: center;padding:0 6px;} #nav-menu-SP li a.CO { background: #EDEEEF bottom left repeat-x; height: 2em; line-height: 2em;float: left;display: block; border: 0.1em solid #dcdce9; color: #5a6066; font-weight:bold;text-decoration: none;text-align: center;padding:0 15px;} #nav-menu-SP #second-row-SP li a {background: #EDEEEF bottom left repeat-x; height: 2em; line-height: 2em;float: left;display: block; border: 0.1em solid #dcdce9; color: #5a6066; font-weight:bold;text-decoration: none;text-align: center;padding:0 7px;} #nav-menu-SP #second-row-SP li a.CO {background: #EDEEEF bottom left repeat-x; height: 2em; line-height: 2em;float: left;display: block; border: 0.1em solid #dcdce9; color: #5a6066; font-weight:bold;text-decoration: none;text-align: center;padding:0 22px;} #nav-menu-SP li a:hover { color: #0035AD; } #nav-menu-SP #second-row-SP li a:hover { color: #0035AD; } #nav-menu-EN { position: relative; top:0px; left:0px; background: white url(/images/page-inside.gif) repeat-y scroll top left; width: 730px; height: 44px; border-collapse: collapse; margin: 0px; padding: 7px 15px 0 15px; border: none; } #nav-menu-EN ul { position: relative; left: 0px; top: 0px; right:0px; list-style: none; padding:0; margin:0; } #nav-menu-EN li { float: left; margin: 0; } #nav-menu-EN li a { background: #EDEEEF bottom left repeat-x; height: 2em; line-height: 2em;float: left;display: block; border: 0.1em solid #dcdce9; color: #5a6066; font-weight:bold;text-decoration: none;text-align: center;padding:0 10px;} #nav-menu-EN li a.CO { background: #EDEEEF bottom left repeat-x; height: 2em; line-height: 2em;float: left;display: block; border: 0.1em solid #dcdce9; color: #5a6066; font-weight:bold;text-decoration: none;text-align: center;padding:0 20px; margin:0;} #nav-menu-EN #second-row-EN { display:block;} #nav-menu-EN #second-row-EN li a {background: #EDEEEF bottom left repeat-x; height: 2em; line-height: 2em;float: left;display: block; border: 0.1em solid #dcdce9; color: #5a6066; font-weight:bold;text-decoration: none;text-align: center;padding:0 11px;} #nav-menu-EN #second-row-EN li a.CO {background: #EDEEEF bottom left repeat-x; height: 2em; line-height: 2em;float: left;display: block; border: 0.1em solid #dcdce9; color: #5a6066; font-weight:bold;text-decoration: none;text-align: center;padding:0 26px;} #nav-menu-EN li a:hover { color: #0035AD; } #nav-menu-EN #second-row-EN li a:hover { color: #0035AD; } /* Department Navigation menus */ /*English*/ #menu-10091 { left:26px; top:135px;} #menu-10079 { left:100px; top:135px;} #menu-10038 { left:176px; top:135px;} #menu-10875 { left:224px; top:135px;} #menu-10427 { left:275px; top:135px;} #menu-10066 { left:355px; top:135px;} #menu-10194 { left:500px; top:135px;} #menu-10187 { left:531px; top:135px;} #menu-10133 { left:531px; top:135px;} #menu-10756 { left:26px; top:157px;} #menu-10000 { left:122px; top:157px;} #menu-10425 { left:202px; top:157px;} #menu-10428 { left:291px; top:157px;} #menu-10429 { left:372px; top:157px;} #menu-10148 { left:441px; top:157px;} #menu-10426 { left:522px; top:157px;} #menu-10170 { left:531px; top:157px;} #menu-10771 { left:621px; top:157px;} /*Spanish*/ #menu-10091-sp { left:26px; top:135px;} #menu-10079-sp { left:99px; top:135px;} #menu-10038-sp { left:185px; top:135px;} #menu-10875-sp { left:224px; top:135px;} #menu-10427-sp { left:261px; top:135px;} #menu-10066-sp { left:332px; top:135px;} #menu-10194-sp { left:470px; top:135px;} #menu-10187-sp { left:538px; top:135px;} #menu-10133-sp { left:538px; top:135px;} #menu-10756-sp { left:26px; top:157px;} #menu-10000-sp { left:135px; top:157px;} #menu-10425-sp { left:242px; top:157px;} #menu-10428-sp { left:375px; top:157px;} #menu-10429-sp { left:430px; top:157px;} #menu-10148-sp { left:492px; top:157px;} #menu-10426-sp { left:538px; top:157px;} #menu-10170-sp { left:538px; top:157px;} #menu-10771-sp { left:597px; top:157px;} /*Colombia - English*/ #menu-10091-co { left:25px; top:135px;} #menu-10079-co { left:120px; top:135px;} #menu-10038-co { left:215px; top:135px;} #menu-10875-co { left:224px; top:135px;} #menu-10427-co { left:283px; top:135px;} #menu-10066-co { left:383px; top:135px;} #menu-10194-co { left:547px; top:135px;} #menu-10187-co { left:639px; top:135px;} #menu-10133-co { left:25px; top:157px;} #menu-10756-co { left:26px; top:157px;} #menu-10000-co { left:130px; top:157px;} #menu-10425-co { left:238px; top:157px;} #menu-10428-co { left:291px; top:157px;} #menu-10429-co { left:353px; top:157px;} #menu-10148-co { left:450px; top:157px;} #menu-10426-co { left:558px; top:157px;} #menu-10170-co { left:589px; top:157px;} #menu-10771-co { left:615px; top:157px;} /*Colombia - Spanish*/ #menu-10091-sp-co { left:25px; top:135px;} #menu-10079-sp-co { left:115px; top:135px;} #menu-10038-sp-co { left:220px; top:135px;} #menu-10875-sp-co { left:224px; top:135px;} #menu-10427-sp-co { left:277px; top:135px;} #menu-10066-sp-co { left:365px; top:135px;} #menu-10194-sp-co { left:523px; top:135px;} #menu-10187-sp-co { left:595px; top:135px;} #menu-10133-sp-co { left:25px; top:157px;} #menu-10756-sp-co { left:26px; top:157px;} #menu-10000-sp-co { left:136px; top:157px;} #menu-10425-sp-co { left:286px; top:157px;} #menu-10428-sp-co { left:375px; top:157px;} #menu-10429-sp-co { left:461px; top:157px;} #menu-10148-sp-co { left:564px; top:157px;} #menu-10426-sp-co { left:586px; top:157px;} #menu-10170-sp-co { left:538px; top:157px;} #menu-10771-sp-co { left:597px; top:157px;} #ecom-tabs { display: block; position: relative; width: 760px; height: 22px; border-collapse: collapse; margin: 0px; padding: 0 0 0 15px; background: white url(/images/page-inside.gif) repeat-y scroll top left; } #ecom-tabs td { margin: 0px; padding: 0px; } .ecom-tab { display: block; position: relative; width: 145px; height: 22px; font-size: 11px; line-height: 12px; font-weight: bold; background-image: url(/images/default-tab-rollover.gif); } .ecom-tab a { display: block; position: relative; width: 145px; height: 22px; color: White; } .ecom-tab a:hover img { visibility: hidden; } .ecom-tab span { position: absolute; left: 10px; top: 4px; margin: 0px; padding: 0px; cursor: pointer; } .ecom-tab-selected { display: none; position: relative; width: 145px; height: 22px; font-size: 11px; line-height: 12px; font-weight: bold; background-image: url(/images/default-tab-selected.gif); } .ecom-tab-selected span { position: absolute; left: 10px; top: 4px; margin: 0px; padding: 0px; color: White; } #tab-shop-online-contents { display: none; } #tab-in-the-clubs-contents { display: none; } #tab-business-services-contents { display: none; } /* end redesign change */