
/*  
CMS CSS
*/

html {
    overflow-y: scroll;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

*,*:after,*:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;margin:0
	}

body {
	padding: 0;
	font-size: 13px;
	text-align: left;
	color: #000;
	line-height:normal;
}



#return-to-cat-btn a {  /* this is for separate page for menu option */
	display:inline-block;
	text-align:center;
	float:left;
	margin-bottom:30px;
	padding:15px;
	border-radius: 6px;
	background:red;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	width:80%;
	max-width:200px;
}

#separte-cat-listing-section {
	float:left;
	clear:both;
	background:#fff;
	padding:3%;
	padding-top:20px;
}

/* THIS IS FOR FULL ADDRESS AND PHONE IN THE HORIZONTAL NAV SECTION (IF USED) */
#h-nav_header-address {
	display:none;
	}


/* DOWNLOAD PDF BUTTON */

.custom-pdf-button {
display:block;
text-align:left;
padding:.5em;
padding-right:.8em;
padding-left:33px;
width:260px;
position:relative;
margin-right:auto;
	margin-left:auto;
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
background:url(../images/pdf-download-icon.png) no-repeat left center #000;
color:#fff;
border:solid .5px #fff;
margin-top:-5px;
}

#main-content .custom-pdf-button a {
display:inline-block;
color:#fff;
text-decoration:none;
	padding:4px;
}

/*END CUSTOM PDF BUTTON */



/* DISPLAYS THE ONLINE ORDERING LINK IN MAIN NAV IF ENTER ORDER ONLINE IN CUSTOM NAV LINK AREA */

#horizontal-main-menu ul li.hide-online-ordering-std a {
	display:inline-block;
	display:none;
	padding:8px 10px 4px 10px;
	border-radius:8px;
	background:#fff;
	color:#000;
	font-weight:400;
}
#horizontal-main-menu ul li.hide-online-ordering-std a:hover {
	background:#f27024;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out 0s;
  	transition: all 0.3s ease-in-out 0s;
}
/* 	END STYLE FOR ONLINE ORDER HNAV LINK */

/* wrap this around youtube iframe videos for 16:9 ratio videos to be responsive */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* end video iframe wrapper css */

.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#home-specials {
	display:none;
}

/* THIS IS FOR THE RIGHT SIDE AREA IN THE HORIZONTAL MENU WRAPPER - IF USED */

#horiz-right-side {
	display:inline-block;
		position:absolute;
		z-index:9111;
	right:0;
	top:0;
	height:auto;
}

#horiz-right-side li {
	display:inline-block;
	float:right;
}

.horiz-phone, .horiz-social, .horiz-email, .horiz-city {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	width:auto;
	height:auto;
	float:right;
	display:inline-block;
	font-size:30px;
	color:#fff;
	opacity:.9;
	padding:.2em;
	text-align:right;
	float:left;
}

.horiz-city {
	clear:right;
	font-size:22px;
	color:#000;
	margin-top:11px;
}

#horiz-right-side li img {
	width:32px;
	height:32px;
	margin:.5em .2em;
	opacity:1;
}

#horiz-right-side li.horiz-email img {
	width:32px;
	height:32px;
	margin:0;
	margin-top:.1em;
	opacity:1;
}

#horiz-right-side li img:hover {
	opacity:.9;
}

/* END HORIZONTAL NAV SOCIAL CSS */



body, th, td, input, textarea, select, option {
	font-family: Arial, Times, serif;
}


a:img {border:none;}

#top-content { /* this will hide by default this div *****************/
	display:none;
}

marquee {
	color:#000;
	display:inline-block;
	margin-bottom:.5em;
}


#wrapper { 
	border:none; 
	width:960px;
	margin:auto;
	}
	
	
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
}

h1 {
	color: #000; font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em; line-height: 1.2em; 
	margin-top:0px;
}

#main-content h2, h2 {
	color: #000; 
	font-family:arial, verdana, sans-serif;
	font-size: 1.5em; 
	line-height: 1.5em;
	padding-top:.7em;
	padding-bottom:.3em;
	font-weight:500;
}


h2.blog-message {  /* this is for the message in the blog area */
	margin: 0px; 
	padding: 0%; 
	padding-left:1.5%;
	padding-right:1.5%;
	text-align: left; 
	margin-bottom:5px;
}

h3 {
	font-size: 1.3em;
}

h4, h5, h6 {
	font-size: 1.3em;
}

p { font-size: 1em;
	margin: 0;
	padding: 0;
}


#wysiwyg-content p,
#main-content p { 
font-size: 1.1em;
line-height:1.3em;
padding-bottom:.6em;
padding-top:.3em;
}

#wysiwyg-content h2,
#main-content h2 { 
font-size: 1.4em;
line-height:1.3em;
padding-bottom:.6em;
padding-top:.3em;
}


#main-content #menu-wrapper ul li {
	padding-top:0;
	padding-bottom:5px;
}

#main-content ul, #main-content ol,
#wysiwyg-content ul, #wysiwyg-content ol { 
font-size: 14px;
list-style-type:inherit;
margin-left: 2em;
margin-right:2em;
line-height:1.3em;
}


#main-content #wysiwyg-content ol li { 
line-height:1.4em;
list-style-type:decimal;
margin-bottom:.2em;
}

#main-content #wysiwyg-content ul li {
	line-height:normal;
list-style-type:disc;
margin-top:.2em;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #000;
	text-decoration:none;
}

a:hover {
}

/* PRIVACY POLICY */
#privacy-policy-wrapper {
	padding:1.5%;
}

#main-content #wysiwyg-content #privacy-policy-wrapper p,
#main-content #wysiwyg-content #privacy-policy-wrapper ol,
#main-content #wysiwyg-content #privacy-policy-wrapper ol li,
#main-content #wysiwyg-content #privacy-policy-wrapper Ul,
#main-content #wysiwyg-content #privacy-policy-wrapper Ul li { 
font-size: 1em;
line-height:1.3em;
}

#main-content #wysiwyg-content #privacy-policy-wrapper h3,
#main-content #wysiwyg-content #privacy-policy-wrapper h2 { 
font-size: 1.2em;
	margin: 0;
	padding: 0;
	line-height:1.3em;
	font-weight:bold;
	margin-top:10px;
}
/* END PRIVACY POLICY */

#large-custom-button a h1 {
	display:block;
	padding:.5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background:#000;
	color:#fff;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.3em;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}

hr { 
	margin: 0px; 
	padding: 0px;  
	color: #fff;
}

input, select, textarea {
display:block;
border: 1px solid #999;
height: 23px;
margin-top:5px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}

select {
height: 29px;
}

textarea {
height: auto;
width:inherit;
}

#textarea-title {
	padding-top:6px;
}

input[type="checkbox"] {
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
height:auto;
text-align:left;
}


input[type="image"]{
border:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height:auto;width:auto;
}


input[type="radio"] {
	-webkit-box-shadow:none;
-moz-box-shadow: none;
box-shadow: none;
height:auto; margin-left:0;
padding-left:.2em;
display:inline;
text-align:left;
}

/* Header */

#header {
	width: 960px;
	height: 200px;
	margin: 0 auto;
	background: #000;
}


#header h1, #header p {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


#header p {
	margin-top: -5px;
	padding-left: 80px;
	font-size: 13px;
	color: #FFFFFF;
}

#header a {
	text-decoration: none;
	color: #FFB71C;
}

#header-logo {
margin:0px;padding:0px;
position:absolute;
padding-top:0px;
margin-left:10px; 
z-index:1999;
 }
 
#h-nav-logo-wrapper {  /* this is for javascript logo - reduced in nav if used - hidden by default */
	display:none;
}

#city, #address {
	display:none;
}

#address p {
float: right; 
padding-right: 13px; 
font-size: 14px;
color: #000;
margin-top:0px;
padding-bottom:20px;
font-weight:bold;
}

#address p .phone-number {
	font-weight:bold;
	color:#000;
	}




/* Page */

#page {
	width:100%;
	max-width: 1024px;
	background: none;
	margin: 0 auto;
	padding:0px;
	clear:both;
	padding-top:7px;
}

#page-bgtop {
}

#page-bgbtm {
}

/* Content */

#sidebar { 
	margin:0px; 
	padding:0px;
	float: left;
	width: 23%;
	padding-bottom:16px; /* use padding instead of margin to get flush with bottom of #page */
	min-width:180px;
}
#nav-wrapper { 
width:100%; 
padding:0;
margin:0;
}

#content {
margin:0px;
float: right;   /* float right for left sidebar */
width: 77%;
background-color:#fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:2%;
min-height: 200px;
}

#content-full-width {
	padding: 0px; margin:0px;
	float: right;   /* float right for left sidebar */
	width: 100%;
	padding-top: 0px;
	margin-top: 0px;
	background-color:#fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
	border-radius: 8px;
}

#content-full-width #acc li,
#content #acc li {
	list-style:none;
}

#main-content { 
float:right; 
width:100%;
margin:0;
padding:0%;
padding-top:0px;
padding-bottom:16px;
min-height:auto;
}

#wysiwyg-content,
#html-main-content {
	width:inherit;
	max-width:100%;
	padding:3%;
	padding-top:2%;
	padding-bottom:2%;
}

#main-content img {
	max-width:100%;
}


@media screen and (max-width: 600px) { /* this is for the lennox api energy star image */
#main-content .Products img {
	width:12px;
	height:12px;
	max-width:12px;
	max-height:12px;
}
}


.title { text-align: left;
	margin: 0;
	padding-bottom: 5px;
	font-size: 22px;
	color: #3B3513;
}

.title a {
	text-decoration: none;
	color: #3B3513;
}

.pagetitle {
	border-bottom: 2px solid #0F0F0F;
}


.meta {
	text-align: left;
	color: #646464;
	padding: 10px 10px;
	margin: 30px 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.meta .more {
	padding-left: 10px;
}

.meta .comments {
	padding-left: 10px;
}
.meta a {
}

.entry { 
	padding: 0px 0px; 
	text-align: left;
}

.entry h1 { 
	margin: 0px; 
	padding: 0%; 
	padding-left:3%;
	padding-right:3%;
	text-align: left; 
	margin-bottom:9px;
}

.entry h2 { 
margin-top:0px;
padding-top:0;
}


.breadcrumbs { 
display:block;
color:#CCC;
margin-bottom:20px;
border-bottom:solid 1px #ccc;
margin-top:0px;
font-size:11px;
margin-left:1%;margin-right:1%;
}

.breadcrumb a {
	color:#ccc;text-decoration:none;
}


.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.posts {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.posts li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #0F0F0F;
}

.posts h3 {
	margin: 0;
	font-weight: bold;
}

.posts p {
	margin: 0; padding:0;
	line-height: normal;
}

.posts a {
}

/* Sidebar */


.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width:auto;
border: none;
}
.glossymenu li{
position: relative;
}
.glossymenu li a {
font: bold 13px arial, Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 2px 0;
padding-left: 10px;
text-decoration: none;
font-weight: normal;
}
.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 160px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left; padding:0px;margin:0px;
}
.glossymenu li ul li a {
background: #c8dee9; 
width: 115px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}
.glossymenu .arrowdiv {
/* position: absolute;  ///// hiding this to test if it is needed 
right: 2px;
background: transparent url(../images/arrow.png) no-repeat center right; */
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
}
/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */



#sidebar ul {
	margin: 0;
	list-style: none;
 padding:0px;
  width:100%;
  }
#sidebar ul li {
	margin: 0; padding:0;
  }
#sidebar h2 {
	margin: 0;
	font-size: 15px;
	color: #000;
}
#sidebar h3 {
	margin: 0;
	height:auto;
	padding: 8px 0px 10px 15px;
	font-size: 14px;
	color: #000;
}
#sidebar a {
	text-decoration: none;
	font-weight: bold;
}
#sidebar p {
	padding-left:0px;
}
#hours {}
#hours .bold-font {
	font-weight:bold;
	}
#hours p {
	font-weight:normal;
	}


#main-list {
	list-style-type:disc;
}

#main-list li {
margin-left: 21px; 
line-height: 145%;
font-size: 12px; }

.list-header { 
font-weight: bold; 
color:#60678A; 
font-size: 15px; 
margin-top: 10px;
}

.list-sub { 
font-weight: normal; 
color:black; 
font-size: 14px; 
margin-top: 10px; 
line-height: 140%;
}

#h-line {
margin-left: 2px; 
marign: 0px; 
padding:0px; 
width: 285px; 
height: 1px; }

#h-line2 {
margin-left: 2px; 
marign: 0px; 
padding:0px; 
width: 275px; 
height: 1px; }


/*form styling */

#form-box {
padding: 0px 0px 0px 0px; 
width: 300px;
height: auto;
margin: 0px 0px 0px 0px;
padding-top: 0px;
}

.text-title-std {
	padding-top:.2em;
}

.thank-you {
font-size: 20px; 
font-style: italic; 
color: red; }

table {
margin-top: 0px;  
margin-bottom: 0px;}

td {font-size: 13px; 
padding: 0px 0px 0px 0px; }

table td p {
padding-top: 3px; 
margin-bottom:2px; }

form {
padding: 0px; 
margin:0px;
padding-top: 10px; 
margin-left: 10px;
}


img {
	border: none;
}

#page-size img {
padding:0px;}

#links p {
padding-left: 10px; }

#links img {
padding-top:3px;}

#links h3 {}

#services {
ist-style-type:disc; 
padding-left:10px;}

#services li {
line-height:2em;}

#links-box {
background-color: #fff; 
width: 170px; 
margin-left: 12px; }



/*  
coupon club
*/

#coupon-club {
	float:left;
	clear:both;
margin: 0px;
width:90%;
margin-left:3%;
margin-right:3%;
height: auto;
background:green;
padding:2%;
margin-bottom:15px;
margin-top:15px;
}

#coupon-club-text {
}

#coupon-club p {
}

.small-text {
font-size: 10px;
 }

#club-disclaimer {
	 padding:0px;margin:0px;
	 line-height:.9em;
	 margin-top:3px;}
.disclaimer-text {
	font-size: 10px; 
	}

#coupon-club .email-form {
margin-top: 8px;
line-height: 160%;
}

.submit-button {
	padding-left:.3em;
	padding-right:.3em;
}


.small-text {
font-size: 10px; }

#menu-navigation {
margin:0px;padding:0px;
}


/*  
left specials box
*/


#specials-allcontent { /* this is for sidebar specials */
	width:100%;
	margin-left:0%;
	background:#E60000;
	}
	

#lunch-specials { 
margin:0px;padding:0px;
padding-bottom:6px;
margin-top: 6px; 
color:#000; 
font-family:Arial, Helvetica, sans-serif;
margin-bottom:20px;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	background-color:#fff; 
	width:inherit;
	border:solid 1px #e60000;
}

#specials-top {
	padding:0px;
width:inherit;
height:55px;
	text-align:center;
	background:#E60000;
}

#specials-top img {
max-width:100%;
}

#specials-content {
	margin-top:3px;
	padding:3%;
}

#lunch-specials a { 
color:red;
font-style:italic;
font-size:14px;
}

#lunch-specials a:hover { 
color:#F00;
}

#lunch-specials-bottom {
display:none;
}

#lunch-specials ul li,
#lunch-specials ul li:hover {
	line-height:1.3em;
	background:#fff;
	border:none;
	color:#000;
}



#lunch-specials ul .specials-title li {
	font-weight:bold;
font-size:1.2em; 
color:#000;
}

#lunch-specials ul li p {
color:#000;
line-height:1.3em;
font-size:1em;
}

#lunch-specials h2 {
margin:0px; padding: 0px;
font-weight:bold; 
font-size: 1.2em;
text-align:center;
color: #000;
font-family:Arial, Helvetica, sans-serif;
padding-top:4px; 
margin-bottom:-10px;
}

#lunch-specials ul {
margin:0px; padding: 0px;
margin-top:3px;}

#lunch-specials p {
font-size: 13px;
margin:0px; 
padding:0px; 
color:#000;
padding-left: 5px; 

padding-bottom:5px; 
line-height: 100%;
font-weight:normal;
}

#sidebar #lunch-specials ul li,
#sidebar #lunch-specials ul li:hover {
font-size: 13px; 
margin:0px; 
padding: 0px; 
padding-left: 5px; 
padding-right:5px; 
border-bottom:none;
color:red;
background:none;
border:none;
}


#sidebar #lunch-specials #view-specials a {
text-align:center; 
font-size: 14px;
font-weight:bold;
color:#F00;
font-style:italic;
}

#sidebar #lunch-specials #view-specials a:hover {
color:#000;
}



#content-one-column {
margin:0px;
padding:0px;
background-color:#ffffff; 
width: 740px; 
border:solid; 
border-width:thin; 
border-color:#000000;
}

#content-one-column h1 {
text-align:left;
}


.links {
	font-size: 11px; 
text-decoration:underline;
padding: 0px; 
margin-left: 5px;
color:red;}

#admin-sidebar {}

.hide-field input
{
    border:none;
	background-color : #ffffff; 
    font-family : verdana; 
    color : #000000;
	font-weight:bold;
}

#google-map {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius:6px;

	}

#google-map iframe {
	width:97%;
	height:350px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius:6px;
	margin-left:1.5%;
	margin-right:1.5%;
		border:3px #fff solid;
	padding:0;
	}

#footer-wrapper #google-map iframe {
	height:112px;
	}

#google-map a {
	font-size:12px;
	margin-left:1.5%;
	}
#print-menu {
	width: 300px;
	padding:25px;
}

#below-menu-disclaimer {
	font-size:11px;
	line-height:1.2em;
	padding:1% 2%;
}

#clear {
	clear:both;
}


#coupon-line hr {
border-top: 5px dotted #333;
  color: #fff;
  background-color: #fff;
  height: 3px;
  width:100%;
  }
  
  
/* side social icons - not being used */
#social-icons-right-side {
position:fixed; 
margin-top:353px;
margin-left:795px;
width:45px;
}
#social-icons-right-side a img:hover {
opacity:.90;
filter:alpha(opacity=.90);
filter: “alpha(opacity=.90)”;
}
#facebook-side-icon {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#facebook-side-icon li {
	display: block;
	float: left;
	margin: 0 5px;
	background: url(../images/facebook-side-button.png) no-repeat center top;
	width:44px;height:44px;
}
#facebook-side-icon a {
	display: block;
	font-family:Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #666;
	text-align:center;
	background: url(../images/facebook-side-button.png) no-repeat center;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
	width:44px;height:44px;
}
#facebook-side-icon a:hover {
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	-o-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	background: url(../images/facebook-side-button.png) no-repeat center top;
	background: rgba(225, 225, 225, .2);
	width:44px;height:44px;
}





  /* Order online sidebar button CSS */

#sidebar-online-wrapper  {
}

#sidebar-oo-button {
	height:28px;
}

#sidebar-oo-button  {
		margin: 0px;
	padding: 0px;
	height:auto; width:102%;
	margin-left:-10px;
	margin-top:10px;
	margin-bottom:12px;
	font-size: 1.7em;
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align:center;
	background: red;
		-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	border:solid 3px #fff;
}


#sidebar-oo-button:hover {
		background: #d93131;
	background: -moz-linear-gradient(top, #e32024 1%, red 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e32024), color-stop(100%,red));
	background: -webkit-linear-gradient(top, #e32024 1%,red 100%);
	background: -o-linear-gradient(top, #e32024 1%,red 100%);
	background: -ms-linear-gradient(top, #e32024 1%,red 100%);
	background: linear-gradient(top, #e32024 1%,red 100%);
}






/* Online ordering upper buttons */

#order-header {
	text-align:center;
	}
#order-header ul {
	display: block;
text-align:center;
margin: 0; padding: 0;
  list-style-type: none; 
  float:left;
  clear:both;
	padding:0px;
	width:99%;
	margin-left:.5%;
	margin-right:.5%;
	border-bottom:solid 1px #cccfd2;
	margin-bottom:10px;
}
#order-header ul li {
position:relative;
   float: right; 
   list-style-type: none;
}

#order-header a  {
	text-decoration:none;
	color:#000;
font-size:14px;
line-height:120%;
}

#order-header ul li a .order-links {
    padding: 6px; margin-left:5px;
    background: #eff0f1;
	text-decoration:none;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    border: solid 1px #cccfd2;
	border-bottom:none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

#order-header ul li:hover a .order-links {
    background:#D50000;
	color:#fff;
}

#order-header ul li:hover a .order-links .cart-icon {
	background:url(../images/cart-graphic_hover.png) no-repeat left;

}
	
.cart-icon {
	background:url(../images/cart-graphic.png) no-repeat left;
	width:26px;height:18px; margin-top:-2px;padding-left:3px;
	float:left; 
}


.menu-description {
	font-style:italic; 
	padding-bottom:5px;
	}
	
/* this wraps around accordian menu */
#menu-wrapper {
		padding-left:2%;
		padding-right:2%;
		margin-bottom:20px;
		clear:both;
		margin-top:20px;
	}
	
.featured-item {
	background:#ccc;
	border-radius:4px;
	padding:.7em;
}

#main-content .above-menu-coupon-area h1 { /* this styles the h1 and print menu pieces */
width:70%;
float:left;
text-align:left;
padding-left:2%;
}


#main-content .above-menu-coupon-area a,
#main-content .above-menu-coupon-area a:visited { /* this styles the links over menu, coupon and specials */
display:block;
text-align:left;
padding:.5em;
padding-right:.6em;
padding-left:30px;
width:auto;
float:right;
margin-right:3%;
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
background:url(../images/print-icon.png) no-repeat left center #807f7e;
color:#fff;
border:solid .5px #fff;
margin-top:-5px;
}

.above-menu-coupon-area a:hover { /* this styles the links over menu, coupon and specials */
color:#fff;
background:url(../images/print-icon.png) no-repeat left center #000;
}

@media screen and (max-width: 800px) {
	
#main-content .above-menu-coupon-area a,
#main-content .above-menu-coupon-area a:visited { /* this styles the links over menu, coupon and specials */
padding:.5em;
padding-right:.6em;
padding-left:30px;
width:auto;
max-width:110px;
float:none;
position:relative;
clear:both;
margin-right:auto;
margin-left:auto;
margin-top:3px;
margin-top:20px;
}

#main-content #print-page .above-menu-coupon-area a,
#main-content #print-page .above-menu-coupon-area a:visited {
	max-width:133px;
}

}

body.online { /* this removed the space allotted for the footer in online section */
    margin: 0 0 0px; /* bottom = footer height */
}

body.online,
body.online #header,
body.online #wrapper { 
	background:#000;
}

body.online #footer-wrapper{
    margin: 0 0 0px; /* bottom = footer height */
}

body.online #content-full-width { 
}

.online #wysiwyg-content h1, 
.online #main-content .entry h1 {
	padding-left:0;
	margin-left:5px;
	text-align:left;
	color:#000;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow:none;
	font-size:1.9em;
	font-weight:bold;
}

@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 2px #B20000; }
  50% { background-color: #FF0000; -webkit-box-shadow: 0 0 30px #FF0000; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 2px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -moz-box-shadow: 0 0 2px #B20000; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 30px #FF0000; }
  100% { background-color: #B20000; -moz-box-shadow: 0 0 2px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 2px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 30px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 2px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; box-shadow: 0 0 2px #B20000; }
  50% { background-color: #FF0000; box-shadow: 0 0 30px #FF0000; }
  100% { background-color: #B20000; box-shadow: 0 0 2px #B20000; }
}

.order-notice-message {
	float:left;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	padding:.5em;
	 -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background:#FF0000;
	margin-bottom:1em;
}

@media screen and (max-width: 500px) {
.order-notice-message {
	clear:both;
	float:none;
	position:relative;
	width:100%;
	min-width:100%;
	margin-left:auto;
	margin-right:auto;
}
}

#offer-code-box {
	margin:0;
	text-align:left;
	width:30%;
	max-width:120px;
	border: none;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin-top:-7px;
	background:none;
	margin-bottom:9px;
	padding:1%;
	margin-left:1%;
	padding-bottom:1%;
	margin-right:1%;
	float:left;
}

.online #offer-code-box p {
	color: #fff;
	font-size:13px;
}

.online #offer-code-box {
	float:right;
	background:#48a3db;
	padding-left:0%;
	padding-top:.3%;
	padding-bottom:.8%;
	margin-right:.5%;
}




#offer-code-box input {
	display:inline-block;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	margin:0;
	padding:0;
	width:97%;
	max-width:97%;
	margin-bottom:3px;
	margin-top:3px;
}

#offer-code-box input[type="image"]{
}

#offer-code-box p {color:#FFF;
font-weight:bold;font-size: 13px;
padding:0px;margin:0px; margin-top:-5px;
}

#offer-code-button {
	background:#fff;
	color:#000;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	width:100%;
	max-width:86px;
}

#offer-code-button:hover {
background:#F00; 
color:#fff;
}

#ssl {
	float:right;width:125px;
	height:68px;margin-bottom:4px;
	margin-top:-8px;
	margin-right:10px;
}

#ssl img {
	border:none;
}


.online .entry h1 {
	line-height: 1.4em;
}

@media screen and (max-width: 500px) {

#offer-code-box input {
	width:96%;
	max-width:96%;
}
	

	
	/* #offer-code-box {
	margin-left:2%;
}

#offer-code-box {
	float:right;
} */

/* specific to online ordering section */	
/*.online #offer-code-box {
	margin-right:0%;
	float:none;
text-align:center;
 position:relative;
 width:104%;
 max-width:104%;
 clear:both;
 margin:0;
 background:#373737;
 padding:1% 1% 2% 1%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	margin-top:-20px;
	margin-left:-2%;
	height:52px;
	margin-bottom:.5em;
}

.online #offer-code-box p {
	float:left;
	width:35%;
	text-align:right;
	padding:.8em;
}

.online #offer-code-box input {
	float:left;
	width:22%;
	text-align:center;
	padding:.2em;
	margin:.2em;
}  */

#ssl {
	display:none;
}

#ssl img {
	border:none;
}


.above-menu-coupon-area a {
	float:right;
	margin-top:12px;
	clear:both;
}

}


.use-promo-offer {
display:block;
text-align:left;
padding:.3em;
padding-right:.4em;
padding-left:.2em;
width:auto;
-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
background:red;
border:solid .5px #fff;
height:25px;
vertical-align:bottom;
}

.use-promo-offer:hover {
background:#000;
}






/* specials css */

#specials-group-wrapper {
	margin-left:3%;
	margin-right:3%;
	clear:both;
}


#specials-group-wrapper h3 {
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	margin:.6em;
	margin-bottom:.4em;
}

#specials-wrapper { 
text-align:left; 
-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	padding: 10px;
	margin-bottom:5px;
	background: #e32024;
	background: -moz-linear-gradient(top, #ed2024 1%, #800000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ed2024), color-stop(100%,#800000));
	background: -webkit-linear-gradient(top, #ed2024 1%,#800000 100%);
	background: -o-linear-gradient(top, #ed2024 1%,#800000 100%);
	background: -ms-linear-gradient(top, #ed2024 1%,#800000 100%);
	background: linear-gradient(top, #ed2024 1%,#800000 100%);
color:#fff;
  }
.specials-title {
	font-weight:bold;font-size: 1.8em;
	color:#fff;
  }
#specials-wrapper p {
	margin-left:25px; 
line-height:1.2em;
padding-top:.2em;
color:#fff;
}

#coupon-pad-mobile {
	padding: .5em .7em 0em 0em; 
	text-align:left; margin-left:.5em;
}

#coupon-specials { /* this is the parent div for #coupon-wrapper */
	width:94%;
	margin-left:3%;
	margin-right:3%;
}

#coupon-wrapper img {
	margin: 5px;
	margin-left:9px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

#coupon-wrapper {
	background:#fff;
	border:.2em dotted #333;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding: 1%;
	margin-bottom:.5em;
	margin-top:.5em;
	width:100%;
	min-height:80px;
	background-image:url(../custom/images/coupon-img-bg.png), url(../custom/images/coupon-bg-repeater.png);
	background-position: top right, center;
	background-repeat: no-repeat, repeat;
	background-size:auto;
	padding:.5em;
	}
	
		
#coupon-wrapper h2 {
	text-align:left;
	font-weight:bold;
	font-size:1.9em;
	margin-top:-10px;
	line-height:1.2em;
	width:63%;
	padding-bottom:0px;
	}
	
#coupon-body,
#coupon-address,
#coupon-disclaimer,
.present-line {
	width:63%;
	text-align:left;
	}
	
#coupon-body {
	font-size:1.3em;
	margin-bottom:.1em;
	margin-top:.1em;
	margin-left:.4em;
	}
#coupon-address {
	font-weight:bold;
	margin-top:.3em;
	margin-bottom:.2em;
	}
#coupon-disclaimer {
	font-size: .8em; 
	margin-top:.3em;
	margin-left:.6em;
	}
.present-line {
	font-style:italic;
font-size:.8em;
}
#float-right {
	float:right;
}


/* open - close sidebar */

#open-marker {
	width:inherit; 
	background:green;
	border:.2em solid #fff;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding: .8em;
	padding-left:.6em;
	margin-top:6px;
	margin-left:0px;
	margin-bottom:12px;
}

#closed-marker {
	width:inherit; 
	background:#000;
	border:.2em solid #fff;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding: .8em;
	padding-left:.6em;
	margin-top:6px;
	margin-left:0px;
	margin-bottom:12px;
}

#sign-wrapper img {
	margin:0;padding:0;
	float:right;
	width:50px;
	height:27px;
	margin-top:-2px;
	margin-left:4px;
}

.currently-text { 
font-size: 12px;font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#open-marker .currently-text,
#closed-marker .currently-text { 
color:#fff;
}


#save-button {
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:3px 6px;
}

#save-button:hover {
	 background:#F00; 
}

/* to get the lower icons to work in chrome need to apply z-index */
/* Footer */

#powered-by {
margin:0px;
padding:0px;
float:left;
width: 120px; 
height: 34px; 
padding-top:10px; 
margin-bottom: 12px; 
margin-left: 10px;}

#footer-right {
margin:0px;
padding:0px;
float:right; 
width: 680px;
text-align:right;
margin-right:12px;
}

#footer {
	clear: both;
	width: 960px;
	padding: 0;
	text-align: center;
	margin: 0 auto;
	font-size: smaller;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

#footer p { font-size: 11px;
	margin: 0;
	padding: 10px 0px;
	text-transform: normal;
	color:#fff;
}

#footer p a {
color:#fff;
text-decoration:none;
}


/* 2nd option for footer */

#bottom-footer-sections { 
margin: 0 auto;
margin-top:7px;
width: 960px; 
color:#fff;
font-size:11px;
clear: both;
}

#bottom-footer-sections a { 
color:#fff;
text-decoration:none;
}

#bottom-footer-sections a img:hover {
opacity:.90;
filter:alpha(opacity=.90);
}

#bottom-footer-sections ul {
	display:block;
}

#bottom-footer-sections ul li {
display:inline; margin-right:8px;
}

#bottom-footer-sections #left-section { 
width: 16%;
height: 100%;
float:left;
border-right: none;
margin:0px;
padding:0px;
margin-left: 10px;
}

#bottom-footer-sections #left-section  img{ 
margin-top:-12px;
}

#bottom-footer-sections #center-section {
width: 34%;
height: 100%;
float:left;
padding-left:14px;
position:relative; z-index:4001;
}

#bottom-footer-sections #center-section img {
height:36px;width:36px;
}

#bottom-footer-sections #right-section {
width: 40%;
height: 100%;
float:right;
border-left: none;
}

/* end footer style ****/


/* 2nd option for footer */

#footer-wrapper {
	width:100%;
	border-top:none;
	height:auto;
	padding-top:8px;
}
#bottom-footer-sections { 
margin: 0 auto;
margin-top:10px;
width: 960px; 
color:#000;
font-size:11px;
clear: both;
padding-top:9px;
}

#bottom-footer-sections p,
#bottom-footer-sections a,
#bottom-footer-sections h1,
#bottom-footer-sections h2,
#bottom-footer-sections h3{ 
color:#000;
text-decoration:none;
}

#bottom-footer-sections a img:hover {
opacity:.90;
filter:alpha(opacity=.90);
filter: “alpha(opacity=.90)”;
}

#bottom-footer-sections ul {
	display:block;
}

#bottom-footer-sections ul li {
display:inline; margin-right:8px;
}

#bottom-footer-sections #left-section { 
width: 16%;
height: 100%;
float:left;
border-right: none;
margin:0px;
padding:0px;
margin-left: 0px;
}

#bottom-footer-sections #left-section  img{ 
margin-top:-12px;
margin-left:-16px;
}

#bottom-footer-sections #center-section {
width: 34%;
height: 100%;
float:left;
padding-left:14px;
position:relative;
z-index:4001;
}

#bottom-footer-sections #center-section img {
height:36px;width:36px;
}

#bottom-footer-sections #right-section {
width: 40%;
height: 100%;
float:right;
border-left: none;
margin-top:-3px;
margin-right:-12px;
}

#bottom-footer-sections #right-section a {
font-size:12px;
}

#footer-top-section {
margin: 0 auto;
margin-top:10px;
width: 960px; 
color:#000;
font-size:11px;
clear: both;
height:auto;
}

#footer-top-section table {
	margin-top:-6px;
}



#footer-top-section table tr td {
	font-size:13px;
	padding:0em .4em 0em.4em;
}

#footer-top-left-section {
	clear:left;
	float:left;
	width:55%;
}

#footer-map {
	float:right;
	width:330px;
	max-width:68%;
	height:112px;
	margin-right:2px;
	overflow:hidden;
}

#footer-logo {
margin-bottom: 0px; 
padding-bottom: 0px;
text-align:left;
	float:left;
	margin-top:0px;
	width:35%;
height:auto;
max-height:110px;
max-width:35%;
}

#footer-logo img {
	width:auto;
height:auto;
max-width:99%;
max-height:110px;
}




#footer-hours {
	float:right;
	width:20%;
	text-align:left;
	color:#000;
	padding-right:14px;
}

#footer-address {
	float:right;
	width:22%;
	text-align:right;
}

#footer-address #open-marker,
#footer-address #closed-marker {
	float:right;
	clear:both;
width:90%;
max-width:180px;
padding-top:12px;
padding-bottom:4px;
}

#footer-hours #open-marker,
#footer-hours #closed-marker {
	float:left;
	clear:both;
width:96%;
max-width:180px;
padding-top:12px;
padding-bottom:4px;
}

#footer-hours #sign-wrapper,
#footer-address #sign-wrapper  {
	margin:0;padding:0;
	float:right;
	width:50px;
	height:27px;
	margin-top:-6px;
	margin-left:5px;
}

#footer-address .currently-text { 
font-size: 12px;font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}

#footer-hours .currently-text { 
font-size: 11px;font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}



	
/*  product page styling  ********************/

#product-wrapper {
	float:left;
	margin-left:1%;
	margin-right:1%;
	background:#fff;
	color:#000;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin-bottom:1.2em;
	clear:both;
	padding:1.3em;
	width:98%;
}

#prod-name {
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	width:65%;
	max-width:500px;
}

#prod-name a {
	font-size:1.2em;
	font-weight:bold;
	color:#000;
}

#prod-desc {
	float:left;
	width:90%;
	max-width:550px;
	margin:.3em 0 .3em 0;
	color:#333;
	padding-bottom:1em;
	clear:left;
	padding-top:.3em;
}

#prod-specs {
	width:90%;
	max-width:550px;
	margin:.3em 0 .3em 0;
	color:#333;
	border-top: solid 1px #333;
	padding-top:1em;
	clear:left;
}

#prod-desc table {
}

#prod-cost {
	font-size: 1.1em;
	color:#F00;
	font-weight:bold;
	clear:left;
	max-width:220px;
}

#prod-image {
	float:right;
	width:150px;
	max-width:25%;
	height:auto;
	clear:right;
	margin-left:1.3em;
	margin-bottom:1.3em;
}

#prod-image img {
	float:right;
	width: auto;
	height:auto;
}


#product-wrapper #prod-desc ul li {
	padding:0em;
	margin:0em;
}


.ratemenu {
	width:auto;
	max-width:100px;
	clear:left;
	padding-top:.2em;
}

.ratemenu a {
	display:block;
	color:#fff;
	background:#6d6e6f;
	padding:0px 3px 0px 3px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	width:auto;
	max-width:110px;
	text-align:center;
	font-size:8.5px;
	margin-top:3px;
	font-weight:normal;
}


#store-wrapper .ratemenu a {
	float:left;
	display:block;
	color:#fff;
	background:#6d6e6f;
	padding:4px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	width:auto;
	max-width:110px;
	text-align:center;
	font-size:8.5px;
	margin-top:3px;
	font-weight:normal;
	text-decoration:none;
}

#buy-button {
	text-align:center;
	font-weight:bold;
	float:right;
	clear:right;
	width:64px;
	height:auto;
	text-decoration:none;
	background:#f00;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:6px;
	font-size:16px;
	margin-top:.3em;
}


#paypal-price-wrapper input,
#paypal-price-wrapper textarea,
#paypal-price-wrapper select {
	width: 90%;
	max-width:90%;
	padding:0px;
	margin:0px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top:2px;
margin-bottom:5px;
margin-left:4px;
}


#paypal-price-wrapper {
	margin:0;
	float:left;
	clear:left;
	width:auto;
	min-width:auto;
	padding:6px;
	background:none;
	border:none;
}

#paypal-price-wrapper input[type="image"] {
	width:auto;padding:0;margin:0;
	margin-left:-12px;
}

a:hover #buy-button {
background:#090;
}

#widget #widget-content p, #widget #widget-content h1, 
#widget #widget-content h2, #widget #widget-content h3, 
#widget #widget-content h4, #widget #widget-content h5, 
#widget #widget-content h6,
#top-widgets-1 #widget #widget-content p, #top-widgets-2 #widget #widget-content p, #top-widgets-3 #widget #widget-content p,
#bottom-widgets-1 #widget #widget-content p, #bottom-widgets-2 #widget #widget-content p, #bottom-widgets-3 #widget #widget-content p,
#top-widgets-1 #widget-no-padding #widget-content p, #top-widgets-2 #widget-no-padding #widget-content p, #top-widgets-3 #widget-no-padding #widget-content p,
#bottom-widgets-1 #widget-no-padding #widget-content p, #bottom-widgets-2 #widget-no-padding #widget-content p, #bottom-widgets-3 #widget-no-padding #widget-content p {
	margin:0px;padding:0px;
	margin-bottom:6px;
	margin-top:6px;
	line-height:normal;
	text-align:center;
}


#sidebar #widget,
#widget {
	border:solid 1px #CCC;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	padding: .7em;
	padding-bottom:.4em;
	margin:0;
	margin-top:0px;
	margin-bottom:8px;
}

#widget #widget-content ul li,
#widget-no-padding #widget-content ul li {
	text-align:left;
	list-style-type:disc;
	padding-bottom:.2em;
}

#sidebar #widget #widget-content ul  {
	padding:.5em 1em .5em 1.5em;
}

#sidebar #widget #widget-content ul li  {
	padding-bottom:.3em;
	line-height:1.3em;
}

#widget img,
#widget-no-padding img,
#widget a img,
#widget-no-padding a img {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
}


#widget-no-bg {
	border:solid 1px #CCC;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	padding: .7em;
	padding-top:.3em;
	padding-bottom:.3em;
	margin:0;
	margin-left:-8px;
	margin-right:2px;
	margin-top:8px;
	margin-bottom:8px;
}

#widget-content {
	width:100%;
	margin:0;
	padding:0;
}

@media screen and (max-width: 1024px) { /* this gives space on sides of widgets) */
#widget-content {
	width:98%;
	margin-left:1%;
	maragin-right:1%;
}
}

@media screen and (max-width: 768px) { /* this gives space on sides of widgets) */
#widget-content {
	width:96%;
	margin-left:2%;
	maragin-right:2%;
}
}

#widget-content img {
	max-width:inherit;
	overflow:hidden;
}

#widget-content a img:hover {
	opacity:.92;
filter:alpha(opacity=.92);
filter: “alpha(opacity=.92)”;
border:none;
}

/* for the padding and margin to be zero in widgets */


#widget-no-padding {
	border:solid 1px #CCC;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	padding: 0em;
	padding-bottom:0em;
	margin:0;
}

#widget-no-padding img {
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	padding: 0;
	margin:0;
	overflow:hidden;
	width:auto;
	height:auto;
}


#widget-no-padding p img, 
#widget-no-padding p a img {
	padding:0;
	padding-bottom:0em;
	margin:0;
}

#sub-addresses { /* this is for the non-primary address section */
}




#contactinfo {  /* this is the wrapper for the in page form option ********/
width: 70%;
margin: 0 auto;
margin-left:15%;
margin-right:15%;
}

#content-full-width #contactinfo  {
	position:relative;
	text-align:center;
	width:80%;
	min-width:80%;
	margin-left:10%;
	margin-right:10%;
}

#contactinfo table {
		width:95%;
	min-width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}

#contactinfo form {
}

#contactinfo table input,
#contactinfo table select,
#contactinfo table textarea {
	width:100%;
}

#contactinfo h3 {
	color:#000;
	margin-top:.75em;
	margin-bottom:.4em;
	font-weight:bold;
	border-bottom:solid 1px #000;
	font-size: 18px;
}



@media screen and (max-width: 500px) {

#coupon-wrapper img {
	display:none;
}

#coupon-wrapper {
	text-align:center;
	background:#fff;
	background-image: url(../custom/images/coupon-bg-repeater.png);
	background-position:  center;
	background-repeat: repeat;
	}
	
#coupon-wrapper h2 {
	text-align:center;
	width:100%;
	}
	
#coupon-body,
#coupon-address,
#coupon-disclaimer,
.present-line {
	width:100%;
	text-align:center;
	}
	
#coupon-body {text-align:center;}
#coupon-address {text-align:center;}
#coupon-disclaimer {text-align:center;}
.present-line {text-align:center;}

}


@media screen and (max-width: 400px) {
	

	
#contactinfo {  /* this is the wrapper for the in page form option ********/
width: 100%;
margin: 0 auto;
padding:0;
}

#contactinfo table {
		width:99%;
	min-width:99%;
	margin-left:.5%;
	margin-right:.5%;
}
	
#contactinfo table input,
#contactinfo table select,
#contactinfo table textarea {
	width:98%;
	min-width:98%;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	min-width:inherit;
}

}

h2.form-error {
	color:#F00;
	text-align:center;
	padding-bottom:11px;
}

#captcha-wrapper {
	text-align:center;
}

#captcha-wrapper p,
#captcha-wrapper img,
#captcha-wrapper input,
#captcha-wrapper input,
#captcha-wrapper #submit {
	margin-left:0px;
	margin-right:0px;
	text-align:left;
}

#main-content #contactinfo td p {
	color:#000;
}

#captcha-wrapper img#captcha {
	max-width: 170px;
	text-align:center;
}


#contactinfo input[type=submit] {
	padding:5px 15px; 
	background:#ccc; 
	border:0 none;
cursor:pointer;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-left:0px; 
}

#contactinfo table tr td input#submit {
	width:auto;
	margin-left:0px; 
}

#contactinfo #contact-form-header {
	margin-top:.5em;
	margin-bottom:.5em;
	font-size:1.2em;
	line-height:1.3em;
	font-weight:700;
	text-align:center;
	padding-bottom:.7em;
}

#contactinfo #contact-form-footer {
	margin-top:.6em;
	font-size:.9em;
	text-align:left;
}



/* widget form ***/

#widget-content #contactinfo { /* this is the wrapper for the widget form option ********/

}

#widget-content {
	height:auto;
}

#widget-content img {
	max-width:100%;
}

#widget-content #contactinfo {
	width: 100%;
	max-width:100%;
	padding-top:0px;
	text-align:left;
	padding:0px;
	margin:0px;
}

#widget-content #contactinfo h2 {
	font-size:1.1em;
	padding-bottom:.3em;
}

#widget-content #contactinfo #notice {
	color:#C00;
	text-align: center;
	margin-top:10px;
	margin-bottom:0px;
}

#widget-content #contactinfo p,
#contactinfo p {
	margin-left:0;
	padding-left:0;
	line-height:1.3em;
	margin-bottom:4px;
	text-align:left;
}

#widget-content #contactinfo hr {
	width:85%;
	margin-top:-3px;
	Padding-bottom:5px;
}


#widget-content #contactinfo #change-image,
#contactinfo #change-image {
	text-align:center;
	font-size:11px;
	margin-top:-9px;
	padding-top:0px;
	margin-bottom:0;
	padding-bottom:0;
	color:#000;
}

#contactinfo table tr td p a#change-image {
	display:block;
	text-align:center;
}

#widget-content #contactinfo form,
#contactinfo form {
	margin:0;padding: 0;
	width: 100%;
	max-width:100%;
}
#contactinfo input,
#contactinfo textarea,
#contactinfo select,
#widget-content #contactinfo input,
#widget-content #contactinfo textarea,
#widget-content #contactinfo select {
	width: 100%;
	max-width:100%;
	padding:0px;
	margin:0px;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom:2px;
margin-top:2px;
margin-bottom:5px;
margin-left:4px;
}

#widget-content #contactinfo input,
#widget-content #contactinfo textarea,
#widget-content #contactinfo select {
margin-left:0px;
width:99%;
}

#widget-content #contactinfo input#submit {
	float:right;
	width:50%;
}

#contactinfo input {
	width: 15em;
}
#contactinfo input#submit {
	margin:auto;
	width:8em;
}

.success-message {
	color:#000;
}

#widget-form-header {
	margin-top:.2em;
	margin-bottom:.3em;
	font-size:1.3em;
	font-weight:700;
	text-align:center;
}

#widget-form-footer {
	margin-top:.6em;
	font-size:.8em;
	text-align:center;
}

/* styles for store page **************************/

#store-wrapper {
	margin-left:0%;
	text-align:left;
	width:100%;
}

#store-wrapper h1 {
	padding-left:0%;
	padding-left: 1%;
}

#clear-fix_20 {
	height:20px;
	clear:both;
}


.category-wrapper {
	float:left;
	height:160px;
	min-height:160px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background-color:#000;
border:solid 2px #000;
	margin:1%;
	padding-bottom:2%;
overflow:hidden;
text-align:center;
	width:23%;
	display:inline-block;
	padding:0em;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	}
	
@media screen and (max-width: 800px) {

.category-wrapper {
	width:31%;
	}
}

@media screen and (max-width: 700px) {

.category-wrapper {
	width:48%;
	}
}

@media screen and (max-width: 400px) {

.category-wrapper {
	width:98%;
	}
}



.category-wrapper:hover {
opacity:.93;
filter:alpha(opacity=.93);
filter: “alpha(opacity=.93)”;
}

a .category-wrapper img {
width:100%;
height:auto;
overflow:hidden;
}

.category-wrapper .header-text {
	text-align:center;
	margin:0;padding:0;
	text-decoration:none;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-o-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
background:none;
color:#fff;
	height:auto;
	min-height:26px;
}

.category-wrapper .header-text h2 {
	margin:0;
	font-size:18px;font-weight:700;
	color:#fff;
	line-height: 1.3em;
	padding:8px;
}

#main-content .category-wrapper h2 {
	color:#fff;
	padding-top:6px;
}

.category-wrapper .header-text-buy h2 {
		color:#000;
}

.item-number {
width:auto;
margin-bottom:3px;
font-size:.9em;
color:#878787;
clear:left;
max-width:150px;
margin-top:6px;
}



/* styles for top and bottom widgets **************************/

#top-widget-container, #bottom-widget-container {
	width:100%;
	min-width:100%;
	margin:0px;
	padding:0px;
	clear:both;
	margin-left:auto;  /* this has been added 5/14/19 to center widgets on page - may need to be changed ***********************************/
	margin-right:auto;  /* this has been added 5/14/19 - may need to be changed ***********************************/
	text-align:center;  /* this has been added 5/14/19 - may need to be changed ***********************************/
	max-width:1100px;  /* this has been added 5/14/19 - may need to be changed ***********************************/
	min-width:50%;  /* this has been added 5/14/19 - may need to be changed ***********************************/
}

#top-widget-container {
	margin-top:0px;
	margin-bottom:0px;
}

#bottom-widget-container {
	margin-top:15px;
}



#top-widget-wrapper, #bottom-widget-wrapper /* , #bottom-widget-wrapper / comment out to test responsive bottom ********************/ {
	padding:0;
	margin:0;
	display: table-row;
	border-collapse: separate;
	border-spacing: 18px 18px;
	width:100%;
	min-width:100%;
}


#bottom-widget-wrapper {
	clear:both;
}

#top-widgets-1 {
	padding:0px;
}

#top-widgets-1 #widget, #top-widgets-2 #widget, #top-widgets-3 #widget,
#bottom-widgets-1 #widget, #bottom-widgets-2 #widget, #bottom-widgets-3 #widget,
#top-widgets-1 #widget-no-padding, #top-widgets-2 #widget-no-padding, #top-widgets-3 #widget-no-padding,
#bottom-widgets-1 #widget-no-padding, #bottom-widgets-2 #widget-no-padding, #bottom-widgets-3 #widget-no-padding
 {
	margin:0;
	overflow:hidden;
	width:auto;
	height:auto;
	border:solid 1px #CCC;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	padding: .7em;
	padding-top:.3em;
	padding-bottom:.3em;
	margin-top:8px;
	margin-bottom:8px;
	display: table-cell;
	vertical-align:top;
}

#top-widgets-1 #widget-no-padding, #top-widgets-2 #widget-no-padding, #top-widgets-3 #widget-no-padding,
#bottom-widgets-1 #widget-no-padding, #bottom-widgets-2 #widget-no-padding, #bottom-widgets-3 #widget-no-padding
 {
	margin:0;
	padding: 0em;
	padding-top:0em;
	padding-bottom:0em;
}



#top-widgets-1 #widget img, #top-widgets-2 #widget img, #top-widgets-3 #widget img,
#bottom-widgets-1 #widget img, #bottom-widgets-2 #widget img, #bottom-widgets-3 #widget img {
}

#top-widgets-1 #widget, #top-widgets-2 #widget, #top-widgets-3 #widget {
margin-top:0px;
margin-bottom:14px;
}


#top-widgets-1 #widget, #bottom-widgets-1 #widget,
#top-widgets-1 #widget-no-padding, #bottom-widgets-1 #widget-no-padding {  /* NEEDS TO BE TESTED YET */
text-align: center;
width:820px; /* this is required for widgets to resize properly this works for 1200 wide no sidebar */
max-width:100%;
min-width:100%;
}

#content-full-width #top-widgets-1 #widget, #content-full-width #bottom-widgets-1 #widget,
#content-full-width #top-widgets-1 #widget-no-padding, #content-full-width #bottom-widgets-1 #widget-no-padding { /* NEEDS TO BE TESTED YET */
text-align: center;
width:1090px; /* this is required for widgets to resize properly this works for 1200 wide no sidebar */
max-width:100%;
min-width:100%;
}





#top-widgets-2 #widget, #bottom-widgets-2 #widget,
#top-widgets-2 #widget-no-padding, #bottom-widgets-2 #widget-no-padding {
text-align: center;
width:410px; /* this is required for widgets to resize properly this works for 1200 wide with sidebar */
min-width:50%;
max-width:100%;
}

#content-full-width #top-widgets-2 #widget, #content-full-width #bottom-widgets-2 #widget,
#content-full-width #top-widgets-2 #widget-no-padding, #content-full-width #bottom-widgets-2 #widget-no-padding {
text-align: center;
width:570px; /* this is required for widgets to resize properly this works for 1200 wide no sidebar */
min-width:50%;
max-width:100%;
}

#top-widgets-3 #widget, #bottom-widgets-3 #widget,
#top-widgets-3 #widget-no-padding, #bottom-widgets-3 #widget-no-padding {
text-align: center;
width:356px; /* this is required for widgets to resize properly this works for 1200 wide with sidebar MAY NEED TO ADJUST FOR WIDER LAYOUTS */
min-width:33%;
max-width:100%;
}

#content-full-width #top-widgets-3 #widget, #content-full-width #bottom-widgets-3 #widget,
#content-full-width #top-widgets-3 #widget-no-padding, #content-full-width #bottom-widgets-3 #widget-no-padding {
text-align: center;
width:380px; /* this is required for widgets to resize properly this works for 1200 wide no sidebar */
min-width:33%;
max-width:100%;
}

#bottom-widgets-3 {
	margin-top:-20px;
	padding-top:0px;
}

#content #top-widgets-1,  /* THIS IS BEING USED FOR TOP OR BOTTOM WIDGETS WHERE ONLY ONE EXISTS */
#content #bottom-widgets-1,
#content-full-width #top-widgets-1,
#content-full-width #bottom-widgets-1 {
	margin:0;
	overflow:hidden;
	height:auto;
	padding: .7em;
	padding-top:.3em;
	padding-bottom:.3em;
	margin-top:8px;
	margin-bottom:8px;
	display: block;
	width:100%;
	max-width:100%;
	min-width:100%;
}



@media screen and (max-width: 1024px) {

#content-full-width #top-widgets-2 #widget, #content-full-width #bottom-widgets-2 #widget,
#content-full-width #top-widgets-2 #widget-no-padding, #content-full-width #bottom-widgets-2 #widget-no-padding {
text-align: center;
width:48%; /* this is required for widgets to resize properly this works for 1200 wide no sidebar */
min-width:48%;
max-width:48%;
}


#footer-wrapper {
	width:100%;
}

#footer-wrapper p {
	font-size:12px;
}

#footer-top-section {
	width:100%;
}

#footer-top-left-section {
	display:none;
}

#footer-address {
	padding-right:2%;
	width:35%;
}

#footer-address #open-marker,
#footer-address #closed-marker {
	float:right;
	clear:both;
width:180px;
padding-top:12px;
padding-bottom:4px;
}

#footer-hours {
	padding-left:2%;
	float:left;
	width:48%;
	max-width:212px;
	border-right:none;
}
#credit-cards {
	float:left;
	clear:left;
	margin-left:16px;
}

#bottom-footer-sections { 
width: 100%; 
}


#bottom-footer-sections #left-section  { 
display:none;
}

#bottom-footer-sections #center-section {
width: 40%;
height: 100%;
float:left;
padding-left:14px;
position:relative;
z-index:4001;
}

#bottom-footer-sections #center-section img {
height:28px;width:28px;
}

#bottom-footer-sections #right-section {
width: 43%;
margin-right:1%;
}

#footer-hours #open-marker,
#footer-hours #closed-marker {
	display:block;
	padding-left:2%;
	float:left;
	width:96%;
	margin-left:1%;
	margin-right:2%;
	min-width:180px;
}

}

@media screen and (max-width: 768px) {
	
#top-widget-wrapper, #bottom-widget-wrapper /* , #bottom-widget-wrapper / comment out to test responsive bottom ********************/ {
	display: block;
	width:100%;
}
#content-full-width #top-widgets-1 #widget, #content-full-width #bottom-widgets-1 #widget,
#content-full-width #top-widgets-1 #widget-no-padding, #content-full-width #bottom-widgets-1 #widget-no-padding { /* NEEDS TO BE TESTED YET */
text-align: center;
width:106%; /* this is required for widgets to resize properly this works for 1200 wide no sidebar */
max-width:106%;
min-width:106%;
margin-left:-3%;
}


#content-full-width #top-widgets-2 #widget, #content-full-width #bottom-widgets-2 #widget,
#content-full-width #top-widgets-2 #widget-no-padding, #content-full-width #bottom-widgets-2 #widget-no-padding {
text-align: center;
width:70%; /* this is required for widgets to resize properly this works for 1200 wide no sidebar */
min-width:70%;
max-width:70%;
	margin-left:15%;
	margin-right:15%;
}


#content-full-width #top-widgets-3 #widget, #content-full-width #bottom-widgets-3 #widget,
#content-full-width #top-widgets-3 #widget-no-padding, #content-full-width #bottom-widgets-3 #widget-no-padding {
text-align: center;
width:70%; /* this is required for widgets to resize properly this works for 1200 wide no sidebar */
min-width:70%;
max-width:70%;
	margin-left:15%;
	margin-right:15%;
}

}



@media screen and (max-width: 700px) {
	


#footer-wrapper {
	width:100%;
max-width:100%;
}


#bottom-footer-sections #center-section {
	margin-top:0em;
	margin-bottom:1em;
width: 99%;
margin-right:1%;
text-align:center;
clear:right;
}

#bottom-footer-sections #footer-right,
#bottom-footer-sections #right-section {
width:99%;
margin-right:.5%;
margin-left:.5%;
clear:both;
}

#footer-right {
width: 98%;
text-align:center;
margin-right:1%;
margin-left:1%;
}


#footer-wrapper {
	padding-bottom:60px;
}
	
	
}

@media screen and (max-width: 700px) {
	
#top-widget-wrapper, #bottom-widget-wrapper /* , #bottom-widget-wrapper / comment out to test responsive bottom ********************/ 
{
	display: block;
	width:100%;
	min-width:100%;
}
#top-widgets-1 #widget, #bottom-widgets-1 #widget,
#top-widgets-2 #widget, #bottom-widgets-2 #widget,
#top-widgets-3 #widget, #bottom-widgets-3 #widget,
#top-widgets-1 #widget-no-padding, #bottom-widgets-1 #widget-no-padding,
#top-widgets-2 #widget-no-padding, #bottom-widgets-2 #widget-no-padding,
#top-widgets-3 #widget-no-padding, #bottom-widgets-3 #widget-no-padding  {
text-align: center;
width:75%;
min-width:75%;
	display:block;
	margin:1.5%;
	margin-left:12.5%;
}

#top-widgets-3 #widget, #bottom-widgets-3 #widget,
#top-widgets-3 #widget-no-padding, #bottom-widgets-3 #widget-no-padding {
text-align: center;
width:75%;
min-width:75%;
margin:1.5%;
	margin-left:12.5%;
}

#content-full-width #top-widgets-3 #widget, #content-full-width #bottom-widgets-3 #widget,
#content-full-width #top-widgets-3 #widget-no-padding, #content-full-width #bottom-widgets-3 #widget-no-padding {
text-align: center;
width:75%;
min-width:75%;
margin:1.5%;
	margin-left:12.5%;
}
	
}


@media screen and (max-width: 500px) {
	
#top-widget-wrapper, #bottom-widget-wrapper /* , #bottom-widget-wrapper / comment out to test responsive bottom ********************/ 
{
	display: block;
	width:100%;
	min-width:100%;
}
#top-widgets-1 #widget, #bottom-widgets-1 #widget,
#top-widgets-2 #widget, #bottom-widgets-2 #widget,
#top-widgets-3 #widget, #bottom-widgets-3 #widget,
#top-widgets-1 #widget-no-padding, #bottom-widgets-1 #widget-no-padding,
#top-widgets-2 #widget-no-padding, #bottom-widgets-2 #widget-no-padding,
#top-widgets-3 #widget-no-padding, #bottom-widgets-3 #widget-no-padding  {
text-align: center;
width:97%;
min-width:97%;
	display:block;
	margin:1.5%;
	margin-left:1.5%;
}

#top-widgets-3 #widget, #bottom-widgets-3 #widget,
#top-widgets-3 #widget-no-padding, #bottom-widgets-3 #widget-no-padding {
text-align: center;
width:97%;
min-width:97%;
margin:1.5%;
	margin-left:1.5%;
}

#content-full-width #top-widgets-3 #widget, #content-full-width #bottom-widgets-3 #widget,
#content-full-width #top-widgets-3 #widget-no-padding, #content-full-width #bottom-widgets-3 #widget-no-padding {
text-align: center;
width:97%;
min-width:97%;
margin:1.5%;
	margin-left:1.5%;
}
	
#footer-hours {
	padding:2%;
	float:none;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	width:100%;
	max-width:212px;
		display:none;
}
#footer-hours p {
	text-align:center;
}
#credit-cards {
	padding:2%;
	float:none;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	width:100%;
	display:none;
}
	

}



@media screen and (max-width: 500px) {
	
#footer-hours {
	padding:0;
	margin:0;
	float:right;
	width:98%;
	min-width:98%;
	margin-left:1%;margin-right:1%;
	text-align:center;
	border-right:none;
	clear:both;
	margin-top:10px;
}

#footer-hours #open-marker,
#footer-hours #closed-marker {
	position:relative;
	clear:both;
width:70%;
margin-right:15%;
margin-left:15%;
}



#footer-address {
	width:98%;
	margin-left:1%;margin-right:1%;
	text-align:center;
}

#footer-address #open-marker,
#footer-address #closed-marker {
	float:none;
	position:relative;
	clear:both;
margin-right:auto;
margin-left:auto;
height:44px;
}


}



/* CONTACT PAGE STLE */	


#contact-page-wrapper {
	color:#000;
}

#contact-page-wrapper table {
	margin-left: 10px;
}


#float-right-image {  /* image placement on contact-page.php - if used */
	float:right;
	width:360px;
	max-width:40%;
	height:auto;
	float:right;
	width:inherit;
	margin: 18px 0px 18px 18px;	
}

@media screen and (max-width: 500px) {
	
	#float-right-image {
		display:none;
	}
	
}



#contact-page-wrapper hr {
	color:#ccc;
}
#contact-page-wrapper #review-block {
	float:left;
	width:100%;
	clear:both;
	padding-top:1em;
	padding-bottom:1em;
}
#contact-page-wrapper .posted-review {
	float:left;
	width:70%;
	padding-top:.5em;
	padding-bottom:.5em;
}
#contact-page-wrapper .star-rating {
	float:right;
width:27%;
text-align:right;
padding-bottom:.5em;
}

#contact-page-wrapper hr {
	clear:both;
	display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0;
}

#contact-page-wrapper .posted-review p {
font-size: 1.1em;
font-style:italic;
}


#captcha-wrapper p {
	text-align:center;
}

/* REDUCED RESPONSIVE MENU - Defaults to not display set screen width in mod_css *****************/

#reduced-menu-button {
	display:none;
}
#reduced-online-nav { /*this is  hidden until screen width is reduced */
	display:none;
}
 
#reduced-menu-button {  /*  this is hidden at this screen width and is replaced by dropdown menu */
	position:fixed;
	clear:both;
	width:inherit;
	min-width:100%;
	height:58px; /* this should match horizontal navigation height */
	margin:0px;
	padding:0px;
	top:0;
	right:0;
	left:0;
	z-index:9999;
	background:url(../images/trans-repeater_75-dark.png) repeat;
}


#nav-links-reduced #divMenu ul {
	margin:0;padding:0;
	display: block;
	float:right;
	clear:both;
	background:none;
	width:100%;
}

#nav-links-reduced #divMenu ul a {
display:inline-block;
width:100%;
overflow:hidden;
font-size:2em;
font-weight:bold;
padding:.3em;
color:#fff;
height:auto;
}

.reduced-link {
	display:inline-block;
	margin-top:0px;
	float:left;
	vertical-align:middle;
}

.reduced-link img {
	vertical-align:middle;
	width:auto;
}

.reduced-link2 {
	display:inline-block;
	margin-top:6px;
	vertical-align:middle;
	float:right;
}

.reduced-link3 {
	display:inline-block;
	margin-top:0px;
	vertical-align:middle;
	float:right;
}

.reduced-link3 img {
	display:inline-block;
	margin-top:0px;
	vertical-align:middle;
	float:right;
}


.reduced-link img#reduced-logo {
	margin-top:0;
	height: 40px;
	max-height:40px;
	width: auto;
	transition: all 0.3s linear;
}

#reduced-menu-button #nav-links-reduced {
     clear:both;
	 height:auto;
	 width:100%;
	background:none;
     }


#nav-links-reduced           
#divMenu ul li.reduced-link a img#reduced-logo {
}




	 
/* THIS IS FOR REDUCED MENU - javascript div for reduced menu */
#menu1 {
	display:none; 
	position:absolute;
	z-index:9999;
width:100%;
max-width:100%;
height:auto;
margin:0px 0px 0px 0px;
background:url(../images/trans-repeater_75-dark.png) repeat;
top: 58px;
    bottom:0;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden;
}
	 
#menu1 ul,
#menu1 ul ul, 
#menu1 li li  {
    margin: 0;
    padding: 0;
	border: 0;
	outline: none;
width:99%;
margin-left:.5%;
margin-right:.5%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-top:5px;
}

#menu1 ul ul {
width:95%;
margin-left:2.5%;
margin-right:2.5%;
    }


#menu1 ul > li:target > a {
	float:right;
	clear:both;
}
 
#menu1 ul li:hover ul {
		display:block; 
		visibility: visible;
    }
	
#menu1 ul li,
#menu ul li ul {
	background:none;
}

#menu1 li, #menu1 li li {
	font-size:22px;
}

#menu1 li.parent-non-clickable {
	color:#fff;
	padding:.5em .8em .5em .8em;
}

#menu1 a {
	display:inline-block;
	width:100%;
	max-width:inherit;
	color:#000;
	padding:.5em .8em .5em .8em;
	background:#fff;
	border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
	margin:2px;
}

#menu1 a:hover {
	background:#B7B4B4;
}

#menu1 li a {
	width:100%;
	max-width:100%;
}

		
#menu1 ul ul li a {
	display:block;
	width:100%;
	font-size:22px;
	padding:.5em;
	border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
	color:#000;
}


@media screen and (max-width: 880px) {
	
#menu1 li,
#menu1 ul ul li a {
	font-size:18px;
}

}

/* END REDUCED MENU CSS *********************/

/* member login section (if used) ***********/
#myaccount-page-wrapper {
	margin:25px;
}
@media screen and (max-width: 768px) {
	
#myaccount-page-wrapper {
	margin:10px;
}

}



.print-menu-button {
	margin:0px;
	padding:0px;
	float:right;
	clear:both;
	margin-top:-1.7em;
}


.print-specials-button {
	margin:auto;
	padding:0px;
	text-align:center;
	clear:both;
	width:auto;
	max-width:225px;
	margin-top:4px;
}

.print-coupons-button { /* not sure if being used */
	margin:0px;
	padding:0px;
	float:left;
	max-width:150px;
	margin-bottom:.2em;
	margin-top:4px;
	margin-left:3%;
	clear:right;
}




.print-menu-button a, .print-coupons-button a, 
.print-specials-button a {
	font-family:verdana, arial, helvetica, sans-serif;
font-size: 13px;
font-weight:normal;
width: auto;
display: block;
padding: 1em;
padding-bottom:.4em;
padding-top:.4em;
text-decoration: none; 
background:#e7e8e8;
	background: -moz-linear-gradient(top, #e7e8e8 1%, #d2d2d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e8e8), color-stop(100%,#d2d2d1));
	background: -webkit-linear-gradient(top, #e7e8e8 1%,#d2d2d1 100%);
	background: -o-linear-gradient(top, #e7e8e8 1%,#d2d2d1 100%);
	background: -ms-linear-gradient(top, #e7e8e8 1%,#d2d2d1 100%);
	background: linear-gradient(top, #e7e8e8 1%,#d2d2d1 100%);
	box-shadow: 3px 3px 3px #888888;
	border:solid 2px #d2d2d1;
	-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}


#employment-application {
	padding-top:25px;
	margin:auto;
	width:100%;
	max-width:600px;
	min-width:300px;
	padding-bottom:12px;
}



@media screen and (max-width:400px) {
	
#employment-application {
	padding-right:0;
	margin-right:0;
	min-width:320px;
	margin-left:-10px;
}

	
}

body#core.online #footer-top-left-section,
body#core.online #footer-address,
body#core.online #footer-hours,
body#core.online #left-section,
body#core.online #center-section,
body#core.online #right-section {
}

.online #online-ordering-top-button {
	display:none;
}

.online #main-content {
	background:#fff;
	padding:2%;
}

.online #main-content h1 {
	color:#000;
	padding-left:1%;
}


#order-choice-wrapper {
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:2%;
	border-radius:6px;
	border:solid 2px #dedede;
	background:#dedede
}

#order-choice-wrapper h1 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#order-choice-wrapper a img {
	text-align:center;
	border:solid 4px transparent;
	margin:3%;
	width:94%;
	max-width:220px;
	border-radius:4px;
}

#order-choice-wrapper a img:hover {
	border:solid 4px red;
	background:#fff;
}
/* texting button style */


#texting-signup-wrapper {
	width:inherit; background:#F00;
	border:.2em solid #fff;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding: .8em;
	margin-top:3px;
	margin-bottom:12px;
	text-align:center;
	display:none;  /* this is being hidden as it is showing automatically - needs to be fixed *****/
}

#texting-button-wrapper #popup-close button  {
	color:red;
}

input .subscribe-button {
	font-size:22px;
}

#popup_btn {
}

#texting-button-wrapper a {
	font-weight:bold;
	text-decoration:none;
}

.pass-reset {
	background:#fff;
	padding:2%;
	width:inherit;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.button-text {
}

/*   blog css  ****************************/

#blog-sidebar {
	float:right;
	padding:1em;
	padding-top:.6em;
	width:24%;
	max-width:250px;
	border:solid 1px #ccc;
	margin-left:2%;
	background:#fff;
}

#blog-sidebar .blog-cat-header {
	padding-top:.4em;
	padding-bottom:.2em;
	font-weight:bold;
	margin-top:.5em;
	font-size:15px;
	display:inline-block;
	padding:.4em;
	background:#E1DFDF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width:100%;
}

#blog-sidebar .indent-left {
	margin-left:.2em;
}

#blog-sidebar .indent-left a,
#blog-sidebar a,
#blog-sidebar li a, #blog-sidebar p a, 
#blog-sidebar h2 a {
	display:inline-block;
	margin-top:.4em;
}

.blog-image {
	float:right;
	margin:12px 6px 15px 15px;
}

table#blog-table {
	width:69%;
	padding-left:3%;
}


@media screen and (max-width:500px) {
	
table#blog-table {
	width:97%;
	padding-left:2%;
	padding-right:1%;
}
	
#blog-sidebar {
	float:right;
	padding:1em;
	padding-top:.6em;
	width:96%;
	max-width:96%;
	border:solid 1px #ccc;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:16px;
}
	
}

.posted-date,
.share-this-post {

}

table#blog-table h1 {
	font-size:18px;
	font-weight:600;
	text-align:left;
	color:#000;
	padding-left:0%;
}

table#blog-table a {
	color:blue;
}


/* end blog style ***********/


/* OLD GALLERY SLIDER */

#slideshow {
	float:left;
	width:90%;
}
#slideshow .panel {
	margin-bottom:50px;
}



#success-message {
	margin-bottom:12px;
}

#contactinfo #success-message,
#contactinfo #success-message h2 {
	color:#000;
}

/* this is for the listing function styling *****/

#content #listings-group-wrapper,
#content-full-width #listings-group-wrapper {
	width:98%;
	max-width:1100px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background:#fff;
	padding:1.5%;
	border:none;
margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


#listings-group-wrapper h3 {
color:#fff;
display:block;
background:#000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:7px 9px 7px 9px;
font-size:25px;
}
	

#content-full-width #listings-wrapper, 
#content-full-width #listings-wrapper_full,
#content #listings-wrapper, 
#content #listings-wrapper_full { 
margin:0px;padding:0px;
text-align:left; 
margin-bottom:5px;
color:#000;
width:97%;
margin-left:1.5%;
margin-right:1.5%;
padding:1.5%;
background:#fff;
clear:both;
height:auto;
border-bottom:solid 1px #ccc;
  }
  
.listings-title {
	font-weight:bold;
	font-size: 1.6em;
	color:#000;
  }
  
.listing-text {  /* this includes the image */
width:auto;
width:100%;
float:left;
text-align:left;
  }
  
  
#content-full-width #listings-wrapper p, 
#content-full-width #listings-wrapper_full p,
#content #listings-wrapper p, 
#content #listings-wrapper_full p,
#content-full-width #listings-wrapper p a, 
#content-full-width #listings-wrapper_full p a,
#content #listings-wrapper p a, 
#content #listings-wrapper_full p a{  /* this includes the image */
margin:0;padding:0;
margin-top:5px;
color:#000;
font-size:14px;
 }
  
#content-full-width .listing-text_with-date {  /* this includes the image */
float:left;
text-align:left;
width:86%;
max-width:86%;
border-left:1px solid #000;
padding-left:1.5%;
margin-bottom:7px;
  }
  
#content .listing-text_with-date {  /* this includes the image */
float:left;
text-align:left;
width:82%;
max-width:82%;
border-left:1px solid #000;
padding-left:1.5%;
margin-bottom:7px;
  }
  
@media screen and (max-width: 1024px) {
	  
	 
#content-full-width .listing-text_with-date {  /* this includes the image */
width:82%;
max-width:82%;
  }
  
#content .listing-text_with-date {  /* this includes the image */
width:78%;
max-width:78%;
  }
  
#widget h1 {
	font-size:2.2vw;
}

#widget h2 {
	font-size:2vw;
}

#widget h3, 
#widget h4 {
	font-size:1.8vw;
}

#widget h5,
#widget h6 {
	font-size:1.7vw;
}

#widget p {
	font-size:12px;
}
	  
}


@media screen and (max-width: 860px) {

#content-full-width .listing-text_with-date {  /* this includes the image */
width:80%;
max-width:80%;
  }
  
#content .listing-text_with-date {  /* this includes the image */
width:76%;
max-width:76%;
  }
	  
  }
  
@media screen and (max-width: 730px) {
	 
#content-full-width .listing-text_with-date {  /* this includes the image */
width:76%;
max-width:76%;
  }
  
  #content .listing-text_with-date {  /* this includes the image */
width:75%;
max-width:75%;
  }
	  
  }
  
  
@media screen and (max-width: 400px) {
	 
#content-full-width .listing-text_with-date {  /* this includes the image */
width:74%;
max-width:74%;
  }
  
  #content .listing-text_with-date {  /* this includes the image */
width:73%;
max-width:73%;
  }
	  
  }
  
#listings-wrapper p {
	margin-left:0%; 
padding-top:0em;
color:#000;
width:70%;
float:left;
line-height:1.3em;
}

#listings-wrapper p a,
#listings-wrapper_full p a {
text-decoration:underline;
	color:#0B3EA6;
}

#listings-wrapper_full p {
margin-left:0%; 
padding-top:0em;
color:#000;
width:98%;
float:left;
line-height:1.3em;
}


.list-item-image {
	float:right;
	margin:0% 0% 1.5% 1.5%;
	padding:0px;
	padding-bottom:0px;
	width:22%;
	height:auto;
	border:none;
}

.list-item-image img {
	margin:0;
	padding:0;
	padding-bottom:0px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border:solid 1px #ccc;
}

#day-date-time-display {
	float:left;
	padding-right:.5em;
	width:25%;
	max-width:110px;
	min-width: 80px;
	margin-right:1%;
}


.list_weekday,
.list_date,
.list_time {
	text-align:right;
	clear:both;
	font-size:1em;
	padding-top:.3em;
}

.list_weekday {
	font-weight:bold;
	font-size: 1.2em;
}

.list_date {
}

.list_time {
}

.list_time .clock-icon img {
	height:20px;
	width:20px;
	margin-top:1px;
	padding-left:4px;
	padding-top:3px;
}




@media screen and (max-width: 768px) {
	
#sidebar {
width:98%;
clear:both;
margin-left:1%;
margin-right:1%;
margin-top:10px;
}

#widget, #widget-no-padding {
	float:left;
	width:48%;
	margin:1%;
}


#content #top-widgets-2 #widget-no-padding, #bottom-widgets-2 #widget-no-padding, /* currently this is only for the content size */
#content #top-widgets-2 #widget-no-padding, #bottom-widgets-2 #widget-no-padding,
#content #top-widgets-3 #widget-no-padding, #bottom-widgets-3 #widget-no-padding, 
#content #top-widgets-3 #widget-no-padding, #bottom-widgets-3 #widget-no-padding {
	float:left;
	width:70%;
	margin:1%;
	margin-left:15%;
	margin-right:15%;
}

}



@media screen and (max-width: 600px) {

#day-date-time-display {
	width:22%;
	max-width:110px;
	min-width: 67px;
}

.list_weekday,
.list_date,
.list_time {
	text-align:right;
	clear:both;
	font-size:.9em;
	padding-top:.3em;
}

.listing-text_with-date {  /* this includes the image */
float:left;
text-align:left;
width:73%;
max-width:73%;
  }
 
 #listings-wrapper p {
width:62%;
}

.list-item-image {
	float:right;
	margin:0% 0% 1.5% 1.5%;
	padding:0;
	width:36%;
	height:auto;
	border:none;
}
  
}


@media screen and (max-width: 500px) {
	
 #listings-wrapper p {
width:98%;
}

.list-item-image {
	clear:both;
	margin:0;
	margin-bottom:4px;
	width:100%;
}

#widget, #widget-no-padding {
}

#content #top-widgets-2 #widget-no-padding, #bottom-widgets-2 #widget-no-padding, /* currently this is only for the content size */
#content #top-widgets-2 #widget-no-padding, #bottom-widgets-2 #widget-no-padding,
#content #top-widgets-3 #widget-no-padding, #bottom-widgets-3 #widget-no-padding, 
#content #top-widgets-3 #widget-no-padding, #bottom-widgets-3 #widget-no-padding {
	float:left;
	width:99%;
	margin:1%;
	margin-left:.5%;
	margin-right:.5%;
}

	
#widget, #widget-no-padding {
	float:left;
	width:98%;
	margin:1%;
}

}


@media screen and (max-width: 300px) {
	
	body {
		min-width:300px;
	}
}


/* FONT DEFAULT SIZES **************************/

.entry h1,
#main-content h1,
#wysiwyg-content h1 {
font-size:2.1em;
}
.entry h2,
#wysiwyg-content h2 {
font-size:2.3em;
}
#wysiwyg-content h3,
#wysiwyg-content h4 {
font-size:1.9em;
	line-height:1.5em;
}
#wysiwyg-content h5,
#wysiwyg-content h6 {
font-size:13px;
}
#wysiwyg-content p {
font-size:13px;
line-height:normal;
}

@media screen and (max-width: 500px) {
	
.entry h1,
#main-content h1,
#wysiwyg-content h1 {
font-size:24px;
}
.entry h2,
#wysiwyg-content h2 {
font-size:3.7vw;
}
#wysiwyg-content h3,
#wysiwyg-content h4 {
font-size:3vw;
}
#wysiwyg-content h5,
#wysiwyg-content h6 {
font-size:12px;
}
#wysiwyg-content p {
font-size:12px;
}

}

@media screen and (max-width: 400px) {
	
.entry h1,
#main-content h1,
#wysiwyg-content h1 {
font-size:21px;
}
.entry h2,
#wysiwyg-content h2 {
font-size:15px;
}
#wysiwyg-content h3,
#wysiwyg-content h4 {
font-size:14px;
}
#wysiwyg-content h5,
#wysiwyg-content h6 {
font-size:12px;
}
#wysiwyg-content p {
font-size:12px;
}

}

/* END DEFAULT FONT SIZES ******************************/


/* ACCOUNT LOGIN PAGE STYLE */
#account-info-wrapper { /* creates some space around account content */
	padding:1.5%;
}

/* BACK TO TOP BUTTON */
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}


@media screen and (max-width: 768px) {
#myBtn {
    right: 0px; /* Place the button 30px from the right */
	padding: 10px 8px; /* Some padding */
    border-radius: 10px 0px 0px 10px; /* Rounded corners */
}	
	
.online #content-full-width {
	background:#fff;
	width:100%;
	margin:0;
	margin-top:-8px;
	padding:0;
	-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
body .online {
	background:#fff;
	}

	
}

@media screen and (max-width: 400px) {
#myBtn {
	padding:0;
    right:-15px; /* this hides the myBtn */
	bottom:-15px;
}
	
body .online {
	background:#fff;
	}
	
#reduced-online-nav { /* this is to hide the online ordering responsive button when used */
	display:none;
}

}
/* END BACK TO TOP CSS */


/* this is for popup - only works on home page currently */
#texting-button-wrapper {

}

#texting-button-wrapper a {
	display:block;
	color:#fff;
	font-size:18px;
	font-weight:normal;
	position:fixed;
	padding:1em;
	background: #f26122;
	bottom:0;
	left:0;
	-webkit-border-radius: 0px 8px 0px 0px;
    -moz-border-radius: 0px 8px 0px 0px;
    border-radius: 0px 8px 0px 0px;
	z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    cursor: pointer; /* Add a mouse pointer on hover */
}


.modal-example-body {
	width:260px;
	margin-top:8px;
	min-height:100px;
}

.modal-example-body input {
	padding:.3em;
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modal-example-body input[type=submit] {
	background: #f26122;
	border: 1px solid #f26122;
	color:#fff;
	margin-top:8px;
}


/* THIS IS FOR THE EMAIL SUBSCRIBER FORM */
#email-subscriber-section {
	position:relative;
	height:auto;
	padding-top:80px;
	padding-bottom:80px;
	width:100%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#email-subscriber-section h1 {
}
#email-subscriber-section input {
padding:.8em;
	border-radius:6px;
	font-size:18px;
}
#email-subscriber-section input {
	display:inline-block;
	width:69%;
	min-width:180px;
	margin-top:-2px;
	height:54px;
}
#email-subscriber-section input[type=submit]{
	display:inline-block;
	border-radius:6px;
	font-size:18px;
	width:29%;
	min-width:100px;
	margin-top:4px;
}
#email-subscriber-section input[type=submit]:hover{
	background:green;
	color:#fff;
}

p.thank-you {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	padding:.7em;
	border-radius:4px;
	text-align:center;
	color:#e10000;
	background:#fff;
	font-size:1.2em;
}
/* END SUBSCRIBER FORM CSS */
