@import url("blog.css");
@import url("onlineFlyers.css?version=2");

/* resolution size: 1280 X 1024 */
/*
Color schemes

NOT USED:
dark orange			color: #ff8c00;
f9d27f
dark greens, darker as you get down
background-color: #005e32;
background-color: #005c31;
background-color: #00562e;



USED:
light gray:			background-color: #eae8e1;
dark orangeBrown:	color: #ab4800
orange				color: #e17c00
dark green:			color: #004b28
light green:		color: #cae4ce
lime green:			color: #7EC638
2nd level nav green color: #ade079
*/

/*
	GLOBAL definitions
*/

div.container, .headInner, .menuBarInner, #navigationBottomInner
{
}

.flyer
{
	max-width: 100%;
}

.bold
{
	font-weight: bold;
}

.largest
{
	font-size:140%;
}

.larger
{
	font-size:120%;
}

.smaller
{
	font-size:90%;
}

.smaller80
{
	font-size:80%;
}

.smallest
{
	font-size: 11px;
}

/*
**** A HREF LINK PROPERTIES
*/

a
{
	font-weight: bold;
}

a:link
{
/*
	color: #003103; 

	color: #cae4ce;
	color: #ab4800;
	color: #ffa500;
	color: #ff8c00;
	color: #e17c00;
*/	
	z-index: 999;	
}

a:visited
{

}

a:hover
{

}

a:active
{

}

.noUnderline
{
	text-decoration: none;
}

.orange, .orange:hover
{
	color: #e17c00;
}

.orangeBold, .orangeBold:hover
{
	color: #e17c00;
	font-weight: bold;
}

.red
{
	color: #581100;
	font-weight: bold;
}

.redBold
{
	color: #581100;
}

.darkOrangeBold
{
	color: #ab4800;
	font-weight: bold;
}

.tealBold
{
	color: #cae4ce;
	font-weight: bold;
}

.darkGreenBold
{
	color: #004b28;
	font-weight: bold;
}

.yellow
{
	color: #c6b35c;
}

.white
{
	color: white;
}

.darkGreenH3
{
	color: #004b28;
	font-size: 120%;
}

.brightGreenBG
{
	background-color: #7EC638;
}

.middle
{
	text-align: right;
/*
	position:relative;
	left: 260px;
*/
}

.clear
{
	clear: both;
}

.visible
{
	visibility: visible;
}

.hidden
{
	visibility: hidden;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

/*
	used for "loading gif"
*/
.loadingGifCanvas
{
	position: absolute;
	text-align: center;
	left: 0%;
	top: 20%;
	z-index: 10;
	padding: 10px;

	background-color: #cae4ce;
	border-style: solid;
	border-color: #e17c00;
	border-width: 20px;
}

.popup
{
	CURSOR: help;
	TEXT-DECORATION: none;
}

.cursorPointer
{
	cursor: pointer;
}

.marginBottom5
{
	margin-bottom: 5px;
}

.marginRight10
{
	margin-right: 10px;
}

/*******************
	ERRORS
*******************/
.error
{
	color: #e17c00;
	font-weight: bold;
}

body
{
	margin: 0px;
	padding: 0px;
	font-family: Century Gothic, Arial;
	font-size:100%;
	background: none;
}

div.flyerContainer
{
	position: relative; 
	width: 100%;
	min-height: 570px;

	border-style: none;
	border-width: 2px 2px 2px 2px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #cae4ce;

	color: black;
	
	margin: 0 auto;
}

/* grocery savings label at the very top */
h1.heading
{
	position: relative; 
	border-width: 0px;

	width: 960px;
	height: 120px;
	background: url("../../images/groceryLabel.gif") no-repeat;
}

div.memberLogin
{
	position: absolute;
	top: 103px;
	left: 640px;

	font-size: 75%;

	border: 1px solid #7EC638;
	background-color: white;
	padding: 3px;
}

/* section for the options at the top */
div.options
{
	width: 750px;


	position: absolute; 
	width: 700px;
	top: 77px;
	left: 80px;
/*
left: 6px;
*/
}

/************************************************************
* MEMBER OPTIONS - START
************************************************************/

.memberOptions
{
	font-size:12px;
	font-weight: bold;
	color: black;
}

.memberTab
{ 
	width: 102px;
	height: 25px;
	text-align: center;
	line-height: 90%
}

.memberTab a:link, .memberTab a:hover, .memberTab a:visited
{
	color: black;
}

a.memberLink
{
	color: black;
}

.memberLink a:link, .memberLink a:hover, .memberLink a:visited
{
	cursor: pointer;
	color: black;
	text-decoration: none;
}

/**
* when a tab is clicked (focused)
*/
.memberTabFocus 
{ 
	background: url("../../images/memberOptionsTabFocus.gif") no-repeat;
}

/**
* when a tab is not clicked (off focused)
*/
.memberTabOffFocus
{ 
	background: url("../../images/memberOptionsTabOffFocus.gif") no-repeat;
}

.memberTabOffFocus a
{
	text-decoration: none;
}

/************************************************************
* MEMBER OPTIONS - END
************************************************************/

/*
inside the subMain, the main is broken up into 2 sections, the left and right
this is used for all pages except for flyer pages
*/
div.subMain
{
	position: relative;
	font-size: 85%;
	padding: 1em 1em;
}

/*
	this is used for flyer pages
*/
div.subMainFlyer
{
	text-align: center;
	position: relative;
	font-size: 85%;	
	padding: 0;
}

div.subMainLeft
{
/*
	float:left;
*/
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-right: 1%;
	z-index: 999;
}

div.subMainRight
{
	display: inline-block;
	vertical-align: top;
	z-index: 999;

	width:84%;
}

/*
a substitute for subMain when in the search result pages
*/
div.subMainSerachResults
{
	position: relative;
	width: 550px;
	left: 98px;
	top: 4px;
}

/* div section for the menu on the left side */
div.leftMenu
{
	position: absolute;
	left: 0px;
	top: 104px;
	width:170px;

	z-index: 999;
}

/* contained within leftMenu */
div.leftMain
{

	background-color: #cae4ce;
	color: #002803;
	font-size: 80%;
}

/* div section for the menu on the left side for when a user is logged in*/
div.leftMemberMain
{
/*
	position: absolute;
	left: -90px;
	top: 104px;
*/
	background-color: #cae4ce;
	color: #002803;
	text-align: center;
	font-size: 80%;
}

/* contained within leftMain */
/* div section within the leftMain section, displays username and password fields */
div.leftSubMain
{
	position: relative;
	left: 10px;
}

/* div section for the search result pages */
div.leftMainSearchResults
{
	position: absolute;
	left: -125px;
	top: 104px;
	color: #002803;
	font-size: 75%;
	width:210px;
}

/* left menu section underneath leftMain but within leftMenu */
div.leftAdsenseMenu
{
	position: absolute;
	z-index: 999;
}

/* 
	only for the search result pages
	left menu section underneath leftMain but within leftMenu 
*/
div.leftAdsenseMenuSearchResults
{
	position: absolute;
	left:	0px;
	z-index: 999;
}

div.searchResultsGroceryList
{
	background-color: #cae4ce;
	font-size: 75%;
}

/* div section for the menu on the left side */
div.rightMenu
{
	position: absolute;
	left: 15px;
	top: 235px;
	width: 170px;
	z-index: 99;
}

/* div section for the menu on the right side */
div.rightMain
{
/*
	with two side bar menus
*/

	background-color: #cae4ce;
	color: #002803;
	font-size: 80%;


/*
	layout with NO side menus
*/
/*	position: absolute;
	left: 570px;
	top: 110px;
	color: #002803;
	font-size: 80%;
	width: 170px;

	background-color: #cae4ce;
*/
}

/* contained within rightMain */
div.rightSubMain
{
	background-color: #cae4ce;
	position: relative;
}

/* right menu section underneath right stuff but within rightMain */
div.rightAdsenseMenu
{
	z-index: 99;
	text-align: left;
/*
for 120x600
	left: 50px;
*/
}

.section
{
	border:1px solid #7EC638;
	margin-bottom:15px;
}

.sectionTitle
{
	background-color:#7EC638;
	padding:3px;
	color:white;
	font-weight: bold;
}

.sectionContent
{
	padding:3px;
}

.sectionContentData
{
	padding-bottom:9px;
}

div.center
{
	text-align:center;
}

ul.weeklyTopDeals
{
	padding-left: 2em;
}

/* div section for the bottom options */

div.bottomOptions
{
	position: relative;
	top: -7px;

	left: 80px;
}

div.bottomAds
{
	position:absolute; 
	left: 230px;
	width:728px;
}

/* no borders for all imgages */
img
{
	border-width: 0px;
/*
	display: block;
	vertical-align:bottom;
	margin: 0px;
*/
}

h1.title
{
	font-family: arial;
	color: #003103;
}

h2.title
{
	font-family: arial;
	color: #003103;
}

/* back to the top links are right aligned*/
p.backToTop
{
	text-align: right;
}

iframe#frameMain
{
	position: relative;
	margin-left:-12px;
	margin-top: -50px;
}

#loginMsg
{
	color: #ab4800;
}

a.loblaws
{
	color: black;	
	font-size: 140%;
	font-weight: bold;
}

a.nofrills
{
	color: #ffff00;	
	color: black;
	font-size: 140%;
	font-weight: bold;
}

a.foodbasics
{
	color: green;	
	font-size: 140%;
	font-weight: bold;
}

a.dominion
{
	color: red;	
	color: #880101;
	font-size: 140%;
	font-weight: bold;
}

a.pricechopper
{
	color: orange;	
	font-size: 140%;
	font-weight: bold;
}

/* table headings for displaying the grocery store names in the search result pages */
th.loblawsTitle
{
	color: red;
}

th.nofrillsTitle
{
	color: yellow;
}

th.foodbasicsTitle
{
	color: green;
}

p.loblawsTitle
{
	color: red;
	text-align: left;
	font-weight: bold;
}

p.nofrillsTitle
{
	color: yellow;
	text-align: left;
	font-weight: bold;
}

p.foodbasicsTitle
{
	color: green;
	text-align: left;
	font-weight: bold;
}

/* formats for displaying the grocery information in the search result pages */
.category
{
	color: #c6b35c;
	color: #e17c00;
	text-align: left;
}

/*
 the td column that controls the list of groceries when user selects a category in OPTION 2
 change the width to adust the width of this column 
*/
.listOfGroceriesByCategory
{
	height: 400px; 
	width: 100%;
	overflow: auto;
}

.searchResultScrollable
{
	width:100%;
	height: 510px; 
	overflow: auto;
}

.tableSearch
{
	width:100%;
	border-style: solid;
	border-width: 2px;
	border-color: black;

	empty-cells: show;
	table-layout: fixed;
}

.tableSearchProduct
{
	width: 50%;
}

.tableSearchDescription
{
	width: 30%;
}

.tableSearchPrice
{
	width: 35px;
}

.tableSearchStore
{
	width: 40px;
}

.search
{
	border-style: solid;
	border-width: 0px;
	border-bottom: 2px solid;
	border-right: 2px solid;
}

.searchRightMostHeading
{
	border-style: solid;
	border-left: 0px none;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 2px solid;
}

.searchRightMost
{
	border-style: none;
}

.searchBottomMost
{
	border-style: solid;
	border-left: 0px none;
	border-top: 0px none;
	border-bottom: 0px none;
	border-right: 2px solid;
}

.tableNoSpacingPadding
{
padding: 0px;
border-spacing: 0px; 
}

/*
.grocery
{
	width:100px;
	border-style: solid;
	border-width: 0px;
	border-bottom: 2px solid;
	border-right: 2px solid;
}

.description
{
	width:100px;
	max-width:100px;
	border-style: solid;
	border-width: 0px;
	border-bottom: 2px solid;
	border-right: 2px solid;
}

.price
{
	width:100px;
	max-width:100px;
	border-style: solid;
	border-width: 0px;
	border-bottom: 2px solid;
	border-right: 2px solid;
}
*/

/*
	table for displaying the es-list
*/
.tableGroceryList
{
	border-style: solid;
	border-width: 2px;
	border-color: white;
	overflow: visible;
}

.tableHeadingGroceryList
{
	background-color:#e17c00;
}

/*
 controls the column of the grocery list shopping cart in OPTION 2
*/
.eGroceryListCanvas
{
	width:225px;
	background-color:#cae4ce;
}


.eGroceryList
{
	height: 400px; 

	overflow: auto;
	color: #004b28;
}

.ESListRightMost
{
	border-style: solid;
	border-width: 0px;
	border-bottom: 2px;
}

/*
controls the table that displays list of categories, list of groceries, and grocery list shopping cart
in OPTION 2
width determines how far apart the two td 
*/
table.subsubmain
{
/*	width: 690px;
*/
	width: 100%;
	height: 300px;
}

.displayNone
{
	display:none;
}

.inline
{
	display: inline;
}

.block
{
	display: block;
}

.tealBackground
{
	background-color: #cae4ce;
	font-size: larger;
	color: #004b28;
	font-weight: bold;
}

.alignTop
{
	vertical-align: top;
}


/* ================ code for scrolling animation ============= */
#divASContainer
{
	position:relative; 
	width:550px; 
	height:30px; 

	overflow:hidden; 
	clip:rect(0px,549px,162px,0px); 
	visibility:visible; 
	background-color:#000000;
	z-index:2;
}
		 
#contentLayer
{
	position:absolute; 
	top:0px; 
	left:0px; 
	background-color:#000000;
	z-index:3;
}






/* ================ code for drop down menus ============= */
/* all lists */
ul.help
{ 
	padding: 5px;
	margin: 0;
	list-style: none;
	z-index: 1;
}

/* first level list, parent of the drop down list*/
li.help
{ 
	float: left;
	position: relative;
}

/* second-level lists, first item on drop down */
li.help ul 
{ 
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #e17c00;
	color: white;

	border: 3px solid #7EC638;
	width: 45em;
}

li ul.helpShoppingList
{ 
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #e17c00;
	color: white;

	padding: 5px;
	margin: 0;
	list-style: none;
	z-index: 1;

	border: 3px solid #7EC638;
	width: 16em;
}

/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
li.help>ul 
{ 
	top: auto;
	left: auto;
}

/* lists nested under hovered list items */
li.help:hover ul, li.over ul 
{ 
	display: block;
}

#content 
{
	clear: left;
}

/*
*
*/

#unitPriceCalculatorHelp
{
	position: absolute;
	visibility: hidden;
	z-index: 10;
	background-color:  #e17c00;

	width: 200px;
}

/************************************************************
		MAIN NAVIGATION (TOP)
************************************************************/
#navigation 
{
  background: #cae4ca url(../../images/navBG.gif) 0 3px repeat-x;
  height: 23px;
  line-height: 20px;
  text-align: center;
  z-index: 100;

  font-size: 14px;
}


/*******************************************************
controls how far the first option is from the left edge
********************************************************/

#navigation ul
{
  padding: 0; 
  margin: 0;

/*
	controls the left position of the top navigation bar menu
*/
  margin-left: 20px;
}

#navigation a, #navigationBottom a
{
  float: left;
  text-decoration: none;
  color: gray;
  height: 20px;
  padding-top: 2px;



  /* Image Replacement Techniques */
  /*

  background-position: 25px 13px !important;
  text-indent: -9999px;  
  */
}


/*
#navigationBottom .selected a, #navigationBottom a:hover
{
  border-bottom: 3px solid #7EC638;
  margin-top: 4px;
  background-color: #7EC638;
}
*/


/*
separator image for the options
*/
#navigation span,	#navigationBottom span
{
  float: left;
  background: url(../../images/navBGSep.gif) 0 3px no-repeat;

  width: 1px;
  height: 23px;
}

ul.zeroMargin
{
  margin: 0;
  padding: 0;
}

/*
	defines the width of each individual menu option
*/
#navFindDeals a 
{
  width: 100px;
}

#navFlyerListings a
{
  width: 170px;
}

#navQuickCompare a
{
  width: 130px;
}

#navCoupons a
{
  width: 90px;
}

#navDailyDeals a
{
  width: 95px;
}

#navPriceBook a
{
  width: 100px;
}

#navGroceryGame a 
{
  width: 125px;
/*
  text-align: right;
*/
}

#navMap a 
{
  width: 100px;
}


#navDoubleSavings a
{
  width: 135px;
}

#navForum a
{
  width: 70px;
}

/**
*	BOTTOM NAV
*/

#navSecAbout a 
{
  width: 80px;
}

#navSavingTips a 
{
  width: 90px;
}

#navRegister a 
{
  width: 80px;
}

#navWhyJoin a 
{
  width: 80px;
}

#navHelp a 
{
  width: 50px;
}

#navContact a 
{
  width: 90px;
}

#navRecommend a 
{
  width: 100px;
}

/**
*	BOTTOM NAV
*/

#navSiteMap a 
{
  width: 90px;
}

#navAbout a 
{
  width: 90px;
}

#navAdvertise a 
{
  width: 100px;
}

#navLinks a 
{
  width: 70px;
}

#navPrivacyPolicy a 
{
  width: 120px;
}

#navTermsOfUse a 
{
  width: 120px;
}

/************************************************************ 
	second level navigation bar under navigation
************************************************************/
#navigationSecond 
{

  background: #CBEEA8 url(../../images/navSecondBG.gif) top left repeat-x;

  overflow: auto;
  padding: 0px;
  margin: 0px;

  height: 20px;
/*
  margin-left: 50px;
*/
  font-size: 14px;
  text-align: center;
}

.navigationSecondLeftMarginBuffer
{
	width: 50px;
}

#navigationSecond span 
{
	background: url(../../images/navSecondBGSep.gif) no-repeat;
	width: 1px;
/*
	margin-left: 100px;
*/
}

#navigationSecond ul 
{
	list-style: none;
}

#navigationSecond li 
{
	background: url(../../images/navSecondBGSep.gif) left no-repeat;
	float: left;
	list-style: none;
}

#navigationSecond a 
{
	background: url(../../images/navSecondBGSep.gif) right no-repeat;
	float: left;
	line-height: 10px;
	text-decoration: none;

	padding: 5px 7px 5px 7px;
	color: #474;

}

#navigationSecond a:hover, #navigationSecond .selected a 
{
	background-color: #DCF3C2;
	color: #3F5A3F;
	color: #004b28;
}

#navigationSecond.flat 
{
  height: 5px;
  font-size: 1px;
  line-height: 5px;
  background: #B4DE8B;
}


/*
drop down choices
*/
#navigation ul li 
{
	list-style-type: none;
	position: relative;
	z-index: 100;
}

/*
	settings for the drop down menus
*/
#navigation ul li ul 
{ 
	position: absolute; 

	float: left;
	padding: 0;
}

/************************************************************
*	stuff for drop down on the first level main menu
************************************************************/
#dropDownPriceBook
{
	width: 100px;
}

#dropDownPriceBook a
{
	width: 105px;
}

#navDropDown, #navDropDown ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}

#navDropDown a 
{
	display: block;
}

#navDropDown li {
	float: left;
}

/*
	margin-top is to lower the whole drop down list from top nav
*/
#navDropDown li ul {
	position: absolute;
	left: -999em;

	margin-top: 3px;
}

#navDropDown li:hover ul {
	left: auto;
}

#navDropDown li:hover ul, #navDropDown li.sfhover ul {
	left: 0px;
}

/*
	setting for each drop down option
*/
#navigation li li
{ 
	display: block; 
	background-color:#7EC638; 

	float: left;
	color:#ffffff; 
	text-align: left;
	font-size: 11px;
	padding: 0px 5px 0px 10px;
}


/*
	when mouse is over an item in the drop down menu
*/
#navigation li li a:hover 
{
	background: #7EC638;
	color: #004b28; 
	text-align: left;
	display: block;
}

/*
	this creates the ability to show drop down
	when hover over "top-level" li, display the ul underneath it
*/
#navigation li:hover ul, #navigation li.hover ul 
{
	display: block;
}


/************************************************************
* the tab menu on default page for option 1 and option 2
************************************************************/
.tab 
{ 
	width: 230px;
	height: 35px;
	text-align: center;

	color: white;
	color: #e17c00;
	color: black;
	font-weight: bold;

/*
	border-style: solid;
	border-color: black;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
*/
/*
	padding-top: 5px;
	padding-bottom: 5px;
*/
	cursor: pointer;
}

/**
* when a tab is not clicked (off focused)
*/
.tabhold 
{ 
	background: url("../../images/tabOffFocus.gif") no-repeat;
}

/**
* when a tab is clicked (focused)
*/
.tabfocus 
{ 
	background: url("../../images/tabFocus.gif") no-repeat;
}

/**
* where the content is displayed
* option 1 - search textarea
* option 2 - list of categories and groceries
*/
.tabcontent 
{ 
/*	height: 275px;
*/
	border-style: solid;
	border-color: #7EC638;

	border-width: 6px 1px 1px 1px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

/************************************************************
 google adsense sitesearch box
************************************************************/
.adsenseSearch
{
	position: absolute;
	left: 531px;
	top: -7px;
}

.newGroceryGame
{
	position: absolute;
	left: 215px;
}

.newCoupons
{
	position: absolute;
	left: 358px;
}

.newPriceBook
{
	position: absolute;
	left: 465px;
}

.newDoubleSavings
{
	position: absolute;
	left: 585px;
}

.centerScreen
{
	position: absolute;
	z-index: 999;

	background-color: #cae4ce;
	border-style: solid;
	border-color: #e17c00;
	border-width: 20px;

	padding: 10px;
/*
	visibility: hidden;
*/

	display:none;
}

.voteCanvas
{
	background-color: #cae4ce;
	border-style: solid;
	border-color: #e17c00;
	border-width: 2px;	

	z-index: 9999;
}

.centerText
{
	text-align: center;
}

.groceryWinner
{
	background-color: #cae4ce;
	border-style: solid;
	border-width: 3px;
	border-color: #e17c00;
}

a.coupon
{
	color: green;
}

.centerText
{
	text-align: center;
}

.textAlignRight
{
	text-align: right;
}

.orangeBG
{
	background:url(../../images/orangeBG.gif) repeat-x;
	width: 44px;
	color: white;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color: #004b28;
}

.DragContainer {
	BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid
}
.OverDragContainer {
	BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid
}
.OverDragContainer {
	BACKGROUND-COLOR: #eee
}
.DragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.OverDragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.DragDragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.miniDragBox {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px solid; WIDTH: 94px; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: verdana, tahoma, arial; BACKGROUND-COLOR: #eee
}
.OverDragBox {
	BACKGROUND-COLOR: #ffff99
}
.DragDragBox {
	BACKGROUND-COLOR: #ffff99
}
.DragDragBox {
	FILTER: alpha(opacity=50); BACKGROUND-COLOR: #ff99cc
}

/************************************************************
	page specific things
************************************************************/

/*******************
	default.asp
*******************/
h1.intro
{
	font-size: 100%;
}

.firstLine
{
	position: relative;
	padding-top: 10px;
	*padding-top: 0px;
}

/*******************
	master pages or personal price book
*******************/

.masterTextSize
{
	font-size:12px;
}

.masterFieldTextSize
{
	font-size:10px;
}

/*******************
	BLOG
*******************/
.blog
{
	border-style: solid;
	border-color: #7EC638;
	border-width: 2px;

	padding: 6px;
}

.blogEntry
{
	border-style: solid;
	border-color: gray;
	border-width: 1px;	
}

.blogComment
{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: gray;

	padding: 4px;
}

.blogHeader1
{
	background-color: #cae4ce;
}

.blogHeader2
{

}

/*******************
	personal price book
*******************/

.personalPriceBook
{
	background: #eae8e1;
	padding: 6px;
}

.personalPriceBookTable
{
	border-style: solid;
	border-color: gray;
	border-width: 1px;	
}

.personalPriceBookAlternateColour
{
	background-color: #cae4ce;
}

/*******************
	compare grocery store prices
*******************/
.hoverGroceryRow
{
	background-color: #d6d4cd;
}

/*******************
	hide/show classes
*******************/
.hideField
{
	display: none;
}

.showField
{
	display: block;
}

/*******************
	online grocery store flyers 
*******************/

.iFrameGroceryFlyer
{
	width: 100%;
	height: 100%;
	border: none;
}

.onlineGroceryStoreFlyerInfo
{
	border: 1px solid #E5A44F; 
	overflow:hidden;
	margin: 10px 0px;
	*margin-top:28px;
	
	background-color: #f1bf7d;
	background-color: #eec998;
}

.pathCrums
{
	padding: 10px 10px 10px 10px;
	overflow:hidden;
}

.onlineGroceryStoreFlyersFloatLeft
{
	float: left;
	width: 75%;
}

.onlineGroceryStoreFlyersFloatRight
{
	float: right;
	width: 23%;
	padding-left: 2%;
}

.effectiveFlyerDate
{
	color: white;
	background-color: #FF9000;
	background-color: #E5A44F;
}

.effectiveFlyerDate a
{
	color: white;
	text-decoration: none;
}

.storeflyerHelp
{
	position: absolute;
	text-align: center;
	z-index: 999;
	padding: 4px;

	background-color: #cae4ce;
	border-style: solid;
	border-color: #e17c00;
	border-width: 2px;
}

.brokenLink
{
	padding-top:8px;
}

.iconImages
{
	padding-right: 2px;
}

.onlineStoreFleryInfo
{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.blogDiv
{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	width: 80%;
}

div.featureFlyers
{
	border-style: solid;
	border-width: 8px;
	border-color: #e17c00;
}

.featureFlyersTitle
{
	background-color: #7EC638;
	font-size: 110%;
}

div.storeFlyerImage
{
	float: left;
	padding-right: 6px;
}

/*******************
	general
*******************/
div.modalBox
{
/*
	position: absolute;
*/
	width: 70%;
	text-align: center;
	z-index: 10;
	padding: 10px;
	margin-left: 10%;

	background-color: #cae4ce;
	border-style: solid;
	border-color: #e17c00;
	border-width: 20px;
}

/*******************
	Ads
*******************/
.topLeaderboard
{
	background-color:#cae4ce;
	width:100%;
	padding:4px 0px 6px 0px;

/*
	border-width:0px;
	border-bottom:2px;
	border-style:solid;
	border-color:#7EC638;
*/
}