/* 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-home { position: relative; margin: 0px auto; width: 760px; height: auto; padding: 10px; background-color: #00b3f1 }


#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 {  position: relative; left: 0px; top: 0px; width: 760px; height: 25px; background: white url(../../images/page-inside.gif) repeat-y scroll top left; }
/* z-index:-1; redesign change */
#page-trail-list { position: absolute; left: 165px; top: 11px; width: auto; height: auto; font-size: 9px; line-height: 11px; font-weight: bold; }
#page-trail-list-home { position: absolute; left: 15px; top: 11px; width: auto; height: auto; font-size: 9px; line-height: 11px; font-weight: bold; }

/* for addthis share button */
#page-share-button { z-index: 1; position: absolute; left: 470px; top: 5px; width: 130px; }
#page-share-button-static { z-index: 1; position: absolute; left: 450px; top: 10px; width: 130px; }

/* for social media icons */
#page-social-icon1 { z-index: 5; position: absolute; left: 490px; top: 83px; width: 20px; }
#page-social-icon2 { z-index: 5; position: absolute; left: 520px; top: 83px; width: 20px; }
#page-social-icon3 { z-index: 5; position: absolute; left: 550px; top: 83px; width: 20px; }

#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; }
#header-cart { background-attachment: scroll;
    background-image: url("../../images/page-header-cart.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 14px;
    margin-left: -3px;
    padding: 0 0 0 22px;
    width: 30px; }
    
.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-CDS { display: block; font-size: 11.5px; line-height: 17px; color: #5a6066; }
.page-body-blue { display: block; font-size: 12px; line-height: 18px; color: #0035ad; }
.page-small { display: block; font-size: 10px; line-height: 12px; color: #5a6066;  }
.page-body-ES { display: block; width: 720px; font-size: 14px; line-height: 20px; color: black; }


.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-big-bold { font-size: 14px; line-height: 18px; 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;}