@charset "UTF-8";
/* CSS Document */

body,html{ font-family:Arial, Helvetica, sans-serif}
.clearfix{ clear:both}
.red{ color:#cd504f}
.beige{ color:#bba170}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
}
.smallerredtitle {	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #cd504f;
	font-weight: bold;
}

.store-address {
font-family:Arial, Helvetica, sans-serif;
font-size:14px; line-height:17px;
color:#333333;
font-weight:400;
}

.perfect-bite a{ display:block; width:206px; height:29px;float:right; margin-top:10px; display:block; background: url(images/perfect.jpg) no-repeat 0 0}
.perfect-bite a:hover{display:block; width:206px; height:29px;float:right; margin-top:10px; display:block; background: url(images/perfect.jpg) no-repeat 0 -29px}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cd504f;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #575757;
	text-decoration: none;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
	line-height:14px;
}
.contenttitle {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #575757;
}
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cd504f;
}


.beige a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bba170;
	text-decoration: none;
}
.beige a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bba170;
	text-decoration: none;
}
.beige a:hover {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #cd504f;
	text-decoration: none;
}
.beige a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bba170;
	text-decoration: none;
}


.allergy_statement {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #555555;
}



.menu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:500;
	color: #826643;
	text-decoration: none;
	line-height: 12px;
}
.menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:500;
	color: #826643;
	text-decoration: none;
	line-height: 12px;

}
.menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	font-weight:500;
	color: #cd504f;
	text-decoration: none;
	line-height: 12px;

}
.menu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:500;
	color: #826643;
	text-decoration: none;
    line-height: 12px;

}

.menu_price {
	color: #cd504f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.menu-intro-text {color:#333333; font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:12px; font-weight:500}
.daily-intro-text {color:#333333; font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:12px; margin-left:10px; font-weight:500}
.daily-intro-title {color:#cd504f; font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:13px; margin-left:10px; font-weight:500}
.menu-description{font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:12px; font-weight:500; color:#960}
.store-menu-tite{font-family:Arial, Helvetica, sans-serif; line-height:14px; font-size:12px; font-weight:500; color:#960}

.order_card {
	border-color: #bba170;
	border-style:solid;
	border-width: 1px;
}

.picture-border {border: #cd504f 1px solid}

.address{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:100}
.march-madness{ font-family:Arial, Helvetica, sans-serif; color:#333; font-size:24px}	
.qr-title{ font-family:Arial, Helvetica, sans-serif; color:#cd504f; font-size:25px}

/*calendar button*/		
#cal-button a{ width:144px; height:28px; float:right; background:url(images/calendar-button.png) no-repeat; background-position: 0 0; position:fixed; margin-top: -17px; margin-left:930px}
#cal-button a:hover{ background-position: -1px -28px}

/*Social icons*/	
.social { height:43px; float:left; margin-left:0; margin-right:10px;}
.social ul{height:43px; margin-top: 0; margin-bottom:0px; margin-left:10px;list-style:none; list-style-position: inside; float: left}
.social ul li{width:42px; height:43px; margin:0px; float: left; margin-right:6px; display:block}
.social ul li a{width:42px; height:43px; float:left; display:block;list-style:none; text-indent:-9999px; margin-top:0px; margin-bottom:0px; margin-right: 5px; outline: none}

.social ul li a.tw{width:42px; height:43px; margin-top:0px; margin-bottom:0px;background:url(images/social.png) no-repeat; background-position: 0 0}
.social ul li a.tw:hover{ background-position: 0 -43px}

.social ul li a.fb{width:42px; height:43px; margin-top:0px; margin-bottom:0px;background:url(images/social.png) no-repeat; background-position: -42px 0}
.social ul li a.fb:hover{ background-position: -42px -43px}

ul.top-nav{ float:left;list-style: none; display: block; margin:41px auto auto 53px; height:18px}
ul.top-nav li{ height:18px; float:left; margin-top:0;font-family: Arial, Helvetica, sans-serif; border-right: 1px solid #ccc; padding-left:20px; padding-right:20px;}
ul.top-nav li a{ float:left;margin-top:0;font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#cd504f; text-decoration: none; line-height:17px} 
ul.top-nav li a:hover{ margin-top:0;font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#333; text-decoration: none;line-height:17px}
ul.top-nav li.last{ margin-right:0; padding-right:0; border: none}
ul.top-nav li a.active{ float:left;margin-top:0; font-family: Arial, Helvetica, sans-serif; font-size:17px;color:#333;line-height:17px}

.top-nav-sub{ color:#bba170; font-size:13px; font-family:Arial, Helvetica, sans-serif}

ul.bottom-nav{ margin: 0; list-style:none; display:block; height:15px}
ul.bottom-nav li{ float:left;font-family:Arial, Helvetica, sans-serif; font-weight:100; border-right: 1px solid #ccc; padding-left:20px; padding-right:20px}
ul.bottom-nav li a{color:#cd504f; text-decoration: none;font-size:16px}
ul.bottom-nav li a.active{ color:#333}
ul.bottom-nav li a:hover{ color:#bba170; text-decoration:none}
ul.bottom-nav li.last{ border-right: none}
ul.bottom-nav li.first{ padding-left:0; margin-left:0}


/*menu page*/
.cafe-menu a{ 
display:block; width:400px; height:267px; 
background:url(images/cafe-menu-btn.jpg) no-repeat; 
background-position: 0 0; float:left;
 margin-left:1px
 }
 .cafe-menu a:hover{
	width:400px; height:267px;background:url(images/cafe-menu-btn.jpg) no-repeat; 
	background-position: 0 -267px;
}
.cheesecake-menu a{ 
display:block; width:400px; height:267px;background:url(images/cheesecake-menu-btn.jpg) no-repeat; 
background-position: 0 0; float:left; margin-left:45px
}
.cheesecake-menu a:hover{
	width:400px; height:267px;background:url(images/cheesecake-menu-btn.jpg) no-repeat; 
	background-position: 0 -267px
	}

/* rotator slideshow in homepage */
div.rotator {
	position:relative;
	width:420px;
	height:280px;
	display: none;
	float:left; padding: 0; 
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	padding: 0;border: 1px solid #cd504f;
}
    div.rotator ul li.show {
	z-index:500
}

.lpadd45{ padding-left:45px;}
.lmar40{ margin-left:40px}