/* I2O.css - style definitions for adinsertsonline site pages */
/* copyright (c) 2003-2010 Vertis Inc. All rights reserved. */

/***** Main Colors ****
#EDE8DO dove grey (lt. brown)
#CCCCCC light grey
#EA7701 vertis orange
#8B7A6F dark brown
#F0F1F3 light grey
#A4A4A4 darker grey
#666666 dark grey
**********************/

/*****Customer Colors***
#BF4E3F russet red (links)
#3873c5 kroger blue
#6F8BAA select border blue
#F3F3F3 pale grey
#E4ECF7 pale blue
**********************/


/**** flyover window ****/
.tipMainContainer {
	background-color: #FFFFFF;
}

.Main {
	background-color: #FFFFFF;
}

.Header1
{
	background-color: #FFFFFF;
	color: #333333;
    text-align: left;
	FONT-WEIGHT: BOLD;
    FONT-SIZE: 11px;
    MARGIN: 3px 0px 5px 0px;
}

.Price
{
	FONT-WEIGHT: BOLD;
    FONT-SIZE: 12px;
    color:#333333;
    text-align: left;
	padding-top:8px;
	padding-bottom:8px;
    MARGIN: 5px 0px 5px 0px;
}

.Price2
{
	FONT-SIZE: 10px;
    color: #cd0000;
    text-align: left;
    MARGIN: 0px 0px 5px 0px;
}

.Description
{
	FONT-SIZE: 10px;
    color:#333333;
    text-align: left;
    MARGIN: 0px 0px 5px 0px;
}

.text {
    color: #333333;
}

.graytext {
     color: #BF0620;
}

/**********************************************/
/***** styles shared by two or more pages *****/

body {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
    color: #333333;
	background-color: white; 
	margin: 0; 
	overflow:auto;
  	SCROLLBAR-FACE-COLOR: #EEEEEE;
    SCROLLBAR-HIGHLIGHT-COLOR1: #999999;
    SCROLLBAR-SHADOW-COLOR1: #999999;
    SCROLLBAR-ARROW-COLOR: #333333;
    SCROLLBAR-BASE-COLOR: white;
	scrollbar-3dlight-color:;
    scrollbar-darkshadow-color:;
}

/* default styles */

/* get rid of those system borders being generated for A tags */
a	{ border:none }
a:link, a:active, a:visited,a:hover {color: #3873c5;}
a:active { outline:none; }
:focus { -moz-outline-style:none; }

select {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; background-color: #FFFFFF;}

input {}

p {font-size: 11pt; color: #333333; margin:3px; }

hr { padding:0px; height:1px; color: #DDDDDD; border:none; border-top: 1px solid #DDDDDD;}

/*** styles for most pages for consistancy ***/

#mainContainer { width:900px; padding:0px; } /* main table/div to hold pages content */

.navBarMain {padding:0px; margin:0px; width:150px;} /* Nav BAR main body style */

#globalContainer {  width:900px; padding:0px; } /* holds both NavBar & mainContainer */


/*** title bars in pages ***/
.titleBar { background-color:#E4ECF7; height:18px; border:1px solid #F0F0F0; border-bottom:#CCCCCC 1px solid;} /* page main title bar */
.sltitleBar { background-color: #f1f1f1; height:30px; margin-bottom: 40px; color: #666666; font-size: 14px; text-decoration: none;  font-weight: bold;} /* shopping list title bar */
 
.ntitleBar { background-color: #f1f1f1; border:1px solid #F0F0F0; border-bottom:#CCCCCC 1px solid;
			height:18px; 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #666666; 
			font-size: 10px;
			font-weight: bold;
} /* notes title bar */


/* used for rows color alternation */
.oddColor	{ background-color: white;}
.evenColor	{ background-color: #F3F6F6;}

.disclaimer {font-size: 8pt; font-family: Arial, Verdana, Helvetica, sans-serif; color:#cd0000; padding:5px; } /* disclaimer */

.tip {font-size: 8pt; font-family: Arial, Verdana, Helvetica, sans-serif; color:#666666;} /* page hint  */

.storeid {text-align: center; font-size: 10px; }

.storeidBold {display:none; text-align: center; font-size: 10px; font-weight: bold;}

.pricesgood {text-align: center; font-size: 8pt; font-family: Arial, Verdana, Helvetica, sans-serif; color:#cd0000;}

.prodlink {color: #666666; font-size: 14px; text-decoration: none;  font-weight: bold;}


/** redirecting.jsp, cookieInfo.jsp, needsCookie.jsp **/
.stdtext {color: #333333;}

/***   pagination controls   ***/

.pagenum {font-weight:bold; color: #666666;}
.disabled { font-weight:bold; color: #999999;}

.selectedPageNumber {color: #999999; font-size: 8pt; text-decoration: none;  font-weight: bold;}
a.selectedPageNumber:link, a.selectedPageNumber:active, a.selectedPageNumber:visited {color: #333333;}
a.selectedPageNumber:hover {color: #3873c5; text-decoration: underline;}

.pageNumber {color: #999999; text-decoration: none; font-weight: bold;}
a.pageNumber:link, a.pageNumber:active, a.pageNumber:visited {color: #3873c5;}
a.pageNumber:hover {color: #3873c5;}


/***** styles specific to availableAds.jsp *****/

.aastore {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;padding-top:5px;}

.aahrefBold {color: #666666; font-size: 11px; font-weight: bold; text-decoration: none;}
.aahref 	{color: #666666; font-size:11px; text-decoration: none; }
a.aahref:link, a.aahref:active, a.aahref:visited{color: #666666; }
a.aahref:hover {color: #3873c5; text-decoration: underline;}

/***** styles specific to pageLarge.jsp *****/

.imageBorder 		{ border: 1px solid #CCCCCC; OVERFLOW-X1: auto; width:400px; padding:0px;border-collapse: collapse; }
.itemsTableBorder   { border: 1px solid #CCCCCC; width: 315px; border-collapse: collapse; }

.PLitemName {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold;}

.PLitemPrice {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}

#pageTextLabel {position:absolute; top:; left:;}
#flashHelp	{position:absolute; top:110px; left:100px;}

.help  {font-family:  Arial, Verdana, Helvetica, sans-serif; font-size:8pt;}


/***    nav bars, controls.jsp ***/
.storeName {font-family: Verdana, Arial, Helvetica, sans-serif; 
			color: #333333; 
			font-size: 10px;
			font-weight: bold;}

a.navtext:link, a.navtext:active, a.navtext:visited {color: #3873c5; text-decoration: underline;}
a.navtext:hover {color: #3873c5; text-decoration: none;}

.small {
		color: #333333; 
		font-size: 10px;
		text-decoration:none;}
a.small:link, a.small:active, a.small:visited {color: ##333333; text-decoration: none;}
a.small:hover {color: #3873c5; text-decoration: underline;}

.slpreviewtxt {
		font-family:  Arial, Verdana, Helvetica, sans-serif; 
		color: #333333; 
		font-size: 8pt;
		text-decoration:none;}
a.slpreviewtxt:link, a.slpreviewtxt:active, a.slpreviewtxt:visited {color: #333333;text-decoration:none;}
a.slpreviewtxt:hover{color: #3873c5; text-decoration: underline;}

/***** styles specific to shoppingList.jsp, printShoppingList.jsp, breakout.jsp *****/
.slscreenhdr {background-color: white; color: #333333; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size:9pt; 
			font-weight: bold;}

/***** styles specific to unavailable.jsp *****/

.unavailmsg {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}

.unavailid {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.unavailhref {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}



/***** styles specific to itemResult.jsp, breakout.jsp *****/
.searchText {font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 10px;
				padding-left: 5px;
				color: #666666;
				text-align: right;
				font-weight: bold; }

.itemBorder {  border-left: 1px dotted #fff; border-right: 1px dotted #DDDDDD; padding:0px; padding-left:4px;padding-right:4px;}

.itemImage { border:1px solid #f1f1f1; }
.itemName {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color: #333333; font-weight1: bold; min-height:26px;height:26px; overflow:hidden;}
.breakoutItemName {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #333333; font-weight: bold;}

.itemPrice {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11pt; color: #333333; font-weight: bold;  min-height:20px; margin-bottom:0px;}
.breakoutPrice {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12pt; color: #333333; font-weight: bold;}

.itemMorePrice {color: #cd0000;}

.itemDesc {color: #333;}

.breakoutItem { padding:9px; 
				width1:98%; 
				border: 1px dotted #CCCCCC;
				border-top: none;
				filter1:	progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2EFE7',endColorstr='#ffffff'), 
						progid:DXImageTransform.Microsoft.shadow(enabled=true,color='#CCCCCC',direction=135,strength=7);
}

/****	styles specific to storeLocator.jsp	 ***/

.storeLocHdr {font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 9pt; 
				color: #616161;
				font-weight: bold;
				padding-bottom:8px;
			 }

.storeLocTxt { font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 10px; 
				color: #333333;
				font-weight: bold;
}

.storelist {color: #969A9A;
  font-size: 11px;
  line-height: 14px;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
  
.titleTxt_508 {font-family: Arial, Helvetica, Verdana, sans-serif; color: #666666; font-size: 9pt; font-weight: bold;}  
a.titleTxt_508:link, a.titleTxt_508:active, a.titleTxt_508:visited {color: #666666; }
a.titleTxt_508:hover {color: #3873c5; text-decoration:none;}

.noteIndex_508 { font-family:Arial, Helvetica, Verdana, sans-serif; 
					font-size: 9pt;
					width: 15px;
					padding-left: 7px; }
				
.noteTxt_508 { font-family:Arial, Helvetica, Verdana, sans-serif; 
				font-size: 9pt;
				padding-left: 6px;
				width: 527px; }
				
.noteRemoveTxt_508 { width: 70px;
						padding-left: 6px;}
						
.noteHeight_508 { height: 22px; }

.noteLine_508 {border-style:inset; color:#F0F0F0; }	
				
.borderBottom {border-bottom:#CCCCCC 1px solid;}

.normal { font-size: 9pt; font-weight:normal;}
.bigger { font-size: 10pt; }
.big	 { font-size: 11pt; }
 

/****	custom: header/footer/shell	 ***/
.l1 { padding-left: 0px; padding-right:0px; width: 7px; background-color:#f1f1f1; }
.l2 { padding-left: 0px; padding-right:0px; width: 7px; background-color:#c7c7c7; }
.b1 { border-top:11px solid white; }
.b2	{ padding-left: 0px; padding-right:0px; height:5px; width:*; background-color:#c7c7c7; }
.b3	{ min-height: 15px; background-color: #f1f1f1; padding:5px; padding-top:5px; padding-bottom:10px;}

.h1	{ color: #3873c5; font-size: 12pt; font-weight: bold; padding-bottom:10px; text-align:left;}
.h2	{ font-size: 18px; font-weight: bold; }
.h3 { font-size: 16px; font-weight: bold; }
.h4 { font-size: 14px; font-weight: bold; }

.label { font-size: 10px; font-weight: bold; color: #606060;}

.grey		 { background-color:#c7c7c7;}
.greyBorder  { padding:0px; border:3px solid #e0e0e0; }
.whiteBorder { padding:0px; border:1px solid #ffffff; }

.nolink { color: #3873c5; text-decoration:none;} 
a.nolink { text-decoration:none;} 

.tabOn	{ background:url(images/site/tabGreen.gif) no-repeat; width:200px; height:62px; padding:0px}
.tabOff { background:url(images/site/tabGray.gif) no-repeat; width:200px; height:62px; padding:0px}

#divSL	{display:none; 
		position:absolute; top: 157px; left:681px;
		width:190px; padding:10px; padding-bottom:15px;
		text-align:left;
		background-color:#fff; border:1px solid #909090; 
		filter:progid:DXImageTransform.Microsoft.shadow(enabled=true,color='#666666',direction=135,strength=5);
}
a.slOn {color: #fff; text-decoration:none; }
.slOff {color: #666666; text-decoration:none; }


.greyL { background-color: #e5e5e5; width:20px; text-align: center; border-right: 1px solid #cccccc; }
.greyR { background-color: #e5e5e5; width:20px; text-align: center; border-left: 1px solid #cccccc; }

.introHdr	{ padding:5px;  background-color: #dee9f4; color: #666666; font-weight:bold; }
.introBody { padding:5px; padding-bottom:20px; color: #666666; }
.introRow { padding:5px; padding-top:12px; padding-bottom: 7px; border-bottom: 1px dotted #cccccc; text-align:left; line-height: 16px;}
.cropped { width:78px; height:60px; padding:0px; overflow:hidden; border: 1px solid #999999; }

.bb { font-size: 9pt; font-weight:bold;}
.b	{ font-weight:bold; }

a.introlink:link, a.introlink:active, a.introlink:visited {color: #BF4E3F; text-decoration: underline;}
a.introlink:hover {color: #BF4E3F; text-decoration: none;}

/* tip for 'by page'/by cats' views */
.tipHolderP { display:none;
			text-align:left; width:70px; padding:5px; 
			background-color:#fff; border:1px solid #909090; 
			position:absolute; top: 167px; left:74px; 
			filter:progid:DXImageTransform.Microsoft.shadow(enabled=true,color='#aaaaaa',direction=135,strength=3);
	}
.tipHolderC { display:none;
			text-align:left; width:70px; padding:5px; 
			background-color:#fff; border:1px solid #909090; 
			position:absolute; top: 167px; left:162px; 
			filter:progid:DXImageTransform.Microsoft.shadow(enabled=true,color='#aaaaaa',direction=135,strength=3);
	}
		
.lineW 	{ height:4px; border-bottom:2px solid #909090; }
.box	{ width:6px; height:6px; border:2px solid #909090; }
.lineN	{ height:3px; border-bottom:2px solid #909090; }
.vBar	{ margin-left:auto; margin-right:auto; width:1px; height:35px; border-right:2px solid #909090; } 
.tipTable	{ border:2px solid #909090; height:45px; margin-top:10px; }

/* view by cats */
.cats	{ width: 183px; background-color: #f1f1f1; border-right:1px solid #ddd; padding:0px;}
.cat	{ 	color:#333333; text-decoration:none; background-color: #fff; font-size: 10px; font-weight:bold; display:block; padding: 6px; padding-left:10px;  }
a.cat:link, a.cat:visited, a.cat:active  { color:#3873c5; background-color: #f1f1f1; text-decoration:underline; font-size: 10px; font-weight:bold; display:block; padding: 6px; padding-left:10px;  }
a.cat:hover { color:#333333; text-decoration:none; background-color: #fff; }

.under 		{ text-decoration:underline !important; }
.nounder 	{ text-decoration:none !important;} 

.show 	{ visibility: visible; }
.hide	{ visibility: hidden; }

.bgOn	{ border-left:2px solid #d2d9a7;border-right:2px solid #d2d9a7; border-top:1px solid #e9e9e9; background-color:#e9e9e9; width:135px; }
.bgOff	{ width:135px; }

/* shopping list */
.slBorder { border-top:1px dotted #cccccc; padding-top:25px; padding-bottom:30px;height:60px;} 
.slBorderBottom { border-bottom:1px dotted #cccccc;}
 
.nbt { border-top:1px solid #999; }
.nbb { border-bottom:1px solid #999; height:5px; }
.nbl { border-left:1px solid #999; height:75px; }
.nbr { border-right:1px solid #999; height:75px; }

textarea	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; 
				color: #333333; line-height:18px; text-decoration:none;
				margin-left:3px; margin-right:3px;
				overflow:auto; resize:none; }
.noborder {border: none }

/* overlay styling */

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background:url(images/site/white2.gif) no-repeat;
	
	/* dimensions after the growing animation finishes  */
	width:750px;
	height:480px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:40px;
	padding-top:70px;
}

/* container for external content. uses vertical scrollbar, if needed */
iframe.wrap {
	width:100%;
	border:none;
	border-top:1px dotted #ccc;
	height:425px;
	overflow-y:auto;
}


/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(images/site/close.gif);
	position:absolute;
	right:40px;
	top:40px;
	cursor:pointer;
	height:24px;
	width:24px;
}

/* breakout main container */
#bContainer { width:730px; }

/* email */
iframe.emailFrame {
	position:absolute; top: 195px; left:465px; 
	padding:0px;
	margin:0px; 
	width:360px;
	height:370px;
	border:5px solid #999;
	overflow:hidden;
	display:none;
}
.error { color: #cd0000; text-align:center; line-height:20px; margin:5px; background-color: #f1f1f1;}
.eInp	{ outlineStyle: ; outlineWidth: ; width: 320px; line-height:14px;}
.ebtn	{ width:80px; padding:2px;
		font-family: Arial, Helvetica, sans-serif; 
    	font-size: 9pt; font-weight:bold; 
    	color: #333333; 
}

/* banner ads */
.bannerAd { width:728px; height:90px; max-height:90px; overflow:hidden; background-color1:#B3C43D; }

/* pdf download */
#confirmDiv { 	position:absolute; top: 193px; left:465px; 
			background-color:#fff; border:1px solid #909090; 
    		color: #333333;
    		font-size: 9pt;
			font-weight: bold;
			padding:15px; 
			display:none;
}
.pbtn	{ width:100px; padding:2px;
		font-family: Arial, Helvetica, sans-serif; 
    	font-size: 8pt; font-weight:bold; 
    	color: #333333; 
}