/*
===========================================================
	TABLE OF CONTENTS
===========================================================
	1. GLOBAL
	2. FOUNDATION
	3. HEADER
	4. BODY
	5. FOOTER
	6. HELPERS
	7. UTILITIES
		7.1. Clear Fix
		7.2. FIR

===========================================================
	COLOR PALLETE
===========================================================

	#EFEEDF - Sandstone Background
	#ADC54E - Green Primary Navigation
	#E9EFCF - Green Search Box
	#3C9EC1 - Blue Footer

*/

/*********************************************************
	1. GLOBAL
**********************************************************/

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #efeedf;
}

html, body, input {
	color: #595959;
}

a {
	color: #3c9ec1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

/*********************************************************
	2. FOUNDATION
**********************************************************/

	/*********************************************************
		2.1. FOUNDATION | Account Navigation
	**********************************************************/

	#account-nav {
		font-size: 10px;
		height: 14px;
		margin: 7px auto 0 auto;
	}
	
	#account-nav ul {
		float: right;
		margin: 0 10px 0 0;
	}
	
	#account-nav li {
		line-height: 10px;
		border-right: 1px solid #575757;
		height: 11px;
		float: left;
		padding: 0 10px;
	}
	
	#account-nav li.name {
		font-weight: bold;
	}
	
	#account-nav li.last {
		border-right: 0;
		padding: 0 0 0 10px;
	}
	
	#account-nav a {
		color: #575757;
	}

	/*********************************************************
		2.2. FOUNDATION | Main Container
	**********************************************************/

#container {
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
	left: 0px;
	padding: 0 5px 0 0;
}

#ecom #container {
	margin: 5px auto 0 auto;
}

#nonecom #container {
	margin: 26px auto 0 auto;
}

#store-container {
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: center;
	position: relative;
	left: 0px;
	padding: 0 5px 0 0;
}
#ecom #store-container {
	margin: 0px auto 0 auto;
}

#nonecom #store-container {
	margin: 26px auto 0 auto;
}

#store-hd{
	}
	
	#store-hd .border {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
	width: 937px;
	margin: 0 0 -22px 0;
}
/*********************************************************
	3. HEADER
**********************************************************/

#hd {
}

#hd .border {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
	width: 937px;
	margin: 0 0 -22px 0;
}

	/*********************************************************
		3.1. HEADER | Top Bar
	**********************************************************/
	
	#top {
		height: 60px;
		position: relative;
	}

		/*********************************************************
			3.1.1. HEADER | Top Bar | Albertsons Logo
		**********************************************************/
	
		#logo {
			background: transparent  no-repeat left top;
			height: 44px;
			width: 192px;
			position: relative;
			left: 16px;
			top: 9px;
		}
	
		#logo a {
			display: block;
			height: 44px;
			outline: none;
		}
		
		/*********************************************************
			3.1.2. HEADER | Top Bar | Utility
		**********************************************************/
		
		#utility {
			font-size: 10px;
			position: absolute;
			top: 15px;
			right: 212px;
		}
		
		#utility li {
			border-left: 1px dashed #c6c6c6;
			height: 38px;
			float: left;
			padding: 0 5px;
		}
		
		#utility li.first {
			border-left: 0;
		}
		
		#utility li ul {}
		
		#utility li ul li {
			height: auto;
			float: none;
			border: 0;
		}
		
		#utility a {
			text-decoration: none;
			display: block;
		}
		
		#utility a:hover {
			text-decoration: underline;
		}
		
		#ecom #utility a.cart {
			font-weight: normal;
			margin: 5px 0 0 0;
			padding: 0 0 0 20px;
		}
		
		#ecom #utility a.email-signup {
			line-height: 11px;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -808px;
			height: 12px;
			width: 75px;
			margin: 3px 0 0 0;
			padding: 0 0 0 18px;
		}
		
		#ecom #utility a.email-signup-new {
			line-height: 11px;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -808px;
			height: 12px;
			width: 40px;
			margin: 3px 0 0 0;
			padding: 0 0 0 18px;
		}
		
		#ecom #utility a.preferred-card {
			line-height: 11px;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -770px;
			height: 12px;
			width: 80px;
			margin: 3px 0 0 0;
			padding: 0 0 0 20px;
		}
		
		#ecom #utility a.find-store {
			line-height: 11px;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 3px -732px;
			height: 13px;
			width: 65px;
			margin: 8px 0 0 0;
			padding: 0 0 0 18px;
		}
		
		#ecom #utility a.find-store-new {
			line-height: 11px;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -732px;
			height: 13px;
			width: 65px;
			margin: 3px 0 0 0;
			padding: 0 0 0 18px;
		}
		
		#nonecom #utility a.email-signup {
			line-height: 11px;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -686px;
			height: 23px;
			width: 34px;
			margin: 8px 0 0 0;
			padding: 0 0 0 25px;
		}
		
		#nonecom #utility a.preferred-card {
			line-height: 11px;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -639px;
			height: 25px;
			width: 53px;
			margin: 7px 0 0 0;
			padding: 0 0 0 40px;
		}
		
		#nonecom #utility a.find-store {
			line-height: 11px;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -544px;
			height: 25px;
			width: 44px;
			margin: 9px 0 0 0;
			padding: 0 0 0 16px;
		}
		
		/*********************************************************
			3.1.3. HEADER | Top Bar | Global Search
		**********************************************************/
		
		#global-search {
			background: #e9efcf url(../img/common/backgrounds/global-search_border.gif) no-repeat center top;
			height: 45px;
			width: 210px;
			position: absolute;
			left: 707px; /* Remove dependancy */
			top: 15px;
		}
		
		#global-search .form {
			margin: 13px 0 0 17px;
		}
		
		#global-search li {
			float: left;
		}
		
		#global-search-input {
			font-size: 13px;
			width: 94px;
			padding: 1px 0;
		}
		
		#global-search label {
			font-size: 10px;
			font-weight: bold;
		}
		
		#global-search-submit {
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -125px;
			border: none;
			height: 24px;
			width: 23px;
			display: block;
			margin: 0 0 0 5px;
			outline: none;
		}
		
		#global-search-error {
			color: #bc3200;
			display: none;
			z-index: 1000;
		}
		
		#global-search-error .c {
			width: 150px;
		}
		
		#global-search-error p {
			width: 165px;
			padding: 13px 0;
		}
		
	
	/*********************************************************
		3.2. HEADER | Primary Navigation
	**********************************************************/
	
	#primary-nav {
		background-color: #adc54e;
		height: 32px;
	}
	
	#primary-nav li {
		float: left;
		height: 32px;
	}
	
	#primary-nav li.spacer {
		background: #adc54e url(../img/common/buttons/primary-nav_sprites.gif) no-repeat right top;
		width: 1px;
	}
	
	#primary-nav li a {
		background: transparent url(../img/common/buttons/primary-nav_sprites.gif) no-repeat left top;
		display: block;
		height: 32px;
	}
	
	#primary-nav li a span {
		display: block;
	}
	
	li#primary-nav-recipes a {
		background-position: 0px top;
		width: 176px;
	}
	
	li#primary-nav-recipes a:hover, li#primary-nav-recipes a.active {
		background-position: 0px bottom;
	}
	
	li#primary-nav-shopping a {
		background-position: -177px top;
		width: 161px;
	}
	
	li#primary-nav-shopping a:hover, li#primary-nav-shopping a.active {
		background-position: -177px bottom;
	}
	
	li#primary-nav-savings a {
		background-position: -339px top;
		width: 185px;
	}
	
	li#primary-nav-savings a:hover, li#primary-nav-savings a.active {
		background-position: -339px bottom;
	}
	
	li#primary-nav-stores a {
		background-position: -525px top;
		width: 169px;
	}
	
	li#primary-nav-stores a:hover, li#primary-nav-stores a.active {
		background-position: -525px bottom;
	}
	
	/*********************************************************
		3.3. HEADER | Secondary Navigation
	**********************************************************/
	
	#secondary-nav {

            font-size: 11px;

            background-repeat:repeat-x left top;

            height: 20px;

            padding: 0 15px;

      }

 

      .bg_blue{

            background-color: #3c9ec1;

      }

            

      .bg_orange{

            background-color: #E79608;

      }

            

      .bg_green{

            background-color: #8E9C48;

      }

            

      .bg_red{

            background-color: #CE5D18;

      }

	
	#secondary-nav li {
		line-height: 11px;
		border-left: 1px solid #ffffff;
		height: 11px;
		float: left;
		margin: 5px 0;
		padding: 0 15px;
	}
	
	#secondary-nav li.first {
		border-left: none;
		padding-left: 0;
	}
	
	#secondary-nav a {
		color: #ffffff;
	}
	
	/*********************************************************
		3.4. HEADER | Breadcrumbs
	**********************************************************/
	
	#breadcrumbs {
		font-size: 11px;
		height: 16px;
		padding: 5px 15px;
	}
	
	#breadcrumbs li {
		font-weight: bold;
		background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0 -467px;
		float: left;
		padding: 0 7px 0 12px;
	}
	
	#breadcrumbs li.first {
		background: none;
		padding-left: 0;
	}
	
	#breadcrumbs a {
		font-weight: normal;
	}

/*********************************************************
	4. BODY
**********************************************************/

#bd {
}
	
	/*********************************************************
		4.1. BODY | Main Content
	**********************************************************/
	
	#main-content {}
	
/*********************************************************
	5. FOOTER
**********************************************************/

#ft {}

#ft .border {
	background: transparent url(../img/common/backgrounds/container-border_sprites.gif) no-repeat center bottom; /* Remove Dependancy */
	display: block;
	width: 937px;
	height: 17px;
}

	/*********************************************************
		5.1. FOOTER | Company Information
	**********************************************************/
	
	#company-info {
		font-size: 9px;
		font-weight: bold;		
		height: 20px;
	}

	#company-info ul {
		width: 720px; /* Remove Dependancy */
		margin: 0 auto;
	}
	
	#company-info li {
		float: left;
		padding: 0 8px;
		margin: 4px 0;
	}
	
	#company-info li a {
		color: #ffffff;
		text-decoration: none;
		display: block;
	}
	
	#company-info li a:hover {
		text-decoration: underline;
	}
	
	#company-info li.brand {
		border-left: none;
	}
	
	#company-info li.brand a {
		background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0 2px;
		height: 12px;
		width: 17px;
	}
	
	
	
	
	
	#company-info-home {
		font-size: 9px;
		font-weight: bold;		
		height: 20px;
	}

	#company-info-home ul {
		width: 932px; /* Remove Dependancy */
		margin: 0 auto;
	}
	
	#company-info-home li {
		float: inherit;
		padding: 0 8px;
		margin: 1px 0;
	}	
		
	#company-info-home li a:hover {
		text-decoration: underline;
	}
	
	#company-info-home li.brand {
		border-left: none;
	}
	
	#company-info-home li.brand a {
		background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0 2px;
		height: 12px;
		width: 17px;
	}
	
	/*********************************************************
		5.2. FOOTER | Bottom Bar
	**********************************************************/
	
	#bottom {
		position: relative;
	}
	
		/*********************************************************
			5.2.1. FOOTER | Bottom | Copyright Information
		**********************************************************/
	
		#copyright {
			font-size: 11px;
			line-height: 12px;
		}
		
		/*********************************************************
			5.2.2. FOOTER | Bottom | Site Information
		**********************************************************/
		
		#site-info {
			font-size: 11px;
			line-height: 12px;
			position: absolute;
		}
		
		#site-info li {}
		
		#site-info li a {
			color: #3c9ec1;
			text-decoration: none;
		}
		
		#site-info li a:hover {
			text-decoration: underline;
		}
		
		/*********************************************************
			5.2.3. FOOTER | Bottom | VeriSign(TM)
		**********************************************************/
		
		#verisign {
			position: absolute;
		}
		
		#verisign-link {
			background: transparent url(../img/common/type/verisign_logo.gif) no-repeat left top;
			height: 32px;
			width: 74px;
			display: block;
			outline: none;
		}

/*********************************************************
	6. HELPERS
**********************************************************/

	/*********************************************************
		6.1. HELPERS | Links
	**********************************************************/
	
		/*********************************************************
			6.1.1. HELPERS | Links | Shopping Cart
		**********************************************************/
		
		a.cart {
			font-weight: bold;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -317px;
			padding: 0 0 0 15px;
		}
		
		/*********************************************************
			6.1.2. HELPERS | Links | Blue Arrow Link / List
		**********************************************************/
		
		a.arrow-link, ul.arrow-link-list li {
			font-size: 11px;
			font-weight: bold;
			margin: 5px 0;
		}
		
		a.arrow-link, ul.arrow-link-list li a {
			text-decoration: none;
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0 -208px;
			padding: 0 0 0 10px;
		}
		
		a.arrow-link:hover ,ul.arrow-link-list li a:hover {
			text-decoration: underline;
		}
		
	/*********************************************************
		6.2. HELPERS | Buttons
	**********************************************************/
	
		/*********************************************************
			6.2.1. HELPERS | Buttons | Small Organge Arrow
		**********************************************************/
	
		input.small-orange-arrow {
			background: transparent url(../img/common/icons/icon_sprites.gif) no-repeat 0px -80px;
			border: none;
			height: 18px;
			width: 17px;
		}
		
		/*********************************************************
			6.2.2. HELPERS | Buttons | Orange Buttons
		**********************************************************/
		
		a.save-store-button {
			background: transparent url(../img/common/buttons/orange-text-buttons_sprites.gif) no-repeat 0 -56px;
			border: none;
			height: 22px;
			width: 131px;
			display: block;
		}
		
		a.visit-store {
			background: transparent url(../img/common/buttons/orange-text-buttons_sprites.gif) no-repeat 0 -104px;
			border: none;
			height: 26px;
			width: 105px;
			display: block;
		}
		
		a.enter-site {
			background: transparent url(../img/common/buttons/orange-text-buttons_sprites.gif) no-repeat 0 -155px;
			border: $black;
			height: 26px;
			width: 83px;
			display: block;
		}
		
	/*********************************************************
		6.3. HELPERS | Cursors
	**********************************************************/

	.cursor-hand {
		cursor: pointer; /* hand-shaped cursor */
	}
	
	/*********************************************************
		6.4. HELPERS | Floaters
	**********************************************************/
	
	.float-left {
		float: left;
	}
	
	.float-right {
		float: right;
	}
	
	/*********************************************************
		6.5. HELPERS | Boxes/Callouts
	**********************************************************/
	
		/*********************************************************
			6.5.1. HELPERS | Boxes/Callouts | Short Callout
		**********************************************************/
		
		.callout-small {
			font-size: 9px;
			font-weight: bold;
			height: 49px;
			position: absolute;
		}
		
		.callout-small div {
			background: transparent url(../img/common/backgrounds/callout-short.png);
			display: block;
			height: 49px;
			float: left;
		}
		
		.callout-small .l {
			background-position: 0 0;
			width: 29px;
			margin: 0;
		}
		
		.callout-small .c {
			background-position: 0 -49px;
			width: 100px;
		}
		
		.callout-small .c p {
			position: absolute;
			margin: 0 20px 0 -9px;
		}
		
		.callout-small .r {
			background-position: right -98px;
			width: 29px;
			margin: 0;
		}

/*********************************************************
	7. UTILITIES
**********************************************************/

	/*********************************************************
		7.1. UTILITIES | Clear Fix
	**********************************************************/
	
	.clearfix:after {
		line-height: 0;
		height: 0;
		display: block;
		visibility: hidden;
		clear: both;
		content: ".";
	}

	.clearfix {
		display: inline-block;
	}

	html[xmlns] .clearfix {
		display: block;
	}

	* html .clearfix {
		height: 1%;
	}
	
	/*********************************************************
		7.2. UTILITIES | FIR
	**********************************************************/
	
	.fir, .fir-list li span , .fir-link-list li a span {
		display: block;
		text-indent: -500em;
	}
	
	/*********************************************************
		7.3. UTILITIES | Popup Manager (experimental)
	**********************************************************/
	
	#popup-manager {
		
	}
	
	#searchResults {}

#searchResults dl {height:100%; overflow:hidden; margin:5px 0 20px 0;}

#searchResults dt {border-top:1px dashed #bfbfbf; margin-top:-1px; padding-top:5px;}

#searchResults dd {margin-bottom:1px; padding-bottom:10px;}

#searchResults dt, #searchResults dd {line-height:1.4;}

#searchResults .highlight {background-color:#FFFFD9; margin:0; padding:5px 11px 0 11px;}

#searchResults .highlight dt, #searchResults .highlight dd {border:0;}

 

.pageSelector {text-align:center; margin-bottom:13px;}

.pageSelector ul {list-style:none;}

.pageSelector li {display:inline; padding:0 3px;}

.pageSelector span {float:left; font-weight:bold; margin-right:-125px;}

.pageSelector a {text-align:center; padding:0; margin:0;}

.pageSelector .borderRight {border-right:1px solid #333; padding:0 3px 0 5px;}

.pageSelector .borderLeft {border-left:1px solid #333; padding:0 5px 0 3px;}





.logo

{

    BORDER-RIGHT: #c2c2c2 1px dashed;

    PADDING-RIGHT: 35px;

    PADDING-LEFT: 10px;

    PADDING-BOTTOM: 0px;

    PADDING-TOP: 10px

}


#onlineSpecials {
	
	color:#999999; 
	
	font-size:10px; 
	
	font:verdana;
		
}	
	
	.boxLink a{
		margin: -5px 0 0 0;		
		float: left;
	}
	
	.boxLink img{		
		float: left;
	}
#svuLogo{
	
BORDER-RIGHT:0PX;

}