/*
Name:        layout.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS layout definitions
Created:     24 March 2009
Modified:    26 September 2011 by Roxanne M.
Notes:       This file should contain ONLY definitions for what appears in site layout templates
*/

@media all
{
	/* Default Tags *********************************/
	html,
	body 
	{
		height: 100%;
	}

	body
	{
		text-align:  center;
		font-family: MyriadProRegular, Helvetica, sans-serif;
		font-weight: normal;
		font-size:   16px;
		color:       #000;
		/*min-width:   1200px;*/
		padding:     0;
		margin:      0;
		background-color: #fff;/*#eae4d6*/

		counter-reset: item;
	}

	table
	{
		border-collapse: collapse;
		border: 0px;
	}

	td
	{
		padding: 0px;
	}

	img
	{
		border: 0px;
	}

	form
	{
		margin: 0;
	}


	.screenReader 
	{
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute;
		width: 1px;
	}

	hr
	{
		display:    block;
		height:     1px;
		border:     0;
		border-top: 1px solid #dbdbdb;
		margin:     20px 0;
		padding:    0;
	}

	.column.showOverflow
	{
		overflow: visible;
	}

	.column img,
	table img
	{
		max-width: 100%;
	}

	.padTop   { margin-top: 20px !important; }
	.padTop15 { padding-top: 15px; }
	.padTop10 { padding-top: 10px; }

	.padBottom0  { padding-bottom: 0; }
	.padBottom10 { padding-bottom: 10px; }

	.marginBottom   { margin-bottom: 40px; }
	.marginBottom20 { margin-bottom: 20px; }
	.marginBottom10 { margin-bottom: 10px; }

	.marginRight    { margin-right: 23px;  }
	.marginRight100 { margin-right: 100px; }
	.marginRight20  { margin-right: 20px;  }
	.marginRight10  { margin-right: 10px; }
	.margin_20      { margin: 	    20px 0; }
	
	.marginTop5   { margin-top: 5px; }
	.marginTop22  { margin-top: 22px; }
	.marginTop10  { margin-top: 10px; }
	.marginTop20  { margin-top: 20px; }
	.marginTop30  { margin-top: 30px; }

	p.margin_20 { padding-bottom: 0; }
	p.padTop_10 { padding-top: 10px; }
	
	p.italic,
	span.italic
	{
		font-style: italic; 
	}

	.noBottomPadding { padding-bottom: 0 !important; }

	.spacer { height: 40px; width: 100%; }

	.mobile,
	.showAt350, 
	.showAt400,
	.showAt500, 
	.showAt568, 
	.showAt768,
	.showAt925,
	.showAt1024 
	{ 
		display: none !important; 
	}

	.max-width-800
	{
		max-width: 800px;
	}

	/* Public Layout ********************************/
	article
	{
		min-height: 0;
		padding: 	20px 0;
		position:   relative;
		text-align: left;
		z-index:  	1;

		transition: min-height 0.25s;
	}

	article.column
	{
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
	}

	article.column.padSide10
	{
		border-left: 10px solid transparent;
		border-right: 10px solid transparent
	}

	article.newProducts
	{
		padding-top: 0;
	}

	.grid fieldset,
	.modal fieldset,
	fieldset
	{
		border: 0;
		margin: 0;
		min-width: 0;
		padding: 0;
	}

	div.layPage
	{
		margin: 	0 auto;
		min-height: 100%;
		position: 	relative;
		text-align: left;
		width:      100%;
	}

	div.pageWrapper
	{
		margin-bottom: 92px;
		position: relative;
		top: 	  92px;
	}

	div.layHotSheet
	{
		margin-left:  auto;
		margin-right: auto;
		text-align:   left;
		width:        100%;
	}

	div.layHeader
	{
		background-color: #fef200;
		height: 		  92px;
		position:  		  fixed;
		top: 			  0;
		width: 			  100%;
		z-index: 		  99999;

		-webkit-box-shadow: 0 2px 20px 2px rgba( 0, 0, 0, 0.1 );
		   -moz-box-shadow: 0 2px 20px 2px rgba( 0, 0, 0, 0.1 );
		        box-shadow: 0 2px 20px 2px rgba( 0, 0, 0, 0.1 );
	}

	div.layHeader .column.headerColumn
	{
		border-left: 20px solid transparent;
	}

	div.headerRight
	{
		float: 		right;
		margin-top: 6px;
		/*text-align: center;*/
		width: 		100%;
	}

	div.headerContent
	{
		height:   92px;
		position: relative;
		width: 	  100%;
	}

	td.layNavLeft,
	div.layNavLeft
	{
		background-color: #999;
		vertical-align:   top;
		width:            200px;
		padding:          0px;
	}

	td.leftnav
	{
		border-left: 1px solid #CCCCCC;
	}

	div.overlay.active
	{
		bottom: 0;
		left: 0;
		overflow: hidden;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9;
	}

	div.layBody
	{
		background-color: #fff;
		/*margin-top: 	  90px;*/
		position: 		  relative;
		vertical-align:   top;
		/*height:           500px;*/
	}

	div.layBody table.frontendBody td
	{
		padding:          10px;
	}
	
	div.layBody table.frontendBody table.smallPad td
	{
		padding:3px;
	}
	
	div.layBody table td.trends
	{
		padding-top:      20px;
		padding-left:     15px;
	}

	div.layBody table td.trends.newStore 
	{
		padding-top: 110px;
	}

	div.layBody table td.mainbody
	{

		padding-top:      10px;
		padding-bottom:   20px;
		padding-right:    20px;
		
		/*min-height: 700px;*/
	}

	aside.column
	{
		border-left: 1px solid #ccc;
		border-right: 20px solid transparent;
		padding: 20px 0 20px 19px;
	}

	div.layFooter
	{
		background-color: #135802;
		bottom: 		  0;
		height:           250px;
		left: 			  0;
		padding: 		  0 10px;
		position: 		  absolute;
		
		width: 100%;
		width: -webkit-calc( 100% - 20px );
		width:    -moz-calc( 100% - 20px );
		width: 		   calc( 100% - 20px );
	}

	div.banner
	{
		width:            	100%;
		height:           	242px;
		margin: 		  	0 auto;
		overflow: 			hidden;
		position: 			relative;
	}

	div.banner img
	{
		left:  	  	 50%;
		margin-left: -950px;
		position: 	 absolute;
		top: 		 0;
	}

	div.bannerShadow
	{
		background: url(/images/bannerTopShadow.png) repeat-x;
		height:     26px;
		position:   relative;
		z-index:    9;
	}

	div.bannerNew 
	{
		height: 	   50px;
		padding-top:   40px;
		margin-bottom: 30px;
		width: 		   100%;
	}

	div.bannerNew.subtitle 
	{
		margin-bottom: 0;
		margin-top:    50px;
	}

	div.bannerGreen
	{
		background-color: 			#afb640;
		border-bottom-right-radius: 100px;
		height: 		  			100px;
		left: 	  		  			-1000px;
		position: 		  			absolute;
		right: 						50px;
		top: 			  			-10px;
		z-index: 		  			0;
	}

	div.bannerNew.subtitle div.bannerGreen 
	{
		background-color: #fef200;
	}

	div.bannerNew h1 
	{
		color: 	  	  #fff;
		padding-left: 20px;
		position: 	  relative;
		z-index:  	  1;
	}

	div.bannerNew.subtitle h1 
	{
		color: #000;
	}

	.white
	{
		background-color: #fff;
	}

	a.greenSlideout
	{
		width:               260px;
		height:              257px;
		background:          transparent url(/images/home_specialSlideout.png) no-repeat 0px 0px;
		text-indent:         -9999px;
		display:             block;
		position:            fixed;
		bottom:              50px;
		left:                -45px;
		z-index:             999999;
	}

	a.greenSlideout:hover
	{
		left:                0px;
	}

	div.homeLayPage div.layFooter
	{
		margin-bottom: 80px; /* add space to the bottom of the homepage so that the sticky bar does not overlap the footer, Thawte, or credit card image */

		-webkit-transition: margin 0.25s;
	       -moz-transition: margin 0.25s;
	            transition: margin 0.25s;
	}

	div.footerSpaceholder 
	{
		height: 250px;
		width:  100%;
	}

	div.homeLayPage div.footerSpaceholder
	{
		height: 250px;
		padding-bottom: 80px;

		-webkit-transition: padding 0.25s;
	       -moz-transition: padding 0.25s;
	            transition: padding 0.25s;
	}

	div.stickyBar
	{
		width: 100%;
		height: 80px;
		background-color: #fff200;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 999999;

		-webkit-box-shadow: 0 -2px 20px 2px rgba( 0, 0, 0, 0.1 );
		   -moz-box-shadow: 0 -2px 20px 2px rgba( 0, 0, 0, 0.1 );
		        box-shadow: 0 -2px 20px 2px rgba( 0, 0, 0, 0.1 );
	}

	div.stickyContent
	{
		cursor: 		pointer;
		margin-left: 	auto;
		margin-right: 	auto;
		height: 		80px;
		max-width: 		1600px;
		vertical-align: middle;
		text-align: 	left;
		position: 		relative;
		width: 			100%;
	}

	div.stickyContent div.specialsImg
	{
		width: 		190px;
		height: 	151px;
		position: 	absolute;
		left: 		2px;
		bottom: 	10px;
		cursor: 	pointer;
		background: url(/images/cta_hotsheet2.png) no-repeat 0px 0px;
	}

	div.stickyContent div.donateImg
	{
		width: 		213px;
		height: 	165px;
		position: 	absolute;
		left: 		2px;
		bottom: 	10px;
		cursor: 	pointer;
		background: url(/images/donation.png) no-repeat 0px 0px;
	}

	div.stickyContent div.goingGreenImg
	{
		width: 		215px;
		height: 	121px;
		position: 	absolute;
		right: 		0px;
		bottom: 	17px;
		cursor: 	pointer;
		background: url(/images/home_gogreen.png) no-repeat 0px 0px;
	}

	div.stickyContent h1
	{
		margin-bottom: 10px;
		margin-left: 35%;
		margin-top: 5px;
		font-size: 28px;
		cursor: pointer;
	}

	div.stickyContent a
	{
		font-weight: bold;
		font-size: 20px;
		color: #2d731c;
		text-decoration: none;
		display: block;
		height: 25px;
		margin-left: 38%;
		width: 410px;
		background: url(/images/btn_bannerArrow.png) no-repeat top right;
	}

	div.stickyContent a.wide
	{
		width: 435px;
	}

	div.stickyContent a:hover
	{
		color: #205214;
		text-decoration: none;
		background: url(/images/btn_bannerArrow.png) no-repeat right -25px;
	}

	a.stickyClose
	{
		width: 22px;
		height: 22px;
		background: url(/images/icons/btn_blankGreyLRG.png) no-repeat -99px -564px;
		display: block;
		top: 25px;
		right: 13px;
		text-indent: -9999px;
		z-index: 9999999;
		position: absolute;
		cursor: pointer;
	}

	a.stickyClose:hover
	{
		background: url(/images/icons/btn_blankGreyLRG.png) no-repeat -99px -586px;
	}

	table.home
	{
		margin: 30px 0 10px 0;
	}

	table.home.homeRow2
	{
		height: 340px;
		margin: 40px 0;
	}

	table.home td.homeBox
	{
		/*background:      url(/images/CTAbg2.png) no-repeat center bottom;*/
		height:          346px;/*310px*/
		width:           359px; !important;/*334px*/
		padding:         50px 15px 80px 15px !important;
		position:        relative;
	}

	table.home td.homeBox div.contentWrapper 
	{
		height:   100%;
		position: relative;
		z-index:  1;
	}

	table.home td.homeBox div.grayBackground
	{
		background-color: #efece7;
		bottom: 		  0;
		left: 			  0;
		opacity: 		  0.75;
		position: 		  absolute;
		right:  		  0;
		top: 			  0;
		z-index: 		  0;
	}

	table.home td.homeBox .column 
	{
		margin-bottom: 40px;
	}

	table.home td.homeBox .column.nomargin
	{
		margin: 0;
	}

	table.home td.homeBox h1
	{
		margin-top: 20px;
	}

	table.home td.homeBox p
	{
		font-size: 16px;
	}

	table.home td.homeBox.padLeft  { padding-left:  40px !important; }
	table.home td.homeBox.padRight { padding-right: 40px !important; }

	table.home td.homeBox .yellowBtnReg,
	div.headerRight div.loginNew input.loginGo,
	input.yellowBtn.home,
	a.yellowBtn.home
	{
		background-color: transparent;
		border: 		  2px solid #38652C;
		border-radius:    5px;
		line-height: 	  48px;
	}

	a.yellowBtn.home.red,
	input.yellowBtn.home.red
	{
		border-color: #e72b20
	}

	table.home td.homeBox .yellowBtnReg:hover,
	div.headerRight div.loginNew input.loginGo:hover,
	input.yellowBtn.home:hover,
	input.yellowBtn.home.red:hover,
	a.yellowBtn.home:hover
	{
		background-color: #fef200;
		border: 		  1px solid #d0c703;
		line-height: 	  50px;
	}

	div.headerRight div.loginNew input.loginGo:hover 
	{
		background-position: 81px center;
	}

	table.home td.homeBox div.wrapper
	{
		/*width: 100%;*/
		width: 274px !important;
		height: 100%;
		position: relative;
	}

	/*table.home td.homeBox h1,
	table.home td.homeBox h2
	{
		text-align: center;
	}*/

	table.home td.homeBox p
	{
		color: #000;
	}

	table.home td.homeBox.borderRight
	{
		border-right: 3px solid #fff;
	}

	table.home td.homeBox div.products
	{
		background: url(/images/cta_cart.png) no-repeat 0 0;
		height: 	131px;
		width: 		98px;
		position: 	absolute;
		bottom: 	-8px;
		right: 		40px;
	}

	/*table.home td.homeBox div.specials,
	div.specials2
	{
		background: url(/images/cta_hotsheet2.png) no-repeat 0 0;
		height: 	151px;
		width: 		190px;
		position: 	absolute;
		bottom: 	0px;
		right: 		20px;
	}

	div.specials2
	{
		position: relative;
		right: 0;
	}*/

	table.home td.homeBox div input.btnBlankGreySm
	{
		position: absolute;
		bottom: 4px;
		left: 0px;
		z-index: 5;
	}

	table.home tr.homeRow2 td.homeBox
	{
		/*height: 226px;*/
		padding: 50px 25px 80px !important;
	}

	table.home tr.homeRow2 td.homeBox.nopad
	{
		padding: 0 !important;
	}

	table.home tr.homeRow2 td h2 { text-align: left; }
	table.home tr.homeRow2 td h1 { font-size:  26px; }
	table.home tr.homeRow2 td h2 { font-size:  18px; }

	table.home tr.homeRow2 td.blue  h1, table.home tr.homeRow2 td.blue  h2 { color: #374da0; }
	table.home tr.homeRow2 td.red   h1, table.home tr.homeRow2 td.red   h2 { color: #b94831; }
	table.home tr.homeRow2 td.green h1, table.home tr.homeRow2 td.green h2 { color: #166502; }

	table.home.homeRow2 td.homeBox p
	{
		color: 		   #000;
		font-weight:   normal;
		margin-bottom: 10px;
	}

	td.homeBox div.marketImage
	{
		background-position: center center;
		background-repeat:   no-repeat;
		background-size: 	 376px 476px;
		height: 			 476px;
		width:  			 376px;
	}

	td.homeBox div.marketImage.image1 { background-image: url( '/images/home_apples.jpg' 	  ); }
	td.homeBox div.marketImage.image2 { background-image: url( '/images/home_cart.jpg' 		  ); }
	td.homeBox div.marketImage.image3 { background-image: url( '/images/home_customer.jpg' 	  ); }
	td.homeBox div.marketImage.image4 { background-image: url( '/images/home_pushingcart.jpg' ); }
	td.homeBox div.marketImage.image5 { background-image: url( '/images/home_shopping.jpg' 	  ); }

	td.homeBox a.clickCollect
	{ 
		background-image: 	 url( '/images/home_clickCarry1.jpg' ); 
		background-position: center center;
		background-repeat:   no-repeat;
		background-size:  	 399px 476px;
		display: 			 block;
		height: 			 476px;
		width: 			  	 399px;
	}

	td.homeBox a.clickCollect:hover { background-image: url( '/images/home_clickCarry2.jpg' ); }

	td.homeBox div.storeImg
	{
		background: url(/images/cta_map.png) no-repeat 0 0;
		height: 	116px;
		width: 		163px;
		position: 	absolute;
		bottom: 	-12px;
		right: 		30px;
	}

	td.homeBox div.shopper
	{
		background: url(/images/cta_chefCart.png) no-repeat 0 0;
		height: 	149px;
		width: 		103px;
		position: 	absolute;
		bottom: 	-12px;
		right: 		30px;
	}

	td.homeBox div.catering
	{
		background: url(/images/cta_event.png) no-repeat 0 0;
		height: 	138px;
		width: 		153px;
		position: 	absolute;
		bottom: 	-12px;
		right: 		30px;
	}

	/**************************************************************************
	Charity Week/Donations
	**************************************************************************/

	.donateContainer
	{
		position: relative;
	}

	.donateContainer .donateTitle,
	.donateContainer .donateInfo
	{
		margin: 45px;
		position: absolute;
		top: 0;
		width: calc(50% - 90px);
	}

	.donateContainer .donateTitle span,
	.donateContainer .donateInfo span
	{
		display: block;
	}

	.donateContainer .donateInfo span.mobileOnly
	{
		display: none;
	}

	.donateContainer .donateTitle
	{
		color: #fff;
		font-size: 50px;
		font-weight: 700;
		margin-left: 125px;
	    margin-top: 65px;
	    width: calc(50% - 170px);
	}

	.donateContainer .donateTitle span.padLeft
	{
		margin-left: 50px;
	}

	.donateContainer .donateInfo
	{
		font-size: 24px;
		left: 50%;
		line-height: 1.4em;
		text-align: center;
	}

	.donateContainer .donateInfo a.button
	{
		background-color: #fef200;
		margin: 0 auto;
		margin-top: 30px;
		width: 150px;
	}

	.donateContainer .donateInfo a.button:hover
	{
		background-color: #fff;
		border: 2px solid #000;
	}

	/**************************************************************************
	Home Page Tiles / Default select a store modal
	**************************************************************************/

	.homeTiles
	{
		margin-top: 35px;
	}

	.homeTiles .tile,
	.homeTiles .tile a,
	.homeTiles .tile p
	{
		color: 		 #000;
		font-size:   24px;
		font-weight: 400;
	}

	.homeTiles .tile p
	{
		line-height: 1.4em;
		padding-bottom: 20px;
	}

	.homeTiles .tile p.failure 
	{
		color: #c00;
		font-size: 16px;
		line-height: 21px;	
	}

	.homeTiles .tile
	{
		margin:  10px 0;
	}

	.homeTiles .tile .hasHover
	{
		position: relative;
		top: 0;

		-webkit-box-shadow: none;
	       -moz-box-shadow: none;
	            box-shadow: none;

		-webkit-transition: top 0.25s, box-shadow 0.25s;
	       -moz-transition: top 0.25s, box-shadow 0.25s;
	            transition: top 0.25s, box-shadow 0.25s;
	}

	.homeTiles .tile .hasHover:hover
	{
		top: -5px;

		/*-webkit-box-shadow: 5px 5px 15px -5px #999, 5px 5px 15px -5px #999, -5px 5px 15px -5px #999;
	       -moz-box-shadow: 5px 5px 15px -5px #999, 5px 5px 15px -5px #999, -5px 5px 15px -5px #999;
	            box-shadow: 5px 5px 15px -5px #999, 5px 5px 15px -5px #999, -5px 5px 15px -5px #999;*/

		-webkit-box-shadow: 0 0 20px #999;
	       -moz-box-shadow: 0 0 20px #999;
	            box-shadow: 0 0 20px #999;
	}

	.homeTiles .tile .tileContentWrapper,
	.homeTiles .tile a
	{
		display: 		 block;
		padding: 		 20px;
		text-decoration: none;
	}

	.homeTiles .tile a.padBottom5
	{
		padding-bottom: 5px;
	}

	.homeTiles .tile a.noPad 
	{
		padding: 0;
	}

	.homeTiles .tile.yellow,
	.homeTiles .tile .yellow
	{
		background-color: #fef200;
	}

	.homeTiles .tile .gray
	{
		background-color: #f6f6f6;
	}

	.homeTiles input[type="submit"]
	{
		margin-top: 40px;
		position:   relative;
	}

	.homeTiles .icon 
	{
		float: left;
	}

	.homeLayPage .header,
	.whatsnew .header
	{
		color:       #000;
		display: 	 block;
		font-size:   26px;
		font-weight: 600;
		padding: 	 25px 0 25px 110px;
		position: 	 relative;

		width: 100%;
		width: -webkit-calc( 100% - 110px );
		width:    -moz-calc( 100% - 110px );
		width: 		   calc( 100% - 110px );
	}

	.homeLayPage .header.is-loaded:before,
	.whatsnew .header:before
	{
		background:  	 url( '/images/icons/IconDesktop.png' ) center center no-repeat;
		background-size: 300px 1000px;
		content: 		 "";
		height: 		 100px;
		left: 			 0;
		position: 		 absolute;
		top: 			 0;
		width: 			 100px;
	}

	.homeLayPage .header.location:before { background-position:  0 	    0; }
	.homeLayPage .header.specials:before { background-position:  0 -100px; top: -5px; }
	.homeLayPage .header.new:before, 
	.whatsnew .header.new:before	  	 { background-position:  0 -200px; }
	.homeLayPage .header.search:before   { background-position:  0 -400px; }
	.homeLayPage .header.envelope:before { background-position:  0 -900px; top: -5px; }
	
	.homeLayPage .header.info:before 	   { background-position: -100px -300px; }
	.homeLayPage .header.clickCarry:before { background-position: -100px -800px; }
	.homeLayPage .header.playVideo:before  { background-position: -100px -900px; }

	.homeTiles .header span 
	{
		font-size:   40px;
		font-weight: 700;
		line-height: 40px;
	}

	.homeTiles .header span.subtitle
	{
		display: block;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		margin-top: 20px;
	}

	.homeTiles .tileContent
	{
		clear: 		both;
		margin-top: 50px;
	}

	.homeTiles .tileContent .storeLocation,
	.homeTiles .tileContent .storeInfo,
	.homeTiles .tileContent .searchForm,
	.storeModal .geoLocation,
	.storeModal .searchForm,
	.storeModal .storeSearch
	{
		height:   0;
		overflow: hidden;

		-webkit-transition: height 0.25s;
	       -moz-transition: height 0.25s;
	            transition: height 0.25s;
	}

	.storeModal .storeLocation
	{
		height: auto;
	}

	.storeModal .storeSearch
	{
		margin-top: 10px;
	}

	.storeModal .storeLocation,
	.storeModal .searchForm
	{
		margin:    0 auto;
		max-width: 475px;

		-webkit-transition: height 0.25s, margin 0.25s;
	       -moz-transition: height 0.25s, margin 0.25s;
	            transition: height 0.25s, margin 0.25s;
	}

	.modalInput
	{
		margin: 0 auto;
		max-width: 475px;
	}

	.storeModal .searchForm.active 
	{
		margin: 50px auto;
	}

	.homeTiles .tileContent .storeLocation .attention,
	.storeModal .storeLocation .attention,
	.storeModal .searchForm .attention,
	.listModal .attention,
	.autoSignout .attention
	{
		font-size:   24px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.storeModal .storeSearch a .attention
	{
		font-size:   18px;
		font-weight: 700;
	}

	.homeTiles .tileContent .storeLocation div.storeImg,
	.homeTiles .tileContent .storeInfo div.storeImg,
	.storeModal .storeLocation div.storeImg
	{
		float: 		  left;
		margin-right: 10px;
		max-height:   183px;
		width: 		  275px;

		max-width: 60%;
		max-width: -webkit-calc( 60% - 10px );
		max-width:    -moz-calc( 60% - 10px );
		max-width: 		   calc( 60% - 10px );
	}

	.homeTiles .tileContent div.storeImg .imgContainer
	{
		max-height: 183px;
	}

	.homeTiles .tileContent .storeLocation div.storeImg img,
	.homeTiles .tileContent .storeInfo div.storeImg img,
	.homeTiles .tileContent div.storeImg .imgContainer img
	{
		display: block;
		margin-left: auto;
	    margin-right: auto;
	    max-height: 183px;
	}

	.storeModal .storeSearch div.storeImg
	{
		float: 		  left;
		margin-right: 12px;
		max-width:    100px;
		width: 		  100px;
	}

	.homeTiles .tileContent .storeLocation div.storeImg .svgBackground,
	.homeTiles .tileContent .storeInfo div.storeImg .svgBackground,
	.storeModal .storeLocation div.storeImg .svgBackground,
	.storeModal .storeSearch div.storeImg .svgBackground
	{
		background-color: #000;
		height: 		  65px;
		position: 		  relative;
	}

	.homeTiles .tileContent .storeLocation div.storeImg .svgBackground:after,
	.homeTiles .tileContent .storeInfo div.storeImg .svgBackground:after,
	.storeModal .storeLocation div.storeImg .svgBackground:after,
	.storeModal .storeSearch div.storeImg .svgBackground:after
	{
		background: 	 url('/images/logo_defaultWhite.png') center center no-repeat;
		background-size: 98px 30px;
		content: 		 '';
		height: 		 65px;
		position:  		 absolute;
		width: 			 100%;
	}

	.storeModal .storeLocation div.storeImg img,
	.storeModal .storeSearch div.storeImg img
	{
		max-width: 100%;
	}

	.homeTiles .tileContent .storeLocation .storeText,
	.homeTiles .tileContent .storeInfo .storeText,
	.storeModal .storeLocation .storeText
	{
		margin-left: 10px;
		
		max-width: 40%;
		max-width: -webkit-calc( 40% - 10px );
		max-width:    -moz-calc( 40% - 10px );
		max-width: 		   calc( 40% - 10px );
	}

	.storeModal .storeSearch .storeText
	{
		float: left;

		max-width: 100%;
		max-width: -webkit-calc( 100% - 112px );
		max-width:    -moz-calc( 100% - 112px );
		max-width: 		   calc( 100% - 112px );
	}

	.storeModal .storeSearch .storeBtn.openSoon .storeText
	{
		padding-top: 15px;
	}

	.homeTiles .tileContent .storeLocation .address,
	.homeTiles .tileContent .storeInfo .address,
	.homeTiles .tileContent .storeInfo .links,
	.storeModal .storeLocation .address
	{
		font-size:  18px;
		text-align: center;
	}

	/*.homeTiles .tileContent .storeLocation .phone a,
	.storeModal .storeLocation .phone a */
	.homeTiles .tileContent .storeLocation .phone,
	.storeModal .storeLocation .phone
	{
		display: 	 block;
		font-size: 	 24px;
		font-weight: 700;
		padding: 	 0;
		text-align:  center;
		text-decoration: none;
	}

	.homeTiles .tile .tileContent .storeInfo .links a 
	{
		color: 			 #2d731c;
		display: 	 	 block;
		font-size: 		 18px;
		font-weight: 	 700;
		margin-top:  	 20px;
		padding: 		 0;
		text-decoration: none;
	}

	.homeTiles .tile .tileContent .storeInfo .links a:hover 
	{
		color: #000;
		text-decoration: underline;
	}

	.homeTiles .tileContent .textBox
	{
		display: 	 block;
		margin-left: 110px;
		max-width: 	 320px;
	}

	.homeTiles a.clickCarry.is-loaded
	{
		background: 	 url('/images/landing/home-clickCarry.png') right bottom no-repeat;
		background-size: 35% auto;
	}

	.homeTiles a.button,
	.homeTiles input.button,
	.storeModal a.button,
	.storeModal input.button,
	.signinModal input.button,
	.signinModal a.button
	{
		background-color: transparent;
		border: 		  1px solid #d0c703;
		border-radius:    5px;
		color: 			  #000;
		cursor: 		  pointer;
		display: 		  block;
		font-weight: 	  700;
		font-size: 		  18px;
		height: 		  35px;
		line-height: 	  35px;
		margin-top: 	  20px;
		outline:  		  none;
		padding: 		  0;
		text-align: 	  center;
		text-decoration:  none;
		width: 			  45%;

		-webkit-transition: background-color 0.25s;
	       -moz-transition: background-color 0.25s;
	            transition: background-color 0.25s;
	}

	.signinModal input.button,
	.signinModal a.button
	{
		margin: 0;
	}

	.homeTiles input.button,
	.storeModal input.button,
	.storeModal .storeSearch a.button,
	.modal.specialOrder input.button
	{
		height: 	 50px;
		line-height: 50px;
		min-width:   120px;
		outline:  	 none;
	}

	.storeModal .storeSearch a.button 
	{
		margin-top: 0;
		width: 180px;

		margin-left: 25%;
		margin-left: -webkit-calc( 25% - 48px );
		margin-left:    -moz-calc( 25% - 48px );
		margin-left: 		 calc( 25% - 48px );
	}

	.homeTiles a.button:hover,
	.homeTiles input.button:hover,
	.storeModal a.button:hover,
	.storeModal input.button:hover,
	.storeModal .storeSearch a.button:hover,
	.signinModal input.button:hover,
	.signinModal a.button:hover
	{
		background-color: #fff;
		border: 		  1px solid #d0c703;
	}

	.homeTiles ol 
	{
		list-style:   none;
		margin: 	  70px 0;
		padding-left: 75px;
	}

	.homeTiles ol li
	{
		counter-increment: item;
		font-weight: 	   600;
		margin-top: 	   40px;
		position: 		   relative;
	}

	.homeTiles ol li:before
	{
		background-color: #fff200;
		border: 		  2px solid #fff;
		border-radius: 	  50%;
		display: 		  inline-block;
		color: 			  #000;
		content: 		  counter(item);
		height: 		  40px;
		line-height: 	  40px;
		left: 			  -75px;
		position: 		  absolute;
		text-align: 	  center;
		top: 			  -9px;
		width: 			  40px;
	}

	hr.home 
	{
		margin: 40px 0;
	}

	.homeBackground
	{
		background: url('/images/landing/home-newProductBG.jpg') center bottom no-repeat;
		background-size: 1920px 655px;
		bottom: 0;
		height: 655px;
		position: absolute;
		width: 100%;
		z-index: 0;
	}

	div.icon.desktop
	{
		background:  	 url( '/images/icons/IconDesktop.png' ) center center no-repeat;
		background-size: 300px 1000px;
		height: 		 100px;
		width: 			 100px;
	}

	div.icon.desktop.location 	{ background-position: 	0 	     0; }
	div.icon.desktop.specials 	{ background-position:  0   -100px; }
	div.icon.desktop.new 	  	{ background-position: 	0 	-200px; }
	div.icon.desktop.shopping 	{ background-position: 	0 	-300px; }
	div.icon.desktop.search   	{ background-position: 	0 	-400px; }
	div.icon.desktop.favorite 	{ background-position: 	0 	-500px; }
	div.icon.desktop.receipt  	{ background-position: 	0 	-600px; }
	div.icon.desktop.card 	  	{ background-position:  0   -700px; }
	div.icon.desktop.envelope 	{ background-position:  0   -900px; }
	
	div.icon.desktop.info 	  	{ background-position: -100px -300px; }
	div.icon.desktop.event 	  	{ background-position: -100px -400px; }
	div.icon.desktop.cup 	  	{ background-position: -100px -600px; }
	div.icon.desktop.clickCarry { background-position: -100px -800px; }
	div.icon.desktop.playVideo  { background-position: -100px -900px; }

	form.homeStLocator input#city, form.homeStLocator input#zip, form.homeStLocator input#storeNum,
	.storeModal input#modalCity, .storeModal input#modalZip, .storeModal input#modalStoreNum
	{
		width: 		   48%;
		margin-bottom: 3px;
		/*font-size: 	   15px;*/

  		-webkit-box-sizing: border-box;
  		   -moz-box-sizing: border-box;
  				box-sizing: border-box;
	}

	form.homeStLocator select,
	.storeModal .searchForm select
	{
		background-color: #fff;
		height: 	   40px;
		margin-bottom: 3px;
		width: 		   48%;

		-webkit-appearance: menulist;

		-webkit-box-sizing: border-box;
  		   -moz-box-sizing: border-box;
  				box-sizing: border-box;
	}

	form.homeStLocator select::-ms-expand,
	.storeModal .searchForm select::-ms-expand
	{
		display: none;
	}

	.ie10 form.homeStLocator select,
	.ie10 .storeModal .searchForm select
	{
		width:  154px;
		height: 29px;
	}

	.ie10 form.homeStLocator select#state,
	.ie10 .storeModal .searchForm select#state
	{
		margin-top: -2px;
	}

	/**************************************************************************
	New Products
	**************************************************************************/

	#whatsnewContainer
	{
		min-height: 607px;
	}

	.whatsnew
	{
		margin-bottom: 120px;
	}

	.whatsnew hr 
	{
		margin: 0 0 40px 0;
	}

	.whatsnew .header 
	{
		font-size:   40px;
		font-weight: 700;
		padding: 	 45px 0 30px 110px;
	}

	.whatsnew .item 
	{
		font-size: 18px;
		margin-bottom: 20px;
		min-height: 202px;
		padding-left: 222px;
		position: relative;
		line-height: 30px;
	}

	.whatsnew .item:last-child { margin-bottom: 0px; }

	.whatsnew .whatsnew-content.link
	{
		position: relative;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
	}

	/*.whatsnew .item:after
	{
		background-color: #ffe800;
		border-radius: 50%;
		content: "";
		height: 170px;
		left: 145px;
		position: absolute;
		top: 15px;
		width: 170px;
		z-index: -1;
	}*/

	.whatsnew a 
	{
		cursor: pointer;
		text-decoration: none;
	}

	.whatsnew a.itemImage 
	{
		background-color: #fff;
		border: 1px solid #dbdbdb;
		display: inline-block;
		height: 200px;
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		white-space: nowrap;
		width: 200px;
	}

	.whatsnew a.itemImage img 
	{
		margin-top: 0;
		max-height: 180px;
		max-width: 180px;
		left: 50%;
		position: absolute;
		top: 50%;

		-webkit-transform: translate(-50%,-50%);
		   -moz-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
	}

	.whatsnew a.itemImage span
	{
		background: url( '/images/icons/IconDeskTop.png') center center no-repeat;
		background-position: 0 -200px;
		background-size: 300px 1000px;
		height: 100px;
		width: 100px;
		content: "";
		top: 50px;
		left: 50px;
		position: absolute;
	} 

	/*.whatsnew .iconWrapper,
	.whatsnew .contentWrapper
	{
		left: 235px;
		position: absolute;
		top: 50%;

		-webkit-transform: translate(0,-50%);
		   -moz-transform: translate(0,-50%);
				transform: translate(0,-50%);
	}*/

	.whatsnew .contentWrapper.padLeft42
	{
		padding-left: 42px;
	}

	.whatsnew a.icon
	{
		background: url('/images/icons/icons_home.png') 0 0 no-repeat;
		background-size: 72px 61px;
		display: inline-block;
		height: 30px;
		margin-right: 20px;
		padding: 0;
		width: 22px;
	}

	.whatsnew a.itemName 
	{
		display: block;
		font-size: 24px;
		font-weight: 700;
	}

	.whatsnew a.icon.pdf 	   { background-position: 0 0; }
	.whatsnew a.icon.pdf:hover { background-position: 0 -32px; }

	a.mapBtn
	{
		width:               46px;
		height:              38px;
		background:          transparent url(/images/icons/btn_map.png) no-repeat 0px 0px;
		text-indent:         -9999px;
		display:             none;
		float:               left;
		cursor:              pointer;
		margin-right:  		 8px;
		margin-top:          8px;
	}

	a.mapBtn.active
	{
		display: block;
	}

	a.mapBtn:hover
	{
		background:          transparent url(/images/icons/btn_map.png) no-repeat 0px -38px;
	}

	a.ctaBtnGreen,
	button.ctaBtnGreen
	{
		background-color: #579031;
		border: 		  1px solid #3a792a;
		border-radius: 	  3px;
		color: 			  #fff;
		display: 		  inline-block;
		font-family: 	  MyriadProBold, Helvetica, sans-serif;
		/*font-weight: 	  bold;*/
		font-size: 		  18px;
		height: 		  58px;
		line-height: 	  1.6em;
		padding: 		  20px 0;
		text-align: 	  center;
		text-decoration:  none;
		width: 			  148px;

		-webkit-box-shadow: 3px 3px 4px 3px #b5b5b5;
	       -moz-box-shadow: 3px 3px 4px 3px #b5b5b5;
	            box-shadow: 3px 3px 4px 3px #b5b5b5;
	}

	button.ctaBtnGreen
	{
		cursor: 	  pointer;
		height: 	  100px;
		margin-right: 6px;
	}

	a.ctaBtnGreen:hover,
	button.ctaBtnGreen:hover
	{
		background-color: #447226;
		color: 			  #fff;
	}

	/**************************************************************************
	CTAs
	**************************************************************************/

	div.cta
	{
		display: 	  block;
		float:   	  left;
		height:  	  340px;
		margin-right: 1px;
		overflow-x:   hidden;
		padding: 	  20px 20px 0 20px;
		position:     relative;
		text-align:   center;
		width:  	  559px;/*334px*/
	}

	div.cta.gold
	{
		background: 	  url( '/images/cta_supplies.png' ) center 232px no-repeat;
		background-color: #e6de93;
	}

	div.cta.green
	{
		background: url( '/images/cta_amexCard.png' ) center 230px no-repeat;
		background-color: #b8d4ba;
	}

	div.cta.blue
	{
		background: url( '/images/cta_newsletter.png' ) center 234px no-repeat;
		background-color: #c6c6c6;
	}

	div.cta h1
	{
		color:       #000;
		font-size:   30px;
		font-weight: bold;
	}

	div.cta p
	{
		color: 		#000;
		margin: 	10px 0;
		text-align: left;
	}

	div.cta a
	{
		display: 	 	 block;
		color:  		 #fff;
		font-family: 	 MyriadProRegular, Helvetica, sans-serif;
		font-size: 		 18px;
		height:  	 	 50px;
		left: 			 174px;
		line-height: 	 50px;
		margin: 	 	 0 auto;
		position: 		 absolute;
		text-decoration: none;
		top: 			 165px;
		width:   		 250px;
	}

	div.cta.gold a
	{
		background-color: #756e25;
		color:  		  #e6de93;
	}

	div.cta.green a
	{
		background-color: #6e9669;
	}

	div.cta.blue a
	{
		background-color: #3b6894;
	}

	div.cta.gold a:hover
	{
		background-color: #645e1f;
	}

	div.cta.green a:hover
	{
		background-color: #5e8059;
	}

	div.cta.blue a:hover
	{
		background-color: #32597e;
	}

	div.ctaFooterWrapper
	{
		bottom:  	  	  0;
		background-color: #fff;
		height: 		  15px;
		left: 		  	  0;
		margin-right: 	  1px;
		position: 	  	  absolute;
		width: 			  599px;/*374px*/
	}

	div.ctaFooter
	{
		height: 	  10px;
		float:  	  left;
		width:  	  100%;

		-webkit-box-shadow: 3px 2px 4px 0px #666;
	       -moz-box-shadow: 3px 2px 4px 0px #666;
	            box-shadow: 3px 2px 4px 0px #666;
	}

	div.cta.gold div.ctaFooter
	{
		background-color: #cac063;
	}

	div.cta.green div.ctaFooter
	{
		background-color: #85b588;
	}

	div.cta.blue div.ctaFooter
	{
		background-color: #8d8d8d;
	}

	/******* / CTAs **********/

	.column.padLeft70 
	{
		padding-left: 4%;
	}

	.column.padRight16
	{
		padding-right: 16%;
	}

	div.layFooter .column
	{
		margin-top: 55px;
	}

	div.layFooter .column.footerNav
	{
		margin-top: 22px;
	}

	div.layFooter .column.copyright
	{
		margin-top: 40px;
	}

	div.layFooter .column.copyright p 
	{
		margin-top: 15px;
	}

	div.layFooter .column.register,
	div.layFooter .column.signin 
	{
		display: none;
		margin-top: 30px;
	}

	div.layFooter .column.social
	{
		margin-top: 37px;
	}

	div.layFooter a,
	div.layFooter .column
	{
		font-family: MyriadProRegular, Helvetica, sans-serif;
		font-weight: normal;
		font-size:   14px;
		color:       #fff;
		text-decoration: none;
	}

	div.layFooter .column.copyright.mobile
	{
		display: none;
		margin-top: 20px;
	}

	div.layFooter .column.copyright p,
	div.layFooter .column.copyright a
	{
		color: #fff;
		font-size: 14px;
	}

	div.layFooter a:hover
	{
		text-decoration: underline !important;
		color: #fff;
	}

	div.layFooter .button,
	div.layFooter a.button:hover
	{
		background-color: transparent;
		border: 		  1px solid #fff;
		border-radius: 	  5px;
		font-size: 		  18px;
		height: 		  auto;
		line-height: 	  21px;
		padding: 		  5px 10px;
		text-align: 	  center;
		text-decoration:  none !important;
		width: 			  100px;
	}

	div.layFooter .footerNav a
	{
		color: 		  #fff;
		display:      inline-block;
		margin-left:  2px;
		margin-right: 2px;
	}

	div.layFooter .footerNav span.whiteLine
	{
		display: inline-block;
		text-align: center;
		width: 50px;
	}

	div.layFooter .social .icon 
	{
		height: 		  100px;
		padding: 		  0;
		position: 		  relative;
		width: 			  100px;
	}

	div.layFooter .social .icon:before 
	{
		background-color: #fff;
		border-radius: 	  5px;
		content:  		  "";
		height: 		  0;
		left: 	  		  50px;
		opacity: 		  0.3;
		position: 		  absolute;
		top: 	  		  50px;
		width: 			  0;
		z-index: 		  0;

		-webkit-transition: height 0.25s, left 0.25s, top 0.25s, width 0.25s;
	       -moz-transition: height 0.25s, left 0.25s, top 0.25s, width 0.25s;
	            transition: height 0.25s, left 0.25s, top 0.25s, width 0.25s;
	}

	div.layFooter .social .icon:hover:before 
	{
		height: 100px;
		left:   0;
		top:    0;
		width: 	100px;
	}

	div.layFooter .social .icon:after
	{
		background-image: url( '/images/icons/IconDesktop.png' );
		background-size:  300px 1000px;
		content: 		  "";
		height: 		  100px;
		left: 			  0;
		position: 		  absolute;
		top: 			  0;
		width: 			  100px;
		z-index: 		  1;
	}

	div.layFooter .social .icon.instagram:after { background-position: -200px 0; }
	div.layFooter .social .icon.facebook:after  { background-position: -200px -100px; }
	div.layFooter .social .icon.twitter:after   { background-position: -200px -200px; }

	div.creditCards
	{
		background:    url(/images/home_cc2.png) no-repeat top right;
		height: 	   18px;
		margin-bottom: 15px;
		/*margin-right:  25px;*/
	}

	div.thawte.development
	{
		background: url('/images/getthawteseal.gif') no-repeat top right;
		background-size: 199px 39px;
		height: 39px;
		width: 100%;
	}

	a.logo
	{
		background-image:    url(/images/logo.png);
		background-position: -3px top;
		background-repeat:   no-repeat;
		background-size: 	 260px 90px;
		width:               270px;
		height:              92px;
		text-indent:         -500px;
		overflow:            hidden;
		position: 			 absolute;
		display:             block;
		/*float:               left;
		padding-right:       35px;*/

		-webkit-box-shadow: 5px 0 5px 0 rgba( 0, 0, 0, 0.2 ), -5px 0 5px 0 rgba( 0, 0, 0, 0.2 );
		   -moz-box-shadow: 5px 0 5px 0 rgba( 0, 0, 0, 0.2 ), -5px 0 5px 0 rgba( 0, 0, 0, 0.2 );
		        box-shadow: 5px 0 5px 0 rgba( 0, 0, 0, 0.2 ), -5px 0 5px 0 rgba( 0, 0, 0, 0.2 );
	}

	a.logo.homeLogo
	{
		height: 132px;

		-webkit-box-shadow: 0 5px 5px 0 rgba( 0, 0, 0, 0.2 ), 5px 0 5px 0 rgba( 0, 0, 0, 0.2 ), -5px 0 5px 0 rgba( 0, 0, 0, 0.2 );
		   -moz-box-shadow: 0 5px 5px 0 rgba( 0, 0, 0, 0.2 ), 5px 0 5px 0 rgba( 0, 0, 0, 0.2 ), -5px 0 5px 0 rgba( 0, 0, 0, 0.2 );
		        box-shadow: 0 5px 5px 0 rgba( 0, 0, 0, 0.2 ), 5px 0 5px 0 rgba( 0, 0, 0, 0.2 ), -5px 0 5px 0 rgba( 0, 0, 0, 0.2 );
	}

	div.headerRight .keywordContainer
	{
		float: left;
		margin-left: 36px;

		width: 90%;
		width: -webkit-calc(100% - 230px);
		width:    -moz-calc(100% - 230px);
		width: 		   calc(100% - 230px);
	}

	div.headerRight .keywordContainer.large 
	{
		width: 90%;
		width: -webkit-calc(100% - 134px);
		width:    -moz-calc(100% - 134px);
		width: 		   calc(100% - 134px);
	}

	div.headerRight .globalKeywords
	{
		background-color: #fef200;
		border-color: #d0c703;
		color: #000;
    	height: 37px;
    	padding-right: 38px;
		margin: 0;

		-webkit-transition: all 0.25s 0.25s;
	       -moz-transition: all 0.25s 0.25s;
	            transition: all 0.25s 0.25s;
	}

	div.headerRight .globalKeywords:focus
	{
		background-color: #fff;
	}

	div.headerRight .faytResults 
	{
		border-color: #d0c703;
	}

	.globalSearchBtn
	{
		background: url(/images/icons/icon-sprite.png) 0 -134px no-repeat;
		background-size: 100px 200px;
		border: none;
		cursor: pointer;
		height: 32px;
		overflow: hidden;
		position: absolute;
		right: 3px;
		text-indent: -500px;
		top: 2px;
		width: 34px;
	}

	.globalSearchBtn:focus
	{
		outline: none;
	}

	div.nav ul li.mobileSearch .globalSearchBtn
	{
		right: 10px;
		top: 6px;
	}

	div.headerRight div.loginNew
	{
		height:   	0px;
		overflow:   hidden;
		position: 	absolute;
		right:    	0;
		top:	  	0;
		text-align: center;
		width: 	  	205px;
		z-index:  	9999999;

	    -webkit-transition: height 0.25s;
	       -moz-transition: height 0.25s;
	            transition: height 0.25s;

		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f0f28a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f28a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f28a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f0f28a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f0f28a 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#f0f28a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f28a',GradientType=0 ); /* IE6-9 */
	}

	div.headerRight div.loginNew.active
	{
		height: 240px;

		-webkit-box-shadow: 0px 1px 2px 1px #333;
	       -moz-box-shadow: 0px 1px 2px 1px #333;
	            box-shadow: 0px 1px 2px 1px #333;
	}

	div.headerRight div.loginNew div.block
	{
		margin: 5px 0 20px 0;
	}

	div.headerRight div.loginNew span.welcome
	{
		font-weight: 700;
		left: 	  	 -2px;
		position: 	 relative;
	}

	div.headerRight div.loginNew span.login
	{
		font-weight: 700;
		left: 	  	 2px;
		position: 	 relative;
	}

	div.headerRight div.loginNew input[type="text"],
	div.headerRight div.loginNew input[type="password"],
	div.headerRight div.loginNew input[type="submit"]
	{
		font-size: 	12px;
		height:    	22px;
		margin: 	2px;
		padding: 	0 5px;
		width: 		120px;
	}

	div.headerRight div.loginNew input[type="checkbox"],
	div.headerRight div.loginNew input[type="checkbox"] + label
	{
		color:     #666;
		font-size: 12px;
		left:      -12px;
		position:  relative;
	}

	div.headerRight div.loginNew input[type="checkbox"],
	input[name="rememberMe"]
	{
		top: 	  2px;
		position: relative;
	}

	div.headerRight div.loginNew a.forgot
	{
		color: 			 #555200;
		display: 		 block;
		font-size: 		 11px;
		margin-top:		 5px;
		text-decoration: underline;
	}

	div.headerRight div.loginNew input.loginGo
	{
		background: 	  url( '/images/rightarrow.png' ) 80px center no-repeat;
		background-size:  14px 24px;
		color: 		 	  #000;
		font-size:  	  22px;
		font-weight: 	  700;
		height: 	 	  50px;
		padding-right:    30px;
		position: 		  relative;
		text-align:  	  center;
		width:  	 	  125px;
	}

	div.headerRight a
	{
		/*line-height: 17px;*/
		font-family: MyriadProRegular, Helvetica, sans-serif;
		/*font-size:   11px;*/
		color:       #000;
		text-decoration: none;
	}

	div.headerRight a:hover
	{
		text-decoration: underline;
	}

	div.headerRight span.welcome
	{
		margin-right: 10px;
	}

	div.welcome
	{
		padding-bottom:  4px;
	}

	div.userLinks
	{
		height: 41px;
		/*padding-top: 5px;*/
		text-align:  left;
	}

	div.userLinks .right a
	{
		color: 			 #38652c;
		display:  		 inline-block;
		font-size:  	 15px;
		/*margin-left: 	 5px;
		margin-top: 	 10px;*/
		position: 		 relative;
		top: 			 -12px;
		text-decoration: none;
	}

	div.userLinks a.marginLeft2 
	{
		margin-left: 1px;
	}

	div.userLinks a:hover
	{
		color: 			 #38652c;
		text-decoration: underline;
	}

	div.userLinks a.yellowBtn 
	{
		color: 		 #000;
		font-family: MyriadProBold, Helvetica, sans-serif;
		font-size:   18px;
		height: 	 35px;
		line-height: 35px;
		top: 		 0;
		width:   	 90px;
	}

	div.userLinks a.yellowBtn.email
	{
		left:  35px;
		width: 230px;
	}

	div.userLinks a.yellowBtn:hover
	{
		text-decoration: none;
	}

	a.buyBetter
	{
		background: 	  url( '/images/logo_buybetter.png' ) center center no-repeat;
		background-color: #000;
		background-size:  237px 19px;
		/*bottom:   		  12px;*/
		height: 		  40px;
		left: 			  0;
		position: 		  absolute;
		top: 			  92px;
		width: 		 	  270px;
		z-index: 		  9999;
	}

	div.headerContent a.registerBtn
	{
		bottom:   15px;
		position: absolute;
		right:    25px;
	}

	div.headerContent a.registerBtn:hover
	{
		background-color: #fff;
		background-color: rgba( 255, 255, 255, 1 );

		 /* IE 8 */
  		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

	a.registerBtn
	{
		background-color: #fff;
		background-color: rgba( 255, 255, 255, 0.8 );
		color: 			  #000;
		display: 		  block;
		font-size: 		  14px;
		font-weight:  	  700;
		padding: 		  3px 24px 7px 0px;
		text-align:  	  center;
		text-decoration:  none;
		width:   		  125px;

		-webkit-box-shadow: 1px 1px 1px 0px #333;
	       -moz-box-shadow: 1px 1px 1px 0px #333;
	            box-shadow: 1px 1px 1px 0px #333;

	    /* IE 8 */
  		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

	a.registerBtn:after
	{
		content: '';
		background: url( '/images/rightarrow.png' ) center center no-repeat;
		background-size: 14px 24px;
		height: 		 24px;
		position:  		 absolute;
		right:  		 8px;
		top: 			 12px;
		width:  		 14px;
	}

	a.registerBtn span
	{
		font-size: 22px;
	}

	table.login
	{
		float:        right;
		margin-top:   20px;
		margin-right: 18px;
	}

	input.loginGo
	{
		height:           22px;
		width:            34px;
		background:       transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -202px 0px;
		overflow:         hidden;
		margin:           0;
		border:           none;
		cursor:           pointer;
		font-size:        10px;
		font-weight:      bold;
 		color:            #000;
 		white-space:      normal;
 		margin-top:       2px;
 		padding: 		  0;
	}

	input.loginGo:hover
	{
		background: transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat -168px 0px;
	}

	.ie10 form#topsignin input.loginGo
	{
		position: relative;
		top: -2px;
	}

	a.forgot
	{
		text-decoration: none;
		font-family: 	 MyriadProBold, Helvetica, sans-serif;
		/*font-weight:     700;*/
		color:           #000;
	}

	span.signinTitle
	{
		font-family: MyriadProRegular, Helvetica, sans-serif;
		font-size:   12px;
		color:       #666;
	}

	#top_un::-webkit-input-placeholder, #top_pw::-webkit-input-placeholder { color: #666; } /* Chrome/Opera/Safari */
		 #top_un:-ms-input-placeholder, 	 #top_pw:-ms-input-placeholder { color: #666; } /* IE 10+ */
			 #top_un::-moz-placeholder, 		 #top_pw::-moz-placeholder { color: #666; } /* Firefox 19+ */
			  #top_un:-moz-placeholder, 		  #top_pw:-moz-placeholder { color: #666; } /* Firefox 18- */

	h2.marketTitle
	{
		font-family: MyriadProRegular, Helvetica, sans-serif;
		/*font-weight: bold;*/
		font-size:   18px;
		color:       #163b0d;
	}

	.marketTitle.resume, 
	.marketTitle.resume2
	{
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 40px;
		margin-top:   40px;
		padding-left: 80px;
		position: 	  relative;
	}

	.marketTitle.resume2
	{
		margin-bottom: 60px;
	}

	.marketTitle.resume:before, 
	.marketTitle.resume2:before
	{
		background: 	 url( '/images/icons/IconDesktop.png' ) 200px -700px;
		background-size: 300px 1000px;
		content: 		 '';
		height: 		 100px;
		left: 			 -18px;
		position: 		 absolute;
		top: 			 -15px;
		width: 			 100px;
	}

	.marketTitle.resume2:before
	{
		background-position: left -800px;
	}

	div.rssLinks
	{
		/*float: right;
		margin-right: 19px;*/
		height: 	auto !important;
		text-align: center;
		width: 		100%;/*auto !important*/
	}

	ul.topPosts
	{
		list-style-type: none;
		padding:         20px 0 20px 20px;
		margin:          0;
	}

	ul.topPosts li
	{
		cursor:              pointer;
		left:				 -18px;
		padding-left:        34px;
		padding-bottom:      15px;
		position: 			 relative;
	}

	ul.topPosts li:after
	{
		content: 			 "";
		background-image:    url(/images/icons_home.png);
		background-repeat:   no-repeat;
		background-position: -24px 0;
		background-size: 	 72px 112px;
		height: 			 26px;
		left: 				 0;
		position: 			 absolute;
		top: 				 0;
		width:  			 24px;
	}

	ul.topPosts li:hover:after
	{
		background-position: -24px -32px;
	}

	ul.topPosts li a
	{
		/*color:               #000;*/
		text-decoration:     none;
	}

	ul.topPosts li a:hover 
	{
		color: #135802;
	}

	img.rssImg 
	{
		position: relative;
		margin-left: 5px;
		top: 3px;
	}

	input.signupBtn {
	    background: url(/images/icons/btn_blankGreyLRG.png) no-repeat transparent -157px -432px;
	    height:              22px;
	    width:               79px;
	    cursor:              pointer;
		border:              none;
		padding:             0;
		font-size:           12px;
 		color:               #000;
 		white-space:         normal;
	}
	input.signupBtn:hover {
	    background: url(/images/icons/btn_blankGreyLRG.png) no-repeat transparent -157px -454px;
	}

	a.signupBtn2
	{
		width:               99px;
		height:              51px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -520px;
		display:             block;
		margin-right:        10px;
		cursor:              pointer;
		border:              none;
		color:               #000;
		text-decoration:     none;
		font-size:           14px;
		text-align:          center;
	}

	a.signupBtn2:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -571px;
	}

	a.signupBtn2 div.registerText
	{
		font-size:           14px;
		padding-top:         10px;
		font-weight:         bold;
	}

	a.signupBtn2 div
	{
		font-size:           12px;
		text-decoration:     none;
		text-align:          center;
		cursor:              pointer;
	}

	a.viewAllBtn
	{
		width:               150px;
		height:              22px;
		background:          transparent url(/images/icons/btn_viewnewproducts1.png) no-repeat center top;
		text-indent:         -9999px;
		display:             block;
		float:               right;
		margin-right:        37px;
		margin-bottom:       20px;
		margin-top:          -10px;
	}

	a.viewAllBtn:hover
	{
		background:          transparent url(/images/icons/btn_viewnewproducts2.png) no-repeat center top;
	}

	a.tourBtn
	{
		width:               117px;
		height:              65px;
		background:          transparent url(/images/icons/btn_tour1.png) no-repeat center top;
		text-indent:         -9999px;
		display:             block;
		padding-bottom:      15px;
		margin-left:         15px;
	}

	a.tourBtn:hover
	{
		background:          transparent url(/images/icons/btn_tour2.png) no-repeat center top;
	}

	input.viewAllBtn
	{
		float:               right;
		margin-right:        37px;
		margin-bottom:       20px;
		margin-top:          -10px;
	}

	div.chef
	{
		position:            relative;
		left:                15px;
		top:                 0px;
		z-index:             3000;
		width:               225px;
		height:              171px;
		background-image:    url(/images/chefAndCard.png);
		background-repeat:   no-repeat;
	}

	.newsBox
	{
		background-color:#FFFCBF;
		padding:5px;
		border:1px solid #AEAEAE;
		width:205px;
		text-align:center;
		margin-top:25px;
		cursor:pointer;
	}

	h3.newsH
	{
		color:#173B0D;
		font-size:18px;
		margin-top:3px;
		text-decoration: none;
	}

	p.newsP
	{
		width:145px;
		text-align:left;
		margin-left:45px;
		margin-top: -12px;
		position:relative;
		color: #000;
		text-decoration: none;
	}

	a.newsBoxLink
	{
		text-decoration: none;
	}

	.featureBox
	{
		background-color:#fff;
		padding:0px;
		border:1px solid #AEAEAE;
		width:216px;
		text-align:left;
		margin-top:55px;
		margin-left: 14px;
	}

	.featureBox h1
	{
		padding-left: 13px;
	}

	.featureBox h2
	{
		font-size: 20px;
	}

	/**************************************************************************
	Homepage slideshow
	**************************************************************************/

	#slideshowContainer
	{
		height: 350px;
		width: 100%;
	}

	div#slides
	{
		margin: 0 auto;
	}

	div.slideWrapper
	{
		height: 350px;
		position: relative;
	}

	div.orbit
	{
	    width:    1px;
	    height:   1px;
	    position: relative;
	    overflow: hidden;
	}

	div.orbit-wrapper
	{
		overflow: hidden;
		width:    100%;
	}

	div.orbit img
	{
		left: 		 50%;
	    margin-left: -960px;
	    position: 	 absolute;
	    top: 		 0;
    }

    .orbit-bullets li {
	    border-radius: 10px;
	    cursor: pointer;
	    display: inline-block;
	    height: 18px;
	    margin: 0 9px;
	    text-indent: -999em;
	    transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
	    width: 18px;
		background: none repeat scroll 0 0 #dbdbdb;
	}

	.orbit-bullets li.active {
	    background: none repeat scroll 0 0 #fef200;
	    opacity: 1;
	    height: 30px;
	    width: 30px;
	    border-radius: 15px;
	    position: relative;
	    top: -7px;
	}

	.orbit-bullets {
	    position: 	  absolute;
	    z-index:  	  101;
	    bottom:   	  0px;
	    padding-left: 30px;
	}

	div.slideHeaderParent
	{
		position: absolute;
		z-index: 100;
		top: 0px;
		left: 0px;
		background: url(/images/bannerGlow.png) no-repeat 0px 0px;
		padding: 20px 197px 0px 22px;
		height: 230px;
		width: 410px;
	}

	div.slideHeader
	{

	}

	div.slideHeader div
	{
		font-family: MyriadProRegular, Helvetica, sans-serif;
		font-size:   50px;
		color: 		 #4a843a;
		text-shadow: 0px 0px 8px #ffffbe;
	}

	div.slideHeader span
	{
		font-size: 16px;
	}

	div.slideInfo
	{
		font-family: MyriadProRegular, Helvetica, sans-serif;
		font-size: 	 15px;
		line-height: 22px;
		color:		 #000;
		position: 	 absolute;
		z-index: 	 100;
		right: 		 0px;
		top: 		 0px;
		height: 	 239px;
		padding: 	 0 20px 0 10px;
		text-align:  right;

		top: 50%;

		-webkit-transform: translate(0,-50%);
		   -moz-transform: translate(0,-50%);
				transform: translate(0,-50%);
	}

	div.slideInfo h2
	{
		color: 		 #fef200;
		font-size: 	 50px;
		font-weight: 700;
		line-height: 50px;
		text-shadow: -1px -2px 1px #666, 0 0 50px #666;
	}

	div.slideInfo h2 span
	{
		font-size: 40px;
		font-weight: 300;
	}

	div.slideInfo p
	{
		color:  	 #fff;
		float: 		 right;
		font-size:   22px;
		font-weight: 600;
		line-height: 1.2em;
		margin: 	 20px 0px;
		max-width:   650px;
		text-align:  right;
		text-shadow: -1px -2px 1px #666, 0 0 50px #666;
	}

	div.slideInfo a,
	input.button,
	a.button
	{
		background-color: rgba(255, 255, 255, 0.8);
		border: 		  2px solid #000;
		border-radius:    5px;
		color: 			  #000;
		display: 		  block;
		font-weight: 	  bold;
		font-size: 		  22px;
		height: 		  50px;
		line-height:  	  50px;
		padding: 		  0 30px;
		text-decoration:  none;
		cursor:pointer;

		-webkit-transition: border 0.25s, background-color 0.25s;
	       -moz-transition: border 0.25s, background-color 0.25s;
	            transition: border 0.25s, background-color 0.25s;
	}

	.whatsnew a.button
	{
		cursor: pointer;
		display: inline-block;
		-webkit-appearance: none; 
	}

	div.slideInfo a 
	{
		/*bottom:   20px;
		position: absolute;
		right: 	  20px;*/
		clear: both;
		float: right;
		width: auto;
	}

	input.button:focus
	{
		background-color: #fefab7;
		border: 2px solid #d0c703;
		outline: #d0c703;
	}

	div.slideInfo a:hover,
	input.button:hover,
	a.button:hover
	{
		background-color: #fef200;
		border: 		  2px solid #fef200;
		text-decoration:  none;
	}

	.storeModal a.button:hover,
	.storeModal input.button:hover
	{
		border: 1px solid #d0c703;
	}

	div.slideBorder
	{
		width: 100%;
		height: 22px;
		background: url(/images/bannerBtmTeethRepeat.png) repeat-x 0 0;
		position: absolute;
		z-index: 100;
		bottom: 0px;
		left: 0px;
	}

	/**************************************************************************
	CMS Container
	**************************************************************************/

	div.cmsContainer
	{
		clear: both;
		padding: 20px 0;
		/*width: 	 100%;*/
	}

	div.cmsContainer.noPadding {
		padding: 0;
	}

	div.cmsContainer img 
	{
		height: auto !important;
	}

	.homeLayPage div.cmsContainer
	{
		padding-bottom: 0;
	}

	p.listHeader
	{
		font-size: 28px;
	}

	/**************************************************************************
	Tiles
	**************************************************************************/

	div.tileWrapper
	{
		margin-left:  -10px;
		margin-right: -10px;
		margin-top:   20px;
	}

	div.tileWrapper.stores 
	{
		margin-top: 0;
	}

	a.tile
	{
		border: 2px solid #c6c6c6;
		border-radius:    5px;
		color: 			  #000;
		display: 		  block;
		font-size:   	  20px;
		font-weight: 	  bold;
		margin: 		  10px 0;
		min-height: 	  150px;
		padding: 		  0 0 0 150px;
		position: 		  relative;
		text-decoration:  none;

		width: 100%;
		width: -webkit-calc( 100% - 154px );
		width:    -moz-calc( 100% - 154px );
		width: 		   calc( 100% - 154px );

		-webkit-transition: border 0.5s;
	   	   -moz-transition: border 0.5s;
	            transition: border 0.5s;
	}

	a.tile:hover
	{
		border: 2px solid #0e2b3b;
	}

	.account a.tile
	{
		background-color: #fefab7;
		border: 		  1px solid #d0c703;
		padding-left: 	  140px;

		width: 100%;
		width: -webkit-calc( 100% - 142px );
		width:    -moz-calc( 100% - 142px );
		width: 		   calc( 100% - 142px );
	}

	.account a.tile:hover
	{
		background-color: #fef200;
	}

	a.tile.image,
	a.tile.sprite
	{
		min-height: 145px;
	}

	a.tile.image 
	{
		padding-left: 0;

		width: 100%;
		width: -webkit-calc( 100% - 4px );
		width:    -moz-calc( 100% - 4px );
		width: 		   calc( 100% - 4px );
	}

	a.tile.image.hasInnerLink
	{
		min-height:     110px;
		padding-bottom: 35px;
	}

	a.tile.image .imgContainer,
	div.storeImg .imgContainer
	{
		max-height: 100px;
		max-width: 150px;
	}

	a.tile.image img,
	a.tile.image .svgBackground
	{
		margin:    10px;
		max-width: 130px;
		position:  absolute;
	}

	a.tile.image .imgContainer img,
	div.storeImg .imgContainer img
	{
		display: block;
		margin-left: auto;
	    margin-right: auto;
	    max-height: 100px;
	    position: relative;
	}

	.tile .svgBackground
	{
		background-color: #999;
		height:95px;
		position: relative;
		width:130px;
	}

	.tile .svgBackground svg
	{
		fill: 	  #fff;
		left:  	  50%;
		position: absolute;
		top: 	  50%;

		max-width: 100%;
		max-width: calc(100% - 6px);
		max-width: -webkit-calc(100% - 6px);
		max-width: -moz-calc(100% - 6px);

		-webkit-transform: translate(-50%,-50%);
		   -moz-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
	}

	a.tile span 
	{
		padding:  0 5%;
		position: absolute;
		top: 50%;

		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
	         -o-transform: translate(0, -50%);
				transform: translate(0, -50%);
	}

	a.tile span.hasSubSpan 
	{
		-webkit-transform: translate(0, -45%);
		   -moz-transform: translate(0, -45%);
		    -ms-transform: translate(0, -45%);
	         -o-transform: translate(0, -45%);
				transform: translate(0, -45%);
	}

	a.tile span.hasSubSpan span.subSpan 
	{
		display: block;
		font-size: 16px;
		margin-top: 30px;
		padding: 0;
		position: relative;
	} 

	a.tile.image span 
	{
		padding-left: calc(150px + 5%);
	}

	a.tileInnerLink
	{
		bottom:   25px;
		left: 	  15px;
		position: absolute;
	}

	a.tileInnerLink.moreInfo
	{
		left: 43px;
	}

	a.tile:before
	{
		background-position: center center;
		background-repeat: 	 no-repeat;
		background-size:   	 130px 130px;
		content: 		   	 '';
		height: 		   	 130px;
		left: 			   	 10px;
		position: 		   	 absolute;
		top: 			   	 10px;
		width: 			   	 130px;
	}

	a.tile.sprite:before
	{
		background-image:  url( '/images/icons/IconDesktop.png' );
		background-size:   300px 1000px;
		height: 		   100px;
		left: 			   20px;
		position: 		   absolute;
		top: 			   20px;
		width: 			   100px;
	}

	a.tile.breakfast:before  { background-image: url( '/images/eventImages/plan_breakfast.jpg'  ); }
	a.tile.bbq:before 		 { background-image: url( '/images/eventImages/plan_bbq.jpg' 		); }
	a.tile.spaghetti:before  { background-image: url( '/images/eventImages/plan_spaghetti.jpg'  ); }
	a.tile.wedding:before 	 { background-image: url( '/images/eventImages/plan_wedding.jpg' 	); }
	a.tile.graduation:before { background-image: url( '/images/eventImages/plan_graduation.jpg' ); }
	a.tile.custom:before 	 { background-image: url( '/images/eventImages/plan_createOwn.jpg'  ); }

	a.tile.sprite.location:before 	  { background-position: 	0 	   0;   }
	a.tile.sprite.shopping:before 	  { background-position: 	0   -300px; }
	a.tile.sprite.favorite:before 	  { background-position: 	0   -500px; }
	a.tile.sprite.search:before   	  { background-position: 	0   -400px; }
	a.tile.sprite.receipt:before  	  { background-position: 	0   -600px; }
	a.tile.sprite.smartCardSp:before  { background-position: 	0   -700px; }
	a.tile.sprite.info:before 	  	  { background-position: -100px -300px; }
	a.tile.sprite.event:before 	      { background-position: -100px -400px; }
    a.tile.sprite.clickcollect:before { background-position: -100px -800px; }
    a.tile.sprite.tpr:before 	  	  { background-position: -200px -400px; }

	/**************************************************************************
	Careers page
	**************************************************************************/

	div.cmsContainer.careersCMS
	{
		width: 454px;
	}

	div.careersImg 
	{
		height: 275px;
		width:  400px;
	}

	div.careersImg.image1 { background-image: url( '/images/careers/careers1.jpg' ); }
	div.careersImg.image2 { background-image: url( '/images/careers/careers2.jpg' ); }
	div.careersImg.image3 { background-image: url( '/images/careers/careers3.jpg' ); }
	div.careersImg.image4 { background-image: url( '/images/careers/careers4.jpg' ); }
	div.careersImg.image5 { background-image: url( '/images/careers/careers5.jpg' ); }
	div.careersImg.image6 { background-image: url( '/images/careers/careers6.jpg' ); }
	div.careersImg.image7 { background-image: url( '/images/careers/careers7.jpg' ); }

	/**************************************************************************
	New Store Location Page
	**************************************************************************/

	div.joinGradient 
	{
		background: #fcb040; /* Old browsers */
		background: -moz-linear-gradient(top,  #fcb040 0%, #fcb040 0%, #fcb040 0%, #ffe800 100%, #ffe800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcb040), color-stop(0%,#fcb040), color-stop(0%,#fcb040), color-stop(100%,#ffe800), color-stop(100%,#ffe800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fcb040 0%,#fcb040 0%,#fcb040 0%,#ffe800 100%,#ffe800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fcb040 0%,#fcb040 0%,#fcb040 0%,#ffe800 100%,#ffe800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fcb040 0%,#fcb040 0%,#fcb040 0%,#ffe800 100%,#ffe800 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fcb040 0%,#fcb040 0%,#fcb040 0%,#ffe800 100%,#ffe800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb040', endColorstr='#ffe800',GradientType=0 ); /* IE6-9 */

		padding: 50px 20px 40px 10px;
	}

	div.giveaway
	{
		padding: 20px 20px 0 20px;
	}

	/**************************************************************************
	Sidebar/Mobile CTAs
	**************************************************************************/

	.sideCTA
	{
		background-color: #fefab7;
		border:           1px solid #d0c703;
		border-radius:    5px;
		color: 			  #000;
		display: 		  block;
		font-weight: 	  700;
		margin-bottom: 	  20px;
		padding: 		  20px;
		text-decoration:  none;

		-webkit-transition: background-color 0.25s;
	   	   -moz-transition: background-color 0.25s;
	        	transition: background-color 0.25s;
	}

	.sideCTA:hover
	{
		background-color: #fef200;
		text-decoration: none;
	}

	div.sideCTA,
	div.sideCTA:hover
	{
		background-color: #fef200;
	}

	div.sideCTA.openSoonCTA
	{
		margin-top: 20px;
	}

	.sideCTA .title 
	{
		font-size: 20px;
		font-weight: 700;
		margin: 0 20px 20px;
		text-align: center;
	}

	div.sideCTA .title
	{
		margin: 0 0 20px 40px;
		min-height: 50px;
		position: relative;
	}

	div.sideCTA .title.noMargin
	{
		margin: 0;
	}

	div.sideCTA .title span 
	{
		left: 0;
		position: absolute;
		top: 50%;
		width: 100%;

		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
	         -o-transform: translate(0, -50%);
				transform: translate(0, -50%);
	}

	.sideCTA .spacer 
	{
		float: right;
		width: 0;
	}

	.sideCTA .icon 
	{
		background:  	 url( '/images/icons/IconDesktop.png' ) center center no-repeat;
		background-size: 300px 1000px;
		clear: 			 right;
		float: 			 right;
		height: 		 100px;
		margin-left: 	 20px;
		width: 			 100px;
	}
	
	.sideCTA .icon.specials { background-position: 0 -100px; }
	.sideCTA .icon.email    { background-position: 0 -900px; height: 70px; width: 95px; }
	.sideCTA .icon.search   { background-position: 0 -400px; height: 90px; width: 90px; }

	div.sideCTA div.icon.location
	{
		background: 	 url( '/images/icons/icon-sprite.png' ) -8px 0 no-repeat;
		background-size: 150px 300px;
		float: 			 left;
		height: 		 50px;
		margin: 		 0 auto;
		position: 		 relative;
		width: 			 35px;
	}

	.mobileCTA
	{
		background-color: #fef200;
		font-weight: 700;
		left: -10px;
		margin: 20px 0;
		padding: 15px;
		position: relative;
		width: calc(100% - 10px);
	}

	.cpLeft
	{
		width:			20%;
		padding-right:	10px;
	}

	table.pageItem
	{
		border-bottom: 1px solid #dbdbdb;
		width: 100%;
	}

	table.pageItem tr.borderTop 
	{
		border-top: 1px solid #dbdbdb;
	}

	table.pageItem td 
	{
		vertical-align: top;
	}

	table.pageItem tr.borderTop td 
	{
		padding: 20px 0;
	}

	table.pageItem table 
	{
		width: 100%;
	}

	table.pageItem table.marginLeft
	{
		margin-left: 20px;

		width: 100%;
		width: -webkit-calc( 100% - 20px );
		width:    -moz-calc( 100% - 20px );
		width: 		   calc( 100% - 20px );
	}

	table.pageItem tr.borderTop table td
	{
		padding: 0;
	}

	table.pageItem table h1 
	{
		margin-top: 0;
	}

	/**************************************************************************
	Front-end Admin Controls
	**************************************************************************/

	div.adminControls
	{
		background-color: #000;
		clear: 			  both;
		float: 			  left;
		margin:			  20px 0;
		padding: 		  5px 10px;
		
		width: 100%;
		width: -webkit-calc( 100% - 20px );
		width:    -moz-calc( 100% - 20px );
		width: 		   calc( 100% - 20px );
	}

	.listItems div.adminControls
	{
		float: right;
		margin-top: 0;
		max-width: 150px;
	}

	div.adminControls .column:last-child
	{
		float: right;
	}

	div.adminControls input
	{
		background-color: #fff;
		border: 		  0;
		border-radius: 	  3px;
		color: 			  #000;
		cursor:  		  pointer;
		font-size: 		  15px;
		font-weight:  	  700;
		margin: 		  7px 0;
		padding: 		  7px 5px;
		width: 			  100%;

		-webkit-appearance: none;

		-webkit-transition: background-color 0.25s;
	   	   -moz-transition: background-color 0.25s;
	        	transition: background-color 0.25s;
	}

	div.adminControls input:hover
	{
		background-color: #dbdbdb;
	}

	div.adminControls div.redirect input 
	{
		display: block;
		margin-left: auto;
		margin-right: auto;

		max-width: 50%;
		max-width: -webkit-calc( 50% - 10px );
		max-width:    -moz-calc( 50% - 10px );
		max-width: 		   calc( 50% - 10px );
	}

	/**************************************************************************
	Vendor Box Slideshow
	**************************************************************************/

	.sliderBanner 
	{ 
		position: relative; 
		overflow: auto; 
	}
    .sliderBanner li 
	{ 
		list-style: none; 
	}
    .sliderBanner ul li 
	{ 
		float: left;
	}

	.sliderBanner * {
	    box-sizing: border-box;
	    margin: 0;
	    padding: 0;
	}

	.vendorTitle h1, .vendorTitle h2, .vendorTitle h3, .vendorTitle h4, .vendorTitle b {
	    font-family: MyriadProRegular, Helvetica, sans-serif;
	    font-weight: 300;
	}
	.sliderBanner {
	    color: rgba(255, 255, 255, 0.6);
	    font-size: 18px;
	    line-height: 24px;
	    overflow: auto;
	    padding-bottom: 80px;
	    position: relative;
	    text-align: center;
	    width: 100%;
	}
	.sliderBanner ul {
	    list-style: outside none none;
	    width: 300%;
	}
	.sliderBanner ul li {
	    display: block;
	    float: left;
	    height: auto;
	    overflow: hidden;
	    width: 33%;
	}
	.sliderBanner h1, .sliderBanner h2 {
	    color: black;
	    font-size: 40px;
	    line-height: 52px;
	}
	.sliderBanner .btn {
	    border: 2px solid rgba(255, 255, 255, 0.4);
	    border-radius: 5px;
	    clear: both;
	    color: #fff;
	    display: inline-block;
	    font-size: 12px;
	    font-weight: bold;
	    margin: 25px 0 0;
	    padding: 9px 22px 7px;
	    text-decoration: none;
	    text-transform: uppercase;
	}
	.sliderBanner .btn:hover {
	    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
	}
	.sliderBanner .btn:active {
	    filter: drop-shadow(0px -1px 2px rgba(0, 0, 0, 0.5));
	}
	.sliderBanner .btn, .sliderBanner .dot.active {
	    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
	}
	.sliderBanner .dots {
	    bottom: 20px;
	    left: 0;
	    position: absolute;
	    right: 0;
	}
	.sliderBanner .dots li {
	    border-radius: 10px;
	    cursor: pointer;
	    display: inline-block;
	    height: 18px;
	    margin: 0 9px;
	    text-indent: -999em;
	    transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
	    width: 18px;
		background: none repeat scroll 0 0 #dbdbdb;
	}
	.sliderBanner .dots li.active {
	    background: none repeat scroll 0 0 #fef200;
	    opacity: 1;
	    height: 30px;
	    width: 30px;
	    border-radius: 15px;
	    position: relative;
	    top: -7px;
	}

	.sliderBanner .vendorLargeText{
		height: 425px;
	}

	.sliderBanner .vendorMediumText{
		height: 375px;
	}

	div.vendorBox
	{
		margin-top: 	  40px;
		/*min-height: 	  250px;*/
		position:   	  relative;
		width: 	    	  100%;
	}

	div.vendorBox div.vendorArrow
	{
		height:   100%;
		position: absolute;
		width:    50px;
		z-index:  99;
	}

	div.vendorBox div.vendorArrow.prev {  left: 20px; }
	div.vendorBox div.vendorArrow.next { right: 20px; }

	div.vendorBox div.vendorArrow:before
	{
		color: 			#dbdbdb;
		cursor: 		pointer;
		font: 			normal normal normal 80px/1 FontAwesome;
		position: 		absolute;
		text-rendering: auto;

		top: 50%;
		top: -webkit-calc( 50% - 35px );
		top:    -moz-calc( 50% - 35px );
		top: 		 calc( 50% - 35px );

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	div.vendorBox div.vendorArrow.prev:before
	{
		content: '\f053';
	}

	div.vendorBox div.vendorArrow.next:before
	{
		content: '\f054';
	}

	div.vendorBox div.vendorArrow:hover:before
	{
		color: #999;
	}

	div.vendorBox h1
	{
		margin: 0px 17px 10px 0px;
	}

	table.vendorOfWeek
	{
		height: 250px;
		margin: 0 auto;
		
		width: 100%;
		width: -webkit-calc( 100% - 200px );
		width:    -moz-calc( 100% - 200px );
		width: 		   calc( 100% - 200px );
	}

	table.vendorOfWeek td
	{
		padding: 0 10px;
	}

	table.vendorOfWeek td.vendorTitle
	{
		padding-left:	40px;
		text-align: 	center;
		width:			235px;
		vertical-align: middle;
	}

	table.vendorOfWeek td.vendorTitleAndDescription
	{
		padding-left:	20px;
		width:			255px;
		text-align: 	left;
		vertical-align: middle;
	}

	table.vendorOfWeek td.vendorImage
	{
		vertical-align: middle;
		padding: 		10px 15px 10px 17px;
		width: 			33%;
	}

	table.vendorOfWeek td.vendorDescription
	{
		vertical-align: middle;
		padding: 10px 8px 10px 8px;
		text-align: left;
	}

	table.vendorOfWeek td.vendorDownload
	{
		text-align:     right;
		vertical-align: middle;
	}

	table.vendorOfWeek td.vendorDownload input.btnBlankYellowLrg, table.vendorOfWeek td.vendorDownload a.btnBlankYellowLrg
	{
		margin-right: 37px;
	}


	div.vendorBox a.vendorBoxBtn
	{
		float: 		 left;
		height: 	 auto;
		line-height: 28px;
		margin-top:  20px;
		min-height:  50px;
		padding: 	 10px 30px;
		position: 	 relative;
		text-align:  center;
		width: 		 60%;
	}

	input.btnBlankYellowLrg
	{
		width:               151px;
		height:              72px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -732px;
		cursor:              pointer; /* hand-shaped cursor */
 		border:              none;
 		font-family: 		 MyriadProBold, Helvetica, sans-serif;
 		/*font-weight:         bold;*/
 		font-size:           14px;
 		color:               #000;
 		white-space:         normal;
	}

	input.btnBlankYellowLrg:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -804px;
	}

	a.btnBlankYellowLrg
	{
		width:               141px;
		height:              62px;
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -732px;
		cursor:              pointer; /* hand-shaped cursor */
 		border:              none;
 		font-family: 		 MyriadProBold, Helvetica, sans-serif;
 		/*font-weight:         bold;*/
 		font-size:           14px;
 		color:               #000;
 		display:             block;
 		text-align:          center;
 		padding:             5px;
 		overflow:            hidden;
 		text-decoration:     none;
	}

	a.btnBlankYellowLrg:hover
	{
		background:          transparent url(/images/icons/btn_blankGreyLRG.png) no-repeat 0px -804px;
		text-decoration:     none;
	}

	a.btnBlankYellowLrg table
	{
		width: 100%;
		height: 100%;
	}

	a.btnBlankYellowLrg table td
	{
		vertical-align: middle;
	}

	div.getInspired
	{
		width: 282px;
		height: 173px;
		background: url(/images/CTAbg2.png) no-repeat 0px 0px;
		padding: 25px;
		position: relative;
	}

	div.getInspired h2
	{
		margin-bottom: 10px;
	}

	div.getInspired p
	{
		margin: 0px 30px 5px 5px;
	}

	div.getInspired div.newsletterImg {
	    background: url(/images/home_newsletter.png) no-repeat 0px 0px;
	    bottom: 11px;
	    height: 75px;
	    position: absolute;
	    right: 8px;
	    width: 142px;
	}

	div.greenCTA
	{
		width: 258px;
		height: 140px;
		/*background: url(/images/CTAbgGreen.png) no-repeat 0px 0px;*/
		margin-top: -5px;
		padding: 25px 49px 15px 25px;
		position: relative;
		cursor: pointer;
	}

	/*div.greenCTA:hover
	{
		background: url(/images/CTAbgGreen.png) no-repeat 0px -180px;
	}*/

	div.greenCTA div.hoverOn
	{
		background: url(/images/CTAbgGreen.png) no-repeat 0px -180px;
		position:absolute;
		top:0;
		left:0;
		z-index:9;
		width: 332px;
		height: 180px;
		opacity:0;
	}

	div.greenCTA div.hoverOff
	{
		background: url(/images/CTAbgGreen.png) no-repeat 0px 0px;
		position:absolute;
		top:0;
		left:0;
		z-index:9;
		width: 332px;
		height: 180px;
		opacity:1;
	}

	div.greenCTA div.greenCTAcontentWrapper
	{
		position:relative;
	}

	div.greenCTA div.greenCTAcontent
	{
		position:absolute;
		top:0;
		left:0;
		z-index:10;
		width:100%;
	}

	/*div.greenCTA:hover div.greenText
	{
		display: block;
	}

	div.greenCTA:hover p
	{
		height: 47px;
	}*/

	div.greenCTA h2
	{
		margin-bottom: 8px;
	}

	div.greenCTAInner
	{
		height: 145px;
		overflow:hidden;
	}

	div.greenCTA p
	{
		padding-bottom: 0px; /* 5px */
		height:         110px;
		line-height:    16px;
		overflow:       hidden;
	}

	div.greenCTA div.greenText
	{
		position: absolute;
		left: 1px; /* 26px */
		bottom: 0px; /* 24px */
		font-size: 16px;
		font-weight: bold;
		width: 150px;
		text-align: left;
		color: #135802;
		opacity: 0;
	}

	div.greenCTA div.business
	{
		position: absolute;
		left: 25px;
		bottom: 20px;
		width: 150px;
	}

	div.greenCTA div.greenCTAcontent div.right
	{
		height: 100px;
	}

	td.homeCMS
	{
		padding-right: 15px;
		padding-top: 10px;
		padding-left: 8px;
	}

	td.homeCMS2
	{
		padding-top: 10px;
	}

	div.shopOnline
	{
		border: 1px solid #999;
		padding: 35px 35px 35px 28px;
		margin-left: 10px;
		margin-bottom: 15px;
		height: 195px;
	}

	div.shopOnline h1
	{
		margin-bottom: 25px;
	}

	div.shopOnline p
	{
		margin-right: 130px;
	}

	div.shopOnline input.btnBlankGreyLrg
	{
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 18px;
	}


	div.shopOnlineImg
	{
		float: left;
		width: 194px;
		height: 195px;
		background: url(/images/home_shopOnline.png) no-repeat 0px 0px;
		margin-right: 30px;
	}

	/*input.downloadPDFBtn
	{
		margin:              0 auto;
		width:               150px;
		height:              50px;
		background:          transparent url(/images/icons/btn_blankYellowLRG.png) no-repeat center top;
		display:             block;
		color:				 #000;
		font-weight:		 bold;
		text-decoration: 	 none;
		border:				 none;
		white-space:		 normal;
	}

	input.downloadPDFBtn:hover
	{
		background:          transparent url(/images/icons/btn_blankYellowLRG2.png) no-repeat center top;
	}*/

	a.downloadPDFBtn
	{
		margin:              0 auto;
		width:               150px;
		height:              50px;
		background:          transparent url(/images/icons/btn_blankYellowLRG.png) no-repeat center top;
		display:             block;
		color:				 #000;
		font-weight:		 bold;
		text-decoration: 	 none;
		border:				 none;
		white-space:		 normal;
		position:            relative;
		cursor:              pointer;
	}

	a.downloadPDFBtn div
	{
		position:            absolute;
		top:                 50%;
		left:                0;
		width:               140px; /* 150px minus padding */
		padding:             5px;
		max-height:          40px; /* 50px minus padding */
		overflow:            hidden;
	}

	a.downloadPDFBtn:hover
	{
		background:          transparent url(/images/icons/btn_blankYellowLRG2.png) no-repeat center top;
	}

}

/**************************************************************************
Corner ribbon
**************************************************************************/
div.cornerRibbon
{
	background:     #f2dcdb;
	box-shadow:     0px 0px 4px 4px rgba( 0, 0, 0, 0.25 );
	color:          #c0504d;
	/*font-family:    "Times New Roman", Times, serif;*/
	font-size:      18px;
	font-size:      1.125rem;
	height:         32px;
	left: 			-65px;
	line-height:    32px;
	position:       fixed;
	text-align:     center;
	text-transform: capitalize;
	top: 			-35px;
	width:          208px;
	z-index:        999999;

	-webkit-transform-origin: bottom right;
	    -ms-transform-origin: bottom right;
	        transform-origin: bottom right;

	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

div.cornerRibbon:after
{
	border:   2px solid #c0504d;
	content:  '';
	height:   24px;
	left:     2px;
	position: absolute;
	top:      2px;
	width:    200px;
}

div.cornerRibbon.ribbonSmall
{
	left: -86px;
	top: -56px;
	font-size: 13px;
}

/**************************************************************************
Toasts
**************************************************************************/

.animated 
{
	 -webkit-animation-duration: 1s;
			 animation-duration: 1s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

div.toast 
{
	background-color: #135802;
	border-radius: 5px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	left: 50%;
	margin-left: -250px;
	max-width: 500px;
	padding: 40px 80px;
	position: fixed;
	text-align: center;
	top: -1000px;
	z-index: 999999;

	-webkit-box-shadow: 0 0 20px #999;
       -moz-box-shadow: 0 0 20px #999;
            box-shadow: 0 0 20px #999;
}

div.toast.error
{
	background-color:#cc0000;
}

div.toast.active
{
	top: 110px;
}

div.toast.prefade
{
	opacity: 1;

	-webkit-transition: opacity 0.75s;
       -moz-transition: opacity 0.75s;
            transition: opacity 0.75s;
}

div.toast.prefade.fade 
{
	opacity: 0;
}

/**************************************************************************
Our Values
**************************************************************************/

div.ourValuesWrapper
{
	margin: 0 auto;
	width:  983px;
}

div.ourValuesImg
{
	background: url( '/images/ourValues.jpg' ) center center no-repeat;
	background-size: 983px 193px;
	height: 193px;
	width:  100%;
}

div.yellowBox
{
	background-color: #FEF200;
	height: 		  131px;
	width: 			  100%;
}

div.ourValuesWrapper div.icon
{
	background:    url( '/images/icons/service.png' ) 15px 40px no-repeat;
	font-size:     30px;
	font-style:    italic;
	font-weight:   bold;
	line-height:   131px;
	padding-left:  80px;
}

div.ourValuesWrapper div.icon.teamwork 		{ background: url( '/images/icons/teamwork.png'      )  9px 50px no-repeat; }
div.ourValuesWrapper div.icon.integrity 	{ background: url( '/images/icons/integrity.png'     ) 12px 45px no-repeat; }
div.ourValuesWrapper div.icon.loyalty 	    { background: url( '/images/icons/loyalty.png' 	     ) 15px 43px no-repeat; }
div.ourValuesWrapper div.icon.dependability { background: url( '/images/icons/dependability.png' ) 18px 45px no-repeat; }

div.ourValuesWrapper div.description
{
	display:   table;
	font-size: 24px;
}

div.ourValuesWrapper div.description div
{
	display: 		table-cell;
	height: 		131px;
	vertical-align: middle;
}

div.ovDesc
{
	font-size: 		15px;
	height:    		0;
	margin-bottom: 	5px;
	overflow: 	    hidden;
	padding:   		0 25px;

	-webkit-transition: height 0.25s, padding 0.25s;
	   -moz-transition: height 0.25s, padding 0.25s;
	        transition: height 0.25s, padding 0.25s;
}

div.ovDesc.active
{
	height:  34px;
	padding: 25px;
}

div.arrowContainer
{
	height:   131px;
	position: relative;
}

div.arrow
{
	border-left:  20px solid transparent;
	border-right: 20px solid transparent;
	border-top:   36px solid #fff;
	cursor: 	  pointer;
	height: 	  0;
	position: 	  absolute;
	right: 		  29px;
	top:		  48px;
	width: 		  0;

	-webkit-transform-origin: center center;
	   -moz-transform-origin: center center;
	    -ms-transform-origin: center center;
	        transform-origin: center center;

	-webkit-transform: rotate(0deg) translate3d( 0, 0, 0 );
	   -moz-transform: rotate(0deg) translate3d( 0, 0, 0 );
	    -ms-transform: rotate(0deg) translate3d( 0, 0, 0 );
	        transform: rotate(0deg) translate3d( 0, 0, 0 );

	-webkit-transition: -webkit-transform 0.25s;
	   -moz-transition:    -moz-transform 0.25s;
	        transition:         transform 0.25s;
}

div.arrow.active
{
	/* rotate arrow */
	-webkit-transform: rotate(180deg) translate3d( 0, 0, 0 );
	   -moz-transform: rotate(180deg) translate3d( 0, 0, 0 );
	    -ms-transform: rotate(180deg) translate3d( 0, 0, 0 );
	        transform: rotate(180deg) translate3d( 0, 0, 0 );
}

/**************************************************************************
Retina-specific Image Replacement
**************************************************************************/
@media
	only screen and ( -webkit-min-device-pixel-ratio: 2 ),
	only screen and ( min-resolution: 192dpi ),
	only screen and ( min-resolution: 2dppx  )
{
	a.logo
	{
		background-image: url( '/images/logoLg-2x.png' );
	}

	a.buyBetter
	{
		background-image: url( '/images/logo_buybetter-2x.png' );
	}

	div.headerRight div.loginNew input.loginGo,
	a.registerBtn:after
	{
		background-image: url( '/images/rightarrow-2x.png' );
	}

	div.feedingAmericaImage
	{
		background-image: url( '/images/feedingAmerica-2x.png' );
	}

	.homeLayPage .header:before,
	div.icon.desktop,
	div.layFooter .social .icon:after,
	.marketTitle.resume:before, 
	.marketTitle.resume2:before
	{
		background-image: url( '/images/icons/IconDesktop-2x.png' );
	}

	.homeTiles .tileContent .storeLocation div.storeImg .svgBackground:after,
	.homeTiles .tileContent .storeInfo div.storeImg .svgBackground:after,
	.storeModal .storeLocation div.storeImg .svgBackground:after,
	.storeModal .storeSearch div.storeImg .svgBackground:after
	{
		background-image: url('/images/logo_defaultWhite-2x.png');
	}

	.sideCTA .icon 
	{
		background-image: url( '/images/icons/IconDesktop-2x.png' );
	}
}

@media
	only screen and ( -webkit-min-device-pixel-ratio: 2 ),
	only screen and ( min-resolution: 192dpi ),
	only screen and ( min-resolution: 2dppx  )
{
	@media only screen and ( max-width: 568px )
	{
		a.logo
		{
			background-image: url( '/images/logo-2x.png' );
		}
	}
}

/**************************************************************************
Firefox-specific Styles
**************************************************************************/

@-moz-document url-prefix()
{ 
	.signinModal input.button
	{
		line-height: 33px;
	}
}

/**************************************************************************
Tablet-specific Styles
**************************************************************************/
@media only screen and ( max-width: 1400px )
{
	div.headerRight .keywordContainer
	{
		margin-left: 21px;

		width: -webkit-calc(100% - 213px);
		width:    -moz-calc(100% - 213px);
		width: 		   calc(100% - 213px);
	}

	div.headerRight .keywordContainer.large 
	{
		width: -webkit-calc(100% - 119px);
		width:    -moz-calc(100% - 119px);
		width: 		   calc(100% - 119px);
	}

	.sliderBanner 
	{
		/*margin: 0 auto !important;
	    width:  1000px !important;*/
	}

	.homeTiles .tileContent
	{
		margin-top: 20px;
	}

	.homeTiles .tileContent .textBox
	{
		margin-left: 20px;
		max-width: 	 100%;
	}

	.homeTiles .header span.subtitle
	{
		left: 	  -100px;
		position: relative;

		width: 100%;
		width: -webkit-calc( 100% + 100px );
		width:    -moz-calc( 100% + 100px );
		width: 		   calc( 100% + 100px );
	}

	div.tileWrapper.stores .column
	{
		width: 50%;
	}
}

@media only screen and ( max-width: 1300px )
{
	/*.homeTiles .tileContent
	{
		margin-top: 40px;
	}*/
}

@media only screen and ( max-width: 1250px )
{
	.homeTiles .tileContent .storeLocation div.storeImg,
	.homeTiles .tileContent .storeLocation .storeText
	{
		max-width: 50%;
		max-width: -webkit-calc( 50% - 10px );
		max-width:    -moz-calc( 50% - 10px );
		max-width: 		   calc( 50% - 10px );
	}
}

@media only screen and ( max-width: 1222px )
{
	.donateContainer .donateTitle,
	.donateContainer .donateInfo
	{
		margin-left: 20px;
		margin-right: 20px;
	}

	.donateContainer .donateTitle 
	{
		margin-top: 45px;
		width: 455px;
	}
	
	.donateContainer .donateInfo
	{
		left: 455px;
		width: calc(100% - 495px);
	}
}

@media only screen and ( max-width: 1200px )
{
	div.headerRight .keywordContainer
	{
		margin-left: 10px;

		width: -webkit-calc(100% - 202px);
		width:    -moz-calc(100% - 202px);
		width: 		   calc(100% - 202px);
	}

	div.headerRight .keywordContainer.large 
	{
		width: -webkit-calc(100% - 108px);
		width:    -moz-calc(100% - 108px);
		width: 		   calc(100% - 108px);
	}

	.whatsnew .header 
	{
		padding-left: 100px;
	}

	.whatsnew .header:before
	{
		left: -10px;
	}

	.whatsnew input.button
	{
		margin-left: 0;
	}

	.column.padLeft70  { padding-left:  0; }
	.column.padRight16 { padding-right: 0; }

	a.tile span,
	.account a.tile span 
	{
		padding-left: 0;
	}

	/*a.tile.image span 
	{
		padding-left: 150px;
	}*/
}

@media only screen and ( max-width: 1100px ) {
	div.tileWrapper div.column 
	{
		width: 50%;
	}

	a.tile span,
	.account a.tile span 
	{
		padding: 0 5%;
	}

	/*a.tile.image span 
	{
		padding-left: calc(150px + 5%);
	}*/
}

@media only screen and ( max-width: 1075px )
{
	a.logo,
	a.logo.homeLogo
	{
		background-image: url( '/images/logo-2x.png' );
		background-size: 117px 35px;
		box-shadow: none;
		height: 35px;
		margin-top: 4px;
		width: 117px;
	}

	div.headerRight .keywordContainer
	{
		margin-left: 127px;

		width: -webkit-calc(100% - 319px);
		width:    -moz-calc(100% - 319px);
		width: 		   calc(100% - 319px);
	}

	div.headerRight .keywordContainer.large 
	{
		width: -webkit-calc(100% - 225px);
		width:    -moz-calc(100% - 225px);
		width: 		   calc(100% - 225px);
	}

	.homeTiles .tileContent .storeLocation .phone,
	.storeModal .storeLocation .phone
	{
		font-size: 23px;
	}
}

@media only screen and ( max-width: 1035px )
{
	.donateContainer .donateTitle,
	.donateContainer .donateInfo
	{
		margin-top: 20px;
	}

	.donateContainer .donateInfo span
	{
		display: none;
	}

	.donateContainer .donateInfo span.mobileOnly
	{
		display: block;
	}
}

@media only screen and ( max-width: 1024px )
{
	.tabletHide,
	.hideAt1024
	{
		display: none !important;
	}

	.showAt1024 
	{ 
		display: block !important; 
	}

	div.slideInfo h2
	{
		font-weight: 400;
	}

	.homeTiles .tile.column.span_1_3,
	.homeTiles .tile.column.span_2_3
	{
		width: 50%;
	}

	.homeTiles .tile p
	{
		line-height: 1.2em;
	}

	form.homeStLocator input#city, form.homeStLocator input#zip, form.homeStLocator input#storeNum,
	form.homeStLocator select
	{
		width: 100%;
	}

	.homeTiles .column.span_5_12.wideAt1024
	{
		width: 58.33%; 
		width: -webkit-calc( 100% / 12 *  7 ); 
		width: 	  -moz-calc( 100% / 12 *  7 ); 
		width: 		   calc( 100% / 12 *  7 );
	}

	.homeTiles .tileContent .storeLocation .storeText,
	.homeTiles .tileContent .storeInfo .storeText
	{
		max-width: 100%;
	}

	.homeTiles .tileContent .storeLocation .storeText.mobile,
	.homeTiles .tileContent .storeInfo .storeText.mobile
	{
		display: block !important;
	}

	.homeTiles .tileContent .storeLocation .storeText.mobileHide,
	.homeTiles .tileContent .storeInfo .storeText.mobileHide
	{
		display: none !important;
	}

	.homeTiles .tileContent .storeLocation div.storeImg,
	.homeTiles .tileContent .storeInfo div.storeImg
	{
		margin-top: 20px;
		max-width:  100%;
		text-align: center;
		width: 		100%;
	}

	.homeTiles .tileContent div.storeImg .imgContainer
	{
		float: 		  none;
		margin-right: 0;
		max-width: 	  100%;
		width: 		  100%;
	}

	.homeTiles .tileContent .storeLocation div.storeImg img,
	.homeTiles .tileContent .storeInfo div.storeImg img
	{
		max-width: 100%;
	}

	.homeLayPage .header.location
	{
		padding-bottom: 45px;
	}

	.homeTiles .tile p
	{
		padding-bottom: 10px;
	}

	.homeTiles .tile .column.tablet_100
	{
		border: 0;
		width:  100%;
	}

	.homeTiles .tile .column.tablet_100 img
	{
		display: block;
		margin: 0 auto;
		max-width: 70%;
	}

	.homeTiles .tileContent .textBox
	{
		margin-left: 10px;
		margin-top:  20px;
		max-width:   100%;
	}

	.homeTiles .tileContent
	{
		margin-bottom: 20px;
	}

	.homeTiles .tile.yellow .tileContent
	{
		margin-top: 35px;
	}

	div.vendorBox a.vendorBoxBtn
	{
		width: 100%;
	}

	div.specialsLanding.tileWrapper .column 
	{
		width: 100%;
	}

	div.layFooter,
	div.footerSpaceholder,
	div.homeLayPage div.footerSpaceholder
	{
		height: 300px;
	}

	div.layFooter .column.span_1_3.social
	{
		width: 100%;
	}

	div.layFooter .column.copyright.mobile
	{
		display: block !important;
	}

	div.layFooter .column.span_1_3.payment,
	div.layFooter .column.span_1_3.copyright.desktop
	{
		display: none;
	}

	div.stickyContent h1 { margin-left: 28%; }
	div.stickyContent a  { margin-left: 32%; }

	.sideCTA .title 
	{
		margin: 0 0 20px 0;
	}

	div.layFooter .footerNav span.whiteLine
	{
		width: 20px;
	}
}

@media only screen and ( max-width: 980px )
{
	div.tileWrapper.stores .column
	{
		width: 100%;
	}
}

@media only screen and ( max-width: 925px )
{
	.showAt925
	{
		display: block !important;
	}

	.hideAt925
	{
		display: none !important;
	}
}

@media only screen and ( max-width: 829px )
{
	.homeLayPage .header.location
	{
		padding-bottom: 25px;
	}
}

@media only screen and ( max-width: 803px )
{
	.homeTiles .tile.yellow .tileContent
	{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 768px) 
{
	.mobile, .showAt768 	 { display: block !important; }
	.mobileHide, .hideAt768  { display: none  !important; }
	div.adminControls.mobile { display: none  !important; }

	.mobileBorder
	{
		border-left: 10px solid transparent !important;
		border-right: 10px solid transparent !important;
	}

	.donateContainer .donateTitle
	{
		text-shadow: -1px -2px 1px #666, 0 0 50px #666;
		width: calc(100% - 40px);
	}

	.donateContainer .donateInfo
	{
		left: 0;
		position: relative;
		width: calc(100% - 40px);
	}

	aside
	{
		display: none !important;
	}

	div.layHeader.mobile
	{
		display: block;
		z-index: 999999;
	}

	div.layHeader,
	div.headerContent
	{
		height: 44px;
	}

	div.layHeader .column.headerColumn
	{
		border-right: 10px solid transparent;
	}

	#slideshowContainer,
	#whatsnewContainer
	{
		height: 0;
		min-height: 0;
	}

	a.buyBetter
	{
		background-position: 25px center;
		position: 			 relative;
		margin-bottom: 		 1px;
		top:   				 0;
		width: 				 100%;
	}

	div.pageWrapper
	{
		margin-bottom: 44px;
		top: 44px;
	}

	div.homeLayPage div.pageWrapper
	{
		margin-bottom: 0;
	}

	article
	{
		padding-top: 10px;
	}

	.homeLayPage article
	{
		padding: 0;
	}

	div.layHeader .column.headerColumn
	{
		border-left: 10px solid transparent;
	}

	article.column.mainContent.showOverflow
	{
		border:   0;
		overflow: hidden;
	}

	.homeLayPage .cmsContainer
	{
		border-left:  10px solid transparent;
		border-right: 10px solid transparent;

		width: 100%;
		width: -webkit-calc( 100% - 20px );
		width:    -moz-calc( 100% - 20px );
		width: 		   calc( 100% - 20px );
	}

	.homeTiles
	{
		margin-top: 0;
	}

	.homeTiles .column
	{
		border: 0;
	}

	.homeTiles .tile.column.span_1_3,
	.homeTiles .tile.column.span_2_3
	{
		width: 100%;
	}

	.homeTiles .column.mobileBorder
	{
		border-left:  10px solid transparent;
		border-right: 10px solid transparent;
	}

	.homeTiles .tile.column:first-child
	{
		margin-top: 0;
	}

	.homeTiles .tile.column.mobileNoMargin 		 { margin: 		    0; }
	.homeTiles .tile.column.mobileNoMarginBottom { margin-bottom:   0; }
	.homeTiles .tile.column.mobileNoMarginTop 	 { margin-top: 		0; }
	.homeTiles .tile.column.mobileMarginBottom5  { margin-bottom: 5px; }
	.homeTiles .tile.column.mobileMarginTop5 	 { margin-top: 	  5px; }

	.homeTiles .tile .yellow.mobileWhite { background-color: #ffffff; }
	.homeTiles .tile .gray.mobileYellow  { background-color: #fef200; }

	.homeTiles .tile .hasHover:hover
	{
		box-shadow: none;
		top:		0;
	}

	form.homeStLocator input#city, form.homeStLocator input#zip, form.homeStLocator input#storeNum,
	form.homeStLocator select
	{
		width: 48%;
	}

	.homeLayPage a.playVideo
	{
		padding: 20px 10px;
	}

	.homeLayPage .header
	{
		font-size:  	24px;
		padding-bottom: 15px;
		padding-top:    15px;
	}

	.homeLayPage .header.location
	{
		padding-bottom: 45px;
	}

	.homeLayPage .header.playVideo
	{
		padding: 15px 10px 20px 120px;
	}

	.homeLayPage .header.playVideo:before
	{
		left: 10px;
	}

	.homeTiles .tile a.padBottom5
	{
		padding-bottom: 20px;
	}

	.homeTiles .tileContent,
	.homeTiles .tile.yellow .tileContent
	{
		margin-top: 0px;
	}

	.homeTiles .header span 
	{
		display: block;
	}

	.homeTiles .header span.subtitle
	{
		left:  		0;
		margin-top: 5px;
		width: 		100%;
	}

	.storeModal .storeLocation .storeText
	{
		max-width: 100%;
	}

	.homeTiles .tileContent .storeText .center.buttons
	{
		max-width: 150px;
	}

	.storeModal .storeLocation div.storeImg
	{
		margin-top: 20px;
		max-width:  100%;
		text-align: center;
		width: 		100%;
	}

	.storeModal .storeLocation div.storeImg .imgContainer
	{
		margin: 0 auto;
	}

	.storeModal .storeSearch .storeBtn.openSoon div.storeImg img
	{
		padding-top: 15px;
	}

	div#slideshow,
	/*div.vendorBox,*/
	div.whatsnew,
	div.stickyBar,
	div.homeBackground,
	div.layFooter .column.footerNav
	{
		display: none;
	}

	div.homeBackground,
	.homeTiles a.clickCarry
	{
		background: none;
	}

	div.homeLayPage div.layFooter
	{
		margin-bottom: 0;
	}

	div.vendorBox
	{
		height:   0;
		overflow: hidden;
	}

	div.listItems .column.span_1_4 { width: 25%; }
	div.listItems .column.span_3_4 { width: 75%; }

	div.layFooter .column.register.mobile,
	div.layFooter .column.signin.mobile
	{
		display: block;
		width:   50%;
	}

	div.adminControls .column.span_1_4
	{
		width: 25%;
	}

	div.adminControls .column.span_1_2
	{
		width: 50%;
	}

	a.tile span,
	.account a.tile span 
	{
		padding-left: 0;
	}

	/*a.tile.image span 
	{
		padding-left: 150px;
	}*/

	div.tileWrapper.stores .column
	{
		width: 100%;
	}

	div.layFooter,
	div.footerSpaceholder,
	div.homeLayPage div.footerSpaceholder
	{
		height: 330px;
	}
}

/*iPad*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) 
{
	/*form.homeStLocator input.yellowBtnReg.homeStLocator
	{
		left: 70px;
		top:  105px;
	}*/
}

/**************************************************************************
Wireless-specific Styles
**************************************************************************/
@media only screen and ( max-width: 568px ) 
{
	.hideAt568
	{
		display: none !important;
	}

	.showAt568
	{
		display: block !important;
	}

	.donateContainer .donateTitle
	{
		font-size: 40px;
	}

	div.layHeader .column.headerColumn
	{
		border-left: 10px solid transparent;
	}

	article.column
	{
		border-left: 10px solid transparent;
		border-right: 10px solid transparent
	}

	.homeTiles .tile .column.tablet_100 img
	{
		max-width: 100%;
	}

	.signinModal a.button
	{
		margin-bottom: 10px;
	}

	div.listItems .column
	{
		border: 0;
	}

	div.listItems div.adminControls .column
	{
		border-left:  10px solid transparent;
		border-right: 10px solid transparent;
	}

	div.listItems .column.span_1_4,
	div.listItems .column.span_3_4 
	{ 
		width: 100%; 
	}

	div.listItems div.adminControls .column.span_1_4
	{
		width: 25%;
	}

	div.listItems img 
	{
		margin-bottom: 20px;
	}

	div.adminControlsContDesktop
	{
		display: none;
	}

	div.adminControls.mobile 
	{
		display: block !important; 
		margin:  0;
	}

	div.tileWrapper div.column
	{
		width: 100%;
	}

	a.tile span,
	.account a.tile span 
	{
		padding-left: 5%;
	}

	/*a.tile.image span 
	{
		padding-left: calc(150px + 5%);
	}*/

	div.layFooter
	{
		padding: 0;
		width: 100%;
	}
}

@media only screen and ( max-width: 500px ) 
{
	.showAt500 { display: block !important; }
	.hideAt500 { display: none  !important; }
}

@media only screen and ( max-width: 400px ) 
{
	.showAt400 { display: block !important; }
	.hideAt400 { display: none  !important; }


	.donateContainer .donateTitle
	{
		font-size: 30px;
	}

	.signinModal input.button,
	.signinModal a.button
	{
		max-width: 100%;

		width: 100%;
		width: -webkit-calc( 100% - 2px );
		width:    -moz-calc( 100% - 2px );
		width: 		   calc( 100% - 2px );
	}

	div.listItems div.adminControls .column.span_1_4,
	div.adminControls .column.span_1_4
	{
		width: 50%;
	}

	div.adminControls .column.span_1_2,
	div.adminControls.column_3 .column.span_1_4
	{
		width: 100%;
	}

	div.adminControls div.redirect input 
	{
		max-width: 100%; 
	}

	div.specialsLanding.tileWrapper a.tile.sprite 
	{
		padding-left: 130px;

		width: 100%;
		width: -webkit-calc( 100% - 134px );
		width:    -moz-calc( 100% - 134px );
		width: 		   calc( 100% - 134px );
	}

	div.specialsLanding.tileWrapper a.tile span,
	div.specialsLanding.tileWrapper a.tile span.hasSubSpan span.subSpan 
	{
		padding-left: 0;
	}

	div.specialsLanding.tileWrapper a.tile.image span
	{
		padding-left: 130px;
	}

	div.specialsLanding.tileWrapper a.tile.image img 
	{
		max-width: 110px;
	}

	a.tile.image.hasInnerLink.openSoon {
		padding-bottom: 50px;
	}

	a.tile.image.openSoon img,
	a.tile.image.openSoon .svgBackground
	{
		margin-top: 25px;
	}
}

@media only screen and ( max-width: 350px ) {
	.hideAt350
	{
		display: none !important;
	}

	.showAt350
	{
		display: block !important;
	}

	div.specialsLanding.tileWrapper a.tile
	{
		text-align: center;
	}

	div.specialsLanding.tileWrapper a.tile.sprite
	{
		min-height: 0;
		padding: 150px 0 10px 0;
		text-align: center;

		width: 100%;
		width: -webkit-calc( 100% - 4px );
		width:    -moz-calc( 100% - 4px );
		width: 		   calc( 100% - 4px );
	}

	div.specialsLanding.tileWrapper a.tile.sprite
	{
		min-height: 0;
		padding: 110px 0 15px 0;
		text-align: center;
	}


	div.specialsLanding.tileWrapper a.tile:before 
	{
		left:  	  	 50%;
		margin-left: -65px;
	}

	div.specialsLanding.tileWrapper a.tile.sprite:before
	{
		left:  	  	 50%;
		margin-left: -50px;
		top: 		 5px;
	}

	div.specialsLanding.tileWrapper a.tile span,
	div.specialsLanding.tileWrapper a.tile.image span
	{
		padding-left: 5%;
		position: relative;

		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
	         -o-transform: none;
				transform: none;
	}

	a.tile.image img 
	{
		max-width: 130px;
	}

	div.specialsLanding.tileWrapper a.tile span.hasSubSpan span.subSpan 
	{
		margin-top: 10px;
		padding: 	0 5%;

		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
	         -o-transform: none;
				transform: none;
	} 

	div.specialsLanding.tileWrapper a.tile.image 
	{
		padding: 0 5px;

		width: 100%;
		width: -webkit-calc( 100% - 14px );
		width:    -moz-calc( 100% - 14px );
		width: 		   calc( 100% - 14px );
	}

	div.specialsLanding.tileWrapper a.tile.image img
	{
		display: block;
		margin: 10px auto;
		position: relative;
	}

	form.homeStLocator input#city, form.homeStLocator input#zip, form.homeStLocator input#storeNum,
	.storeModal input#modalCity, .storeModal input#modalZip, .storeModal input#modalStoreNum,
	form.homeStLocator select,
	.storeModal .searchForm select
	{
		width: 100%;
	}

	.storeModal .storeSearch div.storeImg,
	.storeModal .storeSearch div.storeText
	{
		margin: 0 auto;
		max-width: 100%;
	}

	.storeModal .storeSearch div.storeImg
	{
		margin-bottom: 12px;
		width: 100%;
	}

	div.storeImg .imgContainer
	{
		margin:	   10px 0;
		max-width: 100%;
	}
}

@media only screen and ( max-width: 325px )
{
	.homeLayPage .header,
	.homeLayPage .header.playVideo
	{
		padding: 	100px 0 10px 0;
		text-align: center;
		width:   	100%;
	}

	.homeLayPage .header.location
	{
		padding-bottom: 20px;
	}

	.homeLayPage .header:before,
	.homeLayPage .header.playVideo:before
	{
		left: 		 50%;
		margin-left: -50px;
	}

	.homeTiles .header span.subtitle
	{
		text-align: left;
	}

	.homeTiles .tileContent
	{
		margin-bottom: 0;
	}

	.homeTiles .tileContent .textBox
	{
		margin-left: 0;
	}

	a.tile span,
	.account a.tile span 
	{
		padding-left: 0;
	}

	a.tile.image span 
	{
		padding-left: 150px;
	}

	div.listItems div.adminControls .column.span_1_4,
	div.adminControls .column.span_1_4
	{
		width: 100%;
	}

	div.layFooter,
	div.footerSpaceholder,
	div.homeLayPage div.footerSpaceholder
	{
		height: 590px;
	}

	div.layFooter .column.register.mobile,
	div.layFooter .column.signin.mobile
	{
		width: 100%;
	}

	div.layFooter .button,
	div.layFooter a.button:hover
	{
		width: 100%;
		width: -webkit-calc( 100% - 22px );
		width:    -moz-calc( 100% - 22px );
		width: 		   calc( 100% - 22px );
	}

	div.layFooter .social .icon
	{
		display: block;
		margin:  0 auto;
	}
}

@media only screen and ( max-width: 310px ) {
	.hideAt310
	{
		display: none !important;
	}
}

@media only screen and ( max-width: 300px ) {
	a.tile 
	{
		min-height: 0;
		padding: 150px 0 10px 0;
		text-align: center;

		width: 100%;
		width: -webkit-calc( 100% - 4px );
		width:    -moz-calc( 100% - 4px );
		width: 		   calc( 100% - 4px );
	}

	a.tile.sprite
	{
		min-height: 0;
		padding: 110px 0 15px 0;
		text-align: center;
	}

	.account a.tile
	{
		min-height: 0;
		padding: 110px 0 15px 0;
		text-align: center;

		width: 100%;
		width: -webkit-calc( 100% - 2px );
		width:    -moz-calc( 100% - 2px );
		width: 		   calc( 100% - 2px );
	}

	a.tile:before,
	.account a.tile:before 
	{
		left:  	  	 50%;
		margin-left: -65px;
	}

	.account a.tile:before,
	a.tile.sprite:before
	{
		left:  	  	 50%;
		margin-left: -50px;
		top: 		 5px;
	}

	a.tile span,
	.account a.tile span,
	a.tile.image span
	{
		padding-left: 5%;
		position: relative;
	}

	a.tile span.hasSubSpan span.subSpan 
	{
		margin-top: 10px;
		padding: 	0 5%;

		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
	         -o-transform: none;
				transform: none;
	} 

	a.tile.image 
	{
		padding: 0;
	}

	a.tile.image.hasInnerLink
	{
		padding-bottom: 25px;
	}

	a.tile.image .imgContainer
	{
		margin:	   10px 0;
		max-width: 100%;
	}

	a.tile.image img,
	a.tile.image .svgBackground
	{
		display: block;
		margin: 10px auto;
		position: relative;
		top: auto;
	}

	a.tileInnerLink
	{
		left: 		-50px;
		margin-left: 50%;
	}

	a.tileInnerLink.moreInfo
	{
		left: 		-32px;
		margin-left: 50%;
	}

	a.tile.image.hasInnerLink.openSoon {
		padding-bottom: 25px;
	}
}

/**************************************************************************
Browser-specific hacks
**************************************************************************/
html.ie10 form.homeStLocator select
{
	width: 173px;
}

/*html.lt-ie9 div.vendorBox
{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf5e7', endColorstr='#b1d9a7',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}*/

html.lt-ie9 table.gray
{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

html.lt-ie8 form.homeStLocator select
{
	height: 31px;
}

html.lt-ie8 form.homeStLocator input#storeNum
{
	width: 46%;
}