
/* Local/Shop/Default.aspx - www.PriceSmart.com */

#default-spotlight { display: block; width: 580px; height: 280px; margin: 0px; padding: 0px; }
#default-spotlight-footer { clear: both; } 
/* redesign change
#default-spotlight-footer { display: block; position: relative; width: 580px; height: 16px; background-image: url('/images/default-spotlight-footer.gif'); }
*/
#static-spotlight { display: block; position: relative; width: 580px; height: 280px; margin: 0px 0px 10px 0px; padding: 0px; background-image: url(/images/static-spotlight.jpg); }
#static-spotlight-CEAM { display: block; position: relative; width: 580px; height: 280px; margin: 0px 0px 10px 0px; padding: 0px; background-image: url(/images/static-spotlightCEAM.jpg); }
#static-spotlight-PA { display: block; position: relative; width: 580px; height: 280px; margin: 0px 0px 10px 0px; padding: 0px; background-image: url(/images/static-spotlightPA.jpg); }
#static-spotlight-ES { display: block; position: relative; width: 580px; height: 280px; margin: 0px 0px 10px 0px; padding: 0px; background-image: url(/images/static-spotlightES2.jpg); }
#static-spotlight-copy-left { display: block; position: absolute; left: 20px; top: 15px; width: 240px; height: auto; font-size: 11px; line-height: 13px; color: White; }
#static-spotlight-copy-right { display: block; position: absolute; left: 320px; top: 155px; width: 240px; height: auto; font-size: 11px; line-height: 13px; color: White; }
.static-spotlight-copy-headline { display: block; position: relative; width: auto; height: auto; font-size: 19px; line-height: 22px; color: White; margin-bottom: 8px; }
/*redesign change
.spotlight-images {width:382px; height:280px; position:relative; z-index:9; float:left}
*/
/*redesign change* - 11/22/10*/
.spotlight-images {width:340px; height:286px; position:relative; z-index:9; float:left}

/*redesign change
.spotlight-images div {width:382px; }
*/
/*redesign change - 11/22/10*/
.spotlight-images div {width:340px; }

.spotlight-images div p 
{
    color:#0052d9;
    font-size:11px;
    height:18px;
    margin-top:20px;
    position:relative;
    text-align:right;
    z-index:9;
    padding-right:10px;
    font-weight:normal;
}  
/*redesign change 
#default-spotlight-right { float:left; position:relative; width:188px; padding-left:7px; }
*/
/*redesign change - 11/22/10 */
#default-spotlight-right { float:left; position:relative; width:240px; height:286px;}

#default-spotlight-small {display:block; position:relative; width:580px;  }
.default-spotlight-small { float:left; position:relative; }	
.default-spotlight-small-spacer { float:left; width:6px; height:6px; }

.default-spotlight-gray-spacer { float:left; width:6px; height:128px; background-image: url(/images/gray-line.gif); }

#default-spotlight-small-footer { clear:both; height:10px; }
.default-spotlight-small-copy { color:#5A6066; font-weight:bold; padding-top:2px}
/* redesign change */
#pause-play-button {
	height:21px;
	left:550px;
	position:relative;
    text-align:right;
    z-index:10;
    width:30px;
    
}
#pause-play-button a {
	background-image:url('/images/spotlight-button-background-active.jpg');
	background-repeat:no-repeat;
	display:block;
    margin-right:4px;
    text-decoration:none;
	width:25px;
    height:21px; 
} 
#pause-play-button a img{
	padding:6px 10px;	
}

/* redesign change */
#spotlight-pager {   
	position:relative;
	right:30px;
	text-align:right;
	top:20px;
	z-index:15;
}
#spotlight-pager a {
	background-image:url('/images/spotlight-button-background.jpg');
	background-repeat:no-repeat;
    font-size:11px;
    font-weight:bold;
    margin-right:4px;
    text-decoration:none;
    padding:4px 9px;
    color:#0052d8;
    width:25px;
    height:21px;  
}

#spotlight-pager a.activeSlide  
{
	background-image:url('/images/spotlight-button-background-active.jpg');
	background-repeat:no-repeat;
	color:#fff 
}
#spotlight-pager a:focus { outline: none; }

/* #default-tagline { display:block; position:relative; width: 580px; height:28px; margin: 0px; padding: 0px; left:5px;  }*/
#default-tagline { display:block; position:relative; width: 580px; height:18px; margin: 0px; padding: 0px; left:5px;  }
#default-tagline p {color:#000; height:28px; margin:8px 0; font-size:11px; text-align:center;}




/* TABS */

/*#default-tabs { display: block; position: relative; width: 580px; height: 22px; border-collapse: collapse; margin: 0px; padding: 0px; }
#default-tabs td { margin: 0px; padding: 0px; }

.default-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); }
.default-tab a { display: block; position: relative; width: 145px; height: 22px; color: White; }
.default-tab a:hover img { visibility: hidden; }
.default-tab span { position: absolute; left: 10px; top: 4px; margin: 0px; padding: 0px;  color:White; } /*cursor: pointer; */
/*
.default-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); }
.default-tab-selected span { position: absolute; left: 10px; top: 4px; margin: 0px; padding: 0px; color: White; }
*/

/* new tab design */
#default-tabs { display: block; position: relative; width: 580px; height: 25px; border-collapse: collapse; margin: 0px; padding: 0px; }
#default-tabs td { margin: 0px; padding: 0px; }

.default-tab { display: block; position: relative; width: 142px; height: 25px; font-size: 11px; line-height: 12px; font-weight: bold; background-image: url(/images/default-tab-new.gif); }
.default-tab a { display: block; position: relative; width: 142px; height: 25px; color: White; }
.default-tab a:hover img { visibility: hidden; }

.default-tab span { position: absolute; left: 10px; top: 6px; margin: 0px; padding: 0px;  color:White; } /*cursor: pointer; */

.default-tab-selected { display: none; position: relative; width: 142px; height: 25px; font-size: 11px; line-height: 12px; font-weight: bold; background-image: url(/images/default-tab-selected-new.gif); }
.default-tab-selected span { position: absolute; left: 10px; top: 6px; margin: 0px; padding: 0px; color: #0035ad; }
.default-tab-spacer {display:block; position:relative; width:4px; height:24px; border-bottom:1px solid #095dd9; }

#tab-featured-items-contents { border-top: 2px solid #095DD9; }
/* redesign change */
/*#tab-featured-items-contents { display: none; }
#tab-buyers-picks-contents { display: none; } 
#tab-departments-contents { display: none; }
#tab-promotions-contents { display: none; }
*/

/* .view-580-departments-inside { display: table; position: relative; width: 580px; height: auto; margin: 0px; padding: 0px; border: none; border-collapse: collapse; background: #ffffff url(/images/view-580-background.gif) no-repeat scroll bottom; }
.view-580-departments-inside td { width: auto; height: auto; margin: 0px; padding: 0px; border: solid 1px #dcdfe4; font-size: 12px; font-weight: bold; }
.view-580-departments-inside-cell { width: 130px; height: auto; overflow: hidden; margin: 5px auto; padding: 0px; text-align: center; }
.view-580-departments-inside-cell-link { display: block; clear: both; width: 122px; height: auto; padding: 4px; color: #0035ad; }*/
.view-580-departments-inside { display: table; position: relative; width: 580px; height: auto; margin: 0px; padding: 0px; border-collapse: collapse; border-left:2px solid #095dd9; border-right: 2px solid #095dd9; border-bottom: 2px solid #095dd9; background: #ffffff url(/images/view-580-background.gif) no-repeat scroll bottom; }
.view-580-departments-inside td { width: auto; height: auto; margin: 0px; padding: 0px; border-bottom: solid 1px #dcdfe4; border-left: solid 1px #dcdfe4; border-right: solid 1px #dcdfe4; font-size: 11px; font-weight: bold; }
.view-580-departments-inside-cell { width: 130px; height: auto; overflow: hidden; margin: 5px auto; padding: 0px; text-align: center; }
.view-580-departments-inside-cell-link { display: block; clear: both; width: 122px; height: auto; padding: 4px; color: #5a6066; }


/* new tab design */

.price-disclaimer-default { display: block; height: 15px; margin: 0px; padding: 8px 0px; font-size: 11px; font-weight: bold; color: #db0c41; text-align: center; border-collapse: collapse; border-left:2px solid #095dd9; border-right: 2px solid #095dd9; }

#default-welcome { display: block; position: relative; width: 700px; height: 64px; left: 30px; margin-bottom: 15px; }


