/*  
CMS Modify CSS
*/

html {
    position: relative;
    min-height: 100%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-x:hidden;
}

body {
    margin: 0 0 270px; /* bottom = footer height */
	background:#e6e4df;
}

body#home {
	background:url(../images/bg-repeater.jpg) repeat;
}

@font-face {
    font-family:barbershop;
    src: url(../BarbershopinThailand.ttf);
}

#main-content h1,
#main-content p,
#wysiwyg-content p,
#content-full-width p {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:1.5em;
	padding-bottom:.3em;
	color:#000;
}

h1, #main-content h1,
#wysiwyg-content h1 {
	font-family: 'Oswald', sans-serif;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-family:barbershop;
	font-size:29px;
	font-weight:600;
	color:#7b1317;
}
body#home #main-content h1,
body#home #wysiwyg-content h1 {
	font-family: 'Oswald', sans-serif;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-family:barbershop;
	font-size:53px;
	font-weight:600;
	color:#7b1317;
	padding-bottom:.1em;
	padding-top:.4em;
}
body#home #main-content p,
body#home #wysiwyg-content p,
body#home #main-content h3,
body#home #wysiwyg-content h3 {
	color:#000;
}

body#home #wysiwyg-content h1,
body#home #page-container1 #wysiwyg-content h1 {
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	color:#fff;
}
.listings-title {
font-family: 'Oswald', sans-serif;
color: #000;
font-size:23px;
  }

#content-full-width #listings-wrapper, 
#content-full-width #listings-wrapper_full,
#content #listings-wrapper, 
#content #listings-wrapper_full { 
width:100%;
margin-left:0%;
margin-right:0%;
padding:11px 0px 11px 0px;
background:none;
  }

#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 */
color: #000;
  }

.list_weekday,
.list_date,
.list_time {
	color:#000;
}
#content #listings-group-wrapper,
#content-full-width #listings-group-wrapper {
	background:none;
}

#content-full-width #listings-wrapper, 
#content-full-width #listings-wrapper_full,
#content #listings-wrapper, 
#content #listings-wrapper_full { 
border-bottom:solid 1px #000;
  }

#listings-wrapper .list-item-image {
	border:none;
}

#listings-wrapper .list-item-image img {
	border:none;
}
#content-full-width .listing-text_with-date {  /* this includes the image */
border-left:1px solid #000;
  }
#wrapper, #header, #page,
#home-allcontent #header,
#footer, #bottom-footer-sections,
#footer-top-section {
	width:1024px;
}

#inner-header, 
#footer, #bottom-footer-sections,
#footer-top-section {
	width:100%;
	max-width: 1024px;
}


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

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


#footer, #footer p, #footer a,
#bottom-footer-sections, #bottom-footer-sections a,
#footer-wrapper, #footer-wrapper a, #footer-top-section,
#footer-top-section a, #bottom-footer-sections #right-section, 
#bottom-footer-sections #right-section a, #footer-right a,
#footer-right p, #footer-right p a, #footer-hours {
	color: #000;
	font-size:14px;
}

#footer-wrapper {
margin-top:5px;
	position: absolute;
    left: 0;
    bottom: 0;
    height: 270px;
    width: 100%;
	background:url(../images/bg-repeater.jpg) repeat;
	border-top:none;
	margin-left:0;
}

#menu-wrapper {
	background:none;
	padding-top:0px;
	padding-bottom:12px;
	border-radius:9px;
	padding:.5em .4em .5em .4em;
	width:97%;
	margin-left:1.5%;
	margin-right:1.5%;
	margin-top:-10px;
}
#footer-top-section {
}

.featured-item {
	background:#fed500;
	color:#000;
	border-radius:4px;
	padding: .3em .7em .7em .7em;
	margin-top:4px;
}

#footer-logo img {
padding:7px;
}

#credit-cards {
	clear:both;
	float:right;
	width:auto;
}

#credit-cards img {
	height:24px;
	width:171px;
}


@media screen and (max-width: 1024px) {
#credit-cards {
	margin-right:20px;
}
}


@media screen and (max-width: 768px) {
#credit-cards {
	clear:both;
	float:none;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
}

#bottom-footer-sections #right-section {
margin-bottom:15px;
}
@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 */
margin-top:10px;
}
}

#header-wrapper, #home-allcontent #header-wrapper {
	min-height:0px;
	margin-top:0px;
	width:100%;
	min-width:100%;
	max-width:2000px;
	height:auto;
	text-align:center;
  margin-bottom:0px;
}


#home-allcontent #header-wrapper img { /* this is needed to hide the includes img for unique header image (set in admin) */

}

#h-nav-logo-wrapper {  /* this is for javascript logo - reduced in nav if used - hidden by default */
	display:block;
}

#header-wrapper #h-nav-logo {
padding-top:9px;
}


/* CUSTOM LOGO WRAPPER CODE */

#logo-wrapper-outer {
}

#logo-wrapper {
height:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:0px;
	margin-top:-25px;
width:100%;
	max-width:1200px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
height:100%;
max-height:100%;
background:none;
}


#logo-wrapper a.outline-button {
	display:block;
	padding:.9em;
	border: solid 1px #fff;
	-moz-border-radius: 4px;
-webkit-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	width:inherit;
	max-width:200px;
}

#logo-wrapper a.outline-button:hover {
background:#117e3f;
}

#logo-wrapper ul {
	text-align:left;
}

#logo-wrapper ul li {
	list-style-type:disc;
}

#logo-wrapper p, #logo-wrapper ul li {
	color:#000;
	line-height:1.4em;
}

#logo-wrapper .logo-ind {
	width:47%;
	height:auto;
	min-height:290px;
	max-height:290px;
	background:#000;
	display:inline-block;
	vertical-align:top;
	padding:0em;
		border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
    border: 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;
	margin:1%;
	overflow:hidden;
}

#logo-wrapper .logo-ind img {
	width:100%;
	min-width:400px;
	overflow:hidden;
}

@media screen and (max-width: 768px) {
	#logo-wrapper .logo-ind {
	width:70%;
}
}

@media screen and (max-width: 600px) {
	
	#logo-wrapper .logo-ind {
	width:98%;
		height:auto;
		max-height:250px;
		min-height:250px;
}
}

@media screen and (max-width: 768px) {
#logo-wrapper #mobile-hide {
	display:none;
}
}

#logo-wrapper .logo-ind .box-one {
}
#logo-wrapper a .box-one:hover {
	opacity:.90;
filter:alpha(opacity=.90);
filter: “alpha(opacity=.90)”;
}


#logo-wrapper .logo-ind h2.box-title {
	display:block;
	text-align:center;
	z-index:3000;
	padding:.2em;
	padding-top:2em;
	background:none;
	font-size: 24px;
	vertical-align:central;
	color:#fff;
}

#logo-wrapper .logo-ind p {
	display:block;
	padding:1.1em 2em 1em 2em;
	color:#fff;
}


.logo-ind img,
.logo-ind-right img,
.logo-ind a img,
.logo-ind-right a img {
	width: auto;
text-align:center;
max-width:100%;
}


/* END CUSTOM LOGO WRAPPER CODE */
#top-header-buttons {
	margin-top:0px;
}


#online-ordering-side-button {
display:none;
}

#online-ordering-top-button,
#home-allcontent #online-ordering-top-button { /*hiding the main online order button */
		display:none;
	}

/* ONLINE ORDER BUTTON IN THE TOP-HEADER-CUSTOM.PHP FILE */
#order {
	position:fixed;
	z-index:8001;
	clear:both;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;
}

#space-holder-online-ordering { /* this is needed to hold space for the fixed online ordering button */
	height:51px;
}
#home-allcontent #space-holder-online-ordering { /* this is to fix (if necessary on the home page */
	height:0;
}
#replacement-filler-online_horiz-nav { /* this should be set to same height as horizontal nav */
height:177px;
}
#below-horiz-nav-online-nav_wrapper {
}
#below-horiz-nav-online-nav { /*this is for the online ordering button directly below horizontal-wrapper div */
	display:block;
	position:fixed;
	z-index:9000;
	top:177px;
}
#below-horiz-nav-online-nav { /*this is for the online ordering button directly below horizontal-wrapper div */
	display:block;
	position:fixed;
	z-index:9000;
	top:177px;
}
#reduced-online-nav { /* hidden until screen size is reduced */
	display:none;
}

#order li {
	float:none;  /* needed to clear float from main-style.css */
	display: inline-block;
	margin: 0px;
	width:100%;height:51px;
	margin-left:auto;
margin-right:auto;
text-align:center;
background:#be1e2d;
margin-bottom:0px;
}



#order li:hover {
background:green;
}
#order li#custom-ordering-text {
	height:85px;
	-webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
display:inline-block;
	width:100%;
	min-width:100%;
	padding:.3em;
	text-align:center;
	background:#fff;
	padding-left:20px;
	padding-right:20px;
}
#order li#custom-ordering-text h1 {
	 text-align:center;
	font-size:2em;
	color:#000;
	text-shadow:none;
}
@media screen and (max-width: 850px) {
#order li#custom-ordering-text {
	height:130px;
}
}

#below-horiz-nav-online-nav #order li {
	background:#be1e2d;
}

#below-horiz-nav-online-nav #order li#custom-ordering-text {
	background:#fff;
}
#order li:hover {
background:green;
}

#order a {
	display: inline-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/order-online.png) no-repeat center;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	width:100%;height:51px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#order a:hover {
		background:url(../images/order-online.png) no-repeat center;
		width:100%;height:51px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


@media screen and (max-width: 1024px) {	
		
/*START ONLINE ORDER REDUCED BUTTON CSS */
	
#replacement-filler-online_horiz-nav { /* this should be set to same height as horizontal nav */
height:58px;
}

#home-allcontent #below-horiz-nav-online-nav,
#below-horiz-nav-online-nav { /*this is for the online ordering button directly below horizontal-wrapper div */
	top:58px;
}
#wrapper { 
margin-top:48px;
}
#page {
}

}  	/* END ONLINE ORDER REDUCED BUTTON CSS */


/* END ONLINE ORDER CSS */



#reduced-menu-button {  /*  this is hidden at this screen width and is replaced by dropdown menu */
	display:none;
}

@media screen and (max-width: 990px) {
	
.reduced-link img#reduced-logo {
}

}



#wrapper { 
	border: none;
	width:100%;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
	border-radius: 0px;
	margin:auto;
box-shadow: none;
border-top:none;
margin-bottom:0px;
}

  
#content #listings-group-wrapper,
#content-full-width #listings-group-wrapper {
margin-top:15px;
}

#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;
	}
	
.list-item-image {
border:solid 1px #949494;
-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}


#page { 
	border: none;
	width:1024px;
	margin:auto;
	border-radius: 3px;
padding:0px;
	padding-top:30px;
min-height:200px;
	margin-top:170px; /* IMPORTANT this needs to match height of horizontal nav */
	}

#page-container, #page-container1, #page-container2, #page-container3,
#page-container4, #page-container5, #page-container6 {
	display:block;
	position:relative;
	height:inherit;
	width:100%;
	min-width:100%;
	max-width:100%;
	border: none;
	margin:0;
	padding:0;
	border-radius: 0px;
	padding-bottom:0px;
}
#home-allcontent #page-container {
	margin-top:-200px;
}
#page-container {
}
#page-container1 {
 	background: url(../images/specials-section-background.jpg) no-repeat center center fixed #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
height:100%;
min-height:100%;
max-height:100%;
}
#page-container1 h1 {
		color:#e0e0e0;
	text-align:center;
	margin-bottom:14px;
}
#page-container2 {
	margin-bottom:0px;
}


#wysiwyg-content a.outline-button {
	display:block;
	padding:.9em;
	border: solid 1px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	width:inherit;
	max-width:200px;
	background:#555d29;
	text-decoration:none;
}

#wysiwyg-content  a.outline-button:hover {
background:#a33122;
}

#home-allcontent #page-container1 #wysiwyg-content h1,
#page-container1 #wysiwyg-content h1, #home-allcontent #page-container1 h1,
#page-container1 #main-content h1, #page-container1 #page h1, 
#page-container1 .entry h1, h1 {
text-align:center;
	color:#7b1317;
}

#page-container3 {
}
#page, #page1, #page2, #page3, #page4, #page5, #page6 { 
width:100%;
max-width:1024px;
	margin-left:auto;
	margin-right:auto;
border: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding:0px;
height:auto;
background:none;
	}


#video-wrapper {
	display:none;
}
#video-wrapper h1 {
	color:#fff;
	padding-top:.8em;
	padding-bottom:.3em;
}
body#home #video-wrapper {
	display:block;
	background:#000;
	padding-left:20%;
	padding-right:20%;
	margin-top:-70px;
}
@media screen and (max-width: 1024px) {
	#video-wrapper {
	padding-left:10%;
	padding-right:10%;
}

}

@media screen and (max-width: 768px) {
		#video-wrapper {
	padding-left:0%;
	padding-right:0%;
}
}
#content, #content-full-width {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding:0%;
border:none;
padding-top:.5%;
margin-bottom:0px;
	padding-top:20px;
background:none;
}


#content {
	width:72%;
	float:left;
	margin-left:1%;
}

#main-content {
	padding-top:6px;
}

#main-content p a {
	color:#000;
	text-decoration:underline;
}

#wysiwyg-content,
#html-main-content {
padding:0px;
margin:0px;
padding-left:2%;
padding-right:2%;
	padding-bottom:45px;
	margin-top:20px;
}

#wysiwyg-content img {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:solid 1px #ccc;
border:none;
}


#bottom-widget-wrapper h3 {
	font-size:15px;
}

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

#home-allcontent #wysiwyg-content h1,
#wysiwyg-content h1, #home-allcontent h1,
#widget h1, h1 #main-content h1, #page h1, .entry h1 {
line-height: auto; 
text-align:center;
font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-family:barbershop;
	color:#7b1317;
font-weight:bold;
margin-bottom:.1em;
margin-top:.6em;
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	text-shadow:none;
	font-size:3em;
}
#wysiwyg-content h1 {
}
#home-allcontent h1 {
	margin-top:.2em;
	font-size:54px;
}

#main-content p a,
#main-content a p,
#wysiwyg-content p {
	color:#2B2B2B;
	font-size:15px;
	line-height:1.5em;
	
}
@media screen and (max-width: 768px) {
.entry h1 { 
font-size:3.3vw;
}	
#home-allcontent h1 {
	font-size:44px;
}
	
}

@media screen and (max-width: 650px) {
.entry h1 { 
font-size:1.5em;
}	
}

#main-content #wysiwyg-content h2 {
	font-size: 1.8em; 
	line-height: auto;
	font-weight:bold;
	color:#e0e0e0;
	margin-top:7px;
}

#main-content #wysiwyg-content h3 {
	font-size: 1.6em;
	color:#e0e0e0;
}

#main-content #wysiwyg-content  h4, 
#main-content #wysiwyg-content h5, 
#main-content #wysiwyg-content h6 {
	font-size: 1.5em;
}

#main-content #wysiwyg-content p { 
font-size: 1.1em;
	margin: 0;
	padding: 0;
	line-height:1.4em;
	color:#2B2B2B;
	font-weight:normal;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
}

#main-content #wysiwyg-content ul { 
margin-bottom:.8em;
}

#main-content #wysiwyg-content p { 
margin-top:.1em;
}

#main-content #wysiwyg-content ol,
#main-content #wysiwyg-content ul,
#main-content ol,
#main-content ul,
#main-content ul li,
#main-content ol li { 
font-size: 1.1em;
color: #000;
list-style-type:disc;
line-height:1.3em;
}

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

#home-allcontent #main-content #wysiwyg-content h2,
#home-allcontent #main-content #wysiwyg-content p {
	color: #000;
}



#wysiwyg-content p a.custom-button,
#contact-page-wrapper p a.custom-button,
#wysiwyg-content p a.custom-button2,
#contact-page-wrapper p a.custom-button2 {
display:inline-block;
padding:12px;
border-radius:3px;
text-align:center;
margin-left:auto;
margin-right:auto;
text-decoration:none;
font-size:16.5px;
font-weight:bold;
color:#fff;
background:#be1e2d;
min-width:96%;
margin-top:6px;
}

#wysiwyg-content p a.custom-button2,
#contact-page-wrapper p a.custom-button2 {
min-width:48%;
}

#wysiwyg-content p a.custom-button:hover,
#contact-page-wrapper p a.custom-button:hover,
#wysiwyg-content p a.custom-button2:hover,
#contact-page-wrapper p a.custom-button2:hover {
background:red;
}

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


/* Header */

#header {
	display:block;
	margin:auto;
	min-width:100%;
	max-width:100%;
	height:0px;
	background:none;
	margin-top:0px;
	display:none;
}

#header-logo {
margin:0px;
padding:0px;
position:relative;
width:100%;
height:auto; 
text-align:center;
margin-top:50px;
padding-top:10px;
z-index:1999;
	display:none;
 }


#header-logo img {
height:120px;
width:auto;
text-align:center;
 }


#header-logo_home {
display:none;
 }


#city, #address {
display:none;
}

#sidebar {
width:23%;
margin-right:1.5%;
float:right;
margin-top:35px;
}

#sidebar-address {
	display:none;
}

#address p {font-weight:normal;}

.phone-wrapper {
	display:none;
}

#home-allcontent .phone-wrapper {
	display:block;
	text-align:center;
	margin-left:auto;margin-right:auto;
	margin-top:.3em;
}
#header .phone-number {
	font-weight:bold;
	font-size:30px;
	color:#be1e2d;
}



#page-bgtop {
	background: none;
}

#page-bgbtm {
	background: none;
}


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

@media screen and (max-width: 768px) {
#top-widget-container, #bottom-widget-container {
	margin-top:14px;
	
}
	
}

#top-widget-wrapper {
	display:block;
	background:none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding:0px;
	display: table-row;
	border-collapse: separate;
	border-spacing: 8px 0px;
	width:100%;
	min-width:100%;
}


#left-box img, #center-box img, #right-box img {
	float:right;
	height:auto;margin:1.5%;
	width: 25%;
	min-width:25%;
	max-width:25%;
	padding-right:2%;
	}


#left-box h2, #center-box h2, #right-box h2 {
	display:inline-block;
	float:left;text-align:left; width:72%;
	padding-top:0px;padding-bottom:0px;
	color:#fff;font-size:1.8em;font-weight:600;
	margin-left:4%;
	margin-top:0px;
	margin-bottom:0px;
	}
	
#left-box h2 a, #center-box h2 a, #right-box h2 a,
#left-box p a, #center-box p a, #right-box p a {
	color:#fff;
	}
	
#left-box p, #center-box p, #right-box p {
	display:inline-block;
	float:left;text-align:left; width:72%;
	font-size:11px;margin-top:0px;padding-top:0px;
	margin-left:4%; font-size:1em;
	margin-top:0px;
	}

#left-box:hover, 
#center-box:hover, 
#right-box:hover {
opacity:.90;
filter:alpha(opacity=.90);
filter: “alpha(opacity=.90)”;
}



/* Home Custom CSS */



/* home specials box */
#home-specials {
	display:none;
}

#header-address {
margin:0px;
width:auto;
height:auto; 
z-index:9999;
text-align:left;
padding:8px;
margin-left:7px;
position:absolute;
bottom:0;
left:0;
	height:46px;
	display:none;
	}

#header-address img {
	width: 30px;
	height:30px;
}
	
#header-address p {
	margin:0px;padding:0px;
	font-size:14px;
	line-height: 1.2em;
	color:#000;
	}
	
#header-address p .phone-number {
	font-weight:bold;
	color:#be1e2d;
	font-size:24px;
	line-height:1.2em;
	}
	
li.reduced-custom-button {  /* this is for the custom button added to horizontal wrapper to show in reduced version */
	display:block;
	background: #be1e2d;
	text-align:center;
	width:100%;
	clear:both;
}

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

.horiz-phone a {
	display:block;
	color:#fff;
	background: #be1e2d;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	font-size:17px;
	padding:.2em;
	text-align:center;
}



/* sidebar social links default to show */
#social-sidebar-links {
	display:none;
}

#social-header-links {
	width:auto;
	float:right;
	clear:right;
	display:none;
}

#social-header-links ul li {
display:inline;
}

#social-header-links img {
	margin-left: 4px;
	width:30px;
	height:30px;
}


/* Main Sidebar */

#nav-wrapper {
margin:0;
background:#dee1e5;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:4px;
width:inherit;
}

#nav-wrapper ul li {
	margin:0;
	padding:0;
}


/* defaults to show built in page links in sidebar navigation */
#static-vertical-nav {
}


/* horizontal nav hide  - styling for this is in horizontal-nav.css */
#horizontal-wrapper {
	}

/* side social icons - default to hide - stying for this area is below */
#social-icons-right-side {
position:fixed; margin-top:353px;margin-left:795px;
width:45px; 
}


#sidebar #hours,
#sidebar #open-marker,
#sidebar #closed-marker {
	display:none;
}




#hours {
	width:100%;
	color:#000;
line-height: 1.2em;
margin-bottom:10px;
display:none;
}
#hours .bold-font {
	font-weight:bold;
	}
#hours p {
	font-weight:normal; 
	font-size:12px;
	}

#header-ordering-button {
}


.menu-description {
	font-style:italic;
 padding-bottom:5px;
 }

#specials-wrapper { 
text-align:left; 
-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding: 10px;
	margin-bottom:5px;
	background:#ce0303;
color:#fff;
  }
.specials-title {
	font-weight:bold;font-size: 1.8em;
	color:#fff;
  }
#specials-wrapper p {
}
	
#specials-allcontent {
	display:none;
	}

#hide-contact-fax, #hide-contact-email {
	display:none;
	}

#widget {
	color:#000;
		-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin-bottom:12px;
}
#widget-content h2, #widget-content h1 {
	color:#fff;
	font-weight:600;
	font-size: 1.9em;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#widget #widget-content h4 {
	color:#fff;
	font-weight:400;
	font-size: 1.4em;
	line-height:1.4em;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:left;
	margin-top:7px;
}

#widget #widget-content p {
	line-height:1.7em;
	color:#fff;
}
#widget #widget-content h3 a {
	text-align:center;
	font-family:arial, verdana, sans-serif;
	font-size: 17px; line-height: 1.2em;
	color:#8c8e91;
	font-weight:600;
padding:.5em;
text-decoration:none;
}

#widget-content a {
	color:#8c8e91;
}

#widget-content a:hover {
	color:#ccc;
}

#widget #widget-content {
	padding:.6em .1em .8em .1em;
}

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


#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 {
	line-height:1.5em;
}


#contactinfo {  /* this is the wrapper for the in page form option ********/
background:#fff;
padding:1.5%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/* width: 60%;
margin: 0 auto;  */
}

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

#contact-page-wrapper p a,
#contact-page-wrapper p,
#contactinfo p a {
	text-decoration:none;
	color:#2B2B2B;
}



@media screen and (max-width: 1024px) {
	
	
body {
	max-width:100%;
	min-width:100%;
	overflow:hidden;
}


#wrapper { 
margin-top:48px;
}

	
#horizontal-wrapper { /*** hide this to show the reduced menu */
	display:none;
}

/**** STYLE FOR REDUCED MENU BACKGROUND COLOR *****************/
#reduced-menu-button { 
	display:block;
	position:fixed;
	height:58px;
	background:#fff;
	border-bottom:solid 1px #ccc;
}


#menu1 {
top: 52px;
}

#reduced-menu-button #nav-links-reduced img {
	display:block;
}

#reduced-menu-button #nav-links-reduced img {
	text-align:left;
}


#social-header-links {
	display:none;
}

#header-address {
margin-right:1%;
	}
	
#content-full-width {
		width:96%;
		margin-left:2%;
		margin-right:2%;
margin-bottom:10px;
}


#home-allcontent #content-full-width,
#content-full-width,
#content{
padding:1.5%;
margin-bottom:25px;
}

#content {
	width:71%;
}

#sidebar {
	width: 22%;
	margin-left:1.5%;
}

#page {
	width:100%;
	margin-top:0px;
}
	#home-allcontent #page {
		margin-top:200px;
	}

}


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


#header-address {
		display:none;
	}
	
#sidebar {
width:97%;
clear:both;
margin-top:10px;
}

#sidebar #widget,
#sidebar #widget-no-bg {
width:48%;
margin-left:1%;
margin-right:1%;
display:inline-block;
}


/* Content */


#home-allcontent #content-full-width,
#content-full-width,
#content{
	padding: 0px; margin:0px;
	float: right;   /* float right for left sidebar */
	width: 100%;
	padding-top: 0px;
	margin-top: 0px;
	border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding:1.5%;
margin-bottom:25px;
border:none;
}

#home-allcontent #content-full-width {
	border-top:none;
	border-bottom:none;
}



#main-content { 
float:right; 
width:100%;
margin:0;
padding:0;
}

	
	
	
/* footer */



	
}



@media screen and (max-width: 700px) {
	
body {
    margin: 0 0 280px; /* bottom = footer height */
}

#footer-wrapper {
	height:280px;
}

	
#coupon-club-top, #coupon-club, #header-ordering-button,
#social-header-links {
	display:none;
}
	
#sidebar #widget,
#sidebar #widget-no-bg {
width:98%;
}

}

@media screen and (max-width: 570px) {
	
#home-allcontent #content-full-width,
#content-full-width,
#content{
margin-bottom:0px;
}


#logo-tagline {
position:relative;
text-align:center;
width:100%;
}
#logo-tagline h2 {
	font-size:17px;
text-align:center;
}

}



@media screen and (max-width: 300px) {
	
body, #wrapper, #content, #content-full-width, #page, #header {
	min-width:300px;
}
	
	
}


.modal {
    display: none; /* Hidden by default */
    position: relative; /* Stay in place */
    z-index: 12000; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
	margin-top:-3px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #fff; /* Fallback color */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: none;
    width: 100%;
	max-width:900px;
		-webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
}

.modal-content li {
	padding:.5em;
	font-size:18px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


#myBtn {
    background-color: #2B2B2B; /* Set a background color */
}


#footer-wrapper #footer-section-wrapper h2,
#third-footer-section #footer-hours p {
	color:#000;
}