/*MWG Home Page Styles*/

/*Overrides for all.css*/
#quickLinks{ float:none !important; margin:0px auto !important; }
#sideBar{ display:none; }
#page{ left:0px; width:982px;}
	#pageHead{ display:none; }

/*Page styles*/
#userGroups{ position:relative; height:160px;}
	#userGroups h1{ color:#597B7C; text-align:center; margin:10px 0; font-size:22px; display: block;}
	
	#userGroups > div{ position:relative; left: 15px; margin:5px 0px 5px 29px; float:left; }
	#userGroups > div > img{ position:absolute; top:3px; left:3px; z-index:1; }
	#userGroups #shoppers {margin-left: 0px;} 
	
	.userGroup{ position:relative; width:295px; height:90px; border:1px solid #AAAAAA; background-color:#FFF; z-index:2; }
		.userGroup h2{ margin:2px; color:#FFF; padding:2px 8px 2px 15px; font-weight:600; font-size:18px }
		.userGroup p{ margin:10px 10px 5px 10px; color:#5A5A5A; font-weight:600; }
		.userGroup a{ position:absolute; top:0; left:0; width:295px; height:90px; z-index:999; display:block; background-color:#ccc;
						filter:alpha(opacity=00); -moz-opacity:0.0; -kthml-opacity:0.0; opacity:0.0;  } 
						
	#shoppers h2{ background-color:#B0BC22; }
	#shoppers p { margin:10px 40px 5px 10px; }
	#shoppers img{ position:absolute; top:-10px; right:-10px; }
		
	#grocers h2{ background-color:#B15B11; }
	#admen h2{ background-color:#597B7C; }	
	
#mainContent{ position:relative; width:982px; height:555px;}
	#bigColumn{ float:left; width:780px; height:100%;padding-left:10px; overflow:hidden; }
		#bigFlash{}
		#blogBar{ position:relative; width:745px; height:51px; display:block; background:#E5E5E0 url(../images/blog-gradient.gif) repeat-x;
					padding:5px; margin:10px 5px 5px 5px; text-align:center; border:1px solid #AAAAAA; overflow:hidden; }
			#blogBar img{ position:relative; float:left; margin:0 5px; z-index:999; }
			#blogBar div{ position:relative; float:left; border-right:solid 1px #C5C5C5; margin:5px 0 0 0; padding:3px 5px; z-index:999; }
				#blogBar div h3{ font-size:16px; font-weight:600; padding:0; margin:0; }
				#blogBar div h4{ font-size:12px; font-weight:600; padding:3px; margin:0; }
			#blogBar p{ position:relative; top:15px; margin:0 auto; padding:0; font-size:14px; font-weight:600; z-index:3; }
			#blogBar a{ position:absolute; top:0; left:0; width:745px; height:61px; z-index:999; display:block; background-color:#ccc;
						filter:alpha(opacity=00); -moz-opacity:0.0; -kthml-opacity:0.0; opacity:0.0; }	
			#bbHoverHelper{ position:absolute !important; top:0px; left:0px; width:755px; height:63px; z-index:1 !important; display:block;
							background:#98988d url(../images/blog-gradient-over.gif) repeat-x; border:none !important;
							filter:alpha(opacity=00); -moz-opacity:0.0; -kthml-opacity:0.0; opacity:0.0; 
							margin:0 !important; padding:0 !important; float:none !important;  }
		#smallFlash{ position:relative; float:left; }
		#newsFeed{ position:absolute; top: 305px; left:425px; float:right; width:345px; height:245px; margin:0 5px 0 0; }
			#newsFeed h1{ font-size:14px; font-weight:600; margin:0; padding:4px; 
							border-top:solid 2px #AAAAAA; border-bottom:double 4px #AAAAAA; }
			#newsFeed > div{ margin-left:4px; height:210px; overflow:auto; } 
				#newsFeed > div > div{ margin:10px 6px; }
					#newsFeed > div > div h2{ margin:0; padding:0; font-size:12px; font-weight:600; }
					#newsFeed > div > div h3{ margin:0; padding:0; font-size:12px; font-weight:500; }
					
					#newsFeed > div > div h2 a:link{ color: #61605D; }
					#newsFeed > div > div h2 a:visited{ color: #61605D; }
					#newsFeed > div > div h2 a:active{ color: #61605D; }
					#newsFeed > div > div h2 a:hover{ color: #61605D; text-decoration: none; font-size: 12px; font-weight:600;}
				
	#smallColumn{ float:right; width:190px; height:100%; overflow:hidden; }
		
		#emailSignup{ position:relative; left:5px; top:30px; width:154px; padding:5px 8px; border:solid 1px #AAAAAA;  }
			#emailSignup h2{ color:#5A5A5A; font-size:18px; font-weight:600; text-align:center; margin:0; padding:0; }	
			#emailSignup img{ display:block; margin:5px auto; }
			#emailSignup p{ color:#5A5A5A; font-size:14px; font-weight:600; text-align:center; margin:0; padding:0; }
			#emailSignup a{ text-align:center; margin:8px auto; display:block; padding:3px 0;
							width:70%;  -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor:pointer; }
			#emailSignup a:link{ font-weight: normal; color: #655D46; }
			#emailSignup a:visited{ font-weight: normal; color: #655D46; }
			#emailSignup a:active{ font-weight: normal; color: #655D46; }
			#emailSignup a:hover{ font-weight: normal; color: #994516; }  
			
#iPhoneBox{ position:relative; left:5px; top:20px; width:154px; padding:5px 8px; border:solid 1px #AAAAAA;  }
			#iPhoneBox h2{ color:#5A5A5A; font-size:18px; font-weight:600; text-align:center; margin:0; padding:0; }	
			#iPhoneBox img{ display:block; margin:5px auto; }
			#iPhoneBox p{ color:#5A5A5A; font-size:14px; font-weight:600; text-align:center; margin:0; padding:0; }
			#iPhoneBtn{ text-align:center; margin:8px auto; display:block; padding:3px 0;
							width:70%;  -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor:pointer; }
			#iPhoneBox a:link{ font-weight: normal; color: #655D46; text-decoration: none; }
			#iPhoneBox a:visited{ font-weight: normal; color: #655D46; text-decoration: none; }
			#iPhoneBox a:active{ font-weight: normal; color: #655D46; text-decoration: none; }
			#iPhoneBox a:hover{ font-weight: normal; color: #994516; text-decoration: none; }  
			
			
			
#iPhoneText{font-size:13px; font-weight:bold; margin: 0px 0px 0px 15px;}

/* Search form */
#frmSearch {float: none; height: 34px;}
#frmSearch input {margin-top: 0px; line-height: 24px; font-size: 11px; display:block; float: left;}
#frmSearch #search-Btn { height: 24px; color: #fff; font-weight: bold; background: url(../images/searchSubmit.gif) repeat-x; margin-top: 0px; width: 34px; cursor: pointer;}
#frmSearch #searchTxt { border: 1px solid #b3b2b2; line-height: 12px; padding: 5px 2px; height: 12px; margin-right: 5px; background: #fff url(../images/searchInput.gif) left top repeat-x; color: #ababab; margin-left: 3px; width: 125px;}