body{
    float: none;
    font-size: 1em;
    line-height: 1.4em;
    font-family: open-sans;
}

h1{
   float: none;
    font-size: 2.1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1em;
    margin: 0px auto 18px;
    clear: none;
    min-height: 0px;
    font-family: arial;
    position: relative;
    top: 0px;
    left: 0px;
}

h2{
    float: none;
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: arial;
    color: #808184;
    font-weight: bold;
    margin: 0px auto 0px;
}

h3{
    float: none;
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: arial;
    color: #666;
    font-weight: bold;
}

h4{
    float: none;
    font-size: 1.3em;
    line-height: 1em;
    color: #808184;
    font-weight: bold;
    font-family: arial;
}

h5{
    float: none;
    font-size: 1.1em;
    line-height: 1.3em;
    font-family: arial;
    font-weight: bold;
    color: #808184;
}

h6{
    float: none;
    font-size: 0.8em;
    font-family: georgia;
    color: #000;
    margin: 10px 0;
    font-style: italic;
}

p{
    margin: 0px auto 18px;
    line-height: 1.4em;
}

a{
    color: #09F;
}

a:hover{
    color: #09F;
    text-decoration: underline;
}

.home-link{
    width: 20%;
    display: block;
    float: left;
    min-width: 170px;
    margin-left: 19px;
}

.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-image:url("../images/BG_Smoke_Smoke2.jpg");
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    font-family: arial;
    margin-top: 110px;
    padding-top: 15px;
    padding-bottom: 50px;
}

#Header {
    float: none;
    height: 110px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-width: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    margin-right: auto;
    background-color: rgb(0, 0, 0);
    margin-bottom: 12px;
    display: block;
    z-index: 1000;

    -webkit-box-shadow: 0 6px 10px -6px #ccc;
    -moz-box-shadow: 0 6px 10px -6px #ccc;
    box-shadow: 0 6px 10px -6px #ccc;
}

#Header_Box {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: auto;
    max-width: 1020px;
    margin-right: auto;
    position: relative;
    top: 0px;
    left: 0px;
}

#Logo_Smoke {
    float: left;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 25px;
    clear: none;
    color: rgb(0, 0, 0);
    display: block;
}

#TopNav {
    float: right;
    height: 40px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 420px;
    margin-right: 0px;
    padding-right: 20px;
}

#Careers_Comments_Text {
     float: right;
     font-size: 0.8em;
     width: auto;
     height: auto;
     text-align: left;
     font-weight: normal;
     line-height: 1em;
     margin-left: 0px;
     margin-top: 0px;
     clear: none;
     min-height: 0px;
     color: rgb(153, 153, 153);
     margin-right: 34px;
     font-family: arial;
 }

#Careers_Comments_Text a:link,
#Careers_Comments_Text a:visited{
    color: rgb(153, 153, 153);
}

#Careers_Comments_Text a:hover{
    color: #7DA1B6;
}


#Icon_ForkKnife_Sm {
    float: right;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: 14px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 12px;
}

#Order_Online_Text {
    float: right;
    font-size: 1em;
    width: 123px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 20px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 0px;
    display: block;
    z-index: 2;
    font-family: arial;
}



#Footer {
    float: none;
    /* height: 306px; */
    margin-left: auto;
    margin-top: 16px;
    clear: none;
    width: 100%;
    background-color: rgb(0, 0, 0);
    margin-right: auto;
    min-width: 0px;
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 1000;

    -webkit-box-shadow: 0 -6px 10px -6px #ccc;
    -moz-box-shadow: 0 -6px 10px -6px #ccc;
    box-shadow: 0 -6px 10px -6px #ccc;
}

#Footer_Box {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: auto;
    margin-right: auto;
    position: relative;
    top: 0px;
    left: 0px;
    max-width: 970px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#SignUp_Box {
    float: left;
    height: 44px;
    margin-left: 0px;
    margin-top: 8px;
    clear: none;
    width: 516px;
    margin-right: 0%;
    position: relative;
    top: 0px;
    left: 0px;
}

#Form_EmailSignupForm .Actions {
    display: inline-block;
}

#Form_EmailSignupForm label {
    display: none;
}

#Form_EmailSignupForm #EmailAddress input {
    width: 160px;
    height: 30px;
    border: 1px solid #666;
    border-radius: 0;
    -webkit-border-radius: 0;
}

#Form_EmailSignupForm .message.validation,
#Form_EmailSignupForm .message.required{
    position: absolute;
    left: 48%;
    top: -47px;
}

#Form_EmailSignupForm .Actions input[type="submit"] {
    margin-right: 0;
    text-transform: capitalize;
}

#Form_EmailSignupForm div.field {
    margin: 2px 0 15px 10px;
    width: auto;
}

#Form_EmailSignupForm fieldset {
    display: inline-block;
    float: left;
}

#Form_EmailSignupForm div.field .middleColumn {
    width: auto;
}

#Text_Sign_Up {
    float: left;
    font-size: 0.9em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 16px;
    clear: none;
    min-height: 0px;
    color: rgb(255, 255, 255);
}

#Text_Box {
    float: left;
    height: 30px;
    margin-left: 10px;
    margin-top: 7px;
    clear: none;
    width: 160px;
    margin-right: 0%;
    background-color: rgb(255, 255, 255);
    border-top-color: rgb(153, 153, 153);
    border-right-color: rgb(153, 153, 153);
    border-bottom-color: rgb(153, 153, 153);
    border-left-color: rgb(153, 153, 153);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

#Bt_SignUp,
#Form_EmailSignupForm_action_doEmailSignupForm {
    float: left;
    height: 30px;
    font-size: 0.9em;
    margin-left: 10px;
    margin-top: 7px;
    clear: none;
    width: 94px;
    background-color: rgb(125, 161, 182);
    color: rgb(255, 255, 255);
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: rgba(157, 172, 169, 0);
    border-right-color: rgba(157, 172, 169, 0);
    border-bottom-color: rgba(157, 172, 169, 0);
    border-left-color: rgba(157, 172, 169, 0);
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding-top: 3px;
    font-family: arial;
    box-shadow: rgb(255, 255, 255) 0px 0px inset;
}



#Bt_SignUp:hover,
#Form_EmailSignupForm_action_doEmailSignupForm:hover {
    background-color: rgb(234, 124, 27);
}

#Footer_Links:hover {
    color: rgb(153, 153, 153);
}

#Footer_Links a{
    float: right;
    font-size: 1em;
    line-height: 1em;
    margin: 0 0 0 10px;
}

#Footer_Links a:hover{
    color: rgb(255, 255, 255);
}

#Text_Menu:hover {
    color: rgb(125, 161, 182);
}

#Text_Locations:hover {
    color: rgb(125, 161, 182);
}

#Text_Catering:hover {
    color: rgb(125, 161, 182);
}

#Text_GiftCards:hover {
    color: rgb(125, 161, 182);
}

#Text_Company:hover {
    color: rgb(125, 161, 182);
}

#textspan {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#textspan:hover {
    color: rgb(125, 161, 182);
}

#textspan1 {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#textspan1:hover {
    color: rgb(125, 161, 182);
}

#Order_Online_Text:hover {
    color: rgb(125, 161, 182);
}

#Footer_Links {
    float: right;
    font-size: 0.7em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 24px;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    color: rgb(153, 153, 153);
    text-decoration: none;
    font-family: arial;
}

#Footer_Links a,#Footer_Links a:visited{
    color: #999
}

#Footer_Links a:hover{
    color: #fff
}



#box {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
}

#Main_Navigation {
    float: right;
    height: 20px;
    margin-left: 0px;
    margin-top: 20px;
    clear: right;
    width: 696px;
}


#Main_Navigation .app-icon {
    position: relative;
    top: -50px;
    z-index: 1;
}


#Main_Navigation ul{
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
}

#Main_Navigation ul li{
    float: left;

    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    font-family: contrail-one;
    color: #066;
    display: block;
    position: relative;
    top: -10px;
    left: 0px;
}

#Main_Navigation ul li.first{
    margin-left: 0%;
}

#Main_Navigation ul li a{
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.4em;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    color: #FFF;
    display: block;
    font-family: arial;
    padding: 10px 10px 0;
    margin: 10px 10px 0;
    display: block;
}

#Main_Navigation ul li:hover{

}

#Main_Navigation ul li a:hover{
    color: #7DA1B6;
    text-decoration: none;

}

#Main_Navigation ul li.spacer{
    float: left;
    font-size: 1.2em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-top: 6px;
    clear: none;
    min-height: 0px;
    font-family: contrail-one;
    color: #168286;
    margin-right: 0px;
    top:6px;
}

#Main_Navigation ul li.dropable:hover{
    background: #999;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    -moz-box-shadow:    0px 3px 9px 1px #000;
    -webkit-box-shadow: 0px 3px 9px 1px #000;
    box-shadow:         0px 3px 9px 1px #000;
}

#Main_Navigation ul li.dropable:hover a{
    background: #fff;
    color: #7DA1B6;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#Main_Navigation ul li.dropable a:hover{
    color: #7DA1B6;
    text-decoration: none;
}


#Main_Navigation ul li.dropable a:hover,#Main_Navigation ul li.dropable a.active{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #7DA1B6;
    background: #fff;
}

#Main_Navigation ul li:hover .dropdown-container{
    display:block
}


/* drop down */
#Main_Navigation ul li .dropdown-container{
    left: 0;
    position: absolute;
    z-index: 1000;
    border-left: solid 10px #999;
    border-right: solid 10px #999;
    border-bottom: solid 10px #999;
    display:none;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 150px;
    background: #fff;

    -moz-box-shadow:    0px 3px 9px 1px #000;
    -webkit-box-shadow: 0px 3px 9px 1px #000;
    box-shadow:         0px 3px 9px 1px #000;
    padding: 10px 0;
}

#Main_Navigation ul li .dropdown-container ul.dropdown{
    position: relative;
    background: #fff;
    text-align: left;
    float:none;
}

#Main_Navigation ul li .dropdown-container ul.dropdown li{
    float: none;
    border: none;
    text-align: left;
    line-height: 25px;
    display:block;
    width: auto;
    margin: 0;
    top:0;
}

#Main_Navigation ul li .dropdown-container ul.dropdown li:hover{
    background-color:  #7DA1B6;
}

#Main_Navigation ul li .dropdown-container ul.dropdown li a{
    color: rgb(78, 58, 43);
    font-size: 1em;
    padding: 0 6%;
    border:none;
    margin: 0;
}

#Main_Navigation ul li .dropdown-container ul.dropdown li:hover a{
    color: #fff;
    background-color: #7DA1B6;
}

#Main_Navigation ul li .dropdown-container ul.dropdown li a:hover{
    color: #fff;
    background-color: #7DA1B6;
    text-decoration: none;
}

#Text_Company {
    float: left;
    font-size: 1em;
    width: 57px;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 10%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    color: rgb(255, 255, 255);
    display: block;
    font-family: arial;
}

#Text_GiftCards {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 10%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    color: rgb(255, 255, 255);
    display: block;
    font-family: arial;
}

#Text_Catering {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 10%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    color: rgb(255, 255, 255);
    display: block;
    font-family: arial;
}

#Text_Locations {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 10%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    color: rgb(255, 255, 255);
    font-family: arial;
    display: block;
}

#textspan8 {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#Text_Menu {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: 0px;
    color: rgb(255, 255, 255);
    display: block;
    font-family: arial;
}

#image {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: -60.831801%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    display: none;
}

#Text_Sub_OrderOnline:hover {
    color: rgb(125, 161, 182);
}

#Text_Sub_OrderOnline {
    float: right;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -74.5px;
    clear: both;
    min-height: 0px;
    margin-right: 324.431818%;
    color: rgb(255, 255, 255);
    display: none;
}

#textspan2 {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#Text_Sub_PreperationMethods:hover {
    color: rgb(125, 161, 182);
}

#Text_Sub_PreperationMethods {
    float: right;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -74.5px;
    clear: both;
    min-height: 0px;
    margin-right: 324.431818%;
    color: rgb(255, 255, 255);
    display: none;
}

#textspan4 {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#Text_Sub_NutritionCalcultor:hover {
    color: rgb(125, 161, 182);
}

#Text_Sub_NutritionCalcultor {
    float: right;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -74.5px;
    clear: both;
    min-height: 0px;
    margin-right: 324.431818%;
    color: rgb(255, 255, 255);
    display: none;
}

#textspan5 {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#Text_Sub_Allergens:hover {
    color: rgb(125, 161, 182);
}

#Text_Sub_Allergens {
    float: right;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -74.5px;
    clear: both;
    min-height: 0px;
    margin-right: 324.431818%;
    color: rgb(255, 255, 255);
    display: none;
}

#textspan6 {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#Text_Sub_Allergens1:hover {
    color: rgb(125, 161, 182);
}

#Text_Sub_Allergens1 {
    float: right;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -74.5px;
    clear: both;
    min-height: 0px;
    margin-right: 324.431818%;
    color: rgb(255, 255, 255);
    display: none;
}

#textspan7 {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#Text_Sub_Ingredients:hover {
    color: rgb(125, 161, 182);
}

#Text_Sub_Ingredients {
    float: right;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -74.5px;
    clear: both;
    min-height: 0px;
    margin-right: 324.431818%;
    color: rgb(255, 255, 255);
    display: none;
}

#textspan3 {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#Text_Careers:hover {
    color: rgb(125, 161, 182);
}

#Text_Careers {
    float: right;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -74.5px;
    clear: both;
    min-height: 0px;
    margin-right: 1427.5px;
    color: rgb(255, 255, 255);
    display: none;
}

#Text_Comments:hover {
    color: rgb(125, 161, 182);
}

#Text_Comments {
    float: right;
    font-size: 1em;
    width: 100%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -74.5px;
    clear: both;
    min-height: 0px;
    margin-right: 1427.5px;
    color: rgb(255, 255, 255);
    display: none;
}

#Copyright {
    float: none;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: auto;
    margin-top: 10px;
    clear: none;
    min-height: 0px;
    max-width: 970px;
    margin-right: auto;
}

#textspan10 {
    color: #fff;
    float: none;
    font-size: 0.8em;
    line-height: 1em;
}

#Text_Yellow_Sub {
    float: none;
    font-size: 1.1em;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1.3em;
    margin-left: auto;
    margin-top: 21px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    color: rgb(102, 102, 102);
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 3;
    padding-right: 20px;
    padding-left: 20px;
    font-family: arial;
}

#textspan9 {
    float: none;
    font-size: 1em;
    line-height: 1em;
    font-family: open-sans;
}


/* FORM STYLES */

div.field{
    width: 50%;
    float: left;
    margin: 0 0 30px 0;
}

div.field .middleColumn{
    width: 85%;
    float: left;
}

div.field > label{
    float: left;
    width: 85%;
}

div.field .middleColumn ul{
    padding: 0;
    margin:0
}

div.field .middleColumn ul li{
    float:left;
    width: 50%;
    margin: 5px 0 0 0
}

div.field .middleColumn ul li input{
    float:left
}
div.field .middleColumn ul li label{
    float:left;
    margin: 0 0 0 4px;
}
div.field .middleColumn .text{
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ccc;
    padding: 6px 12px;
    position: relative;

}
div.field .middleColumn label.required{
    color: #ff0000;
    position: absolute;
}

.Actions input{
    float: left;
    height: 30px;
    font-size: 0.9em;
    margin-left: 10px;
    margin-top: 7px;
    clear: none;
    width: 94px;
    background-color: rgb(125, 161, 182);
    color: rgb(255, 255, 255);
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: rgba(157, 172, 169, 0);
    border-right-color: rgba(157, 172, 169, 0);
    border-bottom-color: rgba(157, 172, 169, 0);
    border-left-color: rgba(157, 172, 169, 0);
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding-top: 3px;
    font-family: arial;
    box-shadow: rgb(255, 255, 255) 0px 0px inset;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.Actions input:hover{
    background-color: rgb(234, 124, 27);
}

.FormHeading{
    float:left;
    width: 100%
}

/* trueq modal */
.trueq-modal {
    display: none;
    width: 785px;
    height: 615px;
    background: transparent;
    padding: 0;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.trueq-modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
}

/* END FORM STYLES */

@media only screen and (max-width: 1004px) {
    #SignUp_Box {
        /*display: none;*/
		width: 100%;
    }

    #Footer_Box {
        margin-left: 20px;
        margin-right: 20px;
        height: auto;
    }

    #Footer {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }

    #Main_Navigation ul li a{
        font-size: 0.75em;
        margin: 10px 0 0;
    }

    #Footer_Links {
        font-size: 0.8em;
        margin-left: 0px;
        margin-right: 0px;
        float: left;
        margin-top: 14px;
        clear: both;
		width: 100%;
		text-align: left;
    }
	#Footer_Links > p {
		width: auto;
		float: left;
		margin-left: -19px;
	}

    #Main_Navigation {
        width: 498px;
        margin-left: 0px;
        margin-right: 0px;
        float: right;
        margin-top: 20px;
        clear: right;
        max-width: none;
    }

    #Main_Navigation .app-icon {
        margin-left: 0%;
        top: -55px;
    }

    #image {
        display: none;
    }

    #Header_Box {
        max-width: none;
        width: 100%;
    }

    #Text_Sub_OrderOnline {
        display: none;
        margin-right: 201.612903%;
        margin-top: -75.5px;
        clear: both;
    }

    #Text_Menu {
        margin-left: 0%;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: none;
    }

    #Text_Sub_Ingredients {
        margin-right: 201.612903%;
        margin-top: -75.5px;
        clear: both;
    }

    #Text_Sub_PreperationMethods {
        margin-right: 201.612903%;
        margin-top: -75.5px;
        clear: both;
    }

    #Text_Sub_NutritionCalcultor {
        margin-right: 201.612903%;
        margin-top: -75.5px;
        clear: both;
    }

    #Text_Sub_Allergens {
        margin-right: 201.612903%;
        margin-top: -75.5px;
        clear: both;
    }

    #Text_Sub_Allergens1 {
        margin-right: 201.612903%;
        margin-top: -75.5px;
        clear: both;
    }

    #Text_Careers {
        margin-right: 1000px;
        margin-top: -75.5px;
        clear: both;
    }

    #Text_Comments {
        margin-right: 1000px;
        margin-top: -75.5px;
        clear: both;
    }

    #Text_Locations {
        margin-left: 10%;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: none;
    }

    #Text_Catering {
        margin-left: 10%;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: none;
    }

    #Text_GiftCards {
        margin-left: 10%;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: none;
    }

    #Text_Company {
        margin-left: 10%;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        clear: none;
    }

    #Order_Online_Text {
        margin-right: 0px;
    }

    #Copyright {
        margin-right: 20px;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 760px) {
    #TopNav {
        height: 40px;
    }

    #SignUp_Box {
        width: 100%;
    }

    #Footer_Links {
        font-size: 0.8em;
    }

    #Footer_Box {
        height: auto;
    }

   #Main_Navigation {
        width: 500px;
        max-width: none;
       margin-top:20px;
    }

    #Main_Navigation ul li a {
        margin: 10px 0 0;
    }

    #Text_GiftCards {
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        margin-left: 6%;
    }

    #Text_Catering {
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        margin-left: 6%;
    }

    #Text_Locations {
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        margin-left: 6%;
    }

    #Text_Menu {
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
        margin-left: 0%;
    }

    #image {
        display: none;
    }

    #Text_Sub_OrderOnline {
        margin-right: 5%;
        margin-top: 2px;
        clear: none;
        display: none;
    }

    #Text_Sub_PreperationMethods {
        margin-right: 5%;
        margin-top: 2px;
        clear: none;
    }

    #Text_Sub_NutritionCalcultor {
        margin-right: 5%;
        margin-top: 2px;
        clear: none;
    }

    #Text_Sub_Allergens {
        margin-right: 5%;
        margin-top: 2px;
        clear: none;
    }

    #Text_Sub_Allergens1 {
        margin-right: 5%;
        margin-top: 2px;
        clear: none;
    }

    #Text_Sub_Ingredients {
        margin-right: 5%;
        margin-top: 2px;
        clear: none;
    }

    #Order_Online_Text {
        margin-right: 0px;
    }

    #Text_Company {
        margin-left: 6%;
    }
}

@media only screen and (max-width: 735px) {
    #Man_Navigation{
        display: none;
    }
}

@media only screen and (max-width: 725px) {
    #Main_Navigation{
        display: none;
    }
    #TopNav{
        display: none;
    }
    #image {
        display: block;
        margin-right: 8%;
        margin-top: 46px;
        clear: none;
        margin-left: 0px;
        float: right;
    }


        #Logo_Smoke {
            width: auto;
            margin-top: 25px;
            margin-left: 19.984375px;
            clear: none;
        }

        #Careers_Comments_Text {
            display: none;
        }

        #SignUp_Box {
            height: auto;
            width: 100%;
        }

        #Bt_SignUp {
            margin-top: 13px;
            margin-left: 12px;
            clear: none;
            width: 94px;
            height: 30px;
            margin-right: 0%;
        }

        #Text_Box {
            margin-top: 13px;
            margin-right: 0%;
            margin-left: 0px;
            clear: both;
            width: 160px;
            height: 30px;
        }

        .primaryContainer {
            padding-bottom: 0;
        }

        #Footer {
            position: relative;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        #Header {
            width: 100%;
            height: auto;
            background-color: rgb(153, 153, 153);
            margin-left: auto;
            margin-right: auto;
            float: none;
            margin-top: 0px;
            clear: none;
            overflow-y: visible;
            overflow-x: visible;
        }

        #Footer_Box {
            height: auto;
        }

        #Footer_Links {
            margin-right: 0px;
            margin-top: 11px;
            clear: none;
            font-size: 0.8em;
        }

        #Main_Navigation {
            width: 100%;
            min-width: 0px;
            margin-right: auto;
            margin-top: 110px;
            clear: none;
            height: auto;
            display: block;
            margin-left: auto;
            float: none;
            position: relative;
            top: 0px;
            left: 0px;
        }

        #Main_Navigation .app-icon {
            top: 0;
        }

        #Text_Company {
            display: block;
            width: 100%;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 7%;
            background-color: rgb(51, 51, 51);
            margin-right: 0px;
            margin-left: 0px;
            clear: none;
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_GiftCards {
            display: block;
            margin-top: 1px;
            width: 100%;
            margin-right: 0px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 7%;
            background-color: rgb(51, 51, 51);
            clear: none;
            position: relative;
            top: 0px;
            left: 0px;
            margin-left: 0%;
            float: left;
        }

        #Text_Catering {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 7%;
            background-color: rgb(51, 51, 51);
            clear: none;
            margin-left: 0%;
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_Locations {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 7%;
            background-color: rgb(51, 51, 51);
            clear: none;
            margin-left: 0%;
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_Menu {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 7%;
            background-color: rgb(51, 51, 51);
            margin-left: 0%;
            clear: none;
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }


        #Header:hover {
            overflow-y: scroll;
           max-height: 600px;
        }

        #Header_Box {
            height: 110px;
            background-color: rgb(0, 0, 0);
            display: block;
            max-width: none;
            width: 100%;
            overflow-y: hidden;
            overflow-x: hidden;
        }

        #Text_Menu:hover {
            background-color: rgb(125, 161, 182);
            color: rgb(255, 255, 255);
        }

        #Text_Locations:hover {
            background-color: rgb(125, 161, 182);
            color: rgb(255, 255, 255);
        }

        #Text_Catering:hover {
            background-color: rgb(125, 161, 182);
            color: rgb(255, 255, 255);
        }

        #Text_GiftCards:hover {
            background-color: rgb(125, 161, 182);
            color: rgb(255, 255, 255);
        }

        #Text_Company:hover {
            background-color: rgb(125, 161, 182);
            color: rgb(255, 255, 255);
        }

        #Text_Sub_OrderOnline:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(125, 161, 182);
        }

        #Text_Sub_OrderOnline {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 12%;
            clear: none;
            margin-left: 0%;
            background-color: rgb(51, 51, 51);
            color: rgb(165, 166, 168);
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_Sub_PreperationMethods:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(125, 161, 182);
        }

        #Text_Sub_PreperationMethods {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 12%;
            clear: none;
            margin-left: 0%;
            background-color: rgb(51, 51, 51);
            color: rgb(165, 166, 168);
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_Sub_NutritionCalcultor:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(125, 161, 182);
        }

        #Text_Sub_NutritionCalcultor {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 12%;
            clear: none;
            margin-left: 0%;
            background-color: rgb(51, 51, 51);
            color: rgb(165, 166, 168);
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_Sub_Allergens:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(125, 161, 182);
        }

        #Text_Sub_Allergens {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 12%;
            clear: none;
            margin-left: 0%;
            background-color: rgb(51, 51, 51);
            color: rgb(165, 166, 168);
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_Sub_Allergens1:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(125, 161, 182);
        }

        #Text_Sub_Allergens1 {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 12%;
            clear: none;
            margin-left: 0%;
            background-color: rgb(51, 51, 51);
            color: rgb(165, 166, 168);
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_Sub_Ingredients:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(125, 161, 182);
        }

        #Text_Sub_Ingredients {
            display: block;
            width: 100%;
            margin-right: 0px;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 12%;
            clear: none;
            margin-left: 0%;
            color: rgb(165, 166, 168);
            background-color: rgb(51, 51, 51);
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_Careers:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(125, 161, 182);
        }

        #Text_Careers {
            display: block;
            width: 100%;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 7%;
            margin-right: 0px;
            margin-left: 0px;
            clear: none;
            background-color: rgb(51, 51, 51);
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Text_Comments:hover {
            color: rgb(255, 255, 255);
            background-color: rgb(125, 161, 182);
        }

        #Text_Comments {
            display: block;
            width: 100%;
            margin-top: 1px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 7%;
            margin-right: 0px;
            margin-left: 0px;
            clear: none;
            background-color: rgb(51, 51, 51);
            position: relative;
            top: 0px;
            left: 0px;
            float: left;
        }

        #Header_Box:hover {
            overflow-y: visible;
            overflow-x: visible;
            height: auto;
        }

        #Main_Navigation ul li {
            float:none;
            top:0
        }

        #Main_Navigation ul li a {
            font-size: 1em;
            width: auto;
            height: auto;
            text-align: left;
            font-weight: normal;
            line-height: 1.4em;
            clear: none;
            min-height: 0px;
            margin-right: 0px;
            color: #FFF;
            display: block;
            font-family: arial;
            padding: 10px;
            margin: 1px 0 0;
            display: block;
            background:rgb(51, 51, 51);
        }

        #Main_Navigation ul li a:hover{
            color: #fff;
            background: rgb(125, 161, 182);
        }

        #Main_Navigation ul li .dropdown-container{
            display:block;
            left: 0;
            position: relative;
            z-index: 1000;
            border-left: none;
            border-right: none;
            border-bottom: none;

            -webkit-border-bottom-right-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-bottomright: 0;
            -moz-border-radius-bottomleft: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            width: 100%;
            background: #000;

            -moz-box-shadow:    none;
            -webkit-box-shadow: none;
            box-shadow:         none;
            padding: 0;
        }

        #Main_Navigation ul li.dropable:hover{
            background: rgb(125, 161, 182);
            -webkit-border-top-left-radius: 0px;
            -webkit-border-top-right-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;

            -moz-box-shadow:    none;
            -webkit-box-shadow: none;
            box-shadow:         none;
        }

        #Main_Navigation ul li.dropable:hover a{
            background: rgb(125, 161, 182);
            color: #fff;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-top-right-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        #Main_Navigation ul li.dropable a:hover,#Main_Navigation ul li.dropable a.active{
            -webkit-border-top-left-radius: 0px;
            -webkit-border-top-right-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            color: #fff;
            background: background:rgb(51, 51, 51);
        }


        #Main_Navigation ul li .dropdown-container ul.dropdown{
            position: relative;
            background: #000;
            text-align: left;
            float:none;
        }

        #Main_Navigation ul li .dropdown-container ul.dropdown li{
            float: none;
            border: none;
            text-align: left;
            line-height: 25px;
            display:block;
            width: auto;
            margin: 1px 0 0 0;
            top:0;
        }

        #Main_Navigation ul li .dropdown-container ul.dropdown li:hover{
            background-color:  rgb(125, 161, 182);
        }

        #Main_Navigation ul li .dropdown-container ul.dropdown li a{
            color: rgb(165, 166, 168);
            font-size: 1em;
            padding: 10px 6%;
            border:none;
            margin: 0;
        }

        #Main_Navigation ul li:hover .dropdown-container ul.dropdown li,
        #Main_Navigation ul li:hover .dropdown-container ul.dropdown li a,
        #Main_Navigation ul li a:hover .dropdown-container ul.dropdown li,
        #Main_Navigation ul li a:hover .dropdown-container ul.dropdown li a{
            background-color: rgb(51, 51, 51);
        }

        #Main_Navigation ul li .dropdown-container ul.dropdown li:hover a{
            color: #fff;
            background-color: rgb(125, 161, 182);
        }

        #Main_Navigation ul li .dropdown-container ul.dropdown li a:hover{
            color: #fff;
            background-color: rgb(125, 161, 182);
            text-decoration: none;
        }


}



@media only screen and (max-width: 700px){
	form#Form_EmailSignupForm > fieldset {
		width: auto !important;
	}
}

@media only screen and (max-width: 650px){
    div.field{
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
    }

    #TopNav {
        height: 40px;
        display: none;
        width: 100%;
    }

    #Main_Navigation{
        display: none;
    }

    div.field .middleColumn{
        width: 100%;
    }

    div.field > label{
        float: left;
        width: 100%;
    }
}


@media only screen and (max-width: 580px) {
   #TopNav {
        display: none;
        width: 100%;
    }

    #Text_Sign_Up {
        font-size: 0.9em;
    }

    #SignUp_Box {
        width: 100%;
    }

    #Footer_Links {
        font-size: 0.8em;
        line-height: 1.6em;
    }

    #Footer_Box {
        height: auto;
    }

    #image {
        margin-right: 8%;
    }

    #Header_Box {
        height: 110px;
        display: block;
        max-width: none;
    }

    #Main_Navigation {
        margin-top: 110px;
        height: auto;
        display: block;
    }

    #Header {
        height: auto;
    }

    #Text_Sub_OrderOnline {
        width: 100%;
        margin-top: 1px;
        margin-right: 0%;
        margin-left: 0px;
        clear: both;
        color: rgb(165, 166, 168);
    }

    #Text_GiftCards {
        margin-right: 0%;
        margin-top: 1px;
        clear: both;
        width: 100%;
    }

    #Text_Catering {
        margin-right: 0%;
        margin-top: 1px;
        clear: both;
        width: 100%;
    }

    #Text_Locations {
        margin-right: 0%;
        margin-top: 1px;
        clear: both;
        width: 100%;
    }

    #Text_Menu {
        width: 100%;
    }

    #Text_Company {
        margin-right: 0px;
        margin-top: 1px;
        clear: right;
    }

    #Text_Sub_PreperationMethods {
        width: 100%;
        margin-top: 1px;
        margin-right: 0%;
        margin-left: 0px;
        clear: both;
    }

    #Text_Sub_NutritionCalcultor {
        width: 100%;
        margin-top: 1px;
        margin-right: 0%;
        margin-left: 0px;
        clear: both;
    }

    #Text_Sub_Allergens {
        width: 100%;
        margin-top: 1px;
        margin-right: 0%;
        margin-left: 0px;
        clear: both;
    }

    #Text_Sub_Allergens1 {
        width: 100%;
        margin-top: 1px;
        margin-right: 0%;
        margin-left: 0px;
        clear: both;
    }

    #Text_Sub_Ingredients {
        width: 100%;
        margin-top: 1px;
        margin-right: 0%;
        margin-left: 0px;
        clear: both;
        color: rgb(165, 166, 168);
    }

    #Text_Careers {
        margin-right: 0px;
        margin-top: 1px;
        clear: right;
    }

    #Text_Comments {
        margin-right: 0px;
        margin-top: 1px;
        clear: both;
        padding-left: 7%;
        margin-left: 0%;
    }
}

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

}