div.header {
	height: 313px !important;	
}



/* ==== 6. ==== Table & Hit List Rules ================================================================ */


/* ==== 9. ==== SideBar Rules ========================================================================= */

/* form rules */
button { 
	color: #369;
	font-size: 12px;
}

button:visited { 
	color: #69c;
}

/* Footer Rules */
#SubFooter
{
	clear:left;
}

.mainitem
{
	font-family: "Arial", Helvetica, sans-serif;
}

.subgroup
{
	float:left;
	width:12%;
}

#SubFooter div ul
{
	margin:-5px 3px -5px 0px;
	padding:0px;
	list-style-type:none;
}

#SubFooter div ul li
{
	font-size:10px;
}

.MoreLinksHeading
{
	font-size:11px;
	font-weight:bold;
}

.morecont
{
	clear:left;
	text-align:right;
}

#clickme2 p
{
	text-align:right;
}

/* Horizontal Bar - START */


.HorNav
{
	margin:0;
	padding: 0;
	width: 750px;
}

.HorNavWide
{
	margin:0;
	padding: 0;
	width: 980px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	clear: both;
}

.HorNav
{
	margin:0;
	padding: 0;
	width: 750px;
	clear: both;
}

.Mainbody
{
	margin:0;
	padding: 0;
	width: 980px;
	clear: both;
}

.MainbodyWide
{
	margin:0;
	padding: 0;
	width: 980px;
	clear: both;
}




.mainSiteNav
{
	margin: 0 10px 10px 0px;
	padding: 0;
	
	height: 30px;
	width: 980px;
	border: 1px solid #3399cc;
	border-color: #3399cc #3399cc #336699 #336699;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	background: #336699;
	background: -webkit-gradient(linear, left top, left bottom, from(#6699cc), to(#336699));;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#336699', endColorstr='#99ccff', gradientType='0');
	zoom: 1;
	-webkit-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
	-moz-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
}



/* ==== 8. ==== NavBar Rules ========================================================================== */

/***********************
 *  Superfish - START  *
 ***********************/


/*** ESSENTIAL STYLES ***/

/*.MainNavBar, .MainNavBar * {
	margin:			0;
	padding:		0;
	width:          980px;
	list-style:		none;
	z-index:		2000;	
} *

.MainNavBar {
	line-height:	1.0;
}

/* .MainNavBar ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below)
}

.MainNavBar ul li {
	width:			100%;
	position: relative;
}

/* .MainNavBar li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug'
}
.MainNavBar li {
	float:			left;
	position:		relative;
}
.MainNavBar a {
	display:		block;
	position:		relative;
}
.MainNavBar li:hover ul,
.MainNavBar li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height
	position: absolute;

}
ul.MainNavBar li:hover li ul,
ul.MainNavBar li.sfHover li ul {
	top:			-999em;
}
ul.MainNavBar li li:hover ul,
ul.MainNavBar li li.sfHover ul {
	left:			10em; /* match ul width
	top:			0;
}
ul.MainNavBar li li:hover li ul,
ul.MainNavBar li li.sfHover li ul {
	top:			-999em;
}
ul.MainNavBar li li li:hover ul,
ul.MainNavBar li li li.sfHover ul {
	left:			10em; /* match ul width 
	top:			0;
}


/*** DEMO SKIN ***
.SiteNavigation
{
	margin-top: 15px;
	background: #369;
	
}

.MainNavBar {
	float:			left;
	margin-bottom:	1px;
}
.MainNavBar a {
	border-right:1px solid #369;
	padding: .5em 1em;
	text-decoration:none;
}

.MainNavBar li li a {
	border-right: 0;
}

.MainNavBar li.Home a {
	padding: .60em 1em;
}


/*border-top:		1px solid #f5e9d1;

.MainNavBar a, .MainNavBar a:visited  { /* visited pseudo selector so IE6 applies text colour
	color:			#fff;
}

.MainNavBar a:hover {
	color:			#fff;
}

.MainNavBar li {
	height: 35px;
	background:#369;
	position: relative;
	z-index: 12000;
}

.MainNavBar li.Employee {
	height: 55px;
	background:#369;
	position: relative;
	z-index: 12000;
}

.MainNavBar li li {
	background:#69c;
	position: relative;
	z-index: 16000;
	width: 250px;
	height: 40px;

}

.MainNavBar li li li {
	background:#69c;
}



.MainNavBar li:hover, .MainNavBar li.sfHover,
.MainNavBar a:focus, .MainNavBar a:hover, .MainNavBar a:active {
	background:		#036;
	outline:0;
}


.MainNavBar li:hover, .MainNavBar li.sfHover  {
	background:		#036;
	outline:		0;
	position: relative;
	z-index: 15000;
}



/*** arrows *
.MainNavBar a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately *
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only 
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('http://recipes.webstop.com/G_jQuery_Superfish/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only 

a > .sf-sub-indicator {  /* give all except IE6 the correct values *
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*
}
/* apply hovers to modern browsers *
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*
}

/* point right for anchors in subs *
.MainNavBar ul .sf-sub-indicator { background-position:  -10px 0; }
.MainNavBar ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers *
.MainNavBar ul a:focus > .sf-sub-indicator,
.MainNavBar ul a:hover > .sf-sub-indicator,
.MainNavBar ul a:active > .sf-sub-indicator,
.MainNavBar ul li:hover > a > .sf-sub-indicator,
.MainNavBar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*
}

/*** shadows for all but IE6 ***
.sf-shadow ul {
	background:	url('http://recipes.webstop.com/G_jQuery_Superfish/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	margin-left:30px;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* *** VERTICAL ** *


/*** adding MainNavBar in addition to sf-menu creates a vertical menu ***
.MainNavBar, .MainNavBar li {
	width:	150px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed *
.MainNavBar li:hover ul,
.MainNavBar li.sfHover ul {
	left:	10em; /* match ul width *
	top:	0;
}

/*** alter arrow directions ***
.MainNavBar .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only *
.MainNavBar a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*

/* hover arrow direction for modern browsers*
.MainNavBar a:focus > .sf-sub-indicator,
.MainNavBar a:hover > .sf-sub-indicator,
.MainNavBar a:active > .sf-sub-indicator,
.MainNavBar li:hover > a > .sf-sub-indicator,
.MainNavBar li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*
} */


.SiteNavigation
{
	width: 940px;
	height: 41px;
	margin: 0px auto;
	background: url(http://myckm.graphics.grocerywebsite.com/G_NavImages/NavBG.jpg) repeat-x;
	-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
	
}

.MainNavBar
{
	width: 77%;
	margin: 0px auto;
	
}

.SiteNavigation a:link
{
	display: inline-block;
	height: 41px;
	color: white;
	font-family: Trajan Pro, Georgia, Times New Roman, serif;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 0px 15px 0px 15px;	
}

.SiteNavigation a:visited
{
	display: inline-block;
	height: 41px;
	color: white;
	font-family: Trajan Pro, Georgia, Times New Roman, serif;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 0px 15px 0px 15px;		
}

.SiteNavigation a:hover
{
	background-color: #493812;
}

.SiteNavigation a:active
{
	display: inline-block;
	height: 41px;
	color: white;
	font-family: Trajan Pro, Georgia, Times New Roman, serif;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 0px 15px 0px 15px;	
}

.SiteNavigation ul
{
	list-style: none;
}

.SiteNavigation li
{
	float: left;
	margin: 0px;
	line-height: 42px;
}


/*********************
 *  Superfish - END  *
 *********************/

/* New Styles */

.HeaderImage
{
	width: 980px;
	height: 67px;
	margin: 0px auto;
	background-image: url(http://myckm.graphics.grocerywebsite.com/G_Headings/HeaderTop.png);
	background-repeat:no-repeat;
	background-position:center;
}


/* Default Ticker Styles */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 940px;
margin: 0px auto; 
padding: 0
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
background: white;
border-top: 1px solid #715a24;
border-bottom: 1px solid #715a24;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 940px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
width: 2000px;
position: relative;
left: 940px;
font: normal 10px Lucida Sans, Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
}

/* Ticker styles */

.TickerContainer 
{
	border: 1px solid #000;
	background: #fff; 
	width: 100%; 
	margin: 0; 
	padding: 0
	overflow: hidden; 
}

.tickercontainer .mask 
{ 
	position: relative;
	left: 10px;
	top: 0px;
	width: 920px;
	overflow: hidden;
}

ul.newsticker 
{
	position: relative;
	left: 1000px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.newsticker li 
{
	float: left;
	margin-right: 20px;
	font-family: Lucida Sans, Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #715a24;
	list-style: none;
	white-space:nowrap;

}

.Ticker
{
	width: 940px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background: white;
	border-top: 1px solid #715a24;
	border-bottom: 1px solid #715a24;
}

.TickerDetail
{
	padding: 3px 0px 3px 0px;
}

/* End Ticker Styles */

.ContentPlaceholder
{
	width: 940px;
	margin: 0px auto;
}

.ContentPlaceholderSecondary
{
	width: 940px;
	margin: 0px auto;	
	background: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 10px 0px 10px 20px;
}

.ContentWrapper
{
	padding: 10px 0px 10px 0px;
	margin: 0px 10px 0px 10px;
}

.LeftCol
{
	width: 230px;
	background: white;
	margin: 0px;
	float: left;
}

	.LeftCol img
	{
		margin: 3px;
	}

.RightCol
{
	width: 700px;
	background: white;
	margin-bottom: 10px;
	float: right;
}

	.RightCol img
	{
		margin: 3px;
	}

.SpecialsLeftCol
{
	float: left;
	width: 454px;
	margin-right: 10px;
}

.SpecialsRightCol
{
	float: left;
	width: 454px;
}
	
.Clear
{clear: both;}

.FooterWebstop
{
	width: 940px;
	margin: 0px auto;
	margin-top: 10px;
	text-align: center;
}

.FooterWebstop span
{
	font-size: 12px;
	color: #3d3d3d;
}

.FooterWebstop a:link
{
	color: #735a24;
	text-decoration: underline;
}

.FooterWebstop a:visited
{
	color: #735a24;
}

.FooterWebstop a:active
{
	color: #735a24;
}

.FooterWebstop a:hover
{
	color: #735a24;
	text-decoration: none;
}

.CardMessage
{
	float: right;
	margin: 26px 20px 0px 0px;
	font-family: Lucida Sans, Verdana, sans-serif;
}

.CardEmphasis
{
	color: #493812;
}

.ContentWrapper .CardMessage
{
	float: none;
	margin-top: 0px;
}

.HouseholdName
{
	float: left;
	padding: 5px 10px 5px 10px;
	font-size: 10px;
	margin-top: 17px;
	height: 14px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	background-color: #372302;
	color: white;
	text-transform: capitalize;
}

.LoginContainer
{
	float: left;
	margin-top: 4px;
	display: inline-block;	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background-color: white;
}

.LoginContainerImg
{
	display: none;
	float: left;
	margin: 10px 0px 10px 10px;
}

.LoginInfo
{
	float: left;
	margin: 10px 10px 10px 10px;	
}

.LoginContainer a
{
	color: #372302;
	text-decoration: none;
	font-size: 10px;
}

.LoginContainer a:hover
{
	color: #372302;
	text-decoration: underline; 
}

.SpecialsContainer
{
	margin: 0px 0px 10px 0px;
	height: 170px;
	background: white;
	border: 3px solid #dedede;
}

.SpecialsLeft
{
	float: left;
}

.SpecialsRight
{
	float: left;
	margin: 15px 0px 0px 20px;
}

.StandardForm
{
	border: none;
	background: none;
}

.FormSectionHeading
{
	border: none;
	background: #feffb1;
	padding: 10px 15px 10px 15px;
	color: #493812;
	font-family: Georgia, Times New Roman, sans-serif;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-indent: 8px;s
}

.FieldTitle
{
	margin-left: 8px !important;
	font-weight: normal;
	text-indent: 8px;
}

.WeeklyRecipesSideBar
{
	display: none;
}

 .SideBarCard
{
	background: none;
	border: none;
}

#SpecialDetails ul, #SpecialDetails2 ul, #SpecialDetails3 ul, #SpecialDetails4 ul
{
	margin: 0px 0px 0px 80px;
}

#SpecialDetails li, #SpecialDetails2 li, #SpecialDetails3 li
{
	font-family: Helvetica, Arial, sans-serif;
}

.LoginRow
{
	height: 63px;
	width: 920px;
}

.LoginRow img
{
	float: left;
	margin: 10px;
}

.LoginBenefits
{
	width: 920px;
}

.LoginBenefitsLast
{
	margin-bottom: 15px;
}

.BenefitDescription
{
	margin-bottom: 3px;	
	float: left;
	background-color: #f2e3c8;
	width: 860px;
	height: 63px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.BenefitDescription span
{
	margin: 0px 0px 0px 30px;	
	font-size: 16px;
	font-weight: bold;
	color: #1f1f1f;
	letter-spacing: 1px;
	line-height: 60px;
}

#SpecialDetails
{
	margin-bottom: 15px;
}

#SpecialDetailsTrigger
{
}

#SpecialDetailsTrigger2
{
	cursor: pointer;
}

#SpecialDetailsTrigger3
{
	cursor: pointer;
}

a.benefitButton
{
	padding: 10px;
	font-weight: bold;
	background: #125390;
	border: 1px solid #125390;	
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-decoration: none;
	position: relative;
	left: 500px;
	top: -30px;
	letter-spacing: 1px;
}

a.benefitButton:visited
{
	background: #125390;
	border: 1px solid #125390;	
	color: #fff;
}


a.benefitButton:hover
{
	background: #d1e9ff;
	border: 1px solid #125390;	
	color: #125390;
}

a.benefitButton:active
{
	background: #125390;
	border: 1px solid #125390;	
	color: #fff;
}

.BasicInfo
{
	background: transparent !important;
}