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


/***** Main Colors ****
#8B7A6F dark brown
#666666 dark grey
#F0F1F3 grey 

**********************/
/*Customer Colors**
#696969 grey
#ccc light grey
#FF9900 Orange
**End Cust. Colors **/

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

.Main {
	background-color: #FFFFFF;
}

.Header1
{
	color: #000;
    font-size: 12px;
	font-weight: bold;
    padding-bottom: 2px;
    text-align: left; 
}

.Price
{
    font-size: 18px;
    padding-top: 4px;
    color: #FF9900;
}

.Price2
{
    font-size: 11px;
 	font-weight: bold;
    padding-bottom: 4px;
    padding-top: 4px; 
    text-align: left;
}

.Description
{
    font-size: 11px;
    padding-top: 10px;
	padding-bottom:4px;
	text-align: left;
}

.text {}

.graytext {
    font-size: 10px; 
}

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

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

/* get rid of those system borders being generated for A tags */
a	{ border:none }
a:active { outline:none; }
:focus { -moz-outline-style:none; }

/* default styles */
a:link, a:active, a:visited,a:hover {color: #FF9900;}

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

input {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight:normal; color: #696969;}
#txtSearch { border:1px solid #ccc; color: #ccc; padding:4px; width:138px; margin-right:5px;}

p {margin: 0px 0px 5px 0px;}

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

textarea { font-family: Arial, Helvetica, Verdana, sans-serif; 
    		font-size: 12px;
		color: #696969; 
		overflow:auto; 
		resize:none; /* for safari */
}

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

#mainContainer 	{ width:930px; padding:0px; padding-left:10px; margin-top:15px; } /* main table/div to hold pages content */
#globalContainer {  width:930px; padding:0px; padding-left:10px; margin-top:15px; } /* holds both NavBar & mainContainer */


/*** title bars in pages ***/
.titleBar { background-color: #F0F1F3; height:20px;	
			border-bottom:1px solid #ccc;border-right:1px solid #ccc;
} /* page main title bar */

.sltitleBar { background-color: #F0F1F3; height:20px; 
			border-bottom:1px solid #ccc;
} /* shopping list title bar */

.ptitleBar { background-color: #F0F1F3; 
			border-bottom:1px solid #ccc;border-right:1px solid #ccc;
			height:20px;
			color: #FF9900; 
			font-weight: bold;
 } /* products in page large title bar */
 
.ntitleBar { background-color: #F0F1F3; 
			border-bottom:1px solid #ccc;border-right:1px solid #ccc;
			height:20px; 
			font-weight: bold;
} /* notes title bar */


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

.disclaimer {font-size: 10px; color:#000;} /* disclaimer */

.tip {color:#CCC;} /* page hint  */

.pricesgood {text-align: left; font-size: 12px; color: #CCC; font-weight: bold;}

.prodlink {font-weight: bold;}

/** redirecting,jsp, cookieInfo.jsp, needsCookie.jsp **/
.stdtext {}

/***   pagination controls   ***/

.pagenum {font-size: 10px; color: #CCC; font-weight: bold; }

.selectedPageNumber { font-size: 11px; color: #000; text-decoration: none; font-weight: bold; }
a.selectedPageNumber:link {color: #000;}
a.selectedPageNumber:active {color: #000;}
a.selectedPageNumber:visited {color: #000;}
a.selectedPageNumber:hover {color: #FF9900; text-decoration: underline;}


.pageNumber {font-size: 11px; color: #999; text-decoration: none; font-weight: bold; }
a.pageNumber:link {color: #999;}
a.pageNumber:active {color: #999;}
a.pageNumber:visited {color: #999;}
a.pageNumber:hover {color: #FF9900; text-decoration: underline;}


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

.aastore {text-align: left; font-weight: bold;}
.aahrefBold {font-weight: bold; text-decoration: none;}
.aahref 	{text-decoration: none; }
a.aahref:link, a.aahref:active, a.aahref:visited {color: #696969;}
a.aahref:hover {color: #FF9900;}

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

.imageBorder 		{ border: 1px solid #CCC; OVERFLOW-X1: auto; width:450px; padding:0px; }
.itemsTableBorder   { border: 1px solid #CCC; width: 250px; border-collapse: collapse;}

.PLitemName {color: #444;}
a.PLitemName:link {color: #000; }
a.PLitemName:active {color: #000;}
a.PLitemName:visited {color: #000;}
a.PLitemName:hover {color: #FF9900; }

.PLitemPrice {color: black;}

#pageTextLabel	{position:absolute; top:2px; left:10px;}
#flashHelp	{position:absolute; top:70px; left:100px;}

.help  {font-size:12px;}

.storeName {font-weight: bold;}
.storeAddress {font-weight: bold;}

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

.small {font-size:11px; text-decoration:none; line-height:14px;}
a.small:link, a.small:active, a.small:visited {color: #FF9900; text-decoration: none;}
a.small:hover {color: #FF9900; text-decoration: underline;}

/***** styles specific to shoppingList.jsp, printShoppingList.jsp, breakout.jsp *****/
.slscreenhdr {background-color: white; color: black; 
			font-size:9pt; 
			font-weight: bold;}

.slpreviewtxt {text-decoration:none; }
a.slpreviewtxt:link, a.slpreviewtxt:active, a.slpreviewtxt:visited {color: #696969;}
a.slpreviewtxt:hover {color: #FF9900;}


/***** styles specific to unavailable.jsp *****/
.unavailmsg {}
.unavailid {}
.unavailhref {}


/***** styles specific to itemResult.jsp, breakout.jsp *****/
.searchText {color: #666666;
				text-align: left;
				padding-left: 5px;
				font-weight: normal; }

.itemBorder { border: 1px solid #eee;
			background-color:#fff; 
			padding:5px;
}

.itemName { font-weight:bold; color:#000; text-align:left; min-height:30px;height:30px; overflow:hidden;}
a.itemName:link {color: #696969; }
a.itemName:active {color: #696969;}
a.itemName:visited {color: #696969;}
a.itemName:hover {color: #FF9900; }
.breakoutItemName {font-weight: bold;}

.itemPrice {font-size: 14px; color: #FF9900; font-weight: bold;text-align:left;}
.breakoutPrice {font-size: 18px; color: #FF9900;}

.itemMorePrice {font-size:11px; text-align:left;}

.itemDesc {font-size: 11px;}

.itemImage {}

.breakoutItem { padding:7px; }

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

.storeLocHdr {font-size: 10pt; 
				color: #FF9900;
				font-weight: bold;
				padding-top: 10px;
}

.storeLocTxt { font-size: 9pt; 
				color: black;
				font-weight: bold;
}

.storelist {color: #555555;
  line-height: 14px;
  text-decoration: none;
  }
  
.titleTxt_508 {color: #52483d; font-size: 9pt; font-weight: bold;}  
a.titleTxt_508:link {color: #666666; }
a.titleTxt_508:active {color: #666666;}
a.titleTxt_508:visited {color: #666666;}
a.titleTxt_508:hover {color: #FF9900; }

.noteIndex_508 { font-size: 9pt;
					width: 15px;
					padding-left: 7px; }
				
.noteTxt_508 { 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: #666; }	
				
.borderBottom {border-bottom: 1px solid #ccc;}

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


/****	custom: header/footer/shell	 ***/
.h1	{ font-family: "Future Medium", Arial; font-size: 22px; padding-bottom:10px; text-align:left;}
.h2 { font-size: 12px; font-weight: bold; }
.h3 { font-size: 12px; font-weight: bold; }
.h4 { font-size: 14px; font-weight: bold; }

.label {color: #ccc;}
.nolink, a.nolink { color:#ccc; text-decoration:none;} 

.introHdr	{ padding:5px;  background-color: #666; color: #fff; font-weight:bold; }
.introHdrBig { display:none; font-family: "Future Medium", Arial; font-size: 22px; padding-top:30px; padding-bottom:5px; text-align:left; }
.introBody { padding:5px; padding-bottom:20px; line-height:18px; }
.cropped { width:150px; height:150px; padding:0px; overflow:hidden; border: 1px solid #ccc; }

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


/* view by cats */
.cats	{ width: 183px; padding:0px; padding-top:15px; }
.cat	{ 	text-decoration:none; font-size: 11px; font-weight:bold; display:block; padding: 1px; padding-left:10px;  }
a.cat:link, a.cat:visited, a.cat:active  { color:#FF9900; text-decoration:none; font-size: 11px; font-weight:bold; display:block; padding: 1px; padding-left:10px;  }
a.cat:hover { color:#696969; text-decoration:none; }

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

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


/* overlay styling */

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background:url(images/spacer.gif) no-repeat;
	background-color:#bcbcbc;
	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border:1px solid #bcbcbc;
	
	/* dimensions after the growing animation finishes  */
	width:610px;
	height:400px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:0px;
	padding-top:35px;
	padding-bottom:35px;
}

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


/* default close button positioned on upper right corner */
div.overlay div.close {
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:24px;
}

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

/* email */
iframe.emailFrame {
	position:absolute; top: 38px; left:440px; 
	padding:0px;
	margin:0px; 
	width:360px;
	height:370px;
	border:2px solid #ccc;
	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; 

}