/**************************************************************************
Boilerplate Styles
**************************************************************************/
html, body
{
	font-family: MyriadProRegular, Helvetica, sans-serif;
	font-size:   62.5%;
	height:      100%;
	margin:      0;
	padding:     0;
	width:       100%;
}

body
{
	padding-top: 44px;
	overflow-x: hidden;

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

body.background 
{
	background: url( '/images/mobile/bg.jpg' ) center top no-repeat;
}

div#loading
{
	background-attachment: fixed;
	background-color:      rgba( 0, 0, 0, 0.5 );
	background-image:      url( '../images/mobile/loading.gif' );
	background-position:   center 128px;
	background-repeat:     no-repeat;
	background-size:       64px 64px;
	display:               none;
	height:                100%;
	position:              absolute;
	width:                 100%;
	z-index:               101;

	-webkit-transition: height 0.5s ease;
	   -moz-transition: height 0.5s ease;
	    -ms-transition: height 0.5s ease;
	     -o-transition: height 0.5s ease;
	        transition: height 0.5s ease;
}

h1
{
	color:         #4a843a;
	font-size:     2.0em;
	margin:        10px 0 20px 0;
	padding:       0;
}

h2 
{
	font-size: 	 16px;
    color: 		 #000;
    /*font-weight: bold;*/
    margin: 	 0;
    padding: 	 0;
    font-family: MyriadProRegular, Helvetica, sans-serif;
}

h3
{
	color:         #4a843a;
	font-size:     1.3em;
	margin:        5px 0 3px 0;
}

a 
{
	color: #4a843a;
}

a.specialsCTA
{
	background-image:    url( '../images/mobile/specials.jpg' );
	background-position: top left;
	background-repeat:   no-repeat;
	background-size:     313px 153px;
	display:             block;
	height:              153px;
	margin:              0 auto;
	overflow:            hidden;
	text-indent:         -500px;
	width:               313px;
}

a.telLink
{
	text-decoration: none;
}

span.warnMsg,
div.content ol.collapsing.product li div.description span.warnMsg,
div.content ol.collapsing li div.description span.warnMsg
{
	display: block;
	padding-left: 0px;
	margin:0;
	color: red;
	white-space:normal;
	line-height:20px;
}

/* Shadow DOM styling of input placeholder text. DO NOT CHANGE SELECTORS, ONLY STYLES. */
::-webkit-input-placeholder { color: #666; }
          :-moz-placeholder { color: #666; }
         ::-moz-placeholder { color: #666; }
     :-ms-input-placeholder { color: #666; }

.left  { float: left;  }
.right { float: right; }
.clear { clear: both;  }

.center { text-align: center; }

.marginTop_5 { margin-top: 5px; }

.hidden { display: none; }

.leftMargin { margin-left: 10px; }
.rightMargin{ margin-right: 10px; }
.topMargin{ margin-top: 10px; }
.bottomMargin{ margin-bottom: 10px; }
.noMargin{ margin: 0 !important; }
.noTopMargin { margin-top: 0 !important; }
.noBottomMargin{ margin-bottom: 0; }

.success,
div.shoppingListModal .success
{
	clear: both;
	color: #2d731c; /*#56b140*/
}


.failure,
.notification,
div.shoppingListModal .failure
{
	color: #c00;
}

/**************************************************************************
Header
**************************************************************************/
header
{
	background-color: #fdf200;
	border-bottom:    1px solid #000;
	height:           44px;
	/*padding-top:      5px;*/
	padding: 		  0 10px;
	position:         fixed;
	top:              0;
	z-index:          100;

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

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f250+0,f9f250+0,e2da24+100,e2da24+100 */
	background: #f9f250; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f250 0%, #f9f250 0%, #e2da24 100%, #e2da24 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f250), color-stop(0%,#f9f250), color-stop(100%,#e2da24), color-stop(100%,#e2da24)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f250 0%,#f9f250 0%,#e2da24 100%,#e2da24 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f250 0%,#f9f250 0%,#e2da24 100%,#e2da24 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f250 0%,#f9f250 0%,#e2da24 100%,#e2da24 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f250 0%,#f9f250 0%,#e2da24 100%,#e2da24 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f250', endColorstr='#e2da24',GradientType=0 ); /* IE6-9 */
}

header a.menu
{
	background:		 url( '/images/mobile/menu.png' ) center left no-repeat;
	background-size: 22px 18px;
	color:   		 #000;
	display: 		 block;
	font-size: 	 	 15px;
	height:  		 44px;
	line-height: 	 44px;
	padding-left: 	 30px;
	text-decoration: none;
}

header h1
{
	background-image:    url( '../images/mobile/logo-2x.png' );
	background-position: center center;
	background-repeat:   no-repeat;
	background-size:     117px 35px;
	height:              43px;
	margin:              0 auto;
	padding:             0;
	width:               117px;
}

header h1 a
{
	display:     block;
	height:      100%;
	overflow:    hidden;
	text-indent: -500px;
	width:       100%;
}

header h2
{
	font-size:   1.9em;
	font-weight: normal;
	margin-top:  2px;
	margin:      0;
	padding:     0;
	text-align:  center;
}

/**************************************************************************
Primary Navigation
**************************************************************************/
nav
{
	/*background:    #fdf200;
	border-bottom: 1px solid #3c3c3c;
	border-top:    1px solid #3c3c3c;
	height:        50px;*/
	margin:        0;
	padding:       0;
	position:      fixed;
	overflow:  		 hidden;
	top:           0;/*62px*/
	width: 			 0;
	z-index:       1000;

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

nav.active 
{
	width: 270px;
}

nav ul
{
	/*height:          100%;*/
	list-style-type: none;
	margin:          0;
	padding:         0;
}

nav ul.hidden
{
	display: none;
}

nav ul li
{
	/*background:    #fdf200;*/
	background-color: rgba( 255, 255, 255, 0.9 );
	border:        	  0;
	border-bottom: 	  1px solid #666;
	border-right:  	  1px solid #666;
	float:         	  left;
	height:        	  44px;/*100%*/
	overflow:  		  hidden;
	text-align:    	  left;
	
	width: 100%;
	width: -webkit-calc( 100% - 1px );
	width:    -moz-calc( 100% - 1px );
	width: 		   calc( 100% - 1px );

	/*background: -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #fcf8a3 ), color-stop( 0.25, #fdf200 ));
	background: -webkit-linear-gradient( top, #fcf8a3 0%, #fdf200 25% );
	background:    -moz-linear-gradient( top, #fcf8a3 0%, #fdf200 25% );
	background:     -ms-linear-gradient( top, #fcf8a3 0%, #fdf200 25% );
	background:      -o-linear-gradient( top, #fcf8a3 0%, #fdf200 25% );
	background:         linear-gradient( top, #fcf8a3 0%, #fdf200 25% );

	-webkit-box-sizing: border-box;
	        box-sizing: border-box;*/
}

nav ul li.account 
{
	background-color: #fff;
}

/*nav ul li:first-child,
nav ul li:last-child
{
	position:   absolute;
	text-align: center;
	top:        0;
	width:      85px;
}


nav ul li:first-child
{
	border-right: 1px solid #3c3c3c;
	left:         0;
}

nav ul li:last-child
{
	border-left: 1px solid #3c3c3c;
	right:       0;
}*/

nav ul li a
{
	/*color:           #3a3a3a;
	display:         block;
	font-size:       1.9em;
	height:          100%;
	line-height:     50px;
	padding:         0 7px;*/
	color: 			 #000;
	display: 		 block;
	font-size: 		 18px;
	font-weight: 	 bold;
	height: 	     44px;
	line-height:  	 44px;
	padding: 		 0 10px 0 30px;
	text-decoration: none;
	width:           100%;

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

nav ul li.account a
{
	display: 	 inline-block;
	font-size: 	 16px;
	font-style:  italic;
	font-weight: normal;
	margin: 	 0 10px 0 30px;
	padding: 	 0;
	width: 	 	 auto;
}

nav ul li.fullSite a 
{
	font-size: 	 16px;
	font-style:  italic;
	font-weight: normal;
}

nav ul li a b
{
	display: block;
}

nav ul li.account a.arrowhead
{
	float:  right;
	margin: 0 20px 0 10px;
}

/**************************************************************************
Header Navigation - Authenticated
**************************************************************************/
/*nav ul.authenticated li a
{
	font-weight: bold;
}*/

/**************************************************************************
Banner
**************************************************************************/
div.banner 
{
	color: 			  #fff;
	background-color: #4a4a4a;
	font-size: 		  20px;
	font-weight: 	  bold;
	height: 		  72px;
	line-height: 	  70px;
	text-align: 	  center;
	text-shadow: 	  2px 2px 1px rgba( 0, 0, 0, 0.8 );
	width:  		  100%;
}

div.banner sup
{
	font-size: 12px;
}

/**************************************************************************
Mobile Grid
**************************************************************************/
.grid
{
	margin:   0 auto;
	position: relative;
	width: 	  100%;
}

.column
{
	border-left:  10px solid transparent;
	border-right: 10px solid transparent;
	display:      block;
	float:        left;
	overflow:     hidden;

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

	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding-box;
	        background-clip: padding-box;

	/* Legacy IE support */
	 behavior: url( '/scripts/pie/PIE.htc' );
	*behavior: url( '/scripts/pie/PIE.htc' ) url( '/css/polyfill.boxsizing.htc' );
}

.column.noleftborder  { border-left:  0; }
.column.norightborder { border-right: 0; }

.span_1_1, .span_2_2, .span_3_3, .span_4_4, .span_5_5, .span_6_6,
.span_7_7, .span_8_8, .span_9_9, .span_10_10, .span_11_11, .span_12_12
{
	width: 100%;
}

.span_1_2 { width: 50.00%; }

.span_2_3 { width: 66.66%; width: -webkit-calc( 100% / 3 * 2 ); width: -moz-calc( 100% / 3 * 2 ); width: calc( 100% / 3.0001 * 2 ); }
.span_1_3 { width: 33.33%; width: -webkit-calc( 100% / 3 * 1 ); width: -moz-calc( 100% / 3 * 1 ); width: calc( 100% / 3.0001 * 1 ); }

.span_3_4 { width: 75.00%; }
.span_2_4 { width: 50.00%; }
.span_1_4 { width: 25.00%; }

.span_4_5 { width: 80.00%; }
.span_3_5 { width: 60.00%; }
.span_2_5 { width: 40.00%; }
.span_1_5 { width: 20.00%; }

.span_5_6 { width: 83.33%; width: -webkit-calc( 100% / 6 * 5 ); width: -moz-calc( 100% / 6 * 5 ); width: calc( 100% / 6.0001 * 5 ); }
.span_4_6 { width: 66.66%; width: -webkit-calc( 100% / 6 * 4 ); width: -moz-calc( 100% / 6 * 4 ); width: calc( 100% / 6.0001 * 4 ); }
.span_3_6 { width: 50.00%; width: -webkit-calc( 100% / 6 * 3 ); width: -moz-calc( 100% / 6 * 3 ); width: calc( 100% / 6.0001 * 3 ); }
.span_2_6 { width: 33.33%; width: -webkit-calc( 100% / 6 * 2 ); width: -moz-calc( 100% / 6 * 2 ); width: calc( 100% / 6.0001 * 2 ); }
.span_1_6 { width: 16.66%; width: -webkit-calc( 100% / 6 * 1 ); width: -moz-calc( 100% / 6 * 1 ); width: calc( 100% / 6.0001 * 1 ); }

.span_6_7 { width: 85.71%; width: -webkit-calc( 100% / 7 * 6 ); width: -moz-calc( 100% / 7 * 6 ); width: calc( 100% / 7 * 6 ); }
.span_5_7 { width: 71.43%; width: -webkit-calc( 100% / 7 * 5 ); width: -moz-calc( 100% / 7 * 5 ); width: calc( 100% / 7 * 5 ); }
.span_4_7 { width: 57.14%; width: -webkit-calc( 100% / 7 * 4 ); width: -moz-calc( 100% / 7 * 4 ); width: calc( 100% / 7 * 4 ); }
.span_3_7 { width: 42.86%; width: -webkit-calc( 100% / 7 * 3 ); width: -moz-calc( 100% / 7 * 3 ); width: calc( 100% / 7 * 3 ); }
.span_2_7 { width: 28.57%; width: -webkit-calc( 100% / 7 * 2 ); width: -moz-calc( 100% / 7 * 2 ); width: calc( 100% / 7 * 2 ); }
.span_1_7 { width: 14.28%; width: -webkit-calc( 100% / 7 * 1 ); width: -moz-calc( 100% / 7 * 1 ); width: calc( 100% / 7 * 1 ); }

.span_7_8 { width: 87.50%; }
.span_6_8 { width: 75.00%; }
.span_5_8 { width: 62.50%; }
.span_4_8 { width: 50.00%; }
.span_3_8 { width: 37.50%; }
.span_2_8 { width: 25.00%; }
.span_1_8 { width: 12.50%; }

.span_8_9 { width: 88.88%; width: -webkit-calc( 100% / 9 * 8 ); width: -moz-calc( 100% / 9 * 8 ); width: calc( 100% / 9.0001 * 8 ); }
.span_7_9 { width: 77.77%; width: -webkit-calc( 100% / 9 * 7 ); width: -moz-calc( 100% / 9 * 7 ); width: calc( 100% / 9.0001 * 7 ); }
.span_6_9 { width: 66.66%; width: -webkit-calc( 100% / 9 * 6 ); width: -moz-calc( 100% / 9 * 6 ); width: calc( 100% / 9.0001 * 6 ); }
.span_5_9 { width: 55.55%; width: -webkit-calc( 100% / 9 * 5 ); width: -moz-calc( 100% / 9 * 5 ); width: calc( 100% / 9.0001 * 5 ); }
.span_4_9 { width: 44.44%; width: -webkit-calc( 100% / 9 * 4 ); width: -moz-calc( 100% / 9 * 4 ); width: calc( 100% / 9.0001 * 4 ); }
.span_3_9 { width: 33.33%; width: -webkit-calc( 100% / 9 * 3 ); width: -moz-calc( 100% / 9 * 3 ); width: calc( 100% / 9.0001 * 3 ); }
.span_2_9 { width: 22.22%; width: -webkit-calc( 100% / 9 * 2 ); width: -moz-calc( 100% / 9 * 2 ); width: calc( 100% / 9.0001 * 2 ); }
.span_1_9 { width: 11.11%; width: -webkit-calc( 100% / 9 * 1 ); width: -moz-calc( 100% / 9 * 1 ); width: calc( 100% / 9.0001 * 1 ); }

.span_9_10  { width: 90.00%; }
.span_8_10  { width: 80.00%; }
.span_7_10  { width: 70.00%; }
.span_6_10  { width: 60.00%; }
.span_5_10  { width: 50.00%; }
.span_4_10  { width: 40.00%; }
.span_3_10  { width: 30.00%; }
.span_2_10  { width: 20.00%; }
.span_1_10  { width: 10.00%; }

.span_10_11 { width: 90.90%; width: -webkit-calc( 100% / 11 * 10 ); width: -moz-calc( 100% / 11 * 10 ); width: calc( 100% / 11 * 10 ); }
.span_9_11  { width: 81.81%; width: -webkit-calc( 100% / 11 *  9 ); width: -moz-calc( 100% / 11 *  9 ); width: calc( 100% / 11 *  9 ); }
.span_8_11  { width: 71.71%; width: -webkit-calc( 100% / 11 *  8 ); width: -moz-calc( 100% / 11 *  8 ); width: calc( 100% / 11 *  8 ); }
.span_7_11  { width: 62.62%; width: -webkit-calc( 100% / 11 *  7 ); width: -moz-calc( 100% / 11 *  7 ); width: calc( 100% / 11 *  7 ); }
.span_6_11  { width: 54.54%; width: -webkit-calc( 100% / 11 *  6 ); width: -moz-calc( 100% / 11 *  6 ); width: calc( 100% / 11 *  6 ); }
.span_5_11  { width: 45.45%; width: -webkit-calc( 100% / 11 *  5 ); width: -moz-calc( 100% / 11 *  5 ); width: calc( 100% / 11 *  5 ); }
.span_4_11  { width: 36.36%; width: -webkit-calc( 100% / 11 *  4 ); width: -moz-calc( 100% / 11 *  4 ); width: calc( 100% / 11 *  4 ); }
.span_3_11  { width: 27.27%; width: -webkit-calc( 100% / 11 *  3 ); width: -moz-calc( 100% / 11 *  3 ); width: calc( 100% / 11 *  3 ); }
.span_2_11  { width: 18.18%; width: -webkit-calc( 100% / 11 *  2 ); width: -moz-calc( 100% / 11 *  2 ); width: calc( 100% / 11 *  2 ); }
.span_1_11  { width:  9.09%; width: -webkit-calc( 100% / 11 *  1 ); width: -moz-calc( 100% / 11 *  1 ); width: calc( 100% / 11 *  1 ); }

.span_11_12 { width: 91.66%; width: -webkit-calc( 100% / 12 * 11 ); width: -moz-calc( 100% / 12 * 11 ); width: calc( 100% / 12 * 11 ); }
.span_10_12 { width: 83.33%; width: -webkit-calc( 100% / 12 * 10 ); width: -moz-calc( 100% / 12 * 10 ); width: calc( 100% / 12 * 10 ); }
.span_9_12  { width: 75.00%; }
.span_8_12  { width: 66.66%; width: -webkit-calc( 100% / 12 *  8 ); width: -moz-calc( 100% / 12 *  8 ); width: calc( 100% / 12 *  8 ); }
.span_7_12  { width: 58.33%; width: -webkit-calc( 100% / 12 *  7 ); width: -moz-calc( 100% / 12 *  7 ); width: calc( 100% / 12 *  7 ); }
.span_6_12  { width: 50.00%; }
.span_5_12  { width: 41.66%; width: -webkit-calc( 100% / 12 *  5 ); width: -moz-calc( 100% / 12 *  5 ); width: calc( 100% / 12 *  5 ); }
.span_4_12  { width: 33.33%; width: -webkit-calc( 100% / 12 *  4 ); width: -moz-calc( 100% / 12 *  4 ); width: calc( 100% / 12 *  4 ); }
.span_3_12  { width: 25.00%; }
.span_2_12  { width: 16.66%; width: -webkit-calc( 100% / 12 *  2 ); width: -moz-calc( 100% / 12 *  2 ); width: calc( 100% / 12 *  2 ); }
.span_1_12  { width:  8.33%; width: -webkit-calc( 100% / 12 *  1 ); width: -moz-calc( 100% / 12 *  1 ); width: calc( 100% / 12 *  1 ); }

/**************************************************************************
Arrows
**************************************************************************/
div.arrowhead,
a.arrowhead 
{
	background: 	 url( '/images/mobile/icons.png' ) right -650px no-repeat;
	background-size: 50px 750px;
	cursor: 		 pointer;
	display: 		 block;
	height: 		 50px;
	width:  		 50px;
}

div.arrowhead.center,
a.arrowhead.center 
{
	margin: 0 auto;
}

div.arrowhead.arrowup,
a.arrowhead.arrowup 
{
	background-position: right -700px;
}

a.arrowhead.arrowleft
{
	border-bottom: 15px solid transparent; 
	border-right:  15px solid #488236; 
	border-top:    15px solid transparent;
	height: 	   0; 
	position:      relative;
	top: 		   7px;
	width: 		   0;
}

a.arrowhead.arrowleft:after 
{
	border-bottom: 15px solid transparent; 
	border-right:  15px solid #fff; 
	border-top:    15px solid transparent;
	content: 	   '';
	position:      absolute;
	right:     	   -21px;
	top: 		   -15px;
}

div.arrow 
{
	border-left:  10px solid transparent; 
	border-right: 10px solid transparent; 
	border-top:   18px solid #579031;
	height: 	  0; 
	position:     absolute;
	right: 		  0;
	top: 		  4px;
	width: 		  0;

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

	-webkit-transition: -webkit-transform 0.5s, border-color 0.5s;
	   -moz-transition:    -moz-transform 0.5s, border-color 0.5s;
	        transition:         transform 0.5s, border-color 0.5s;
}

ol.collapsing li.active div.arrow 
{
	border-top-color: #000;

	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

/**************************************************************************
Alert
**************************************************************************/
div.alert 
{
	background-color: #163c0d;
	color: 			  #fff;
	height:  		  0;
	overflow:  		  hidden;
	padding: 		  0;
	position:  		  relative;
	text-align: 	  left;
	top: 			  -10px;

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

div.alert.active 
{
	height:  auto;
	padding: 12px 55px;
}

div.alert:before
{
	background: 	 url( '/images/icons/announcementIcon.png' ) center center no-repeat;
	background-size: 24px 24px;
	content: 		 '';
	height: 		 24px;
	left: 			 12px;
	position: 		 absolute;
	top: 			 12px;
	width: 			 24px;
}

div.alert div.alertClose
{
	bottom:   	 12px;
	color: 	  	 #579032;
	cursor:  	 pointer;
	font-family: MyriadProRegular, Helvetica, sans-serif;
	font-size:   24px;
	line-height: 18px;
	position: 	 absolute;
	right: 	  	 12px;
}

/**************************************************************************
My Cash&Carry Store
**************************************************************************/
aside
{
	/*background-color: #fff;
	border-bottom:    1px solid #3c3c3c;
	height:           50px;
	top:              112px;*/
	position: 		  relative;
	width:            100%;
	z-index: 		  99;
}

aside div.full
{
	background-color:    #fff;
	/*background-image:    url( '../images/mobile/icons.png' );
	background-position: right -700px;
	background-repeat:   no-repeat;
	background-size:     50px 750px;
	border-bottom:       1px solid #3c3c3c;*/
	font-size:           2em;
	padding:             10px;/*6px*/
	padding-bottom:      0;
	position:            absolute;
	top:                 -550px;/*-285px*/
	width:               100%;
	z-index:             99;

	-webkit-box-shadow: 0px 2px 10px 0px rgba( 60, 60, 60, 0.5 );
	   -moz-box-shadow: 0px 2px 10px 0px rgba( 60, 60, 60, 0.5 );
	    -ms-box-shadow: 0px 2px 10px 0px rgba( 60, 60, 60, 0.5 );
	     -o-box-shadow: 0px 2px 10px 0px rgba( 60, 60, 60, 0.5 );
	        box-shadow: 0px 2px 10px 0px rgba( 60, 60, 60, 0.5 );

	-webkit-transition: top 0.5s ease;
	   -moz-transition: top 0.5s ease;
	    -ms-transition: top 0.5s ease;
	     -o-transition: top 0.5s ease;
	        transition: top 0.5s ease;

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

aside div.full.active
{
	top: 0;
}

aside div.full div.image
{
	float: left;
	height: 78px;
	overflow: hidden;
	width: 93px;
}

aside div.full div.image img
{
	width: 93px;
}

aside div.full div.description,
aside div.full div.hours
{
	float:         right;
	margin-left:   -105px;
	overflow-x:    hidden;
	padding-left:  105px;
	padding-right: 40px;
	text-overflow: ellipsis;
	white-space:   nowrap;
	width:         100%;

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

aside div.full div.hours
{
	padding-right: 0;
}

aside div.full div.description span,
aside div.full div.hours span
{
	/*color: #948052;*/
}

aside div.full span.weekday
{
	display: block;
	float:   left;
	width:   80px;
}

aside div.full span.hours 
{
	font-weight: bold;
}

aside div.full div.map
{
	clear: both;
	text-align: center;
	padding-top: 5px;
	margin-bottom: -3px;
	overflow: hidden;
}

aside div.full div.controls
{
	clear:   both;
	height:  65px;
	padding: 6px 0;
}

/*aside div.full div.controls a
{
	background-color:  #cabda0;
	background-size:   50px 750px, 100% 100%;
	background-repeat: no-repeat;
	border:            1px solid #b1b1b1;
	color:             #000;
	display:           block;
	font-size:         1.0em;
	height:            55px;
	padding:           10px 0 10px 40px;
	text-align:        center;
	text-decoration:   none;
	width:             50%;

	background-image: url( '../images/mobile/icons.png' ), -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #e6dfcf ), color-stop( 1.0, #cabda0 ));
	background-image: url( '../images/mobile/icons.png' ), -webkit-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),    -moz-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),     -ms-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),      -o-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),         linear-gradient( top, #e6dfcf 0%, #cabda0 100% );

	-webkit-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	   -moz-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	    -ms-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	     -o-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	        box-shadow: inset 1px 1px 1px 0 #f9f8f4;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;

	width: -webkit-calc( 50% - 3px );
	width:    -moz-calc( 50% - 3px );
	width:     -ms-calc( 50% - 3px );
	width:      -o-calc( 50% - 3px );
	width:         calc( 50% - 3px );

	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}*/

aside div.full div.controls a.other
{
	background-position: left top;
	float:               left;
}

aside div.full div.controls a.phone
{
	background-position: left -400px, left top;
	float:               right;
}

aside div.full div.controls a b
{
	display: block;
}

aside div.partial
{
	background-image:    url( '../images/mobile/icons.png' );
	background-position: right -650px;
	background-repeat:   no-repeat;
	background-size:     50px 750px;
	font-size:           2.3em;
	height:              100%;
	overflow:            hidden;
	padding:             6px;

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

aside div.partial b
{
	color:       #4a843a;
	display:     block;
	line-height: 1.4em;
}

/**************************************************************************
Content
**************************************************************************/
div.content
{
	font-size:      1.9em;
	left:           0;
	min-height:     100%;
	padding-bottom: 50px;
	position:       absolute;
	width:          100%;

	-webkit-transition: left 0.5s ease;
	   -moz-transition: left 0.5s ease;
	    -ms-transition: left 0.5s ease;
	     -o-transition: left 0.5s ease;
	        transition: left 0.5s ease;

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

div.content.fromRight
{
	left: 100%;

	-webkit-transition: left 0s linear;
	   -moz-transition: left 0s linear;
	    -ms-transition: left 0s linear;
	     -o-transition: left 0s linear;
	        transition: left 0s linear;
}

div.content.fromLeft
{
	left: -100%;

	-webkit-transition: left 0s linear;
	   -moz-transition: left 0s linear;
	    -ms-transition: left 0s linear;
	     -o-transition: left 0s linear;
	        transition: left 0s linear;
}

div.content.toRight
{
	left: 100%;
}

div.content.toLeft
{
	left: -100%;
}

div.content article
{
	padding: 10px;
}

div.content article fieldset
{
	border:  0;
	margin:  0;
	padding: 0;
	margin-top: 20px;
}

div.content article fieldset legend
{
	font-size:   1.4em;
	font-weight: bold;
	margin:      10px 0;
	text-align:  center;
}

div.content h1
{
	color:         #4a843a;
	font-size:     2.0em;
	margin:        10px 0 20px 0;
	/*margin-bottom: 20px;*/
	padding:       0;
	padding-right: 35px;
	/*text-align:    center;
	text-shadow:   0px 1px 1px #999;*/
}

div.content h1.padForCart
{
	padding-right: 110px;
}

div.content h1.noBottomMargin
{
	margin-bottom: 0;
}

div.content h2 
{
	font-size: 20px;
	margin:    10px 0;
}

div.content h2.customMargins
{
	margin: 0 10px 10px 10px;
}

div.content p
{
	line-height:   1.6em;
	margin-bottom: 20px;
	margin:        0;
	padding:       0;
}


/**************************************************************************
New store page
**************************************************************************/

div.content article.newstore
{
	padding: 25px 10px;
}

article.newstore h1
{
	color: #fff;
	background-color: #aab533;
	padding: 20px 10px;
	margin: -25px -10px 10px -10px;
	font-size: 18px;
}

aside#myStore ~ div.content article.newstore h1
{
	margin: 40px -10px 10px -10px;
}

article.newstore p
{
	font-size: 14px;
}

article.newstore img
{
	width: 100%;
	max-width: 586px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/*article.newstore div.img.grandOpening
{
	background: url('../images/mobile/grand-opening-sm.jpg') no-repeat center;
	background-size: contain;
	height: 457px;
	width: 100%;
}

article.newstore div.img.giveaway
{
	background: url('../images/mobile/giveaways-sm.jpg') no-repeat center;
	background-size: contain;
	height: 316px;
	width: 100%;
}*/

article.newstore div.img.bubbles
{
	background: url('../images/mobile/bubbles-sm.jpg') no-repeat center;
	background-size: contain;
	height: 85px;
	width: 100%;
}

article.newstore tr.celebrationGradient
{
	display: block;
	margin: 0px -12px 10px -12px;
	padding: 10px;
	background: -webkit-linear-gradient(top, #fcb23f, #ffe701); /* For Safari 5.1 to 6.0 */
    background:    -moz-linear-gradient(top, #fcb23f, #ffe701); /* For Firefox 3.6 to 15 */
    background:      -o-linear-gradient(top, #fcb23f, #ffe701); /* For Opera 11.1 to 12.0 */
    background:         linear-gradient(top, #fcb23f, #ffe701); /* Standard syntax (must be last) */
	padding-bottom: 25px;
}

article.newstore tr.subscribe
{
	padding-bottom: 25px;
	padding-top: 25px;
	display: block;
	font-size: 20px;
}

article.newstore tr.subscribe form
{
	margin-top: 5px;
}

article.newstore tr.subscribe form input[type="text"],
article.newstore tr.subscribe form input[type="submit"]
{
	height: 44px;
	border-radius: 5px;
}

article.newstore tr.subscribe form input[type="submit"]
{
	color: #fff;
	background-color: #3E3E3E;
	border: none;
	font-weight: bold;
	font-size: 20px;
}

article.newstore tr.subscribe form input[type="text"]
{
	border: solid 2px #3E3E3E;
}

article.newstore tr.subscribe p
{
	font-size: 16px;
}

article.newstore tr.businessPreview
{
	color: #ffffff;
	display: block;
	margin: 0px -12px 10px -12px;
	padding: 10px;
	background-color: #AAB533;
}

article.newstore .giveAWay
{
	max-width: 275px;
}

/**************************************************************************
Form Input
**************************************************************************/
/*div.content input[type=button],
div.content input[type=submit]
{
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	     -o-appearance: none;
	        appearance: none;

	background-color: #cabda0;
	border:           1px solid #b1b1b1;
	font-family:      Verdana, Arial, sans-serif;
	font-size:        1.2em;
	height:           54px;
	margin:           0;
	padding:          2px 12px;

	background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #e6dfcf ), color-stop( 1.0, #cabda0 ));
	background-image: -webkit-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:    -moz-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:     -ms-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:      -o-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:         linear-gradient( top, #e6dfcf 0%, #cabda0 100% );

	-webkit-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	   -moz-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	    -ms-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	     -o-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	        box-shadow: inset 1px 1px 1px 0 #f9f8f4;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;
}*/

div.content input[type=button],
div.content input[type=submit]
{
	margin-bottom: 15px;
	margin-top:    6px;
	width: 		   100%;
}

div.content input[type=button]:disabled,
div.content input[type=submit]:disabled
{
	background: #a9a9a9;
	color:      #f9f9f9;

	-webkit-box-shadow: inset 1px 1px 1px 0 #f9f9f9;
	   -moz-box-shadow: inset 1px 1px 1px 0 #f9f9f9;
	    -ms-box-shadow: inset 1px 1px 1px 0 #f9f9f9;
	     -o-box-shadow: inset 1px 1px 1px 0 #f9f9f9;
	        box-shadow: inset 1px 1px 1px 0 #f9f9f9;
}

div.content input[type=button].next,
div.content input[type=submit].next
{
	float:   right;
	padding: 2px 36px;
}

div.content input[type=button].signout
{
	clear:      both;
	float:      none;
	height:     58px;
	margin-top: 30px;
	width:      100%;

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

div.content label
{
	/*border:        1px solid #b1b1b1;*/
	border-right:  0;
	display:       inline-block;
	float:         left;
	font-size:     1.1em;
	/*height:        44px;
	line-height:   44px;*/
	margin-bottom: 0px;
	margin-top:    15px;
	margin-right:  -5px;
	padding:       0 6px;
	width:         100%;

	-webkit-border-top-left-radius: 4px;
	   -moz-border-radius-topleft:  4px;
	    -ms-border-top-left-radius: 4px;
	     -o-border-top-left-radius: 4px;
	        border-top-left-radius: 4px;

	-webkit-border-bottom-left-radius: 4px;
	   -moz-border-radius-bottomleft:  4px;
	    -ms-border-bottom-left-radius: 4px;
	     -o-border-bottom-left-radius: 4px;
	        border-bottom-left-radius: 4px;

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

div.content #rememberMe
{
	float:    left;
	position: relative;
	top: 	  14px;
}

div.content #rememberMe + label 
{
	border:    0;

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

div.content label.radio
{
	border:      0;
	display:     inline;
	float:       none;
	height:      auto;
	line-height: auto;
	margin:      0;
	padding:     0;
	width:       auto;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -0-border-radius: 0;
	        border-radius: 0;
}

div.content input[type=date],
div.content input[type=email],
div.content input[type=password],
div.content input[type=search],
div.content input[type=tel],
div.content input[type=text],
div.content select,
div.content textarea,
div.listModal input[type=date],
div.listModal input[type=email],
div.listModal input[type=password],
div.listModal input[type=search],
div.listModal input[type=tel],
div.listModal input[type=text],
div.listModal select,
div.listModal textarea,
aside#myCart input[type=date],
aside#myCart input[type=email],
aside#myCart input[type=password],
aside#myCart input[type=search],
aside#myCart input[type=tel],
aside#myCart input[type=text],
aside#myCart select,
aside#myCart textarea
{
	/*-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	     -o-appearance: none;
	        appearance: none;*/

	background-color: transparent;
	border:           1px solid #b1b1b1;
	font-family: 	  MyriadProRegular, Helvetica, sans-serif;
	font-size:        1.2em;
	height:           44px;/*30px*/
	margin:           0;
	margin-bottom:    5px;
	/*margin-top:		  10px;*/
	padding:          0 6px;
	width: 			  100%;

	/*-webkit-box-shadow: inset 1px 1px 1px 0 #b1b1b1;
	   -moz-box-shadow: inset 1px 1px 1px 0 #b1b1b1;
	    -ms-box-shadow: inset 1px 1px 1px 0 #b1b1b1;
	     -o-box-shadow: inset 1px 1px 1px 0 #b1b1b1;
	        box-shadow: inset 1px 1px 1px 0 #b1b1b1;*/

	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;

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

div.content input.span_8_10[type=text]
{
	margin: 0;
	width: 80%;
}

div.content textarea
{
	padding: 6px;
}

/*div.content label + input[type=date],
div.content label + input[type=email],
div.content label + input[type=password],
div.content label + input[type=search],
div.content label + input[type=tel],
div.content label + input[type=text],
div.content label + select,
div.content label + textarea
{
	width: 60%;
}*/

div.content textarea
{
	height: 120px;
}

div.content input[type=date].failure,
div.content input[type=email].failure,
div.content input[type=password].failure,
div.content input[type=search].failure,
div.content input[type=tel].failure,
div.content input[type=text].failure,
div.content select.failure,
div.content textarea.failure
{
	border: 1px solid #c00;

	-webkit-box-shadow: inset 1px 1px 1px 0 #c00;
	   -moz-box-shadow: inset 1px 1px 1px 0 #c00;
	    -ms-box-shadow: inset 1px 1px 1px 0 #c00;
	     -o-box-shadow: inset 1px 1px 1px 0 #c00;
	        box-shadow: inset 1px 1px 1px 0 #c00;
}

div.content select.unselected
{
	color: #666;
}

div.content input[type=date]:focus,
div.content input[type=email]:focus,
div.content input[type=password]:focus,
div.content input[type=search]:focus,
div.content input[type=tel]:focus,
div.content input[type=text]:focus,
div.content select:focus,
div.content textarea:focus
{
	outline: none;
}

div.content label.placeholder
{

	background-color: transparent;
	border:           1px solid #b1b1b1;
	border-right:     0;
	color:            #a9a9a9;
	font-family: 	  MyriadProRegular, Helvetica, sans-serif;
	font-size:        1.2em;
	height:           44px !important;
	margin:           0;
	margin-bottom:    5px;
	padding:          0 6px;

	-webkit-box-shadow: inset 1px 1px 1px 0 #b1b1b1;
	   -moz-box-shadow: inset 1px 1px 1px 0 #b1b1b1;
	    -ms-box-shadow: inset 1px 1px 1px 0 #b1b1b1;
	     -o-box-shadow: inset 1px 1px 1px 0 #b1b1b1;
	        box-shadow: inset 1px 1px 1px 0 #b1b1b1;

	-webkit-border-top-left-radius: 4px;
	   -moz-border-radius-topleft:  4px;
	    -ms-border-top-left-radius: 4px;
	     -o-border-top-left-radius: 4px;
	        border-top-left-radius: 4px;

	-webkit-border-bottom-left-radius: 4px;
	   -moz-border-radius-bottomleft:  4px;
	    -ms-border-bottom-left-radius: 4px;
	     -o-border-bottom-left-radius: 4px;
	        border-bottom-left-radius: 4px;

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

div.content input[type=date].placeholder,
div.content input[type=email].placeholder,
div.content input[type=password].placeholder,
div.content input[type=search].placeholder,
div.content input[type=tel].placeholder,
div.content input[type=text].placeholder,
div.content select.placeholder,
div.content textarea.placeholder
{
	border-left: 0;

	-webkit-border-top-left-radius: 0px;
	   -moz-border-radius-topleft:  0px;
	    -ms-border-top-left-radius: 0px;
	     -o-border-top-left-radius: 0px;
	        border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 0px;
	   -moz-border-radius-bottomleft:  0px;
	    -ms-border-bottom-left-radius: 0px;
	     -o-border-bottom-left-radius: 0px;
	        border-bottom-left-radius: 0px;


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

input[type="checkbox"],
input[type="radio"   ]
{
	clear:   both;
	display: inline-block;
	height:  38px;
	margin:  5px -38px 0px 0;
	opacity: 0.0;
	width:   38px;
	
	/* Fix for extra space issue */
	position:absolute;
	left: -10000px;
}

input[type="checkbox"]+label,
input[type="radio"   ]+label,
div.content label.radio
{
	color:       #000;
	display:     inline-block;
	font-family: MyriadProRegular, Helvetica, sans-serif;
	/*font-size:   14px;*/
	height:      38px;
	line-height: 38px;
	position:    relative;
	text-align:  left;
	width:       auto;
	
	margin:      10px; 
	margin-left: 30px;
	
	margin-top: 5px;
	margin-bottom: 5px;
	
}

input[type="checkbox"]+label:before,
input[type="radio"   ]+label:before
{
	background-color: #fff;
	border:           1px solid #666;
	content:          '';
	color:            #fff;
	font-family: 	  MyriadProRegular, Helvetica, sans-serif;
	height:           18px;
	left:             -30px;
	line-height:      18px;
	position:         absolute;
	text-align:       center;
	top:              10px;
	width:            18px;

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

input[type="checkbox"][error]+label:before,
input[type="radio"   ][error]+label:before
{
	border: 2px solid #e1583a;
	height: 16px;
	width:  16px;
}

input[type="checkbox"]:focus+label:before,
input[type="radio"   ]:focus+label:before,
input[type="checkbox"]:active+label:before,
input[type="radio"   ]:active+label:before
{
	color:            #e1efd6;
	background-color: #e1efd6;
}

input[type="checkbox"] + label:before
{
	content:     '\2713';
	font-size:   20px;
	line-height: 18px;
}

input[type="radio"] + label:before
{
	border-radius: 20px;
	text-align:    left;
	content:       '\2022';
	font-size:     40px;
	line-height:   17px;
	text-indent:   2px;	
}

input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before
{
	color: #000;
}

/**************************************************************************
Form Validation
**************************************************************************/
div.validation-message
{
	background-color:    #fff;
	background-image:    url( '/images/icons/icons/message.png' );
	background-position: 5px 5px;
	background-repeat:   no-repeat;
	background-size:     16px 16px;
	border:              1px solid #b1b1b1;
	color:               #666;
	display:             none;
	margin:              5px 0;
	/*margin-top:          -6px;*/
	min-height:          16px;
	padding:             5px;
	padding-left:        26px;
	text-align:  		 left;

	-webkit-border-bottom-left-radius:  4px;
	   -moz-border-radius-bottomleft:   4px;
	    -ms-border-bottom-left-radius:  4px;
	     -o-border-bottom-left-radius:  4px;
	        border-bottom-left-radius:  4px;
	-webkit-border-bottom-right-radius: 4px;
	   -moz-border-radius-bottomright:  4px;
	    -ms-border-bottom-right-radius: 4px;
	     -o-border-bottom-right-radius: 4px;
	        border-bottom-right-radius: 4px;
}

div.validation-message.failure
{
	background-image: url( '/images/icons/icons/failure.png' );
	border:           1px solid #c00;
	color:            #c00;
	display:          block;
}

div.validation-message.success
{
	background-image: url( '/images/icons/icons/success.png' );
	border:           1px solid #0c0;
	color:            #0c0;
}

div.validation-message.active
{
	display: block;
}

/**************************************************************************
Locator Form
**************************************************************************/
div.content article.locator div.locatorForm,
div.content div.locatorForm
{
	margin: 0 auto;

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

div.content div.locatorForm input[type=password],
div.content div.locatorForm input[type=search],
div.content div.locatorForm input[type=text]
{
	margin-bottom: 0;
}

div.content article.locator div.locatorForm.marginTop 
{
	margin-top: 30px;
}

div.content div.locatorForm.marginTop 
{
	margin-top: 20px;
}

div.content article.locator p
{
	font-size:  1.2em;
	text-align: center;
}

div.content article.locator p span
{
	color: #4a843a;
}

div.content article.locator label
{
	display:    block;
	height:     44px;
	text-align: left;
}

div.content article.locator input#location,
div.content article.locator input#loc_location
{
	/*display:      block;
	margin-bottom: 0;
	width:         212px;

	width: -webkit-calc( 100% - 60px );
	width:    -moz-calc( 100% - 60px );
	width:     -ms-calc( 100% - 60px );
	width:      -o-calc( 100% - 60px );
	width:         calc( 100% - 60px );*/
}

div.content article.locator input#geolocation,
div.content article.locator input#loc_geolocation
{
	background-color:    #cabda0;
	background-size:     50px 750px, 100% 100%;
	background-position: top right;
	background-repeat:   no-repeat, repeat;
	display:             none;
	margin-bottom:       20px;
	padding-right:       62px;
	text-align:          left;
	width:               100%;

	background-image: url( '../images/mobile/icons.png' ), -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #e6dfcf ), color-stop( 1.0, #cabda0 ));
	background-image: url( '../images/mobile/icons.png' ), -webkit-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),    -moz-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),     -ms-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),      -o-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),         linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
}

div.content article.locator input#geolocation:disabled,
div.content article.locator input#loc_geolocation:disabled
{
	background-color: #a9a9a9;
	background-image: url( '../images/mobile/icons.png' );
}

html.geolocation div.content article.locator input#geolocation,
html.geolocation div.content article.locator input#loc_geolocation
{
	display: block;
}

/*div.content article.locator input#submitLocation,
div.content article.locator input#loc_submitLocation
{
	float: right;
	width: 52px;
}*/

/**************************************************************************
Signin Form
**************************************************************************/
div.content a.forgot
{
	background-color:  #cabda0;
	border:            1px solid #b1b1b1;
	color:             #000;
	display:           block;
	font-size:         1.0em;
	height:            55px;
	margin-top:        25px;
	padding:           10px;
	text-align:        center;
	text-decoration:   none;
	width:             50%;

	background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #e6dfcf ), color-stop( 1.0, #cabda0 ));
	background-image: -webkit-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:    -moz-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:     -ms-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:      -o-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:         linear-gradient( top, #e6dfcf 0%, #cabda0 100% );

	-webkit-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	   -moz-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	    -ms-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	     -o-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	        box-shadow: inset 1px 1px 1px 0 #f9f8f4;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;

	width: -webkit-calc( 50% - 3px );
	width:    -moz-calc( 50% - 3px );
	width:     -ms-calc( 50% - 3px );
	width:      -o-calc( 50% - 3px );
	width:         calc( 50% - 3px );

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

div.content a.forgot b
{
	display: block;
}

div.content a.forgot.UN
{
	float: left;
}

div.content a.forgot.PW
{
	float: right;
}

div.content div.clear
{
	clear: both;
}

/**************************************************************************
Navigation Lists
**************************************************************************/
div.content ul.navigation
{
	font-size:        1.3em;
	list-style-type:  none;
	margin:           0;
	padding:          0;
}

div.content ul.navigation li
{
	background-image:    url( '../images/mobile/icons.png' );
	background-position: right -300px;
	background-repeat:   no-repeat;
	background-size:     50px 750px;
	border-bottom:       1px solid #ccc; /*aeaeae*/
	height:              50px;
	line-height:         50px;
	margin:              0;
	padding:             0;
}

div.content ul.navigation li.active
{
	background-color: #FCF58B;
}

div.content ul.navigation li a
{
	/*background-image:    url( '../images/mobile/icons.png' );
	background-position: left 0px;
	background-repeat:   no-repeat;
	background-size:     50px 750px;*/
	color:               #3c3c3c;
	display:             block;
	height:              100%;
	padding:             0 50px;
	text-decoration:     none;
}

div.content ul.navigation.shoppingList li a
{
	background-position: left 50px;
	padding-left: 10px;
	border: 1px solid transparent;
}

div.content ul.navigation.shoppingList li a div.listData div.column:first-child
{
	border-left: 0;
}

div.content ul.navigation.shoppingList li a div.listData div.column:last-child
{
	border-right: 0;
	/*text-align: right;*/
}

div.content ul.navigation li a span
{
	color:     #948052;
	float:     right;
	font-size: 0.7em;
}

div.content ul.navigation li.active a span
{
	font-weight: normal;
}

div.content ul.navigation li a[title="View Specials"        ] { background-position: left  -50px; }
div.content ul.navigation li a[title="Search Products"      ] { background-position: left -100px; }
div.content ul.navigation li a[title="Current Shopping List"] { background-position: left -150px; }
div.content ul.navigation li a[title="My Shopping Lists"    ] { background-position: left -150px; }
div.content ul.navigation li a[title="New Products"         ] { background-position: left -200px; }
div.content ul.navigation li a[title="Event Planning"       ] { background-position: left -600px; }

div.content div.searchCTA
{
	background-color: rgba( 255, 255, 255, 0.9 );
	color:            #000;
	display:          none;
	height:           210px;
	line-height:      1.6em;
	margin:           -210px 0;
	opacity:          0;
	padding:          25px 10px;
	position:         absolute;
	text-align:       center;
	width:            100%;

	-webkit-transition: opacity 0.5s ease;
	   -moz-transition: opacity 0.5s ease;
	    -ms-transition: opacity 0.5s ease;
	     -o-transition: opacity 0.5s ease;
	        transition: opacity 0.5s ease;

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

div.content div.searchCTA.active
{
	display: block;
}

div.content div.searchCTA.opaque
{
	opacity: 1;
}

/**************************************************************************
Expert Search
**************************************************************************/

form.expertSearch div.advanced
{
	overflow: hidden;

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

a.expertSearch
{
	color: 		  	 #666;
	cursor:			 pointer;
	display: 	  	 inline-block;
	font-size: 		 12px;
	line-height: 	 18px;
	margin: 	  	 15px 0 0 0;
	padding-left: 	 25px;
	position: 	  	 relative;
	text-decoration: none;
}

a.expertSearch:before
{
	border: 	 1px solid #999;
	content: 	 '+';
	display: 	 block;
	font-size: 	 18px;
	height: 	 18px;
	left: 		 0;
	line-height: 16px;
	position: 	 absolute;
	text-align:  center;
	top: 		 0;
	width: 		 18px;
}

a.expertSearch.active:before
{
	content: '-';
	line-height: 14px;
}

a.resetForm
{
	display: block;
	font-size: 12px;
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

div.pSearchForm
{
	border: 1px solid #ccc;
	padding: 10px;
}

div.content div.pSearchForm input[type="radio"] + label
{
	border: 0;
	font-size: 1.2em;
	line-height: normal;
	height: auto;
	margin-left: 20px;
}

div.content div.pSearchForm input[type="radio"] + label:before
{
	top: 0;
	left: -20px;
}

div.pSearchForm select[name="did"]
{
	margin: 0;
}

div.pSearchForm.wide a.expertSearch:before
{
	padding-left: 1px;
	width: 		  13px;
}

div.pSearchForm div.advanced
{
	width: 80%;
}

div.pSearchForm input#showNew0,
div.pSearchForm label[for="showNew0"]
{
	margin-top: 10px;
}

span.keywords
{
	font-size: 1.5em;
	font-weight: bold;
}

span.searchNumber
{
	color: #666;
}

h1 span.searchNumber
{
	font-size: 0.5em;
	font-weight: normal;
	padding-left: 5px;
}

ul.suggestions
{
	margin-top: 5px;
}

ul.suggestions li 
{
	left: 	  -20px;
	position: relative;
}

ul.suggestions li span
{
	color: 		 #163b0d;
	/*font-weight: bold;*/
	line-height: 1.5em;
}

span.error
{
	color: #cc3300;
}

div.content input.yellowBtn.searchBtn[type="submit"]
{
	margin: 0;
	height: 42px;
	line-height: 42px;
}

.searchBtns
{
	width: 18%; width: -webkit-calc( 20% - 10px ); width: -moz-calc( 20% - 10px ); width: calc( 20% - 10px );
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm)
{
	a.expertSearch:before
	{
		line-height: 20px;
	}
}

/**************************************************************************
Collapsing Lists
**************************************************************************/
div.content ol.collapsing
{
	/*border-bottom:   1px solid #b6a884;
	border-top:      1px solid #b6a884;*/
	font-size:       1.2em;/*14px*//*1.3em*/
	list-style-type: none;
	margin:          0;
	/*margin-top:      -20px;*/
	padding:         0;
}

div.content ol.collapsing.singleItem
{
	border-bottom:   0;
	border-top:      0;
}

div.content ol.collapsing li
{
	/*background-image:    url( '../images/mobile/collapsing.png' );
	background-position: right 0px;
	background-repeat:   no-repeat;
	background-size:     37px 150px;*/
	border-bottom:       1px solid #ccc;
	/*border-top:          1px solid #b6a884;
	font-size:           0.85em;*/
	/*height:              66px;*//*51px*/
	margin:              0;
	overflow:            hidden;
	padding:             15px 10px 10px 10px;/*6px*/

	-webkit-transition: height 0.5s ease;
	   -moz-transition: height 0.5s ease;
	    -ms-transition: height 0.5s ease;
	     -o-transition: height 0.5s ease;
	        transition: height 0.5s ease;
}

div.content ol.collapsing.singleItem li
{
	background: none;
}

div.content ol.collapsing li.active
{
	background-position: right -75px;
	height:              404px;
}

/**************************************************************************
Locator Results
**************************************************************************/

div.content ol.collapsing.locator li 
{
	height: 66px;
}

div.content ol.collapsing.locator li.active
{
	border-top: 0;
	height: 	515px;
}

div.content ol.collapsing.locator li.active.tall
{
	height: 600px;
}

div.content ol.collapsing li div.image
{
	float:    left;
	height:   66px;/*51px*/
	overflow: hidden;
	width:    87px;/*93px*/

	-webkit-transition: height 0.5s ease;
	   -moz-transition: height 0.5s ease;
	    -ms-transition: height 0.5s ease;
	     -o-transition: height 0.5s ease;
	        transition: height 0.5s ease;
}

/*div.content ol.collapsing li.active div.image
{
	height: 102px;
}*/

div.content ol.collapsing li div.image img
{
	width: 93px;
}

div.content ol.collapsing li div.description,
div.content ol.collapsing li div.hours
{
	float:         right;
	margin-left:   -105px;
	overflow-x:    hidden;
	padding-left:  105px;
	padding-right: 40px;
	text-overflow: ellipsis;
	white-space:   nowrap;
	width:         100%;

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

div.content ol.collapsing li div.description
{
	position: relative;
}

div.content ol.collapsing li div.hours 
{
	padding-left: 0;
}

div.content ol.collapsing li div.hours
{
	margin-top:    10px;
	padding-right: 0;
}

div.content ol.collapsing li div.description span
{
	display: block;
	margin:  10px 0;
}

div.content ol.collapsing li div.hours span.hours
{
	/*color: #948052;*/
	font-weight: bold;
}

div.content ol.collapsing li span.weekday
{
	display: block;
	float:   left;
	width:   80px;
}

div.content ol.collapsing li div.controls
{
	clear:   both;
	height:  55px;
	padding: 6px 0;
}

div.content ol.collapsing.locator li div.controls
{
	height:  135px;/*115px*/
}

div.content ol.collapsing.locator li div.controls.tall
{
	height:  205px;
}

div.content ol.collapsing li div.controls a
{
	/*background-color:  #cabda0;
	background-size:   50px 750px, 100% 100%;
	background-repeat: no-repeat, repeat;
	border:            1px solid #b1b1b1;
	color:             #000;
	display:           block;
	font-size:         1.0em;
	height:            55px;
	padding:           10px 0 10px 40px;*/
	text-align:        center;
	/*text-decoration:   none;
	width:             50%;

	background-image: url( '../images/mobile/icons.png' ), -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #e6dfcf ), color-stop( 1.0, #cabda0 ));
	background-image: url( '../images/mobile/icons.png' ), -webkit-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),    -moz-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),     -ms-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),      -o-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),         linear-gradient( top, #e6dfcf 0%, #cabda0 100% );

	-webkit-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	   -moz-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	    -ms-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	     -o-box-shadow: inset 1px 1px 1px 0 #f9f8f4;
	        box-shadow: inset 1px 1px 1px 0 #f9f8f4;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	     -o-border-radius: 4px;
	        border-radius: 4px;

	width: -webkit-calc( 50% - 3px );
	width:    -moz-calc( 50% - 3px );
	width:     -ms-calc( 50% - 3px );
	width:      -o-calc( 50% - 3px );
	width:         calc( 50% - 3px );

	-webkit-box-sizing: border-box;
	        box-sizing: border-box;*/
}

/*div.content ol.collapsing li div.controls a.store
{
	background-position: left -350px, left top;
	float:               left;
}

div.content ol.collapsing li div.controls a.store.right
{
	float: 		   right;
	overflow: 	   hidden;
	padding-left:  50px;
	padding-right: 15px;
}

div.content ol.collapsing li div.controls a.phone
{
	background-position: left -400px, left top;
	float:               right;
}

div.content ol.collapsing li div.controls a.specials
{
	background-position: left -50px, left top;
	float:               left;
	margin-top:          5px;
}

div.content ol.collapsing li div.controls a.products
{
	background-position: left -100px, left top;
	float:               right;
	margin-top:          5px;
}*/

div.content ol.collapsing li div.controls a span
{
	display:    block;
	font-size:  18px;
}

div.content ol.collapsing li div.map
{
	height:     	208px;
	margin:     	0 auto;
	margin-bottom: 	5px;
	overflow:   	hidden;
	text-align: 	center;
	width:      	100%;
}

div.content ol.collapsing li div.map[data-rendered="false"]
{
	background-color:    rgba( 0, 0, 0, 0.5 );
	background-image:    url( '../images/mobile/loading.gif' );
	background-position: center center;
	background-repeat:   no-repeat;
	background-size:     64px 64px;
}

/**************************************************************************
Product Search Results
**************************************************************************/
div.content div.searchQuery
{
	clear:      both;
	color:      #84703d;
	margin:     5px 10px 20px 10px;
	min-height: 20px;
}

div.content div.searchQuery a
{
	color:           #5f9355;
	float:           right;
	text-decoration: none;
	text-transform:  lowercase;
}

div.content ol.collapsing.product li.header,
div.content ul.navigation.shoppingList li.header
{
	background:       none;
	background-color: #ccc; /* #e4e4e4 */
	height:           25px;
	line-height:      25px;
	padding:          0 10px;

	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	     -o-text-size-adjust: none;
	        text-size-adjust: none;
}

div.content ol.collapsing.product li.active
{
	height: 173px;
}

div.content ol.collapsing.product li div.description
{
	float:   none;
	height:  64px;
	padding: 9px 40px 15px 0;
	width:   100%;
	margin-left: 0;
}

div.content ol.collapsing.product li div.description span
{
	display: none;
}

div.content ol.collapsing.product li.active div.description span
{
	display: block;
}

div.content ol.collapsing.product li div.description div.special
{
	background-image:    url( '/images/mobile/icons.png' );
	background-position: left -50px;
	background-repeat:   no-repeat;
	background-size:     50px 750px;
	float:               left;
	height:              50px;
	margin-top:          -9px;
	overflow:            hidden;
	text-indent:         -500px;
	width:               50px;
}

div.content ol.collapsing.product li span
{
	color:   #999;
	display: block;
	line-height: 40px;
}

div.content ol.collapsing.product ul.favoritesTotal li span
{
	line-height: normal !important;
	display: inline !important;
	font-size: .9em;
}

div.content ol.collapsing.product ul.favoritesTotal li span.specialTotal,
div.content ol.collapsing.product ul.favoritesTotal li span.psItemNameBlk
{
	text-align: right;
	width: 45%;
	display: block;
	float: left;
	line-height: 17px !important;
	margin-right: 6px;
}

div.content ol.collapsing.product li ul
{
	background:      none;
	border:          0;
	height:          28px;
	list-style-type: none;
	margin:          5px 0 15px 0;
	padding:         0;
}

div.content ol.collapsing.product li ul li
{
	background: none;
	border:     0;
	float:      left;
	/*height:     100%;*/
	margin:     0;
	padding:    0;
	text-align: center;

	/*margin: 0 -80px;*/
	width: 100%;
}

div.content ol.collapsing.product li ul li:first-child,
div.content ol.collapsing.product li ul li:last-child
{
	width: 80px;
	margin: 0;
}

div.content ol.collapsing.product li div.controls a.case
{
	background-position: left -450px, left top;
	float:               left;
}

div.content ol.collapsing.product li div.controls a.unit
{
	background-position: left -500px, left top;
	float:               right;
}

div.content ol.collapsing.product li div.controls a.signin
{
	background:       none;
	background-color: #cabda0;
	padding:          10px 0;
	width:            100%;

	background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #e6dfcf ), color-stop( 1.0, #cabda0 ));
	background-image: -webkit-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:    -moz-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:     -ms-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:      -o-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image:         linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
}

div.content ol.collapsing.product li div.controls a.case.disabled,
div.content ol.collapsing.product li div.controls a.unit.disabled
{
	background: #a9a9a9;
	color:      #f9f9f9;
	padding:    10px;

	-webkit-box-shadow: inset 1px 1px 1px 0 #f9f9f9;
	   -moz-box-shadow: inset 1px 1px 1px 0 #f9f9f9;
	    -ms-box-shadow: inset 1px 1px 1px 0 #f9f9f9;
	     -o-box-shadow: inset 1px 1px 1px 0 #f9f9f9;
	        box-shadow: inset 1px 1px 1px 0 #f9f9f9;
}

/**************************************************************************
Shopping Lists and Favorites
**************************************************************************/
/*div.content article input.fullWidth,*/
div.content article input.currentShoppingList
{
	background-size:     50px 750px, 100% 100%;
	background-position: right -150px, top left;
	background-repeat:   no-repeat, repeat;
	text-align:          left;
	width:               100%;

	background-image: url( '../images/mobile/icons.png' ), -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #e6dfcf ), color-stop( 1.0, #cabda0 ));
	background-image: url( '../images/mobile/icons.png' ), -webkit-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),    -moz-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),     -ms-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),      -o-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
	background-image: url( '../images/mobile/icons.png' ),         linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
}

div.content ul.navigation.shoppingList li
{
	font-size: 0.8em;
	line-height: normal;
	overflow: hidden;
}

div.content ul.navigation.shoppingList li a h3
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.content ul.navigation.shoppingList li.header
{
	border-bottom: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div.content ul.navigation.shoppingList li span
{
	font-size: 1.0em;
}

div.content div.searchQuery span.total
{
	color:         #84703d;
	float:         right;
	font-style:    italic;
	font-weight:   bold;
	padding-right: 10px;
}

div.content ol.collapsing.product.shoppingList li.listItem
{
	background-position: right -15px;
	height:              76px;
}

div.content ol.collapsing.product.shoppingList li.listItem.psTopRow
{
	border-top: 1px solid #ccc;
}

div.content ol.collapsing.product.shoppingList li.listItem.favoritesItem
{
	height: auto;
}

div.content ol.collapsing.product.shoppingList li.header
{
	height: auto;
}

div.content ol.collapsing.product.shoppingList li.active
{
	background-position: right -90px;
	height:              110px;
}

div.content ol.collapsing.product.shoppingList li div.description
{
	height:        auto;
	margin-bottom: 10px;
	overflow:      hidden;
	padding:       0;
	text-overflow: ellipsis;
	white-space:   nowrap;
	width:         75%;
}

div.content ol.collapsing.product.shoppingList li ul li span.caseNA,
div.content ol.collapsing.product.shoppingList li ul li span.unitNA,
div.content ol.collapsing.product.shoppingList li.noCase ul li span.case,
div.content ol.collapsing.product.shoppingList li.noUnit ul li span.unit
{
	display: none;
}

div.content ol.collapsing.product.shoppingList li.noCase ul li span.caseNA,
div.content ol.collapsing.product.shoppingList li.noUnit ul li span.unitNA
{
	display: inline;
}

div.content ol.collapsing.product li ul
{
	clear: both;
}

div.content ol.collapsing.product li ul.total
{
	height:        15px;
	margin:        0;
	width:         100%;
}

div.content ol.collapsing.product li ul.total li
{
	margin-left: auto;
	text-align:  left;
	width:       33%;
}

div.content ol.collapsing.product li ul.total li span
{	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*div.content ol.collapsing.product li ul.total li:last-child
{
	float:         right;
	padding-right: 10px;
	width:         auto;
}*/

div.content ol.collapsing.product li        ul.editable,
div.content ol.collapsing.product li.active ul.static
{
	display: none;
}

div.content ol.collapsing.product li.active ul.editable,
div.content ol.collapsing.product li        ul.static
{
	display: block;
}

div.content ol.collapsing.product li input.case,
div.content ol.collapsing.product li input.unit
{
	height: 44px;
	width:  50px;
}

div.content a.postList
{
	color:           #5f9355;
	display:         block;
	margin:          15px 100px;
	text-align:      center;
	text-decoration: none;
	text-transform:  lowercase;
}

div.content ol.collapsing a.postList
{
	font-size: 0.9em;
	margin:    -10px 50px;
}

div.content ol.collapsing.product.shoppingList li.listInfo
{
	height: 35px;
}

div.content ol.collapsing.product.shoppingList li.listInfo.active
{
	height: 90px;
}

div.content ol.collapsing.product.shoppingList li.listInfo form
{
	padding-right: 40px;
}

div.content ol.collapsing.product.shoppingList li.listInfo input[type="submit"]
{
	float: right;
}

div.content ol.collapsing.product.shoppingList li.listInfo.active div.description,
div.content ol.collapsing.product.shoppingList li.listInfo.active ul.cost
{
	display: none;
}

div.content ol.collapsing.product.shoppingList li.listInfo div.description span
{
	display: inline;
}

div.content ol.collapsing.product.shoppingList li.listInfo ul.cost li,
div.content ol.collapsing.product.shoppingList li.listInfo ul.cost li:first-child
div.content ol.collapsing.product.shoppingList li.listInfo ul.cost li:last-child
{
	color:         #84703D;
	display:       block;
	float:         none;
	height:        auto;
	margin-bottom: 3px;
	margin:        0;
	padding:       0;
	padding-right: 50px;
	text-align:    left;
	width:         100%;

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

div.content ol.collapsing.product.shoppingList li.listInfo ul.cost li span
{
	float:       right;
	font-style:  italic;
	font-weight: bold;
}

div.content p.listsLegend span
{
	background-color: #FCF58B;
	border: 1px solid #333;
	display: block;
	float: left;
	height: 30px;
	margin-right: 5px;
	width: 35px;
}

div.content p.listsLegend
{
	line-height: 30px;
	padding-left: 10px;
}

div.content ul.navigation.shoppingList li a div.listData div.column,
div.content ol.collapsing.product.shoppingList li div.listInfo div.column
{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.content ol.collapsing.product.shoppingList li div.listInfo div.column:first-child
{
	border-left: 0;
	float: left !important;
}

div.content ol.collapsing.product.shoppingList li div.listInfo div.column.total
{
	border-right: 25px solid transparent;
	display: 	  none;
	text-align:   right;
	font-weight:  400;

	-webkit-transition: font-weight 0.8s;
	-moz-transition: font-weight 0.8s;
	transition: font-weight 0.8s;
}

div.content ol.collapsing.product.shoppingList li div.listInfo div.column.total.active
{
	display:  	 block;
	font-weight: 700;
}

div.specialTotal,
span.specialTotal
{
	color: #579031 !important;
}

div.psItemNameBlk,
span.psItemNameBlk
{
	color: #000 !important;
}

div.icon.special
{
	cursor: default;
	background-position: -50px -250px;
	float:               right;
	margin-right: -13px;
}

div.content ol.collapsing.product.shoppingList.searchResults li.favoritesItem div.icon.special
{
	margin-top: -13px;
}

div.icon.settings
{
	background-position:  -100px 0;
	float: right;
}

div.icon.settings.listSettings
{
	margin-top: -45px;	
}

ol.shoppingList div.icon.settings
{
	margin-right: -15px;
}

div.shoppingListModal,
div.productModal
{
	font-size: 2em;
}

div.shoppingListModal h2
{
	font-size: 1.1em;
	font-weight: normal;
}

div.shoppingListModal p,
div.productModal p
{
	color: #666;
	font-size: 0.9em;
}

div.shoppingListModal label
{
	margin-left: 2px;
}

div.shoppingListModal input.column
{
	/*border: 0;*/
}

div.shoppingListModal input.span_1_4
{
	width: 25%;
}

div.shoppingListModal input.span_3_4
{
	margin-right: 2px;
	width: 74%; width: -webkit-calc( 75% - 2px ); width: -moz-calc( 75% - 2px ); width: calc( 75% - 2px );
}

select.unitSelect.span_1_2
{
	width: 45% !important;
	margin-right: 5px;
}

div.content ol.collapsing.product li ul li.caseSelection
{
	padding-left: 10px;
}

div.content ol.collapsing.product li ul li.settingsSelection
{
	width: 25%; width: -webkit-calc( 33% - 10px ); width: -moz-calc( 33% - 10px ); width: calc( 33% - 10px );
}

ul.favoritesTotal li
{
	min-height: 60px;
}

.searchQuery.listSearchQuery
{
	float: right;
	margin-right: 35px;
	font-size: 1.2em;
	margin-bottom: 10px;
}

span.listDate
{
	display: block;
	float: left;
	margin-left: 10px;
	font-size: 1.2em;
}

select.unitSelect.span_1_2:after
{
	/*position: absolute;
	content: '\25b8';
	left: -10px;
	height: 10px;
	width: 10px;
	top: 0px;
	color: #000;*/
	
	/*-webkit-transform-origin: center center;
	   -moz-transform-origin: center center;
		-ms-transform-origin: center center;
			transform-origin: center center;

	-webkit-transform: rotate(-90deg) translate3d( 0, 0, 0 );
	   -moz-transform: rotate(-90deg) translate3d( 0, 0, 0 );
		-ms-transform: rotate(-90deg) translate3d( 0, 0, 0 );
			transform: rotate(-90deg) translate3d( 0, 0, 0 );*/
}

div.shoppingListModal input[type=submit]
{
	height: 42px;
	line-height: 42px;
}

div.shoppingListModal ol.collapsing,
div.productModal ol.collapsing
{
	margin-bottom: 0;
	list-style-type: none;
	padding: 0;
	margin-left: -5px;
	margin-right: -5px;
}

div.shoppingListModal ol.collapsing li,
div.productModal ol.collapsing li
{
	border-top: 1px solid #ccc;
	list-style-type: 0;
}

div.shoppingListModal ol.collapsing li a.emailList,
div.shoppingListModal ol.collapsing li a.textList,
div.shoppingListModal ol.collapsing li a.viewStore,
div.shoppingListModal ol.collapsing li a.deleteList,
div.productModal ol.collapsing li a.viewFlyer,
div.productModal ol.collapsing li a.favoritesLink,
div.productModal ol.collapsing li a.deleteProduct
{
	color: #000;
	display: block;
	padding: 10px 5px 10px 40px;
	position: relative;
	width: 100%;
	text-decoration: none;

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

div.shoppingListModal ol.collapsing li a.emailList:before,
div.shoppingListModal ol.collapsing li a.textList:before,
div.shoppingListModal ol.collapsing li a.viewStore:before,
div.shoppingListModal ol.collapsing li a.deleteList:before,
div.productModal ol.collapsing li a.viewFlyer:before,
div.productModal ol.collapsing li a.favoritesLink:before,
div.productModal ol.collapsing li a.deleteProduct:before
{
	background: 	 url( '/images/icons/icon_shoppinglist.png' ) center top no-repeat;
	background-size: 37px 320px;
	content: 		 "";
	height: 		 22px;
	left: 			 8px;
	position: 		 absolute;
	top:			 8px;
	width:  		 22px;
}

div.shoppingListModal ol.collapsing li a.emailList:before
{
	background-position: -7px -188px; /*-7px -176px*/
	height: 20px;
}

div.shoppingListModal ol.collapsing li a.textList:before
{
	background-position: -7px -210px; /*-7px -196px*/
}

div.shoppingListModal ol.collapsing li a.viewStore:before
{
	background-position: 3px -162px; /*3px -154px*/
}

div.productModal ol.collapsing li a.favoritesLink:before,
div.shoppingListModal ol.collapsing li a.deleteList:before
{
	background-position: -19px -166px;
	left: 11px;
}

div.productModal ol.collapsing li a.deleteProduct:before
{
	background-position: -19px -154px;
	left: 11px;
}

div.shoppingListModal ol.collapsing li div.shoppingListLink
{
	padding-top: 10px;
}

div.productModal ol.collapsing li a.viewFlyer:before
{
	background-position: -19px -220px;
}

div.productModal ol.collapsing li a.addToFavorites:before
{
	background-position: 0px -236px;
	width: 20px;
}

div.shoppingListModal ol.collapsing li.expandable a.emailList:after,
div.shoppingListModal ol.collapsing li.expandable a.textList:after
{
	content: "";
	width:   0;
	height:  0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
	border-top: 8px solid #000;
	position: absolute;
	top: 14px;
	right: 5px;
}

div.shoppingListModal ol.collapsing li.expandable
{
	overflow: hidden;
}

div.shoppingListModal ol.collapsing li.expandable p
{
	margin: 0;
}

div.shoppingListModal ol.collapsing li.expandable.active p
{
	margin: 0.5em 0;
}

div.shoppingListModal ol.collapsing li.expandable.active a:after
{
	border-top: 0;
	border-bottom: 8px solid #000;
}

div.shoppingListModal ol.collapsing li.expandable div.expandingContent
{
	max-height: 0;

	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}

div.shoppingListModal ol.collapsing li.expandable.active div.expandingContent
{
	max-height: 100000px;
	padding-bottom: 10px;
}

div.shoppingListModal ol.collapsing li.expandable div.expandingContent input[type=submit]
{
	margin-top: 10px;
}

div.productModal .column
{
	border: 0;
}

div.productModal .unit,
div.productModal .case,
div.productModal .unitCase
{
	float: left;
}

div.productModal .productPricing
{
	border-collapse: collapse;
	border: 0px;
}

div.productModal td
{
	padding: 0;
	text-align: right;
}

div.productModal .saleprice,
div.productModal .saledate,
div.content ol.collapsing.product li span.saledate
{
	color: #579031;
}

div.content ol.collapsing.product.shoppingList.searchResults ul.favoritesTotal li span.saledate
{
	display: block !important;
	width: 70px;
	text-align: center;
	position: absolute;
	right: 12px;
	bottom: -5px;
}

div.content ol.collapsing.product.shoppingList.searchResults ul.favoritesTotal li.settingsSelection
{
	overflow: visible;
	position: relative;
}

div.productModal .saleprice
{
	padding-left: 10px;
}

div.productModal .column.saledate .icon.special
{
	float: left;
    width: 35px;
    height: 38px;
    background-position: -60px -260px;
    margin-right: 0;
}

div.productModal .column.saledate
{
	position: relative;
	line-height: 32px;
	float: right;
}

div.productModal .strikethrough
{
	text-decoration: line-through;
}

div.productModal div.servingsizelabel,
div.productModal div.servingsize
{
	margin-top: 10px;
}

div.content input.addProduct[type="button"]
{
	margin: 0;
	height: 42px;
	line-height: 42px;
	position: relative;

	-webkit-transition: background-color 0.8s, color 0.8s;
	-moz-transition: background-color 0.8s, color 0.8s;
	transition: background-color 0.8s, color 0.8s;
}

div.content input.addProduct.added[type="button"],
div.content div.addBtn.addItem.added
{	
	color: transparent;
	background: 	 url( '/images/icons/icon-sprite.png' ) no-repeat;
	background-color: #579031;
	background-size: 150px 300px;
	background-position: -96px -53px;
}

aside#myCart select
{
	margin-bottom: 10px;
}

aside#myCart span.numProducts
{
	color: #999;
	line-height: 50px;
}

/**************************************************************************
Specials
**************************************************************************/
div.content h2.special
{
	color:         #000;
	font-size:     1.2em;
	margin:        0 10px;
	overflow:      hidden;
	padding:       0;
	text-overflow: ellipsis;
	text-shadow:   1px 1px 1px #fef540;
	white-space:   nowrap;
}

div.content ul.navigation.specials li
{
	line-height: 1em;
}

div.content ul.navigation.specials li a
{
	background: none;
	padding:    0 50px 0 5px;
}

div.content ul.navigation.specials li a span
{
	color:   #666666;
	display: block;
	float:   none;
}

div.content ul.navigation.specials li a span:first-child
{
	color:         #000;
	font-size:     1.0em;
	font-weight:   bold;
	margin:        7px 0 5px 0;
	overflow:      hidden;
	text-overflow: ellipsis;
	text-shadow:   1px 1px 1px #fef540;
	white-space:   nowrap;
}

div.content ul.navigation.specials li a span b
{
	color:       #856f3d;
	font-weight: normal;
}

div.content ol.collapsing.product li.hotSheetImage,
div.content ol.collapsing.product li.hotSheetProduct
{
	background: none;
	border:     0;
	height:     auto;
}

div.content ol.collapsing.product li.hotSheetImage img 
{
	max-width: 100%;
}

div.content ol.collapsing.product li.hotSheetImage
{
	text-align: center;
}

div.content ol.collapsing.product li.hotSheetProduct + li.hotSheetImage
{
	border-top: 2px solid #b6a884 !important;
}

/*div.content ol.collapsing.product li.header + li
{
	border-top: 1px solid #b6a884 !important;
}*/

div.content ol.collapsing.product li.hotSheetProduct div.description
{
	font-weight: bold;
	height:      auto;
	padding:     0;
	text-align:  center;
}

/**************************************************************************
Event Planning
**************************************************************************/
div.content ul.navigation.eventPlanning li a
{
	background-image: none;
	font-weight:      bold;
	padding-left:     10px;
}

div.content ol.collapsing.product.eventPlanning li.header
{
	height: 25px;
}

div.content ol.collapsing.product.eventPlanning li.suggested
{
	background-color: #efefef;
}

div.content ol.collapsing.product.eventPlanning li.active
{
	height: 140px;
}

div.content ol.collapsing.product.eventPlanning ul.total.notAvailable li
{
	display: none;
}

div.content ol.collapsing.product.eventPlanning ul.total.notAvailable li:last-child
{
	display: block;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo
{
	height: 50px;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo.disabled
{
	background: none;
	height:     85px;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo.active
{
	height: 195px;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo div.description span
{
	display: inline;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo ul.cost li,
div.content ol.collapsing.product.eventPlanning li.eventInfo ul.cost li:first-child
div.content ol.collapsing.product.eventPlanning li.eventInfo ul.cost li:last-child
{
	color:         #84703D;
	display:       block;
	float:         none;
	height:        auto;
	margin-bottom: 3px;
	margin:        0;
	padding:       0;
	padding-right: 50px;
	text-align:    left;
	width:         100%;

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

div.content ol.collapsing.product.eventPlanning li.eventInfo ul.cost li span
{
	float:       right;
	font-style:  italic;
	font-weight: bold;
}

div.content ol.collapsing.product.eventPlanning li span.case select,
div.content ol.collapsing.product.eventPlanning li span.unit select
{
	height: 20px;
	width:  30px;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo form
{
	padding-right: 50px;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo form input[type="submit"]
{
	float: right;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo.active div.description,
div.content ol.collapsing.product.eventPlanning li.eventInfo.active ul,
div.content ol.collapsing.product.eventPlanning li.eventInfo form
{
	display: none;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo.active form
{
	display: block;
}

div.content ol.collapsing.product.eventPlanning li.eventInfo.search.active
{
	height: 215px;
}

div.productModal img.productIcon
{
	border: 1px solid #000;
	float: left;
	height: 60px;
	margin-bottom: 10px;
	margin-right: 5px;
	width: 60px;
}

div.productModal h2.productTitle
{
	font-weight: normal;
	margin: 0;
	margin-top: -2px;
	font-size: 1.3em;
}

div.productModal span.unitlabel,
div.productModal span.caselabel
{
	width: 42px;
	display: inline-block;
	float: left;
}

div.productModal span.regprice,
div.productModal span.saleprice
{
	/*text-align: right;*/
}

/**************************************************************************
Careers Section
**************************************************************************/

div.jobListingsContainer
{
	border-bottom: 1px solid #b6a884;
	border-top:    1px solid #b6a884;
	margin-left:   -25px;
	margin-right:  -25px;
	margin-top:    15px;
}

div.storeBox
{
	border-bottom: 1px solid #b6a884;
	border-top:    1px solid #b6a884;
	padding:       6px;
}

div.storeSelectPagination form
{
	display: inline;
}

div.storeSelectPagination span
{
	color:      #948052;
	font-style: italic;
}

div.storeSelectPagination input.pageNumLink
{
	background: transparent;
	border:     0;
	display:    inline-block;
	margin:     0;
	padding:    0;

	-webkit-box-shadow: none;
	        box-shadow: none;
}

div.storeSelectPagination input.psNumSelected
{
	color:       #257810;
	font-size:   15px;
	font-weight: bold;
}

div.storeBox div.greyBox
{
	color:      #948052;
	display:    inline;
}

div.storeBox input
{
	float:      right;
	margin-top: 8px !important;
}

/**************************************************************************
Yellow Button
**************************************************************************/

a.yellowBtn,
a.yellowBtnSm,
input.yellowBtn
{
    background-color: #fefab7;
	border:           1px solid #d0c703;
	border-radius:    5px;
	color:            #000;
	cursor:           pointer;
	display:  		  block;
	font-family: 	  MyriadProBold, Helvetica, sans-serif;
	font-size:        18px;
	/*font-weight:  	  bold;*/
	height:           50px;
	margin:           0 auto;
	overflow:         hidden;
	padding:          0;
	white-space:      normal;
	width:            215px;

		/*-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 );*/

    -webkit-appearance: none;
}

a.yellowBtn,
a.yellowBtnSm
{
	line-height:  	 50px;
	text-decoration: none;
}

a.yellowBtnSm 
{
	padding-left: 62px;
	position: 	  relative;
	text-align:   left;
	width: 		  62px;
}

a.yellowBtn.marginTop 
{
	margin-top: 20px;
}

a.yellowBtn.span_1_2 
{
	width: 50%;
	width: -webkit-calc( 50% - 5px );
	width:    -moz-calc( 50% - 5px );
	width: 		   calc( 50% - 5px );
}

a.yellowBtnSm.hotSheet { width: 200px; }
a.yellowBtnSm.hotSheet.marginBottom { margin-bottom: 20px; }

a.yellowBtnSm:after
{
	background: 	 url( '/images/icons/icon_shoppinglist.png' ) center top no-repeat;
	background-size: 37px 245px;
	content: 		 "";
	height: 		 37px;
	left: 			 15px;
	position: 		 absolute;
	top:			 7px;
	width:  		 37px;
} 
 
a.yellowBtnSm.hotSheet:after { background-position: center bottom; }

a.yellowBtn.span_175,
div.content input[type="button"].yellowBtn.span_175,
div.content input[type="submit"].yellowBtn.span_175
{
	width: 175px;
}

div.listModal a.yellowBtn.span_175
{
	line-height: 	 50px;
	margin: 	 	 0 auto;
	text-decoration: none;
}

input.yellowBtn.autoWidth,
a.yellowBtn.autoWidth
{
	padding-left:  10px;
	padding-right: 10px;
	width: auto !important;
}

a.yellowBtn.shoppingListBtn
{
	line-height: normal;
	font-size: 1em;
	padding-left: 15px;
	padding-right: 15px;
}

a.yellowBtn.shoppingListBtn span
{
	margin-top: 5px;
}

a.yellowBtn.shoppingListBtn.singleLine span
{
	line-height: 50px;
	margin-top:  0;
}

div.controls a.yellowBtn,
a.yellowBtn.icon
{
	font-size:     	 14px;
	font-weight:   	 normal;
	height: 	   	 33px;
	line-height:   	 1.2em;
	margin-top:    	 10px;
	padding: 	   	 11px 5px 11px 40px;
	position:  	   	 relative;
	text-align:    	 center;
	text-decoration: none;

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

a.yellowBtn.icon.large 
{
	width: 80%;
	width: -webkit-calc( 80% - 50px );
	width:    -moz-calc( 80% - 50px );
	width: 		   calc( 80% - 50px );
}

a.yellowBtn.singleLine
{
	font-size:   18px;
	line-height: 33px;
}

a.yellowBtn.multiLine
{
	font-size:     14px;
	font-weight:   normal;
	height: 	   33px;
	line-height:   1.2em;
	margin-top:    10px;
	padding: 	   11px 0;
	text-align:    center;
}

a.yellowBtn span 
{
	display:     block;
	font-size:   16px;
	font-weight: bold;
}

a.yellowBtn.icon:before
{
	background: 	 url( '/images/icons/icon-sprite.png' ) no-repeat;
	background-size: 150px 300px;
	content: 		 '';
	height: 		 50px;
	left: 			 7px;
	position: 		 absolute;
	top: 			 0;
	width: 			 50px;
}

a.yellowBtn.icon.location:before { background-position:   0px 	 0px; }
a.yellowBtn.icon.search:before   { background-position:   0px -200px; }
a.yellowBtn.icon.specials:before { background-position:   0px  -50px; }
a.yellowBtn.icon.new:before 	 { background-position:   0px -100px; }
a.yellowBtn.icon.call:before 	 { background-position: -50px  -50px; }

div.controls a.yellowBtn.icon:before,
a.yellowBtn.singleLine:before
{
	background-size: 105px 210px;
	height: 		 35px;
	top: 			 10px;
	width: 			 35px;
}

a.yellowBtn.icon.specials.singleLine
{
	max-width: 405px;
}

a.yellowBtn.icon.specials.singleLine:before   { background-position:   0px  -35px; }
div.controls a.yellowBtn.icon.search:before   { background-position:   0px -140px; }
div.controls a.yellowBtn.icon.specials:before { background-position:   0px  -35px; }
div.controls a.yellowBtn.icon.new:before 	  { background-position:   0px  -70px; }
div.controls a.yellowBtn.icon.call:before 	  { background-position: -35px  -35px; }
div.controls a.yellowBtn.icon.location:before 
{ 
	background-position: 0px 0px; 
	left: 				 4px;
}

div.controls a.yellowBtn.icon.clickCarry:before
{
	background: 	 url('/images/icons/icon_clickCarrySm.png' ) center center no-repeat;
	background-size: 45px 37px;
	height: 		 37px;
	top: 			 9px;
	width: 			 45px;
}

a.yellowBtn.addMargin
{
	margin: 20px auto;
}

/**************************************************************************
Icons
**************************************************************************/
div.icon,
span.icon
{
	background: 	 url( '/images/icons/icon-sprite.png' ) center center no-repeat;
	background-size: 150px 300px;
	color: 			 #498639;
	cursor:  		 pointer;
	font-size: 		 12px;
	height: 		 50px;
	width: 			 50px;
}

div.icon.location { background-position: 0      0; right: -10px; }
div.icon.shopping { background-position: 0 -150px; }

div.icon.absolute 
{
	position: absolute;
	top: 	  54px;
	z-index:  95;
}

div.icon.location.absolute { right:  0px; }
div.icon.shopping.absolute { right: 70px; top: 8px; }

div.icon.cart,
span.icon.cart
{
	background-position: 0 -150px;
	height: 50px;
	width: 50px;
}

div.icon.cart.absolute
{
	position: absolute;
	top: 10px;
	right: 70px;
}

span.icon.cart.mini
{
	zoom: .4;
	-moz-transform: scale(.4);
	display: inline-block;
	margin: -6px;
}

a.largeIcon 
{ 
	display: 	 	 block;
	margin:   	 	 30px auto;
	padding-top: 	 42px;
	position: 	 	 relative;
	text-align:  	 center;
	text-decoration: none;
}

a.largeIcon span
{
	display:     block;
	font-size:   16px;
	font-weight: bold;
}

a.largeIcon:after
{
	background: 	 	 url( '/images/icons/icon-sprite.png' ) center center no-repeat;
	background-position: -50px -150px;
	background-size: 	 150px 300px;
	content:  		 	 '';
	height: 		 	 50px;
	left: 			 	 50%;	
  	margin-left: 	 	 -25px;	
	position: 		 	 absolute;
	top: 				 -4px;
	width: 			 	 50px;
}

a.largeIcon.register:after 	{ background-position: -50px -150px; }
a.largeIcon.specials:after 	{ background-position:   0px  -50px; }
a.largeIcon.search:after 	{ background-position:   0px -200px; }
a.largeIcon.new:after 		{ background-position:   0px -100px; }
a.largeIcon.list:after 		{ background-position:   0px -150px; }
a.largeIcon.event:after 	{ background-position: -50px -200px; }
a.largeIcon.location:after 	{ background-position:   0px    0px; }
a.largeIcon.favorite:after 	{ background-position:   0px -250px; }
a.largeIcon.login:after 	{ background-position: -50px -100px; }

/**************************************************************************
Modal
**************************************************************************/

div.modalWrapper
{
	background-color: rgba( 0, 0, 0, 0.5 );
	display: 		  none;
	height:  		  100%;
	bottom:           25px;
	left: 	  		  0;
	position: 		  fixed;
	top: 	  		  0;
	width:    		  100%;
	z-index:  		  999;
	overflow-y:       auto;
}

div.modalWrapper.active
{
	display: block;
}

div.listModal,
div.signinModal
{
	background-color: #fff;
	display: 		  none;
	font-size:  	  12px;
	margin: 		  0 auto;
	padding: 		  20px 20px 25px 20px;
	position: 		  relative;
	text-align:  	  left;
	top: 			  25px;
	z-index: 		  9999999;

	width: 80%;
	width: -webkit-calc( 100% - 80px );
	width:    -moz-calc( 100% - 80px );
	width:     -ms-calc( 100% - 80px );
	width:      -o-calc( 100% - 80px );
	width:         calc( 100% - 80px );

	-webkit-box-shadow: 3px 3px 3px 0px rgba( 0, 0, 0, 0.75 );
       -moz-box-shadow: 3px 3px 3px 0px rgba( 0, 0, 0, 0.75 );
            box-shadow: 3px 3px 3px 0px rgba( 0, 0, 0, 0.75 );
}

div.signinModal
{
	max-width: 350px;
}

div.listModal.active,
div.signinModal.active
{
	display: block;
}

div.listModal label.inputLabel,
div.signinModal label.inputLabel
{
	display: block;
}

div.listModal input.modalInput,
div.signinModal input.modalInput
{
	font-size: 	14px;
	margin: 	2px 0 10px 0;
	padding: 	6px 2px;
	width: 		100%;

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

div.listModal a.closeModal,
div.signinModal a.closeModal
{
	background: 	 url( '/images/icons/icon_shopControls.png' ) -26px top no-repeat;
	background-size: 78px 78px;
	cursor: 		 pointer;
	display: 		 block;
	float: 		     right;
	height: 	 	 26px;
	margin-bottom:   5px;
	text-decoration: none;
	width:  	 	 26px;
}

div.listModal a.closeModal:hover,
div.signinModal a.closeModal:hover
{
	background-position: -26px -26px;
}

div.signinModal input[type="submit"] { margin-bottom: 15px; }
div.signinModal a.yellowBtn 		 { margin-top:    15px; }

div.listModal div.center
{
	clear:      both;
	text-align: center;
}

div.listModal div.center p
{
	color: 	   	 #333;
	font-size: 	 18px;
	line-height: 20px;
	margin:	   	 40px 0;
	padding: 	 0 20px;
}

div.listModal div.center span 
{
	color:     #333;
	font-size: 24px;
}

div.listModal div.center span.yellow 
{
	color: 	   		#fef200;
	display:   		block;
	font-size: 		48px;
	font-weight: 	bold;

	text-shadow:
		-1px -1px 0 #333,  
		1px -1px 0 #333,
		-1px 1px 0 #333,
		1px 1px 0 #333;
}

div.listModal a.modalLink
{
	color: 	  		 #666;
	cursor:   		 pointer;
	display:  		 block;
	font-size: 		 14px;
	margin-top:  	 20px;
	text-decoration: underline;
}

div.listModal input[type="checkbox"] + label,
div.listModal input[type="radio"] + label
{
	padding-left: 30px;
}

div.listModal input[type="checkbox"] + label:before,
div.listModal input[type="radio"] + label:before
{
	left: 0;
}

body.modalOpen
{
	overflow: hidden;
}

/**************************************************************************
Weekly Specials
**************************************************************************/
div.weeklySpecials 
{
	background-color: #4a843a; 
	background-size:  285px 70px;
	display: 		  table;
	height: 		  50px;
	text-align:  	  center;
	width: 			  100%;
}

div.imgWrapper 
{
	display: 		table-cell;
	height: 		50px;
	vertical-align: middle;
	width: 			100%;
}

div.weeklySpecials img 
{
	max-width: 450px;
	width: 	   80%;
}

div.specialsLanding 
{
	margin: 0 10px;
}

div.specialsLanding a.cpBtn
{
	background-color: #e2e2e2;
	color: 			  #000;
	display: 		  block;
	font-size: 		  12px;
	height: 		  50px;
	margin-top:		  2px;
	padding:		  0 20px 0 10px;
	text-decoration:  none;

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

div.specialsLanding a.cpBtn:hover,
div.specialsLanding a.cpBtn.cpBtnActive
{
	background-color: #f0f0f0;
}

div.specialsLanding a.cpBtn div 
{
	display: 		table-cell;
	height: 		50px;
	vertical-align: middle;
	width: 			100%; 
}

div.specialsLanding a.cpBtn div.priceTag
{
	color: 	 	  #fff;
	display: 	  block;
	font-size: 	  15px;
	font-weight:  bold;
	height:  	  20px;
	line-height:  20px;
	padding-left: 5px;
	position:     relative;
	text-align:   left;
	width:   	  30px;
}

div.specialsLanding a.cpBtn div.priceTag:after 
{
	content: 	   '';
	border-bottom: 10px solid transparent;
	border-top:    10px solid transparent;
	display: 	   block;
	height: 	   0;
	position: 	   absolute;
	right: 		   -10px;
	top:		   0;
	width: 		   0;
}

div.specialsLanding a.cpBtn div.priceTag.blue  { background-color: #3c6895; }
div.specialsLanding a.cpBtn div.priceTag.green { background-color: #4a843a; }

div.specialsLanding a.cpBtn div.priceTag.blue:after  { border-left: 10px solid #3c6895; }
div.specialsLanding a.cpBtn div.priceTag.green:after { border-left: 10px solid #4a843a; }

div.specialsLanding a.cpBtn div.left  { float: none; padding-right: 10px; text-align: left;  }
div.specialsLanding a.cpBtn div.right { float: none; padding-left:  10px; text-align: right; }

div.addItemCase
{
	padding-top: 10px;
}

.hsBoxImg
{
	border:    1px solid black;
	max-width: 450px;

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

.hsBoxLabel, .hsBoxLabel2
{
	background-color: #e0e0e0;
	color: 		 	  #333;
	font-size: 	 	  12px;
	font-weight: 	  bold;
	margin: 		  0 auto;
	max-width:  	  432px;
	padding: 	 	  10px;/*6px 0px 6px 5px*/

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

.hsBoxLabel
{
	border-bottom: 1px solid #787878;
}

.hsBoxLabel2
{
	margin-bottom: 11px;
}

.hsSubItems
{
	left: 	  0;
	position: relative;
	top: 	  -4px;
	width: 	  100%;
	z-index:  5;
}

.hsSubItems table tr td 
{
	text-align: left;
}

.hsSubItems table tr td p 
{
	font-size: 16px;
}

.hsBoxLabel .addBtn, .hsBoxLabel2 .addBtn
{
	font-size:   12px;
	font-weight: normal;
}

div.addBtn
{
	background-color: #fefab7;
	border:           1px solid #d0c703;
	border-radius:    5px;
	color: 			  #000;
	cursor:  		  pointer;
	display: 		  inline-block;
	height: 		  42px;
	line-height: 	  42px;
	text-align: 	  center;
	width: 			  80px;

    -webkit-transition: background-color 0.8s, color 0.8s;
	   -moz-transition: background-color 0.8s, color 0.8s;
			transition: background-color 0.8s, color 0.8s;
}

@-moz-document url-prefix() 
{ 
	td.itemSelect div.addBtn
	{
		position: relative;
		top: 	  -2px;
	}
}

div.addBtn span
{
	font-size:   16px;
	font-weight: bold;
}

a.star,
div.star
{
	background:  	 url( '/images/icons/icon_shopControls.png' ) left -26px no-repeat;
	background-size: 78px 78px;
	cursor:  		 pointer;
	display: 	 	 block;
	float:  		 right;
	height: 	 	 26px;
	margin-right:    5px;
	width:  	 	 26px;
}

a.star:hover,
div.star:hover
{
	background-position: left bottom;
}

a.star.active,
div.star.active
{
	background-position: left bottom;
}

a.star.active:hover,
div.star.active:hover
{
	background-position: left -26px;
}

div.content .addItemCase select 
{
	background-color: #fff;
	float:  		  left;
	margin-right:  	  10px;
	width: 			  60px;
}

.itemContainer
{
	border:    1px solid #999;
	margin:    0 auto 20px;
	max-width: 260px;
	padding:   10px;
	
	width: 90%;
	width: -webkit-calc( 100% - 22px );
	width:    -moz-calc( 100% - 22px );
	width: 		   calc( 100% - 22px );
}

.itemContainer h2
{
	margin-bottom: 10px;
	max-width:     260px;
}

.itemContainer img 
{
	max-width: 100%;
}

.itemContainer .selectContainer
{
	clear: 		   both;
	margin-bottom: 5px;
}

.itemContainer span.red
{
	color: 		  #E72B20;
	display: 	  inline-block;
	float: 		  left;
	line-height:  42px;
	margin: 	  10px 10px 0 0;
}

.itemContainer select
{
	margin-right: 5px;
}

.itemContainer .favorite
{
	color: 	#999;
	margin: 10px 0 30px 0;
}

.itemContainer .favorite.last
{
	margin-bottom: 0;
}

.itemContainer .favorite .star
{
	display:  inline-block;
	float: 	  none;
	position: relative;
	top: 	  6px;
}

div.content .itemContainer select 
{
	width: auto;
}

/**************************************************************************
My Smart Card
**************************************************************************/

#barcode
{
	margin: 0px auto;
}

.barCodeCard
{
	margin: 25px 0;
	width: 215px;
}

/**************************************************************************
Footer & Secondary Navigation
**************************************************************************/
footer
{
	/*background-color: #e6e6e6;
	border-top:       1px solid #3c3c3c;
	height:           49px;
	position:         absolute;
	top:              100%;
	width:            100%;
	z-index:          100;

	-webkit-transition: top 0.5s ease;
	   -moz-transition: top 0.5s ease;
	    -ms-transition: top 0.5s ease;
	     -o-transition: top 0.5s ease;
	        transition: top 0.5s ease;*/
}

footer ul
{
	height:          100%;
	list-style-type: none;
	margin:          0;
	padding:         0;
}

footer ul li
{
	background-color: #e6e6e6;
	float:            left;
	height:           100%;
	margin:           0;
	padding:          0;
	width:            100%;

	background: -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #fff ), color-stop( 0.40, #e6e6e6 ));
	background: -webkit-linear-gradient( top, #fff 0%, #e6e6e6 40% );
	background:    -moz-linear-gradient( top, #fff 0%, #e6e6e6 40% );
	background:     -ms-linear-gradient( top, #fff 0%, #e6e6e6 40% );
	background:      -o-linear-gradient( top, #fff 0%, #e6e6e6 40% );
	background:         linear-gradient( top, #fff 0%, #e6e6e6 40% );
}

footer ul li:first-child,
footer ul li:last-child
{
	position: absolute;
	top:      0;
	width:    94px;
}


footer ul li:first-child
{
	border-right: 1px solid #3c3c3c;
	left:         0;
}

footer ul li:last-child
{
	border-left: 1px solid #3c3c3c;
	right:       0;
}

footer ul li a
{
	color:           #3c3c3c;
	display:         block;
	font-size:       1.9em;
	font-weight:     bold;
	height:          100%;
	line-height:     49px;
	text-align:      center;
	text-decoration: none;
	width:           100%;
}

/**************************************************************************
CMS page tables
**************************************************************************/

table.scaleMobile
{
	width: 100% !important;
}

table.scaleMobile td
{
	display:  block;
	position: relative;
	padding:  10px 0;
	width: 	  100% !important;
}

table.scaleMobile td img
{
	float: none !important;
}

/**************************************************************************
Retina-specific Image Replacement
**************************************************************************/
@media only screen and ( -webkit-device-pixel-ratio: 2 ),
	only screen and ( min-resolution: 192dpi ),
	only screen and ( min-resolution: 2dppx  )
{
	header h1                                                        { background-image: url( '../images/mobile/logo-2x.png'       ); }
	header a.menu 													 { background-image: url( '../images/mobile/menu-2x.png' 	   ); }
	/*div.content ol.collapsing li                                     { background-image: url( '../images/mobile/collapsing-2x.png' ); }*/

	div#loading,
	div.content ol.collapsing li div.map[data-rendered="false"],
	div.content ol.collapsing li div.special[data-rendered="false"]  { background-image: url( '../images/mobile/loading-2x.gif'    ); }

	div.content ul.navigation li { background-image: url( '../images/mobile/icons-2x.png' ); }
	div.content input.addProduct.added[type="button"],
	div.content div.addBtn.addItem.added 							 { background-image: url( '/images/icons/icon-sprite-2x.png' ) no-repeat; }
	/*a.specials                                                       { background-image: url( '../images/mobile/specials-2x.jpg'   ); }*/

	/*aside div.full,
	aside div.partial,
	div.content article.locator input#geolocation:disabled,
	div.content article.locator input#loc_geolocation:disabled,
	div.content ul.navigation li,
	div.content ul.navigation li a,
	div.content ol.collapsing.product li div.description div.special { background-image: url( '../images/mobile/icons-2x.png'      ); }

	aside div.full div.controls a,
	div.content article.locator input#geolocation,
	div.content article.locator input#loc_geolocation,
	div.content ol.collapsing li div.controls a,
	div.content article input.fullWidth,
	div.content article input.currentShoppingList { background-image: url( '../images/mobile/icons-2x.png' ), -webkit-gradient( linear, left top, left bottom, color-stop( 0.0, #e6dfcf ), color-stop( 1.0, #cabda0 ));
                                                    background-image: url( '../images/mobile/icons-2x.png' ), -webkit-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
                                                    background-image: url( '../images/mobile/icons-2x.png' ),    -moz-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
                                                    background-image: url( '../images/mobile/icons-2x.png' ),     -ms-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
                                                    background-image: url( '../images/mobile/icons-2x.png' ),      -o-linear-gradient( top, #e6dfcf 0%, #cabda0 100% );
                                                    background-image: url( '../images/mobile/icons-2x.png' ),         linear-gradient( top, #e6dfcf 0%, #cabda0 100% ); }*/

	a.yellowBtnSm:after,
	div.shoppingListModal ol.collapsing li a.emailList:before,
	div.shoppingListModal ol.collapsing li a.textList:before,
	div.shoppingListModal ol.collapsing li a.viewStore:before,
	div.shoppingListModal ol.collapsing li a.deleteList:before,
	div.productModal ol.collapsing li a.viewFlyer:before,
	div.productModal ol.collapsing li a.favoritesLink:before
	{ background-image: url( '/images/icons/icon_shoppinglist_r.png' ); }

	div.icon,
	a.largeIcon:after { background-image: url( '/images/icons/icon-sprite-2x.png' ); }

	div.listModal a.closeModal
	{
		background-image: 	 url( '/images/icons/icon_shopControls_r.png' );
	}
}

@media only screen and ( max-width: 400px )
{
	div.banner 
	{
		font-size: 16px;
	}
}

@media only screen and ( max-width: 350px )
{
	ol.shoppingList input.addProduct
	{
		padding-left: 1px !important;
		padding-right: 2px !important;
		font-size: 0.8em;
	}
}