/*Useful for em calculations*/
/* mixin */
/*Tags*/


@font-face {
  font-family: 'Oswald-Light';
  src: url('/store/assets/fonts/Oswald/Oswald-Light.eot?#iefix') format('embedded-opentype'),  
       url('/store/assets/fonts/Oswald/Oswald-Light.otf')  format('opentype'),
	   url('/store/assets/fonts/Oswald/Oswald-Light.woff') format('woff'), 
       url('/store/assets/fonts/Oswald/Oswald-Light.ttf')  format('truetype'), 
       url('/store/assets/fonts/Oswald/Oswald-Light.svg#Oswald-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

a,
a:active,
a:focus,
a:hover,
a:visited {
  color: #fcf7e3;
  text-decoration: none;
}
body {
  background: url('/store/assets/images/bg_middletile.jpg') transparent repeat;
}
/*body * {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}*/
body,
div,
p {
  color: #2e302f;
  font-family: "MatrixIIRegLinRegular", "Times New Roman";
}
body,
html {
  height: 100%;
}
figure {
  display: block;
  margin: 0px;
}
h1 {
  font-size: 36.5px;
}
.wrap { white-space: normal; width: 100px; }
/*IDs*/
#bottom-shadow {
  background: url('/store/assets/images/bg_bottomtile.jpg') transparent repeat;
  position: fixed;
  bottom: 0px;
  height: 279px;
  left: 0px;
  width: 100%;
  z-index: -1;
}

.bx-viewport
    {
        height: 270px !important;       
    }

    .slide-inside {
        font-size: 15px;
        height: 270px !important;
        line-height: 1;
        color: #ffffff !important;
        margin-top: 20px;
    }

    .large
    {
        display: none;
    }

    .normal
    {
        display: block;
    }

.millie-content img {
    height: auto;
    max-width: none;
    width: 100%;
}

.spacer-white-row
{
    height: 8px;
    background-color: #ffffff;
    float: left;
    width: 100%;
}

.last-spacer
{
    margin-bottom: 8px;
}

.yellow-container
{
    background-color: #cb911c;
}

.yellow-text
{
    color: #cb911c;
    margin: 0px;
    padding: 0px;
}

.yellow-container-inner
{
    font-size: 20px;
    margin-bottom: 20px;
    padding: 15px;
    letter-spacing: 2px;
}

.split-row
{
    width: 100%;
    float: left;
}

.split-row-content
{
    width: 50%;
    float: left;
}

.slide-inside-content
{
    margin-left: 20px;
}

.split-image img
{
    min-height: 300px;
}

.burgundy-back
{
    background-color: #5d1500;
    color: #ffffff;
}

.burgundy-text
{
    color: #5d1500;
}

.subtitle-text
{
    font-size: 15px;
}

.grey-back
{
    background-color: #161616;
    color: #ffffff;
}

.brown-back
{
    background-color: #451e01;
    color: #ffffff;
}

#brick-background {
  background: url('/store/assets/images/bg_brick.jpg') transparent repeat;
  height: 473px;
  position: absolute;
  width: 100%;
}
#checker-bar {
  background: url('/store/assets/images/bar_tile.gif') transparent repeat-x;
  height: 7px;
  min-width: 100%;
}
#container {
  height: auto;
  /*TODO Is the bottom padding really needed? */

  padding-bottom: 2em;
  position: relative;
}
#container,
#navigation-content {
  width: 1000px;
}
#dark-umber-transparency {
  background-color: rgba(40, 19, 2, 0.96);
  float: left;
  height: 467px;
  margin-bottom: -350px;
  padding: 0 2px;
  position: relative;
  width: 100%;
  z-index: 1;
}
#dbc-logo {
  opacity: .35;
  position: absolute;
  right: 15px;
  top: 3px;
}
#desktop-form-social-block img 
{
    max-width: 28px;
    max-height: 28px;
}
#home-container iframe,
#home-container img {
  float: left;
  margin-left: 9px;
}
#footer {
  padding-top: 3px;
  width: 930px;
}
#footer-container {
  background-color: #281302;
  bottom: 0px;
  clear: both;
  height: 2em;
  margin-top: -2em;
  position: fixed;
  width: 100%;
  z-index: 3;
}
#footer li {
  border-right: 2px solid #fcf7e3;
  margin-right: 1em;
  padding-right: 1em;
}
#footer #last-footer-item {
  border-right: none;
  margin-right: 0px;
  padding-right: 0px;
}

#navigation {
  float: left;
  margin-bottom: -132px;
  width: 100%;
}
#navigation > * {
  position: relative;
  z-index: 3;
}
#homepage-carousel {
  width: 100%;
}
#homepage-carousel .carousel-control {
  background: none transparent;
  border: none;
  top: 28%;
}
#homepage-carousel .carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
#homepage-carousel .item {
  max-height: 437px;
  width: 100%;
}
#homepage-carousel .item img {
  max-height: 437px;
  max-width: none;
  width: 100%;
}
#homepage-video {
  /*changed to 280 height: 226px;*/
  height: 280px;
  width: 45%;
}
#giftcards-banner 
{
    margin: 30px auto;
    width: 912px;
}
#giftcards-banner h2 
{
    margin: 0px;
    width: 207px;
    padding: 26px 0px 26px 35px;
}
#giftcard-buttons 
{
    margin: 0 auto;
    text-align: center;
    width: 840px;
}
#giftcard-buttons > * 
{
    float: left;
    margin-bottom: 30px;
}
#giftcards-container > h4
{
    text-align: center;
    margin: 40px 0px;
}
#giftcards-container p 
{
    margin: 1em auto;
    text-align: center;
    width: 850px;
}
#giftcard-button-separator {
    margin: 90px 20px;
}
#giftcards-banner #red-box 
{
    background: url('/store/assets/images/giftcard_red_bg.png') transparent top left;
}
#giftcards-banner #yellow-box
{
    background: url('/store/assets/images/giftcard_yellow_bg.png') transparent top left;
}

    #giftcards-banner #whitebox-orangetext {
      font-weight: normal;
      font-size: 1.5em;
      line-height: 1em;
      padding: 10px 20px 10px 15px;
      background-color: #ffffff;
      color: #b74b00;
      text-align: center;
    } 
    #giftcards-banner #orangebox-whitetext {
      font-weight: normal;
      font-size: 1.7em;
      line-height: 1em;
      padding: 10px 20px 28px 15px;
      background: #b74b00;
      color: #ffffff;
      text-align: center;
    }

#logo,
#nav {
  float: left;
}
#mobile-navigation-background {
  display: none;
}
#nav {
  margin: 10px 0px 3px;
}
#nav #last-nav-item {
  margin-right: 0px;
}
#nav li {
  margin-right: 1em;
}
#one-column-container {
  padding: 30px;
}
#one-column-container > div {
  float: left;
}
#one-column-text-content {
  padding-left: 25px;
  padding-right: 25px;
  width: 870px;
}
#one-column-top-image {
  margin-left: 0px; 
  background-color: #5C1300;
  max-width: 100%;  
}

#one-column-top-image_franchise {
    background-color: #5c1300;
    float: left;
    margin-left: 0;
    max-width: 100%;
}

#one-column-top-image-footer {
  width: 600px;
  float: right;
  margin-right: 25px;
  text-align: right;
}

#one-column-franchise-footer {
    float: right;
    margin-right: 25px;
    text-align: right;
    width: 800px;
}

#one-column-top-image.single-header 
{
    width: 100%;
    margin-bottom: 20px;
}
#one-column-top-image-footer.single-header 
{
    width: 100%;
    float: none;
    text-align: center;
}
#one-column-listing-container-top {
  padding: 30px;
  width: 861px;
}

.one-column-listing-container {
  padding: 0px;
  width: 861px;
  
}

.one-column-listing-container-state {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 861px;
  background-color: #DFBD51;
  float: left;
  
}

.one-column-listing-container > div {
  float: left;
}

.one-column-listing-group {
  width: 100%;
  background-color: #F8E8B1;
}

.one-column-listing-group > div {
  float: left;
}

.one-column-listing-group-alt {
  width: 100%;
  background-color: #FAF3D6;
}

.one-column-listing-group-alt > div {
  float: left;
}

.one-column-listing-left-header {
  width: 650px;
  background-color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 2px solid #988372;
}
.one-column-listing-right-header {
  background-color: #000000;  
  width: 209px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.one-column-listing-left {
  width: 650px; 
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 2px solid #988372;
}
.one-column-listing-right {   
  width: 209px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#ourhistory_bg {
    /*background: url('/assets/images/Our_Story_bridge.jpg') no-repeat center center fixed; */
    background: url('/store/assets/images/Our_Story_bridge.jpg') no-repeat center;
    height:575px;
  }
  #ourhistory_text{
    display: block;
    color:#fefdfd;
    font-size:0.8em;
    float:right;
    width: 45%;
    padding-right: 7%;
    font-weight: lighter;
  }
  #ourhistory_text h1{
    font-weight: normal;
    font-size:3em;
  }
#careers-video {
    float:right;
    max-width:560px;
    max-height:315px;
    width:auto;
    height:auto;
}
#careers-video iframe {
  width: 560px;
  height: 315px;
}
.listing-text-header {
  padding-left: 25px;
  color: #FFFFFF;
  font-size: 12px;
}

.listing-text-state {
  padding-left: 25px;
  color: #4F1101;
  font-size: 25px;
  font-weight: bold;
}

.listing-text {
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
}

.listing-text-bold {
  font-size: 16px;
  color: #4F1101 !important;
  font-weight: bold;
  text-decoration: none ! important;
}

.position_description
{
	display: none;
}

.position_close
{
	cursor: pointer;
}

.position_title {
    cursor: pointer;
}

#pull-down-navigation {
  float: right;
}
#speakup-comment-form-button,
#speakup-grimaldis-vip-button,
#speakup-grimaldis-vip-button-mobile {
  display: inline-block;
  margin: 20px 0px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-transform: uppercase;
}
#speakup-comment-form-button {
  background: #5c1300 url('/assets/images/glare_btn.png') 0px 0px repeat-x;
  color: #fff;
  padding: 7px 10px;
}
#speakup-container {
  padding: 30px;
}
#speakup-container > div {
  float: left;
  max-width: 100%;
}
#speakup-container hr {
  border-top: 1px solid #e7a624;
  border-bottom: none;
  margin: 0px 0px 0px 0px;
}
#speakup-disclaimer-text {
  font-size: 12px;
  margin-bottom: 15px;
}
#speakup-grimaldis-vip-button, #speakup-grimaldis-vip-button-mobile {
  background: #000000 url('/store/assets/images/glare_btn.png') 0px 0px repeat-x;
  color: #fff;
  padding: 7px 10px;
}
#speakup-hero-shot {
  background-color: #5c1300;
  text-align: center;
}

#speakup-text-content {
  margin-left: 25px;
  width: 505px;
}
#top-main-locator-form {
  background: url('/store/assets/images/locator_form_bg.png') transparent;
  color: #fcf7e3;
  float: right;
  margin-bottom: 0px;
  padding: 0px 12px 5px;
  -webkit-border-radius: 0px 0px 0px 10px;
  -moz-border-radius: 0px 0px 0px 10px;
  -o-border-radius: 0px 0px 0px 10px;
  border-radius: 0px 0px 0px 10px;
}
#top-main-locator-form fieldset {
  padding-top: 0px;
}
#top-main-locator-form input[type^="text"] {
  color: #9f4e16;
  font-family: inherit;
  font-style: italic;
  margin: 0px;
  padding: .2em;
}
#top-main-locator-form input,
#top-main-locator-form label {
  font-size: .85em;
}
#top-main-locator-form label {
  color: #000;
  margin: 0px;
}
#top-main-locator-form > * {
  float: left;
  padding: 22px 3px 0px;
}
#top-shadow {
  background: url('/store/assets/images/bg_toptile.jpg') transparent;
  width: 100%;
  height: 304px;
  margin-bottom: -304px;
}
#top-social-media-links {
  background: url('/store/assets/images/social_media_bg.png') transparent;
  clear: right;
  float: right;
  margin: 0px 18px 0px 0px;
  padding: 11px 20px 13px;
  -webkit-border-radius: 0px 0px 10px 0px;
  -moz-border-radius: 0px 0px 10px 0px;
  -o-border-radius: 0px 0px 10px 0px;
  border-radius: 0px 0px 10px 0px;
}
#top-social-media-links li {
  display: inline;
  padding: 0 3px;
}
#transparent_brown_background {
  background-color: rgba(40, 19, 2, 0.9);
  height: 40px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 2;
}
#transparent_brown_background.shadowed_nav {
  -webkit-box-shadow: 0px 25px 28px #1c0d02;
  -moz-transition: 0px 25px 28px #1c0d02;
  -o-transition: 0px 25px 28px #1c0d02;
  box-shadow: 0px 25px 28px #1c0d02;
}
/*Classes*/
.beige-text {
  color: #fcf7e3;
}
.brick-red-background {
  background-color: #8f1601;
}
.centered-content {
  margin: 0 auto;
}
.clear-both {
    clear: both;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.geo-locator {
    cursor: pointer;
}
.gift-card-button, .gift-card-button img
{
    border: solid 1px #c05600;
    width: 99.5%;
}  
    
.gift-card-button
{
    padding: 4px;
    width: 365px;    
}
.gift-card-button a 
{
    text-decoration: none !important;
}
.gift-card-button h4
{
    background-color: #a54c10;
    margin: 0px;
    padding: 12px 0px;
}
.left-homepage-item {
  margin-left: 0px !important;
}
.left-homepage-item img {
  margin-left: 0px !important;
}
.location-promo img 
{
    /*Changed height from 183 to 161 and remove top margin to allow for full width video 07-31-2013 BB */
  height: 161px;
  margin-top: 0px;
  width: 45%;
}
.bottom-boxes img 
{
    /*Changed height from 183 to 161 and remove top margin to allow for full width video 07-31-2013 BB */
  height: 163px;
  margin-top: 0px;
  width: 22%;
}
.navigational-text {
  color: #fff;
  font-size: .9em;
  text-transform: uppercase;
}
.navigational-text li {
  display: inline;
}
.ochre-text {
  color: #e7a624 !important;
}
/*This is useful if want something to be on a separate line without all the extra margins and stuff*/
.sienna-bar {
  border-bottom: none;
  border-top: 5px solid #9f4e16;
  margin: 0px;
}
.subpage-container {
  background-color: #fcf7e3;
  -webkit-box-shadow: 0px 0px 10px #a19e95;
  -moz-transition: 0px 0px 10px #a19e95;
  -o-transition: 0px 0px 10px #a19e95;
  box-shadow: 0px 0px 10px #a19e95;
  clear: left;
  font-size: 16px;
  margin-left: 6px;
  position: relative;
  z-index: 1;
}
.subpage-container a {
  color: #2e302f;
  text-decoration: underline;
}
.tasting-diff img {
  height: 157px;
  width: 53%;
  margin-top: 5px;
}
.tall-home-image img {
  width: 26%;
  /* Changed from 253 to 287px to allow for a fullwidth video BB 07-31-2013 */
  height: 287px;
}
.umber-background {
  background-color: #281302;
}
.umber-text {
  color: #281302;
}

.red_link a
{
	color: #5C1300 !important;	
}

#feedback-container
{
	padding-top: 25px;	
}

#feedback-container > div {
  float: left;
  max-width: 100%;
}

#feedback-left {
padding-right: 15px;
width: 350px
}

#feedback-form-content {
  padding-left: 15px;
  width: 540px;
  border-left: 1px solid #9f4e16;
}

.auburn-text
{
	color: #601502;		
}

.smaller-black-text
{
	font-size: 13px;	
}

.feedback-fields-container{
  max-width: 100%;
  position: relative;
  min-height: 45px;
  float: left;
}

.feedback-fields-textarea{
  max-width: 100%;
  position: relative;
  height: 155px;
  float: left;
}

.feedback-fields-container > div {
  float: left;
  max-width: 100%;
}

.feedback-fields-left
{
	padding-right: 10px;
	width: 175px;
	text-align: right;
	padding-top: 3px;
}

.feedback-fields-right
{
	width: 325px;
	text-align: left;
}


.feedback-textbox
{
	width: 250px;	
}

.feedback-textarea
{
	width: 440px;
	height: 130px;	
}

.feedback-spacer
{
	height: 5px;	
}

.feedback-error
{
    float: left;
    font-size: 12px;
    position: relative;
    top: -12px;
    width: 100%;
    
}

.feedback-fields-submit {
  max-width: 100%;
  position: relative;
  height: 60px;
  float: left;
  top: 15px;
  width: 100%;
  text-align: center;
}

.feedback-submitted
{
	height: 300px;	
}

.leave-comment
{
	text-decoration: none;	
}

.menu-beer-text {
  padding-left: 30px; /*added to give spacing the beer description */
}

.item-price {
  text-align: center;
}

.clearboth
{
    clear: both;
}

.image_left
{
	float: left;
    padding-right: 10px;
    text-align: center;
    width: 120px;	
}

.image_right
{
	float: left;
	width: 325px;	
}

.image_div
{
	padding-top:10px;	
}

.image_label
{
	width: 100% !important;
	text-align: left !important;	
}

.image_label_small
{
	text-align:left !important;
	width:60px !important;
}

.shirt_product
{
	padding-bottom: 20px;	
}

.image_detail
{
	text-align: center;	
	font-size: 12px;
}

.shirt_desc
{
	font-size: 12px;	
}

#nike-background
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: White;
	opacity: .50;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1000;	
}

#nike-content
{
	background-color: White;
    box-shadow: 0 0 20px 0 #222;
    display: none;
    height: 500px;
    left: 50%;
    margin: -110px 0 0 -236px;
    padding: 10px;
    position: fixed;
    top: 23%;
    width: 400px;
    z-index: 1000;
    overflow-y: auto;
}

#nike-background.active, #nike-content.active
{
	display: block;
}

.nike_link
{
	cursor: pointer;	
}

#laptop-background
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: White;
	opacity: .50;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1000;	
}

#laptop-content
{
	background-color: White;
    box-shadow: 0 0 20px 0 #222;
    display: none;
    height: 500px;
    left: 50%;
    margin: -110px 0 0 -236px;
    padding: 10px;
    position: fixed;
    top: 23%;
    width: 400px;
    z-index: 1000;
    overflow-y: auto;
}

#laptop-background.active, #laptop-content.active
{
	display: block;
}

.laptop_link
{
	cursor: pointer;	
}

#polo-background
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: White;
	opacity: .50;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1000;	
}

#polo-content
{
	background-color: White;
    box-shadow: 0 0 20px 0 #222;
    display: none;
    height: 500px;
    left: 50%;
    margin: -110px 0 0 -236px;
    padding: 10px;
    position: fixed;
    top: 23%;
    width: 400px;
    z-index: 1000;
    overflow-y: auto;
}

#polo-background.active, #polo-content.active
{
	display: block;
}

.polo_link
{
	cursor: pointer;	
}

#pololadies-background
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: White;
	opacity: .50;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1000;	
}

#pololadies-content
{
	background-color: White;
    box-shadow: 0 0 20px 0 #222;
    display: none;
    height: 500px;
    left: 50%;
    margin: -110px 0 0 -236px;
    padding: 10px;
    position: fixed;
    top: 23%;
    width: 400px;
    z-index: 1000;
    overflow-y: auto;
}

#pololadies-background.active, #pololadies-content.active
{
	display: block;
}

.pololadies_link
{
	cursor: pointer;	
}

#cardigan-background
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: White;
	opacity: .50;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	z-index: 1000;	
}

#cardigan-content
{
	background-color: White;
    box-shadow: 0 0 20px 0 #222;
    display: none;
    height: 500px;
    left: 50%;
    margin: -110px 0 0 -236px;
    padding: 10px;
    position: fixed;
    top: 23%;
    width: 400px;
    z-index: 1000;
    overflow-y: auto;
}

#cardigan-background.active, #cardigan-content.active
{
	display: block;
}

.cardigan_link
{
	cursor: pointer;	
}

#one-column-container-careers {
    padding: 0 30px 30px;
}

#top_spacer {
    float: left;
    height: 399px;
    margin-bottom: -350px;
    padding: 0 2px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.hero_text
{
    color: #ffffff;
    left: 50px;
    position: absolute;
    top: 110px;
    width: 410px;
    text-align: center;
}

.hero_text_header
{
    color: #ffffff;
    font-size: 23px;
    font-weight: normal;
    text-align: center;
    width: 300px;
}

.hero_text_desc
{
    color: #ffffff;
    line-height: 1.5em;
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
    width: 300px;
}

.hero_text_buttons_container
{
    margin-top: 20px;
}

.hero_button_left
{
    width: 50%;
    float: left;
}

.hero_button_right
{
    width: 50%;
    float: left;
}

.hero_button_left a, .hero_button_right a 
{
    text-decoration: none;
    color: #500f0a;
}

.hero_buttons
{
    background-color: #ffffff;
    display: inline-block;
    font-size: 13px;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center;
    width: 190px;    
}

.one-column-image {
    margin-left: 0;
    max-width: 100%;
    position: relative;
}

.careers_row_2_text
{
    color: #000000;
    left: 61px;
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    top: 85px;
    width: 705px;
    text-align: center;
}

.row_2_header
{
    color: #4c1606;
    font-size: 25px;
    font-weight: bold;
}

.row_2_text 
{
    line-height: 1.5em;
    margin-top: 10px;
}

.careers_row_3_text
{
    color: #ffffff;
    left: 370px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    text-align: center;
    top: 123px;
    width: 530px;
}

.row_3_text 
{
    color: #ffffff;
    font-family: Oswald-Light;
    font-size: 20px;
    line-height: 1.6em;
    margin-top: 10px;
}

.row_3_banner
{
    background-image: url("/store/assets/images/grimaldis-people-service-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 55px;
    width: 500px;
    margin-left: 15px;
    margin-top: 10px;
}

.row_3_banner_inner
{
    color: #4c1606;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    margin-top: 18px;
}

.employee_rotator
{
    color: #ffffff;
    left: 25px;
    position: absolute;
    text-align: center;
    top: 89px;
    width: 360px;
}

.employee_rotator ul
{
    margin: 0px;
}

.careers_row_4_text
{
    color: #000000;
    left: 61px;
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    top: 40px;
    width: 705px;
    text-align: center;
}

.row_4_header
{
    color: #4c1606;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.5em;
}

.row_4_text 
{
    line-height: 1.5em;
    margin-top: 10px;
}

.bullet_point
{
    width: 235px;
    float:left;
    font-size: 14px;
    text-align: left;
}

.bullet_point ul li
{
    margin-top: 15px;
    color: #ac0002;
}

.bullet_text
{
    color: #000000;
}

.careers_row_5_text
{
    color: #ffffff;
    left: 0px;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 35px;
    width: 874px;
    text-align: center;
}

.row_5_header
{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 2em;
}

.careers_row_6_text
{
    color: #000000;
    left: 64px;
    padding-left: 50px;
    padding-right: 50px;
    position: absolute;
    top: 98px;
    width: 705px;
    text-align: center;
}

.row_6_header
{
    color: #4c1606;
    font-size: 25px;
    font-weight: bold;
}

.row_6_sub_header
{
    color: #4c1606;
    font-size: 22px;
    font-weight: bold;
    margin-top: 15px;
}

.row_6_text 
{
    line-height: 1.5em;
    margin-top: 10px;
    font-size: 22px;
}

.row_6_hr
{
    color: #000000;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: solid 2px #000000;
    height: 1px;
}

#careers-carousel {
    height: 60px;
    width: 100%;
}


#careers-carousel .carousel-control {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    top: 28%;
    margin-top: -35px;
}

#careers-carousel .left {
    left: -85px;
}

#careers-carousel .right {
    right: -85px;
}

.inner_carousel_text
{
    font-size: 22px;
    height: 65px;
    line-height: 1.3em;
}

.row_6_buttons_container
{
    margin: 9px auto 0;
    width: 420px;
}

.row_6_button_left
{
    width: 50%;
    float: left;
}

.row_6_button_right
{
    width: 50%;
    float: left;
}

.row_6_button_left a, .row_6_button_right a 
{
    text-decoration: none;
    color: #eaab2f;
}

.row_6_buttons
{
    background-color: #5d1500;
    display: inline-block;
    font-size: 13px;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center;
    width: 190px;    
}

.tablet_view
{
    display: none;
}

.pc_view
{
    display: block;
}

.mobile_view
  {
      display: none;
  }

.franchise-questions-container
{
    width: 860px;   
    margin: 0 auto;
    float: none !important;
    clear: both;
    position: relative;
    top: 20px;
    left: -6px;
}

#franchise-left
{
    float: left;
    width: 420px;
    background-color: #F1E7C1;
    min-height: 1220px;
}

#franchise-middle
{
    float: left;
    width: 20px;
}

#franchise-right
{
    float: left;
    width: 420px;
    background-color: #F1E7C1;
    min-height: 1220px;
}

.questions-inner
{
    padding: 25px;
}

.question-header
{
    color: #561911;
    width: 100%;
}

.grey-question
{
    margin-top: 3px;
    color: #645f4d;
    width: 100%;
    font-size: 15px;
    line-height: 1.1em;
}

.question-element
{
    margin-top: 3px;
    width: 100%;
}

.input-element
{
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.question-line
{
    height: 1px;
    border-top: 1px solid #645f4d;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
}

.input-small
{
    width: 45%;
    float: left;
}

.question-spacer
{
    width: 8%; float:left;
}

.question-checkbox
{
    color: #645f4d;
    font-size: 15px;
    line-height: 2.3em;
    margin-top: 3px;
    width: 100%;
}

.checkbox-text
{
    left: 5px;
    position: relative;
    top: 3px;
}

.franchise-button
{
    background-color: #5c1300;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    font-size: 16px;
    color: #e7a624;
    border: none;
}

.franchise-thank-you
{
    width: 860px;   
    margin: 0 auto;
    float: none !important;
    clear: both;
    position: relative;
    top: 20px;
    left: -6px;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    background-color: #F1E7C1;
    min-height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #561911;
}

.thank-you-text
{
    margin-left: 20px;
    margin-right: 20px;
    color: #561911;
}

.error-text
{
    margin-left: 20px;
    margin-right: 20px;
    color: red;
}


#franchise-intl-container
{
    width: 900px;   
    margin: 0 auto;
    float: none !important;
    clear: both;
    position: relative;
    top: 20px;
    left: -6px;
}

#franchise-intl-left
{
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    width: 400px;
}

#franchise-intl-right
{
    float: left;
    width: 500px;
}

.franchise-intl-inner
{
    padding: 25px;
}

#franchise-intl-video {
    height: 280px;
    width: 450px;
}

.mustard-line {
    border-top: 1px solid #e7a624;
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.franchise-intl-text-inside
{
    font-size: 17px;
    line-height: 1.7em;
}

.franchise-intl-header
{
    font-weight: bold;
    font-size: 20px;
    width: 100%;
}

.franchise-intl-buttons
{
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.franchise-intl-button {
    background-color: #e7a624;
    border: medium none;
    color: #5c1300;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
}

.inquire_button
{
    background-color: #e7a624;
    border: medium none;
    color: #5c1300 !important;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none !important;
}

.our-story-buttons {
    margin-top: 5px;
    text-align: center;
    width: 100%;
}

.sub-page-button {
    background-color: #5c1300;
    border: medium none;
    color: #e7a624;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    font-size: 14px;
    padding: 10px 20px;
}

.franchise-yellow-bar
{
    background-image: url("/store/assets/images/YellowBar.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;   
    float: left;
    height: 60px;
    position: relative;
    text-align: center;
    width: 920px;
}

.franchise-yellow-bar-inner {
    color: #000000;
    font-size: 20px;
    margin-top: 20px;
}

.orange-text-bar
{
    float: left;
    font-size: 19px;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    width: 920px;
    color: #884D2D;
}

.black-text
{
    color: #000000;
    font-size: 18px;
    line-height: 1.5em;
}

.franchise-story-row
{
    width: 920px;
    position:relative;
    height: auto;
    float: left;
}

.story-row-text-center
{
    text-align: center;
}

.spacer-tall
{
    width: 100%;
    height: 40px;
    float: left;
}

.spacer-short
{
    width: 100%;
    height: 20px;
    float: left;
}

.spacer-line
{
    width: 80%;
    margin: 0 auto;
    border-top: 1px solid #D3C98E;
    height: 1px;
}

.yellow_button
{
    border-radius: 5px;
    display: inline-block;
    margin: 20px 0;
    text-transform: uppercase;
    background-color: #DA9B2B;
    color: #5A1800 !important;
    text-decoration: none !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}


.intl-growth-left
{
    text-align: left;
    float: left;
    width: 400px;
    margin-top: 20px;
}

.intl-growth-right
{
    text-align: left;
    float: left;
    width: 510px;
    padding-left: 10px;
    margin-top: 20px;
}


.brown-border-row
{
    border: 2px solid #4c1606;
    width: 916px;
    float: left;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.brown-border-inner
{
    padding: 20px;
    text-align: center;
}

.brown-text
{
    color: #4c1606;
    font-size: 18px;
    line-height: 1.5em;
}

.intl-qualifications-left
{
    text-align: left;
    float: left;
    width: 610px;
    margin-top: 20px;
}

.intl-qualifications-right
{
    text-align: right;
    float: left;
    width: 300px;
    padding-left: 10px;
    margin-top: 20px;
}

.brown-text-small
{
    color: #4c1606;
    font-size: 16px;
    line-height: 1.5em;
}

.intl-qualifications-left ul li
{
    margin-top: 10px;
}

.intl-family-left
{
    text-align: left;
    float: left;
    width: 320px;
    margin-top: 20px;
}

.intl-family-right
{
    text-align: right;
    float: left;
    width: 590px;
    padding-left: 10px;
    margin-top: 20px;
}

.intl-family-left ul li
{
    margin-top: 10px;
}

.intl-family-left ul li
{
    margin-top: 10px;
}

.process-ul li
{
    margin-top: 20px;
}

.process-ul li a
{
    color: #4c1606;
}

/*Universal*/
@media (min-width: 668px) and (max-width: 979px) {
  /*tags*/
  body,
  html {
    min-width: 767px;
  }
  h2 {
    font-size: 25.5px;
  }
  h4 {
    font-size: 18px;
  }
  /* ids */
  #bottom-shadow {
    bottom: 24px;
  }
  #container {
    width: 767px;
  }
  #footer {
    font-size: 14px;
    width: 800px;
  }
  #navigation-content {
    width: 805px;
  }
  #homepage-video {
    height: 210px;
    width: 408px;
  }
  #giftcards-banner 
  {
      margin: 20px auto;
      width: 715px;
  }
  #giftcards-banner h2 {
      margin: 0px;
      width: 167px;
      padding: 10px 0px 12px 35px !important;
  }
  #giftcards-banner img 
  {
      width: 513px;
  }
  #giftcard-buttons 
  {
      width: 695px;
  }
  #giftcard-buttons > *
  {
      margin-bottom: 20px;
  }
  #giftcards-container p
  {
      width: 670px;
  }
  #giftcard-button-separator
  {
      margin: 90px 8px;
  }

    #giftcards-banner #whitebox-orangetext {
      font-weight: bold;
      font-size: 17px;
      line-height: 17px;
      background-color: #ffffff;
      color: #b74b00;
    } 
    #giftcards-banner #orangebox-whitetext {
      font-weight: bold;
      font-size: 18px;
      line-height: 18px;
      background: #b74b00;
      color: #ffffff;
      border-bottom: 27px solid #b74b00;
    }

  #desktop-form-social-block {
    float: right;
  }
  #logo {
    width: 242px;
  }
  #nav {
    float: right;
    margin: 10px 0px 2px;
  }
  #nav li {
    font-size: .70em;
    margin-right: 1.2em;
  }
  #onc-column-container {
    padding: 30px 20px;
  }
  #one-column-top-image {
    width: 100%;
  }
  #one-column-top-image-footer {
	width: 450px;
	float: right;
	margin-right: 25px;
  }
  #one-column-text-content {
    font-size: 14px;
    width: 651px;
  }
  #ourhistory_text{
    font-size:0.8em;
    line-height: 1.7em;
  }

  #careers-video iframe {
    width: 350px;
    height: 195px;
  }
  #speakup-container {
    padding: 30px 20px;
  }
  #speakup-hero-shot {
    width: 301px;
  }
  #speakup-text-content {
    font-size: 14px;
    width: 391px;
  }
  #top-main-locator-form {
    padding: 0px 0px 5px;
  }
  #top-social-media-links {
    margin-right: 8px;
    padding: 18px 7px 13px;
  }
  #transparent_brown_background {
    min-width: 767px;
  }
  /* classes */
    .gift-card-button
    {
        width: 305px;
    }
    .gift-card-button img
    {
        width: 99.5%;
    }
    
  .health2fit-promo img 
  {
    margin-top: 0px;
    width: 53%;
    margin-bottom: 30px;
  }
  .location-promo img {
    width: 407px;
    height: 164px;
    /*added the following line for full width video 07-31-2013 BB */
    margin-top: -20px;
  }

  .bottom-boxes img {
    width: 199px;
    height: 164px;
    /*added the following line for full width video 07-31-2013 BB */
    margin-top: -20px;
  }

  .square_social_icon {
    width: 20px;
  }
  .tall-home-image img {
    width: 170px;
    height: 235px;
  }
  .tasting-diff img {
    height: 140px;
    width: 349px;
    margin-top: 5px;
  }
  
  #one-column-listing-container-top {
  padding: 20px;
  width: 650px;
}

.one-column-listing-container {
  padding: 0px;
  width: 650px;
  
}

.one-column-listing-container-state {
  width: 650px;  
}

.one-column-listing-container > div {
  float: left;
}

.one-column-listing-group {
  width: 100%;
  background-color: #F8E8B1;
}

.one-column-listing-group > div {
  float: left;
}

.one-column-listing-group-alt {
  width: 100%;
  background-color: #FAF3D6;
}

.one-column-listing-group-alt > div {
  float: left;
}

.one-column-listing-left-header {
  width: 500px;
}
.one-column-listing-right-header { 
  width: 148px;
}

.one-column-listing-left {
  width: 500px; 
}
.one-column-listing-right {  
  width: 148px;
}

.listing-text {
  padding-left: 8px;
  padding-right: 0px;
}

.listing-text-header {
  padding-left: 8px;
}

.listing-text-state {
  padding-left: 8px;
}

.listing-text-bold
{
	font-size: 14px;	
}

#feedback-left {
    padding-right: 15px;
    width: 200px;
}

#feedback-form-content {
    width: 456px;
}

.feedback-fields-left {
    width: 175px;
}

.feedback-fields-right {
    width: 265px;
}

.feedback-submitted {
    height: 415px;
}

.hero_text
{
    top: 68px;
}

.hero_text_header
{
    font-size: 18px;
    width: 200px;
}

.hero_text_desc
{
    font-size: 13px;
    width: 200px;
}

.careers_row_2_text
{
    left: 46px;
    padding-left: 20px;
    padding-right: 20px;
    top: 55px;
    width: 564px;
}

.row_2_header
{
    font-size: 18px;
}

.row_2_text
{
    font-size: 13px;
    line-height: 1.3em;
    margin-top: 6px;
}

.employee_rotator
{
    top: 74px;
    width: 260px;
}

.careers_row_3_text
{
    left: 262px;
    top: 47px;
    width: 405px;
}

.row_3_text
{
    font-size: 15px;
    line-height: 1.5em;
}

.row_3_banner
{
    height: 45px;
    margin-left: 6px;
    width: 400px;
}

.row_3_banner_inner
{
    font-size: 18px;
    margin-top: 13px;
}

.careers_row_4_text
{
    left: 1px;
    padding-left: 20px;
    padding-right: 20px;
    top: 10px;
    width: 660px;
}

.row_4_header
{
    font-size: 15px;
    line-height: 1.3em;
}

.bullet_point
{
    font-size: 12px;
    width: 218px;
}

.careers_row_5_text
{
    padding-left: 20px;
    padding-right: 20px;
    top: 25px;
    width: 661px;
}

.row_5_header
{
    font-size: 12px;
}

.careers_row_6_text
{
    left: 48px;
    padding-left: 16px;
    padding-right: 16px;
    top: 58px;
    width: 572px;
}

.row_6_header
{
    font-size: 20px;
}

.row_6_sub_header
{
    font-size: 18px;
    margin-top: 6px;
}

.row_6_hr
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.inner_carousel_text
{
    font-size: 18px;
    height: 55px;
}

#careers-carousel
{
    height: 55px;
    margin-bottom: 10px;
}

#careers-carousel .left
{
    left: -50px;
}

#careers-carousel .right
{
    right: -50px;
}

.row_6_text
{
    font-size: 19px;
}

.hero_buttons
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.pc_view
{
    display: none;
}

.tablet_view
{
    display: block;
}

.mobile_view
  {
      display: none;
  }


.franchise-questions-container {
    clear: both;
    float: none !important;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 20px;
    width: 700px;
}

#franchise-left {
    background-color: #f1e7c1;
    float: left;
    min-height: 1265px;
    width: 340px;
}

.questions-inner {
    padding: 10px;
}

#franchise-right {
    background-color: #f1e7c1;
    float: left;
    min-height: 1265px;
    width: 340px;
}

.franchise-thank-you {
    background-color: #f1e7c1;
    clear: both;
    color: #561911;
    float: none !important;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    left: 0;
    margin: 0 auto;
    min-height: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    top: 20px;
    width: 700px;
}

#franchise-intl-container {
    clear: both;
    float: none !important;
    left: -6px;
    margin: 0 auto;
    position: relative;
    top: 20px;
    width: 700px;
}

#franchise-intl-left {
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    width: 300px;
}

#franchise-intl-right {
    float: left;
    width: 400px;
}

#franchise-intl-video {
    height: 280px;
    width: 350px;
}

.sub-page-button {
    background-color: #5c1300;
    border: medium none;
    color: #e7a624;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    font-size: 12px;
    line-height: 1.3em;
    padding: 5px 15px;
}

.franchise-yellow-bar
{
    background-image: url("/store/assets/images/YellowBar.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;   
    float: left;
    height: 50px;
    position: relative;
    text-align: center;
    width: 701px;
}

.franchise-yellow-bar-inner {
    color: #000000;
    font-size: 20px;
    margin-top: 15px;
}

.orange-text-bar {
    width: 701px;
    font-size: 17px;
}

.franchise-story-row {
    width: 701px;
}

.intl-growth-left {
    width: 300px;
}

.intl-growth-right {
    width: 390px;
}

.black-text
{
    font-size: 15px;
}

.brown-border-row {
    width: 697px;
}

.brown-text
{
    font-size: 15px;
}

.intl-qualifications-left
{
    text-align: left;
    float: left;
    width: 490px;
    margin-top: 20px;
}

.intl-qualifications-right
{
    text-align: right;
    float: left;
    width: 200px;
    padding-left: 10px;
    margin-top: 20px;
}

.brown-text-small
{
    color: #4c1606;
    font-size: 14px;
    line-height: 1.2em;
}

.intl-family-left {
    width: 250px;
}

.intl-family-right {
    width: 440px;
}

  /* universal */
}
@media (max-width: 667px) {


    #speakup-text-content {
  margin-left: 0px;
  width: 505px;
}

  /*tags*/
  body {
    padding: 0px;
  }


  #one-column-top-image
    {
        margin-top: 10px;
        background-color: #fcf7e3;
        margin-bottom: 10px;
    }

  .hero_text
  {
      background-color: #fcf7e3;
      position: static;
      left: 0px;
      top: 12px;
      width: 100%;
      padding-top: 12px;
  }


  .hero_text_header
  {
      font-size: 18px;
      margin-top: 0px;
      color: #5c1300;
      width: 100%;
  }

  .hero_text_desc
  {
      font-size: 13px;
      color: #000000;
      width: 100%;
  }

  .hero_text_buttons_container
  {
      margin-top: 15px;
  }

  .hero_button_left
  {
      width: 100%;
      text-align: center;
      float: none;
  }

  .hero_button_right
  {
      width: 100%;
      text-align: center;
      margin-top: 10px;
      float: none;
  }

  .one-column-image
  {
      margin-bottom: 10px;
  }

  .careers_row_2_text
  {
      left: 16px;
      padding-left: 10px;
      padding-right: 10px;
      top: 46px;
      width: 189px;
  }

  .row_2_header
  {
    font-size: 12px;
  }

  .row_2_text
  {
      font-size: 9px;
      margin-top: 2px;
      line-height: 1.5em;
  }

  .employee_rotator
  {
      left: 20px;
      top: 25px;
      width: 200px;
      height: 145px;
  }

  .careers_row_3_text
  {
      position: relative;
      top: 0px;
      width: 100%;
      left: 0px;
  }

  .row_3_text
  {
      color: #000000;
      font-size: 13px;
      line-height: 1.3em;
  }

  .row_3_banner
  {
      height: 35px;
      margin-left: 0px;
      margin-top: 10px;
      width: 100%;
  }

  .row_3_banner_inner
  {
      font-size: 12px;
      margin-top: 8px;
  }

  .careers_row_4_text
  {
      left: 0px;
      padding-left: 10px;
      padding-right: 10px;
      top: 5px;
      width: 221px;
  }

  .row_4_header
  {
      font-size: 12px;
      line-height: 1.2em;
  }

  .bullet_point
  {
      font-size: 14px;
      width: 100%;
  }

  .bullet_point ul li
  {
      margin-top: 0px;
      font-size: 12px;
  }

  .bullet_point ul, ol
  {
      margin: 0 0 0 25px;
  }

  .careers_row_5_text
  {
      left: 0px;
      padding-left: 10px;
      padding-right: 10px;
      top: 4px;
      width: 220px;
  }

  .row_5_header
  {
      font-size: 13px;
      line-height: 1.1em;
  }

  .careers_row_6_text
  {
      left: 18px;
      padding-left: 10px;
      padding-right: 10px;
      top: 35px;
      width: 184px;
  }

  .row_6_header
  {
      font-size: 14px;
      line-height: 1em;
  }

  .row_6_sub_header
  {
      font-size: 13px;
      line-height: 1em;
      margin-top: 13px;
      margin-bottom: 13px;
  }

  .row_6_hr
  {
      margin-bottom: 10px;
      margin-top: 10px;
  }

  #careers-carousel
  {
      height: 60px;
  }

  .inner_carousel_text
  {
      font-size: 12px;
      height: 70px;
  }

  #careers-carousel .left
  {
      left: -30px;
  }

  #careers-carousel .right
  {
      right: -30px;
  }

  #careers-carousel .carousel-control
  {
      margin-top: -30px;
  }

  .row_6_text
  {
      font-size: 16px;
      line-height: 1.2em;
  }

  .row_6_buttons_container
  {
      width: 100%;
  }

  .row_6_button_left
  {
      width: 100%;
  }

  .row_6_button_right
  {
      width: 100%;
  }

  .row_6_buttons
  {
      width: 180px;
      margin-top: 15px;
  }

  .pc_view
  {
      display: none;
  }

  .tablet_view
  {
      display: none;
  }

  .mobile_view
  {
      display: block;
  }


  /* ids */
  #brick-background {
    display: none;
  }
  #container,
  #navigation-content {
    max-width: 300px;
  }
  #desktop-form-social-block {
    display: none;
  }
  #footer-container {
    display: none;
  }
  #navigation {
    margin-bottom: 10px;
    position: relative;
    z-index: 12;
  }
  #home-container {
    padding: 0px 5px;
  }
  #home-container * {
    float: none ! important;
    margin: 5px 0px;
  }
  #home-container img {
    margin: 0px;
    width: 100%;
  }
  #homepage-carousel.carousel {
    margin-bottom: 0px;
  }
  #homepage-carousel .carousel-inner,
  #homepage-carousel .carousel-control {
    display: none;
    height: 0px;
    width: 0px;
  }
  #homepage-carousel .sienna-bar {
    display: none;
  }
  
  .gear {
		display: block;
		float: left;
		width: 100% !important;
	}
  
  #homepage-video {
    width: 100%;
  }
    #giftcards-banner 
    {
        margin: 0px;
        width: auto;
    }
    #giftcards-banner h2
    {
        padding: 26px 60px;
        width: auto;
    }
    #giftcard-buttons 
    {
        width: auto;
    }
    #giftcards-container p
    {
        width: auto;
    }
    #giftcard-button-separator
    {
        display:none;
    }
    #giftcards-banner #red-box 
    {
        background: #5c1501;
    }
    #giftcards-banner #yellow-box 
    {
        background: #a44e11;
    }  
  .location-promo img,
  .bottom-boxes img,
  .tasting-diff img,
  .tall-home-image img {
    width: auto;
    height: auto;
    margin: 5px 0px;
  }
  #logo {
    display: block;
    float: none;
    margin: -45px auto 58px auto;
    width: 200px;
  }
  #menu-pulltab {
    background-color: #9f4e16;
    cursor: pointer;
    float: right;
    margin-bottom: 5px;
    padding: 3px 7px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
  }
  #menu-pulltab {
    transform: rotate(0deg);
  }
  #menu-pulltab hr {
    border-bottom: 0px;
    border-top: 1px #000 solid;
    margin: 4px 5px;
  }
  #mobile-navigation-background {
    display: block;
    height: 135px;
    margin: 0 auto -92px auto;
    width: 300px;
    z-index: 0;
  }
  #mobile-navigation-background img {
    height: 135px;
  }
  #mobile-locator-and-nav-container {
    background: #281302;
    border-bottom: 4px solid #9f4e16;
    border-top: 4px solid #9f4e16;
    margin-bottom: 5px;
    margin-top: 13px;
    position: relative;
  }
  #mobile-locator-form {
    margin: 0 auto;
    padding: 10px 0px;
    width: 260px;
  }
  #mobile-locator-form * {
    color: #e7a624;
  }
  #mobile-locator-form input[type^="image"] {
    display: inline;
    width: 28px;
    margin: -10px 0px 0px 4px;
  }
  #mobile-locator-form input[type^="text"] {
    border-radius: 0px;
    color: #281302;
    font-family: "MatrixIIBookRegular", "Times New Roman";
    font-weight: bold;
  }
  #mobile-locator-form label {
    font-size: 1.14em;
    text-transform: uppercase;
  }
  #mobile-locator-pin {
    height: 25px;
  }
  #mobile-social-links {
    background-color: rgba(255, 255, 255, 0.7);
    margin: 0px;
    position: absolute;
    right: 10px;
    top: -30px;
    padding: 2px 12px 4px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
  }
  #mobile-social-links * {
    list-style: none;
    display: inline;
    width: 20px;
  }
  #mobile-social-links li {
    padding: 0px 3px;
  }
  #nav {
    background: #9f4e16;
    display: none;
    float: right;
    list-style: none;
    margin: 0px;
  }
  #nav li {
    display: block;
    border-bottom: 1px solid #b05f27;
    margin: 0px;
    padding: 10px 20px 10px 10px;
  }

  #one-column-text-content {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }

  #one-column-top-image-footer {
	width: 200px;
	float: right;
	margin-right: 10px;
  }
  #one-column-top-image-footer h2 {
	font-size: 15px;
  }
#ourhistory_bg {
    background: none;
    height:auto;
  }
  #ourhistory_text{
    display: block;
    color: #2e302f;
    float:left;
    width: auto;
    padding-right: none;
  }
  #careers-video {
    float:none;
  }
  #careers-video iframe {
    width: 230px;
    height: 130px;
  }
  #pull-down-navigation {
    position: absolute;
    right: 0px;
    width: 61px;
  }
  #speakup-text-content {
    width: auto;
  }
  #top-shadow {
    display: none;
  }
  /* classes */
  .gift-card-button
  {
      margin-bottom: 0px !important;
      width: auto;            
  }
  .navigational-text {
    font-size: 1em;
  }
  .subpage-container {
    margin-left: 0px;
  }
  #speakup-grimaldis-vip-button {
    display: none;
  }
  #one-column-listing-container-top {
  padding: 0px;
  width: 240px;
}

.one-column-listing-container {
  padding: 0px;
  width: 240px;
  
}

.one-column-listing-container-state {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 240px;
  background-color: #DFBD51;
  float: left;
    
}

.one-column-listing-container > div {
  float: left;
}

.one-column-listing-group {
  width: 100%;
  background-color: #F8E8B1;
}

.one-column-listing-group > div {
  float: left;
}

.one-column-listing-group-alt {
  width: 100%;
  background-color: #FAF3D6;
}

.one-column-listing-group-alt > div {
  float: left;
}

.one-column-listing-left-header {
  width: 240px;
  background-color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: none;
  display: none;
}
.one-column-listing-right-header {
  background-color: #000000;  
  width: 240px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
}

.one-column-listing-left {
  width: 240px; 
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: none;
}
.one-column-listing-right {
   
  width: 240px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.listing-text {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
}

#feedback-left {
    padding-right: 15px;
    width: 225px;
}

#feedback-form-content {
    border-top: 1px solid #9F4E16;
    border-left: 0px;
    padding-left: 0px;
    width: 225px;
}

.feedback-fields-left {
    padding-top: 3px;
    text-align: left;
    width: 100%;
}

.feedback-fields-textarea {
    height: 180px;
}

.feedback-textarea {
    height: 155px;
    width: 205px;
}

.feedback-textbox {
    width: 205px;
}

.feedback-submitted {
    height: 10px;
}

.feedback-fields-container {
    height: 0;
}

#one-column-franchise-footer {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    text-align: right;
    width: 100%;
}

    #one-column-franchise-footer h2{
        font-size: 15px;
    line-height: 1em;
    }

    .franchise-questions-container {
    clear: both;
    float: none !important;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 20px;
    width: 100%;
}

    #franchise-left {
    background-color: #f1e7c1;
    float: left;
    min-height: 1140px;
    width: 100%;
}

    #franchise-right {
    background-color: #f1e7c1;
    float: left;
    min-height: 1220px;
    width: 100%;
}

    .input-small {
    float: none;
    width: 100%;
}

    .questions-inner {
    padding: 10px;
}

    .franchise-thank-you {
    background-color: #f1e7c1;
    clear: both;
    color: #561911;
    float: none !important;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    left: 0;
    margin: 0 auto;
    min-height: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    top: 20px;
    width: 100%;
}

    .thank-you-text {
    color: #561911;
    display: block;
    font-size: 13px;
    line-height: 1em;
    padding-left: 10px;
    padding-right: 10px;
    position: static;
}

    .grey-question {
    color: #645f4d;
    font-size: 13px;
    line-height: 1.1em;
    margin-top: 3px;
    width: 100%;
}

    .question-header {
    color: #561911;
    font-size: 13px;
    width: 100%;
}

    .question-checkbox {
    color: #645f4d;
    font-size: 13px;
    line-height: 2.3em;
}

    #franchise-middle {
    display: none;
}

    #franchise-intl-container {
    clear: both;
    float: none !important;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 20px;
    width: 100%;
}

    #franchise-intl-left {
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    width: 100%;
}

    .franchise-intl-inner {
    padding: 10px;
}

    #franchise-intl-right {
    float: left;
    width: 100%;
}

    #franchise-intl-video {
    height: 100%;
    width: 100%;
}

    .franchise-intl-text-inside {
    font-size: 14px;
    line-height: 1.7em;
    padding: 10px;
}

    .franchise-intl-header {
    font-size: 17px;
    font-weight: bold;
    width: 100%;
}

    .sub-page-button {
    background-color: #5c1300;
    border: medium none;
    color: #e7a624;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    font-size: 11px;
    line-height: 1.3em;
    padding: 10px 20px;
}

    .franchise-intl-button {
    background-color: #e7a624;
    border: medium none;
    color: #5c1300;
    font-family: "MatrixIIRegLinRegular","Times New Roman";
    font-size: 16px;
    padding: 10px 20px;
    width: 100% !important;
}

    .franchise-yellow-bar
{
    background-image: url("/store/assets/images/YellowBar.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;   
    float: left;
    height: 40px;
    position: relative;
    text-align: center;
    width: 240px;
}

.franchise-yellow-bar-inner {
    color: #000000;
    font-size: 16px;
    margin-top: 6px;
}

.orange-text-bar {
    width: 100%;
    font-size: 14px;
}

.franchise-story-row {
    width: 100%;
}

.intl-growth-left {
    width: 100%;
}

.intl-growth-right {
    width: 100%;
    padding-left: 0px;
}

.black-text
{
    font-size: 14px;
}

.brown-border-row {
    width: 236px;
}

.brown-text
{
    font-size: 14px;
}

.intl-qualifications-left
{
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.intl-qualifications-right
{
    text-align: right;
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
}

.brown-text-small
{
    color: #4c1606;
    font-size: 12px;
    line-height: 1em;
}

.intl-family-left
{
    width: 100%;
}

.intl-family-right
{
    width: 82%;
}

  
  /* universal */
}

/* Menu Page Styles*/
    #menu-sidebar 
    {
        border: 3px solid #ffc118;
        float: left;
        list-style: none;
        margin: 15px 0px 0px 5px;
        position: relative;
        width: 230px;
        z-index: 2;
    }
    #menu-sidebar li
    {
        cursor: pointer;
    }
    #menu-sidebar li.last-item
    {
        border-bottom: none;
    }
    #menu-sidebar li .oncontainer {
        position: relative;        
    }
    #menu-sidebar li img.arrow {
        position: absolute;
        top: 48%;
        right: -22px;
    }
    #menu-sidebar li img.first-active-image.on {
        margin-top: -3px;
    }
    #menu-sidebar li img.on {
        /*height: 153px;*/
        max-width: none;
        /*width: 240px;*/
        border: 3px solid #ffc118;
        margin-left: -3px;
    }
    #menu-content-container
    {
        background-color: #FCF7E3;
        clear: none;
        float: left;
        height: 775px;
        margin-top: 15px;
        padding: 0px 12px;
        position: relative;
        width: 725px;
    }
    #menu-content-container h3
    {
        background-color: #a54d0e;
        margin: 0px;
        text-transform: uppercase;
    }
    #menu-food-beverages-container
    {
        text-align: center;
    }
    .menu-brief-description
    {
        padding-left: 30px;
    }
    .menu-catering-table {
        width: 95%;
        margin-left:30px;
    }
    .menu-catering-two-column-table {
        float: left;
        margin-left: 30px;
        width: 45%;
    }
    .menu-catering-pastas {
        margin-left: 30px;
    }
    .menu-three-column-format > div {
        margin-bottom: 15px;
    }
    .menu-three-column-format > div > div {
        float: left;
    }
    .menu-three-column-format .item-name {
        margin-left: 30px;
        width: 20%;
    }
    .menu-three-column-format .item-price {
        width: 10%;
    }
    .menu-three-column-format .item-description {
        width: 65%;
        float: right;
    }
    .menu-cheesecake
    {
        float: left;
        list-style: none;
        width: 43%;
    }
    .menu-cheesecake-disclaimer {
        clear: left;
        margin-left: 25px;
    }
    .menu-food-beverages li
    {
        display: inline;
        margin-right: 10px;
    }
    .menu-food-beverages.first-row
    {
        margin-left: 5px;
    }
    .menu-food-starter-item
    {
        float: left;
        margin: 0px 10px 20px 0px;
        width: 48%;
    }
    .menu-food-starter-item h5
    {
        display: inline;
        margin-right: 10px;
    }
    .menu-heroshot {
        margin-top: 13px;
    }
    .menu-starters-row
    {
        margin-top: 15px;
        padding-left: 30px;
    }
    .menu-item-header
    {
        padding-left: 30px;
        text-align: left;
    }
    .menu-item-half-sized-table
    {
        float: left;
        width: 40%;
        margin: 10px 5%;
    }
    .menu-item-table {
        margin: 10px auto;
        width: 91%;
    }
    .menu-item-table th {
        text-align: left;
    }
	
  .menu-item-table th.wineList {
	  color:#a54d0e;
  }
  
  th.wineList em {
	  font-weight: 100;
  }
  
    .menu-item-container
    {
        border: 1px solid #a54d0e;
        margin: 10px 0px;
        padding: 2px;
    }
    .menu-item-container .innerborder
	{
        border: 1px solid #a54d0e;
        padding-top: 10px;
    }
	.menu-item-container .seasonal-innerborder {
		padding-top: 0;
	}
    .menu-scrollable
    {
        background-color: #FCF7E3;
        height: 775px;
        position: absolute;
        top: 0px;
        width: 725px;
        display:none;
        transition: none;
    }
    .menu_seasonal_item {
        padding: 10px;
    }
    .menu-scrollable.active {
        display:block;
    }
    .menu-scrollable .jspCap
    {
        display: block;
        background: transparent;
    }
    .menu-scrollable .jspVerticalBar .jspCap
    {
        height: 12px;
    }
    .menu-starter-addition {
        float: left;
        margin-right: 60px;
    }
    .menu-wine-price {
        text-align: center ! important;
    }
	th.menu-wine-price {
		font-size: 12px;
		min-width: 47px;
		color:#a54d0e;
	}
	
    .menu_seasonal_description, .menu_seasonal_image
    {
        /*width: 50%; removed for alternate formatting, according to client's request*/
        float: left;
    }
	
	/*********** Menu Page Updates - Wine CAL count + Nutrition & Allergen Information RGM 4/26/17 ************/

	.food-disclaimer {
		text-align: center; 
		display: block; 
		padding: 10px 0px 20px;
	}

	.wine-disclaimer {
		text-align: center; 
		display: block; 
		padding: 10px 0px;
	}
	
	.calorie-text {
		font-size: 75%; 
	}
	
	/*************** Seasonal Descriptions added to menu page 5/1/17 RGM ****************/

	.menu-seasonal-description {
		width: 43%;
		display: inline-block;
		list-style: none;
		vertical-align: top;
	}
	
	.menu-seasonal-description-full {
		width: 93%;
		list-style: none;
		vertical-align: top;
	}

    

@media (min-width: 668px) and (max-width: 979px) {
    #menu-content-container, .menu-scrollable.active {
        font-size: 13px;
        width: 490px;
    }
    .menu-brief-description {
        padding-left: 10px;
        clear: left;
    }
    .menu-catering-two-column-table {
        margin-left: 10px;
    }
    .menu-cheesecake {
        margin-left:10px
    }
    .menu-starter-addition {
        margin-right: 20px;
    }
    .menu-food-beverages li {
        margin-right: 18px;
        text-align: center;
    }
    .menu-food-starter-item {
        width: 44%; /* Formerly 45%, but changed to fix column issues in Food, Starter items. */
    }
    .menu-starters-row {
        padding-left: 14px;
    }
    .menu-item-header {
        padding-left: 7px;
    }
    .menu-item-table {
        width: 98%;
    }
    .menu-item-half-sized-table {
        width: 45%;
        margin: 10px;
    }
    .menu-three-column-format .item-name {
        margin-left: 10px;
    }
    .menu-wine-price {
        text-align: center ! important;
    }
}
@media (max-width: 667px) {

    .subtitle-text
{
    font-size: 11px;
}
    
    .slide-cover {
    height: 310px;
}
    
    .slide-inside-content {
    font-size: 11px;
    margin-left: 5px;
}

    .yellow-container-inner {
    font-size: 11px;
    letter-spacing: 0px;
    margin-bottom: 10px;
    padding: 5px;
}

    .split-image img {
         min-height: 0px !important;
}

    
.split-row-content {
    min-height: 0px !important;
}
    
    .millie-content
    {
        width: 300px;
        margin: 0 auto;
    }

    .split-row
    {
        background-color: transparent;
    }

    .split-row-content
    {
        width: 100%;
        float: left;
        margin-bottom: 8px;
        min-height: 305px;
    }

    .spacer-white-row
    {
        display: none;
    }

    #mobile-menu {
        list-style: none;
        margin: 0px;
        width: 295px;
        background-color: #FCF7E3;
    }
    #mobile-menu h3 {
        background-color: #a54d0e;
        text-transform: uppercase;
    }
    .menu-item-header {
        padding-left: 14px;
    }
    .menu-brief-description {
        padding-left: 14px;
    }
    .menu-starters-row {
        padding-left: 15px;
    }
    .menu-food-starter-item {
        margin: 0px;
        width: 100%;
    }
    .menu-food-beverages {
        margin: 0px;
    }
    .menu-cheesecake {
        width: auto;
    }
    .menu-item-table.wine-table {
        width: 100%;
        margin: 0px;
    }
    .menu-item-table.wine-table tr, .menu-item-table.wine-table th {
        text-align: center;
    }
    .menu-beer-text {
        text-align: center;
    }
    .menu-beer-text a {
        color: #000;
    }
    .menu-catering-two-column-table {
        margin-left: 10px;
    }
    .menu-three-column-format .item-name {
        margin-left: 14px;
        font-weight: bold;
    }
    .menu-three-column-format .item-price {
        width: 10%;
        float: right;
    }
    .menu-three-column-format .item-description {
        width: 95%;
        float: right;
    }
    .menu_seasonal_description, .menu_seasonal_image
    {
        width: auto;
        float: none;
    }
}

/*locations page */
    #google-maps {
        margin: 5px;
        width: 99%;
        height: 375px;
    }
    #google-maps img {
        max-width: none;
    }
    .expand-button {
        margin: 14px 7px 0px 0px;
        background: transparent;
        cursor: pointer;
    }
    .locations-list-container {
        width: 95%;
    }
    .location-address-info {
        width: 220px;
    }
    .location-information > * {
        float: left;
        margin-right: 40px;
    }
    .location-information > div {
        width: 202px;
    }
    .location-information {
        font-size: 14px;
        margin: 30px auto 0px;
        padding-bottom: 20px;
        width: 95%;
    }

    .press-information > * {
        float: left;
        margin-right: 20px;
    }
    .press-information > div {
        width: 301px;
        height: 150px;
    }
    .press-information {
        font-size: 14px;
        margin: 30px auto 0px;
        padding-bottom: 0px;
        width: 95%;
    }

    .m-box
    {
        padding: 15px;
        color: #fcf7e3;
        font-size: 20px;
        line-height: 1.2em;
    }

    .m-box a
    {
        text-decoration: none;
        color: #fcf7e3;
    }

    .press-orange
    {
        background-color: #a54b0c;
    }

    .press-brown
    {
        background-color: #281300;
    }

    .press-last
    {
        margin-right: 0px;
    }

    .large-parties
    {
        margin-top: 10px;
    }

    .location-information h4 {
        margin-top: 0px;
    }
    .location-information h4, .location-information a {
        color: #9e4f16;
    }

    .press-header-container {
        border: 1px solid #ead0af;
        background-color: #ead0af;
        color: #2c1300;
        text-transform: uppercase;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .location-state-container {
        border: 1px solid #ead0af;
		background-color: #ead0af;
        /*background: url('/assets/images/locations_glare.png') #ead0af repeat-x top left;*/
        color:#2c1300;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .location-state-container .expand-button {
        background-color: #ead0af;
        color: #c98234;
        font-size: 50px;
        float: right;
    }
    
    .location-state-header {
        float: left;
        margin: 0px 5px;
    }

    .press-header
    {
        float: left;
        margin: 0px 30px;
    }

    .location-buttons {
        list-style:none;
        margin: 0px;
        text-align: center;
        width: 130px;
    }
    .location-buttons li {
        margin-bottom: 5px;
    }
    .location-buttons li a {
        text-decoration: none ! important;
    }
    .location-buttons .banquet-menu, .location-buttons .banquet-menu a {
        background-color: #2c1300;
        color: #fcf7e3;
    }
    .location-buttons .order-online, .location-buttons .order-online a {
        background-color: #e6a622;
        color: #2c1300 ! important;
    }
    .location-buttons .red-bg, .location-buttons .red-bg a {
        color: #fcf7e3;
        background-color: #8f1601;        
    }
    .location-distance
    {
        margin-top: -12px;
    }
    .error-message-prompt 
    {
        color: #ff0000;
        padding: 20px 0px;
        text-align: center;
    }
    .directions-link 
    {
        display: block;
        margin-top: 10px;
    }
    .directions-link img 
    {
        margin-right: 5px 
    }
    
    /* gift card css rules */
    .large_red_button
    {
        background-color: #5C1300;
        color: #E7A624 !important;
        font-family: inherit;
        font-size: 20px;
        padding: 5px;
        text-transform: uppercase;
        border: solid 1px #5c1300;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-right: 20px;
    }
    .dark-yellow-text
    {
        color: #9E4F16;
    }
    .disclaimer-text
    {
        font-size: 13px;
        font-style: italic;
    }
    .giftcard-form fieldset > div
    {
        margin: 10px 0px;
    }
    .form-address-block
    {
        display: inline-block;
        width: 220px;
    }    
    .half-content
    {
        width: 50%;
        float: left;
    }
    .half-content.form-content
    {
        padding-left: 5%;
    }
    .half-content.left-content
    {
        border-right: 1px solid #000;
        padding-right: 15px;
        margin-right: 10px;
        width: 40%;
    }
    .half-input 
    {
        float: left;
    }
    .giftcard-body-container
    {
        margin-top: 40px;
    }
    .giftcard-body-container label, .red-text, #add-giftcard-button 
    {
        color: #5C1300;
    }
    .giftcard-body-container label
    {
        display: inline-block;
        float: left;
        font-size: 15px;
        margin-right: 13px;
        margin-top: 5px;
        text-align: right;
        width: 115px;
    }
    .giftcard-body-container input[type*="text"], .giftcard-body-container textarea 
    {
        width: 285px;
    }
    .giftcard-body-container .selectBox-dropdown .selectBox-arrow
    {
        background-color: #E7A624;
    }
    .giftcard-body-container .selectBox-dropdown
    {
        background: #fff !important;
        line-height: 1em;
    }
    .selectBox-options, .selectBox-options LI,  .selectBox-options LI A 
    {
        color: #000 !important;
    }
    .selectBox-dropdown
    {
        min-width: 0px !important;
    }
    .giftcard-body-container .state-select
    {
        width: 60px;
    }
    .giftcard-body-container .zip-info label
    {
        width: 45px;
    }
    .giftcard-body-container .zip-info input
    {
        width: 90px;
    }
    .large-plus
    {
        font-size: 25px;
    }
    .label-subtext
    {
        font-size: 12px;
    }

    div[id$='promo'].form-inline .form-group > * {
        float: none !important;
        margin: 0 0 0 15px;
    }
@media (max-width: 667px) {
    div[id$='promo'].form-inline .form-group {
        float: none;
    }

    div[id$='promo'].form-inline .form-group > * {
        margin: 5px 0px;
    }

    div[id$='promo'].form-inline .form-group label {
        float: left;
    }

    div[id$='promo'].form-inline .form-group .price_listing {
        float: right;
    }
}

    div[id$='promo'] {
        border-top: 1px solid #000;
        padding: 15px 0 0;
        margin: 15px 0 0;
    }

    div[id$='promo'].form-inline .form-group label {
        display: inline-block;
        color: #000;
        width: auto;
        font-size:16px;
    }

    div[id$='promo'].form-inline .form-group .price_listing {
        display: inline-block;
        width: auto;
    }

    input[id$='txtPromoCode'] {
        margin-left: 0 !important;
    }

    button[id$='btnRedeem'] {
        font-family: "MatrixIIRegLinRegular", "Times New Roman";
        background: #E7A624;
        border: solid 1px #BBB;
        color: #5C1300;
        border-radius: 4px;
        padding: 4px 6px;
    }
    
@media (min-width: 668px) and (max-width: 979px) {
    .location-information > * {
        float: left;
        margin-right: 8px;
    }
    .location-information > div {
        width: 170px;
    }
    .location-information {
        font-size: 12px;
        width: auto;
    }
    .location-address-info {
        width:162px;
    }
    /*gift card style */
    #add-giftcard-button
    {
        font-size: 13px;
    }
    .giftcard-body-container input[type*="text"], .giftcard-body-container textarea 
    {
        width: 200px;
    }
    .giftcard-body-container label
    {
        font-size: 14px;
    }
    .giftcard-body-container .zip-info input {
        width: 90px;
    }
    
    .giftcard-body-container .zip-info label {
        width: 35px;
    }
    .half-content.form-content {
        padding-left: 3%;
    }       
    
     .press-information > * {
        float: left;
        margin-right: 8px;
    }
    .press-information > div {
        width: 235px;
    }
    .press-information {
        font-size: 12px;
        width: 95%;
    }    
    .m-box
    {
        font-size: 17px;
        line-height: 1.2em;
    }
    .press-last
    {
        margin-right: 0px;
    }
}
@media (max-width: 667px) {
    
    .m-box
    {
        margin: 10px;
    }
    .press-information > * {
        float: left;
        margin-right: 0px;
    }
    .press-information > div {
        width: 100%;
    }
    .press-information {
        font-size: 12px;
        width: auto;
        margin: 0px;
    }    
    .m-box
    {
        font-size: 17px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }
    .press-last
    {
        margin-right: 0px;
    }
    .press-box
    {
        padding: 0px;
        margin-bottom: 10px;
    }
    
    #locations-list-container, .location-information {
        width: 100%;
    }
    .location-information > div {
        width: auto;
    }
    .location-address-info {
        width: 100%;
    }
    .location-information > * {
        float: none;
        margin: 0px;
        text-align: center;
    }
    .location-buttons {
        margin: 20px auto;
    }
    /* Gift card styles */
    .add-card-button {
        display: block;
        margin: 0 auto 20px;
    }
    .giftcard-body-container h2
    {
        font-size: 22px;
    }
    .giftcard-body-container h3
    {
        font-size: 18px;
    }
    .half-content
    {
        float: none !important;
        width:100% !important;
    }
    .half-content.left-content
    {
        text-align: center;
        border: none;
        margin-right: 0px;
        padding-right: 0px;
    }
    .half-content.form-content {
        padding-left: 0px;
    }
    
    .giftcard-body-container label 
    {
        float: none;
        width: 100%;
        text-align: center;
    }
    
    
    .giftcard-body-container input[type*="text"], .giftcard-body-container textarea, .giftcard-body-container select {
        width: 230px !important;
    }
    
    .giftcard-body-container .zip-info label {
        width: 100%;
    }
}

/* Mail order giftcard and tshirt styles*/

    #billing-info-iframe-container
    {
        height: 1000px;
        width: 763px;
        position: relative;
        overflow:hidden;
        margin: 0 auto;
    }
    #pc-form-message
    {
        color: #ff0000;
        display: none;
        text-align: center;
    }
    .giftcard-body-container label.error
    {
        display: none !important;
    }
    
    .giftcard-body-container label {
        width: 123px;
    }
    .error_text
    {
        color: #ff0000;
        font-size: 13px;
    }
    label 
    {
        cursor: default;
    }
    #add_giftcard_button, .remove_card_button
    {
        cursor: pointer;
    }
    .quantity_size_container
    {
        padding-left:80px;
    }
    .quantity_size_container > * 
    {
        float: left;
    }
    .quantity_size_container label
    {
        margin: 2px 10px;
        width: auto;
        float: none;        
    }
    .quantity_size_container .custom-dropdown
    {
        width: 100px;
    }
    .remove_card_button  
    {
        display: none;
        margin: 10px 0px; 
    }
    #remove_item_button
    {
        margin: 10px 0px;
    }
    .city_option_dropdown
    {
        margin-top: 12px;
    }
    .gender_option_dropdown
    {
        margin-top: 5px;
    }

    .intl-menu-item
    {
        display: none !important;
    }



    @media (min-width: 668px) and (max-width: 979px) 
    {

        #pc-form-message
        {
            display:block;
        }
        #billing-info-iframe-container
        {
            display:none;
        }
        #add_giftcard_button, .remove_card_button
        {
            float: none;
            display: block;
        }
        .giftcard-body-container label {
            width: 115px;
        }
        .quantity_size_container > * 
        {
            float: none;
        }
        .quantity_size_container > div
        {
            margin-top: 5px;
        }
        .quantity_size_container label
        {
            width: 115px;
            margin-left: 0px;
        }
        .quantity_size_container .custom-dropdown
        {
            width: 205px;
        }
        .quantity_size_container
        {
            padding-left:0px;
        }    

        .intl-menu-item
        {
            display: none !important;
        } 
    }
    @media (max-width: 667px) 
    {

        #pc-form-message
        {
            display:block;
        }
        #billing-info-iframe-container
        {
            display:none;
        }
        #add_giftcard_button, .remove_card_button
        {
            float: none;
            display: block;
        }
        .quantity_size_container label
        {
            margin: 10px 0px 5px;
        }
        .quantity_size_container label, .giftcard-body-container label
        {
            width:100%;
        }
        .quantity_size_container
        {
            padding-left:0px;
        }  
        .shopmore_link
        {
            float: none !important;
        }     
        
		.image_left
		{
			float: left;
			padding-right: 10px;
			text-align: center;
			width: 100%;	
		}

		.image_right
		{
			float: left;
			width: 100%;	
		}  
		
		#nike-content {
			height: 500px;
			width: 250px;
			left: 82%;
		}    
		
		#laptop-content {
			height: 500px;
			width: 250px;
			left: 82%;
		} 
		
		#polo-content {
			height: 500px;
			width: 250px;
			left: 82%;
		}   
		
		#pololadies-content {
			height: 500px;
			width: 250px;
			left: 82%;
		}    
		
		#cardigan-content {
			height: 500px;
			width: 250px;
			left: 82%;
		}        
        
        .intl-menu-item
        {
            display: block !important;
        } 
    }
    @media (min-width: 668px) {

      #speakup-grimaldis-vip-button-mobile {
        display: none;
      }
    }



@media (min-width: 1200px) and (max-width: 1749px) {
    .bx-viewport
    {
        height: 270px !important;       
    }

    .slide-inside {
        font-size: 17px;
        height: 270px !important;
        line-height: 1.1;
    }

}

@media (min-width: 1750px) {
    .bx-viewport
    {
        height: 400px !important;       
    }

    .slide-inside {
        font-size: 20px;
        height: 400px !important;
        line-height: 1.1;
    }

    .large
    {
        display: block;
    }

    .normal
    {
        display: none;
    }

}