@font-face {
    font-family: Museo_Slab_100;
    src: local(Museo_Slab_100), url('fonts/Museo_Slab_100.otf') format('opentype');
}   

@font-face {
    font-family: Museo_Slab_300;
    src: local(Museo_Slab_300), url('fonts/Museo_Slab_300.otf') format('opentype');
}

@font-face {
    font-family: Museo_Slab_500;
    src: local(Museo_Slab_500), url('fonts/Museo_Slab_500.otf') format('opentype');
}

@font-face {
    font-family: Museo_Slab_700;
    src: local(Museo_Slab_700), url('fonts/Museo_Slab_700.otf') format('opentype');
}

@font-face {
    font-family: Museo_Slab_900;
    src: local(Museo_Slab_900), url('fonts/Museo_Slab_900.otf') format('opentype');
}

@font-face {
    font-family: Museo_Slab_992;
    src: local(Museo_Slab_992), url('fonts/Museo_Slab_992.otf') format('opentype');
}



#content-image-header {
	width:905px;
}

#recipe-ul {
	-moz-column-count: 2;
	-moz-column-gap: 0px;
    -webkit-column-count: 2;
	-webkit-column-gap: 0px;
	column-count: 2;
	column-gap: 0px;
	width:100%;
}

.recipe-single {
	display:inline-block;
	width:400px;
    padding:15px;
	margin-bottom:15px;
    vertical-align:top;
}

.info-box {
	display:inline-block;
	width:225px;
	vertical-align:top;
	padding:25px;
}

.info-box .title {
	font-size:25px;
	font-family:Museo_Slab_500;
}

.store-order {
	width:183px;
	height:100px;
	font-size:25px;
	line-height:25px;
}

.store-order-disabled {
	background-color:transparent;
	background-image:url('styling/images/button-background-disabled.png');
	background-repeat:all;
}


.info-box ul {
	list-style:initial;
	font-size:15px;
}


.recipe-column {
    width:400px;
    display:inline-block;
    vertical-align:top;
    margin:20px;
}

.iframe-crabsale {
    width:100%;
    height:540px;
}

.recipe-image {
    width:400px;
}

.tap-title {
	display:block;
	text-align:center;
	width:100%;
	font-family:Museo_Slab_500;
	font-size:40px;
	color:black;
	margin-top:20px;
}

.tapping-soon-icon {
	position:absolute;
	left:0;
	top:0;
	margin-left:5px;
	margin-top:5px;
	z-index:200;
}

#scroll-down {
	display:none;
	position:absolute;
	left:80px;
	top:100px;
}

#digital-pour-logo {
    width:100%;
    margin-top:20px;
    text-align:center;
}

#growler-header {
    width:100%;
    margin-bottom:20px;
    text-align:center;
	background-color:rgba(255,255,255,0.15);
}

.keg-background-BG {
    height:100px;
    width:73px;
    background-size:73px 100px;
    position:absolute;
    z-index:1;
    background-image:url("images/Keg-ICON-backgroundBG.png");
}

.keg-container {
    height:100px;
    width:73px;
    float:left;
    margin-right:15px;
    display:inline-block;
}

.keg-icon {
    background-image:url("images/Keg-ICON-background.png");
    height:100px;
    width:73px;
    background-size:73px 100px;
    position:absolute;
    z-index:6;
}

.just-tapped {
    background-image:url("images/Keg-Just-Tapped.png");
    height:100px;
    width:73px;
    background-size:73px 100px;
    position:absolute;
    z-index:5;
}

.fill-block-contain {
    width:73px;
    height:75px;
    overflow:hidden;
    position:absolute;
    z-index:3;
}

.fill-block-image {
    background-image:url("images/Keg-Fill.png");
    width:73px;
    height:75px;
    background-size:73px 100px;
    position:absolute;
}    

.fill-bottom {
    background-image:url("images/Keg-ICON-fillbottom.png");
    height:100px;
    width:73px;
    background-size:73px 100px;
    position:absolute;
    z-index:2;
}


.tap-box {
    width:415px;
    margin:10px;
    height:85px;
    display:inline-block;
    position:relative;
    align-items:baseline;
}


.tap-number {
    display:inline-block;
    padding:15px;
    float:left;
    width:10px;
}

#growler-wrapper {
    display:block;
    width:100%;
    clear:both;
        
}

#growler-title {
	font-size:35px;
	color:white;
	text-align:center;
	text-shadow: 2px 2px black;
	margin-bottom:25px;

}

	.white-button-growler {
	    background-color:#4a5f1e;
	    padding:10px;
	    color:rgb(200,200,200);
	    border-color:#3a4a18;
	    border-width:2px;
	    border-style:solid;
	    	    font-family:Museo_Slab_500;
	    	    font-size:1em;
	    	    text-align:center; 
	    	    margin:10px;
					
					    
	}
	video {
		position: absolute;
		left: 50%;
		transform: translate(-50%);

	}
	
	.white-button-growler:hover {
	    border-color:white;
	    color:white;   
	    cursor:pointer; 

	}
	
.contact-store-phone-growl {
	
font-size:15px;
	    color:rgb(220,220,220);
	
}

.contact-address-growl {
	margin-top:10px;
	margin-bottom:10px;
	display:block;
font-size:10px;
	    color:rgb(220,220,220);
}

#growler-wrapper-first {

	height:500px;

}

.tap-words {
    display:inline-block;
    float:left;
    
}

.flower-image {
	display:inline-block;
	text-align:center;
	
}
.flower-image img {
	display:block;
	clear:both;
}

.ad-button {
	display:inline-block;
	padding:15px;
	text-align:center;
	font-family:Museo_Slab_500;
	font-size:15px;
	color:white;
	background-color:#4a5f1e;
	margin:5px;
}

.green-button {
	display:inline-block;
	padding:15px;
	text-align:center;
	font-family:Museo_Slab_500;
	font-size:15px;
	color:white;
	background-color:#4a5f1e;
}


.button {
	display:inline-block;
	padding:15px;
	text-align:center;
	font-family:Museo_Slab_500;
	font-size:15px;
	color:white;
	background-color:#4a5f1e;
	margin:5px;
}

.ad-button:hover {s
	background-color:#66822b;
	
}

.green-button:hover {
	background-color:#66822b;
	
}


.button:hover {
	background-color:#66822b;
	cursor:pointer;
	
}





.recipe-wrapper {
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 400;
  font-style: normal;
  font-size:16px;
	padding:25px;
  background-color:#f4efd9;

}


a {
	color:#622e06;
	text-decoration:underline;
	font-family:Museo_Slab_700;
	font-size:13px;
}

#header-logo-wrapper {
    max-width:925px;
    width:100%;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;
}

#roths-logo-image {
	width:50%;
}



#body, html {
    
	margin:0px 0px 0px 0px;
    width:100%;
    height:100%;
	padding: 0px 0px 0px 0px;
	
	background-size:2560px;
	background-position:center top;
	background-repeat:no-repeat;
    background-color:#e3d1a1;
    background-image:url("images/website-background.jpg");
}


#login-settings {
	position:absolute;
	left:530px;
	top:145px;
	display:none;
	z-index:999;
}


#messenger-wrapper {
	width:100%;
	height:100%;
	position:absolute;
	background-color:rgba(0,0,0,0.63);
	z-index:992;
	visibility:hidden;
}

#message {
	width:600px;
	height:800px;
	background-color:#f7f0dd;
	position:absolute;
	font-family:Museo_Slab_100;
	font-size:medium;
	color:#8d4e21;
}

.step {

	padding:20px;
	margin:20px;
	border-style:solid;
	border-width:1px;
	border-color:#d2a585;

}

#close-message {
	position:absolute;
	top:10px;
	left:400px;
	font-family:Museo_Slab_500;
	font-size:10px;
	color:white;
	text-decoration: underline;
	cursor:pointer;
}

#message a {
	font-family:Museo_Slab_500;
	font-size:large;
	color:#4e2a12;
}

#message h1 {
	font-family:Museo_Slab_500;
	font-size:large;
	color:#8d4e21;
}

#content h1{
	font-family:Museo_Slab_500;
    font-size:1.5em;
    color:#8d4e21;

}

#message h2 {
	font-family:Museo_Slab_500;
	font-size:50px;
	color:#8d4e21;
	float:left;
	margin-right:20px;
}

#top-banner {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	padding-left:80px;
	height:130px;
 clear:both;
 display:block;

}



#wrapper {
    display:block;
	max-width: 925px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow:hidden;
}


#social-links {
  display:inline-block;
  right:0;
  background:transparent;
}

#memory {
    position: absolute;
    left: 200px;
    top: 10px;
    display: block;
    
    
}

#mobile-menu {
	display:none;
}

#main-links {
	clear:both;
	margin-top: 0px;
	z-index: 2;
	width:100%;
	background-color:#4a5f1e;
	display:table;
}

.main-links-cell {
    color:white;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-family:Museo_Slab_700;
    font-size:15px;
	height:100px;
    background-color:#4a5f1e;
	width:128px;
	padding:10px;
	line-height:18px;
}

.main-links-cell-spacer {
	display:table-cell;
	width:2px;
	background-color:#3e5019;
}

.main-links-cell:hover {
	cursor:pointer;
    background-color:#66822b;
}

.vertical-bar {
    height: 75px;
    width:5px;
}

#content {
 display:block;
 position:relative;
	background-color:#f4efd9;
	padding:8px;
	font-family:Museo_Slab_500;
	font-size:18px;
	
}

#top-promo-wrapper { height: 275px; width: 100%; }

#promo-container {
	width:100%;
	overflow:hidden;
}

#promo-wrapper {
	width:1000px;
	border:0;
	font-size:0;
	padding:0;
	margin:10px 0 0 0;
	
}

.promo {
	background-color:#E7B371;
	width:221px;
	height:300px;
	display:inline-block;
	margin-right:8px;
	margin-bottom:8px;
	cursor:pointer;
	position:relative;
}

.promo-image {
		height:180px;
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
}

.promo-text {
	position:absolute;
	width:100%;
	height:115px;
	bottom:0;
	text-align:center;
	
	
}

.promo-text-content {
	padding:5px;
	
}

.promo-text .red {
	font-family:Museo_Slab_900;
	font-size:18px;
	color:white;
	display:block;
	background-color:#b22425;
	height:20px;
	margin-bottom:5px;
	line-height:20px;
}
.promo-text .no-red {
	height:25px;
	
	display:block;
}


.promo-text .title {
	font-family:Museo_Slab_900;
	font-size:20px;
	color:#5f3600;
	display:block;
}

.promo-text .description {
	margin-top:5px;
	font-family:Museo_Slab_300;
	font-size:15px;
	color:#5f3600;
	display:block;
}


#privacy-policy-link {
	width: 218px;
	text-align: center;
	position: relative;
	top: 95px;
}

#footer {
    background-color:#e3d1a1;
	max-width: 925px;
    width:100%;
	display:block;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	height: 100px;
    min-height:450px;
	z-index: 0;
}

#freshmail-login {
	width: 218px;
}

#text-login {
	position: relative;
	left: 25px;
	top: 88px;
}






#fifty-years {
	float:left;
	
}

#promo-banner {
	float:left;
	margin-top:20px;
}

#roths-logo {
  border-collapse:collapse;
  display:none;
	font-size:0px;
	padding-top:20px;
  margin-right:40px;
}


#promo-top {
	height: 275px;
	width: 223px;
	display:inline-block;
	vertical-align:top;
 text-align:center;
 background-color:#ede8d3;

}

#freshmail-title {
    font-size:1.2em;
    color:#622e06;
    margin:10px;

}

#freshmail-link {
    font-size:1.2em;
    margin-bottom:10px;
    display:block;

}

#freshmail-verbs {
    font-size:1em;
    display:block;
    margin:10px;
}

#slide-show {
 @include aspect-ratio(16, 9);
	height:275px;
	width:677px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	display:inline-block;
}

#slide-controls {
	bottom:0;
	right:0;
	position: absolute;
	z-index:1;
	margin-right:25px;
	margin-bottom:25px;
}

#slide-slider {
	position:absolute;
	white-space:nowrap;
	font-size:0;
}

.slide {
	display:inline-block;
	overflow:hidden;
	background-size:cover;
}

#background-image {
	margin-top: 114px;
	z-index: 1;
	position: absolute;
}

.slide-button {
	height: 23px;
	width: 23px;
	float: left;
	cursor: pointer;
}

#freshmail-buttons {
	text-align: center;
	width: 218px;
	top: 100px;
	position: relative;
}

.freshmail-button {
	text-align: center;
	width: 205px;
	min-height: 10px;
	clear: right;
}

#freshmail-login-header {
	font-size: 0px;
	color: #622e06;
	font-style: normal;
	font-weight: normal;
	top: 48px;
	position: absolute;
	text-align: right;
	width: 205px;
}

.freshmail-tiny-for {
	font-size: 20px;
	margin-left:5px;
	margin-right:-10px;
	letter-spacing:0px;
}

.superscript {
	font-size:28px;
	vertical-align:top;
	letter-spacing:1px;
}

#freshmail-content {
	left: 10px;
	top: 75px;
	position: absolute;
	width: 575px;
}

#freshmail-lady {
	left: 559px;
	position: absolute;
	height: 513px;
	width: 346px;
	z-index: 1;
}

#freshmail-logo {
	width: 100px;
}

#header-bar {
    text-align:right;
    v-align:top;
}

#header-bar .green-button {
    
}

#ad-header {
	color:#4a5f1e;
	display:inline-block;
	font-family:Museo_Slab_900;
	font-size:30px;	
	margin-right:25px;
	margin-bottom:25px;
}


#ad-menu-wrapper {
	position:relative;
	left:0;
	top:0;
	margin-top:25px;
	z-index:2;
	text-align: center;
	display:inline-block;
}

.ad-menu {   
	clear: right;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#ad-page-div {
    width:100%;
	height: 100%;
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
      


	  
}

#imgPage {
	display:none;
}

.single-button-bottom {
    
    height:100px;
    width:50px;
	   display:inline-block;
	border-style: solid;
    margin-left: 10px;
    padding: 25px;
	color:white;
	font-family:Museo_Slab_500;
    font-size:1em;
    background-color: #4a5f1e;

}



.single-button {
    z-index:5;
    height:100px;
    position:relative;
    float:left;
    clear:left;
	display:block;
	border-style: solid;
    margin-bottom: 10px;
    padding: 25px;
    width:70px;
	color:white;
    font-size:19px;
	font-family:Museo_Slab_500;
    background-color: #4a5f1e;
   
}

#side-buttons-wrapper {
    float:left;   
}

#bottom-buttons-wrapper {
    width:100%;
    text-align:right;
    display:block;
    vertical-align:bottom;
    margin-top:25px;


}


.single-button-bottom:hover {
	background-color:#66822b;
   
}

.single-button:hover {
	background-color:#66822b;
   
}

.single-button.current {
	width:80px;
   
}

.single-button-bottom.current {
    height:110px;
}

#arrow-contain {
	padding-left: 5px;
	position: absolute;
	margin-left: 100px;
	z-index: 5;
	height: 100%;
	width: 30px;
}

#arrow-left {
	top: 50%;
	position: absolute;
	z-index: 0;
}

#arrow-right {
	top: 50%;
	position: absolute;
	z-index: 0;
}

.page-large {
}

#ad-page-div-container {
}



#party-tray-wrapper {
	
	font-family:Museo_Slab_500;
	font-size:15px;
}

.labelCaption {
	font-family:Museo_Slab_500;
	font-size:18px;
}

.party-tray-div {
	padding: 10px;
    display:inline-block;
	width: 250px;
	vertical-align:top;
	margin:10px;
  background-color:#fff0b0;

}

.side-dish {
	display:inline-block;
	width:292px;
	height:250px;
	
	font-family:Museo_Slab_500;
	vertical-align:top;
}
.side-dish img {
	float:left;
	width:50%;
	margin-bottom:50px;
	
}
.side-dish-body {
	font-family:Museo_Slab_100;
	font-size:12px;
	line-height:1px;
}
.side-dish-title {
	font-family:Museo_Slab_500;
	font-size:15px;
}

   .video {
       
        width:400px;
        height:300px;
    }

.party-tray-text {
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.party-tray-name {
	font-weight: bold;
	font-size: 15px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.party-tray-price {
	font-size: 15px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}


.party-tray-div-sushi {
	display:inline-block;
	width: 250px;
	background-color:#fff0b0;
	margin:25px;
	vertical-align:top;
}

.party-tray-text-sushi {
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.party-tray-name-sushi {
	font-weight: bold;
	font-size: 25px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-bottom:10px;
}

.party-tray-pricing-sushi {
	padding: 5px;
	float: right;
	top: 175px;
	text-align: right;
	position: relative;
}


.party-tray-pricing {
	padding: 5px;
	float: right;
	top: 175px;
	text-align: right;
	position: relative;
}

.party-tray-description {
	margin: 5px;
	width: 100%;
	text-align: left;
 display:block;

}

.party-tray-image {
    display:block;	

	}

.contact-wrapper {
	position: relative;
 vertical-align:top;
}

.locations {
    width:500px;
    display:inline-block;

}

.beginnings {
    width:100%;
    display:block;
}


.other-contact {
    display:inline-block;
    margin:10px;
    line-height:1.5em;
    vertical-align:top;
    width:200px;

}

#map {
    display:inline-block;
    height:565px;
    width:400px;
    margin-bottom:10px;
}

#contact-about-us-wrapper {
	left: 625px;
	padding: 10px;
	height: 100%;
	position: absolute;
	width: 250px;
}

#contact-about-us {
}

.contact-header {
	color: #333333;
	font-weight: bold;
	font-size: 20px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#orville-hermann {
	float:right;
	margin-left:10px;
}

#contact-about-us p {
	padding-right: 10px;
	line-height: 18px;
	text-align: left;
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#contact-info-wrapper {
	border-right-color: #b3b3b3;
	border-right-style: solid;
	border-right-width: 1px;
	position: absolute;
	left: 0px;
	height: 100%;
	width: 350px;
}
#contact-corporate-wrapper {
	top: 15px;
	height: 100%;
	left:370px;
	
	width: 250px;
	position: absolute;
}

#video-wrapper {
    display:block;
    height:250px;
    margin-top:10px;
}

#video-wrapper .video {
    width:450px;
    height:250px;
}

.contact-info {
	display:inline-block;
	text-align:center;
}

.contact-store-div {
	line-height: 13px;
	width: 150px;
    display:inline-block;
    margin-bottom:15px;
	background-color:rgba(255,255,255,0.50);
	padding:15px;
}

.contact-store-name {
	color: #854713;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.contact-store-address {
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.contact-store-link {
	color: #008fca;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-decoration: none;
}

.contact-store-phone {
	font-style: normal;
	color: #854713;
	font-weight: bold;
	font-size: 14px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}


#contact-corporate {
}

#contact-corporate li {
	color: #622e06;
	padding-bottom: 25px;
	font-weight: bold;
	font-size: 16px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#contact-corporate ul {
	color: #854713;
	line-height: 20px;
}

#contact-corporate a {
	text-decoration: none;
	font-size: 13px;
	color: #008fca;
}

#traeger-wrapper {
	height: 2000px;
	position: relative;
	width: 905px;
}

#traeger-promo-column {
	padding-top: 15px;
	text-align: center;
	position: absolute;
	width: 295px;
}

#traeger-display-column {
	left: 305px;
	position: absolute;
	width: 600px;
}

.traeger-panel {
	position: relative;
	width: 600px;
	height: 320px;
	float: left;
}

.traeger-photo-model {
	left: 20px;
	top: 20px;
	position: relative;
}

.traeger-copy {
	position: absolute;
	width: 290px;
	top: 15px;
	left: 270px;
}

.traeger-copy p {
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#employment-wrapper {
	height: 600px;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 905px;
}

#employment-karen {
    float:right;
    margin-left:10px;
    width:500px;
}

#employment-info {
	left: 0px;
	top: 0px;
	position: absolute;
	text-align: center;
	width: 600px;
}

#employment-links {
	left: 620px;
	top: 20px;
	position: absolute;
	width: 260px;
}

#employment-download {
	top: 475px;
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-color: #75645a;
	border-style: solid;
	border-width: 1px;
	padding: 15px;
	width: 250px;
	background-color: #e1dcd3;
}

#employment-wrapper li {
	position: relative;
	line-height: 25px;
	color: #4c4c4c;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.loader {
    display:none;
    width:100%;    
    text-align:center;

}

.loader img {
    width:50px;
    

}

.box-wrapper {
    display:inline-block;
    width:200px;
    text-align:center;
}

#employment-wrapper ul {
	position: relative;
}

#employment-wrapper p {
	margin-left: 10px;
	position: relative;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#employment-wrapper h1 {
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	position: relative;
	color: #4c4c4c;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
	font-size: 20px;
}

#employment-wrapper blockquote {
	position: relative;
	text-shadow: 0px 0px;
	color: #4c4c4c;
	line-height: 25px;
	text-align: left;
	font-style: italic;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#employment-wrapper h2 {
	position: relative;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	font-weight: bold;
	color: #75645a;
	font-size: 18px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.small {
	position: relative;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #75645a;
}

#mystery-coupon-coupon {
	position: relative;
	max-height: 380px;
	min-height: 380px;
	max-width: 520px;
	min-width: 520px;
	left: 0px;
	z-index: 0;
	top: 0px;
	padding: 15px;
	background-color: white;
	border-color: black;
	border-style: dashed;
	border-width: 2px;
	height: 380px;
	width: 520px;
}

#mystery-coupon-title {
	position: absolute;
	left: 10px;
	z-index: 0;
	top: 10px;
}

#mystery-coupon-offer {
	position: absolute;
	left: 10px;
	z-index: 0;
	top: 65px;
}

#mystery-coupon-details {
	position: absolute;
	top: 20px;
	left: 280px;
	width: 250px;
}

#mystery-checker-header {
	padding-left: 10px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	color: black;
}

#mystery-details-wrapper {
	padding: 5px;
	background-color: yellow;
}

#mystery-coupon-details ul {
	margin: 0px;
	padding-left: 25px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#mystery-coupon-details li {
	font-size: 10px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#mystery-coupon-checker {
}

#mystery-coupon-terms {
	width: 525px;
	top: 255px;
	position: absolute;
}

#mystery-coupon-terms p {
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#mystery-print-div {
	top:500px;
	left: 10px;
	position:absolute;
	z-index: 11;
}

#mystery-print-div h1 {
	font-weight: bold;
	font-size: 15px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}


#mystery-image {
	position: absolute;
	left: 150px;
	top: 90px;
}

.mystery-price {
	font-weight: bold;
	clear: both;
	letter-spacing: -2px;
	font-size: 55px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#mystery-footer {
	position: absolute;
	top:230px;
}

#mystery-footer span {
	color: red;
	font-weight: bold;
	font-size: 15px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.mystery-size {
	margin-bottom: 5px;
	clear: both;
	padding: 0px;
	background-color: #fffd00;
	line-height: 20px;
	font-size: 15px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.mystery-title {
	margin-bottom: 5px;
	clear: both;
	font-weight: bold;
	font-size: 18px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.mystery-headline { margin-bottom: 5px; clear: both; line-height: 30px; font-weight: bold; font-family: Helvetica, Verdana, Arial, sans-serif; color: black; font-size: 28px; }
	.mystery-header {
	color: #3f5204;
	font-weight: bold;
	font-size: 25px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}


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

#footer-wrapper ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer-wrapper li {
}

#footer-wrapper p {
	line-height: 35px;
	color: #6f4a2d;
	font-size: 15px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#footer-wrapper a {
	color: #6f4a2d;
	font-size: 12px;
	text-decoration: none;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}



	#vert-line {top: 15px; left: 663px; position: absolute;}

	.paragraph-header {line-height:35px; color: #c52621; font-weight: bold; font-size: 20px; font-family: Helvetica, Verdana, Arial, sans-serif;}
	.paragraph-header-grey {line-height:27px; color: #622e06; font-weight: bold; font-size: 20px; font-family: Helvetica, Verdana, Arial, sans-serif;}
	.paragraph-content {line-height:20px; color: #854713; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif;}
	.paragraph-small-print {line-height:8px; color: #854713; font-size: 10px; font-family: Helvetica, Verdana, Arial, sans-serif;}

	#firstfriday-wrapper { height: 534px; width: 925px; background-position: 0px 0px; background-repeat: no-repeat; }
	#friday-images { left: 20px; top: 360px; position: absolute; }
	#friday-header { left: 20px; top: 120px; position: absolute; }
	#friday-text { width: 400px; left: 20px; top: 220px; position: absolute; }
	#friday-otis-marston { left: 500px; top: 218px; position: absolute; }
	#friday-social-like {left: 20px; top: 335px; position:absolute;}
	#friday-free-in-store { left: 490px; top: 20px; position: absolute; width:147px;}

	#openhouse-wrapper { height: 534px; width: 925px;}
	#openhouse-redbox {left:5px; top:5px; position:relative;}
	#openhouse-background {position:absolute; width:508px; height:645px;}
	#openhouse-deer { left: 18px; top: 111px; position: absolute; display:none;}
	#openhouse-header { left: 20px; top: 15px; position: absolute; display:none;}
	#openhouse-20-off {left:100px; top:328px; position:absolute; display:none;}
	#openhouse-20-off-image {width:163px;height:172px;position:absolute;}
	#openhouse-text { line-height: 25px; text-align: justify; width: 280px; left: 343px; top: 195px; position: absolute; }
	.openhouse-header-text { color: white; font-size: 28px; font-family: Helvetica, Verdana, Arial, sans-serif;}
	.openhouse-footer { padding-top: 35px; float: right; color: white; font-size: 28px; font-family: Helvetica, Verdana, Arial, sans-serif;}
	.openhouse-content { line-height: 15px; text-decoration: none; color: white; font-size: 14px; font-family: Helvetica, Verdana, Arial, sans-serif;}

	.openhouse-tiny { padding-top: 10px; float: right; line-height: 15px; text-decoration: none; color: white; font-size: 8px; font-family: Helvetica, Verdana, Arial, sans-serif;}

	#cupcake-wrapper { height: 534px; width: 925px; background-position: 0px 0px; background-repeat: no-repeat; }
	#cupcake-header { left: 215px; top: 20px; position: absolute; }
	#cupcake-text { width: 400px; left: 357px; top: 120px; position: absolute; }
	#cupcake-witch { left:100px; top:100px; position:absolute; }
	#cupcake-witch-image {width:0px; height:0px;}

	#cupcake-order-box { width:392px; height:339px; left:270px; top:170px; background-image:url(images/orderforms/cupcake/order-background.png); display: none; position:absolute; }
	#cupcake-confirmation { width:392px; height:339px; left:270px; top:170px; background-image:url(images/orderforms/cupcake/order-background.png); display: none; position:absolute; }

	#val-cupcake-wrapper { height: 534px; width: 925px; background-position: 0px 0px; background-repeat: no-repeat; }
	#val-cupcake-header { left: 215px; top: 20px; position: absolute; }
	#val-cupcake-text { width: 400px; left: 325px; top: 120px; position: absolute; }
	#valentine-banner { left:-5px; top:205px; position:absolute; }
	
	#recycle-bag-wrapper { height: 534px; width: 925px; background-repeat: no-repeat; }
	#recycle-bag-matt {height: 534px; width: 429px; top:0px; left:240px; position: absolute;}
	#recycle-bag {height: 359px; width: 275px; top:170px; position: absolute;}
	#recycle-bag-header { left: 20px; top: 10px; position: absolute; }
	#recycle-bag-text { width: 500px; left: 30px; top: 115px; position: absolute; }
	#recycle-bag-free-with-purchase {height: 78px; width: 236px; top:315px; left: 250px; position: absolute; display: none;}

	#rib-order-wrapper { height: 534px; width: 925px; background-repeat: no-repeat; }
	#rib-order-image {height: 310px; width: 504px; top:0px; position: absolute;z-index:-1;}
	#order-form {position:absolute;left:370px;top:120px;}
	#usda-logo-prime { left: -10px; top: 5px; position: absolute; display: none;}
	#look-for-logo-prime { left: 110px; top: 30px; position: absolute; display: none;}
	#meat-experts { left: -15px; top: 432px; position: absolute;display:none;}
	#order-confirmation { width:392px; height:339px; left:270px; top:190px; display: none; position:absolute; }

	#turkey-order-wrapper { height: 534px; width: 925px; background-repeat: no-repeat; }
	#turkey-order-image {height: 310px; width: 504px; top:0px; position: absolute;}
	#order-box {top:120px; display:inline-block; left:30px; position:absolute; margin-left:auto; margin-right: auto; width:600px; height:385px; background-color:rgba(253,249,242,0.87); border-color:#e7bf8f; border-style:solid; border-width:2px;}
	.turkey-box {cursor:pointer;width:200px;height:75px;background-color:rgba(255,255,255,0.0);;border-style:solid;border-color:#e7bf8f;border-width:1px;margin:10px;}
	.turkey-box input[type="radio"] {
		margin:5px;
	}
	turkey-font {
		font-family:Helvetica;
		font-size:10px;
	}
	turkey-font-2 {
		font-family:Helvetica;
		font-size:15px;
		color:#4e2505;
	}	
	turkey-price {
		font-family:Helvetica;
		font-size:20px;
	}
	
	.turkey-red {
		font-family:Helvetica;
		font-size:13px;
		color:#FF0000;
	}
	turkey-red a{
		font-family:Helvetica;
		font-size:10px;
		color:#FF0000;
	}
	
	
	#fruit-basket-div {
		display:inline-block;	
		width:635px;
		height:500px;
		padding:10px;
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	#fruit-basket-form {
		width:300px;
		text-align:center;
		
	}
	
	#fruit-basket-form header {
		font-size:30px;
		line-height:25px;
		font-family:helvetica;
		font-weight:bold;
		color:#65090a;
	}
	
	#fruit-basket-form headerSmall {
		font-size:15px;
		line-height:45px;
		font-family:helvetica;
		color:#65090a;
	}	
	
	#fruit-basket-form label {
		font-size:12px;
		font-family:helvetica;
		color:#65090a;
		font-weight:bold;
	}

	#catering-quote-buttons {position:absolute; width:300px; height:25px; left:250px; top:470px; }
	#catering-quote-header { left: 85px; position:absolute; top: -5px; }
	#catering-quote-slides { height:310px; width: 6000px; position: relative; left:0px;}
	#catering-quote-wrapper {  }
	#catering-quote-content {height: 310px; width: 650px; top:145px; position: absolute; overflow:hidden;}
	.catering-quote-slide {background-repeat: no-repeat; background-image: url(images/catering/quote/catering-quote-background-cloud.png); width:650px; height:534px; text-align:center; vertical-align:middle; float:left;}

	#catering-logo {
       display:block;
       float:left;
	}
	
	#catering-logo-mobile {
	    display:none;
	}
	
	#catering-logo-image {
	     width:250px;   
	}
	#catering-text {
	    display:block;
	}
	
	.white-button {
	    background-color:#4a5f1e;
	    padding:10px;
	    color:rgb(220,220,220);
	    border-color:rgb(220,220,220);
	    border-width:1px;
	    border-style:solid;
	    	    font-family:Museo_Slab_500;
	    	    font-size:1em;
	    	    text-align:center; 
	    	    margin:10px;
	}
	
	.white-button:hover {
	    border-color:white;
	    color:white;   
	    cursor:pointer; 
	    
	}
	
	.catering-paragraph-header {
	    display:block;
	    font-size:1.5em;
	    margin-bottom:15px;
	    font-family:Museo_Slab_500;
	    line-height:1.2em;
	}
	
	.catering-paragraph-content {
	    display:block;
	    font-size:1.0em;
	    margin-bottom:15px;
		   font-family:Museo_Slab_300;
		   line-height:1.2em;
	}
	
	.white {
	    color:white;
	
	}
	
	.black {
	    color:black;
	
	}
	
	.box {
	    border-style:outset;
	    border-width:2px;
	    background-color:white;
	    padding:20px;
	    display:block;
	    cursor:pointer;
	    vertical-align:top;
	    margin-left:20px;
	    font-size:40px;
	    text-decoration:underline;
	}
	
	
	.rooms-wrapper {
    width:100%;
    display:table;
    margin-bottom:8px;
    margin-top:8px;
}

.room {
    font-size:15px;
    font-family: 'Raleway', sans-serif;
    font-weight:400; 
    display:table-cell;
    padding:10px;
    text-align:center;
    line-height:24px;
    color:#375004;
    background-color:rgba(255, 255, 255, 0.39);
}

.room-title {
    font-size:1.5em;
    font-weight:400;
}

.room ul {
    list-style:none;   
}

.room li {

}

.article-photo {
    
    display:block;
    width:500px;
    height:500px;
    background-size:cover;
    background-position:center top;
    position:relative;
    
}

.article-content {
    display:block;
    width:500px;
    position:relative;
    
}


.photo-caption {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    margin-bottom:-25px;
    font-family: 'Raleway', sans-serif;
    font-weight:400;
    font-size:15px;
}

.left {
    float:left;
    margin-right:25px;
    margin-bottom:25px;
    clear:left;
}

.right {
    float:right;
    margin-left:25px;
    margin-bottom:25px;
    clear:right;
    text-align:right;

}

#content p {
    font-size:1em;
    line-height:1.5em;
    padding:10px;
    color:#392c0e;
}

.roloff-image {
    height:500px;
}


#catering-header {
	    width:100%;
	    height:100%;
	    background-image:url('images/eventcenter/event-center-cover-low.jpg');
	    background-size:1024px;
	    background-position:center top;
	    position:relative;
	    overflow:hidden;
	    vertical-align:top;
	    margin-bottom:10px;
	
	}
	
	#onr-room-long {
    margin-top:8px;
    background-position:center center;
    background-image:url('images/eventcenter/event-center-ONR-Long.jpg');
    background-size:cover;
    display:block;
    width:100%;
    height:300px;
}

	
	#catering-box-wrapper {
	    float:right;
	    vertical-align:top;
	    background-color:#4a5f1e;
	    padding:10px;
	
	}
	
	#catering-box {
	    width:350px;
	    display:block;
	    color:white;
	    text-align:center;    
     height:100%;
	}
	
	ul {
    list-style-position:outside;
}

li {
    font-size:1em;
    line-height:1.5em;
    color:#594415;


}

	
	#free-online-quote { left: 510px; top: 110px; position: absolute; z-index:20;}


	#usda-wrapper { height: 534px; width: 925px; background-repeat: no-repeat; }
	#usda-meat-pic {height: 310px; width: 504px; top:225px; position: absolute;}
	#usda-logo { left: 0px; top: 415px; position: absolute; display: none;}
	#look-for-logo { left: 120px; top: 460px; position: absolute; display: none;}
	#usda-header { left: 20px; top: 10px; position: absolute; }
	#usda-text { width: 550px; left: 30px; top: 120px; position: absolute; }
	#usda-table { left: 135px; top: 150px; position: absolute; z-index: 1; width: 400px; background-color:#000000;padding: 5px;display:none;}
	#usda-table table { padding:15px;}
	#usda-table td { text-align: center; border-color: white; border-style: solid; border-width: 2px; padding: 5px;}
	#usda-table .whiteBG { padding: 5px; background-color: white; color: black; border-color: white; border-style: solid; border-width: 2px;}
	#usda-table .bigYel {line-height: 25px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #ffe438;}
	#usda-table .bigYelRoths {line-height: 25px; font-size: 20px; font-weight: bold; font-family: Helvetica, Verdana, Arial, sans-serif; color: #ffe438;}

	#usda-table .bigBla {font-weight: bold; font-size: 95%; font-family: Helvetica, Verdana, Arial, sans-serif; color: black;}

	#usda-table .smYel {font-size: 65%; font-family: Helvetica, Verdana, Arial, sans-serif; color: #ffe438;}

	#usda-table .smWhi {font-size: 80%; font-family: Helvetica, Verdana, Arial, sans-serif; color: #fff3f0;}

	#usda-table-xit {position:absolute;left:393px;top:1px;cursor:pointer;}

	#xmas-tree-wrapper {height: 534px; width: 925px; background-repeat: no-repeat; }
	#xmas-tree-pic {height: 519px; width: 620px; top:0px; left:20px; position: absolute;}
	#xmas-tree-man {top:0px; left:0px; position: absolute;}
	#xmas-tree-header { left: 125px; top: 0px; position: absolute; }
	#xmas-tree-text { left: 0px; top: 120px; position: absolute; }

	#cake-wrapper { height: 1100px; width: 925px; background-repeat: no-repeat;}
	#cake-pic-1 {height: 519px; width: 620px; top:0px; left:295px; position: absolute;}
	#cake-pic-2 {height: 519px; width: 620px; top:0px; left:295px; position: absolute;}
	#cake-header { left: 20px; top: 10px; position: absolute; }
	#cake-line { left: 0px; top: 505px; position: absolute; z-index:2;}
	#cake-container {overflow:visible;width:900px;top:525px;position:absolute;}
	#cake-container-2 {overflow:visible;position:absolute;}
	#cake-container-1 {overflow:visible;position:absolute;}
	#cake-text {width: 350px; left: 20px; top: 120px; position: absolute;}
	#cake-tabs {position:absolute; left:450px; top:472px; z-index:1;}
	#cake-tab-1 {position: absolute;z-index:1;cursor:pointer;}
	#cake-tab-2 {position: absolute;left:150px;z-index:3;cursor:pointer;}

	#holiday-dinner-wrapper { height: 534px; width: 925px; background-repeat: no-repeat; }
	#holiday-dinner-background {height: 310px; width: 504px; top:75px; left:194px; position: absolute;}
	#holiday-dinner-catering-logo { left: 375px; top: 20px; position: absolute;}
	#holiday-dinner-catering-box { left: 475px; top: 1px; text-align: center; position: absolute;}
	#holiday-dinner-text { left: 1px; top: 145px; height:400px; width:250px; text-align: left; position: absolute;}
	#holiday-dinner-title { left:1px; top: 1px; text-align: center; position: absolute;}
	#holiday-dinner-menu-button { left: -10px; top: 495px; position: absolute; }

	#donations-wrapper { height: 534px; width: 925px; background-repeat: no-repeat; }
	#donations-background {height: 310px; width: 504px; top:75px; left:194px; position: absolute;}
	#donations-text { left:10px; top: 115px; height:400px; width:200px; text-align: left; position: absolute;}
	#donations-title { left:1px; top: 1px; text-align: center; position: absolute;}
	
	#recipe-addnew {position:absolute;width:400px;overflow:visible;background-color:#FFFFFF;}
	#recipe-menu {position:absolute;left:410px;top:10px;}
	#recipe-wrapper { height: 534px; width: 925px;
		background-color:#e3d1a1;
}
	#recipe-browser {height: 460px; width: 260px; top: 5px; left: 400px;}
	#recipe-pic {height: 310px; width: 504px; top:150px; position: absolute;}
	#recipe-logo { left: 0px; top: 415px; position: absolute; display: none;}
	#recipe-header { left: 20px; top: 10px; position: absolute; }
	#recipe-text { width: 200px; left: 20px; top:0px; position: absolute; }
	
	#best-of-vote {position:absolute;z-index:100;top:25px;left:890px;}
	#best-of-image {position:relative;width:75px;height:75px;}
	
	#new-item-banner {position:absolute; left:-25px;}
	#new-item-title {position:absolute; left:185px; top:15px;}
	#new-item-paragraph { position:absolute; left:198px; top:120px; width:480px;}
	#new-item-wrapper { position:relative; top:250px;width:700px;margin-left:auto;margin-right:auto;}
	#new-item-wrapper hr {border-width:thin;border-style:solid;border-color:#f5e0b7;width:700px;}
	.new-item-data {clear:both;padding:15px;margin-top:30px;}
	.new-item-image {float:left;margin-right:25px;}
	

#privacy-wrapper h1 {
	color: #4c4c4c; font-size: 20px; font-family: Helvetica, Verdana, Arial, sans-serif; }
#privacy-wrapper p { font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; }
#privacy-wrapper li { font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; }
#privacy-wrapper ul { }
#privacy-wrapper { margin-right: auto; margin-left: auto; width: 700px; }
@media print {
	.noprint {display: none;height:0px;}
	#mystery-coupon-coupon {left:0px;}
	}
	
#pepsi-promo {
	width:905px;
	height:690px;
}

.pepsi-image {
	padding:2px;
	float:left;
	display:none;
}

#pepsi-words {
	position:absolute;
	z-index:50;
}

#pep1 {

}
#pep2 {

}
#pep3 {

}
#pep4 {

}
#pep5 {

}
#pep6 {

}



#pepsi-live {
	position:absolute;
	left:57px;
	top:110px;
	display:none;
}

#pepsi-for {
	position:absolute;
	left:609px;
	top:110px;
	display:none;
}

#pepsi-N {
	position:absolute;
	left:52px;
	top:407px;
	display:none;
}

#pepsi-logo {
	position:absolute;
	left:354px;
	top:410px;
	display:none;
}

#pepsi-W {
	position:absolute;
	left:635px;
	top:407px;
	display:none;
}


#pepsi-signup {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../pepsi/pepsi-signup-background.png');
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
	left:452px;
	top:345px;
	overflow:hidden;
}

#pepsi-signup-content {
	display:none;
	padding-top:60px;
	padding-left:60px;
	padding-right:60px;
	padding-bottom:60px;
}

#pepsi-signup-confirm {
	text-align:center;
	display:none;
	padding-top:60px;
	padding-left:60px;
	padding-right:60px;
	padding-bottom:60px;
}

#pepsi-signup h2 {
	font-size: large;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-style:normal;
	padding-left:1px;
	color:#545454;
}

#pepsi-signup h1 {
	font-size: small;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-style:normal;
	padding-left:1px;
	font-variant:small-caps;
	color: #545454;
}

#pepsi-signup a {
	font-size: small;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-style:normal;
	padding-left:1px;
	font-variant:small-caps;
	font-decoration: underline;
	color: #545454;
}

#pepsi-signup input {
	padding:5px;
	margin-bottom:5px;
	font-size:13px;
	color:#303030;
}

#pepsi-content1 {
float:left;
margin-right:5px;
}

#pepsi-content2 {
float:left;
text-align:center;
}


#pepsi-content3 {
float:left;
}

#special-message {
	width:1000px;
	height:50px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	z-index:1;
			font-size: 20px;
		font-family:Museo_Slab_700;
		color:white;
		text-shadow: 1px 1px 1px #000;
}

#vote-for {
	width:1000px;
	display:none;
	height:150px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-35px;
	margin-bottom:75px;
	z-index:1;
}

@mixin aspect-ratio($width, $height) {
  position: relative;
  &:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: ($height / $width) * 100%;
  }
  > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

#hatch-right {
	float:right;
}


#hatch-left {
		max-width:475px;
		min-height:1500px;
		text-align:center;
		font-size: 20px;
		font-family:Museo_Slab_700;
		text-align:center;
}

#hatch-recipes-button {
		width:250px;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		margin-bottom:15px;
		display:block;
		color:white;
		font-size:20px;
		text-decoration:none;

}

 #content a {

		text-decoration:none;

}

.quickshop_item {
	width:375px;
	overflow:hidden;
	margin:15px;
	border-style:solid;
	border-width:1px;
	border-color:#ffbf00;
	display:inline-block;
	padding-top:15px;
	position:relative;
}

.quickshop_item_image {
	display:block;
	height:200px;
	width:100%;
	background-position:center,center;
	background-repeat:no-repeat;
	background-size:contain;
}

.quickshop_item_description {
	font-size:16px;
	color:black;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	
}

.quickshop_item_price {
	font-size:20px;
	color:black;
	width:100%;
	height:25px;
	color:red;
	display:block;
	text-align:center;
}

.add-to-cart-button {
	background-image:url('../styling/images/add-to-cart-light.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center,center;
	width:50px;
	height:50px;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	margin-right:15px;
	margin-bottom:15px;
}

.add-to-cart-button:hover {
	background-image:url('../styling/images/add-to-cart.png');
	cursor:pointer;
}