@import url('/media/media/ivet/Styles/about_us.css');
@import url('/media/media/ivet/Styles/deptDetails.css');
@import url('/media/media/ivet/Styles/deptMain.css');
@import url('/media/media/ivet/Styles/deptSection.css');
@import url('/media/media/ivet/Styles/homepage.css');
@import url('/media/media/ivet/Styles/SubjectAreaNavigation.css');
@import url('/media/media/ivet/Styles/Widgets.css');
@import url('/media/media/ivet/Styles/healthnotesStyles.css');
@import url('/media/media/ivet/Styles/editoralSection.css');

/* 
Universal Styles 
*/

BODY {
	background: #ede6d2; 
	margin: 0; 
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px; 
        line-height: 16px;
}

H1, H2, H3, H4, H5, H6 {font-weight: normal; margin: 5px 0; padding: 0;}

H1 {font-size: 25px; line-height: 31px; margin-top:-3px;}
H2 {font-size: 22px; line-height: 28px;}
H3 {font-size: 19px; font-weight: bold; line-height: 19px;}
H4 {font-size: 16px; font-weight: bold; line-height: 22px;}
H5 {font-size: 13px; font-weight: bold; line-height: 19px;}
H6 {font-size: 11px; font-weight: bold; line-height: 17px;}

A {
        color: #20567c;
}

A IMG {
	border: 0;
}

UL LI {
        font-size: 11px;
        padding-bottom: 7px;
}

OL LI {
        font-size: 11px;
        padding-bottom: 7px;
}

/* 
fuelperks/Balance.aspx Styles
*/

.fuelperksTable TD
{
    border-color:#d4d0c8;
}

/* 
foodperks/Balance.aspx Styles
*/

.foodperksTable TD
{
    border-color:#d4d0c8;
}

.mastHead {
	width: 970px;
	margin: 0 auto;
	height: 105px;
}

.mastHead .logo {
	width: 180px; 
	float: left;
	margin: 10px 0 5px 0;
}

#topModSmall {
	margin-bottom: 5px;
}

/* 

MASTHEAD - DIVISION/SEARCH DIV
         	- DIVISIONS DIV
			- SEARCH DIV

*/

.mastHead .divisionSearch {
	float: right;
	position: relative;
	margin-right:21px;
}

.mastHead .divisionSearch .divisionDiv {
	position: relative;
	float: left;
}

.mastHead .divisionSearch .divisionDiv A { 
	width: auto; 
	padding: 18px 10px 0 0; 
	border-right: 1px solid #c2bdac; 
	display: block; 
	float: left; 
	display: block; 
	margin-left: 10px;
}

/* 

MASTHEAD - DIVISION/SEARCH DIV - TOOLS NAVIGATION 

*/

.mastHead .divisionSearch .searchDiv { 
	position: relative;
	left: 21px;
	top: 10px;
	float: left;
}

.mastHead .divisionSearch .searchDiv P {
                margin: 0;
}

.mastHead .divisionSearch .searchDiv .searchMastTitle { 
	font-weight: bold;
}

.mastHead .divisionSearch .searchDiv .searchMastInput {
	width: 215px;
}

.mastHead .divisionSearch .searchDiv .searchMastSubmit { 
	color: #ffffff;
	width: 36px; 
	height: 23px; 
	border: none;
	cursor: pointer;
                position: relative;
                top: 6px;
                _top: 4px;
}

/* 

MASTHEAD - TOOLS NAVIGATION 

*/

.mastHead .toolsNav {
	font-size: 10px; 
	font-weight: bold; 
	float: left;
	width: 786px; 
	position: relative; 
	top: 22px;
	/* left: 20px; */
    text-align:right;
}

.mastHead .toolsNav div
{
    height:18px;
}

.mastHead .toolsNav A { 
	text-decoration: none; 
	color: #000000;
}

.mastHead .toolsNav A:HOVER { 
                color:#cc092f;
}
/* 

TOPIC NAVIGATION 

*/

.topicsNav	{ 
	background: url(/media/Media/ivet/Images/base/content-bg-head.gif) no-repeat center top; 
	width: 970px; 
	display: block;
	margin: 0 auto;
	height: 53px;
}

.topicsNav .topicsNavInner {
	padding: 0 0 10px 10px;
}

.topicsNav .topicsNavInner A {
	width: auto; 
}

/* 

DEPARTMENT NAVIGATION 

*/

.deptNavigation	{
	width: 970px;
	height: 30px;
	margin: 0 auto;
	background: url(/media/Media/ivet/Images/base/content-bg-body.gif) repeat-y center;
}

.deptNavigation .deptNavigationInner {
	border-top: dotted 1px #c2bdac;
	border-bottom: dotted 1px #c2bdac;
	width: 952px;
	left:8px;
	position:relative;
	padding: 5px 0 5px 0;
}

.deptNavigation .deptNavigationInner A {
	font-size: 10px; 
	color: #000000; 
	text-decoration: underline; 
	font-weight: normal; 
	margin: 0 4px 0 4px;
}

.deptNavigation .deptNavigationInner A:HOVER{
                color:#cc092f;
}
.deptNavigation .deptNavigationInner .dot {
	color: #cc092f;
	font-weight: bold;
	font-size: 14px;
}

/* 

CONTENT STYLING 

*/
	

/* 

FOOTER STYLING 

*/

.footer .footerNav {
	float: left;
	width: 510px;
	font-size: 11px;
	padding: 5px 0 0 0;
	margin: 3px 0 0 2px;
}

.footer .footerNav A {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.footer .footerNav A IMG {
	padding: 0 10px 0 0;
	float: left;
	border: none;
}

.footer .footerDivisions {
	float: right;
	margin: 2px 10px 0 0;
}

.footer .footerDivisions .branchlogos A {
	padding: 10px 10px 0 0; 
	border-right: 1px solid #c2bdac; 
	display: block; 
	float: left; 
	margin: 0 0 0 10px;
}


/* 
My Stores Control Styles

*/

.myStoresView
{
	width: 190px;
	Padding: 0px 0px 0px 0px;	
	font-family: Verdana;
	background-color: #fcfaed;
    vertical-align: top;
    text-align: left;	
}

.MyStoresRepeaterTable
{
     width: 180px;
     font-family: Verdana;
     font-family: Verdana;
     color: #64656c;
     font-size: 10px; 
}

.storeTitleTD
{
  align: left;  
  valign:middle;
  font-family: Verdana;
  color: #64656c;
  font-size: 11px; 
  font-weight: bold; 
  text-align: left; 
  width: 128px;
}

.storeDetailsFulePriceTable
{
   border: solid 2px #E6E6E6;
   text-align: left; 
   padding: 1px;
}

.changeStoreRow
{
    text-align: right;
}

#SelectStoreDiv
{
  padding: 5px 0px 5px 0px;
}

.ManageShopListPanel
{
     width: 180px;

}

/* Right and Left Content */
.leftContent  { width:66%;min-width:450px !important;padding:5px;float:left;}
.rightContent {width:306px;float:right; margin-right:5px;margin-top:5px; overflow:hidden;}

/* 
Recipes/Browse.aspx styles
*/
.separatorBarText
{
    position: absolute;
    top: -24px;
    height: 24px;
    width: 800px;
    color: White;
    padding-left: 10px;
    padding-top: 4px;
}
.separatorBarText td
{
    color: White;
    font-weight: bold;
}
.separatorBarText a
{
    color: White;
    font-weight: bold;
    text-decoration: none;
}


/* Store Locator Pages */
.rightContent .myStoresOnStoreLocatorPage { margin-top:38px;}

TR .locatorPageContainer .topTitle { width:938px;}

.leftContent .storeDetailsTable .topTitle { width:938px;}

/* Sub Page Universal Styles */

.contentWrapDiv {width: 946px; margin: 7px auto 0; _margin: 7px 0 0 7px;}


.largeBannerDiv {width: 100%; float: left; height: 324px; margin: 0 0 20px 0;}
.medBannerDiv {width: 100%; float: left; height: 295px; margin: 0 0 20px 0;}
.smallBannerDiv {width: 100%; float: left; height: 194px; margin: 0 0 20px 0;}
.smallBannerDiv .section-nav {top: 19px; float: right; position: relative;}
.multiBannerDiv {width: 100%; float: left: height: auto; margin: 0 0 20px 0;}
.thinBannerDiv {width: 100%; float: left; height: 31px; margin: 0 0 3px 0;}

.mainContentDiv {width: 600px; float: left; overflow: hidden;}
.pageContentDiv {width: 947px; float: left; overflow: hidden;}

.rightSideContentDiv {width: 329px; float: right; }
.rightSideAds {float: right;}
.rightSideAds H4 {color:#cc092f; font-size: 16px; font-weight: bold; line-height: 22px;}

.clearDiv {clear: both;}

sup {vertical-align: text-top; text-decoration: none; font-size: 70%;}
* sup a {text-decoration: underline;} /*style for IE 4-6*/
*:first-child+sup a {text-decoration: underline;} /*style for IE 7-8*/

.articleNav {width: 100%; padding-bottom: 10px;}
.articleNav TABLE {width: 100%; border-collapse: collapse; margin: 0 0 15px 0;}
.articleNav TABLE TD {padding: 0; width: 25%; vertical-align: top;}
.articleNav TABLE TD.articleText {padding: 0 5px;}
.articleNav TABLE A {text-decoration: none;}
.articleNav DIV DIV.links {float: left; width: 139px; margin-right: 11px;}
.articleNav DIV DIV.links DIV A {width: 90%; padding: 0 6px; display: block;}

.teaserMatrix {width: 100%; float: left; _margin: 0 0 -20px 0; position: relative;}
.teaserPiece {width: 149px; height: 170px; float: left;  margin: 0 0 5px 0;}
.teaserPiece A.image {display: block; width: 100%; height: 136px; margin: 0; float: left;}
.teaserPiece A.text {width: 90%; padding: 0 6px; float: left; display: block;}

.SFtable {
font-size:10px;
width:500px;
}
.SFtable th {
background-color:#FF6C00;
color:#FFFFFF;
font-weight:bold;
padding:2px 5px;
text-align:left;
vertical-align:top;
}
.SFtable td {
background-color:#FF6C00;
color:#68686E;
padding:2px 5px;
text-align:left;
vertical-align:top;
}
.SFtable th.mt {
background-color:#ED782A;
}
.SFtable th.dl {
background-color:#8A001B;
}

div.banner-content a {
line-height:15px;
}

/*****Editorial Archives********/

.article-archive-cook li {
	list-style: url(/Media/Media/ivet/Images/cook/arrow-triangle_orange.gif) none outside;
}

.article-archive-entertain li {
	list-style: url(/Media/Media/ivet/Images/entertain/arrow-triangle_red.gif) none outside;
}

.article-archive-live li {
	list-style: url(/Media/Media/ivet/Images/live/arrow-triangle_blue.gif) none outside;
}

.article-archive-save li {
	list-style: url(/Media/Media/ivet/Images/save/arrow-triangle_gold.gif) none outside;
}


div.editoralPhotoRow {
    width: 100%;
    float: left;
    padding: 0 0 7px 0;
}

.bannerArticleLinks {overflow-y: auto; width: 100%; height: 128px; float: left; border-top: 1px solid #000000; padding: 5px 0 0 0; margin: 12px 0 0 0;}

#save-on-healthcare {height:295px;position:absolute;top:384px;width:947px;}
.healthcare-link {height:295px; width:237px; float:left; clear:none; display:block;}


#save-on-healthcare a {height:295px; width:237px; float:left; clear:none; display:block;}

SFtable.deli {background-color:#ff6c00; color:#ffffff;} 
SFtable.dept {background-color:#ffffff; color:#333333;}
    table.SFtable td {background-color:#fceee3;}

.sprcln-container {width: 100%; margin: 10px 0 10px 0; background: url(/Media/Media/ivet/Images/base/divider-dots.gif) repeat-x bottom; padding: 0; }

.sprcln-image {width: 170px; float: left;}

.sprcln-desc {width: 400px; float: left;}

.sprcln-desc H4 {text-transform: none; color: #00638f; font-weight: bold;}

.clear {clear: both;}

.dogearLink {width: 227px; height: 89px; overflow: hidden; text-indent: -1000px; position: absolute; margin: 0 0 0 717px;}

.dogearLink A {display: inline-block;} 
.dogearLink A {display: block; width: 227px; height: 89px; position: relative}  

.dogearLink A IMG {display: block; width: 227px; height: 89px;} 

#bannerInputZip {position:absolute; margin: 260px 0 0 19px; _margin: 260px 0 0 8px;}

/*****Callout Boxes********/

#calloutBox #content {
	background-image: url(/Media/Media/ivet/images/calloutBox.gif);
	background-repeat: repeat-y;
	width: 502px;
	padding: 0px 19px 0px 19px;
}
#calloutBox #content h3 {
	font-size: 18px;
	font-weight: bold;
	color: #CC092F;
	margin-top: -5px;
	*margin-top: 0px;
}
#calloutBox #content ul li {
	padding: 0px;
}
#calloutBox #content hr {
	color: #fffbf0;
	background-color: #fffbf0;
	border: 2px dotted #9A9A9A;
	border-style: none none dotted;
}
#calloutBox #top {
	background-image: url(/Media/Media/ivet/images/calloutBoxTop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 19px;
	width: 540px;
}
#calloutBox #bottom {
	background-image: url(/Media/Media/ivet/images/calloutBoxBottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 19px;
	width: 540px;
}
#calloutBox {
	width: 540px;
	text-align: left;
	margin-left: 30px;
}

/*****Feed 4 for Under $10 Boxes********/

.detailsRow, .detailsRowFirst, .detailsRowTall {float:left;width:584px;margin-left:30px;} 
.detailsRow {padding-top:10px;} 
.detailsRowFirst, .detailsRowTall {padding:0;} 
.detailsLeft {float:left;width:160px;height:118px;vertical-align:top;} 
.detailsRight {float:left;width:415px;height:130px;vertical-align:top;} 
.detailsRowTall .detailsRight {padding-top:10px;} 
.button { display:block; margin-top:10px; _margin-top: -8px; } 


/******Shaded Box Column Listing******/

.shadedColumnList {width: 100%; margin: 0 0 10px 0;}
.shadedColumnList .columnBlock {width: 160px; float: left; height: auto; margin-right: 10px}



/******Cook Page Cooking Techniques Teaser Styles******/

#ckCookTech {width: 600px; height: 147px; margin: 0 0 30px 0; background: url(/Media/Media/ivet/Images/Cook/ck-cookingtechniques-bg.jpg) no-repeat;}
#ckCookTech .ckCookTechText {padding: 55px 0 0 296px; width: 301px;}
#ckCookTech .ckCookTechText A.ckCookTechLink {margin: 25px 0 0 143px; background: url(/Media/Media/ivet/Images/Cook/ck-arrow-red.png) no-repeat left 4px; padding: 0 0 0 8px; display: block;}


/***** Celebrate Landing Page Styles *****/

.celebrateMainModule {width: 601px; height: 183px; background: url(/Media/Media/ivet/Images/Celebrate/ce_01_m2a_celebrate.jpg) no-repeat;}

A.celebrateHotSpot {width: 186px; height: 27px; position: relative; display: block; top: 152px; left: 0; z-index: 5}

.celebrateMainText {width: 253px; position: relative; top: 16px; left: 318px; z-index: 3;}

#celebrateMainBG {position: absolute; z-index: 1; margin: -156px 0 0 0; }

.celebrateFeaturedEvent {width: 600px; height: 193px; background: url(/Media/Media/ivet/Images/Celebrate/ce_01_m2a_featuredEvents.jpg) no-repeat; margin: 0 0 20px 0;}

.celebrateFEText {width: 256px; position: relative; top: 37px; left: 309px;}

H2.celebrateHeader {color: #fb0000; border-bottom: 1px dotted black; padding: 0 0 2px 0; margin: 0 0 5px 0; font-weight: bold; font-size: 18px;}


/***** Celebrate Landing New Page Styles *****/

#celebrateWrapper .celebrateMainModule {width: 601px; height: 183px; background: url(/Media/Media/ivet/Images/Celebrate/ce_01_m2a_celebrate.jpg) no-repeat;}

#celebrateWrapper A.celebrateHotSpot {width: 186px; height: 27px; position: absolute; display: block; margin-top: 152px; z-index: 5; top: auto; left: auto; margin-left: 0; border: 1px solid red;}

#celebrateWrapper .celebrateMainText {width: 253px; position: absolute; margin-top: 42px; margin-left: 318px; z-index: 3; top: auto; left: auto;}

#celebrateWrapper #celebrateMainBG {position: relative; z-index: 1; margin: 0; }

#celebrateWrapper .celebrateFeaturedEvent {width: 600px; height: 193px; background: url(/Media/Media/ivet/Images/Celebrate/ce_01_m2a_featuredEvents.jpg) no-repeat; margin: 0 0 20px 0;}

#celebrateWrapper .celebrateFEText {width: 256px; position: absolute; margin-top: 37px; margin-left: 309px; z-index: 3; left: auto; top: auto;}

#celebrateWrapper .celebrateFEBG {position: absolute; z-index: 1; margin: 0;}

#celebrateWrapper H2.celebrateHeader {color: #fb0000; border-bottom: 1px dotted black; padding: 0 0 2px 0; margin: 0 0 5px 0; font-weight: bold; font-size: 18px;}

.indented_paragraph {padding-left: 20px;}
.indented_paragraph UL {list-style: circle;}

/*** Interactive Section ***/

.InteractiveBanner {
	margin:10px 0;
	width:953px;
	height:31px;	
}

/*** IVET RIGHTSIDE CONTENT ***/
/*!!!right column shadows, remove once on main site!!!*/
#rightside_top {background: url(/media/media/ivet/images/ivet_tools/rh_container_top.png) no-repeat; width: 337px; height: 12px;overflow:hidden}
#rightside_bottom {background: url(/media/media/ivet/images/ivet_tools/rh_container_bottom.png) no-repeat left bottom; width: 337px; height: auto; padding: 0 0 10px 10px; overflow: hidden;}
#rightside_bottom #followus {width: 325px;}
#rightside_bottom #share {width: 325px;}
#rightside_bottom .widget {width: 320px;}
/*IVET NAVIGATION*/
h3#ivet_primary_nav_header {margin-top:18px;font-size:20px;text-transform:uppercase}
#ivet_primary_nav {padding:6px 5px;margin:0;width:333px}
#ivet_primary_nav:after{content:"";display:block;height:0;clear:both;visibility:hidden}
/*top level items*/
#ivet_primary_nav li {float:left;list-style:none;padding:0}
#ivet_primary_nav li a {display:block;overflow:hidden;height:88px;width:83px;text-decoration:none;text-indent:-9999px;background:url(/media/media/ivet/images/ivet_tools/primary_nav.png)}
#ivet_primary_nav #pn_menu_planner {background-position:0 0}
#ivet_primary_nav #pn_menu_planner:hover {background-position:0 -88px}
#ivet_primary_nav #pn_menu_planner.active {background-position:0 -176px}
#ivet_primary_nav #pn_shopping_list {background-position:-83px 0}
#ivet_primary_nav #pn_shopping_list:hover {background-position:-83px -88px}
#ivet_primary_nav #pn_shopping_list.active {background-position:-83px -176px}
#ivet_primary_nav #pn_recipes {background-position:-166px 0}
#ivet_primary_nav #pn_recipes:hover {background-position:-166px -88px}
#ivet_primary_nav #pn_recipes.active {background-position:-166px -176px}
#ivet_primary_nav #pn_eoffers {background-position:-249px 0}
#ivet_primary_nav #pn_eoffers:hover {background-position:-249px -88px}
#ivet_primary_nav #pn_eoffers.active {background-position:-249px -176px}