@CHARSET "ISO-8859-1";

@IMPORT url("typo.css");

@IMPORT url("form.css");

@IMPORT url("tools.css");

@IMPORT url("nav.css");



/********************************************

*   	General rules 

********************************************/

body{

	background-color: #EBEBD7;

	margin: 0px;

	padding: 0px;

	border: none;

}



img{

	border: none;

}



p{

	margin-top: 0px;

}



a, a:hover, a:visited, a:active, a:link{

	outline: none;

	text-decoration: none;

}



/* Used in pop-up pages for the "close" button */

a.right{	

	margin-right: 22px;

}



:focus { -moz-outline-style:none; }



ul, ol {

	list-style-position:inside;

	margin: 0px;

	padding: 0px;

}

acronym {border-bottom:1px dotted #666; text-decoration:none;}





/* A hack to replace the hr - not used */

div.hr{	

	background: url("../images/line_h.gif") repeat-x;

	margin-right: 10px;

}



div.hr hr{

	visibility: hidden;

	border: none;

}



/************************ H2 Header text and Span images for site ****************************************************/



h2.mir {

	text-indent : -999em;

	overflow: hidden;

}



#hnimaged{

	background: url("../images/healthnutrition_secheader.gif") top left no-repeat; 

}



#psimaged{

	background:url("../images/photoservices_secheader.gif") top left no-repeat; 

}





#vsimaged{

	background:url("../images/visitstores_secheader.gif") top left no-repeat; 

}



#gcfimaged{

	background:url("../images/giftcardfaq_secheader.gif") top left no-repeat; 

}



#gcimaged{

	background:url("../images/giftcards_secheader.gif") top left no-repeat; 

}



#sdimaged{

	background:url("../images/storedetails_secheader.gif") top left no-repeat; 

}



#srimaged{

	background:url("../images/storeresults_secheader.gif") top left no-repeat; 

}



#ssimaged{

	background:url("../images/shopstores_secheader.gif") top left no-repeat; 

}



#wsimaged{

	background:url("../images/wildseafood_secheader.gif") top left no-repeat; 

}



#rpimaged{

	background:url("../images/recipesplan_secheader.gif") top left no-repeat; 

}



#spsimaged{

	background:url("../images/specsav_secheader.gif") top left no-repeat; 

}



#slsimaged{

	background:url("../images/storelocator_secheader.gif") top left no-repeat; 

}



#pvpimaged{

	background:url("../images/privacypolicy_secheader.jpg") top left no-repeat; 

}



#termscoimaged{

	background:url("../images/terms_secheader.jpg") top left no-repeat; 

}



#aboutimaged{

	background:url("../images/aboutus_secheader.jpg") top left no-repeat; 

}



#chefsimaged{

	background:url("../images/chefs_secheader.jpg") top left no-repeat; 

}



#contactusimaged{

	background:url("../images/contactus_secheader.jpg") top left no-repeat; 

}



#inthecommunityimaged{

	background:url("../images/inthecommunity_secheader.jpg") top left no-repeat;

}



#emailusimaged{

	background:url("../images/emailus_secheader.jpg") top left no-repeat;

}

#searchimaged{
	background:url("../images/title_search_results.gif") left 50% no-repeat;
}



/************************ Footer tags for links ****************************************************/



div.mir{ 

	text-indent : -999em;

	overflow: hidden;

} 



*html div.mir{ 

	text-indent : -999em;

	overflow: hidden;

	height: 15px;

}

/* different images for footer */

a#ffflowersimaged{

	background:url("../images/flowers_promo.gif") top no-repeat; 

	padding: 0px 0px 4px 0px;

}



a#ffplattersimaged{

	background:url("../images/platters_promo.gif") top no-repeat;

	padding: 0px 0px 4px 0px;	

}



a#ffphotoimaged{

	background:url("../images/photoservices_btn.gif") top no-repeat; 

	padding: 0px 0px 4px 0px;	

}



a#ffpharmacyimaged{

	background:url("../images/pharmacy_promo.gif") top no-repeat; 

	padding: 0px 0px 4px 0px;

}



a#ffGCimaged{

	background:url("../images/giftcards_promo.gif") top no-repeat; 

	padding: 0px 0px 4px 0px;	

}



a#HNotesimaged{

	background:url("../images/healthnotes_btn.gif") top no-repeat; 

	padding: 0px 0px 4px 0px;

}



/************************ Semantic divs ****************************************************/



/* this sets the basic width for the entire site. */

#wrapper{			
	
	width: 758px;

	position:relative;

	left:50%;

	margin-left: -379px; 
	
}

	

/* everything above the dotted line */

#header{

	background: #EBEBD7 url("../images/header_bg.gif") top center no-repeat;

	padding-top: 13px;

	min-height: 58px;		

}



/* Wrapper for footer-only */

#miniwrapper {			

	width: 754px;

	margin-left: -2px;

}



/* Content for footer-only */ 

#minicontent {

}



/* this sets the basic width small popup page. */

#smallpopwrapper{			

	margin-top: 9px;

	margin-left: 121px; 

	width: 553px;

}



/* everything above the dotted line */

#smallpopheader{

	background: #EBEBD7 url("../images/popup_header_bg.gif") top center no-repeat;

	padding-top: 13px;

	min-height: 58px;		

}



*html #header, *html #smallpopheader{

	height: 58px;

}



#header  img, #smallpopheader  img{

	margin-left: 16px;			

}



/*Provides the background image for the main body and ensures contained objects don't go over the edges */ 

#content{

	clear: both;

	background: #fff url("../images/bg.gif") repeat-y;	

	font-size: 10px;

	padding: 0px 6px 0px 2px;

}



/* provides the offset for the main, non-text elements */

.main{

	padding-top: 10px;

	margin-left: 13px;

	margin-right: 12px;		

}


.main3{

    margin-left: 0px;
    width:758;
}


/* aligns text content properly in body of page */

.padded{

	padding: 0px 20px;

}



.toppadded{

	padding: 20px 0px 0px 0px;

}

/* Everything below the bottom navigation */

#footer{

	clear: both;

	background: #EBEBD7 url("../images/footer_bg.gif") top left no-repeat;

	height: 61px;

	width: 758px;

	margin-bottom: 5px;

	padding: 10px 0px 5px 18px;	

	color: #787878;

}

/* Everything below the dotted line on small popup */

#smallpopfooter{

	clear: both;

	background: #EBEBD7 url("../images/popup_footer_bg.gif")no-repeat center top;

	height: 61px;

	/*width:758px;*/

	margin-bottom: 5px;

	padding: 10px 45px 5px 18px;	

	color: #787878;

}

#footer a, #smallpopfooter a{

	color: #41B6E2;

}



#footer .left{

	width: 620px;	

}

.vertical {

	background: #fff url("../images/line_v.gif") top left repeat-y;	

}

#smallpopfooter .left{

	width: 620px;	

}



.popup{

	background: url(../../content/images/line_h.gif) repeat-x center bottom;

}



/* Used in the "community" pages for the main content */

.leftContent{

	width: 80%;		

}



.leftContent ul{

	list-style-position:outside;

	margin-left: 20px;

	padding: 0px;

}



/* The actual box used in the community pages */

#rbox{			

	width: 175px;

	text-align: left;

	color: #ADB67B;

	font-family: georgia, sans-serif;	

	font-size: 12px;

	font-weight: bold;

	 

}



/* Used in the "About" pages */

.bottomContent{

	float:right;

	width: 520px;	

	padding: 10px 0px;

	background: url("../images/line_h.gif") top center repeat-x;

}



.bottomContent ul{

	list-style: none;

	text-indent: 10px;	

	padding-bottom: 10px;

}





/* Chef Program page */

img.chef{

	margin-right: 20px;

}



/* Used in "About Us" page when there is a logo to the left and text to the right */

.imaged_content, .imaged_content_last{

	margin-left: 15px;

	margin-right: 40px;

	padding: 15px 0px;

	background: url("../images/line_h.gif") bottom repeat-x;	

}

.imaged_content_last{

	background: #fff;

}

.imaged_content .left, .imaged_content_last .left{

	width: 20%;

	text-align: center;

}



.imaged_content .right, .imaged_content_last .right{

	width: 80%;

	text-align: left;	

	vertical-align: top;

}



.imaged_content .right p, .imaged_content_last .right p{

	margin-bottom: 5px;

}



/* breadcrumbs */

#bc{

	clear:both;

	padding-bottom: 7px;

	padding-left: 25px;					

	font-size:11px;

	font-weight: bold;

	line-height: 18px;	

	color: #000;

}



.buckets{

	padding-top: 7px;

}



/*used on the home page "buckets"*/ 

.buckets,.home #bottomnav, .home #footer{

	clear:both;	

} 



.buckets img.left{	

	margin: 0px;

}



.home #bottomnav{

	margin-top: 0px;

}



/* Landing page main content */

.landing>.left{

	width: 543px;	

}



.landing h2{

	margin-bottom: 0px;

}

.page_content{

	

	background: #fff url("../images/line_v.gif") top left repeat-y;	

	padding-left: 1px;

	padding-top: 15px;

}



/* Used for the form at the left of the landing pages */



.landing .form, .landing .col{

	background: none;

	width: 180px;

}



*html .landing .form, *html .landing .col{

	width: 175px;

}



.landing form{

	margin-right: 5px;

	padding: 5px 2px 8px 10px;

}



.orange .landing .form{	

	background: #fff url("../images/orange_left_curve.gif")  top left no-repeat;	

}



.green .landing .form{

	background: #fff url("../images/green_left_curve.gif")  top left no-repeat;

}



.red .landing .form{

	background: #fff url("../images/red_left_curve.gif")  top left no-repeat;

}



/* Column under the form */

.col{	

	background: #fff url("../images/line_h.gif") top left repeat-x;

	margin-right: 5px;

}



.col img{

	padding-top: 15px;

}



.col p{

	padding-right: 5px;

	padding-top: 10px;

}



.col ul{

	margin-bottom: 15px;

}



.col ul li{

	padding-left: 8px;

	

}



.col ul li a{

	padding-left: 5px;

}



/* holds small colums on landing pages */

.column, .last_column{

	margin-top: 10px;

	background: #fff url("../images/line_v.gif") top right repeat-y;

}

/* store details */

.last_column_left{

	margin-top: 10px;

	background: #fff url("../images/line_v.gif") top left repeat-y;

}

/* store details */

.first_column {

	margin-top: 10px;

}



.last_column{

	background: #fff;

}

	

.small_column{

	float: left;			

	width: 179px;

}

/* store details */

.medlarge_column{

	float: left;			

	width: 350px;

}

.xlarge_column{

	float: left;			

	width: 542px;

}

.xlarge_col{

	float: left;			

	width: 542px;

}

.xlarge_col2{

	float: left;			

	width: 530px;

}

div.small_column div.active{

	padding: 5px 20px 0px 5px;	

}

 

.inner_content{	

	background: #fff url("../images/line_v.gif") top right repeat-y;	

	padding: 10px 5px 5px 15px;

}

.inner_content2{	

	background: #fff url("../images/line_v.gif") top right repeat-y;	

	

}



.inner_content p{

	margin: 5px 0px;

}

.index_content{	

	background: #E3980B url("../images/line_v.gif") top right repeat-y;	

	padding: 20px 10px 10px 15px;

}





div.active{

	background: none;

}

/*

div.active p{

	margin: 5px 0px;

}

*/

div.active ul{

	margin: 0px 0px 5px;

	padding-bottom: 10px;

	/*background: #fff url("../images/line_h.gif") bottom right repeat-x;*/

}



div.copyright{	

	clear:both; 

	width:542px; 

	height: 30px;

	text-align: center;	 

	padding-top: 10px; 

}

div.copyright2{	

	clear:both; 

	width:350px; 

	height: 30px;

	text-align: center;	 

	padding-top: 10px; 

}



/* holds medium columns on landing pages (contact us)*/

.medium_column{

	float: left;			

	width: 240px;

}



/* holds half columns on (contact us biggs & ff)*/

.half_column{

	float: left;			

	width: 360px;

}



/* holds large columns on landing pages (store locator)*/

.large_column{

	float: left;			

	width: 254px;

}



.medium_content{	

	background: #fff url("../images/line_v.gif") top right repeat-y;	

	padding: 10px 5px 5px 15px;

	height: 150px;

}



.half_content{	

	background: #fff url("../images/line_v.gif") top right repeat-y;	

	padding: 10px 75px 5px 15px;

	height: 120px;

}



.last_medium_content{	

	background: #fff;	

	padding: 10px 5px 5px 15px;

	height: 150px;

}

.last_half_content_narrow{	

	background: #fff;	

	padding: 10px 85px 5px 15px;

	height: 120px;

}

.last_half_content{	

	background: #fff;	

	padding: 10px 25px 5px 15px;

	height: 120px;

}

.middle_content p{

	margin-top: 0px;	

}

/************************************************

* Used for gift cards page

*************************************************/

#indentleft{

	margin: 10px 0 0 20px;

	width: 90%;	

}

.leftContent2{

	width: 75%;		

}

ul.noBullet{

	list-style-type: none;

	margin-left: 0px;

	padding-left: 0px;

}

li.bottomPad{

	padding-bottom: 10px;

	margin-left: 0px;

}

/************************************************

* Used for freshcatch page

*************************************************/

.right_vertical {

	background: #fff url("../images/line_v.gif") top right repeat-y;

}



.medlrg_content{	

	padding: 10px 15px 10px 15px;

}



.medlrg_content p{	

	margin-bottom: 0px;

}



.freshcatch_first {

	padding: 10px 10px;

	margin-bottom: 10px;

}

.freshcatch {

	padding: 10px 10px;

	background: #fff url("../images/line_h.gif") left top repeat-x;

	margin-bottom: 10px;

}



.freshcatch_first ul li{

	margin-bottom: 10px;

	margin-left: 10px;

	

}

.freshcatch ul li{

	margin-left: 20px;

	list-style-position: outside;

}

.fc img{

	display: block;

}



/* pads image on fresh catch page*/

.paddedfc{

	padding: 0px 15px 10px 0px;

}

/***********************************************************************************************

*   Used only on Farmfresh Shop Our Stores page

*************************************************************************************************/

.wide_column .left img, .wide_column2 .left img{

	margin: 10px;

} 



.column_content p{

	margin: 0px;

}	



.bucket, .last_bucket{

	margin-left: 10px;

	padding-bottom: 1px;

	clear:both;

}



.bucket{

	background: #fff url("../images/line_h.gif") left bottom repeat-x;

}



/************************************************

* Used on Cub Specials and Savings locator

*************************************************/



.narrow{

	margin-left: 30px;

	width: 75%;

} 



.wide_column .column_content{	

	width: 75%;

}

.wide_column2 {

	width: 540px;

}

#contentwrapper{

	float: left;

	width: 100%;

	background: url("../images/line_h.gif") bottom center repeat-x;

	padding-bottom: 0px;

}

.specials {
	padding: 0px 20px;
	_width: 75%;
	width: 90%;
}

.width73 {

	width: 73%;

	clear:both;

	

}

#width80 {

	width: 80%;

}

#leftcolumn{

	float: left;

	width: 25%; 

}



#rightcolumn{

	float: right;

	text-align: left;

	width: 55%;

 	margin: 0;

 	padding: 0;

}



/**************************************************************

* Health and Nutrition page

***************************************************************/

.middle_column{

	background: #fff url('../images/line_v.gif') top left repeat-y;

	padding-left: 1px; 

	padding-bottom: 0px;

	width:360px;

}

.index_img {

	background: #fff url('../images/line_v.gif') top left repeat-y;

	padding-left: 1px; 

	padding-bottom: 0px;

}

.right_column{

	float:left;

	width:180px;

	background: #fff url('../images/orange_titlebar_right_bg.gif') top left repeat-x;

	padding-top: 62px;

}



.right_column div{

	padding: 5px 10px 0px 15px;

}



.narrowc {

	width: 70%; 

	padding: 10px;

}



.narrowc p{

	padding-top: 5px; 

	padding-bottom: 5px;

}



.extra{

	padding-bottom: 10px; 

	padding-top: 10px; 

	margin-right: 10px;

}



.photo_box{

	padding: 20px 0px;

	margin-right: 10px;

}



.imaged_box{

	width: 35%; 

	text-align: center; 

	padding-right: 10px;

}



#right_border{

	padding-right:1px;

	background: #fff url('../images/line_v.gif') top right repeat-y;

}



td.h_line {

	background-image: url('../images/line_h.gif');

	background-repeat: repeat-x;

}



div.h_line {

	background-image: url('../images/line_h.gif');

	background-repeat: repeat-x;

	_width:680px;

}



.planning{

	padding-top: 15px; 

	background: #fff url('../images/line_h.gif') top left repeat-x;

}



.planning p{

	padding: 5px 0px 0px 19px;

}



/* used for fresh ideas */

.fi_content{

	width: 740px;

	padding: 5px;



}

.fi_inner_content{	

	background: #fff url("../images/line_v.gif") top right repeat-y;	

	padding: 10px;

	width: 160px;

	float:left;

}





.fi_inner_content ul li a{

	padding-left: 3px;

}



.last_fi_bucket{

	background: #fff;

	

}



div.fi_inner_content div.gray{

	width: 95%;

	background-color: #EFEBD6;

	padding: 5px;

	margin-top:0px;

	margin-bottom: 15px;

}



.close{

	float:right;

	cursor: pointer;

	width:13px;

}



h5#fresh_ideas{

	padding: 2px 0px 2px 5px;

	margin: 0px;

	background: #fff url("../images/inactive_full_tab.gif") top left no-repeat;

}


h5#fresh_ideas_new{

	padding: 2px 0px 2px 5px;
	
	width:737px;
	
	margin: 0px;
	
	margin-left: -10px;

	background: #fff url("../images/inactive_full_tab.gif") top left no-repeat;

}

.fi_inner_content p{

	margin: 5px 0px;

}

.width159 {

	width: 159px;

	clear: both;	

}

/************************************************

* Used on Farm Fresh Specials page

*************************************************/



.leftimage {

	padding: 10px;

}

.rightcontent {

	padding: 20px 10px 10px 10px;

	width: 45%;

}



/*

* Cub Specials Page

*/

table.results {

	_width: 675px;

	width:100%;

}



thead.hidden {

	text-align: left;

	visibility: hidden;

	font-size: 0%;

}



td.specials {

	padding-bottom: 10px; 

	padding-top: 10px;

}



td.specials.banner {

	width: 100px;

	padding-left:1px;

	font-weight: bold;

}



td.specials.address {

	width: 170px;

	padding-left: 10px; 

	color: #39C3D0;

}



td.specials.phone {

	width: 140px;

	padding-left: 10px; 

}



td.specials.ads {

	width: 150px;

	padding-left: 10px; 

}



tr.specials {

	background-image: url('../images/line_h.gif');

	background-repeat: repeat-x;

}



#instore_services{

	padding: 20px 20px 120px 20px;

}



ul#photo{

	list-style-position: outside;

	padding-left:10px; 

	color:#636563;

}



ul#photo li.pad{

	padding-bottom:10px;



}



/*



* Store Results Page



*/

.pad_lr{

	

	padding-left: 10px;

	padding-right: 10px;

	

}



.pad_top{



	padding-top: 10px;

	

}



.pad_bottom{



	padding-bottom: 10px;

	

}

.pad10 {

	padding: 10px;

}



.results_thead {

	

	background: #39C3D0;

	padding-left: 11px; 

	color:#ffffff; 

	font-weight: bold; 

	font-size: 12px;

	height: 20px;

	text-align: left;

}



.results_list {

	

	padding-left: 11px; 

	font-size: 11px;

	height: 20px;

	

}

.results_list_odd {

	

	padding-left: 11px; 

	font-size: 11px;

	height: 20px;

	background: #F1F1F1;

	

}

.right {



	align: right;

	

}