@charset "utf-8";


/* ------ Begin Jim Code 150809     ------ */


input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}

input[type=checkbox] {
 width: 44px; height: 44px;
 -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
 border: 1px solid #bbb;
}

button[type=submit] {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 1.5em 0;
 font-size: 1em; line-height: 2.5em;
 color: #333;
 font-weight: bold;
 height: 2.5em; width: 100%;
 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
.Underline {
	text-decoration: underline;
}

input[type=range] {
 width: 90%;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 44px; height: 44px;
  background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
  border: 1px solid #bbb;
  -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
}
a:active
{
color:#FF0000
}
a:visited
{
color:#0000FF
}
a:link 
{
color: #0000FF
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

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

.menu-item-with-margin {
	text-align: left;
	margin: 35px;
}

.Left-with-Pad {
	text-align: left;
	padding: 20px;
	margin: 20px;
}

.menu-item {
	text-align: left;
	font-size: 25px;
}

.menu-item-description {
	text-align: left;
	font-size: 15px;
}
.menu-item-red {
	text-align: left;
	font-size: 25px;
	color: rgb(255,0,0);
}
.menu-item-description-red {
	text-align: left;
	font-size: 15px;
	color: rgb(255,0,0);
}

.red {
	color: rgb(255,0,0);
}

.left-w-margin {
	text-align: left;
	margin: 40px;
}

.left-w-margin-60LR {
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: table;
	float: none;
	padding-right: 60px;
	padding-left: 60px;
}


.font-16 {
	text-align: left;
	font-size: 16px;
}

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

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

.font-impact-18-Center Red {
	font-family: Impact, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: rgb(255,0,0);
	text-align: center;
}
.font-impact-18-Center {
	font-family: Impact, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}

.font-impact-24-Center {
	font-family: Impact, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}
.font-18-Left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}

.font-18-left-w-margin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	margin: 15px;
	padding: 15px;
}
.font-20-center {
	text-align: center;
	font-size: 20px;
}

.font-20-left {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 20px;
	margin: 5px;
}

.font-20-bold {
	font-size: 20px;
	font-weight: bold;
}



.font-22-left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-align: left;
}

.font-22-bold {
	font-size: 22px;
	font-weight: bold;
}



.font-40-left-w-margin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: normal;
	text-align: left;
	margin: 15px;
	padding: 15px;
}

.font-22-center-w-margin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin: 15px;
	padding: 15px;
}
.font-22-left-w-margin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-align: left;
	margin: 15px;
	padding: 15px;
}
.font-24-center {
	text-align: center;
	font-size: 24px;
}

.font-24-bold {
	font-size: 24px;
	font-weight: bold;
}

.font-36-bold {
	font-size: 36px;
	font-weight: bold;
}

.font-48-bold {
	font-size: 48px;
	font-weight: bold;
}

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



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

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

.font-impact-36-Center {
	font-family: Impact, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
	line-height: 93%;
}

.font-impact-48-Center {
	font-family: Impact, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: normal;
	text-align: center;
	line-height: 91%;
}
.font-impact-72-Center {
	font-family: Impact, Helvetica, sans-serif;
	font-size: 72px;
	font-weight: normal;
	text-align: center;
	line-height: 90%;
}
.font-bradly-hand-18-Center {
	font-family: Bradley Hand, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 95%;
}

.font-bradly-hand-24-Center {
	font-family: Bradley Hand, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	line-height: 95%;
}

.font-bradly-hand-36-Center {
	font-family: Bradley Hand, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
	line-height: 95%;
}

.font-bradly-hand-48-Center {
	font-family: Bradley Hand, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: normal;
	text-align: center;
	line-height: 95%;
}

.font-bradly-hand-72-Center {
	font-family: Bradley Hand, Helvetica, sans-serif;
	font-size: 72px;
	font-weight: normal;
	text-align: center;
	line-height: 95%;
}



/* ----- End Matrix Pvt Ltd. 150809 

.menu-item {
text-align: left;
font-size: 16px;
}

.menu-item-description {
text-align: left;
font-size: 14px;
}

------ */


.category-title {
font-size: 30px;
font-weight: bold;
}

.large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	text-align: center;
	font-weight: bolder;
}


.x-large {
	font-size: x-large;
}

.xx-large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	text-align: center;
	font-weight: bolder;
}
.x-large-Left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bolder;
}

.xx-large-Left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: bolder;
}


.TDC {
	text-align: center;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(tile.jpg);
	text-align: center;
	font-size: 18px;
	background-color: rgb(255,255,255);
}

/* ------ Some Grroming codes for more feel good Your mobile Version

td {
text-align: center;
font-size: 14px;
}

 ----------   Commented out 1/31/16  */


/* ----- End Matrix Pvt Ltd. 150809------ */

td {
	text-align: center;
	font-size: 18px;
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.price {
	font-size: 20px;
}
.price-red {
	font-size: 20px;
	color: rgb(255,0,0);
}

.Red {
	color: rgb(255,0,0);
}
.font-red-center-30 {
	font-size: 30px;
	color: #F00;
	text-align: center;
	font-variant: normal;
}

.strike-thru {
	text-decoration: line-through;
}
.white-6 {
	font-size: 12px;
	color: rgb(255,255,255);
	a:active
{
color:#FF0000
}
a:visited
{
color:#0000FF
}
a:link 
{
color: #0000FF
}

}
.red-background-white-letters {
	color: rgb(255,255,255);
	background-color: rgb(255,0,0);
}
.GreenFont {
	color: #090;
	font-weight: bold;
}
/* ------ End Jim Code 150809     ------ */

/*----------- Updated version Matrix Code 150809 ------- */

@charset "utf-8";

/*----- media Qwery this css code only run for PC And Tablet version not in mobile -------*/

/*----- Syntax <TABLE class="t00" BORDER="1" ALIGN="center" cellpadding=5>  -------*/

table {
width: 60% !important; /* ------------ Provide 60% width to table on PC ------- */
}

/* ------------ t00 = Wide Enough to fit content!  All others are a percentage of the screen.  ------- */

table.t00 {
width: initial !important;
}


/*---- this code will work for the class with width 30% ---*/
table.t20 {
width: 20%!important;
}

/*---- this code will work for the class with width 30% ---*/
table.t30 {
width: 30%!important;
}

/*---- this code will work for the class with width 40% ---*/
table.t40 {
width: 40%!important;
}

/*---- this code will work for the class with width 50% ---*/
table.t50 {
width: 50% !important;
}

/*---- this code will work for the class with width 60% ---*/
table.t60 {
width: 60% !important;
}
table.t60-left {
width: 60% !important;
text-align: left;
}

/*---- this code will work for the class with width 70% ---*/
table.t70 {
width: 70% !important;
}

/*---- this code will work for the class with width 80% ---*/
table.t80 {
width: 80% !important;
}

/*---- this code will work for the class with width 90% ---*/
table.t90 {
width: 90% !important;
}

/*---- this code will work for the class with width 100% ---*/
table.t100 {
width: 100% !important;
}



/* -------- This Code Provide More grooming look for your mobile version ----- */

 @media (max-width:767px){ 

table,
table.t00,
table.t20,
table.t30,
table.t40,
table.t50,
table.t60,
table.t70,	
table.t80,
table.t90,
table.t100 {
width: 100% !important; /* -------- Provide 100% width to All Tables on Mobile versions's ----- */

/* -------- 
table-layout:fixed;
Commented out 1/31/16
*/
}

textarea,input{
max-width:100%;
}

blockquote{
	margin: 0px;
}

iframe{
max-width:100%;
}

/* ------ Some Grroming codes for more feel good Your mobile Version ---------- */

.price {
font-size: 13px;
}

td {
text-align: center;
font-size: 14px;
}

.menu-item {
text-align: left;
font-size: 16px;
}

.menu-item-description {
text-align: left;
font-size: 14px;
}

.menu-item-red {
	text-align: left;
	font-size: 16px;
}	color: rgb(255,0,0);


.menu-item-description-red {
	text-align: left;
	font-size: 14px;
	color: rgb(255,0,0);
}


.category-title {
font-size: 23px;
font-weight: bold;
}

}.CenterIt {
	text-align: center;
}

/* ------ Begin Jim Code 210120     ------ */


<style type="text/css">
  table          {border:ridge 5px red;}
  table td       {border:inset 1px #000;}
  table tr#ROW1  {background-color:red; color:white;}
  table tr#ROW2  {background-color:white;}
  table tr#ROW3  {background-color:blue; color:white;}
  table td#BLUEBACK {border:inset 4px red; background-color:WHITE;}
</style>