/*
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 *********************************/
	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*/
	}

	table
	{
		border-collapse: collapse;
		border: 0px;
	}

	td
	{
		padding: 0px;
	}

	img
	{
		border: 0px;
	}

	form
	{
		margin: 0;
	}

	.column.showOverflow
	{
		overflow: visible;
	}

	.padTop { margin-top: 20px !important; }

	.marginTop 	  { margin-top:    40px; }
	.marginBottom { margin-bottom: 40px; }
	.marginRight  { margin-right:  23px; }
	.margin_20    { margin: 	   20px 0; }

	p.margin_20 { padding-bottom: 0; }

	.noBottomPadding { padding-bottom: 0 !important; }

	.spacer { height: 40px; width: 100%; }

	/* Public Layout ********************************/

	div.layPage
	{
		margin-left:  auto;
		margin-right: auto;
		text-align:   left;
		width:        100%;/*1032px*/
	}

	div.layHotSheet
	{
		margin-left:  auto;
		margin-right: auto;
		text-align:   left;
		width:        100%;/*1225px*/
	}

	/*td.leftShadow
	{
		background: url(/images/shadowRepeatLeft.png) repeat-y;
		width:      4px;
	}

	td.rightShadow
	{
		background: url(/images/shadowRepeatRight.png) repeat-y;
		width:      4px;
	}*/

	div.layHeader
	{
		background-color: #fef200;
		height: 		  90px;
		position:  		  fixed;
		top: 			  0;
		width: 			  100%;
		z-index: 		  99999;
	}

	div.headerRight
	{
		float: 		right;
		margin-top: 5px;
		/*text-align: center;*/
		width: 		905px;
	}

	/*div.headerRight span.welcome,
	div.headerRight a#openLogin
	{
		font-weight: 700;
	}*/

	div.headerContent
	{
		height:   90px;
		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.layBody
	{
		background-color: #fff;
		margin-top: 	  90px;
		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;*/
	}

	div.layBodyAdmin
	{
		float: 			left;
		padding-bottom: 1000px;
		margin-bottom:  -1000px;
		width: 			1000px;
	}

	div.layBodyAdmin td.formLabel,
	div.layBodyAdmin td.formField
	{
		padding: 5px;
	}

	div.layBodyAdmin td.formHeader 
	{
		padding: 10px 0;
	}

	td.layNavRight
	{
		background-color: #999;
		width:            200px;
		vertical-align:   top;
		padding:          0px;
	}

	div.layFooter
	{
		background-color: #135802;
		text-align:       right;
		height:           150px;
		/*padding-left:     20px;
		padding-right:    20px;*/
	}

	/*table.banner,*/
	div.banner
	{
		/*background-image: url(/images/imagebank/banner_home.jpg);;*/
		width:            	100%;
		height:           	242px;
		margin: 		  	0 auto;
		overflow: 			hidden;
		position: 			relative;
	}

	div.banner img
	{
		left:  	  	 50%;
		margin-left: -950px;
		position: 	 absolute;
		top: 		 0;
	}

	/*td.bannerShadow,*/
	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
	{
		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.stickyBar
	{
		width: 100%;
		height: 80px;
		background-color: #fff200;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 999999;
	}

	div.stickyContent
	{
		cursor: 		pointer;
		width: 			1200px;
		margin-left: 	auto;
		margin-right: 	auto;
		height: 		80px;
		vertical-align: middle;
		text-align: 	left;
		position: 		relative;
	}

	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.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: 329px;/*259px*/
		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: 379px;/*309px*/
		width: 410px;
		background: url(/images/btn_bannerArrow.png) no-repeat top right;
	}

	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;
	}

	div.icon.desktop
	{
		background:  	 url( '/images/icons/IconDesktop.png' ) center center no-repeat;
		background-size: 200px 900px;
		height: 		 100px;
		width: 			 100px;
	}

	div.icon.desktop.favorite { background-position: 	0 	-500px; }
	div.icon.desktop.shopping { background-position: 	0 	-300px; }
	div.icon.desktop.receipt  { background-position: 	0 	-600px; }
	div.icon.desktop.info 	  { background-position: -100px -300px; }
	div.icon.desktop.search   { background-position: 	0 	-400px; }
	div.icon.desktop.new 	  { background-position: 	0 	-200px; }
	div.icon.desktop.location { background-position: 	0 	   0;   }
	div.icon.desktop.event 	  { background-position: -100px -400px; }
	div.icon.desktop.specials { background-position:    0   -100px; }
	div.icon.desktop.cup 	  { background-position: -100px -600px; }
	div.icon.desktop.card 	  { background-position:    0   -700px; }

	/*div.col1, div.col2, div.col0
	{
		height:          100%;
	}*/

	form.homeStLocator
	{
		/*margin-top: 10px;*/
		margin: 40px 0;
	}

	form.homeStLocator input#city, form.homeStLocator input#zip, form.homeStLocator input#storeNum
	{
		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
	{
		/*font-size: 	   15px;*/
		height: 	   40px;
		margin-bottom: 3px;
		width: 		   48%;

		/*-webkit-appearance: none;*/

		-webkit-box-sizing: border-box;
  		   -moz-box-sizing: border-box;
  				box-sizing: border-box;
	}

	.ie10 form.homeStLocator select
	{
		width:  154px;
		height: 29px;
	}

	.ie10 form.homeStLocator select#state
	{
		margin-top: -2px;
	}

	form.homeStLocator select#distance
	{
		/*width: 274px;*/
	}

	form.homeStLocator input.btnBlankGreySm
	{
		margin-top: 28px;
	}

	form.homeStLocator a.resetForm
	{
		margin-left: 5px;
	}

	table.home td.homeBox div.col1, table.home td.homeBox div.col2
	{
		padding-right:   15px;
		padding-left:    60px;
	}

	table.home td.homeBox div.col2
	{
		padding-right:   20px;
	}

	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;
	}

	/*table.home h1
	{
		padding-left: 20px;
	}

	table.home h2
	{
		padding-left: 20px;
	}*/

	div.feedingAmerica
	{
		background:  url( '/images/wheatRepeat2.jpg' ) repeat-x left bottom;
		min-height:  226px;
		overflow: 	 hidden;
		padding: 	 40px 0 100px 0;
		position: 	 relative;
		width: 		 100%;
	}

	div.feedingAmerica table td.feedAmer_33
	{
		width: 33%;
	}

	/*div.feedingAmerica input[type="text"]
	{
		width: 160px;
	}*/

	div.feedingAmerica .column
	{
		margin-bottom: 20px;
	}

	div.feedingAmerica .padTop30
	{
		padding-top: 30px;
	}

	div.feedingAmerica .padLeft46
	{
		padding-left: 46px;
	}

	div.feedingAmerica p 
	{
		font-size: 16px;
	}

	div.feedingAmericaImage
	{
		background: 	 url( '/images/feedingAmerica.png' ) center center no-repeat;
		background-size: 150px 100px;
		height: 		 100px;
		margin: 		 0 auto;
		width: 			 150px;
	}

	div.feedingAmerica input
	{
		width: 185px;
	}

	div.feedingAmerica input[type="submit"]
	{
		margin-top: 20px;
	}

	div.roundWhite
	{
		background-color: #fff;
		background-color: rgba( 255, 255, 255, 0.75 );
		border-radius: 	  165px;
		min-height: 		  185px;
		left:			  50%;
		margin-left: 	  -670px;
		padding: 		  10px 0;
		position: 		  relative;
		top:			  0px;
		width: 		 	  1340px;

		-webkit-box-shadow: 0px -1px 5px 0px #999;
	       -moz-box-shadow: 0px -1px 5px 0px #999;
	            box-shadow: 0px -1px 5px 0px #999;
	}

	div.feedingAmerica table
	{
		height: 185px;
		width:  100%;
	}

	div.feedingAmerica table td
	{
		padding: 0 10px;
		width:   400px;
	}

	div.feedingAmerica table td.padTop
	{
		padding-top: 10px;
	}

	div.feedingAmerica table td.padTop input[type="image"]
	{
		margin-bottom:  0;
		margin-left: 	15px;
		padding-bottom: 0;
	}

	div.feedingAmerica table td p
	{
		color: #000;
	}

	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 **********/

	.whatsnew
	{
		background-color: #fff;
		padding-left:     15px;
		padding-right:    15px;
		table-layout:     fixed;
	}

	.whatsnew td.link
	{
		padding-right: 120px;
		width: 		   185px;
	}

	.whatsnew a.moreInfo
	{
		/*color: 			 #c41d02;
		font-weight: 	 bold;*/
		line-height: 	 50px;
		padding-left: 	 30px;
		position: 		 relative;
		text-decoration: none;
		width: 			 155px;
	}

	/*.whatsnew a.moreInfo:hover
	{
		color: #961602;
	}*/

	.whatsnew a.moreInfo:after
	{
		content:  		 "";
		background: 	 url( '/images/icons_home.png' ) left top no-repeat;
		background-size: 72px 112px;
		height:   		 32px;
		left: 			 10px;
		position: 		 absolute;
		top: 			 10px;
		width:    	 	 24px;
	}

	.whatsnew a.moreInfo:hover:after
	{
		background-position: 0 -32px;
	}

	td.whatsnew-content
	{
		padding-top:     45px;
	}

	td.whatsnew-content table
	{
		margin-bottom: 10px;
	}

	td.whatsnew-content input.btnBlankGreyMd
	{
		float:               right;
		margin-right:        37px;
		margin-top:          75px;
		margin-bottom:       80px;
	}

	td.whatsnew-content h1
	{
		margin-top: 	0px;
		padding-bottom: 30px;
	}

	td.whatsnew-content h3
	{
		margin: 0px;
	}

	td.whatsnew-content h3 a
	{
		font-size:   18px;
		color:       #163b0d;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
	}

	td.whatsnew-content div
	{
		color: #666;
		padding-top: 4px;
	}

	table.gray
	{
		/*background: #e2e2e2; /* Old browsers */
		/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  #e2e2e2 0%, #e2e2e2 0%, #ffffff 100%, #ffffff 100%); /* FF3.6+ */
		/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e2e2e2), color-stop(0%,#e2e2e2), color-stop(100%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		/*background: -webkit-linear-gradient(left,  #e2e2e2 0%,#e2e2e2 0%,#ffffff 100%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		/*background: -o-linear-gradient(left,  #e2e2e2 0%,#e2e2e2 0%,#ffffff 100%,#ffffff 100%); /* Opera 11.10+ */
		/*background: -ms-linear-gradient(left,  #e2e2e2 0%,#e2e2e2 0%,#ffffff 100%,#ffffff 100%); /* IE10+ */
		/*background: linear-gradient(to right,  #e2e2e2 0%,#e2e2e2 0%,#ffffff 100%,#ffffff 100%); /* W3C */
	}

	table.gray td
	{
		padding: 10px 5px;
	}

	table.gray td img.productImg
	{
		margin: 0;
	}

	table.gray td.moreInfo
	{
		text-align: 	left;
		vertical-align: middle;
		width: 			190px;
	}

	div.layFooter span.marginTop
	{
		display:    block;
		margin-top: 40px !important;
	}

	div.layFooter a
	{
		font-family: MyriadProRegular, Helvetica, sans-serif;
		font-weight: normal;
		font-size:   14px;
		color:       #888;
		text-decoration: none;
	}

	div.layFooter a.copyright
	{
		font-size: 22px;
	}

	div.layFooter a:hover
	{
		text-decoration: underline !important;
		color: #fff;
	}

	td.footerNav
	{
		color:    	 #fff;/*#666*/
		padding-top: 20px;
	}

	td.footerNav a
	{
		color: 		  #fff;
		display:      inline-block;
		margin-left:  2px;
		margin-right: 2px;
	}

	div.creditCards
	{
		/*float: 		  right;
		margin-right: 4px;
		margin-top:   50px;*//*35px*/
		background:   url(/images/home_cc.png) no-repeat top left;
		height: 	  18px;
		margin: 	  15px 0 15px 4px;
		width: 		  135px;
	}

	div.footer2
	{
		height: 80px;
		vertical-align: middle;
	}

	div.thawte
	{
		margin-left: 4px;
	}

	td.layFooterLogo
	{
		width:      60px;
		text-align: center;
		padding:    6px;
	}

	.copyright
	{
		font-family: 	 MyriadProRegular, Helvetica, sans-serif;
		font-weight: 	 normal;
		font-size:   	 22px;
		color:       	 #fff !important;
		padding-top: 	 10px;
		text-decoration: none !important;
		vertical-align:  top;
		width: 			 400px;
	}

	a.logo
	{
		background-image:    url(/images/logo.png);
		background-position: -3px top;
		background-repeat:   no-repeat;
		width:               270px;
		height:              130px;
		/*margin-left:  		 5px;*/
		text-indent:         -500px;
		overflow:            hidden;
		display:             block;
		float:               left;
		/*padding-right:       35px;*/

		-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 );
	}

	a.logo.admin
	{
		height: 90px;
	}

	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-color: #fef200;*/
		background-size:  14px 24px;
		color: 		 	  #000;
		font-size:  	  22px;
		font-weight: 	  700;
		height: 	 	  50px;
		padding-right:    30px;
		position: 		  relative;
		text-align:  	  center;
		width:  	 	  125px;

		/*-webkit-box-shadow: 1px 1px 1px 0px #666;
	       -moz-box-shadow: 1px 1px 1px 0px #666;
	            box-shadow: 1px 1px 1px 0px #666;*/
	}

	/*div.headerRight div.loginNew input.loginGo:hover
	{
		background-color: #fff;
	}*/

	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
	{
		/*padding-top: 5px;*/
		text-align:  left;
	}

	div.userLinks a
	{
		color: 			 #38652c;
		display:  		 inline-block;
		font-size:  	 15px;
		margin-left: 	 40px;
		/*margin-top: 	 10px;*/
		position: 		 relative;
		top: 			 -12px;
		text-decoration: none;
	}

	div.userLinks a.marginLeft2 
	{
		margin-left: 2px;
	}

	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;
	}

	div.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: 			  90px;
		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;
	}

	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, #top_pw
	{
		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;
	}

	h2.marketTitle.resume, 
	h2.marketTitle.resume2
	{
		margin-top:   92px;
		padding-left: 80px;
		position: 	  relative;
	}

	h2.marketTitle.resume
	{
		margin-bottom: 30px;
	}

	h2.marketTitle.resume2 
	{
		line-height: 90px;
		margin-top:  65px;
	}

	h2.marketTitle.resume:before, 
	h2.marketTitle.resume2:before
	{
		background: 	 url( '/images/icons/IconDesktop.png' ) 100px -700px;
		background-size: 200px 900px;
		content: 		 '';
		height: 		 100px;
		left: 			 -18px;
		position: 		 absolute;
		top: 			 -15px;
		width: 			 100px;
	}

	h2.marketTitle.resume2:before
	{
		background-position: left -800px;
	}

	h2.marketTitle.resume2:before
	{
		top: -5px;
	}

	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;
	}

	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;
	}

	/*a.readBtn, a.readBtn2
	{
		width:               85px;
		height:              23px;
		background:          transparent url(/images/icons/btn_readMore1.png) no-repeat center top;
		text-indent:         -9999px;
		display:             block;
	}

	a.readBtn:hover, a.readBtn2:hover
	{
		background:          transparent url(/images/icons/btn_readMore2.png) no-repeat center top;
	}

	a.readBtn2
	{
		margin-left:         40px;
	}*/

	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;
	}


	div.yellow
	{
		background-color:    #ccc;
		position:            relative;
		left:                0px;
		top:                 18px;
		z-index:             10;
		width:               100%;
		height:              1px;
	}

	div.gray
	{
		background-color:    #ccc;
		position:            relative;
		left:                -16px;
		top:                 170px;
		z-index:             5;
		width:               1px;
		height:              25px;
	}

	.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;
	}

	div.navRight
	{
		padding-top: 6px;
	}

	/* Homepage slideshow ***************************/

	div#slides
	{
		margin: 0 auto;
	}

	div.slideWrapper
	{
		height: 289px;
	}

	div.orbit
	{
	    width:    1px;
	    height:   1px;
	    position: relative;
	    overflow: hidden;
	}

	div.orbit-wrapper
	{
		overflow: hidden;
		width:    100%;
	}

	div.orbit img
	{
		left: 		 50%;
	    margin-left: -950px;
	    position: 	 absolute;
	    top: 		 0;
    }

    .orbit-bullets li {
	   /* background: url(/images/slideNav.png) no-repeat 0 0;
	    cursor: pointer;
	    display: block;
	    float: left;
	    height: 24px;
	    margin: 0 8px 0 0;
	    overflow: hidden;
	    padding: 0;
	    text-indent: -9999px;
	    width: 24px;*/

	    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-position: 0px -24px;*/

	    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;

		 /* from #4a843a to#36622b */
		/*background-image: -webkit-gradient(linear,left top, left bottom,from(#4a843a),to(#36622b));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;*/

		/* text shadow */
		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;
		width: 		 600px;
		height: 	 239px;
		/*background: #c9e4c2;*/ /* fallback */
		/*background: rgba(201,228,194,0.9);*/
		/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c9e4c2', endColorstr='#c9e4c2');*/ /* IE */
		padding: 	 25px 30px 25px 0;
		text-align:  right;
	}

	div.slideInfo h2
	{
		color: 		 #fef200;
		font-size: 	 40px;
		line-height: 40px;
		text-shadow: -1px -2px 1px #333;
	}

	div.slideInfo p
	{
		color:  	 #fff;
		font-size:   20px;
		line-height: 1.2em;
		margin: 	 20px 0px;
		text-shadow: -1px -2px 1px #333;
	}

	div.slideInfo a
	{
		background-color: rgba(255, 255, 255, 0.5);
		border: 		  2px solid #000;
		border-radius:    5px;
		bottom: 		  50px;
		color: 			  #000;
		display: 		  block;
		font-weight: 	  bold;
		font-size: 		  22px;
		height: 		  50px;
		line-height:  	  50px;
		padding: 		  0 30px;
		position: 		  absolute;
		right: 			  30px;
		text-decoration:  none;

		/*-webkit-box-shadow: 1px 1px 1px 0px rgba( 0, 0, 0, 0.75 );
	       -moz-box-shadow: 1px 1px 1px 0px rgba( 0, 0, 0, 0.75 );
	            box-shadow: 1px 1px 1px 0px rgba( 0, 0, 0, 0.75 );*/
	}

	/*div.slideInfo a:after
	{
		background: 	 url(/images/rightarrow.png) no-repeat center center;
		background-size: 14px 24px;
		content: 		 "";
		height: 		 24px;
		position: 		 absolute;
		right: 			 5px;
		top:			 13px;
		width: 			 14px;
	}*/

	div.slideInfo a:hover
	{
		background-color: #fef200;
		border: 		  2px solid #fef200;
		text-decoration:  none;
	}

	div.slideBorder
	{
		width: 100%;
		height: 22px;
		background: url(/images/bannerBtmTeethRepeat.png) repeat-x 0 0;
		position: absolute;
		z-index: 100;
		bottom: 0px;
		left: 0px;
	}

	/* Homepage GPS Locator ***************************/

	div.desktopLocation
	{
		height:   	0;
		margin-top: 0;
		overflow: 	hidden;

		-webkit-transition: height 0.25s, margin-top 0.25s;
	   	   -moz-transition: height 0.25s, margin-top 0.25s;
	            transition: height 0.25s, margin-top 0.25s;
	}

	div.desktopLocation.active 
	{
		height: 	80px;
		margin-top: 10px;
	}

	div.desktopLocation table
	{
		width: 100%;
	}

	div.desktopLocation table td 
	{
		vertical-align: middle;
	}

	div.desktopLocation table td.first  { padding-left:  0; }
	div.desktopLocation table td.last   { padding-right: 0; }

	div.desktopLocation table td.center { text-align: center; }
	div.desktopLocation table td.left   { text-align: left;   float: none; }
	div.desktopLocation table td.right  { text-align: right;  float: none; }

	div.desktopLocation table td.title   { width: 400px; }
	div.desktopLocation table td.buttons { width: 170px; }

	div.desktopLocation table td.storeImg img 
	{
		border: 1px solid #ccc;
		height: 68px;
		width:  100px;
	}

	div.desktopLocation table td.storeAddress 
	{
		font-size: 20px;
	}

	div.desktopLocation span.green 
	{
		color: 		 #38652c;
		font-weight: bold;
		font-size:   22px;
	}

	div.desktopLocation a.yellowBtn
	{
		background-color: transparent;
		border: 		  1px solid #000;
		height: 		  35px;
		line-height: 	  35px;
		width: 			  75px;
	}

	div.desktopLocation a.yellowBtn:hover
	{
		background-color: #fef200;
		border: 		  1px solid #d0c703;
	}

	div.desktopLocation td.locationIcon div.icon 
	{
		background-size: 100px 450px;
		float: 	  		 right;
		height: 		 50px;
		width:  		 50px;
	}

	/* 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;
	}

	/* Admin Layout *********************************/
	td.layHeaderAdmin
	{
		background-color: #fff;
		border-bottom:    1px solid #000;
	}

	div.adminWrapper
	{
		overflow: hidden;
		width:    100%;
	}

	td.layNavLeftAdmin,
	div.layNavLeftAdmin
	{
		background-color: #ececec;
		vertical-align:   top;
		width:            140px;
		padding:          0px;
	}

	div.layNavLeftAdmin
	{
		float: 		    left;
		padding-bottom: 1000px;
		margin-bottom:  -1000px;
		position: 		relative;
		top:			90px;
	}

	td.layFooterAdmin
	{
		background-color: #fff;
		border-top:    1px solid #000;
	}

	div.adminNavFloat
	{
		float:         right;
		text-align:    right;
		padding-top:   20px;
		padding-right: 10px;
	}

	.adminBody
	{
		background-color: #bfbfbf;
	}

	.cpLeft
	{
		width:			20%;
		padding-right:	10px;
	}


	/* Backgrounds **********************************/


	/* Vendor of the Week ***************************/

	/*div.sandwichPro    div.text  { padding-top: 99px; }
	div.sandwichPro    div.text p span { font-size: 16px; font-weight: bold; }
	div.sandwichPro div.text p { color: #000; }
	div.sandwichPro    div.image,  div.sandwichPro div.links  { padding-top: 75px; }*/

	/* CSS Rules for Unslider ***************************/

	.sliderBanner 
	{ 
		position: relative; 
		overflow: auto; 
	}
    .sliderBanner li 
	{ 
		list-style: none; 
	}
    .sliderBanner ul li 
	{ 
		float: left;
	}

	.sliderBanner * {
	    box-sizing: border-box;
	    margin: 0;
	    padding: 0;
	}

	/* body {
	    color: #a48d66;
	    font: 14px/23px proxima-nova-alt,"Proxima Nova Alt",sans-serif;
	} */

	.vendorTitle h1, .vendorTitle h2, .vendorTitle h3, .vendorTitle h4, .vendorTitle b {
	    font-family: MyriadProRegular, Helvetica, sans-serif;
	    font-weight: 300;
	}
	.sliderBanner {
	    /* background: none repeat scroll 0 0 #5b4d3d; */
	    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); */
	    color: rgba(255, 255, 255, 0.6);
	    font-size: 18px;
	    line-height: 24px;
	    overflow: auto;
	    position: relative;
	    text-align: center;
	    /* text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3); */
	    width: 100%;
	}
	.sliderBanner ul {
	    list-style: outside none none;
	    width: 300%;
	}
	.sliderBanner ul li {
	    /* box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1) inset; */
	    display: block;
	    float: left;
	    min-height: 350px;
	    height: 350px;
	    overflow: hidden;
	    /* padding: 160px 0 110px; */
	    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 {
	    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: 2px solid #579031; */
	    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;
	}

	/* End CSS Rules for Unslider ***************************/

	div.vendorBox
	{
		background-color: #fff;
		/*border-top: 	  1px solid #666;
		border-top: 	  1px solid rgba( 0, 0, 0, 0.6 );*/
		min-height: 	  250px;
		position:   	  relative;
		width: 	    	  100%;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5dbe7+0,ffffff+15,ffffff+85,c5dbe7+100 */
		background: #c5dbe7; /* Old browsers */
		background: -moz-linear-gradient(left,  #c5dbe7 0%, #ffffff 15%, #ffffff 85%, #c5dbe7 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #c5dbe7 0%,#ffffff 15%,#ffffff 85%,#c5dbe7 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #c5dbe7 0%,#ffffff 15%,#ffffff 85%,#c5dbe7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5dbe7', endColorstr='#c5dbe7',GradientType=1 ); /* IE6-9 */
	}

	div.vendorBox div.vendorArrow
	{
		height:   100%;
		position: absolute;
		width:    50px;
	}

	div.vendorBox div.vendorArrow.prev {  left: 50px; }
	div.vendorBox div.vendorArrow.next { right: 50px; }

	div.vendorBox div.vendorArrow:before
	{
		color: 			#fff;
		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:before 
	{
		bottom:   0;
		content:  "";
		display:  block;
		height:   40px;
		left:  	  0;
		position: absolute;
		width:    100%;

		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 0%, #e8e8e8 100%, #e8e8e8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(0%,#ffffff), color-stop(100%,#e8e8e8), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#e8e8e8 100%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#e8e8e8 100%,#e8e8e8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 0%,#e8e8e8 100%,#e8e8e8 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 0%,#e8e8e8 100%,#e8e8e8 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	}*/

	div.vendorBox h1
	{
		margin: 0px 17px 10px 0px;
	}

	table.vendorOfWeek
	{
		height: 		250px;
		width:			100%;
	}

	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.vendorImage img
	{
		/*border: 2px solid #fef200;*/
	}

	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 
	{
		background-color: #fff;
		background-color: rgba( 255, 255, 255, 0.6 );
		color: 			  #000;
		display: 		  inline-block;
		font-weight: 	  bold;
		font-size: 		  22px;
		height: 		  50px;
		line-height:  	  50px;
		margin-top:  	  10px;
		position: 		  relative;
		padding: 		  0 20px;
		text-decoration:  none;

		-webkit-box-shadow: 1px 1px 1px 0px rgba( 0, 0, 0, 0.75 );
	       -moz-box-shadow: 1px 1px 1px 0px rgba( 0, 0, 0, 0.75 );
	            box-shadow: 1px 1px 1px 0px rgba( 0, 0, 0, 0.75 );
	}*/

	div.vendorBox a.vendorBoxBtn
	{
		float:    	left;
		margin-top: 20px;
		position: 	relative;
		width:    	60%;
	}

	div.vendorBox a.vendorBoxBtn.pdf 
	{
		padding-left: 59px;	
	}

	div.vendorBox a.vendorBoxBtn span.pdf 
	{
		background: 	 url( '/images/icons_home.png' ) left top no-repeat;
		background-size: 72px 112px;
		height:   		 32px;
		left: 			 15px;
		position: 		 absolute;
		top: 			 10px;
		width:    	 	 24px;
	}

	div.vendorBox a.vendorBoxBtn:hover span.pdf 
	{
		background-position: 0 -32px;
	}

	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.planEvent
	{
		height: 150px;
		margin-bottom: 10px;
	}

	div.planEvent p
	{
		margin-right: 45px;
	}

	div.planEvent a
	{
		text-decoration: underline !important;
	}

	div.planEventImg
	{
		float: left;
		width: 194px;
		height: 120px;
		background: url(/images/home_planEvent.png) no-repeat 0px 0px;
		margin: 20px 30px 20px 40px;
	}

	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;
	}

}

/**************************************************************************
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/logo-2x.png' );
	}

	div.buyBetter
	{
		background-image: url( '/images/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' );
	}

	div.icon.desktop
	{
		background-image: url( '/images/icons/IconDesktop-2x.png' );
	}

	h2.marketTitle.resume:before, 
	h2.marketTitle.resume2:before
	{
		background-image: url( '/images/icons/IconDesktop-2x.png' );
	}
}

/**************************************************************************
Tablet-specific Styles
**************************************************************************/
@media only screen and ( max-width: 1400px )
{
	.sliderBanner 
	{
		margin: 0 auto !important;
	    width:  1000px !important;
	}
}

@media only screen and ( max-width: 1024px )
{
	form.homeStLocator input#city, form.homeStLocator input#zip, form.homeStLocator input#storeNum
	{
		width: 140px;
	}

	form.homeStLocator select
	{
		width: 		   148px;
	}

	.sliderBanner 
	{
		margin: 0 auto !important;
	    width:  1000px !important;
	}
}

/*iPad*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
	form.homeStLocator input.yellowBtnReg.homeStLocator
	{
		left: 70px;
		top:  105px;
	}
}

/**************************************************************************
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%;
}
