body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	color: #333;
	font-size:small;
}

label
{
	float:left;
	width:25%;
	font-weight:bold;
}
.OptForm
{
	border-top:solid 1px silver;
	border-bottom:solid 2px gray;
	border-left:solid 1px silver;
	border-right:solid 2px gray;
	padding-left:5em;
	padding-top:1em;
	padding-right:.5em;
	padding-bottom:1em;
}

.OptForm input
{
	text-align:center;
	border-bottom:solid 1px silver;
	border-top:solid 2px gray;
	border-right:solid 1px silver;
	border-left:solid 2px gray;
}

.OptForm input.button
{
	text-align:center;
	border-bottom:solid 1px gray;
	border-top:solid 1px gray;
	border-right:solid 1px gray;
	border-left:solid 1px gray;
}

.utilities {
padding-right: 15px; padding-bottom:8px; font-size:11px;
}

.tabs .left{
	background-image:url('/images/tableft.gif');
	background-repeat: no-repeat;
}

.tabs .middleoff {
	background-image:url('/images/tabmiddle.gif');
	background-repeat: no-repeat;
}
.tabs .middleon {
	background-image:url('/images/tabmiddle.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
}
.tabs .middleoffonleft {
	background-image:url('/images/tabmiddle.gif');
	background-repeat: no-repeat;white-space: nowrap;
}
.tabs .rightoff {
	background-image:url('/images/tabright.gif');
	background-repeat: no-repeat;
	
}
.tabs .middleoff a, .tabs .middleon a, .tabs .middleoffonleft a, .tabs .left a {
    display: block;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}
.tabs div {
	margin-left: 15px;

}
input { padding: 0px; }


a {text-decoration: underline; padding: 1px; color: #003e7e; }
a:link { color: #003e7e; }
a:visited { color: #003e7e; }
a:hover { color: #CC0000;  text-decoration: none; }

a.image {
text-decoration:none;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}
.leftoff div, .lefton div {
	margin-left: 15px;
}
div.searchbar {
background:url('/searchbarbackground.gif') no-repeat right 50%;
height:24px;
padding-top:3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
}
.smallerText {

color:#666666;
}


.meijerMainTable
{
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	margin: 0 auto 0 auto;
}

.meijerMenu
{
	border-right: #999999 1px solid;
	background-color: #ececec;
}

.outline
{
    border-top: #999999 0px solid;
    border-right: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;    
    margin-left: 74px;    
    margin-right: 73px;    
    margin-bottom: 75px;
    position: relative;
    background-color: white;
    width: 600px;
}

.outline750 {
		border-top: #999999 0px solid;
		border-right: #999999 1px solid;
		border-left: #999999 1px solid;
		border-bottom: #999999 1px solid;    
		margin-left: 0px;    
		margin-right: 0px;    
		margin-bottom: 0px;
		position: relative;
		background-color: white;
		width: 750px;
}

.navBackGround
{
		background-color: #f0f0f0;
		width: 750px;
		border-left: #999999 1px solid;
		border-right: #999999 1px solid;
		border-bottom: #999999 1px solid;
}
.MainTableBackground {
	
	margin: 0 auto 0 auto;
	}


.navTable
{
    background-image: url('/include/navBar/images/navbar_blue.gif');
}

.navtxt11Red
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B5003C;
	text-decoration: underline;
	font-weight: normal;
}

a.navtxt11Red:link
{
    color: #B5003C;
    font-weight: normal;
}

a.navtxt11Red:visited
{
    color: #B5003C;
    font-weight: normal;
}

a.navtxt11Red:hover
{
    color: #3366FF;
    font-weight: normal;
}

.navtxt11
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000;  
	text-decoration: none;
}

a.navtxt11:link
{
    color: #000099;
    font-weight: normal;
}

a.navtxt11:link:visited
{
    color: #000099;
    font-weight: normal;
}

a.navtxt11:hover
{
    color: #3366FF;
    font-weight: normal;
}

.navtxt11Line
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;  
	text-decoration: underline;
}

a.navtxt11Line:link
{
    color: #000099;
    font-weight: normal;
}

a.navtxt11Line:visited
{
    color: #000099;
    font-weight: normal;
}

a.navtxt11Line:hover
{
    color: #3366FF;
    font-weight: normal;
}

.navtxt10White
{
		font-family: Arial, Helvetica, sans-serif; 
		position: relative;
		top: -2px;
		left: 10px;
		font-size: 11px;
    COLOR: #FFFFFF;
}

a.navtxt10White:link
{
    COLOR: #FFFFFF;
}

a.navtxt10White:visited
{
    COLOR: #FFFFFF;
}

a.navtxt10White:hover
{
    COLOR: #3366FF;
}

.navtxt10WhiteLine
{
		font-family: Arial, Helvetica, sans-serif; 
		position: relative;
		top: -2px;
		left: 10px;
		font-size: 10px;
		text-decoration: underline;
    COLOR: #FFFFFF;
}

a.navtxt10WhiteLine:link
{
    COLOR: #FFFFFF;
}

a.navtxt10WhiteLine:visited
{
    COLOR: #FFFFFF;
}

a.navtxt10WhiteLine:hover
{
    COLOR: #3366FF;
}

.navtxt11White
{
		font-family: Arial, Helvetica, sans-serif; 
		position: relative;
		top: -2px;
		left: 11px;
		font-size: 11px;
    COLOR: #FFFFFF;
}

a.navtxt11White:link
{
    color: #FFFFFF;
}

a.navtxt11White:visited
{
    color: #FFFFFF;
}

a.navtxt11White:hover
{
    color: #3366FF;
}

.navtxt11WhiteLine
{
		font-family: Arial, Helvetica, sans-serif; 
		position: relative;
		top: -2px;
		left: 11px;
		font-size: 11px;
		text-decoration: underline;
    COLOR: #FFFFFF;
}

a.navtxt11WhiteLine:link
{
    COLOR: #FFFFFF;
}

a.navtxt11WhiteLine:visited
{
    COLOR: #FFFFFF;
}

a.navtxt11WhiteLine:hover
{
    COLOR: #3366FF;
}

.navtxt11Search
{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px;
		font-weight: bold;
    color: #FFFFFF;
}

a.navtxt11Search:link
{
    COLOR: #FFFFFF;
}

a.navtxt11Search:visited
{
    COLOR: #3366FF;
}

a.navtxt11Search:hover
{
    COLOR: #3366FF;
}

.navtxt11SearchWhite
{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px;
		font-weight: bold;
    color: #FFFFFF;
    position: relative;
		top: 10px;
}

a.navtxt11SearchWhite:link
{
    color: #ffffff;
    font-weight: normal;
}

a.navtxt11SearchWhite:visited
{
    color: #ffffff;
    font-weight: normal;
}

a.navtxt11SearchWhite:hover
{
    color: #3366FF;
    font-weight: normal;
}
div.submit {
  border-top: 2px solid #000;
  padding: 8px 0 12px 0;
  text-align: center;
}
#divLogin {
padding: 10px 0;
}
div.loginError {
background:#FED9CF;
border:#CC0000 1px solid;
padding: 5px;
margin: 0 0 10px;

}
.loginError p {
display:block;
margin: 5px 0;
}

.smallerText {
font-size:85%;
color:#666666;
}
.featuredPartnersHeader {
background:url('/images/featuredUpdatesheader.jpg') no-repeat 50% top;
width: 531px;
height:30px;
margin:0 auto;

}

.featuredEventsHeader {
background:url('/images/featuredeventsheader.jpg') no-repeat 50% top;
width: 531px;
height:30px;
margin:0 auto;

}
div.featuredContainer {
	width:509px;
	border:1px solid #ccc;
	margin:0 auto 10px auto;
	font-size: 85%;
	padding:10px;
	background-color: #fff;
}

#myStoreContainer {
margin: 10px 0;
}
#weeklyadsContainer {
}
#productContainer {
}
#contestContainer {
}
#servicesContainer {
}
#servicesConatiner {
}
#giftsContainer {
}
#photoContainer {
}
#pharmacyContainer {
}
#foodContainer {
}
#gardenContainer {
}
#myMeijerStores {
}

#myMeijerStoreDirector {
}
#mapLayer {
	position:relative;
margin: 0 auto;
	top:0px;
	width:508px;
	height:340px;
	z-index:5000;
	padding:10px;
	background: white;
	border: 1px solid #ccc;
}

.featuredPartners {
list-style:disc;

}

#eventscontainer {
float:left;
width:250px;
height:300px;
}
.eventsLeft {
float:left;
width:230px;
margin:2px;

}
.specialinterest {
float:left;
width:160px;
margin:2px;

}
#eventsfetures {
float:right;
width:250px;
}
.eventsRight {
float:left;
width:230px;
margin:5px;

}
dt {
float:left;
padding-right:5px;
}



div.rightContentContainer {
width: 53px;
float:right;

}
div.submit input {
  font-size: 14px;
}


ol, ul, li {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}


li {
	padding: 3px 0;
}

li img {
	padding-right: 3px;
}

h1 {
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	letter-spacing:-1px;
}





h2 {
	margin: 0;
	color: #003e7e;
	font-size: 115%;
	padding: 0;
	letter-spacing:-1px;
	
}


h3 {
	margin: 0;
	color: #333;
	font-size: 110%;
	padding: 0;
	color: #003e7e;
}

h4 {
font-size: 130%;
color: #003e7e;
font-weight:normal;
margin:0;
}
.hrclass { 
width:175px;color:#CCC; margin: 15px 0 15px 0;
}



.bigger {
	font-size: 105%;
}

caption {
text-align:left;
padding-bottom:10px;

}



.red {
	color: #c00;
}

.blue {
	color: #06c;
	}
	

#Footer {
	clear: left;
	font-size: 9px;
	color: #666;
	margin: 4px 0 20px 20px;
	text-align: left;
	padding-bottom: 15px;
}

#Footer a:link, #Footer a:visited {
	color: #666;
}

#Footer a:hover {
	color: #fff;
	background: #666;
}

div.searchbar {
background:url('/searchbarbackground.gif') no-repeat right 50%;
height:24px;
padding-top:3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
}


/*-------------------------------------------------
TABS
-------------------------------------------------*/

 #navigation 
{
margin:0px 0 0 100px;
padding-top:21px;
}



/*-------------------------------------------------
BASIC FORM
-------------------------------------------------*/

div.basic_form_wrapper {
width: 748px;
margin: 0 auto;
background:#f8f8f8;
border: 1px solid #ccc;
}
div.header {
padding:0;
margin:0  auto;
width:750px;
background:url('/images/logobackground.jpg') no-repeat left 50%;
height:100px;
}

div.dummy {
overflow:hidden;
}

.loginError h2 {
text-transform:capitalize;
color:#CC0000;
}


p.myStoreHeader {
padding: 7px 0 7px 0; 
}

div.leftNavWrapper {
width: 200px;
float:left;
overflow:hidden;
padding: 15px 0;

}

.myMeijerHeader {
background:url('/images/mymeijerbackg.jpg') no-repeat 50% top;
width: 183px;
padding:5px;
text-align:center;
color: #003e7e;
margin:0 auto;

}

div.siteSectionWrapper {

background: #ecf5ff;
width:174px; 
border:#ccc 1px solid;
padding: 7px;
margin:0 auto 10px auto;

}

#myTip {
margin:0;
padding:0;
clear:left;
}

.siteSectionsList  {
list-style: none;
padding:10px 0;
margin: 10px 0 0 15px;
}
.siteSectionsSub li {
list-style:disc;
font-size:85%;
padding:0px;
margin-left: 20px;
text-decoration:none;
}



.storedirectorPhoto {
float:right;
padding-left: 3px;
}

.myMeijerWrapper {
width:174px; 
border:#ccc 1px solid;
padding: 7px;
margin:0 auto 10px auto;
font-size:85%;

background:#FFF;

}

div.basic_form {
	background-color: #f5f5f5;
	border-bottom: 1px solid #dcdcdc;
  border: 2px solid #ccc;
	margin: 0;
	padding: 10px 20px 10px 10px;
	font-size: 11px;
}



	.TabBox{
	WIDTH:530px; 
	PADDING-TOP: 3px;
	}
	.TabLabelRow{
	WIDTH:100%; 
	FONT-WEIGHT: bold; 
	COLOR: #003E7E; 
	HEIGHT: 30px; 
	VERTICAL-ALIGN: bottom;
	
	}
	.TabLabelLeft{
	WIDTH:5px; 
	TEXT-ALIGN:left; 
	BACKGROUND: url('/tabcontrol/tablabelleft.gif') no-repeat;
}
	.TabLabel{
	background: url('/tabcontrol/tablabel.gif') repeat-x;
	 TEXT-ALIGN:right;
	 }
	.TabLabelRight{
	WIDTH:5px; 
	TEXT-ALIGN: right; 
	background: url('/tabcontrol/tablabelright.gif') no-repeat;
}
	.TabItem{ 
	PADDING-TOP: 3px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 85%; 
	COLOR: #003E7E; 
	TEXT-ALIGN:right;
	}
	.TabLeft{
	WIDTH:5px; 
	FONT-SIZE: 5px; 
	BACKGROUND: url('/tabcontrol/tableft_n.gif') no-repeat;
}
	.Tab{
	HEIGHT: 23px;
	BACKGROUND: url('/tabcontrol/tab_n.gif') repeat-x; 
	TEXT-ALIGN: right; 
	cursor: default; 
	white-space:nowrap;
	}
	.TabRight{
	WIDTH:5px; 
	FONT-SIZE: 5px; 
	BACKGROUND: url('/tabcontrol/tabright_n.gif') no-repeat;
}
	.TabLeftSel{
	WIDTH:5px; 
	FONT-SIZE: 5px;
	background: url('/tabcontrol/tableft_h.gif') no-repeat;
}
	.TabSel{
	HEIGHT: 23px;
	background: url('/tabcontrol/tab_h.gif') repeat-x; 
	cursor: default;
	}
	.TabRightSel{
	WIDTH:5px; 
	FONT-SIZE: 5px;
	background: url('/tabcontrol/tabright_h.gif') no-repeat;
}
	.TabContent{
	WIDTH:520px; 
	BACKGROUND-COLOR:#FFFFFF; 
	BORDER: #ccc 1px solid;


	}
	.TabContent a {COLOR: #003E7E; FONT-WEIGHT: bold;
	}
		.TabContent a:hover {color: #CC0000;  text-decoration: none;
	}

	.TabContentDiv {  }
	
.producttxt11gray  {
	font-size: 85%;
	color: #999;
	text-decoration:none;

}
#orangebox {
	background: url('/Include/images/FeaturedProducts/dod_orangebox.gif') no-repeat center top;
	width: 100px;
	height: 60px;
}

/* CSS Document for Gift Ideas */

/*	Chris Pritchard 10/31/2005 */
/* Globals */

 h1.resultsheader { 
font-size:24px; font-weight:bold;
color:#358DD4;
padding:10px 20px;
}

#formbox {background-color:#f4f5f7;
border: 1px solid #9da4b6;
width: 461px;
height: 110px;
padding:8px;
}
#formcontainer {
height: 90px;
}

/***********************************************/
/* Layout Divs    */                           
/***********************************************/

/* Most Outer Wrapper    */   
#pagecell1{
	width: 748px;
	margin-left: auto;
	margin-right: auto;


}




/* Wrapper that Contains both Center and Right Column    */   
#divContentContainer{
	margin-left: auto;
	margin-right: auto; 
	width: 748px;
overflow:hidden;
		border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;

	}
.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #731219;
	font-weight: normal;
}


/* Container to Hold the Center Column Content  */   
#divCenterContainer {

overflow:hidden;
	padding: 5px;
	margin-right: 5px;
	width: 461px;

}
/* Contains the Features Spots of Both Columns   */   






/* Copyright footer   */   
#copyrightfooter{
	margin-left:auto;
	margin-right:auto;
	
}



/* This is the container or holder of the content   */   
#headerContainer {
	width: 244px;
	height: 68px;

}



/***********************************************/
/* Text and Links     */                           
/***********************************************/






/***********************************************/
/* Misc    */                           
/***********************************************/
.resultsgrid td {
	background:#f2f2f2;
		font-size: 12px;
	padding:6px;
	border: 1px solid #ccc;

}

.resultsgrid th {
font-size: 18px;
font-weight:bold;
background:#ccc;
text-align:left;
	
}

.bodycopybold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.ElevenPoint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.smallprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.bluelink a:link {
	color: #358DD4;
}
	
	
#navContainer {
	margin: 0px auto 0px auto;
	width:751px;
	background: #fff;
}

.maincontainer {
	width:751px;
	border:1px solid #CCCCCC;
	margin:0px auto 0px auto;
	padding:0;
	}
	
.leftmasthead {
	float:left;
	height:99px;
	}
	
.tablecell {
	background-color:#0086DA;
	color:#FFFFFF;
	font-weight:bold;
	}

	
.contentbox {
	float:left;
	background-image:url(../images/racingcontent.jpg);
	background-repeat:no-repeat;
	height:286px;
	width:750px;
}

.contentbox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 250px 0px 35px;
	}

.rightbox {
	float:left;
	}

.headerracing {
	
	color: #358DD4;
	font-size:18px;
	font-weight:bold;
}



/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {

font-size:12px; 
font-weight:bold;
height:auto;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
	overflow:hidden;

}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	margin: 0px;
	padding: 5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-decoration:underline;
	color:#003399;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
overflow:hidden;
	margin: 5px;
	padding: 0px;
	font-weight:normal;

}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
		background-color: #EEEEEE;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
		background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}


/*
 Additional Style Vic added for the layout on the middle controls part 
*/
.container
{
    margin:0 auto;
}

.row-container
{
    margin:0.25em;
    text-align:left;
    clear:both;
    line-height:15pt;
    display:inline-block;
}

.row-content
{
    float:left;
    /*margin-left:5px;*/
    padding:0.5pt 2pt;
    width:250px;
}

.row-header
{

    float:left;
    width:150px;
    padding:0.5pt 0pt;
}

.row-footer
{
    float:left;
    width:150px;
    text-align:center;
}

.container-block
{
    width:98%;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    clear:both;
}

.container-block-header
{
    padding:0em 0em 0em 1.5em;
    clear:left;
}

.container-block-header-subheader
{
    margin-top:0.5em;
    margin-bottom:0em;
    color:Black;
    font-weight:bold;
    font-size:12pt;
}

.container-block-content
{
    padding:0em 0em 0em 3em;
    margin-top:0em;
    margin-bottom:0em;
}

.container-block-content p
{
    margin-top:0em;
    margin-bottom:0em;
}

.agreement-block-wrapper
{
    clear:both; 
    margin-left:150px; 
    width:400px; 
    text-align:left;    
}

.agreement-block
{
    border:solid 2px black;
    width:265px;
    margin:0.5em 2em 1em 0.5em;
    clear:both;
    text-align:center;
    padding: 0.5em;
/*  width:30em;
    margin: 2em auto 1em auto;
    text-align:justify;*/
}
/*
.agreement-block p
{
    text-indent:2em;
}
*/