/* 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: 1px; padding: 0px; width:106px; height:18px;*/ }
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); z-index:999;}
#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: 9px;
	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: 9px;
	top: 5px;
	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: 722px;
	top: 34px;
	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: 554px;
	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 }


#pampers-header { display:block; padding-top: 29px; padding-left: 1px; background: url("../images/page-inside.gif") repeat-y scroll left top white;}


#page-trail {  position: relative; left: 0px; top: 0px; width: 760px; height: 280px; 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: 9px;
	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; border: none; background: white url(../images/page-inside.gif) repeat-y scroll top left; padding-right:14px;}
#page-inside td { vertical-align: top; margin: 0px; padding: 0px;}
#page2-inside td { vertical-align: top; margin: 0px; padding: 0px; height:1100px;}
#page3-inside td { vertical-align: top; margin: 0px; padding: 0px; height:700px;}


#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: 560px; 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: 550px; 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 { color: #5A6066;
    display: block;
    font-size: 12px;
    line-height: 15px;
    text-align: justify; }
.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;}
.bg-menu-ingreso{
	background-color:#F2F3F4;
	height:20px;
	padding-left:12px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom: #DFE2E7 solid 1px;}
	
.logo-elempleo{
	padding-left:48px;
	padding-bottom:10px;}
	
.texto-footer{
	text-align:center;
	color:#666;}
.altura_seccion{
	height:1100px !important;
	}
.altura1_seccion{
	height:760px !important;
	}
.altura2_seccion{
	height:1030px !important;
	}
.paddRig{
	margin-right:16px;}
	
.palette-header-blueM {
    background-image: url("../images/bg_mujer.jpg");
    color: White;
    display: block;
    height: 49px;
    left: 0;
    position: relative;
    top: 0;
    width: 133px;
}

.palette-header-blueH {
    background-image: url("../images/bg_hombre.jpg");
    color: White;
    display: block;
    height: 49px;
    left: 0;
    position: relative;
    top: 0;
    width: 133px;
}