header
{
	background-color: rgba(255,255,255,0.85);
	height: 80px;
	/*line-height: 80px;*/
	/*overflow: hidden;*/
	position:fixed;
	top: 0;
	width:100%;
	/*margin-top:-100px;*/
	z-index:9999;
}
@media(min-width: 1000px)
{
	header
	{
		height: 100px;
		background-color: rgba(255,255,255,0.85);
		line-height: 100px;
		margin-top: 0;
		position:fixed;
	}
	header .container .menu, header .container .extras
	{
		margin-top: 100px;
		/*padding-bottom: 100px;*/
	}
}

header img
{
	vertical-align: middle;
}
header a
{
	text-decoration: none;
}


header .logo
{
	/*width: 40%;*/
	width: 50%;
	line-height: initial;
	text-align: center;
	margin-top: 14px
}
.logo img
{
	max-height: 46px;
}
header .extras 
{
	/*width: 45%;*/
	width: 25%;
}
header .container > div, .hours, .socialItems
{
	float: left;
}
header .hours h3, header .mobileHours h3
{
	font-size: 12px;
	/*toggle the colors for store hours area*/
	color: #848688;
	/*color: #fff;*/
	line-height: 1;
	/*display: table-cell; */
  	vertical-align: middle; 
  	text-align: center;
}
.hours
{
	display: none;
	/*max-width: 84px;*/
	padding-left: 10px;
	height: 80px;
	/*display: table; */
	width: 50%;
}
.mobileHours
{
	display: block;
	/*float: left;*/
	
	/*margin-top: 5px;*/
	margin-top: 2px;
	text-align: center;
}
.mobileHours h3
{
	/*font-family: "tablet-gothic-semi-condensed", sans-serif;*/
	font-family: "news-gothic-std";
	font-weight: 400;
}
.mobileSocial
{
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.extras .mobileSocial a img
{
	max-width: none;
	height: 21px;
	margin: 0;
}
#mobileSocial .mm-navbar-content-3 > *
{
	width: auto;
	margin-left: 20px;
}
#mobileSocial .mm-navbar-top-2
{
	/*top: 0;*/
	/*padding: 10px 20px;*/
}
#mobileSocial img
{
	height: 25px;
}
#mobileSocial #panel1, #mobileSocial #panel2, #mobileSocial #panel3
{
	display: none;
}

.padCells{
	padding:4px;
	}
@media(min-width: 1000px)
{
	.mobileSocial
	{
		display: none;
	}
	.mobileHours
	{
		display: none;
	}
	.hours
	{
		height: 100px;
		width: auto;
    	margin-left: 33px;
    	display: table;
    }
    header .hours h3
    {
    	/*color: #fff;*/
    	display: table-cell;
    
	}
	
}

.socialItems
{
	margin-top: 12px;
	width: 100%;
	text-align: center;
	float: right;
}
@media(min-width: 1000px)
{
	.socialItems
	{
		width: 50%;
		text-align: right;
		color: #fff;

	}
}

.socialItems a:not(.desktop)
{
	/*display: block;*/
	/*float: left;*/
	/*width: 50%;*/
	display: inline-block;
}
.extras
{
	padding: 0 5px;
}
header .extras img
{

	max-width: 20px;
	margin-left: 5px;
}
@media(max-width: 500px)
{
	header .extras img
	{
		/*max-width: 20px;*/
	}
	
}
.logo a
{
	display: block;
	text-align: center;
}
#fb-root, #twitter-root, #wifi-box, #instafeed
{
	display: none;
}
#wifi-box
{
	position: absolute;
	top: 100%;
	right: 0;
	width: 190px;
	background-color: #ffffff;
	-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75); 
	text-align: center;
	color: #848688;
	padding:10px;
	margin-top: 5px;
	line-height: 1;
	z-index: 1000;
	text-transform: uppercase;
}
#wifi-box h1
{
	font-size: 30px;
}
#wifi-box h3
{
	font-weight: normal;
	font-size: .9em;
}
#wifi
{
	/*display: none !important; */
	/*remove this once their wifi is back up*/
}
@media(min-width: 1000px)
{
	
	
	header .logo
	{
		width: 25%;
		margin-top: 27px;
	}
	header .logo img
	{
		margin: 0 auto;
	}
	header .extras
	{
		width: 37.5%;
		padding-right: 0;
	}
	header .extras img
	{
		/*height: 30px;*/
		max-height: 25px;
		max-width: 100%;
		margin-left: 5px;
		margin-right: 0;
	}
	header .socialItems a:first-child img
	{
		margin-left: 0;
	}
	.socialItems
	{
		position: relative;
		/*width: 60%;*/
		width: auto;
		line-height: 1;
    	margin-top: 40px;
	}
	.socialItems a, .socialItems .desktop
	{
		display: inline-block;
		/*color: #848688;*/
		color: #ffffff;
	}
	.socialItems a:not(.desktop)
	{
		display: inline-block;
		float: none;
		width: auto;
	}
	.socialItems span, #eclub span
	{
		font-size: 12px;
		display: none;
	}

	.socialItems a:hover
	{
		cursor: pointer;
	}

	#fb-root
	{
		z-index: 1000;
		background-color: #ffffff;
		position: absolute;
		top: 100%;
		left: 0;
		-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75); 
		width: 250px;
		margin-top: 5px;
		font-size: 12px;
		height: 250px;
		overflow-y: scroll;

	}

	#fb-root a
	{
		float: left;
	}
	#fb-root .events.story .events-content.story-content
	{
		padding-left: 0;
	}
	#fb-root .story-content, #fb-root .facebook-wall.single-column .events .event-details
	{
    	padding-left: 40px;

	}
	#fb-root .event img
	{
		margin-left: 0;
	}

	#twitter-root
	{
		margin-top: 5px;
		position: absolute;
		top: 100%;
		z-index: 1000;
		left: 0;
		width: 250px;
		-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75); 
	}
	
	#instafeed
	{
		z-index: 1000;
		background-color: #ffffff;
		position: absolute;
		top: 100%;
		left: 0;
		-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.75); 
		width: 250px;
		margin-top: 5px;
		font-size: 12px;
		height: 250px;
		overflow-y: scroll;
	}
	#instafeed a
	{
		width: 46%;
		margin: 2%;
		float: left;
	}
	#instafeed img
	{
		width: 100%;
		height: auto;
		
		max-height: none;
		max-width: none;
		margin:0;

	}
}



/*careers page specific*/

.careerInfo table
{
	width: 100%;
	table-layout: fixed;
}
.careerInfo td
{
	vertical-align: top;
	padding: 0;
}
.careerInfo td:first-child
{
	width: 30%;
}
.careerInfo p
{
	margin: 0;
}
.careerDiv:hover
{
	background-color: #ebebeb;
}
.careers:hover *
{
	color: #981c1f;
	
}
.jobTitle
{
	margin-bottom: 5px;
}
.postedOn
{
	margin-top: 0;
}
.careerInfo ul
{
	padding-left: 30px;
}
.careerInfo
{
	margin-bottom: 10px;
}
.careerDiv
{
	width: 100%;
	float: none;
	border-bottom: 1px solid #848688;
	padding: 0 10px;
}
.careerDiv:last-child
{
	border-bottom: none;
}
@media(min-width: 700px)
{
	.careerDiv
	{
	    width: 45%;
	    float: left;
	    padding: 0 10px;
	    margin: 2.5%;
	    border: 1px solid #848688;
	}
	.careerDiv:last-child
	{
	   	border-bottom: 1px solid #848688;
	}
}

/*hours page*/
.hoursTable
{
	width: 100%;
	border-collapse: collapse;
}

.hoursTable tr:last-child td
{
	border-bottom: 0;
}
@media(min-width: 1000px)
{
	.hoursTable
	{
		/*width: auto;*/
	}	
	
	.hoursTable tr:last-child td
	{
		border-bottom: 1px solid #848688;
	}
}

.hoursTable td:first-child
{
	padding-right: 10px;
	font-weight: bold;
}
.hoursTable td
{
	padding: 5px 0;
	border-bottom: 1px solid #848688;
	vertical-align: middle;
}





/*stores page stuff*/

/*h4 is view stores by criteria line*/
.stores h4.internalContent
{
	width: 80%;
}
.stores h4
{
	text-transform: uppercase;
	padding-bottom: 10px;
	font-weight: normal;
}
.stores h4 a
{
	padding: 0 6px;
	text-decoration: none;
	/*color: #fff;*/
	color: #848688;
}
.stores h4 a:focus
{
	border-top: 2px solid #fff;
}
.stores h4 a.active
{	
   /*border-bottom: 2px solid #fff;*/
   border-bottom: 2px solid #848688;
}

.stores a
{
	color: #848688;
	text-decoration: none;
}
.stores h4 a:hover
{
	/*color: #BA1F1A;*/
	border-top: 2px solid #848688;
	/*border-top: 2px solid #fff;*/
}
/*h3 is side nav for letters*/
.stores .store_nav a
{
	display: block;	
	padding-right: 5px;
}
.stores .store_nav
{
	width: 10%;
	padding-right: 10px;
	border-right: 1px solid #848688;
	float: left;
}

.stores .store_nav a.active
{
	font-size: 30px;
}

.stores img
{
	max-width: none;
}

.readmore
{
	/*width: 150px;*/
	background-color: #BA1F1A;
	/*background-color: #fff;*/
	float: right;
	vertical-align:bottom;
	position:relative;
	z-index:100;
	/*border:1px solid #BA1F1A;*/
	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 10px 0px rgba(50, 50, 50, 0.75);
	/*border-right: 20px solid #5D0B00;*/
}
/*mobile*/
.stores .readmore
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.readmore a
{
	color: #FFFFFF;
	/*color: #BA1F1A;*/
	/*text-transform: uppercase;*/
	padding:5px 10px;
	display: block;
	/*text-decoration: none;*/
}
.readmore:hover
{
	background-color: #981c1f;
}
.readmore:hover a
{
	color: #fff;
}

.readmore_mobile
{
	background-color: #981c1f;
	z-index:100;
	-webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 10px 0px rgba(50, 50, 50, 0.75);
}
.readmore_mobile a
{
	color: #fff;
	padding:5px 10px;
	display: block;
}
.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 10px;
}

@media(min-width: 1000px)
{

	.readmore
	{
		margin-top: 10px;
	}
}

.categoryNav .active
{
	color: #981c1f;
}
.categoryNav a:hover
{
	color: #981c1f;
}
.categoryNav
{
	/*border-right: 1px solid #848688;*/
	width: 40%;
	/*float: left;*/
}
.categoryNav p
{
	margin: 10px 10px 10px 0;
}
.categoryResults
{
	border-left: 1px solid #848688;
	width: 60%;
	/*float: left;*/
}
.store_results.categoryResults table
{
	width: 100%;
}
.store_results.categoryResults td:not(.desktop)
{
	display: block;
	padding:2px 5px 2px 10px;
	width: 100%;
}
.categoryResults, .categoryNav
{
	display: table-cell;
	padding-top: 20px;
}
@media(min-width: 1000px)
{
	.categoryNav
	{
		width: 300px;
	}
	.categoryResults
	{
		width: 668px;
	}
	.store_results.categoryResults td:not(.desktop)
	{
		width: auto;
		display: table-cell;
		border-bottom: 1px dotted #ebebeb;
	}	
	.store_results.categoryResults td
	{
		padding: 5px 10px;	
		border:none;
	}

}

#map
{
	position: relative;
}
.containerdiv 
{ 
	float: left; 
	position: relative; 
	background-color:#FFFFFF; 
	width:100%; 
	padding:10px 0px;
} 
.minimapPin 
{ 
	position: absolute; 
	padding: 0px;
	border:none; 
	z-index:2; 
} 
.individual-store-nav
{
	padding:10px 0;
}
.individual-store-nav a
{
	text-decoration: none;
	color: #848688;
	font-size: 16px;
	
}
.individual-store-nav a:hover
{
	text-decoration: underline;
}
.individual-store-nav .active-store-nav
{
	color: #981c1f;
}
.individual-store-nav .in-active-store-nav
{
	color: #e7e7e7;
}
@media(min-width: 1000px)
{
	
	.stores .store_nav
	{
		width: 100%;		
		border-right: none;
	}
	.stores .store_nav a
	{
		display: inline;
	}
	
}

.fancybox-desktop h1, .fancybox-desktop h2
{
	text-transform: uppercase;
}
.fancybox-desktop h2
{
	font-weight: 400;
}
 .fancybox-skin 
 { 
 	background: #fff !important;
 	/*background: rgba(255,255,255,0.8) !important; */
 } 



 .mall-info iframe
 {
 	margin-top: 16px;
 }

 .privacy a
 {
 	font-size: 12px;
 }

.giftcardLinks a
{
	display: block;
	background-color: #848688;
	color: #fff;
	padding: 5px 10px 5px 20px;
	text-decoration: none;
	border: 1px solid #fff;
	font-weight: 300;
	/*height: 30px;*/
	/*line-height: 30px;*/
}	
.giftcardLinks a:hover
{
	background-color: #981c1f;
}
.giftcardLinks img
{
	width: 80%;
	margin-bottom: 20px;
}
.activeCareer
{
	background-color: #ebebeb;
	padding:0 10px;

}


@media(min-width: 1000px)
{
	.activeCareer
	{
		/*padding:0;*/
	}	
}


.phone
{
	text-decoration: none;
	color: #848688;
}


#googleMap
{
	padding-top: 20px;
}


#socialArrow
{
	display: none;
}
@media(min-width: 1000px)
{
	#socialArrow
	{	
		display: block;
	}
	#socialArrow img
	{
		margin-top: -70px;
    	/*margin-left: 30px;*/
    	margin-left: 70px;
	}
}

.fancybox-item.fancybox-close
{
	background-image: url(../images/close.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 15px;
    right: 0;
}


.parking .span2
{
	width: 45%;
}
@media(min-width: 1000px)
{
	.parking .span2
	{
		width: 148px;
	}
}



#mobileSocial .Header, #mobileSocial .Prev, #mobileSocial .Next
{
	display: none;
}


.gray
{
	color: #848688;
}
/*red from text in indesign files*/
.red
{
	color: #981c1f;
}


/*logo colour*/
.red2
{
	color: #BA1F1A;
}
/*logo colour 2*/
.maroon
{
	color: #5D0B00;
}
.green
{
	color: green;
}
.white
{
	color: #ffffff;
}
form.promo td:first-child
{
	/*width: 35%;*/
	width: 110px;
	padding-right: 5px;
}
@media(min-width: 1000px)
{
	form.promo td:first-child
	{
		width: 160px;
	}
}
form.promo table
{
	table-layout: fixed;
}

form.promo td:last-child
{
	/*width: 65%;*/
	padding-left: 5px;
}

.required
{
  color: #9b3921;
}

.newStore
{
	color: red;
	font-size: 11px;
}

.noBreak
{
	white-space: nowrap;
}


.blackFriday
{
	background-color: #000;
    width: 100%;
    margin-top: 1px;
    display: block;
    padding: 3px 0;
}
@media(min-width: 1000px)
{
	.blackFriday
	{
		margin-top: 3px;
	}
}
.blackFriday a
{
	color: #fff;
	font-weight: normal;
	font-size: 10px;
}

.widget-zoom-button {
    background-color: rgba(255,255,255,1);
    border-radius: 2px;
    display: block;
    height: 29px;
    right: 10px;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    width: 29px;
    z-index: 2;
    box-sizing: border-box;
    transition: background-color 0.16s ease-out;
}

.widget-zoom {
    background-clip: padding-box;
	background-color:#fff;
    z-index: 100;
    position: relative;
    outline: none;
    cursor: pointer;
}

.widget-zoom-in {
	background-color:#fff;
    background: url('/assets/images/zoom_icons.png') 0 0 no-repeat;
	background-position: 0 0;
    background-size: 120px 30px;
    display: block;
    position: absolute;
    height: 20px;
	width: 20px;
	top: 200px;
	cursor: pointer;
}

.widget-zoom-out {
	background-color:#fff;
    background: url('/assets/images/zoom_icons.png') 0 0 no-repeat;
	background-position: 0 -15px;
    background-size: 120px 30px;
    display: block;
    height: 20px;
	width: 20px;
    top: 220px;
    position: absolute;
	cursor: pointer;
}




.chat
{
	display: block;
	float: right;
	position: fixed;
	bottom: 0;
	/*width: 50%;*/
	right: 0;
	left: 0;
	border:1px solid #777;
	padding: 8px 10px;
	color: #fff;
	background-color: #848688;
	text-align: center;
	text-decoration: none;

}
@media(min-width: 800px)
{
	.chat
	{
		bottom: 2px;
		right: 2px;
		left: auto;
		-webkit-box-shadow: 2px 2px 3px 0px rgba(46,38,46,0.5);
		-moz-box-shadow: 2px 2px 3px 0px rgba(46,38,46,0.5);
		box-shadow: 2px 2px 3px 0px rgba(46,38,46,0.5);
	}
}

.news .tableHeading
{
	display: block;
	font-size:10px;
}