/***************************RESET***************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

/***************************html***************************/
html {
}

/***************************body***************************/
body {
margin: 0px; 
padding: 0px;
background-color: #ffffff;
font-family: 'Quattrocento Sans', sans-serif;
background-image: url("/files/murder-mystery-bg.gif");
background-size: auto auto;
background-position: center top;
background-position-y: 30px;
background-repeat: repeat-x;
}

/***************************images***************************/
img {
    height: auto;
    width: auto;
    max-width: 100%;
}

/***************************youtube***************************/
.yt {
max-width: 400px;
max-height: 400px;
top: 0; right: 0;
position: relative;
bottom: 0; left: 0;
margin: auto;
}

/***************************header tags***************************/
h1 {
font-size: 28px;
font-family: 'Cinzel', serif;
line-height: 110%;
color: #494949;
}

h2 {
font-size: 24px;
font-family: 'Cinzel', serif;
line-height: 110%;
color: #494949;
margin-bottom: 10px;
margin-top: 10px;
}

h3 {
font-size: 22px;
font-family: 'Cinzel', serif;
line-height: 110%;
color: #b30000;
margin-bottom: 10px;
margin-top: 10px;
}

h4 {
font-size: 22px;
font-family: 'Cinzel', serif;
line-height: 110%;
color: #494949;
margin-bottom: 10px;
margin-top: 10px;
}

h5 {
font-size: 22px;
font-family: 'Cinzel', serif;
line-height: 110%;
color: #494949;
margin-bottom: 10px;
margin-top: 10px;
}

h6 {
font-size: 22px;
font-family: 'Cinzel', serif;
line-height: 110%;
color: #494949;
margin-bottom: 10px;
margin-top: 10px;
}

/***************************links***************************/
a:link {
font-size: 22px;
color: #2776cd;
text-decoration: none;
font-family: 'Quattrocento Sans', sans-serif;
}

a:hover {
font-size: 22px;
color: #000000  !important;
text-decoration: underline;
}

a:visited {
font-size: 22px;
color: #2776cd;
text-decoration: none;
font-family: 'Quattrocento Sans', sans-serif;
}

/***************************blog***************************/
.blog_title {
margin-bottom: 5px;
border-bottom: 1px dashed #a8a8a8;
overflow: hidden;
}

.blog_page_title a:link {
font-size: 22px;
color: #2776cd;
text-decoration: none;
font-style: italic;
font-family: 'Quattrocento Sans', sans-serif;
}

.blog_page_title a:hover {
font-size: 22px;
color: #000000  !important;
text-decoration: underline;
font-style: italic;
}

.blog_page_title a:visited {
font-size: 22px;
color: #2776cd;
text-decoration: none;
font-style: italic;
font-family: 'Quattrocento Sans', sans-serif;
}

.blog_page_title {
margin: 0px 0px 5px 0px;
padding: 10px 0px 0px 0px;
}

.blog_date {
padding: 5px 0px 5px 0px;
color: #a8a8a8;
}

.blog_item {
margin-bottom: 5px;
border-bottom: 1px dashed #a8a8a8;
overflow: hidden;
}

/***************************paragraph***************************/
p {
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
padding-bottom: 13px;
line-height: 110%;
color: #3B3738;
}

/***************************unordered lists***************************/
ul {
list-style: disc inside none;
padding: 0px 0px 5px 0px;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
line-height: 150%;
color: #3B3738;
}

ul > li {
list-style: none inside none;
margin-left: 5px;
padding: 5px 0px 3px 0px;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
font-weight: bold;
}

ul > li > ul > li {
list-style: disc inside none;
margin-left: 15px;
padding: 0px 0px 3px 0px;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
font-weight: normal;
}

ul > li > ul > li > ul > li {
list-style: circle inside none;
margin-left: 18px;
padding: 0px 0px 3px 0px;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
font-weight: normal;
}

/***************************ordered lists***************************/
ol {
list-style-position: inside;
list-style-type: decimal;
padding: 0px 0px 5px 0px;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
line-height: 150%;
color: #3B3738;
}

ol > li {
margin-left: 20px;
}

ol > li::before {
content: "";
width: 20px;
display: inline-block;
}

/***************************superscript***************************/
sup { 
    vertical-align: super;
    font-size: smaller;
}

/***************************fields***************************/
input[type=text], [type=password] {
height: 20px;
padding: 2px;
width: 100%;
border: 1px solid #dddddd;
font-size: 22px;
}

input[type=text]:hover, [type=password]:hover {
border: 1px solid red;
}

input[type=radio] {
border: 1px solid red;
font-size: 22px;
}

input[type=radio]:hover {
border: 1px solid red;
font-size: 22px;
}

select {
height: 25px;
border: 1px solid #dddddd;
font-size: 22px;
}

select:hover {
border: 1px solid red;
}

textarea {
height: 75px;
padding: 5px;
border: 1px solid #dddddd;
width: 96%;
font-size: 22px;
}

textarea:hover {
border: 1px solid red;
}

.form_label {
float:left;
width:30%;
padding: 1%;
text-align: left;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
}

.form_label_long {
float:left;
width:100%;
padding: 1%;
text-align: left;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
}

.form_input {
float:left;
width:65%;
padding: 1%;
}

.form_input_long {
float:left;
width:95%;
padding: 1%;
}

/***************************buttons***************************/
.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #C63D0F;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 28px;
  width: 120px;
  padding: 5px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

.addtocart {
  display: inline-block;
  border-radius: 4px;
  background-color: #C63D0F;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 3px;
  cursor: pointer;
  margin: 5px;
}

.addtocart:hover {
  background-color: #000000;
  color: #ffffff;
}

.remove_cart {
 display: inline-block;
 content: 'Remove';
  border-radius: 4px;
  background-color: #C63D0F;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 3px;
  cursor: pointer;
  margin: 5px;
}

.remove_cart:after {
  content: 'Remove';
  }
  
.remove_cart:hover {
  background-color: #000000;
  color: #FFFFFF;
}

#payment_buttons {
text-align: center;
width:100%;
}

.payment_buttons {
display: inline-block;
  border-radius: 4px;
  background-color: #C63D0F;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  padding: 10px;
  cursor: pointer;
  margin: 0px 10px 10px 10px;
  }

.payment_buttons:hover {
  background-color: #000000;
  color: #ffffff;
}

/***************************site title***************************/
#site_title {
padding: 5px;
z-index: 100;
height: 100%;
}

#site_title a:link {
color: #dddddd;
font-family: 'Quattrocento Sans', sans-serif; 
text-decoration: none;
font-size: 36px;
font-weight: bold;
}

#site_title a:hover {
color: #FDF3E7;
font-family: 'Quattrocento Sans', sans-serif; 
text-decoration: none;
font-size: 36px;
font-weight: bold;
}

#site_title a:visited {
color: #ffffff;
font-family: 'Quattrocento Sans', sans-serif; 
text-decoration: none;
font-size: 36px;
font-weight: bold;
}

#site_title a:active {
color: ffffff;
font-family: 'Quattrocento Sans', sans-serif; 
text-decoration: none;
font-size: 36px;
font-weight: bold;
}

#site_title:hover a{
color: #000000;
-webkit-transition: color 0.5s ease-in 0s;
-moz-transition: color 0.5s ease-in 0s;
-o-transition: color 0.5s ease-in 0s;
transition: color 0.5s ease-in 0s;
}

/***************************top navigation***************************/
#top_navigation {
position: fixed;
width:100%; 
height:30px;
font-family: font-family: 'Quattrocento Sans', sans-serif; 
font-size:12px; 
margin-top: 0px;
background-color: #000000;
z-index: 100;
}

#banner {
margin-top: -4px;
}

/***************************uselful divs***************************/
.inline {
display: inline-block;
}

.center {
vertical-align: text-top;
text-align: center;
margin: auto;
}

#col2 {
float: right;
border: 1px solid #494949; 
width: 250px; 
height: 100%; 
padding: 5px; 
text-align: center;
margin-bottom: 40px;
margin-left: 10px;
}

/***************************small image***************************/
.small_image {
border-radius: 20px;
display: inline-block;
margin: 2px 2px 2px 2px;
}

.small_image a{
font-size: 22px;
line-height: 22px;
}

/***************************main page***************************/
#main_page {
margin: auto; 
width:90%; 
font-family: 'Quattrocento Sans', sans-serif; 
font-size:22px; 
padding: 10px;
margin-top: 1px;
margin-bottom: 80px;
border: 1px solid #494949;
background-color: #ffffff;
}

/***************************breadcrumb***************************/
#breadcrumb {
padding-top: 5px;
margin-top: 0px;
padding-bottom: 5px;
font-size: 12px;
}

#breadcrumb a:link {
font-family: 'Quattrocento Sans', sans-serif; 
font-size:12px; 
text-decoration: none;
}

#breadcrumb a:hover {
font-family: 'Quattrocento Sans', sans-serif; 
font-size:12px; 
text-decoration: underline;
}

#breadcrumb a:visited {
font-family: 'Quattrocento Sans', sans-serif; 
font-size:12px; 
text-decoration: none;
}

#breadcrumb a:active {
font-family: 'Quattrocento Sans', sans-serif; 
font-size:12px; 
text-decoration: none;
}

/***************************author***************************/
#author{
font-family: 'Quattrocento Sans', sans-serif;
font-size: 12px; 
}

/***************************social***************************/
#social_pages {
position: fixed;
top: 320px;
left: 0px;
z-index: 100000;
}

#emailfriend {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
border: solid white;
border-width: 4px 4px 0px 4px;
width: 40px; 
height: 40px; 
line-height: 40px;
font-size: 30px; 
color: white; 
text-align: center; 
vertical-align: middle;
background-color: #494949;
}

#facebook {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
border: solid white;
border-width: 4px 4px 0px 4px;
width: 40px; 
height: 40px; 
line-height: 40px;
font-size: 30px; 
color: white; 
text-align: center; 
vertical-align: middle;
background-color: #4267B2;
}

#facebook a:link {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: none;
color: white; 
vertical-align: middle;
}

#facebook a:hover {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: underline;
color: white; 
}

#facebook a:visited {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 30px; 
text-decoration: none;
color: white; 
}

#facebook a:active {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px;  
text-decoration: none;
color: white; 
}

#pinterest {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
border: solid white;
border-width: 4px 4px 0px 4px;
width: 40px; 
height: 40px; 
line-height: 30px;
font-size: 30px; 
color: white; 
text-align: center; 
vertical-align: text-top;
background-color: #c8232c;
}

#pinterest a:link {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: none;
color: white; 
vertical-align: middle;
}

#pinterest a:hover {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: underline;
color: white; 
}

#pinterest a:visited {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 30px; 
text-decoration: none;
color: white; 
}

#pinterest a:active {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px;  
text-decoration: none;
color: white; 
}

#instagram {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
border: solid white;
border-width: 4px 4px 0px 4px;
width: 40px; 
height: 40px; 
line-height: 40px;
font-size: 30px; 
color: white; 
text-align: center; 
vertical-align: middle;
background-color: #C13584;
}

#instagram a:link {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: none;
color: white; 
vertical-align: middle;
}

#instagram a:hover {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: underline;
color: white; 
}

#instagram a:visited {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 30px; 
text-decoration: none;
color: white; 
}

#instagram a:active {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px;  
text-decoration: none;
color: white; 
}

#google {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
border: solid white;
border-width: 4px 4px 0px 4px;
width: 40px; 
height: 40px; 
line-height: 30px;
font-size: 30px; 
color: white; 
text-align: center; 
vertical-align: middle;
background-color: #34a853;
}

#google a:link {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: none;
color: white; 
vertical-align: middle;
}

#google a:hover {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: underline;
color: white; 
}

#google a:visited {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 30px; 
text-decoration: none;
color: white; 
}

#google a:active {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px;  
text-decoration: none;
color: white; 
}

#twitter {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
border: solid white; 
border-width: 4px 4px 0px 4px;
width: 40px; 
height: 40px; 
line-height: 40px;
font-size: 30px; 
color: white; 
text-align: center; 
vertical-align: middle;
background-color: #55acee;
}

#twitter a:link {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: none;
color: white; 
vertical-align: middle;
}

#twitter a:hover {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px; 
text-decoration: underline;
color: white; 
}

#twitter a:visited {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 30px; 
text-decoration: none;
color: white; 
}

#twitter a:active {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
font-size: 30px;  
text-decoration: none;
color: white; 
}

/***************************if logged in***************************/

#ifadminloggedin {
color: #ffffff;
position: fixed;
bottom: 0px;
z-index: 999;
height: 20px;
width: 100%;
padding: 5px;
background-color: #ff0000;
text-decoration: none;
font-size: 18px;
}

#ifadminloggedin a{
color: #ffffff;
font-size: 18px;
}

#payment_pending {
margin-top: -11px;
width: 100%; 
background-color: yellow; 
height: 31px; 
color: #494949; 
text-align: center; 
padding-top: 5px; 
font-size: 30px;
}

#payment_pending p {
color: black; 
font-size: 30px;
}

#payment_pending a {
color: black; 
font-size: 30px;
text-decoration: underline;
}

#payment_pending a:hover {
text-decoration: none;
}

/***************************contact form***************************/

.contactform{
	display:none;
	margin: auto;
	margin-bottom: 30px;
	width: 95%;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #494949;
	background-color: #FFF;
	z-index:101;
}
.contactform h1{
	border-bottom: 1px dashed #7F7F7F;
	background-color:#ffffff;
	color: #494949;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-khtml-border-top-right-radius: 5px;
}

/***************************horizontal menu***************************/
.menu_row {
text-align: center;
}

.menu_column {
display: inline-block;
border-radius: 4px;
height: 14px;
padding: 5px;
background-color: #000000;
text-align: center;
vertical-align: middle;
cursor: hand;
line-height: 14px;
margin: 2px;
border: 1px solid #ffffff;
}

.menu_column:hover {
background-color: #ffffff;
-webkit-transition: background-color 0.4s ease-in 0s;
-moz-transition: background-color 0.4s ease-in 0s;
-o-transition: background-color 0.4s ease-in 0s;
transition: background-color 0.4s ease-in 0s;
cursor: hand;
border: 1px solid #000000;
}

.menu_column a:link {
color: #ffffff;
font-family: 'Quattrocento Sans', sans-serif;
text-decoration: none;
font-size: 22px;
}

.menu_column a:hover {
color: #000000  !important;
font-family: 'Quattrocento Sans', sans-serif; 
text-decoration: none;
font-size: 22px;
}

.menu_column a:visited {
color: #ffffff;
font-family: 'Quattrocento Sans', sans-serif;
text-decoration: none;
font-size: 22px;
}

.menu_column a:active {
color: #ffffff;
font-family: 'Quattrocento Sans', sans-serif;
text-decoration: none;
font-size: 22px;
}

.menu_column:hover a{
color: #000000;
font-family: 'Quattrocento Sans', sans-serif;
text-decoration: none;
font-size: 22px;
}

/***************************menu area***************************/
.menu_div {
margin: 300px auto 0px auto;
padding: 0px 10px 0px 10px;
background-color: #000000;
border: 2px solid #494949;
width:90%; 
border-radius: 3px;
}

.menu_div_small {
margin: 50px auto 0px auto;
padding: 0px 10px 0px 10px;
background-color: #000000;
border: 2px solid #494949;
width:90%; 
border-radius: 3px;
}


/***************************product pages***************************/
.product_container {
width: 100%
vertical-align: top;
margin-bottom: 20px;
}

.product_variation {
width:72%;
float: left;
}

.product_variation_container {
width: 100%;
}

#product_variation th {
color: #ffffff;
font-family: 'Quattrocento Sans', sans-serif;
font-size: 20px;
background-color: #dddddd;
border: #dddddd solid 1px;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
padding: 2px;
height: 30px;
}

#product_variation tr {
border: #dddddd solid 1px;
border-collapse: collapse;
}

#product_variation td {
text-align: center;
vertical-align: middle;
padding: 4px 10px 2px 10px;
}

#small_cart {
text-align: right;
width: 100%;
z-index: 1000;
color: #ffffff;
margin-bottom: 2px;
font-size: 15px;
font-family: 'Quattrocento Sans', sans-serif;
margin-right: 20px; 
float:right; 
margin-top: -33px;
}

#small_cart a{
color: #ffffff;
font-size: 15px;
font-family: 'Quattrocento Sans', sans-serif;
}

#small_cart a:hover {
color: #dddddd !important;
}

.view_cart {
text-align: right;
margin-bottom: 10px;
margin-top: 15px;
}

#cart_display th {
color: #ffffff;
font-family: 'Quattrocento Sans', sans-serif;
font-size: 20px;
background-color: #dddddd;
border: #dddddd solid 1px;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
padding: 2px;
}

#cart_display tr {
border: #dddddd solid 1px;
border-collapse: collapse;
}

#cart_display td {
text-align: center;
vertical-align: middle;
padding: 10px;
margin-top: 20px;
}

#product_images {
width:20%;
margin: 0px 40px 0px 40px;
text-align: center;
float: left;
}

#product_images table{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 205px;
}

/***************************user page***************************/
.user_form {
vertical-align: top; 
height: auto; 
float: left; 
width: 45.5%;  
border: #e50000 1px solid; 
padding: 1%; 
margin: 10px 1% 10px 1%;
}

#personal_error_msg {
padding:5px;
border:#e50000 1px solid;
color:#e50000;
background-color:#ffe5e5;
width:95%; 
margin-bottom: 
5px;display:none;
}

.logged_in_email {
float:left;
width:65%;
padding: 1%;
text-align: left;
font-size: 15px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
}

.form_label_email {
float:left;
width:30%;
padding: 1%;
text-align: left;
font-size: 15px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
}

/***************************login page***************************/
.login {
vertical-align: text-top;
float: left;
width: 47%; 
height: auto; 
padding: 10px; 
}

#cust_login_error {
padding:5px;
border:#e50000 1px solid;
color:#e50000;
background-color:#ffe5e5;
width:95%; 
margin-bottom: 5px;
display:none;
}

.existing_login {
width: 100%; 
border:#e50000 1px solid; 
padding:5px;
}

.recover {
border:#e50000 1px solid; 
background-color:#ffe5e5;
padding:5px;
width: 100%; 
margin-top: 15px;
}

#fpw_msg {
padding:5px;
border:#324F17 1px solid;
color:#324F17;
background-color:#F0FFF0;
width:95%; 
margin-bottom: 5px;
display:none;
}

#fpw_error {
padding:5px;
border:#e50000 1px solid;
color:#e50000;
background-color:#ffffff;
width:95%; 
margin-bottom: 5px;
display:none;
} 

.create_container {
vertical-align: text-top;
float: right;
width: 47%; 
height: auto; 
padding: 10px; 
margin-right: 12px;
}

.create {
border:#e50000 1px solid; 
padding: 5px;
width: 100%; 
}

#cust_signup_error {
padding:5px;
border:#e50000 1px solid;
color:#e50000;
background-color:#ffe5e5;
width:95%; 
margin-bottom: 5px;
display:none;
}

.only_small_screen {
display: none;
}

/***************************customer details***************************/
.customer_details {
vertical-align: text-top;
display: inline-block;
width: 49%;
margin-top: 10px;
margin-left: 8px;
}

.svp1 {float: left; width: 45%; border-right: 1px solid green; padding: 15px;}

.svp2 {float: left; width: 45%; padding: 15px;}

.mmg {display:inline-block; width:30%; vertical-align:top; margin: 5px;}

.dinner {width: 20%; margin: 10px; display: inline-block; vertical-align: text-top; min-width: 350px;}
.dinner2 {width: 20%; margin: 10px; display: inline-block; vertical-align: text-top; min-width: 350px;}
.box {width: 800px; margin: auto;}	
/***************************small screen css***************************/
@media (max-width:990px){

/***************************body***************************/
body {

}

/***************************social pages***************************/

#social_pages {
display:none;
}

#instagram {
display:none;
}

#twitter {
display:none;
}

#pinterest {
display:none;
}

#google {
display:none;
}

/***************************useful divs***************************/
.hidden {
display: none;
}

#col2{
width: 90%;
margin: auto;
margin-bottom: 20px;
float: none;
}

.remove_cart:after {
content: 'Rem';
}

/***************************unordered lists***************************/
ul {
list-style: disc inside none;
padding: 0px 0px 5px 0px;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
line-height: 150%;
color: #3B3738;
}

ul > li {
list-style: none inside none;
margin-left: 5px;
padding: 5px 0px 3px 0px;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
font-weight: bold;
}

ul > li > ul > li {
list-style: disc inside none;
margin-left: 15px;
padding: 0px 0px 3px 0px;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
font-weight: normal;
}

ul > li > ul > li > ul > li {
list-style: circle inside none;
margin-left: 18px;
padding: 0px 0px 3px 0px;
font-size: 22px;
font-family: 'Quattrocento Sans', sans-serif;
color: #3B3738;
font-weight: normal;
}

/***************************ordered lists***************************/
ol {
font-size: 22px;
}

ol > li {
font-size: 22px;
}

ol > li::before {
font-size: 22px;
}


/***************************top navigation***************************/
#top_navigation {
vertical-align: top; 
height: 30px;
}

#banner {
height: 32px;
width: auto;
}

#site_title a:link {
font-size: 24px;
}

#site_title a:hover {
font-size: 24px;
}

#site_title a:visited {
font-size: 24px;
}

#site_title a:active {
font-size: 24px;
}

#site_title:hover a{
font-size: 24px;
}

#small_cart {
text-align: center;
font-size: 14px;
margin-right: 0px; 
float:none; 
margin-top: -32px;
}

#small_cart a{
font-size: 15px;
}

/***************************horizontal menu***************************/
.menu_row {
margin-top: 250px;
}

.menu_column {
padding: 15px 10px 15px 10px;
border-radius: 5px;
}

.menu_column:hover {
border: 1px solid #000000;
}

#main_page {
margin-top: 5px;
}

.menu_div_small {
margin: 67px auto 0px auto;
background-color: transparent;
border: none;
}

/***************************menu area***************************/
.menu_div {
margin: 67px auto 0px auto;
border: none;
background-color: transparent;
}

/***************************header tags***************************/
h1 {
font-size: 26px;
}

h2 {
font-size: 24px;
}

/***************************paragraph***************************/
p {
font-size: 24px;
}

/***************************contact us***************************/
.captcha_input_container {
margin-left: 0%;
}

/***************************product pages***************************/
.product_container {
width: 100%;
clear: both;
}

.product_variation {
clear:both;
width:100%;
margin-top: 10px;
margin-left: -2px;
}

#product_variation td {
padding: 2px;
}

#product_variation th {
padding: 2px;
font-size: 14px;
}

.product_variation_container {
margin-left: 0px;
width: 100%;
}

.product_container {
margin-left: 0px;
}

#cart_display th {
padding: 2px;
font-size: 14px;
}

#cart_display td {
padding: 3px;
margin-top: 1px;
}

#product_images {
width: 100%;
margin-left: 0px;
}

/***************************user page***************************/
.user_form {
width: 100%;  
margin-left: -5px;
margin-top: 5px;
margin-bottom: 5px;
}

.user_form h1{
font-size: 22px;
}

.form_label {
width:100%;
margin-top: 5px;
}

.form_input {
width: 95%;
}

/***************************login page***************************/
.login {
float: none;
width: 100%; 
padding: 1px;
margin-left: -7px;
}

.login h1{
font-size: 22px;
margin-bottom: 4px;
}

.recover h1{
font-size: 22px;
margin-bottom: 4px;
}

.create_container {
float: none;
width: 100%; 
padding: 1px;
margin-right: 0px;
margin-top: 15px;
margin-left: -7px;
}

.create h1{
font-size: 22px;
margin-bottom: 4px;
}

.only_small_screen {
display: block;
}

/***************************if logged in***************************/

#ifadminloggedin {
height: 40px;
}

.customer_details {
width: 100%;
margin-bottom: 15px;
}

#payment_pending {
margin-top: 7px;
height: 64px;
}

/***************************contact form***************************/
.contactform{
margin-left: -4px;
}

body {background-image: url("/files/murder-mystery-smallbg.gif");}

.svp1 {float: none; width: 95%; border-right: none; padding: 15px;}  .svp2 {float: none; width: 95%; padding: 15px; border-top: 1px solid green;}

.mmg {display: block; width:100%; vertical-align:top;}

.box {width: 100%; margin: 0px;}
.dinner2 {display:none;}	
}

@media print
   {
      #site_title {display: none !important; height: 0px;}
      #top_navigation {display: none !important; height: 0px;}      
      #menu_div {display: none !important; height: 0px;}
      #menu_row {display: none !important; height: 0px;}
      .menu_column {display: none !important; height: 0px;}
      #main_page {top: 0px; position: absolute; width: 97%;}
      #breadcrumb {display: none !important; height: 0px;}
      #social {display: none !important; height: 0px;}
      .pageeditform {display: none !important; height: 0px;}
      .noprint {display: none !important; height: 0px;}
      .customer_details {width: 48%;}
      ul {padding: 1px 1px 1px 1px; line-height: 14px;}
      ul > li {font-size: 12px; padding: 1px 1px 1px 1px; line-height: 14px;}
      ul > li > ul > li {font-size: 12px; padding: 1px 1px 1px 1px; line-height: 14px;}
      p {font-size: 12px;}
      a {font-size: 12px;}
      td {font-size: 12px;}
      ul>li>ul>li a {font-size: 12px;}
      .payment_options {margin-top: 2px;}
      #emailfriend {display: none !important; height: 0px;}
      #twitter {display: none !important; height: 0px;}
      #facebook {display: none !important; height: 0px;}
      #ifadminloggedin {display: none !important; height: 0px;}
      #bank {display: block !important; margin-top: 5px;}
   }