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

#content #leftCol {
	width:220px;
	padding:0 20px;
}
#content .outerContainer #hotOvenContainer {
	position:absolute;
	bottom:35px;
}
#content .outerContainer #hotOvenContainer .hotOvenLink {
	width:190px;
	margin:0 20px
}
#content #rightCol {
	width:678px;
	padding:0 20px 20px 0
}
#content #rightCol #displayContainer {
	width:678px;
	height:381px;
	background:#ffffff;
	border:1px solid #8A846A;
}
#content #rightCol .row1 {
	width:680px;
	margin-top:13px
}
#content #rightCol .row1 #mapContentContainer {
	width:422px;
	height:244px;
	background:#D4D2B3;
	border:1px solid #8A846A;
	padding:15px
}
#mapContentContainer h2 {
	margin-bottom:5px
}
#content #rightCol .row1 #mapContentContainer .mapContent {
	width:420px;
	height:217px;
	border:1px #8A846A solid;
	background: #fff no-repeat
}
#content #rightCol .row1 .col2 {
	width:206px;
	height:276px;
	margin-left:20px
}
#cafeResultsContainer{
    overflow: auto; 
    height: 400px; 
    *height: auto; 
    padding: 10px 20px 10px 0;
}
#zipSearch {
	width:500px;
	margin-bottom:30px;
	min-height:26px
}
#zipSearch input[type="text"] {
	min-width:113px;
	max-width:113px;
}
#zipSearch #zipSearchSubmit {
	position:absolute;
	margin-right:-70px;
	right:0;
	background: url(../images/buttons/brownSubmitRightRounded.png) right center #E4DFC9;
	top:0;
	min-width:35px;
	color:#fff;
	padding:6px 20px 7px 20px;
	margin-top:-1px;
	cursor: pointer;
}
.headerLrg #crossStreet {
	line-height:44px;
	margin-left:10px;
	vertical-align:baseline;
	font-style:italic
}
.headerLrg #openingYear {
	font-size:11px;
	line-height:44px;
	vertical-align:baseline;
	font-style:italic
}
.tabs {
	width:660px;
	position:absolute;
	bottom:0;
	height:32px;
	margin: 0 21px;
	z-index:100
}
.tabs .tab {
	position:relative;
	margin-left:-21px;
	float:left;
	height:32px;
	z-index:1;
	cursor:pointer
}
.tabs .tabActive {
	z-index:2 !important
}
.tabs .tab .tabLeft {
	width:15px;
	height:32px;
	background:url(../images/buttons/tabBrown.png) top left no-repeat;
	float:left
}
.tabs .tab .tabRight {
	width:15px;
	height:32px;
	background:url(../images/buttons/tabBrown.png) top right no-repeat;
	float:left
}
.tabs .tab .tabLabel {
	height:25px;
	padding:7px 33px 0 33px;
	background:url(../images/buttons/tabBrown.png) top center no-repeat;
	float:left;
	font-family:"museo-slab";
	font-size:14px;
	color:#FFF
}
.tabs .tabActive .tabLabel, .tabs .tabActive .tabLeft, .tabs .tabActive .tabRight {
	background-image:url(../images/buttons/tabOrange.png);
}
ul.amenities li {
	border-bottom: 1px #8A846A solid;
	margin:0;
	padding:0;
	list-style:inside;
	margin-left:-40px;
	margin-top:2px;
	font-size:12px;
	line-height:20px
}
/*STORELOCATOR*/

#storeLocator {
	width:143px !important;
}
#storeLocator select {
	width:133px !important;
}
/*CAFE VIEWS*/

.cafeViews {
	width:678px;
	height:381px
}
/*
	Slideshow
*/

#slides {
	position:absolute;
	z-index:99;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:678px;
	height:381px;
	overflow:hidden;
	position:relative;
	display:none;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/


.slides_container a img {
	display:block;
}
/*
	Next/prev buttons
*/

#slides .next, #slides .prev {
	position:absolute;
	top:150px;
	left:-1px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	outline:none;
	background:url(https://images.specialtys.com/slideshow/arrow-prev.png);
}
#slides .prev:hover {
	background: url(https://images.specialtys.com/slideshow/arrow-prev-hover.png);
}
#slides .next {
	left: 655px;
	background: url(https://images.specialtys.com/slideshow/arrow-next.png);
}
#slides .next:hover {
	background: url(https://images.specialtys.com/slideshow/arrow-next-hover.png);
}
/*
	Pagination
*/
#cafeViewsPagination {
	width:400px;
	position:absolute;
	margin:0;
	left:118px;
	z-index:200
}
.pagination {
	position:absolute;
	top:358px;
	z-index:102;
	margin:0;
	padding:0
}
.pagination li {
	float:left;
	margin:0 4px;
	list-style:none;
}
.pagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(https://images.specialtys.com/slideshow/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
	border: none;
	outline: none
}
.pagination li.current a {
	background-position:0 -12px;
}
/*SOUPS*/
#cafeViewsLink .tabLabel {
	width:150px
}
.todaysSoups {
	width:100%;
	height:100%;
	background:#000
}
#soupSlides {
	width:452px;
	height:381px;
	float:left
}
#soupSlides .slide {
	position:absolute;
	width:452px;
	height:381px;
	background-repeat:no-repeat;
	background-color:#fff
}
#soupLinksContainer {
	width:225px;
	height:381px;
	float:left;
	background:#896338;
	border-left:1px solid #978E6A;
}
.soupSelection {
	font-weight:bold;
	color:#fff;
	display:block;
	border-bottom:1px solid #978E6A;
	background:#896338;
	padding:5px 5px 0 15px;
	height:53px;
}
.soupSelection:hover {
	background:#392E21 !important;
	color:#fff !important
}
.soupSelectionActive {
	background:#fff !important;
	color:#000 !important
}
.soupDescription {
	color:#fff;
	position:absolute;
	z-index:1;
	padding:20px 15px 55px 20px;
	bottom:0;
	width:417px; 	/* Fallback for web browsers that doesn't support RGBa */
	background:url(../images/bg/black80.png);
    min-height:66px;
}

#storeMap
{
    width: 678px;
    height: 351px;
}
#storeMapLoading
{
    position: absolute;
    margin-top: -342px;
    margin-left: 10px;
    z-index: 1000;
    float: left;
}


.storeBox
{
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #999999;
}

.storeBox .storeInfo
{
    font-size: 12px;
    padding-bottom: 5px;
}

.storeBox .storeStreetAddress
{
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}

.storeBox .orangeLinkLrg
{
    padding: 5px 10px !important;
    font-size: 13px;
}

.sto
    margin-bottom: 10px;reBox .storeMiles
{
    font-size: 11px;
}

.storeBox .orangeLinkSm
{
    margin: 0;
}

.cookieAlertList 
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.cookieAlertList li 
{
    padding: 7px 0;
}

.cookieAlertList li img 
{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

/*
	Google Maps auto-complete box.  Needs to be above the Modal popup.
*/
.pac-container {
	z-index: 10000;
}