/*----------------------------------------------------------------------------
Main

author:    Jason Hollett, RealDecoy Inc.
___________________________________________________________________________ */

/* NOTE: apply PNG hack for IE, does not work for CSS backgrounds 
img { behavior: url(/flyer/styles/iepngfix.htc); } */



/* =Global
___________________________________________________________________________ */
body { background: #92c131 url(../endecaImg/common/bg-grad.gif) repeat-x top left; margin: 10px;}
p { line-height: 18px; }
h1 { margin-top: 0; }
input { margin: 0; padding: 0; }


table { border: 0; }

#printLogo { display: none; }

/* remove dotted borders from firefox links */
a { outline: none; -moz-outline-style: none; }




/* =Common Classes
___________________________________________________________________________ */
.clear { clear: both; }
.clear_l { clear: left; }
.clear_f { clear: right; }
.fl_l { float: left; }
.fl_r { float: right; }
.fl_n { float: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.inputText { border: 1px solid #7f9db9; padding: 2px; }

.radioButton,
.radioLabel,
.checkBoxButton,
.checkBoxLabel { display: block; float: left; padding-left: 2px; }



/* =Horizontal Rules
___________________________________________________________________________ */
.productSeparator { height: 1px; display: block; background-color: #d1d7e1; border: 0; margin: 10px 0 10px 0; }
.dotted-line { height: 1px; display: block; background: url(../endecaImg/common/dotted-line.gif) repeat-x top left; margin: 10px 0 10px 0; }



/* =Header/Footer
___________________________________________________________________________ */
#header { height: 90px; margin: 0 0 8px 0; position: relative; }

	#header img.logo { float: left; }

	#header .banner-ad { height: 90px; background-color: #e6f386; }
	#header .banner-ad img { /*float: right;*/ position: absolute; right: 0; }

#footer { margin: 10px 15px 10px 15px; }
	#footer a { padding: 0 5px 0 5px; }



/* =Navigation
___________________________________________________________________________ */
#mainNav { position: relative; min-height: 35px; height: auto !important; height: 35px; background: #fff url(../endecaImg/mainNav/bg-mainNav.gif) repeat-x top left; }
	#mainNav img.corner-left { float: left; }
	#mainNav img.corner-right { float: right; }

	#mainNav .global { float: left; }
	#mainNav .userOptions { float: right; }

	#mainNav ul { margin: 0; list-style-type: none; height: 1%; }
	#mainNav li { display: inline; padding: 0 20px 0 15px; background: url(../endecaImg/mainNav/separator.gif) no-repeat right; line-height: 32px; }
		#mainNav li.first { padding-left: 0; }
		#mainNav li.last { background-image: none; padding-right: 0; }

	#mainNav .memberLogin { /* member login drop-down */
		position: absolute;
		top: 40px;
		right: 5px;
		width: 160px; 
	}

	#sideNav { float: left; width: 170px; /*padding: 5px 10px 10px 10px; margin: 0 5px 0 0;*/ margin: 5px 5px 10px 5px; background-color: #f0f3d4; display: inline; } /* display: inline; fixes IE6 double-margin bug */
	
	#sideNav img {margin:0 10px;} /* LIZL */
	
		#sideNav .title { margin-top: 10px; }
		#sideNav .manage-links { margin-top: 10px; }
		#sideNav #side-nav-terms a { display: block; margin: auto; font-weight: bold; width: 100%; text-align: center; }


/* =Layout
___________________________________________________________________________ */
#container {
	margin: 0 auto;	
	min-width: 990px;
	max-width: 1240px;	
	
	/* KLUDGE: hack for IE to simulate min and max width */
	/* NOTE: Use conditional comments, different versions of IE need different hacks. */
	/* Works in IE 5
	width: expression(document.body.clientWidth < 992? "990px" : document.body.clientWidth > 1242? "1240px" : "auto");
	*/
	/* Works in IE 6.
	width: expression(document.documentElement.clientWidth < 992? "990px" : document.documentElement.clientWidth > 1242? "1240px" : "auto");
	*/
}

#mainContent { background-color: #fff; }

	#mainContent .colFluid { padding: 5px 0 5px 0; }

	/* Alfredo */
	#mainContent .colContainer { float: right; padding: 5px 0; }
	#mainContent .colContainerEndeca { float: right; padding: 5px 0; width: 305px; }
	#mainContent .colContainerEndeca .adContainer { width: 290px; margin-left: 2px; }
	#mainContent .col {	margin: 0 5px 0 0; float: left; display: inline; } /* display inline fixes IE 6 double-margin bug */

	/* specific margins to apply to class colFluid */
	#mainContent .marginBasic { margin-right: 390px; }
	#mainContent .marginSideAd { margin-right: 200px; }
	#mainContent .marginResults { margin-left: 200px; margin-right: 320px; }
	#mainContent .marginCoupons { margin-left: 200px; margin-right: 180px; }
	#mainContent .marginHome { margin-right: 200px; }
	#mainContent .marginTwoAds { margin: 0 200px; }


	/* specific padding to apply to class colFluid */
	#mainContent .paddingBasic { padding: 20px 0 0 15px; }
	#mainContent .paddingRegistration { padding: 20px; display: block; }
	

	/* backgrounds */
	.sideNavBG { background: url(../endecaImg/sideNav/bg-sideNav.gif) repeat-y top left; }


/* =Side Navigation
___________________________________________________________________________ */

#advertisementLeft { min-height: 725px; height: auto !important; height: 725px; }

#sideNav .filterTitle {
	background: #fc6;
	padding: 5px;
	width: 170px;

}

#sideNav .filterTitle a { display: block; width: 163px; background: #f6f7dd url(../endecaImg/sideNav/bg-filterTitle.gif) no-repeat 0 0; padding: 0 0 0 7px; } 
	#sideNav .filterTitle a.oneLine { height: 32px; line-height: 32px; }
	#sideNav .filterTitle a.twoLine { height: 28px; line-height: 12px; padding-top: 4px; }
	
	#sideNav .filterTitle a.closed { background-position: 0 0; }
	#sideNav .filterTitle a.closed:hover { background-position: 0 -32px; }
	#sideNav .filterTitle a.open { background-position: -170px 0; }
	#sideNav .filterTitle a.open:hover { background-position: -170px -32px; }

#sideNav .title { display: block; height: 30px; line-height: 30px; width: 180px; background: url(../endecaImg/sideNav/bg-refineView.gif) no-repeat 0 0; text-align: center; border-bottom: 1px solid #e2af50; }

#sideNav .join-now { display: block; height: auto; width: 180px; background: #ffcc66 url(../endecaImg/sideNav/bg-joinNow.gif) no-repeat bottom left; text-align: center; }
	#sideNav .join-now a { font-weight: bold; padding: 4px; }
		#sideNav .join-now a em { text-decoration: underline; }

#sideNav ul { margin: 10px 0; padding: 0; display: block; }
	#sideNav li { list-style-type: none; margin: 3px 0 0 8px; display: block; _height: 0; }
	#sideNav li.separator { border-bottom: 1px solid #d8dabe; margin-bottom: 5px; padding-bottom: 5px; }

#sideNav a { display: block; }
	#sideNav a.arrow { background-image: url(../endecaImg/sideNav/arrow.gif); background-repeat: no-repeat; /*0 -30px;*/ display: block; padding: 0 0 0 14px; }
		#sideNav .arrowClosed { background-position: 0 2px; }
		#sideNav .arrowOpen { background-position: 0 -30px; }

	/*#sideNAv a.arrow { background: url(../endecaImg/sideNav/arrow.gif) no-repeat 0 2px; display: block; padding: 0 0 0 14px; }*/
	
	#sideNav a.check { background: url(../endecaImg/sideNav/check.gif) no-repeat 0 2px; display: block; padding: 0 0 0 14px; }
	#sideNav a.blank { display: block; padding: 0 0 0 14px; }
	#sideNav a.searchTerm { display: block; padding: 0 0 0 14px; }

#sideNav img.gallery { margin-bottom: 0px; }

/* collapsable menus within Select Your Stores */
#sideNav ul.my-choices,
#sideNav ul.all-stores { margin-top: 10px; }
#sideNav #all-stores,
#sideNav #my-choices { margin-left: 15px; }




/* =Member Login
___________________________________________________________________________ */
.memberLogin { margin: 0 0 5px 0; width: 160px;z-index:1000;}

/*
#container .colContainer .col .memberLogin { width: 160px; } width for inside pages */
/*
#container #home .colContainer .col .memberLogin { width: 182px; }width for homepage */


.memberLogin a { line-height: 13px; }

	.memberLogin .title { min-height: 21px; height: auto !important; height: 21px; line-height: 21px; background: #6da5da url(../endecaImg/memberLogin/bg-title.gif) repeat-x top left; text-align: center; border: 1px solid #609cd9; }
	.memberLogin .form { background-color: #f2f7fc; padding: 10px; border-width: 0 1px; border-style: solid; border-color: #609cd9; }
	.memberLogin .login { height: 40px; }
	.memberLogin .forgot { width: 80px; height: 30px; float: left; }

	.memberLogin .notmember { min-height: 70px; height: auto !important; height: 70px; padding: 10px; border: 1px solid #609cd9; background: #3b78c9 url(../endecaImg/memberLogin/bg-bottom.gif) repeat-x bottom left; text-align: center; }

	.memberLogin .notice { background-color: #fff; padding: 5px 10px 5px 10px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #609cd9; }



/* =Grocery List
___________________________________________________________________________ */
#groceryList { width: 298px; background: #f57b29 url(../endecaImg/relatedProducts/bg-title.gif) repeat-x top left;  margin-bottom: 10px; border:1px solid #a9740f;}

#groceryList .header { padding: 3px; height: 23px; line-height: 23px; }
#groceryList .header .title { float:left; }

#groceryList #shoppingList { 
	display: block; 
	margin: 0 0px; 
	background:#fff; 	
	max-height: 400px;
	height: auto !important;
	height: 400px;
	overflow: auto;
	padding:3px;
}

#groceryList .footer { padding: 3px; height: 23px; line-height: 23px; }
#groceryList .footer .title { float:left; }

#groceryList .button,
#groceryList .button2 { float:right; /*width: 41px;*/ padding: 0; }

#groceryList .button a { width: 41px; height: 23px; line-height: 23px; display: block; background: url(../endecaImg/groceryList/button-save.gif) no-repeat top left; text-align: center; }
#groceryList .button2 a { width: 72px; height: 23px; line-height: 23px; display: block; background: url(../endecaImg/groceryList/button-save3.gif) no-repeat top left; text-align: center; }

#groceryList .button a:hover,
#groceryList .button2 a:hover { background-position: top right; }

#groceryList .padding { padding: 0 3px; }
#groceryList .productSeparator { margin: 5px 0; } /* overwrite default margin */

#groceryList .item { margin: 0 0 6px 0; min-height: 14px; height: auto !important; height: 14px; }
#groceryList .item .itemName { width: 200px; display: block; margin-left: 60px; }
#groceryList .item a.trash { float: right; display: block; width: 11px; height: 14px; background: url(../endecaImg/groceryList/trash.gif) no-repeat 0 0;  }
#groceryList #shoppingList #shoppingListProducts {padding: 3px 0;}
#groceryList #shoppingListTotals { display:block; background-color:#fff; padding:5px; text-align:right; } 

#groceryList .add-remove {
	float: left;
	width: 20px;
	height: 30px;
}

#groceryList .qty {
	float: left;
	width: 20px;
	height: 30px;
	line-height: 30px;
}

a.add, a.remove {
	display: block;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
}

a.add {
	background: url(../endecaImg/cart-inc.gif) no-repeat 0 0;
	margin-bottom: 2px;
}

a.remove {
	background: url(../endecaImg/cart-dec.gif) no-repeat 0 0;
}

a.add:hover, a.remove:hover {
	background-position: 100% 0;
}

#groceryList strong.smaller {
	margin-right: 20px;
}




/* =Results Search
___________________________________________________________________________ */
#resultsSearch { background: #eaeec2 url(../endecaImg/resultsSearch/bg-resultsSearch.gif) repeat-x bottom left; margin-bottom: 5px; padding: 10px; min-height: 64px; height: auto !important; height: 64px; border: 1px solid #eaeec2; }

	#resultsSearch .col1 { float: left; margin: 4px 0 0 0; }

	#resultsSearch .col2 { float: left; margin: 0 0 0 10px; }
		#resultsSearch .col2 .options { margin-top: 10px; }
		#resultsSearch .col2 .options div { float: left; margin: 0 5px 0 0; }
	
	#resultsSearch .col3  { float: left; margin-left: 5px; }
		#resultsSearch .col3 div { /* float: left; border: 1px solid; */}

		#resultsSearch .col3 div.container { margin-top: 10px; /*clear: left;*/ }
		#resultsSearch .col3 div.searchWithin { float: left; }
		#resultsSearch .col3 div.label { margin: 0 0 0 20px; /*min-width: 70px; width: auto !important; width: 70px;*/ }

	#resultsSearch label { vertical-align: bottom; line-height: 1.2em; margin-top: 3px; padding: 0; margin: 0;}





/* =Bread Crumbs
___________________________________________________________________________ */
#breadCrumbs { margin: 10px; }
	#breadCrumbs a { background: url(../endecaImg/breadCrumbs/delete.gif) no-repeat 0 0; padding: 0 0 3px 18px; margin: 0 0 0 5px; line-height: 20px;} 
	/*#breadCrumbs p { display: block; height: 24px; line-height: 24px; padding: 0; margin: 0; border: 1px solid; }*/
	/*#breadCrumbs img { vertical-align: middle; margin-left: 5px; }*/



/* =Search Information
___________________________________________________________________________ */
#searchInfo .terms { padding: 6px 10px 6px 10px; background-color: #f2f7fc; border-top: 1px solid #cce5ff; }
#searchInfo .categorysTitle { padding: 0 10px 0 10px; height: 21px; line-height: 21px; margin: 1px 0 0 0; background: #6da5da url(../endecaImg/searchInfo/bg-title.gif) repeat-x top left; border: 1px solid #609cd9; }
#searchInfo .categorys { padding: 10px; }



/* =Results Nav
___________________________________________________________________________ */
.resultsNav { padding: 0 10px; background-color: #acae97; min-height: 26px; height: auto !important; height: 26px; line-height: 26px; margin-bottom: 10px; }

	.resultsNav a { padding: 0 3px 0 3px; }
	.resultsNav .currentSort { font-weight: bold; }
	/* .resultsNav .containerRight { border: 1px solid; margin: 0 0 0 auto; width: 45%; } */
	/*.resultsNav .sorting { }*/
	.resultsNav .pagination { text-align: right; }

	.resultsNav .perpage { float: left; }
		.resultsNav .perpage form { text-align: right; }
		.resultsNav .perpage select { margin-top: 2px; }
	
	.resultsNav span.yourArea { height: 26px; line-height: 26px; }



/* =Results - None
___________________________________________________________________________ */
#resultsNone { min-height: 70px; height: auto !important; height: 70px; background: #fff url(../endecaImg/resultsSearch/bg-noResults.gif) repeat-x top left; padding: 20px; margin: 10px 0 0 0; }
#resultsNone ul li { line-height: 20px; }



/* =Buttons
___________________________________________________________________________ */

/* COMMON properties for all buttons */
.dealBtn,
.sendDeal { padding: 0; }

.dealBtn a,
.emailDeal a,
.searchBack a,
a.basicBtn { display: block; text-align: center; }

.dealBtn a:hover,
.emailDeal a:hover,
.searchBack a:hover,
a.basicBtn:hover { background-position: top right; }


/* CUSTOM properties per button */
.dealBtn { float: right; width: 68px;  margin: 0 5px 0 0; }
	.dealBtn a { width: 68px; padding-top: 6px; height: 32px; line-height: 1.1em; background: url(../endecaImg/productDisplay/button-add.gif) no-repeat top left; }

/*.printBtn { float: right; width: 68px;  margin: 0 5px 0 0; clear: right; }
	.printBtn a { width: 68px; height: 33px; line-height: 33px; background: url(../endecaImg/productDisplay/button-add.gif) no-repeat top left; }*/

.emailDealBtn { float: right; width: 68px; margin: 26px 5px 0 0; }
	.emailDealBtn a { width: 68px; height: 23px; line-height: 23px; background: url(../endecaImg/buttons/send-deal.gif) no-repeat top left; }

.searchBack { padding: 10px 0 10px 0; border-width: 0 0 1px 0; border-style: solid; border-color: #d1d7e1; }
	.searchBack a { width: 143px; height: 33px; line-height: 33px; background: url(../endecaImg/buttons/search-back.gif) no-repeat top left; }

.iconCheck { padding: 10px 0 10px 0; border-width: 1px 0 1px 0; border-style: solid; border-color: #d1d7e1; }
	.iconCheck a { width: 143px; height: 33px; line-height: 33px; background: url(../endecaImg/buttons/search-back.gif) no-repeat top left; }

a.basicBtn { width: 123px; height: 33px; line-height: 33px; background: url(../endecaImg/buttons/btn-basic.gif) no-repeat top left; font-weight: bold; }
	a.basicBtn:hover { text-decoration: none; }





/* =Product Display
___________________________________________________________________________ */
.productDisplay { position: relative; margin: 10px 0; min-height: 90px; height: auto !important; height: 90px; display: block; width: auto; }

	.productDisplay .image { position: relative; float: left; width: 90px; }
		.productDisplay .image .zoom a { position: absolute; display: block; width: 17px; height: 17px; top: 67px; right: 5px; background: url(../endecaImg/productDisplay/zoom.gif) no-repeat 0 0; }

	.productDisplay .desc { position: relative; margin: 0 255px 0 100px; min-height: 50px; height: auto !important; height: 50px; }
	.productDisplay .coupon { position: absolute; width: 61px; top: 0; right: -73px; }

	.productDisplay .buttons { width: 68px; float: right; }

	.productDisplay .addToListMargin { margin-top: 7px; }

	.productDisplay .category { position: relative; height: 25px; line-height: 25px; padding: 4px; margin: 10px 175px 0 100px; color: #36C; font-weight: bold; }

	.productDisplay .nutrition { position: relative; background-color: #f6f7e3; height: 25px; line-height: 25px; padding: 4px; margin: 10px 175px 0 100px; }
		.productDisplay .nutrition a { float: left; }
		/*.productDisplay .nutrition img.alert { position: absolute; right: 4px; }
		.productDisplay .nutrition img.check { position: absolute; right: 31px; }*/
		.productDisplay .nutrition div.alert { position: absolute; right: 4px; top: 5px; }
		.productDisplay .nutrition div.check { position: absolute; right: 31px; top: 5px; }

		.productDisplay .nutrition div.alert a.alertBtn,
		.productDisplay .nutrition div.check a.alertBtn	{ width: 23px; height: 25px; display: block; background-position: top left; background-repeat: no-repeat; }
		.productDisplay .nutrition div.alert a.alertBtn:hover,
		.productDisplay .nutrition div.check a.alertBtn:hover { background-position: top right; }


	.productDisplay .showDeals { float: right; height: 33px; line-height: 33px; margin: 10px 5px 0 0; }

		.productDisplay .showDeals a:hover span.symbol { background-color: #204080; }

		.productDisplay .showDeals span.text { line-height: 33px; margin-right: 5px; }
		.productDisplay .showDeals span.symbol { background-color: #69c; padding: 0 5px 0 5px; height: 20px; border: 1px solid #ddd;  }

	.productDisplay .productWrapper { background-color: #ff9; padding: 5px 0 5px 10px; min-height: 33px; height: auto !important; height: 33px; border-bottom: 1px dotted #d1d7e1; }
		.productDisplay .productWrapper.first { margin-top: 5px; }
		.productDisplay .productWrapper .endDate { float: right; padding: 0 15px 0 0; border: none; border-right: 1px dotted #999; }
		.productDisplay .productWrapper .price { float: right; margin: 0 10px 0 0; text-align: right; padding: 0 0 0 15px; }

	/*.productDisplay*/ .emailDeal { margin-top: 10px; background-color: #fcfde2; padding: 5px 0 5px 5px; height: 74px; line-height: 18px; border: 1px solid #eaeec2; }
	
	/*.productDisplay*/ .emailDeal .field { float: left; }
		/*.productDisplay*/ .emailDeal input { margin: 2px 10px 4px 0; } 



/* =Deal Display
___________________________________________________________________________ */
.dealDisplay { 
	position: relative; 
	margin: 10px 0; 
	min-height: 90px; 
	height: auto !important; 
	height: 90px; 
	display: block; 
	width: auto; 
}

	.dealDisplay .image { position: relative; float: left; width: 90px; }
		.dealDisplay .image .zoom a { position: absolute; display: block; width: 17px; height: 17px; top: 67px; right: 5px; background: url(../endecaImg/productDisplay/zoom.gif) no-repeat 0 0; }

	.dealDisplay .desc { position: relative; margin: 0 255px 0 100px; min-height: 50px; height: auto !important; height: 50px; }
		.dealDisplay .desc .coupon { position: absolute; z-index: -1; width: 61px; top: 0; right: -73px; }

	.dealDisplay .buttons { width: 68px; float: right; z-index: -1;}

	.dealDisplay .price { float: right; text-align: right; padding: 0 10px 0 0; width: 95px; overflow: hidden; }
		.dealDisplay .price .endDate { padding: 3px 0 0 0; margin: 5px 0 0 20px; border: none; border-top: 1px dotted #333; }

	.dealDisplay .category { position: relative; height: 25px; line-height: 25px; padding: 4px 0; margin: 0 175px 0 100px; color: #36C; font-weight: bold; }

	.dealDisplay .nutrition { position: relative; background-color: #f6f7e3; height: 25px; line-height: 25px; padding: 4px; margin: 0 175px 0 100px; }
		.dealDisplay .nutrition a { float: left; }
		.dealDisplay .nutrition a.register { float: none; } /* for inline nutrition link in alert */

		/*.dealDisplay .nutrition img.alert { position: absolute; right: 4px; }
		.dealDisplay .nutrition img.check { position: absolute; right: 31px; }*/
		.dealDisplay .nutrition div.alert { position: absolute; right: 4px; top: 5px; }
		.dealDisplay .nutrition div.check { position: absolute; right: 31px; top: 5px; }

		.dealDisplay .nutrition div.alert a.alertBtn,
		.dealDisplay .nutrition div.check a.alertBtn { width: 23px; height: 25px; display: block; background-position: top left; background-repeat: no-repeat; }
		.dealDisplay .nutrition div.alert a.alertBtn:hover,
		.dealDisplay .nutrition div.check a.alertBtn:hover { background-position: top right; }



	.dealDisplay .referral { float: right; height: 33px; line-height: 33px; margin: 0 5px 0 0; }

	/*
	.dealDisplay .emailDeal { margin-top: 10px; background-color: #fcfde2; padding: 5px 0 5px 5px; height: 74px; line-height: 18px; border: 1px solid #eaeec2; }
	
	.dealDisplay .emailDeal .field { float: left; }
		.dealDisplay .emailDeal input { margin: 2px 10px 4px 0; }
	*/


/* =Powered by
___________________________________________________________________________ */


#powered-by { font-weight: bold; line-height: 10px; background: #e6f386; margin:0; padding: 0; }
	#powered-by span { z-index: 1; display: block; background: transparent; padding:4px; }
	#powered-by a { display: block; background: transparent url(../endecaImg/header/mgd-logo.gif) no-repeat 10px -30px; height: 50px; width: 300px; margin: 0; padding: 0; color: black; text-indent: -9999px; }

/* =Related Products
___________________________________________________________________________ */
#relatedProducts { width: 300px; padding: 0 0 5px 0; overflow: hidden; }
#relatedProducts p { line-height: 13px; }

	#relatedProducts .title { min-height: 21px; height: auto !important; height: 21px; line-height: 21px; background: #f57b29 url(../endecaImg/relatedProducts/bg-title.gif) repeat-x top left; text-align: center; border: 1px solid #f57a29; }
	#relatedProducts .item { margin: 5px 0 0 0; min-height: 70px; height: auto !important; height: 70px; width:149px; float:left;}
		#relatedProducts .item p { margin: 0 0 0 75px; padding: 0 0 5px 0; }
		#relatedProducts .item img { float: left; margin: 0; padding: 0; }

	#relatedProducts .item .dealBtn { float: right; margin-right: 20px; display: inline; /* fix double-margin bug */ }



/* =Product Details
___________________________________________________________________________ */
.productDetails { border: 2px solid #333; padding: 2px; margin-top: 20px; }
	.productDetails .indent { padding-left: 20px; }
	.productDetails .borderT1 { border-top: 1px solid #333; }	.productDetails .borderB1 { border-bottom: 1px solid #333; }
	.productDetails .borderT2 { border-top: 2px solid #333; }	.productDetails .borderB2 { border-bottom: 2px solid #333; }
	.productDetails .borderT4 { border-top: 4px solid #333; }	.productDetails .borderB4 { border-bottom: 4px solid #333; }

.productDetails table tr td { height: 26px; }



/* =Homepage
___________________________________________________________________________ */
#home { margin: 0 auto; width: 765px; height: auto !important; padding-top: 10px; position: relative; } /* container, centers content min-height: 570px; height: 570px;  */
#home h1, #home .title h1 { padding: 25px 0px 7px 0px;  margin: 0px; }
#home h1.title, #home .title h1 { text-align: center; margin: 0 0 20px 0; text-transform: none; }

#home .sideCol { float: right; width: 182px; margin-top: 5px; }

#home .productCol { width: 90px; padding: 0 10px 10px 10px; border-right: 1px solid #c7c7c7; float: left; overflow: hidden; }
	#home .colLast { border: none; }
	#home .productCol .price { margin: 0 0 10px 0; }
	#home .productCol .productImg { width: 90px; height: 110px; display: block; background: url(../endecaImg/home/productSeparator.gif) repeat-x bottom left; }


#home .findDeals { width: 360px; padding: 0px 5px 0 0; margin: 0;  position: relative; }

	#home .findDeals .title { background: #f57b29 url(../endecaImg/home/bg-findDealsTitle.gif) repeat-x top left; padding: 0 0 0 10px; height: 24px; line-height: 24px; border: 1px solid #f57a29; text-align: center; font-size:90%; }
	#home .findDeals .content { position: relative; background-color: #f4d793; padding: 10px; border: 1px solid #f57a29; border-bottom: none; min-height: 60px; height: auto !important; height: 60px; }
	
	#home .findDeals input { margin-bottom: 5px; font-size:75%;}
		#home .findDeals input.field { width: 250px; padding: 2px; }
		#home .findDeals input.btn { width: 65px; }

	#home .findDeals #form1 .links { width: 265px; position: absolute; left: 10px; top: 35px; text-align: center; padding-top: 5px;font-size:80%; }
	#home .findDeals #form1 #possibleZipCodeErrors { padding-top: 50px; font-size: 90%; }
	
	#home .findDeals .links { width: 338px; text-align: center; background-color: #f4d793; border: 1px solid #f57a29; border-top: none; padding: 0 10px 5px 10px; }

#home .review { float: right; }

#home #countyTable select { margin-left: 10px; }
#home #countyTable label { padding-top: 3px; }

#home dl { margin: 0 0 10px 0; padding: 0; }
	#home dt { float: left; padding: 8px 0 0 0; text-align: left; }
	#home dd { margin: 0; padding: 0; }

#home.alternate .findDeals { width: 360px; padding: 0px 5px 0 0; margin: auto;  position: relative; }


/* =Stores
___________________________________________________________________________ */

#stores { float: left; } 

#stores .productColFluid { width: 20%; position: relative; padding: 0 10px 10px 10px; border-right: 1px solid #ececec; float: left; overflow: hidden; }
#stores .center { margin: 0 auto; width: 90px; }

	#stores .colFirst { margin: 0; }
	#stores .colLast { border: none; }
	#stores .productColFluid .price { margin: 0 0 10px 0; }
	#stores .productColFluid .productImg { width: 90px; height: 110px; display: block; background: url(../endecaImg/home/productSeparator.gif) repeat-x bottom left; }

	#stores .title { clear: left; background-color: #f2f7fc; padding: 5px 10px 5px 10px; margin: 10px 0 10px 0; height: 18px; line-height: 18px; border-bottom: 1px solid #cce5ff;}
	#stores .title h1 { float: left; }
	#stores .title a, #stores .title span { float: right; }



/* =Coupon Gallery - UNUSED, gallery is an iFrame
___________________________________________________________________________ 
#couponGallery { } 

#couponGallery .productColFluid { width: 45%; position: relative; padding: 10px; margin: 0 10px 10px 0; border: 1px dashed #333; float: left; overflow: hidden; }

	#couponGallery .productColFluid .productImg { position: relative; float: left; width: 90px; margin: 0 10px 0 0; height: 90px; display: block; }
		#couponGallery .productColFluid .productImg .mail a { position: absolute; display: block; width: 19px; height: 14px; bottom: 2px; right: -30px; background: url(../endecaImg/couponGallery/mail.gif) no-repeat 0 0; }

	#couponGallery .productColFluid .text { float: left; margin: 0 0 10px 0; }

	#couponGallery .title { clear: left; background-color: #f2f7fc; padding: 5px 10px 5px 10px; margin: 10px 0 10px 0; height: 18px; line-height: 18px; border-bottom: 1px solid #cce5ff;}
	#couponGallery .title h1 { float: left; }
	#couponGallery .title a { float: right; }

#couponGallery h1 { margin: 20px 10px 0 10px; }
#couponGallery .imgBack { margin-top: 20px; } 
#couponGallery div.dotted-line { margin: 10px; }
#couponGallery span { margin: 20px 10px 0 10px; }
*/



/* =Static Page Styles
___________________________________________________________________________ */

.testimonial .signature { text-align: right; }
ul.basic li, ol.basic li { padding: 3px 0 3px 0; line-height: 18px; }

#helpTopics a.closed, #faqTopics a.closed { background: url(../endecaImg/list-arrow-closed.gif) no-repeat 0 2px; display: block; padding: 0 0 0 14px; }
#helpTopics a.opened, #faqTopics a.opened { background: url(../endecaImg/list-arrow-open.gif) no-repeat 0 2px; display: block; padding: 0 0 0 14px; }

#helpTopics li { list-style-type: none; width: 275px; }
#faqTopics li { list-style-type: none; width: 400px; }

.toTop a { background: url(../endecaImg/arrow-top.gif) no-repeat 0 3px; display: block; padding: 0 0 0 10px; width: 40px; }



/* =Warning Alert
___________________________________________________________________________ */

.alertWrapper { position: absolute; z-index: 500; right: -3px; /*172px;*/ /*top: 10px;*/ bottom: 36px; width: 330px; padding: 0;
/*outline: 1px solid;*/
/*padding: 10px 20px 35px 10px;*/
/*border: 1px dashed #00c;*/
 /* force hasLayout? 
display: inline-block; height: 1%; _height: 0; zoom: 1; overflow: auto !important; */
}

/* iframe to hide select box in IE6, works but is covering text, fix later
.alertWrapper .iframeShim { position: absolute; top: 2px; left: 2px; display: block; z-index: 19; width: 150px; height: 30px; } */


.alertWrapper .innerBorder { position: relative; /*z-index: 500;*/ padding: 5px; border: #797a6a 2px solid; background-color: #fff; }
.alertWrapper .arrow { position: absolute; z-index: 400; right: 31px; bottom: -14px; display: block; width: 14px; height: 16px; background: transparent url(../endecaImg/arrow-alert.gif) no-repeat top left; }
.alertWrapper p { line-height: 12px; background-color: #fff; }
.alertWrapper .innerBorder .hideAlerts { text-align: right; margin-bottom: 0;} 
	.alertWrapper .innerBorder .hideAlerts a { float: none; } 



/* =Ads
___________________________________________________________________________ */
.adContainer { margin-bottom: 5px; }
#leftAdColumn { float: left; margin-left: 5px; }


/* =Print Container
___________________________________________________________________________ */
#print-container #member-login { float: right; display: block; }
#print-container #membership-means li .bullet { margin-right: 8px; padding: 0px; width: 15px; }
#print-container #membership-means li { list-style: none outside; margin: 5px; margin-left: 15px; padding-left: 0px; text-indent: -15px; }
#print-container #save-on-weekly-groceries { display: block; float: right; height: 125px; width: 174px; text-decoration: none; }
#print-container #save-on-weekly-groceries img { border: none; }




/* =Instructions
___________________________________________________________________________ */
#instructions .step1 { position: relative; min-height: 140px; height: auto !important; height: 140px; padding-right: 280px; }
#instructions .step2 { position: relative; min-height: 198px; height: auto !important; height: 198px; padding-right: 280px; margin-top: 20px; }
#instructions .step3 { position: relative; min-height: 250px; height: auto !important; height: 250px; padding-right: 280px; margin-top: 20px; }

	#instructions .step1 img,
	#instructions .step2 img { position: absolute; right: 0; top: 10px; }
	#instructions .step3 img { position: absolute; right: 76px; top: 10px; }


/* =Error messages
___________________________________________________________________________ */

#errorMessages { margin-top: 20px; }
	#errorMessages p { margin:10px; font-weight: bold; text-align: center; }


/* =TEMP, do not upload to live site! */
/*#mainContent .colContainer .col { display: none; }*/
/*#sideNav { display: none; }*/
/*#resultsSearch { display: none; }*/
/*#mainNav { display: none; }*/



/* =Tab navigation
___________________________________________________________________________ */

#tabs {
	width: 100%;
	display: block;
}
	
#message { 
	width: 60%;
	min-height: 64px;
	height: auto !important;
	height: 64px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
}
	
	#message * {
		text-align: center;
	}

#secondaryNav { 
	background-color: #fff;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	display: block;
}
	
	#secondaryNav p {
		width: 110px;
		height: 39px;
		float: left;
		line-height: 14px; 
		margin-right: 1px;
		margin-bottom: 0; /* JASON, overwrite default bottom margin */
	}

	#secondaryNav p a {
		/*padding-bottom: 1px;*/
	}

	#secondaryNav p#search {
		margin-right: 0;
	}

	a.tabs {
		display: block;
		width: 110px;
		height: 35px;
		color: #3a62a7;
		background: #4d74b8 url(../endecaImg/tabs_bg_sm.gif) 0 0 no-repeat;
		text-align: center;
		padding-top: 5px;
	}
	
	a.tabs:hover {
		color: #fff;
		/*background-position: -132px 0;*/
		background-position: -110px 0; /* LIZL */
		text-decoration: none;
	}
	
	a.currentTab {
		display: block;
		width: 110px;
		height: 35px;
		color: #fff;
		text-align: center;
		/*background: url(../endecaImg/tabs_bg.gif) #3a62a7 -132px 0 no-repeat;*/
		background: #4d74b8 url(../endecaImg/tabs_bg_sm.gif) -110px 0 no-repeat; /* LIZL */
		padding-top: 5px;
	}
	
	a.currentTab:hover {
		color: #fff;
		text-decoration: none;
	}
	
#details {
}

	#totalDeals {
		color: #fff;
		background-color: #4d74b8;
		padding: 5px;
	}
	
	#totalDeals p {
		text-align: right;
		margin-bottom: 0;
		padding-top: 0;
	}



#currentDeals {
	color: #3a62a7;
	background-color: #fff;
	padding: 5px;
}
	
	#currentDeals p {
		text-align: right;
		margin-bottom: 0;
	}



#paginationTop {
	background-color: #dce7f7;
	min-height: 22px;
	height: auto !important;
	height: 28px;
	padding: 5px 10px;
	overflow: hidden;
}

	#paginationTop .categoryTitle {
		float: left;
		/*margin-top: 6px;*/
	}	
	
	#paginationTop .nextCategory_top {
		float: right;
		text-align: right;
		color: #3a62a7;
	}



#paginationBottom {
	min-height: 32px;
	height: auto !important;
	height: 32px;
	padding: 5px 10px;
	border-top: 1px solid #c1d1eb;
}

	#paginationBottom .anchor  {
		width: 100px;
		height: 20px;
		float: left;
	}

	#paginationBottom .anchor a {
		background: url(../endecaImg/anchor_arrow.gif) no-repeat 100% 4px;
		padding-right: 10px;
		text-decoration:none;		
	}

	#paginationBottom .nextCategory_bottom {
		float:right;
		text-align: right;
		color:#3a62a7;
	}

/* =Splash Page overlabels
___________________________________________________________________________ */

label.overlabel {
	display: none;
}
label.overlabel-apply {
	z-index:1;
	color: #777;
	width: 250px !important;
	font-size: 75%;
}

#strPasswordLabel.overlabel-apply {
	position:absolute;
	top:41px;
	left: 14px;
	display: block;
}
#strUserNameLabel.overlabel-apply {
	position:absolute;
	top:15px;
	left: 14px;
	display: block;
}

#zipLabel.overlabel-apply{
	position:absolute;
	top:15px;
	left: 14px;
	display: block;
}



/* =Manage Stores
___________________________________________________________________________ */

#set-guest-stores #guestStoresListing #guestStores {
	overflow: hidden;
}

#set-guest-stores #guestStoresListing #guestStores p {
	margin-bottom: 10px;
}


#set-guest-stores #selectAll a {
	font-style: italic;
	font-weight: bold;
	font-size: 116%;
}

#set-guest-stores {
	width: 55%;
	margin:0 auto;
	text-align: left;
}

#set-guest-stores .stores-listing {
	width: 40%;
}

#set-guest-stores #selectAll {
	text-align: center;
}



/* =Starter List
___________________________________________________________________________ */
#terms-list {
	margin-left:15px;
	overflow: hidden;
}

#terms-list ul.terms {
	width: 20%;
	padding: 0 10px 10px 0;
	margin: 0;
	float: left;
	list-style-type: none;
	list-style-position: inside;
}

#terms-list ul.terms li {
	padding: 0 0 5px 0;
	list-style-type: none;
}

#terms-list a {
	display: block;
}

#terms-list a.blank {
	padding: 0 0 0 14px;
	margin: 0;
}

#terms-list a.check {
	background: url(../endecaImg/checkWhite.gif) no-repeat 0 50%; 
	padding: 0 0 0 14px;
	margin: 0;
}

#starter-list-terms {
	overflow: hidden;
}

#starter-list-terms h1 {
	font-size: 138.5% !important;
	padding-left: 15px !important;	
}


/* =TEMPORARY All Categories
___________________________________________________________________________ */
.continued-on-next, .continued-from-prev {
	display: none;
}

.storeListing label {
	margin-left:10px;	
}

#mainContent .listEmailed {
	padding: 20px 0 0 10px;	
}

#mainContent .listEmailed p { height: 50px; line-height: 33px; margin-bottom: 0; }
#mainContent .listEmailed a { float: left; margin-right: 20px; }

#mainContent .listEmailed #clearOrKeepListForm p { height: auto; margin-bottom: 10px; }


/* Shopping List Preview
___________________________________________________________________________ */
#mainContent #mail-shopping-list-products {	
}

#mainContent #mail-shopping-list {
}

#mainContent #mail-shopping-list #email-form-shopping-list {
}

.listCategory { color: #666; }
#previewButtons { height: 33px; }
input.print-only { display: none; }

.emailDealPreview { height: 104px; position: relative; }
.emailDealPreview input#ccto-shopping-list { margin: 0; }
.emailDealPreview .ccto { position: absolute; bottom: 5px; left: 5px; padding-top: 10px; }

/* Shopping List striping
___________________________________________________________________________ */
.odd { background-color: #DCE7F7; }
.even {background-color: #FFFFFF; }


/* Shopping List preview
___________________________________________________________________________ */
/*#list-preview { margin-left:200px; }*/


/* New Coupon Gallery Landing Page
___________________________________________________________________________ */
#couponClickMessage { font-weight: bold; font-style: italic; font-size: 131%; padding: 30px 0 10px 0;  }
#couponClickMessage, #couponGalleryList  { margin: auto; width: 100%; text-align: center; }
#couponGalleryList a { margin: 0 20px; }