/* Global Styles - Overrides */
/*img		    {behavior: url("iepngfix.htc") }*/ /* fixes PNG transparency in IE6 */
body 		{text-align:center;} /* fixes alignment in IE */
#container 	{text-align:left;}   /* fixes alignment in IE */

.noborder {border:none !important;width:auto !important; vertical-align:middle;}
/* for Internet Explorer */
/*\*/
* html .noborder 	{margin-bottom:6px;}
/**/
.nospace  			{margin:0 !important;padding:0 !important;}
.btnplus  			{width:25px;height:18px;border:none !important;}
.hide				{display:none;}

/* Header Tags */
h1 		{font-weight:normal;font-size:21px;color:#00a94f;text-transform:uppercase;border-bottom:1px solid #00a94f;}
h2		{font-weight:normal;font-size:14px;color:#00a94f;text-transform:none;}
h3		{font-weight:normal;font-size:14px;}

/* Form Elements */
#tabs select 	{width:140px;}
#sidebar input  {width:160px;}
#main form, #sidebar form		{margin:4px;}
#main input, #sidebar input		{border:1px solid #00a94f;padding:2px;color:#555555;font-size:11px;}
#main select 					{border:1px solid #00a94f;padding:2px;color:#555555;font-size:11px;}

/* Layout */
#home {
	float:right;
	width:560px;
	height:398px;
	background:#ffffff url('img/bg_shoppinglist.jpg') bottom right no-repeat;
	border:1px solid #00a94f;
	margin-bottom:4px;
}
	#home_inner {float:left;width:300px;padding:25px;}
	#home_inner h1 {border:none;}
	#home select {width:170px;border:1px solid #00a94f;padding:2px;color:#555555;font-size:11px;}
	#home p {font-size:100%;margin:10px 0 10px 0;}
	
#home_btmleft {
	float:right;
    width:277px;
	height:148px;
	background:#ffffff url('img/bg_homebtmright.jpg') top right no-repeat;
	border:1px solid #00a94f;
}
#home_btmleft_inner {float:left;width:160px;padding:15px;}
#home_btmright {
	float:right;
	width:277px;
	height:148px;
	background:#ffffff;
	border:1px solid #00a94f;
	margin-left:4px;
}
#home_btmright_inner {float:left;padding:15px;}

#main {
	float:right;
	width:558px;
	background-color:#ffffff;
	border:1px solid #00a94f;
	font-size:100%;
}
	#main .title 				{padding:16px;}
	#tabs						{height:33px;background-color:#00a94f;text-align:center;}
	#tabs a						{display:block;color:#ffffff;text-decoration:none;font-size:12px;font-weight:bold;padding:10px;}
	#tabs td.selected-tab   	{background-color:#e5f6ed;}
	#tabs td.selected-tab a 	{color:#00a94f;}
	#weeklyAdCol     			{border-right:1px solid #E5F6ED;}
	#detailAdCol				{border-right:1px solid #E5F6ED;}
	
	#searchForm					{padding:0 !important;margin:0 !important;}
	
	#main #subtitle				{
		position:relative;
		height:24px;/* height:34px */
		background-color:#e5f6ed;
		padding:10px 20px 0 15px; /* padding:20px 20px 0 15px; */
		border-bottom:1px solid #cceedc;
	}
	#subtitle h2				{text-align:right;}
	#listname					{text-align:left !important;}
	#main .printicon			{position:absolute;bottom:5px;right:20px;}	
	#renamelist					{position:absolute;top:0px;left:15px;display:none;}
	
	/* Page Controls */
	#pagecontrols				{margin:auto;width:350px;height:18px;padding:5px;text-align:center;margin-top:5px;margin-bottom:5px;}
	#pagecontrols table			{margin:auto;}
	#pagecontrols .button		{float:left;vertical-align:middle;padding:0 3px;}
	#pagenumbers				{
		float:left;
		width:auto;
		height:18px;
		border-top:1px solid #cceedc;
		border-right:1px solid #cceedc;
		border-bottom:1px solid #cceedc;
	}
	#pagenumbers div			{
		float:left;
		width:20px;
		height:18px;
		border-left:1px solid #cceedc;
		font-size:11px;
	}
	#pagenumbers a				{display:block;width:20px;padding:2px 0;text-decoration:none;}
	#pagenumbers a:link, 
	#pagenumbers a:visited 		{color:#00a94f;}
	#pagenumbers a:hover		{background-color:#00a94f;color:#ffffff;}
	#pagenumbers .selected		{background-color:#00a94f;color:#ffffff;padding:2px 0;height:14px;}
	
	
	#shoppinglistform			{margin:0 !important; padding: 0 !important;}
	#shoppinglistform input 	{border:none;padding-left:20px;}
	
	/* List View Table Styles */
	/* table.listview th 		{background-color:#00a94f;padding:8px 15px;font-weight:bold;font-size:14px;color:#ffffff;text-align:left;} */
	table.listview .categoryHeader {background-color:#00a94f;padding:8px 15px;font-weight:bold;font-size:14px;color:#ffffff;text-align:left;}
	table.listview td		{border-bottom:1px solid #cceedc;vertical-align:top;padding:0;font-weight:bold;}
		
	table.listview .itemimage {
		display:table-cell;
		width:170px;
		height:150px;
		background-image:url(img/bg_itemimage.gif);
		background-repeat:no-repeat;
		background-position:center;
		text-align:center;
		vertical-align:middle;
	}
	table.listview .itemimage img, 
	table.listview .itemimg			{text-align:center;max-width:120px;max-height:120px;}	
	table.listview .itemtitle 		{font-size:16px;padding:10px 6px 12px 0;}	
	table.listview .itemtitle p 	{font-size:11px;margin-top:1em;padding-left:6px;}
	table.listview .itempricetd 	{width:80px;text-align:right;padding:10px 0 0 0;}
	table.listview .itemprice		{font-size:16px;color:#00a94f;}	
	table.listview .itempricesmall	{font-size:12px;color:#00a94f;}
	table.listview .itemadd 		{text-align:right;padding:10px 20px 0 20px;}
	
	/* Past Lists CSS */
	table.listview .listname	{padding:10px 4px 10px 15px;font-size:14px;}
	table.listview .listdate	{padding:10px 0px 10px 15px;}
	table.listview .listbtn		{padding:6px 0px;}
	.smallgreen 				{color:#00a94f;font-size:10px;padding:0 5px;}
    .even 						{background-color: #f0faf4;border-bottom:1px solid #cceedc;}
    .odd  						{background-color: #ffffff;border-bottom:1px solid #cceedc;}
    
    .weeklyspecialslink 	{float:right;margin-top:-32px;font-weight:bold;padding-right:25px;}
    .weeklyspecialslink a 	{color:red;}	
	
	/* My List CSS */
	#mylist					{width:100%;margin:auto;}
	#mylist td				{padding:6px 15px;border-bottom:1px solid #cceedc;}
	#mylist input			{border:1px solid #00a94f;text-align:center;width:2em !important;padding:.2em !important;}
	#mylist .itemrow		{border-bottom:1px solid #cceedc;}
	#mylist .itemqty		{width:20px;padding-left:20px;}
	#mylist .itemtitle		{width:400px;font-size:14px;font-weight:bold;}
	#mylist .itembtnx		{text-align:right;padding-right:20px;}
	#mylist .notescontainer	{width:475px;height:35px;padding-left:50px;display:none;}
	#mylist .notes_inner	{
		width:450px;
		height:1.25em;
		padding:.5em; 
		border:1px solid #cceedc;
		background-color:#f2fbf6;
		color:#00a94f;
		font-family:arial;
		font-size:11px;
	}
	
	/* Weekly Ad and Weekly Ad Popup */
	#searchCategory			{position:absolute;top:8px;left:15px;width:160px;}
	#searchBrand			{position:absolute;top:8px;left:175px;width:160px;}
	#searchCategory select,
	#searchBrand select     {width:140px;}
	#weeklyad				{min-height:600px;}
	/* for Internet Explorer */
	/*\*/
	* html #weeklyad 		{height:auto;}
	/**/
	#circularPage			{padding:5px;margin-left:8px;}
	#circularPage .border	{border:1px solid #cceedc;padding:4px;}
	
	#tooltip {
		position:absolute;
		z-index:2;
		width:125px;
		height:auto;
		padding:2px;
		border:1px solid #00a94f;
		font-size:11px;
		color:#00a94f;
		background-color:#ffffff;
		filter:alpha(opacity=90);
		-moz-opacity:.90;
		opacity:.90;
	}
		
	#popup_bg		{position:absolute;z-index:2;width:249px;height:185px;background:url(/shoppinglist-web/theme/bg_popup.png) no-repeat;}
	#popup			{position:absolute;z-index:3;width:249px;height:185px;}
	.closex			{position:absolute;z-index:9;top:5px;right:12px;width:52px;height:13px;}
	.popup_inner	{position:relative;z-index:5;width:219px;height:auto;margin:20px 10px 10px 8px;padding:5px;text-align:left;}
	.popup_thumb	{float:left;padding-right:5px;}
	.popup_title	{font-size:12px;font-weight:bold;}
	.popup_price	{font-size:14px;font-weight:bold;color:#00a94f;}
	.popup_add		{padding:2px 0 2px 5px;position:relative;top:2px;z-index:9;}
	.popup_desc		{font-size:10px;}
	
    /* HACK FOR IE: to make sure the popup show above form controls, we underlay with an iframe */
    .iframeunderlay {position:absolute;top:0;left:0;width:249px;height:185px;z-index:1;filter:alpha(opacity:0.1);border:none;}

#sidebar {
	float:left;
	width:210px;
}
	#sidebar #shoppinglist {
		width:208px;
		height:auto;
		min-height:244px;
		background-color:#cceedc;
		border:1px solid #00a94f;
	}
	    #shoppinglist .listicon {float:right;margin-top:-3px;border:none;}
		#shoppinglist #title {
			height:17px;
			padding:10px;
			background-color:#00a94f;
			color:#ffffff;
			font-size:14px;
		}
		#shoppinglist #defaultlist {
			background:#ffffff url(img/listdefault.gif) center center no-repeat;
			height:145px;
			margin:5px;
		}		
		#shoppinglist #list {background-color:#ffffff;margin:5px 5px 0 5px;min-height:230px;}
		/* for Internet Explorer */
		/*\*/
		* html #list { height: 230px;}
		/**/
		
		#shoppinglist #list td {
			border-bottom:1px solid #cceedc;
			font-size:11px;
			color:#00a94f;
			padding:5px 0px 5px 6px;
		}
		#shoppinglist #list .qty	{width:1.5em;border:1px solid #00a94f;text-align:center;font-size:9px;color:#00a94f;}
		#shoppinglist #list .delete	{padding-right:10px;}
		
		#shoppinglist a 			{font-size:10px;color:#00a94f;text-decoration:none;}
		#shoppinglist .viewlist 	{text-align:right;padding:4px 8px 4px 0;font-weight:bold;font-size:9px;}
		
		#lastsaved	 	{text-align:right;font-size:9px;color:#00a94f;padding:6px 8px 2px 0;}
		
		#shoppinglist #listnav	{
			text-align:center;
			text-transform:uppercase;
			color:#00a94f;
			padding:5px 2px 5px 2px;
			letter-spacing:-1px;
		}
	
	#toolbox {
		position:relative;
		float:left;
		width:208px;
		border:1px solid #00a94f;
		background-color:#ffffff;
		margin-top:6px;
	}
	#toolbox .toolbox_hdr {
		height:17px;
		padding:10px;
		background:#00a94f url(img/icn_toolbox.gif) 98% center no-repeat;
		color:#ffffff;
		font-size:14px;
		text-transform:uppercase;
	}
	#toolbox .toolbox_content {
		background-color:#fff;
		padding:5px;
		line-height:1.5;
	}
	#toolbox ul li {font-size:12px;}
	#toolbox a:link, #toolbox a:visited {color:#00a94f;text-decoration:none;}
	#toolbox a:hover, #toolbox a:active {color:#00a94f;text-decoration:underline;}
	
	#ad {
		position:relative;
		float:left;
		width:208px;
		height:208px;
		border:1px solid #00a94f;
		margin-top:6px;
	}

#footer {margin:auto;width:776px;text-align:left;}
		
/* SpryTooltip.css - version 0.2 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe */
.iframeTooltip 	{ position: absolute; z-index: 1010; filter:alpha(opacity:0.1); }
.tooltipContent	{ background-color: #FFFFCC; }