/* Common.css - www.PriceSmart.com */

/* TAGS */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
* html a:hover { visibility: visible; }
img { border-style: none; }
input, textarea { font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px; line-height: 13px; color: #5a6066; border: solid 1px #868f98; margin: 0px; padding: 2px; }
select { font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px; line-height: 16px; color: #5a6066; border: solid 1px #868f98; margin: 1px 0px 0px 0px; padding: 0px; }

/* PAGE ELEMENTS */
#container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
#page { position: relative; margin: 0px auto; width: 760px; height: auto; padding: 10px; }

#page-header { position: relative; left: 0px; top: 0px; width: 760px; height: 70px; background-image: url(/images/page-header.gif); }
#page-header-shadow { z-index:-1; position: relative; left: 0px; top: 0px; width: 760px; height: 25px; background-image: url(/images/page-header-shadow.gif); }

#page-header-home-logo { display: block; position: absolute; left: 11px; top: 8px; width: 165px; height: 53px; }

#page-header-country { position: absolute; left: 190px; top: 10px; width: auto; height: auto; padding: 0px; margin: -2px 0px 0px 0px; border-collapse: collapse; }
#page-header-country td { border: none; margin: 0px; padding: 0px; line-height: 12px; vertical-align: middle; }
#page-header-country-flag { position: relative; display: inline; width: 24px; height: 16px; margin: 0px; padding: 0px 10px 0px 0px; }
#page-header-country-arrow { position: relative; display: inline; width: 7px; height: 16px; }

#page-header-nav { position: absolute; left: 345px; top: 10px; width: 400px; height: auto; line-height: 12px; }
#page-header-nav-links { float: right; border-collapse: collapse; margin: 0px; padding: 0px; }
#page-header-nav-links td { vertical-align: middle; margin: 0px; padding: 0px; }

.page-header-menu-button { display: block; position: absolute; width: 117px; height: 22px; font-size: 11px; line-height: 13px; background-image: url(/images/page-header-menu-button-selected.gif); }
.page-header-menu-button a { display: block; position: relative; width: 117px; height: 22px; color: White;}
.page-header-menu-button a:hover { text-decoration: none; color: White; }
.page-header-menu-button a:hover img { visibility: hidden; }
.page-header-menu-button span { position: absolute; left: 8px; top: 4px; margin: 0px; padding: 0px; cursor: pointer; }

#page-header-membership-menu-button { left: 190px; top: 35px; }
#page-header-services-menu-button { left: 310px; top: 35px; }
#page-header-business-services-menu-button { left: 430px; top: 35px; }


#page-header-membership-menu-button-reflection { display: block; position: absolute; left: 190px; top: 58px; width: 117px; height: 12px; background-image: url(/images/page-header-menu-button-reflection.gif); }
#page-header-services-menu-button-reflection { display: block; position: absolute; left: 310px; top: 58px; width: 117px; height: 12px; background-image: url(/images/page-header-menu-button-reflection.gif); }
#page-header-business-services-menu-button-reflection { display: block; position: absolute; left: 430px; top: 58px; width: 117px; height: 12px; background-image: url(/images/page-header-menu-button-reflection.gif); }

.page-header-language-button { display: block; position: absolute; width: 66px; height: 19px; font-size: 10px; line-height: 12px; font-weight: bold; background-image: url(/images/page-header-language-button.gif); }
.page-header-language-button a { display: block; position: relative; width: 66px; height: 19px; color: #0035AD; }
.page-header-language-button a:hover { text-decoration: none; color: #0035AD; font-weight: bold;}
.page-header-language-button a:hover img { visibility: hidden; }
.page-header-language-button span { position: absolute; left: 0; top: 4px; width: 66px; margin: 0px; padding: 0px; cursor: pointer; text-align: center; }

.page-header-language-button-selected { display: block; position: absolute; width: 66px; height: 19px; font-size: 10px; line-height: 12px; font-weight: bold; color: #fff; background-image: url(/images/page-header-language-button-selected.gif); }
.page-header-language-button-selected span { position: absolute; left: 0; top: 4px; width: 66px; margin: 0px; padding: 0px; cursor: default; text-align: center; }

/*
#page-header-language-buttons-reflection { display: block; position: absolute; left: 610px; top: 58px; width: 135px; height: 12px; background-image: url(/images/page-header-language-buttons-reflection.gif); }
*/

#page-header-search-field { display: block; position: relative; width: 152px; height: 14px; border: solid 1px #0082f8; margin: 0px; padding: 3px 5px; font-size: 11px; line-height: 13px; color: #0035ad; }
#page-header-search-button { display: block; position: absolute; left: 723px; top: 35px; width: 22px; height: 22px; background-image: url(/images/page-header-search-button-selected.gif); }
#page-header-search-button a:hover img { visibility: hidden; }
#page-header-search-reflection { display: block; position: absolute; left: 556px; top: 58px; width: 189px; height: 12px; background-image: url(/images/page-header-search-reflection.gif); }


#page-header-english-language-button { left: 610px; top: 70px;  height:19px; z-index:100; }
#page-header-spanish-language-button { left: 679px; top: 70px; z-index:100 }

#page-trail { z-index:-1; position: relative; left: 0px; top: 0px; width: 760px; height: 25px; background: white url(/images/page-inside.gif) repeat-y scroll top left; }
#page-trail-list { position: absolute; left: 165px; top: 11px; width: auto; height: auto; font-size: 9px; line-height: 11px; font-weight: bold; }

#page-inside { position: relative; left: 0px; top: 0px; width: 760px; height: auto; border-collapse: collapse; margin: 0px; padding: 0px; border: none; background: white url(/images/page-inside.gif) repeat-y scroll top left; }
#page-inside td { vertical-align: top; margin: 0px; padding: 0px; }

#page-footer-shadow { position: relative; clear: both; left: 0px; top: 0px; width: 760px; height: 20px; background-image: url(/images/page-footer-shadow.gif); }
#page-footer { position: relative; left: 0px; top: 0px; width: 730px; height: 21px; padding: 1px 15px 0px 15px; background-image: url(/images/page-footer.gif); }

#page-footer-left { display: inline; float: left; width: auto; height: auto; margin-top: 3px; }
#page-footer-right { display: inline; float: right; width: auto; height: auto; margin-top: 3px; }

.page-footer-nav-links { border-collapse: collapse; margin: 0px; padding: 0px; }
.page-footer-nav-links td { vertical-align: middle; margin: 0px; padding: 0px; }

/* CONTENTS */
#contents { display: block; position: relative; width: 580px; height: auto; margin: 0px 15px 0px 15px; }

/* DYNAMIC ELEMENTS */
.dynamic_div_visible { display: block; }
.dynamic_div_hidden { display: none; }

/* TYPE STYLES */
.header-link { display: inline; font-size: 10px; line-height: 12px; color: White; white-space: nowrap; }

.trail-link { color: #868f98; }
.trail-selected { color: #a8adb4; }

.page-title { display: block; width: 580px; height: auto; font-size: 18px; line-height: 36px; font-weight: bold; color: #0035ad; }
.page-title2 { display: block; width: 580px; height: auto; font-size: 18px; line-height: 24px; font-weight: bold; color: #0035ad; }
.page-intro { display: block; font-size: 11px; line-height: 16px; color: #5a6066; margin-bottom: 15px; }
.page-body { display: block; font-size: 12px; line-height: 18px; color: #5a6066; }
.page-body-center { display: block; text-align: center; font-size: 11px; font-weight: bold; line-height: 18px; color: #045ca6; }
.page-body-subhead { display: block; font-weight: bold; color: Black; }
.page-body-link { color: #0035ad; }
.page-body-link-white { color: #FFFFFF; }
.page-body-link-bold { color: #0035ad; font-weight: bold; }
.page-body-link-black-bold { color: Black; font-weight: bold; }
.page-body-link-red-bold { color: #FF0033; font-weight: bold; }


.footer-link { display: inline; font-size: 10px; line-height: 12px; color: #C0C6CF; }
.footer-link-white { display: inline; font-size: 10px; line-height: 12px; color: #FFFFFF; }
.footer-link-black { display: inline; font-size: 11px; line-height: 13px; color: #5a6066;}


/* 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; } 
#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 8px;}  
#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 8px;}
#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: 760px; 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 12px;}  
#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 12px;}
#nav-menu-EN li a:hover { color: #0035AD; }
#nav-menu-EN #second-row-EN li a:hover { color: #0035AD; }