@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: C.TRAC - hank D
Author URI: http://www.ctrac.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:960px; margin:0 auto; }


.logo { float:left; /*width:166px; height:71px; background:#ccc;*/ margin-top:15px; width:17%; 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;
	
	*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;
}

.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;
}
.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;
	}

.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:#0d884a; 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%; }


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;
	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;
	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;
}


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);
}

select { width: 224px !important; }

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:792px !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;
}

/* ~~ 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;
}


/******* 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;
			}
}
 
/* 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;
		}
}
 
@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; }
		
		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: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;
	}
}