@charset "UTF-8";

/*
Theme Name: QSL v2 Website
Theme URI: http://www.quakersteak.com
Description: The custom theme design for the Quaker Steak & Lube.  This is very customized and depends on the precise use of the template files relying on the underlying data set-up.
Author: Rob Multari
Author URI: http://www.thelube.com
Version: 2.0
License: GNU General Public License
License URI: license.txt
*/

/*****************
*** LAYOUT ***
*****************/
* {
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	/*position: relative;
	position: fixed; */
	height: 100%;
	}

body {
	background-image: url(img/menu-bg.png);
	background-repeat: repeat;
	background-color:#000;
	font-family: 'Open Sans', sans-serif;
	/*margin: 0 0 107px; */
	height: 100%;
	}

#wrapperHome {
	/*height:700px;*/
	/*height:100%;*/
	position:relative;
}


#wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -170px;

	position:relative;
}


header, footer { width:100% !important; }

header {  position: relative; /*position:fixed;*/ top:0 !important; z-index: 10; *left:0; }

header { height:73px; /*margin:0 0 30px 0;*/ margin:0; border-bottom:2px solid /*#0c0e0c*/ #008752; }
header {
	background-image: url(img/header-gradient.png), url(img/menu-bg.png);
	background-position:left top, left bottom;
	background-repeat: repeat-x, repeat;
	background-color:#000;

	*background:url(img/menu-bg.png) repeat left bottom #000;
}

header div, /*section div,*/ footer div.wrap { /*width:90%;*/ max-width:1040px; margin:0 auto; }


.logo { float:left; /*width:166px; height:71px; background:#ccc;*/ margin-top:15px; width:110px; height:auto; }

nav { *clear:both; }
nav ul { }
nav ul li { display:inline-block; *float:left; }

nav#mainNav { float:right; margin:3px 0 0 0; }
nav#mainNav ul li { /*margin:0 10px 0 10px;*/ vertical-align: middle; }
nav#mainNav ul li a {
	font-family: 'Squada One', arial;
	text-transform: uppercase;
	color:#fff;
	text-decoration:none;
	/*font-size:20px;*/
	font-size:1.2em;
	/*padding:0 10px 30px 10px;*/
	padding:0 10px 14px 10px;
	*display:block;
	*padding-top:27px;
}

nav#mainNav ul li a:hover,
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li.current-category-ancestor a, nav#mainNav ul li.current-post-ancestor a {
	/*color:#0d884a !important; background:#fff;*/
	border-bottom:10px solid #0d884a;
}

nav#mainNav ul li.divider {
	border-left:1px solid #2b302b;
	border-right: 1px solid #171a17;
	width:1px;
	height:44px;
}

nav#mainNav ul li:last-child a, nav#mainNav ul li a#bgOnline {
	/*margin-top:3px;*/
	width:171px;
	height:69px;
	display:block;
	background:url(img/btn-order-online.png) no-repeat left top;
	text-indent:-100000px;
	*margin:0;
	*padding:0 !important;
	}
nav#mainNav ul li:last-child a:hover, nav#mainNav ul li a#bgOnline:hover  {
	/*background:url(img/btn-order-online-hover.png) no-repeat left top;*/
	background-position: left bottom;
	border:none !important;
}

nav#mainNav ul li a.navOnline {
	font-size:24px;
	color:#333733;
	background:#fef300;
	padding:7px 20px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-transform:none;
	}
nav#mainNav ul li a.navOnline:hover {
	background:#0d884a;
	color:#fff !important;
}
li#menu-item-15976 a {
    /*position:absolute;
    top:415px;
    right:10px;*/
    background:url(img/sauce-bg.png) top left no-repeat;
    width:134px;
    height:78px;
    padding:0;
    text-indent:-100000px;
    display:block;
    z-index:100;
}
nav#mainNav ul li#menu-item-15976 a:hover {
    background-position:bottom left;
    border:none !important;
}
.positionRel { position:relative !important; /*border:1px solid white;*/ }
.positionFixed { position: fixed !important; border:none; }

#backslides {
	/*overflow: hidden !important; */

	position:absolute !important;
	z-index: 0 !important;

	top:-80px !important;

	margin:0 auto;
	padding:0;
	}

#backslides ul.slides-container {
	position: relative !important;
	z-index: 5;
	width:100%;
	height:auto;
	}


#backslides ul.slides-container div.container {
    	position: absolute;
	top:160px !important;
	width:100%;
	height:auto;

}

#backslides ul.slides-container div.container img {
	left:18%;
	width:68%;
	height:auto !important;
	display:block;
	margin:0 auto !important;
	padding:0;

}

#footerFix {
	width:10px;
	height:650px;

	position: relative !important;
	z-index: 1;
	top:0 !important;

	margin:0 0 80px 0;
	padding:0;

	}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;

  *display:none !important;
}
.slides-navigation a {
  position: absolute;
  padding:5px !important;
  display: block;
  font-size:22px;
}
.slides-navigation a.prev {
  left: 0;
}
#next, #prev {
	text-indent:-10000000px;
}
.slides-navigation a.next {
  right: 0;
}

@font-face {
  font-family: "FontAwesome";
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.slides-navigation {
  top: 50%;

  *display:None;
}
.slides-navigation a {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  display: block;
  text-decoration: none;
  border: 3px solid #fff;
  color: white;
  font-weight: bold;
  font-size: 26px;
  margin: 0 25px;
  text-shadow: 0 1px 1px #000;
  text-align: center;
  height: 40px;
  width: 40px;
  top: -40px;
  padding: 1px;
  -webkit-box-shadow: 0 1px 1px black;
  -moz-box-shadow: 0 1px 1px black;
  box-shadow: 0 1px 1px black;
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  -o-transition: background 0.15s ease;
  transition: background 0.15s ease;
}
.slides-navigation a:hover {
  background: rgba(0, 0, 0, 0.4);
}



#pageBgImgs {
	position: fixed !important;
	z-index:0;
	top:0;
	width:100%;
	min-height:95%;
	overflow: hidden !important;

	*left:0;
	}

#pageBgImgs img {
	/* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */

  top: -200px;
  left: 0;
	}

.loading-container {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
}

.pulse {
  border: 3px solid #999;
  height: 30px;
  width: 30px;
  position: absolute;
  left: -15px;
  top: -15px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@-webkit-keyframes pulsate {
  0% {
	 -webkit-transform: scale(0.1, 0.1);
	 opacity: 0.0;
  }

  50% {
	 opacity: 1.0;
  }

  100% {
	 -webkit-transform: scale(1.2, 1.2);
	 opacity: 0.0;
  }
}

.filler {
	border:1px solid blue;
	display:block;
	width:5px;
	min-height:95%;
	position:relative;
	z-index:1;
	top:100px;
	margin:0 0 120px 0;
	padding:0;

}

section { }

section.mainContent {

	/*overflow:hidden;*/
	max-width:960px;
	/*
min-height:95%;

	position: relative !important;
	z-index: 1;
	top:33px !important;
*/

	/* margin:0 auto 250px auto; */
	/* margin:0 auto 100px auto; */
	margin:0 auto 0 auto;
	padding:0;
	}
section.fullContent {
    width: 100%;
    margin:0 auto -50px;
	padding:0;
    background: #ffffff;
}

.show { display:block; }
.hidden { display:none; }
.noLine, img.noLine { border:none !important; }

strong { font-weight:bold; }

/*section.mainContent header { width:auto; height:auto; border:none; background: none; }*/

.mainContent article {
	width:100%;

	position:relative;
	/*top:73px;*/

	margin:30px 0 0 0;
	padding:15px;
	color:#fff;

	/* Fallback for web browsers that doesn't support RGBa */
	background: #000;
	/* RGBa with 0.8 opacity */
	background: rgba(0, 0, 0, 0.8);

	/* CAUSING A IE9 ISSUE
	 For IE 5.5 - 7
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	*/

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	font-size:14px;
	line-height: 18px;
}

.mainContent article a { color:#12b563; font-weight:bold; text-decoration: none; }
.mainContent article a:hover { text-decoration: underline; }

.mainContent article p { margin: 5px 0 20px 0; line-height:1.5em; }

.mainContent article#top { background:none; }


section.mainContent .fullContent { width:100%; }

section.mainContent .fullContent .left,
section.mainContent .fullContent .right {
	display:inline-block;
	width:46%;
	vertical-align: top;
	}

section.mainContent .fullContent .left { *float:left; }
section.mainContent .fullContent .right { *float:right; }

section.mainContent .fullContent .left h3,
section.mainContent .fullContent .right h3 { font-weight:bold; text-transform: uppercase; line-height: 20px; margin:0 !important; }

section.mainContent .fullContent .left .entry,
section.mainContent .fullContent .right .entry { border-bottom:2px solid #161616; min-height:60px; }

section.mainContent .fullContent .left .entry ul,
section.mainContent .fullContent .right .entry ul { margin:0 0 20px 0 !important; }

section.mainContent .fullContent .left .entry ul li,
section.mainContent .fullContent .right .entry ul li { /*list-style: disc !important;*/ list-style: none !important; }

section.mainContent .fullContent .left .entry p,
section.mainContent .fullContent .right .entry p { margin-bottom:5px !important;}

section.mainContent .fullContent .left .entry a.more-link,
section.mainContent .fullContent .right .entry a.more-link { display:None; }

section.mainContent .fullContent .right { margin:0 0 0 4em; }

section.mainContent .content {
	width:77%;

	display:inline-block;
	position:relative;
	/*float:left;*/
	/*padding-bottom:20px;*/
	padding-right:25px;
	vertical-align: top;



	*width:76%;
	*float:left;
	}

section.mainContent .content p { line-height:22px; }

section.mainContent h1 {
	position:relative;
	font-family: 'Squada One', arial;
	text-transform: uppercase;
	color:#fff;
	font-size:36px;
	line-height:32px;
	margin:0 0 20px 0;
	}

section.mainContent h2 {
	font-family: 'Squada One', arial;
	color:#fff;
	/*font-size:36px;*/
	font-size:2.7em;
	line-height:42px;
	text-transform: uppercase;
	margin:0 0 20px 0;
	}

section.mainContent h3 {
	/*font-family: 'Squada One', arial;  */
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:20px;
	line-height:24px;
	font-weight: normal;
	margin:0 0 10px 0;
	}

section.mainContent .content img { max-width:100%; }

section.mainContent aside.Left ul#sauces { background:url(img/sauce-scale.png) no-repeat left top; width:190px; height:637px; }
section.mainContent aside.Left ul#sauces a {
	color:#fff;
	font-family: 'Squada One', arial;
	font-size:26px;
	text-transform: uppercase;
	border-bottom:4px solid #353535;
	width:124px;
	height:120px;

	vertical-align: middle;
	display:block;
	margin: auto;
	padding-top:24%;
	}

section.mainContent aside.Left ul#sauces a.all {
	text-shadow: -3px 3px 3px #59050b;
    filter: dropshadow(color=#59050b, offx=-3, offy=3);
   }
section.mainContent aside.Left ul#sauces a.all:hover { color:#59050b;
	text-shadow: -3px 3px 3px #ffffff;
    filter: dropshadow(color=#ffffff, offx=-3, offy=3);
	}


section.mainContent aside.Left ul#sauces a.insane {
	text-shadow: -3px 3px 3px #851f26;
    filter: dropshadow(color=#851f26, offx=-3, offy=3);
   }
section.mainContent aside.Left ul#sauces a.insane:hover { color:#851f26;
	text-shadow: -3px 3px 3px #ffffff;
    filter: dropshadow(color=#ffffff, offx=-3, offy=3);
	}


section.mainContent aside.Left ul#sauces a.hot {
	text-shadow: -3px 3px 3px #c43e0b;
    filter: dropshadow(color=#c43e0b, offx=-3, offy=3);
   }
section.mainContent aside.Left ul#sauces a.hot:hover { color:#c43e0b;
	text-shadow: -3px 3px 3px #ffffff;
    filter: dropshadow(color=#ffffff, offx=-3, offy=3);
}


section.mainContent aside.Left ul#sauces a.medium {
	text-shadow: -3px 3px 3px #968a08;
    filter: dropshadow(color=#968a08, offx=-3, offy=3);
   }
section.mainContent aside.Left ul#sauces a.medium:hover { color:#968a08;
	text-shadow: -3px 3px 3px #ffffff;
    filter: dropshadow(color=#ffffff, offx=-3, offy=3);
}


section.mainContent aside.Left ul#sauces a.mild {
	text-shadow: -3px 3px 3px #636361;
    filter: dropshadow(color=#636361, offx=-3, offy=3);
   }
section.mainContent aside.Left ul#sauces a.mild:hover { color:#636361;
	text-shadow: -3px 3px 3px #ffffff;
    filter: dropshadow(color=#ffffff, offx=-3, offy=3);
}


section.mainContent aside.Left ul#sauces li.noBorder a { border:none; }

section.mainContent aside.Left ul#sauces a:hover { text-decoration: none; }

section.mainContent aside.Left ul#sauces li{ border:none; vertical-align: middle; }

section.mainContent aside.Left ul#sauces li.noBorder { border:none; }

section.mainContent #pageSauces aside.Left img { border:none; margin:auto; display:block; }
section.mainContent #pageSauces aside.Left img.flavorDusted { margin:0; display:inline-block; vertical-align:middle; }

section.mainContent .content div.insane,
section.mainContent .content div.hot,
section.mainContent .content div.medium,
section.mainContent .content div.mild { display:block; min-height:75px; margin:0 0 25px 0; }

section.mainContent .content .insane img,
section.mainContent .content .hot img,
section.mainContent .content .medium img,
section.mainContent .content .mild img { border:none; width:75px; height:75px; display:inline-block; margin:0 10px 0 0; float:left; }

section.mainContent .content .insane h3 { font-family: 'Squada One', arial; font-size:30px; color:#f33445; margin:0; }
section.mainContent .content .hot h3 { font-family: 'Squada One', arial; font-size:30px; color:#f67544; margin:0; }
section.mainContent .content .medium h3 { font-family: 'Squada One', arial; font-size:30px; color:#f5e000; margin:0; }
section.mainContent .content .mild h3 { font-family: 'Squada One', arial; font-size:30px; color:#fff8a6; margin:0; }

section.mainContent .content .insane h3 span,
section.mainContent .content .hot h3 span,
section.mainContent .content .medium h3 span,
section.mainContent .content .mild h3 span   { font-family: 'Open Sans', sans-serif; font-size:12px; color:#00975d; font-style: italic; }

section.mainContent .content .insane h4,
section.mainContent .content .hot h4,
section.mainContent .content .medium h4,
section.mainContent .content .mild h4  { font-family: 'Squada One', arial; font-size:22px; color:#fff; }

section.mainContent .content p.buyNow a { font-family: 'Open Sans', sans-serif; font-size:12px; text-transform: uppercase; color:#fff100; font-style: italic; }

section.mainContent div.state { width:40%; display:inline-block; *float:left; vertical-align: top; margin:0 5% 3% 0; }
section.mainContent div.state h2 { font-family: 'Open Sans', sans-serif; font-size:20px; line-height: 24px; margin:0 0 7px 0; padding:0; border-bottom:1px solid white; }
section.mainContent div.state .location { margin:0 0 13px 0; }
section.mainContent div.state .location p { margin:0; padding:0; }
section.mainContent div.state .location a { font-weight: normal; }
section.mainContent div.state .location ul { margin:3px 0 15px 20px; font-size:12px; }
section.mainContent div.state .location ul li { margin:0; padding:0; }

section.mainContent hr { margin:20px 0; }
section.mainContent .entry a.more-link { color:#fef300; text-align:right; position:absolute; right:0; margin:0 .3em; }

section.mainContent article .content p { margin-top:0 !important; }

section.mainContent ul { margin:0 15px; }
section.mainContent ul li {
	list-style: circle;
	margin:7px 0;
	}

section.mainContent .fullContent img { /*float:right;*/ display:inline-block; }
section.mainContent img {
	border:1px solid white;
	/*width:250px; height:250px;*/
	margin:10px;
	}

section.mainContent img.noBorder {
	border:none;
	margin:10px;
	}

section.mainContent td img { vertical-align: middle; }

section.mainContent .content .pageMenuContent { border-bottom:1px solid #333; margin:0 0 20px 0; }

/* ALIGNING IMAGES */
section.mainContent img.rightWrap { float:right; margin:10px; }

img.alignright { float:right; margin:0 0 1em 1em; }
img.alignleft { float:left; margin:0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float:right; margin:0 0 1em 1em; }
a img.alignleft { float:left; margin:0 1em 1em 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* LOCATION MAP */
#map-canvas {
	width: 100%;
	height: 400px;
	display: block;
	position: relative;
	background-color: rgb(229, 227, 223);
	overflow: hidden;
	}

#map-canvas  img { max-width: none; }

.infoWindowContent {
	overflow:hidden;
	position: relative;
	margin:0;
	padding:0;
	font-size:12px;

	min-height:155px;
}

.infoWindowContent .infoWindowHeader {
	font-size:16px;
	font-weight:bold;
	color:black;
}

.infoWindowContent .infoWindowBody { color:black; margin:0 0 25px 0; line-height:18px; }
.infoWindowContent .infoWindowBody span { margin:0 0 5px 0 !important; padding:0 !important; display:block; }
.infoWindowContent .infoWindowBody span.infoWindowPhone {}
.infoWindowContent .infoWindowBody span.infoWindowAddress br { margin:0; padding:0; }

.infoWindowContent hr { border:none; height:1px !important; background:#ccc !important; color:#ccc !important; margin:0 !important; }

.infoWindowContent .infoWindowFooter { margin:0 !important; padding:0 !important; position:absolute; bottom:0; width:100%; }
.infoWindowContent .infoWindowFooter ul { margin:0 !important; padding:0 !important; }
.infoWindowContent .infoWindowFooter ul li { display:inline-block; margin:0; padding:0; width:50%; }

p#events-bg {
    font-family: 'Squada One', arial;
    background: url(img/events-bg.jpg);
    width:179px;
    height:61px;
    padding:6px 10px;
    margin:25px 0 0 5px;
    text-align: center;
    font-size: 12pt;
    text-transform:uppercase;
    line-height: 1em;
    text-shadow: 2px 2px 2px rgba(91, 91, 91, 1);
}
p#events-bg span {
    font-size: 14pt;
}

section.mainContent aside { display:block; width:21%; font-size:14px; *float:left; }
section.mainContent aside.Left { display:inline-block; margin:0 10px 0 0; }
section.mainContent aside.Right { display:inline-block; margin:0; }
section.maincontent aside ul, section.mainContent aside.Left ul, section.mainContent aside.Right ul { margin:0 !important; padding:0 !important; }
section.mainContent aside ul li {
	display:block;
	text-align:center;
	border-top:1px solid #3c3b37;
	border-bottom:1px solid #161616;
	margin:0;
	padding:0;
	list-style: none;
	}

section.mainContent aside.Left ul.pageLocationNav li input { width:180px !important; margin:10px auto; }

span.locationSearcher {
    position: relative;
}
span.locationSearcher .locationSearchButton {
    position: absolute;
    display: none;
    top: -2px;
    right: 3px;
    cursor: pointer;

    width: 30px;
	height: 24px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	border-top:1px solid #08a26f;
	border-left:1px solid #08a26f;
	border-right:1px solid #05553b;
	border-bottom:1px solid #05553b;

	background-color: #009665;
	background-image: url(img/search-icon.png);
	background-image: url(img/search-icon.png), -webkit-linear-gradient(bottom, #00975c, #007346);
	background-image: url(img/search-icon.png), -moz-linear-gradient(bottom, #00975c, #007346);
	background-image: url(img/search-icon.png), -o-linear-gradient(bottom, #00975c, #007346);
	background-image: url(img/search-icon.png), -ms-linear-gradient(bottom, #00975c, #007346);
	background-image: url(img/search-icon.png), linear-gradient(to top, #00975c, #007346);
	background-repeat: no-repeat;
	background-position: center center;
}
span.locationSearcher input {
    padding-right: 16px;
}

section.mainContent aside.Left h2 { text-transform: none; margin:0; }

section.mainContent aside ul.pageMenuNav li.active a,
section.mainContent aside ul li.current-menu-item a { color:#fff400; }

section.mainContent aside ul li:first-child { border-top:none; }
section.mainContent aside ul li:last-child { border-bottom:none; }

section.mainContent aside ul li.TopLine { border-top:1px solid #3c3b37 !important;  }
section.mainContent aside ul li.BottomLine { border-bottom:1px solid #161616 !important;}

section.mainContent aside ul.pageMenuNav li img { padding:0; margin:0; }

section.mainContent aside ul li.padd10 { padding:5px !important; }
section.mainContent aside ul li a {
	color:#fff;
	text-decoration: none;
	display:block;
	font-weight: normal;
	padding:10px 0;
	}
section.mainContent aside ul li a:hover { color:#0d884a; }
section.mainContent aside ul img { border:none; width:auto; height:auto; vertical-align: middle; }

section.mainContent aside h2 {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#fff400;
	line-height: 30px;
	text-align:center;
	}
section.mainContent aside h3 {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height: 24px;
	text-align:center;
	font-weight:bold;
}

section.mainContent aside img { margin:10px 0; }

section.mainContent aside ul.pageLocationNav li {
	display:block;
	border:none;
}
section.mainContent aside ul.pageLocationNav li a { padding:3px !important; }

section.mainContent #pageLocations ul.locationDetails { margin:0 auto; width:97%; padding:0; }
section.mainContent #pageLocations ul.locationDetails li {
	position:relative;
	vertical-align: top;
	display:inline-block;
	margin:0 6px 50px 6px;
	width:207px;
	min-height:170px;
	*float:left;
}

section.mainContent #pageLocations ul.locationDetails span.lat,
section.mainContent #pageLocations ul.locationDetails span.long,
#stateCategoryCoordinates span.lat, #stateCategoryCoordinates span.long { display:none; }

section.mainContent #pageLocations ul.locationDetails li .greenBtn { position:absolute; bottom:0; /*right:0;*/ margin:0; font-weight:normal !important; }

.contentSection .menuSubTitles { display:None; }
.contentSection h1.entry-title { font-size:2.2em; }

section.mainContent #pageLocations .contentSection h3 {
	font-weight: normal;
	margin:0 0 10px 0;
}
section.mainContent #pageLocations ul.locationDetails li h4 {
	font-weight: bold;
	margin:0 0 7px 0;
}

section.mainContent #pageLocations ul.locationDetails li .address,
section.mainContent #pageLocations ul.locationDetails li .phoneNum {
	margin:0 0 5px 0;
	display:block;
}

#pageCatering { }
#pageCatering div { margin:0 auto; }
#pageCatering div ul { display:inline-block; text-align:left; width:45%; margin:0 !important; padding:0 !important; vertical-align: top; list-style: disc !important; }
#pageCatering div ul li { margin:0 0 10px 0 !important; padding:0 !important; list-style: disc !important }
#pageCatering div form { text-align:left; }
#pageCatering div span.locationTitle { font-weight: bold; }
#pageCatering div span.locationTitle, #pageCatering div span.location { display:inline-block; vertical-align:top; }

#franchiseLocation .content { /*text-align:center;*/ }
#franchiseLocation .content h1 { text-align:left; font-size:28px; }

li.franchiseTitle a { color:#fff400 !important; font-weight: bold !important; }

img.fbIcon { width:22px !important; height:23px !important; margin:0 0 0 7px !important; }

ul.franchiseDetails { display:inline-block; text-align:left; border-right:2px solid black; vertical-align:top; width:42%; margin:0 7% 0 0 !important; padding:0 0 0 15px !important; }
ul.franchiseDetails li { list-style:none !important; margin:0 0 15px 0 !important; padding:0 0 0 45px; line-height: 22px;}
ul.franchiseDetails li a { color:#fff !important; }
ul.franchiseDetails li a:hover { color:#0d884a !important; }
ul.franchiseDetails li.mapIcon { background:url(img/map-icon.png) no-repeat left top; }
ul.franchiseDetails li.phoneIcon { background:url(img/phone-icon.png) no-repeat left top; }
ul.franchiseDetails li.clockIcon { background:url(img/clock-icon.png) no-repeat left top; }
ul.franchiseDetails li.weatherIcon { background:url(img/weather-icon.png) no-repeat left top; padding-top:3px; }
ul.franchiseDetails li.emailIcon { background:url(img/emailicon.png) no-repeat left top; }

ul.franchiseDetails span.lat,
ul.franchiseDetails span.long { display:none; }

.promoCalendar { width:50%; /*width:400px;*/ display:inline-block; vertical-align: top; position: relative; text-align:right; }
.promoCalendar img { position: relative; z-index: 0; margin:0 !important; padding:0; /*width:345px;*/ }

.promoCalendar img, .promoText { width:100%; }

.promoText {
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;

	text-align:left;

	/*width:347px;*/
	margin:0 0 4px 0;
	padding:5px 0;

	font-style:italic;
	color:#fff400;
	font-size:1em;

	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.8 opacity */
	background: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.promoText a { color:#fff400 !important; font-weight: normal !important; margin:0 0 0 10px; }

div#pageLocalPromos ul li {
     list-style-type: disc;
     margin: 7px 0px 0px 15px;
}

.editBtn { text-align:left; }
a.post-edit-link { width:25%; background:#fef300; padding:10px 10px; -webkit-border-radius: 8px; border-radius: 8px; }
a.post-edit-link:hover { background:#fff; text-decoration: none !important;  }

div.push { height:200px; }

footer {
	background-image: url(img/footer-gradient.png), url(img/menu-bg.png);
	background-position:left top, left top;
	background-repeat: repeat-x, repeat;

	background-color:#000;
	z-index: 1;

	/*position:absolute;*/
	position:relative;
	/*margin:107px 0 0 0;*/
	margin:0;
	left:0;
	/*bottom:0;*/

	height:170px;

	*background:url(img/menu-bg.png) repeat left top #000;
}

footer { border-top:2px solid /*#0c0e0c*/ #008752; padding:3px 0 0 0; }

footer img { max-width:100%; }

footer h3 {
	font-family: 'Squada One', arial;
	text-transform: uppercase;
	color:#fff;
	/*font-size:15pt !important;*/
	font-size:1.1em;
	line-height:26px;
	margin:0 0 4px 0;
	*font-weight:normal;
}

footer h3 a {
	color:#fff !important;
	/*font-size:15pt !important;*/
	font-size:1.2em !important;
	line-height:28px;
	text-align:left !important;
	margin:0 !important;
	font-weight: normal;
	}

footer ul { margin:0 0 6px 0; }

footer section.social, footer section.tweets, footer section.club {
	float:left;
	display:inline-block;
	padding:0;
	margin:0 0px;
	min-height:125px;

	}

footer section.social { width:40%; *width:38%; }
footer section.tweets { /*max-width:35%;*/ width:37%; *width:35%; }
footer section.club { width:23%; }

footer a { text-decoration: none; font-size:.9em; }
footer a:hover { text-decoration: underline; }

footer section.social nav.social li { margin:0 7px 0 0; }

footer section.social nav.footerNav { color:#fff; /*font-size:12px;*/ font-size:.8em; }
footer section.social nav.footerNav li { margin: 0 3px 5px 2px; }
footer section.social nav.footerNav li a { color:#fff; text-decoration: none; }
footer section.social nav.footerNav li a:hover,
footer section.social nav.footerNav li a.navSelected { text-decoration: underline; }

footer section.social nav .noMargLeft { margin-left:0; }

footer section.social nav.copyRight { color:#9ca69c; font-size:10px; }
footer section.social nav.copyRight a { color:#9ca69c; }
footer section.social nav.copyRight li { margin: 0 3px 7px 3px; }

footer section.tweets {
	/*font-size:12px;*/
	font-size:.8em;
	line-height:16px;
	color:#fff;
	border-left:1px solid #0c0e0c;
	border-right:1px solid #0c0e0c;
	padding:0 0 0 10px;
}

.header img.avatar { border:5px solid yellow !important; display:None !important; }

footer section.tweets ul li { margin:0 0 10px 0; }
footer section.tweets a, footer section.tweets span {
	color:#0d884a;
	/*font-size:12px;*/
	font-size:1em;
	/*font-style:italic; */
	display:block;
	text-align:right;
	margin:4px 0;
}

footer section.club { font-family: 'Open Sans', sans-serif; padding:0 0 0 10px; }

footer section.club input { width:184px; margin:0; }
footer section.club input.yellowBtn { float:right; width:auto; }

footer section.club a.yellowBtn.btnMed.txtClub { margin:15px 0; display:block; /*text-align: center;*/ }

footer section.club ul li a.emailClub {
	width:63px;
	height:63px;
	display:block;
	text-indent:-100000px;
	color:#ffffff;
	background:url(img/email-club-icon.png) no-repeat left top;
	}
footer section.club ul li a.emailClub:hover {
	/*background:url(img/email-club-icon-hover.png) no-repeat left top;*/
	background-position: left bottom;
	border:none !important;
}

footer section.club ul { /*margin:0 auto;*/ width:135px; }
footer section.club ul li { display:inline-block; *float:left; margin:0; padding:0; }

footer section.club ul li a.txtClub {
	width:63px;
	height:63px;
	display:block;
	text-indent:-100000px;
	color:#ffffff;
	background:url(img/txt-club-icon.png) no-repeat left top;
	}
footer section.club ul li a.txtClub:hover {
	/*background:url(img/txt-club-icon-hover.png) no-repeat left top;*/
	background-position: left bottom;
	border:none !important;
}
/* a#food-truck {
    background: url(img/food-truck.png) no-repeat left top;
    color:#fff;
    margin-right: 59px;
    padding: 21px 8px;
} */

a#food-truck	{
			background:url(img/food-truck-new.png) no-repeat left top;
			width:170px;
			height:60px;
			padding:0;
            margin-top:-25px;
            margin-right: 30px;
			text-indent:-100000px;
			display:block;
			z-index:100;}

a#food-truck:hover	{background-position:bottom left;}

footer ul.mobileLink, span#locationSearchMobile, article#pageLocations aside.Right { display:none; }



 /* FORMS */

 article form { margin:20px 0 0 0;}

 input, textarea, select { border:none; }

 input, select, textarea {
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:13px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width:209px;
	margin:4px 10px 4px 0;
	padding:4px 6px;
	border-top:1px solid #373937;
	border-left:1px solid #373937;
	border-right:1px solid #1c201c;
	border-bottom:1px solid #1c201c;
	-moz-appearance:none;
	-webkit-appearance: none;
	background-color: #2b2e2b;
	background-image: url(images/fallback-gradient.png);
	background-image: -webkit-gradient(linear, 100% 0%, 0% 100%, from(#1d201d), to(#252825));
	background-image: -webkit-linear-gradient(top, #1d201d, #252825);
	background-image:    -moz-linear-gradient(top, #1d201d, #252825);
	background-image:     -ms-linear-gradient(top, #1d201d, #252825);
	background-image:      -o-linear-gradient(top, #1d201d, #252825);
}
input.hasDatepicker, select.ui-datepicker-month {
    width:100px !important;
}
select {
    width: 224px !important;
}
select.ui-datepicker-month {
    margin: 0;
    padding: 0;
}
label.events {
    font-family: 'Squada One', arial !important;
    font-size: 18px;
}
form .state { width:140px !important; }
form .zip { width:55px; }
form .comments, form .addContactInfo, form .addQuestions { width:450px; }

input.yellowBtn, a.yellowBtn {
	font-family: 'Squada One', arial !important;
	color:#333733 !important;
	background:#fef300;
	margin:7px 0;
	padding:2px 20px !important;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-transform:none;
	width:auto;
	font-weight:normal !important;
 }
 input.yellowBtn:hover, a.yellowBtn:hover
 {
	background:#0d884a !important;
	color:#fff !important;
	text-decoration: none !important;
 }

 a.greenBtn {
	font-family: 'Squada One', arial;
	color:#fff !important;
	background:#0d884a;
	margin:7px 0;
	padding:7px 20px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-transform:none;
	display:inline-block;
	font-weight: normal !important;
	}
a.greenBtn:hover {
	background:#fef300;
	color:#333733 !important;
	text-decoration: none !important;
}

 .btnSmall { font-size:14px; /*font-weight: normal !important; letter-spacing: 0.05em;*/ }
 .btnMed { font-size:20px; }
 .btnLrg { font-size:24px; }

 hr { border:none; background:#161616; color:#161616; height:2px; margin:8px 0 8px 0; padding:0; }

 sup { font-size:.8em; }

 em { font-style: italic; }

 p small, small { font-size:10px; line-height: 13px !important; color:#999; display:block; }

#promoCalDialog img { width:900px !important;}



 /* FACEBOOK ALBUMS */
 .FB_pic_container
{
 display:inline-block;
 position: relative;
 width:175px;
 height: 104px;
 text-align:center;
 overflow: hidden;
 border: 1px solid #ccc;
 border-radius: 4px;
 outline: none;
 margin: 2px;
 padding: 2px;
}

.FB_pic_container:hover
{
 border-color: #56B4EF;
 box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
 -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);
}

.FB_pic_label
{
 text-decoration:none;
 color: #fff;
 position: absolute;
 bottom: 0;
 right: 0;
 left: 0;
 background-color:#000;
 opacity:0.9;
 filter:alpha(opacity=90); /* For IE8 and earlier */
}

.FB_pic_container:hover .FB_pic_label
{
 opacity:0.5;
 filter:alpha(opacity=50); /* For IE8 and earlier */
}

.FB_pic_container img
{
 position: absolute;
 margin: auto;
 top: 0;
 left: 0;
 right: 0;
 bottom: 22px;
}

div.twtr-hd { display:none; }
div .twtr-avatar { width:0; }
div .twtr-avatar, a.twtr-reply, a.twtr-rt, a.twtr-fav, div.twtr-ft, .twtr-tweet-text a.twtr-user { display:none !important; }

div .twtr-bd { /* width:235px !important; */ /*width:300px !important;*/ }

div .twtr-tweet-text { margin:0 !important; }
div .twtr-tweet-text a { display:inline-block !important; }

div .twtr-tweet-text p em { font-size:10px; margin:10px 0 0 0; }
div .twtr-tweet-text p em a { font-size:10px; }

.twtr-widget .twtr-tweet-wrap { padding:0 !important; }

div.navigation { text-align:right; padding: 20px 15px 20px 0px; *clear:both; }
div.navigation ul { margin:0; padding:0; }

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #0d884a;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	padding: 12px;
	padding: 0.45rem;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #fef300;
	color:#333733;
}


/******* POP UP DIV *******/
#popupDiv { display:none; }

#noJS {
	position: fixed !important;
	top: 50%;
	left: 50%;
	margin-top: -102px;
	margin-left: -40%;
	z-index: 1000;
	}

#popupDiv, #noJS {
	background:#000;
	border:2px solid #009665;
	width:80% !important;
	color:#fff;
	padding:20px 28px;
	position: relative;
	text-align:center;
	}

#popupDiv h1, #noJS h1 {
	font-family: 'Squada One', arial;
	text-transform: uppercase;
	color:#fff;
	font-size:35px;
	*font-size:32px;
	line-height:32px;
	margin:0 0 20px 0;
	}
#popupDiv h2, #noJS h2 {
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:20px;
	line-height:24px;
	font-weight: normal;
	margin:0 0 25px 0;
}

#popupDiv a, #noJS a { color:#009665; font-size:12px; text-decoration: none; }
#popupDiv a:hover, #noJS a:hover { text-decoration: underline; }

#popupDiv ul { width:100%; margin:0 0 40px 0; }
#popupDiv ul li { display:inline-block; width:20%; margin:0 2px !important; padding:0; }
#popupDiv ul li img { margin:0; padding:0; width:100%; height:auto; }
#popupDiv ul li a { display:block; margin:0; padding:0; }

#popupDiv a.browserBlock, #noJS a.browserBlock {
	background:#4f4f4f;
	width:200px;
	margin:0 5px 0 0;
	padding:10px;
	color:#fff;
	font-size:18px;
	border:1px solid #929292;
	float:left;
	display:inline-block;
	text-decoration: none;
	}

#popupDiv a.browserBlock:hover, #noJS a.browserBlock:hover { border:1px solid #fff; text-decoration: none; }

#popupDiv a.browserBlock img, #noJS a.browserBlock img { float:left; margin:0 5px 0 0; }
#popupDiv a.browserBlock span, #noJS a.browserBlock span { float:left; display:inline-block; width:50%; margin:15px 0 0 0; cursor: pointer; }
#popupDiv a.browserBlock span:hover, #noJS a.browserBlock span:hover { text-decoration: none; cursor: pointer; }

#popupDiv .yellowText, #noJS .yellowText { color:#fff200; padding:15px 0 15px 0; }

#popupDiv .center, #noJS .center { text-align:center; }

#popupDiv input {
	position:absolute;
	top:-9px;
	right:-12px;
	background:#fff200;
	border:none;
	width:23px;
	height:23px;
	font-weight:bold;
	color:#000;
	cursor: pointer;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

/******* Loyalty Button *******/

#pageFranchise a.loyaltyBtn	{
	width:195px;
	height:130px;
	padding:0;
	margin:10px auto 0;
	display:block;
	z-index:100;
	text-align:center;
	/*font-size:22px;
	font-family:'Squada One', arial;*/
	text-indent:-100000000px;
}
#pageFranchise a.loyaltyBtn:link, #pageFranchise a.loyaltyBtn:visited {
	/*color:#fff;
	text-decoration:none;*/
	background:url(http://www.thelube.com/img/lube-loyalty-link.png) top left no-repeat;
}
#pageFranchise a.loyaltyBtn:hover, #pageFranchise a.loyaltyBtn:active {
	/*color:#fef300;
	text-decoration:none;*/
	background:url(http://www.thelube.com/img/lube-loyalty-link.png) bottom left no-repeat;
	text-indent:-100000000px;
}

/******* Revved-Up Rewards Button *******/

ul.pageMenuNav li a.rewardsBtn	{
	width:195px;
	height:60px;
	padding:0;
	margin:10px auto 0;
	display:block;
	z-index:100;
	text-align:center;
	/*font-size:22px;
	font-family:'Squada One', arial;*/
	text-indent:-100000000px;
}
ul.pageMenuNav li a.rewardsBtn:link, ul.pageMenuNav li a.rewardsBtn:visited {
	/*color:#fff;
	text-decoration:none;*/
	background:url(http://www.thelube.com/img/revved-up-rewards-link.png) top left no-repeat;
}
ul.pageMenuNav li a.rewardsBtn:hover, ul.pageMenuNav li a.rewardsBtn:active {
	/*color:#fef300;
	text-decoration:none;*/
	background:url(http://www.thelube.com/img/revved-up-rewards-link.png) bottom left no-repeat;
	text-indent:-100000000px;
}

/******* Limited Time Offer Promo *******/

#getsauced {
	margin:0 auto;
	width:100%;
}
#getsauced img {
	border:none;
	padding:0;
	margin:0;
	display:block;
}
/*section.mainContent .fullContent #getsauced img {
	display: block;
}*/
#getsaucy {
	text-indent:-1000000000px;
	width:1px;
	height:1px;
	overflow:hidden;
	padding:0;
	margin:0;
	display:block;
}
#getsauce p {
	font-size:8pt;
	padding:10px 0;
	text-align:center;
	width:100%;
}

/******* Loyalty iFrame *******/

frame.loyaltyframe	{width:100%;}

/******* History Timeline *******/

.accordion {
	margin: 0;
	padding:0 10px;
	height:43px;
	border-top:#f0f0f0 1px solid;
	background: #0D884A;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:capitalize;
	color: #fff;
	font-size:1em;
}
section.mainContent .accordion-open h2 {
	color:#fff200;
}
.accordion-open {
	background:#393939;
}
.accordion h2 span {
	font-size:20pt;
}
.container {
	margin: 0;
    padding:25px 0 0 25px;
}
.container .content p.timeline {
	border-bottom:1px solid #fff200;
	padding-bottom:15px;
}

/* ~~  Twitter Feed  ~~ */

.twitter-timeline {
	height:100%;
	min-height:54px;
	max-height:128px;
	width:100%;
	min-width:100px;
	max-width:335px;
	background:none;
	border:none;
}
/* ~~ Event Listing ~~ */

div.event {
    margin:25px 0 0;
    border-bottom:1px solid #018752;
}
div.event h3 {
    font-family: 'Squada One', arial !important;
    font-size: 20pt;
    color:#fef300;
}
div.event img {
    float:left;
    margin-bottom: 25px;
}
div.event span {
    color:#fef300;
    font-weight: bold;
}

/* ~~ miscellaneous float/clear classes ~~ */

.fltrt	{float: right;
		margin-left: 3px;}

.fltlft	{float: left;
		margin-right: 3px;}

.clearfloat {clear:both;
    		height:0;
    		font-size: 1px;
    		line-height: 0px;}

.disclaimer {
	font-size:8pt;
	line-height: 1.2em;
}

.underline	{text-decoration:underline;}

.center	{width:100%;
		text-align:center;}

ul.franchiseDetails li a.holiday {
	color:#0d884a !important;
	font-weight:bold;
	text-decoration: none;
}
ul.franchiseDetails li a.holiday:hover {
	color:#fff !important;
	text-decoration: underline;
}
.hidden {
	display:none;
}
.pic{
    display:block;
    width:685px;
    height:375px;
    background: url(http://thelube.com/img/locations/sheffield.jpg) no-repeat;
    border: 1px #ffffff solid;
    position: relative;
}
.text{
    width:685px;
    height:auto;
    background-color: rgba(0, 136, 81, 0.5);
    text-align:center;
    color:#fef300;
    font-size:20px;
    font-weight:700;
    font-family: 'Squada One', arial, san-serif;
    padding:10px 0;
    position:absolute;
    bottom: 0;
}
.pic:hover .text {
    background-color: rgba(254, 243, 0, 0.5);
    color:#333333;
}
img.half-screen {
    width:47%;
}

/******* Mobile *******/

.mobile { display:none !important; }



@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (max-width:1280px) and (min-resolution: 120dpi) {
	/* ipad 3 portrait / landscape
	ipad 2 portrait / landscape
	ipad 1 portrait / landscape
	amazon kindle fir hd portrait
	nexus 7 landscape
	Samsung Galaxy Note 10.1 landscape
	Samsung Galaxy Tab 2 10.1 landscape
	LG Nexus 4 portrait
	Samsung Galaxy Note portrait
	Desktop: Chrome and Safari - BELOW 1600 x 1024
	*/
		body {
		/*background-color: blue!important;*/
		}

		.mobile { display:none !important; }
		#popupDiv { display:none; }

		header div, footer div.wrap { width:100% !important; max-width:100% !important; margin:0 auto; }

		#backslides ul.slides-container div.container { width:100% !important; height:auto !important; }

		footer section.social { font-size:18px !important; }
		footer section.tweets {  }
		footer section.club { }
}

@media only screen and (max-width: 980px) and (orientation : landscape) {
	/* LANDSCAPE:
	Nexus 7
	HTC Evo 3D*/

		header div img { width:30% !important; height: auto; }
		header div, footer div.wrap { width:100% !important; max-width:100% !important; margin:0 auto; }

		.mobile { display:block !important; }

		body { background:#000; font-family: 'Open Sans',sans-serif; margin:0 !important; padding:0 !important; }

		#wrapper { /*display:none;*/ margin:0 auto -140px !important; height:auto !important; position:relative !important; }
		header.web, footer.web { display:none; }
		header, footer {
			position:relative !important;
			height:auto !important;
			/*z-index:auto !important;
			top:auto !important;
			left:auto !important;
			bottom:auto !important; */
			background:none !important;
			border:none !important;
		}

		header { top:auto !important; }

		article#pageLocations aside.Left, article#pagepromo aside.Left { display:none !important; }
		article#pageLocations aside.Right { display:block; width:100% !important; }

		article#pageLocations .content, article#pagepromo .content { width:100% !important; padding:0; }
		article#pagepromo .content img { width:90% !important;}

		#map-canvas { width:100% !important; height:250px; margin:0 auto; }
		#map-canvas img { width:80% !important; height:auto !important; border:none !important; }

		ul.locationDetails { width:100% !important; font-size:85%; }

		ul.locationDetails li { min-height:150px !important; width:23% !important; }

		span#locationSearchMobile { display:block; }

		#pageFranchise img { margin:15px 0 !important; }

		ul.franchiseDetails { /*width:60%;*/ font-size:135%; width:100%; margin:0 0 15px 0 !important; padding:0 !important; border:none; }

		ul.franchiseDetails li { /*width:60%;*/ list-style:none !important; margin:0 0 10px 0 !important; padding:0 0 0 30px; line-height: 18px; }
		ul.franchiseDetails li.mapIcon,
		ul.franchiseDetails li.phoneIcon,
		ul.franchiseDetails li.clockIcon,
		ul.franchiseDetails li.weatherIcon,
		ul.franchiseDetails li.emailIcon  { background-size: 7% !important; }

		.promoCalendar { /*width:38%;*/ width:100%; }
		#pageFranchise .promoCalendar img { width:105%; margin:0 !important; }
		.promoCalendar .promoText { margin:7px 0 0 0 !important; }
		.promoCalendar .promoText a { /*font-size:48% !important; margin: 0; padding:0;*/ }

		section.mainContent .fullContent { margin:0; padding:0 !important; }

		/* section.mainContent .fullContent iframe.emailClub { height:1950px !important; } */

		.mobile {
			color:#fff;
			font-size:140%;
			margin:0;
		 }

		.mobile .mobileHeader {
			border-bottom:2px solid #018755;
			margin:0 !important;
			padding:15px 0 15px 0;
			background-image: url('img/header-gradient.png'), url('img/menu-bg.png');
			background-position:left top, left bottom;
			background-repeat: repeat-x, repeat;
			background-color:#000;
			}
		.mobile .mobileHeader img { width:40%; height:auto; }

		.mobile .mobileHeader, footer.mobileFooter { text-align:center; width:100%; }

		h2, h3 { font-family: 'Squada One', arial; text-transform:uppercase; }

		h2 {}
		h3 { font-size:36px; margin:10px 0; }

		a.emailClub {
			width:63px;
			height:63px;
			margin:10px 10px 0 10px;
			padding:0;
			display:inline-block;
			background:url('img/email-club-icon.png') no-repeat left top;
		}
		a.txtClub {
			width:63px;
			height:63px;
			margin:10px 10px 0 10px;
			padding:0;
			display:inline-block;
			background:url('img/txt-club-icon.png') no-repeat left top;
		}
		/*div.mobile { margin:60px 0 0 0 !important; }*/

		.mobile ul { list-style: none; }

		.mobile ul li {
			list-style: none;
			text-align:center;
			border-bottom:1px solid #505050;
			padding:0;
			display:block;
			}

		.mobile nav ul li a, .mobile nav ul#menu li h2 { padding:20px 0 20px 0; }
		.mobile ul li a, footer.mobileFooter ul li a, .mobile nav ul#menu li h2 {
			font-family: 'Squada One', arial;
			text-transform: uppercase;
			color:#fff;
			text-decoration:none;
			/*font-size:180% !important;*/
			display:block;
			}
		.mobile ul li a { font-size:200% !important; }
		.mobile nav ul#menu li h2 { font-size:140% !important; }

		.mobile ul li a:hover, footer.mobileFooter ul li a:hover { color:#018755; }

		.mobile ul li p { line-height:24px; }
		.mobile ul li p img { width:100%; height:auto; }
		.mobile ul li p a { font-size:inherit !important; }

		.mobile ul li:last-child { border:none; padding:0 0 0 0; }

		.mobile nav ul#menu li { text-align:left; }
		.mobile nav ul#menu li h2 { position:relative; padding-left:20px; padding-right:20px; cursor:pointer; }
		.mobile nav ul#menu li h2 span {
			position:absolute;
			/*top:25px;*/
			right:20px;
			font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
			font-size:50px;
			font-weight:bold;
			display:inline-block;

			color:#181818;
			-webkit-border-radius: 30px;
			border-radius: 30px;
			width:30px;
			height:28px;
			padding-top:6px;
			padding-left:1px;
			text-align:center;
			vertical-align:middle;
			}
		.mobile nav ul#menu li div { padding:10px 20px; font-size:20px; }
		.mobile nav ul#menu li div p { margin:0 0 40px 0; }

		.ui-icon-triangle-1-s:after { content:"ˆ" }
		.ui-icon-triangle-1-s { background:#018755; }

		.ui-icon-triangle-1-e:after { content:"ˇ" }
		.ui-icon-triangle-1-e { background-color:#605f5e; }

		div.push { height:140px !important;}
		footer.mobileFooter {
			border-top:2px solid #018755 !important;
			background-image: url('img/footer-gradient.png'), url('img/menu-bg.png') !important;
			background-position:left top, left top;
			background-repeat: repeat-x, repeat;
			background-color:#000;
			font-size:80% !important;
			height:140px !important;
			}

		footer.mobileFooter ul {
			margin:0  !important;
			padding:5px 0 0 0  !important;
			width:100%  !important;
			font-size:32px  !important;
		}
		footer.mobileFooter ul li {
			display:inline-block  !important;
			margin:0  !important;
			padding:0  !important;
			text-align:center  !important;
			width:18%  !important;
			height:auto  !important;
			border:none  !important;
		}
		footer.mobileFooter ul li a span {
			display:block  !important;
			font-size:24px  !important;
			border:none  !important;
		}
		footer.mobileFooter ul li img {
			width:100%  !important;
			/*width:68% !important;*/
			height:auto  !important;
		}
		footer.mobileFooter ul li img, .mobile .mobileFooter ul li a {
			margin:0  !important;
			padding:0  !important;
			text-decoration:none  !important;
			border:none  !important;
		}

		.mainContent article { top:0px !important; }
		section.mainContent { margin:20px auto 20px auto !important; }


		/******* POP UP DIV *******/
		#popupDiv { display:none; }

		#noJS {
			position: fixed !important;
			top: 50%;
			left: 50%;
			margin-top: -162px;
			margin-left: -339px;
			z-index: 1000;
			}

		#popupDiv, #noJS {
			background:#000;
			border:2px solid #009665;
			width:679px;
			color:#fff;
			padding:20px 28px;
			position: relative;
			}

		#popupDiv h1, #noJS h1 {
			font-family: 'Squada One', arial;
			text-transform: uppercase;
			color:#fff;
			font-size:35px;
			*font-size:32px;
			line-height:32px;
			margin:0 0 20px 0;
			}
		#popupDiv h2, #noJS h2 {
			font-family: 'Open Sans', sans-serif;
			color:#fff;
			font-size:20px;
			line-height:24px;
			font-weight: normal;
			margin:0 0 25px 0;
		}

		#popupDiv a, #noJS a { color:#009665; font-size:12px; text-decoration: none; }
		#popupDiv a:hover, #noJS a:hover { text-decoration: underline; }

		#popupDiv a.browserBlock, #noJS a.browserBlock {
			background:#4f4f4f;
			width:200px;
			margin:0 5px 0 0;
			padding:10px;
			color:#fff;
			font-size:18px;
			border:1px solid #929292;
			float:left;
			display:inline-block;
			text-decoration: none;
			}

		#popupDiv a.browserBlock:hover, #noJS a.browserBlock:hover { border:1px solid #fff; text-decoration: none; }

		#popupDiv a.browserBlock img, #noJS a.browserBlock img { float:left; margin:0 5px 0 0; }
		#popupDiv a.browserBlock span, #noJS a.browserBlock span { float:left; display:inline-block; width:50%; margin:15px 0 0 0; cursor: pointer; }
		#popupDiv a.browserBlock span:hover, #noJS a.browserBlock span:hover { text-decoration: none; cursor: pointer; }

		#popupDiv .yellowText, #noJS .yellowText { color:#fff200; padding:15px 0 15px 0; }

		#popupDiv .center, #noJS .center { text-align:center; }

		#popupDiv input {
			position:absolute;
			top:-7px;
			right:-13px;
			background:none;
			border:none;
			width:auto;
			font-weight:bold;
			color:#009665;
			cursor: pointer;
			}
        .mainContent article a {
            font-family: 'Open Sans', sans-serif;
            color:#009665;
        }
}

/* AND below */

@media only screen and (max-width: 767px) {
	/* amazon kindle fire 2 portrait
	HTC One X portrait
	HTC Evo 3D portrait
	Motorola Razr Maxx HD portrait
	Motorola Razr portrait
	Motorola Atrix HD portrait
	Motorola Photon 4G portrait
	Motorola Droid 4 portrait
	Motorola Droid Razr portrait
	Samsung Galaxy Nexus portrait
	Samsung Galaxy Note II portrait
	Samsung Galaxy S III portrait
	*/
		body {
		/*background-color: yellow!important;*/
		}

		header div img { width:30% !important; height: auto; }
		header div, footer div.wrap { width:100% !important; max-width:100% !important; margin:0 auto; }

		ul.locationDetails li { min-height:150px !important; width:30% !important; }

		.mobile { display:block !important; }

		body { background:#000; font-family: 'Open Sans',sans-serif; margin:0 !important; padding:0 !important; }

		#wrapper { /*display:none;*/ margin:0 auto -130px !important; height:auto !important; position:relative !important; }
		header.web, footer.web { display:none; }
		header, footer {
			position:relative !important;
			height:auto !important;
			/*z-index:auto !important;
			top:auto !important;
			left:auto !important;
			bottom:auto !important; */
			background:none !important;
			border:none !important;
		}

		header { top:auto !important; }

		article#pageLocations aside.Left, article#pagepromo aside.Left { display:none !important; }
		article#pageLocations aside.Right { display:block; width:100% !important; }

		article#pageLocations .content, article#pagepromo .content { width:100% !important; padding:0; }
		article#pagepromo .content img { width:90% !important;}

		#map-canvas { width:100% !important; height:250px; margin:0 auto; }
		#map-canvas img { width:80% !important; height:auto !important; border:none !important; }

		ul.locationDetails { width:100% !important; font-size:85%; }
		ul.locationDetails li { min-height:150px !important; width:45% !important; }

		span#locationSearchMobile { display:block; }

		#pageFranchise img { margin:15px 0 !important; }

		ul.franchiseDetails { /*width:60%;*/ font-size:135%; width:100%; margin:0 0 15px 0 !important; padding:0 !important; border:none; }

		ul.franchiseDetails li { /*width:60%;*/ list-style:none !important; margin:0 0 10px 0 !important; padding:0 0 0 30px; line-height: 18px; }
		ul.franchiseDetails li.mapIcon,
		ul.franchiseDetails li.phoneIcon,
		ul.franchiseDetails li.clockIcon,
		ul.franchiseDetails li.weatherIcon,
		ul.franchiseDetails li.emailIcon  { background-size: 7% !important; }

		.promoCalendar { /*width:38%;*/ width:100%; }
		#pageFranchise .promoCalendar img { width:105%; margin:0 !important; }
		.promoCalendar .promoText { margin:7px 0 0 0 !important; }
		.promoCalendar .promoText a { /*font-size:48% !important; margin: 0; padding:0;*/ }

		section.mainContent .fullContent { margin:0; padding:0 !important; }

		/* section.mainContent .fullContent iframe.emailClub { height:1950px !important; } */

		.mobile {
			color:#fff;
			font-size:140%;
			margin:0;
		 }

		.mobile .mobileHeader {
			border-bottom:2px solid #018755;
			margin:0 !important;
			padding:15px 0 15px 0;
			background-image: url('img/header-gradient.png'), url('img/menu-bg.png');
			background-position:left top, left bottom;
			background-repeat: repeat-x, repeat;
			background-color:#000;
			}
		.mobile .mobileHeader img { width:40%; height:auto; }

		.mobile .mobileHeader, footer.mobileFooter { text-align:center; width:100%; }

		h2, h3 { font-family: 'Squada One', arial; text-transform:uppercase; }

		h2 {}
		h3 { font-size:36px; margin:10px 0; }

		a.emailClub {
			width:63px;
			height:63px;
			margin:10px 10px 0 10px;
			padding:0;
			display:inline-block;
			background:url('img/email-club-icon.png') no-repeat left top;
		}
		a.txtClub {
			width:63px;
			height:63px;
			margin:10px 10px 0 10px;
			padding:0;
			display:inline-block;
			background:url('img/txt-club-icon.png') no-repeat left top;
		}
		/*div.mobile { margin:60px 0 0 0 !important; }*/

		.mobile ul { list-style: none; }

		.mobile ul li {
			list-style: none;
			text-align:center;
			border-bottom:1px solid #505050;
			padding:0;
			display:block;
			}

		.mobile nav ul li a, .mobile nav ul#menu li h2 { padding:20px 0 20px 0; }
		.mobile ul li a, footer.mobileFooter ul li a, .mobile nav ul#menu li h2 {
			font-family: 'Squada One', arial;
			text-transform: uppercase;
			color:#fff;
			text-decoration:none;
			/*font-size:180% !important;*/
			display:block;
			}
		.mobile ul li a { font-size:200% !important; }
		.mobile nav ul#menu li h2 { font-size:140% !important; }

		.mobile ul li a:hover, footer.mobileFooter ul li a:hover { color:#018755; }

		.mobile ul li p { line-height:24px; }
		.mobile ul li p img { width:100%; height:auto; }
		.mobile ul li p a { font-size:inherit !important; }

		.mobile ul li:last-child { border:none; padding:0 0 0 0; }

		.mobile nav ul#menu li { text-align:left; }
		.mobile nav ul#menu li h2 { position:relative; padding-left:20px; padding-right:20px; cursor:pointer; }
		.mobile nav ul#menu li h2 span {
			position:absolute;
			/*top:25px;*/
			right:20px;
			font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
			font-size:50px;
			font-weight:bold;
			display:inline-block;

			color:#181818;
			-webkit-border-radius: 30px;
			border-radius: 30px;
			width:30px;
			height:28px;
			padding-top:6px;
			padding-left:1px;
			text-align:center;
			vertical-align:middle;
			}
		.mobile nav ul#menu li div { padding:10px 20px; font-size:20px; }
		.mobile nav ul#menu li div p { margin:0 0 40px 0; }

		.ui-icon-triangle-1-s:after { content:"ˆ" }
		.ui-icon-triangle-1-s { background:#018755; }

		.ui-icon-triangle-1-e:after { content:"ˇ" }
		.ui-icon-triangle-1-e { background-color:#605f5e; }

		div.push { height:130px !important;}
		footer.mobileFooter {
			border-top:2px solid #018755 !important;
			background-image: url('img/footer-gradient.png'), url('img/menu-bg.png') !important;
			background-position:left top, left top;
			background-repeat: repeat-x, repeat;
			background-color:#000 !important;
			font-size:80% !important;
			height:130px !important;
			}

		footer.mobileFooter ul {
			margin:0  !important;
			padding:5px 0 0 0  !important;
			width:100%  !important;
			font-size:32px  !important;
		}
		footer.mobileFooter ul li {
			display:inline-block  !important;
			margin:0  !important;
			padding:0  !important;
			text-align:center  !important;
			width:18%  !important;
			height:auto  !important;
			border:none  !important;
		}
		footer.mobileFooter ul li a span {
			display:block  !important;
			font-size:24px  !important;
			border:none  !important;
		}
		footer.mobileFooter ul li img {
			width:100%  !important;
			/*width:68% !important;*/
			height:auto  !important;
		}
		footer.mobileFooter ul li img, .mobile .mobileFooter ul li a {
			margin:0  !important;
			padding:0  !important;
			text-decoration:none  !important;
			border:none  !important;
		}

		.mainContent article { top:0px !important; }
		section.mainContent { margin:20px auto 20px auto !important; }


		/******* POP UP DIV *******/
		#popupDiv { display:none; }

		#noJS {
			position: fixed !important;
			top: 50%;
			left: 50%;
			margin-top: -162px;
			margin-left: -339px;
			z-index: 1000;
			}

		#popupDiv, #noJS {
			background:#000;
			border:2px solid #009665;
			width:679px;
			color:#fff;
			padding:20px 28px;
			position: relative;
			}

		#popupDiv h1, #noJS h1 {
			font-family: 'Squada One', arial;
			text-transform: uppercase;
			color:#fff;
			font-size:35px;
			*font-size:32px;
			line-height:32px;
			margin:0 0 20px 0;
			}
		#popupDiv h2, #noJS h2 {
			font-family: 'Open Sans', sans-serif;
			color:#fff;
			font-size:20px;
			line-height:24px;
			font-weight: normal;
			margin:0 0 25px 0;
		}

		#popupDiv a, #noJS a { color:#009665; font-size:12px; text-decoration: none; }
		#popupDiv a:hover, #noJS a:hover { text-decoration: underline; }

		#popupDiv a.browserBlock, #noJS a.browserBlock {
			background:#4f4f4f;
			width:200px;
			margin:0 5px 0 0;
			padding:10px;
			color:#fff;
			font-size:18px;
			border:1px solid #929292;
			float:left;
			display:inline-block;
			text-decoration: none;
			}

		#popupDiv a.browserBlock:hover, #noJS a.browserBlock:hover { border:1px solid #fff; text-decoration: none; }

		#popupDiv a.browserBlock img, #noJS a.browserBlock img { float:left; margin:0 5px 0 0; }
		#popupDiv a.browserBlock span, #noJS a.browserBlock span { float:left; display:inline-block; width:50%; margin:15px 0 0 0; cursor: pointer; }
		#popupDiv a.browserBlock span:hover, #noJS a.browserBlock span:hover { text-decoration: none; cursor: pointer; }

		#popupDiv .yellowText, #noJS .yellowText { color:#fff200; padding:15px 0 15px 0; }

		#popupDiv .center, #noJS .center { text-align:center; }

		#popupDiv input {
			position:absolute;
			top:-7px;
			right:-13px;
			background:none;
			border:none;
			width:auto;
			font-weight:bold;
			color:#009665;
			cursor: pointer;
			}
		aside.Right {
			display:block !important;
			float:none !important;
			width:100% !important;
		}

		section.mainContent .content {
			width:100% !important;
		}
        div.entry div.center a img, img.half-screen {
            width:95%;
        }
        section.mainContent #pageMenu #post-2308 p a.menulink, section.mainContent #pageMenu #post-2308 p a.menulink:visited {

        }
        .mobile ul li a.menulink {
			font-family:Arial, "sans-serif";
            color:#009665;
			text-decoration:none;
			display:contents;
            text-transform: capitalize;
			}
        section.mainContent #pageSauces aside.Left {
            display: none;
        }
        section.mainContent .content div.insane img, section.mainContent .content div.hot img, section.mainContent .content div.medium img, section.mainContent .content div.mild img {
            display: none;
    }
}

@media only screen and (max-width: 480px) {
	/* iphone 5 portrait / landscape
	iphone 4s portrait / landscape
	iphome 4 portrait / landscape
	iphone 4 portrait / landscape
	LG Optimus 3d portrait
	Sony Xperia Tipe portrait
	Sony Xperia X10 portrait
	HTC Wildfire portrait
	HTC Hero portrait
	Samsung Galaxy S II portrait
	Samsung Galaxy S portrait
	*/
		body {
		/*background-color: black!important;*/
		}

		header div img { width:30% !important; height: auto; }
		header div, footer div.wrap { width:100% !important; max-width:100% !important; margin:0 auto; }

		ul.locationDetails li { min-height:150px !important; width:30% !important; }

		.mobile { display:block !important; }

		body { background:#000; font-family: 'Open Sans',sans-serif; margin:0 !important; padding:0 !important; }

		#wrapper { /*display:none;*/ margin:0 auto -90px !important; height:auto !important; position:relative !important; }

		header.web, footer.web { display:none; }
		header, footer {
			position:relative !important;
			height:auto !important;
			/*z-index:auto !important;
			top:auto !important;
			left:auto !important;
			bottom:auto !important; */
			background:none !important;
			border:none !important;
		}

		header { top:auto !important; }

		article#pageLocations aside.Left, article#pagepromo aside.Left { display:none !important; }
		article#pageLocations aside.Right { display:block; width:100% !important; }

		article#pageLocations .content, article#pagepromo .content { width:100% !important; padding:0; }
		article#pagepromo .content img { width:90% !important;}

		#map-canvas { width:100% !important; height:250px; margin:0 auto; }
		#map-canvas img { width:80% !important; height:auto !important; border:none !important; }

		ul.locationDetails { width:100% !important; font-size:85%; }
		ul.locationDetails li { min-height:150px !important; width:45% !important; }

		span#locationSearchMobile { display:block; }

		#pageFranchise img { margin:15px 0 !important; }

		ul.franchiseDetails { /*width:60%;*/ font-size:135%; width:100%; margin:0 0 15px 0 !important; padding:0 !important; border:none; }

		ul.franchiseDetails li { /*width:60%;*/ list-style:none !important; margin:0 0 10px 0 !important; padding:0 0 0 30px; line-height: 18px; }
		ul.franchiseDetails li.mapIcon,
		ul.franchiseDetails li.phoneIcon,
		ul.franchiseDetails li.clockIcon,
		ul.franchiseDetails li.weatherIcon,
		ul.franchiseDetails li.emailIcon  { background-size: 7% !important; }

		.promoCalendar { /*width:38%;*/ width:100%; }
		#pageFranchise .promoCalendar img { width:105%; margin:0 !important; }
		.promoCalendar .promoText { margin:7px 0 0 0 !important; }
		.promoCalendar .promoText a { /*font-size:48% !important; margin: 0; padding:0;*/ }

		section.mainContent .fullContent { margin:0; padding:0 !important; }

		/* section.mainContent .fullContent iframe.emailClub { height:1950px !important; } */

		.mobile {
			color:#fff;
			font-size:140%;
			margin:0;
		 }

		.mobile .mobileHeader {
			border-bottom:2px solid #018755;
			margin:0 !important;
			padding:15px 0 15px 0;
			background-image: url('img/header-gradient.png'), url('img/menu-bg.png');
			background-position:left top, left bottom;
			background-repeat: repeat-x, repeat;
			background-color:#000;
			}
		.mobile .mobileHeader img { width:40%; height:auto; }

		.mobile .mobileHeader, footer.mobileFooter { text-align:center; width:100%; }

		h2, h3 { font-family: 'Squada One', arial; text-transform:uppercase; }

		section.mainContent h2 {
            font-size: 22px;
            line-height: 24px;
        }
		h3 {
            font-family: 'Open Sans', sans-serif;
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            font-weight: normal;
            margin: 0 0 10px 0;
        }
        p {
            font-size: 16px;
        }

		a.emailClub {
			width:63px;
			height:63px;
			margin:10px 10px 0 10px;
			padding:0;
			display:inline-block;
			background:url('img/email-club-icon.png') no-repeat left top;
		}
		a.txtClub {
			width:63px;
			height:63px;
			margin:10px 10px 0 10px;
			padding:0;
			display:inline-block;
			background:url('img/txt-club-icon.png') no-repeat left top;
		}
		/*div.mobile { margin:60px 0 0 0 !important; }*/

		.mobile ul { list-style: none; }

		.mobile ul li {
			list-style: none;
			text-align:center;
			border-bottom:1px solid #505050;
			padding:0;
			display:block;
			}

		.mobile nav ul li a, .mobile nav ul#menu li h2 { padding:20px 0 20px 0; }
		.mobile ul li a, footer.mobileFooter ul li a, .mobile nav ul#menu li h2 {
			font-family: 'Squada One', arial;
			text-transform: uppercase;
			color:#fff;
			text-decoration:none;
			/*font-size:180% !important;*/
			display:block;
			}
		.mobile ul li a { font-size:200% !important; }
		.mobile nav ul#menu li h2 { font-size:140% !important; }

		.mobile ul li a:hover, footer.mobileFooter ul li a:hover { color:#018755; }

		.mobile ul li p { line-height:24px; }
		.mobile ul li p img { width:100%; height:auto; }
		.mobile ul li p a { font-size:inherit !important; }

		.mobile ul li:last-child { border:none; padding:0 0 0 0; }

		.mobile nav ul#menu li { text-align:left; }
		.mobile nav ul#menu li h2 { position:relative; padding-left:20px; padding-right:20px; cursor:pointer; }
		.mobile nav ul#menu li h2 span {
			position:absolute;
			/*top:25px;*/
			right:20px;
			font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
			font-size:50px;
			font-weight:bold;
			display:inline-block;

			color:#181818;
			-webkit-border-radius: 30px;
			border-radius: 30px;
			width:30px;
			height:28px;
			padding-top:6px;
			padding-left:1px;
			text-align:center;
			vertical-align:middle;
			}
		.mobile nav ul#menu li div { padding:10px 20px; font-size:20px; }
		.mobile nav ul#menu li div p { margin:0 0 40px 0; }

		.ui-icon-triangle-1-s:after { content:"ˆ" }
		.ui-icon-triangle-1-s { background:#018755; }

		.ui-icon-triangle-1-e:after { content:"ˇ" }
		.ui-icon-triangle-1-e { background-color:#605f5e; }

		div.push { height:90px !important;}
		footer.mobileFooter {
			border-top:2px solid #018755 !important;
			background-image: url('img/footer-gradient.png'), url('img/menu-bg.png') !important;
			background-position:left top, left top;
			background-repeat: repeat-x, repeat;
			background-color:#000 !important;
			font-size:80% !important;
			height:90px !important;
			}

		footer.mobileFooter ul {
			margin:0  !important;
			padding:5px 0 0 0  !important;
			width:100%  !important;
			font-size:32px  !important;
		}
		footer.mobileFooter ul li {
			display:inline-block  !important;
			margin:0  !important;
			padding:0  !important;
			text-align:center  !important;
			width:17%  !important;
			height:auto  !important;
			border:none  !important;
		}
		footer.mobileFooter ul li a span {
			display:block  !important;
			font-size:24px  !important;
			border:none  !important;
		}
		footer.mobileFooter ul li img {
			width:100%  !important;
			/*width:68% !important;*/
			height:auto  !important;
		}
		footer.mobileFooter ul li img, .mobile .mobileFooter ul li a {
			margin:0  !important;
			padding:0  !important;
			text-decoration:none  !important;
			border:none  !important;
		}

		.mainContent article { top:0px !important; }
		section.mainContent { margin:20px auto 20px auto !important; }

/*
		frame.loyaltyframe	{width:320px;}

*/
		/******* POP UP DIV *******/
		#popupDiv { display:none; }

		#noJS {
			position: fixed !important;
			top: 50%;
			left: 50%;
			margin-top: -162px;
			margin-left: -339px;
			z-index: 1000;
			}

		#popupDiv, #noJS {
			background:#000;
			border:2px solid #009665;
			width:679px;
			color:#fff;
			padding:20px 28px;
			position: relative;
			}

		#popupDiv h1, #noJS h1 {
			font-family: 'Squada One', arial;
			text-transform: uppercase;
			color:#fff;
			font-size:35px;
			*font-size:32px;
			line-height:32px;
			margin:0 0 20px 0;
			}
		#popupDiv h2, #noJS h2 {
			font-family: 'Open Sans', sans-serif;
			color:#fff;
			font-size:20px;
			line-height:24px;
			font-weight: normal;
			margin:0 0 25px 0;
		}

		#popupDiv a, #noJS a { color:#009665; font-size:12px; text-decoration: none; }
		#popupDiv a:hover, #noJS a:hover { text-decoration: underline; }

		#popupDiv a.browserBlock, #noJS a.browserBlock {
			background:#4f4f4f;
			width:200px;
			margin:0 5px 0 0;
			padding:10px;
			color:#fff;
			font-size:18px;
			border:1px solid #929292;
			float:left;
			display:inline-block;
			text-decoration: none;
			}

		#popupDiv a.browserBlock:hover, #noJS a.browserBlock:hover { border:1px solid #fff; text-decoration: none; }

		#popupDiv a.browserBlock img, #noJS a.browserBlock img { float:left; margin:0 5px 0 0; }
		#popupDiv a.browserBlock span, #noJS a.browserBlock span { float:left; display:inline-block; width:50%; margin:15px 0 0 0; cursor: pointer; }
		#popupDiv a.browserBlock span:hover, #noJS a.browserBlock span:hover { text-decoration: none; cursor: pointer; }

		#popupDiv .yellowText, #noJS .yellowText { color:#fff200; padding:15px 0 15px 0; }

		#popupDiv .center, #noJS .center { text-align:center; }

		#popupDiv input {
			position:absolute;
			top:-7px;
			right:-13px;
			background:none;
			border:none;
			width:auto;
			font-weight:bold;
			color:#009665;
			cursor: pointer;
			}

		aside.Right {
			display:block !important;
			float:none !important;
			width:100% !important;
		}

		section.mainContent .content {
			width:100% !important;
		}
}

/* iPhone 2G-4S in landscape ****/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {

	#wrapper { margin:0 auto -130px !important; }
	div.push { height:130px !important;}
	footer.mobileFooter { height:130px !important; }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

	#backslides ul.slides-container div.container { top:25% !important; }
	#backslides ul.slides-container div.container img  { width:95% !important; }

}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

	#backslides ul.slides-container div.container img  { width:80% !important; }

}

/* 2014-02-05 added specific adjustment for iframed email club after form change */
@media only screen and (min-width: 300px) and (max-width: 600px) {
	#email-club-iframe {
		height: 2200px;
	}
}
@media only screen and (min-width: 600px) {
	#email-club-iframe {
		height: 1500px;
	}
}
/* Custom slider */
@media (max-width: 800px) {
	#spring-gift-card-slider { width: 35% !important; }
}

@media (max-width: 1200px) {
	#spring-gift-card-slider { width: 20% !important; }
}

h2#slide1 {
    position: absolute;
    top:25%;
}