/* Palettes.css - Pricesmart.Com */ #palettes-default { width: 135px; margin-right: 15px;} #palettes { width: 135px; margin-left: 15px; } .palette { width: 135px; height: auto; margin-bottom:-1px} .palette-borders { border:1px solid #c0c0c0; width:128px; margin-bottom:-1px; } .palette-red { width: 135px; height: auto; color: #DB0C41; } .palette-red a { width: 135px; height: auto; color: #DB0C41; } .palette-blue { width: 135px; height: auto; color: #003399; } .palette-blue a { width: 135px; height: auto; color: #003399; } .palette-header-black { display: block; position: relative; left: 0px; top: 0px; width: 135px; height: 33px; color: White; background-image: url(/images/palette-header-black.gif); } .palette-header-white { display: block; position: relative; left: 0px; top: 0px; width: 135px; height: 33px; color: #0035ad; background-image: url(/images/palette-header-white.gif); } .palette-header-blue { display: block; position: relative; left: 0px; top: 0px; width: 135px; height: 33px; color: White; background-image: url(/images/palette-header-blue.gif); } .palette-header-blue-long { display: block; position: relative; left: 0px; top: 0px; width: 135px; height: 40px; color: White; background-image: url(/images/palette-header-blue-long.gif); } .palette-header-title { position: absolute; left: 10px; top: 8px; width: auto; height: auto; font-size: 11px; line-height: 15px; font-weight: bold; } .palette-header-title-cart { position: absolute; left: 10px; top: 8px; width: auto; height: auto; font-size: 11px; line-height: 15px; font-weight: bold; background-image: url(/images/page-header-cart.png); background-repeat: no-repeat; padding: 0 0 0 22px;} .palette-header-title-long { position: absolute; left: 10px; top: 5px; width: auto; height: auto; font-size: 11px; line-height: 15px; font-weight: bold; } .palette-header-icon { position: absolute; left: 115px; top: 11px; width: 10px; height: 10px; } .palette-footer { position: relative; left: 0px; top: 0px; width: 135px; height: 16px; } /*for /default.aspx country list */ .palette-red1 { width: 135px; height: auto; color: #ff0000; } .palette-countries-region { display: block; position: relative; font-size: 11px; line-height: 20px; font-weight: bold; color: Black; margin-top: 5px; } .palette-countries1 { display: block; position: relative; left: 0px; top: 0px; width: 135px; height: auto; } .palette-countries1 a { display: block; font-size: 10px; line-height: 14px; font-weight: bold; color: #003399; padding-left: 10px; background-image: url(/images/default-spotlight-arrowRED3.gif); background-position: left center; background-repeat: no-repeat; } .palette-copy { display: block; position: relative; width: 115px; height: auto; font-size: 10px; line-height: 12px; color: #5a6066; margin: 0px; padding: 7px; } .palette-copy-intro { display: block; position: relative; width: 115px; height: auto; font-size: 10px; line-height: 12px; color: #5a6066; margin: 0px; padding: 7px 7px 0px 7px; } .palette-shop { display: block; position: relative; width: 115px; height: auto; padding: 10px 10px 6px 10px; background: #eeeff0 url('images/palette-shop-background.gif') repeat-y scroll top left; } /* .palette-shop-plus { display: inline; position: relative; float: left; width: 10px !important; height: 12px; vertical-align: top; background-image: url('/images/palette-shop-plus.gif'); } .palette-shop-minus { display: inline; position: relative; float: left; width: 10px !important; height: 12px; vertical-align: top; background-image: url('/images/palette-shop-minus.gif'); } .palette-shop-blank { display: inline; position: relative; float: left; width: 10px !important; height: 12px; vertical-align: top; background-color: Transparent; } */ .palette-shop-plus { display: inline; position: relative; float: left; width: 10px !important; height: 12px; vertical-align: top; background-image: url('/images/palette-shop-arrow.gif'); } .palette-shop-minus { display: inline; position: relative; float: left; width: 10px !important; height: 12px; vertical-align: top; background-image: url('/images/palette-shop-arrow.gif'); } .palette-shop-blank { display: inline; position: relative; float: left; width: 10px !important; height: 12px; vertical-align: top; background-image: url('/images/palette-shop-arrow.gif'); } .palette-shop-level-1 { display: block; position: relative; list-style-type: none; margin: 0px; padding: 0px; } .palette-shop-level-1 li { display: block; position: relative; clear: both; width: 115px; overflow: hidden; font-size: 10px; line-height: 12px; font-weight: bold; padding: 0px; margin: 0px; } .palette-shop-level-1 li a { width: 105px; overflow: hidden; } .palette-shop-level-2 { position: relative; list-style-type: none; margin: 0px; padding: 0px 0px 0px 10px; clear: both; } .palette-shop-level-2 li { display: block; position: relative; clear: both; width: 105px; overflow: hidden; font-size: 9px; line-height: 11px; font-weight: normal; padding: 0px; margin: 0px; } .palette-shop-level-2 li a { width: 95px; overflow: hidden; } .palette-shop-level-3 { position: relative; list-style-type: none; margin: 0px; padding: 0px 0px 0px 20px; clear: both; } .palette-shop-level-3 li { display: block; position: relative; clear: both; width: 85px; overflow: hidden; font-size: 9px; line-height: 11px; font-weight: normal; padding: 0px; margin: 0px; } .palette-shop-level-3 li a { width: 85px; overflow: hidden; } .palette-shop-level-4 { display: block; position: relative; list-style-type: none; margin: 0px; padding: 0px; } .palette-shop-level-4 li { display: block; position: relative; clear: both; width: 115px; overflow: hidden; font-size: 10px; line-height: 12px; font-weight: normal; padding: 0px; margin: 0px; } .palette-shop-level-4 li a { width: 105px; overflow: hidden; } .palette-shop-level-4 li a span { color: #1C209B; } .palette-shop-link { display: inline; float: left; vertical-align: top; color: #333333; padding-bottom: 4px; } .palette-shop-link-selected { display: inline; float: left; vertical-align: top; color: #1c209b; padding-bottom: 4px; font-weight:bold;} .palette-shop-link:hover { color: #1c209b; } .palette-shop-clear { font-size: 1px; line-height: 1px; clear: both; } #palette-newsletter-intro { position: relative; display: block; margin: 0px; padding: 0px; } #palette-newsletter-signup-button { position: absolute; display: inline; float:right; width: 18px; height: 19px; margin: 8px 0px 2px 0px; } #palette-newsletter-signup-field { position: relative; display: inline; width: 85px; height: 13px; font-size: 10px; line-height: 12px; border: solid 1px #5a6066; margin: 8px 0px 6px 0px; padding: 2px 3px; } #palette-newsletter-past-issues { position: relative; display: block; clear: both; width: auto; height: auto; margin: 0px; padding: 0px; } #palette-newsletter-past-issues a { color: #0035ad; } #palette-security-link { position: relative; display: block; clear: both; font-size: 9px; line-height: 10px; width: auto; height: auto; margin: 0px 0px 5px 35px; padding: 0px; } #palette-security-link a { color: #5A6066; } .palette-item { position: relative; display: block; width: 135px; height: 21px; font-size: 10px; line-height: 12px; background-image: url(/images/palette-item-selected.gif); } .palette-item-submenu { position: relative; display: block; width: 135px; height: 21px; font-size: 10px; line-height: 12px; margin: 0px; padding: 0px; background-image: url(/images/palette-item-submenu-selected.gif); } .palette-item a { position: relative; display: block; width: 135px; height: 21px; color: Black; } .palette-item-submenu a { position: relative; left: 0px; top: 0px; display: block; width: 135px; height: 21px; color: Black; margin: 0px; padding: 0px; } .palette-item a:hover img { visibility: hidden; } .palette-item a:hover { text-decoration: none; } .palette-item-submenu a:hover img { visibility: hidden; } .palette-item-submenu a:hover { text-decoration: none; } .palette-item span { position: absolute; left: 10px; top: 4px; margin: 0px; padding: 0px; cursor: pointer; } .palette-item-submenu span { position: absolute; left: 10px; top: 4px; margin: 0px; padding: 0px; cursor: pointer; } .palette-item-clear { position: relative; display: block; width: 135px; height: auto; font-size: 10px; color: #5A6066; line-height: 12px; background-image: url(/images/palette-item-clear.gif); } .palette-item-clear a { color: #0035AD; } .palette-item-clear-inner { position: relative; width:115px; height: auto; margin: 0px; padding: 4px 10px 7px 10px; } .palette-item-two-line { position: relative; display: block; width: 135px; height: 33px; font-size: 10px; line-height: 12px; background-image: url(/images/palette-item-two-line-selected.gif); } .palette-item-two-line a { position: relative; display: block; width: 135px; height: 33px; color: Black; } .palette-item-two-line a:hover img { visibility: hidden; } .palette-item-two-line a:hover { text-decoration: none; } .palette-item-two-line span { position: absolute; left: 10px; top: 4px; margin: 0px; padding: 0px; cursor: pointer; } #palette-item-inclub-FF { position: relative; display: block; width: 135px; height: 94px; background-image: url(/images/inclub-FF-photo.jpg); border-bottom: solid 1px #dcdfe4; } #palette-item-inclub-FF a { position: relative; display: block; width: 135px; height: 94px; color: White; } #palette-item-inclub-FF a:hover { text-decoration: none; } #palette-item-inclub-FF div { position: absolute; display: block; left: 10px; top: 78px; color: White; font-weight: bold; font-size: 11px; line-height: 11px; margin: 0px; padding: 0px; cursor: pointer; } #palette-item-inclub-FF span { color: #db0c41; } #palette-item-inclub-FP { position: relative; display: block; width: 135px; height: 93px; background-image: url(/images/inclub-FP-photo.jpg); border-bottom: solid 1px #dcdfe4; } #palette-item-inclub-FP a { position: relative; display: block; width: 135px; height: 93px; color: White; } #palette-item-inclub-FP a:hover { text-decoration: none; } #palette-item-inclub-FP div { position: absolute; display: block; left: 10px; top: 77px; color: White; font-weight: bold; font-size: 11px; line-height: 11px; margin: 0px; padding: 0px; cursor: pointer; } #palette-item-inclub-FP span { color: #db0c41; } #palette-item-inclub-NF { position: relative; display: block; width: 135px; height: 93px; background-image: url(/images/inclub-NF-photo.jpg); border-bottom: solid 1px #dcdfe4; } #palette-item-inclub-NF a { position: relative; display: block; width: 135px; height: 93px; color: White; } #palette-item-inclub-NF a:hover { text-decoration: none; } #palette-item-inclub-NF div { position: absolute; display: block; left: 10px; top: 77px; color: White; font-weight: bold; font-size: 11px; line-height: 11px; margin: 0px; padding: 0px; cursor: pointer; } #palette-item-inclub-NF span { color: #db0c41; } #palette-shopping-cart-items { display: block; font-weight: bold; } #palette-shopping-cart-view-cart { display: block; color: #0035ad; margin-top: 4px; } #palette-favorites-items { display: block; font-weight: bold; } #palette-favorites-view { display: block; color: #0035ad; margin-top: 4px; } #palette-location { display: block; width: 100%; height: auto; text-align: center; font-weight: bold; color: #5c737f; line-height: 15px; margin-top: 10px; } #palette-facebook { background: url("/Local/Static/images/Facebook.jpg") no-repeat scroll 0 0 transparent; height: 280px; padding: 0px; width: 130px; position:relative; border:1px; } #facebook { position:absolute; top:126px; left:53px; width:30px; height:30px; } #twitter { position:absolute; top:65px; left:21px; width:30px; height:30px; } #youtube { position:absolute; top:91px; left:58px; width:59px; height:26px; }