body {
    font-family :'Open Sans', Tahoma , Helvetica;
    font-size:14px;
    -webkit-font-smoothing: antialiased !important ;
    /*text-shadow: 0 0 1px rgba(0, 0, 0,0.3);*/
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    font-weight :400;
    margin:0;
    padding:0;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, ui-widget button{

}
#divSMQHeader{
    background-color:#363636;
    position:relative ;
    top:0;
    left:0;
    right:0;
    vertical-align:middle;
    padding:5px;
}
#divSMQCheckOutFooter{
    color:white;
    background-color:#363636;
    text-align:center ;
    padding:5px;
    width:805px;
}
.divMainWrapper{
    position:absolute ;
    width:100%;
    /*height :100%;*/
    z-index :0;
    top:40px;
    left :0;
    margin:0;
    right:0;
}
.divMainContent{
    position :relative ;
    top: 0px;
    margin:0px auto;
    width:830px;
    z-index :1;
    background-color:white;
    padding:20px;
  /*  -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow:2px 2px 10px 3px black;   
    -moz-box-shadow: 2px 2px 10px 3px black;
    box-shadow: 2px 2px 10px 3px black; */
}
#smq_plus{
    /*position:fixed ;
    bottom: 5px;
    right:5px;
    z-index:20000;
    vertical-align:middle;*/
    text-align :center;
}
.spTM
{
    height :15px;
    font-size:10px;
    color:black;
}
.imgTM
{
    width:100px;
    display:inline;
}
span{
    font-family :'Open Sans', Tahoma , Helvetica;
    font-size:12px;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
textarea{
    font-family :'Open Sans', Tahoma , Helvetica;
    font-size:12px;
    border:solid 1px lightgray;
    padding:3px;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
table{
    font-family :'Open Sans', Tahoma , Helvetica;
    font-size:12px;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
table td{
    font-family :'Open Sans', Tahoma , Helvetica;
    font-size:12px;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
div{
    font-size:12px;
    font-family :'Open Sans', Tahoma , Helvetica;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
select{
    font-family :'Open Sans', Tahoma , Helvetica;
    font-size:12px;
    border:solid 1px lightgray;
    padding:3px;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
select option{
    font-family :'Open Sans', Tahoma , Helvetica;
    font-size:12px;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
hr {
    border:0;
    height:1px;
    background-color :lightgray;
}
input[type=text] {
    font-family :'Open Sans', Tahoma , Helvetica;
    font-size:12px;
    border:solid 1px lightgray;
    padding:3px;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0,0,0,.01) 0 0 1px; 
}
#txtOrderQty{
    outline: none;
    border:none;
    width:20px;
}
.btn {
	/*-moz-box-shadow:inset 1px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 1px 1px 0px 0px #f29c93;
	box-shadow:inset 1px 1px 0px 0px #f29c93;*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	text-indent:0;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
    font-family :'Open Sans', Tahoma , Helvetica;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
    /*letter-spacing :1px;*/
    text-transform :uppercase  ;
	/*height:30px;*/
	line-height:25px;
	width:100px;
	/*-webkit-text-stroke: 1px black;*/
	text-align:center;
    -webkit-font-smoothing: antialiased;
    /*text-shadow: rgba(0,0,0,.01) 0 0 1px;*/
    /*text-shadow:
   -1px -1px 0 #888,  
    1px -1px 0 #888,
    -1px 1px 0 #888,
     1px 1px 0 #888;*/
}
.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}
.btn:active {
	/*position:relative;
	top:1px;*/
}

.spMainLoading{
    font-size:20px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
.divSpMainLoading{
    font-size :12px;
    border:solid 1px lightblue; 
    border-radius:5px;
    width:550px;
    margin:0px auto;
    padding:10px;
}
#divMainLoading{
    position :relative ;
    top: 100px;
    margin:0px auto;
    width:830px;
    z-index :1;
    background-color:white;
    padding:20px;
    text-align:center ;
}
#divMainLoading_ad{
    position :relative ;
    top: 100px;
    margin:0px auto;
    width:830px;
    z-index :1;
    background-color:white;
    padding:20px;
    text-align:center ;
}
.spAdCaption{
    font-size:10px;
}
.SubContent{

}
#divSubContent{

}
#divOrderNotification{
    border:none;
    text-align:center ;
}
#divLoading{
    display:none;
    padding-top:100px;
    min-height :300px;
    width:600px;
    border:solid 1px lightgray;   
    text-align:center;
    vertical-align:middle ;
}
#divImageAndOption{
    margin-bottom:5px;
}
#divMenuItemDetail{
    width:100%;
}
#divMenuItemHeader{
    font-size:14px;
    border:solid 1px lightgray;
    background-color :#EEEEEE;
    font-weight:600 ;
    padding:10px;
}
#divMenuItemInfo{
    padding:0px 10px;
    border:solid 1px lightgray;
    margin-bottom:10px;
}
#divMenuItemImage{

}
#tdOption{
    padding:0px 10px;
}
#divMenuItemQty{
    padding:0px 10px;
}
#divMenuItemComment{
    padding:0px 10px;
}
#divMenuItemButtons{
    text-align:right ;
    vertical-align:bottom ;
}
#divRestInfo{
    width:auto;
    margin:0px auto 0px auto;
    cursor:pointer ;
}
#divRestInfoDetail{
    width: 510px;
    margin-left:10px;
    font-size:12px;
}
#divAppBanners{
    width: 220px;
    text-align :right;
}
#divPhoneInfo{
    font-weight:bold ;
    height :40px;
    width:140px;
    vertical-align :middle ; 
}
.divRestDetail{
    border:solid 1px lightgray;
    border-radius:5px;
    padding:5px;
    color:Gray;
    width:auto;
}
.spRestName{
    font-size:20px;
    font-weight :600;
}
.divGreeting{
    text-align :center;
    font-size:15px;
}
#divMenu{
    margin-top:10px;
    width:600px;
    float:left ;
}
#divMenuList{

}
#divMenuList.fixed{
    position:fixed;
    top:0px;
    left:0px;
    z-index:2002;
}
#spMenuListHeader{
    font-size:12px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    margin:0px 20px 0px 20px;
}
#divMenuItem{

}
#divMenuDetail{
    display:none;
}
#divMenuAccordion{
    width:600px;
}
.spDescription{
    font-size:12px;
}
.divMenuItem:hover {
    background-color:#EEEEEE;
}
.tblMenuItem{
    border-bottom:solid 1px lightgray;
    /*cursor:pointer;*/
}
.tblMenuItem td{
    padding:5px;
}
.tdMenuItemTitle{
    text-align:left;
    font-weight:600 ;
    padding-bottom:0px;
    font-size:14px;
    cursor :pointer;
}
.tdMenuItemPrice{
    vertical-align:bottom ;
    text-align:right;
    font-size:16px;
    width:50px;
}
.tdMenuItemDESC{
    padding-top:0px;
    font-size:12px;
    color:Gray;
    font-weight:400 ;
    cursor:pointer;
}
.h3MenuTitle{
    font-weight:800  ;
    color:#000000;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-transform:uppercase  ;
}
.ui-accordion-header{
    font-weight:600;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
.spMenuInfo{
    color:#555555;
    font-size :12px;
    font-weight :400 ;
    text-transform :none ;
}

/*SHOPPING CART*/
#divGuestCheckWrapper{
    float:left ;
    width:220px;
}
#divGuestCheckIMG{
    height:37px;
    margin:0px 10px;
    text-align :right;
    width:200px;
    vertical-align :bottom ;
}
#divGuestCheck{
    position:relative ;
    margin:0px 10px 10px 10px;
    width:200px;
}
.divGuestCheckContent{
    padding:1px;
    border:solid 1px lightgray;
    border-radius:3px;
}
.divGuestCheckButton{
    margin-top:5px;
    text-align:center ;
}
#divGuestCheck_closed{
    text-align:center ;
    width:220px !important ;
}
#divGuestCheck_ad{
    margin-top:5px;
    text-align:center ;
    width:220px !important ;
}

#imgGuestCheck_ad{
    width:200px;
}
#divCartHeader{
    font-weight:800 ;
    text-align:center;
}
#tblOrderType{
    border-spacing: 1px;
    border-collapse: separate;
}
#tblPromo{
    margin-top:1px;
}
#tblPromo td{
    font-size:10px;
    background-color:#EEEEEE;
    padding:5px auto;
    vertical-align:text-bottom ;
}
#tblOrderSummary{
    margin-top:1px;
}
#tblOrderSummary td{
    font-size:10px;
    background-color:#EEEEEE;
    padding:5px auto;
    vertical-align:text-bottom ;
}
#tblOrderTotal{
    margin-top:1px;
}
#tblOrderTotal td{
    font-size:10px;
    background-color:#EEEEEE;
    padding:5px auto;
    vertical-align:text-bottom ;
}
.spTotalText{
    font-size:16px;
}
.tblCarts{
    border:solid 1px lightgray;
    width:100%;
    border-collapse :collapse ;
}
.tblCarts td{
    font-size:12px;
    padding:0px 5px;
}
.tdOrderType{
    font-size:12px;
    padding:10px 5px;
    background-color:white;
    cursor:pointer;
    border:solid 1px lightgray;
    text-align :center ;
}
.tdOrderType:hover{
    background-color:#EEEEEE;
    /*color:white;*/
}
#tblBanners{
    text-align:center ;
}
.tblCartItem{
    table-layout :fixed ;
    margin-top:1px;
    width:100%;
    border:solid 1px lightgray;
}
.tblCartItem td{
    font-size:10px;
}
.tdCartDesc{
    background-color:#EEEEEE;
}

/*CHECKOUT*/
#divCheckOut{
    margin-top:20px;
}
#divCheckOutContent{
    width:400px;
    float:left ;
    height:360px;
}
.divPaymentInfo{
    width:400px;
    float:left ;
    border:solid 1px lightgray;
    height:360px;
}
.divCustomerInfo{
    width:400px;
    float:left ;
    border:solid 1px lightgray;
    border-radius:5px;
    height:400px;
    position:relative ;
}
#divNewPaymentInfo{
    margin-left:10px;
    width:400px;
    float:left ;
    height:400px;
    border:solid 1px lightgray;
    border-radius:5px;
}
.tblCheckOutInfo{
    width:100%;
}
.tblCheckOutInfo td{
    padding:0px 10px;
}
.tblInnerCheckOutInfo td{
    padding:0px;
}
.divCheckOutButton{
    /*margin:10px auto;*/
    /*width:100px;*/
    padding:5px 20px;
    font-size:14px;
    font-weight:600 ;
    margin:0px -5px 0px 0px;
    display:inline-block;
    border:solid 1px lightgray;
    border-bottom :none;
    border-radius:5px 5px 0 0;
    position :relative ;
    z-index:101;
    /*text-shadow :0px 1px 1px #000;*/
    box-shadow :0px 5px 10px -10px #000 inset;
}
.divCheckOutButtonSelected{
    background-color:#3093c7;
    border:solid 2px #3093c7;
    border-bottom :none;
    color :White;
    z-index:110;
    position :relative ;
    text-shadow :0px 1px 1px #000;
}
.divCheckOutButton:hover{
    background-color :#3093c7;
    border-bottom :none;
    color :White;
}
#divComplete{
    border:solid 1px lightgray;
    border-radius:7px;
    padding:20px;
    height:300px;
    width:auto;
}
#divClosed{
    border:solid 1px lightgray;
    border-radius:7px;
    padding:20px;
    height:300px;
    width:772px;
    text-align :center ;
}
#divCheckOutLoading{
    display:none;
    padding-top:100px;
    height :300px;
    width:810px;
    border:solid 1px lightgray;   
    text-align:center;
    vertical-align:middle ;
}
#tblGrandTotal{
    width:300px;
    margin:10px auto;
    border-collapse :collapse ;
}
#tblGrandTotal td{
    font-size:14px;
    text-align :left;
    padding:0px 30px;
}
#txtGratuity{
    font-size:14px;
    text-align :right;
}

/*ICON CSS*/
.icon {
    background: #90C7DE;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    overflow:hidden;
    border: solid 1px #999999;
    position: relative;
 /*   -webkit-box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, .2);*/
    z-index: 10;
}
.icon .gloss {
  background: #555555;
  height: 35px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 5;
  opacity:0.1;
  filter:alpha(opacity=10); 
  -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, .3);
  -moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, .3);
  box-shadow: 0px 0px 10px rgba(255, 255, 255, .3);  
  border-top-right-radius: 170px 20px;
  border-top-left-radius: 170px 20px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  bottom: 0px;
}
.icon .text {
  font: bold 200px Tahoma;
  text-align:center;
  z-index: 200;
  position: relative;
  color: white; 
}

/*NAVBAR CSS */
#navbar {
	margin: 0;
	padding: 0;
	height: 25px; }
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
    /*width:150px;*/
	display: block;
	padding: 3px 8px;
	background-color: #5e8ce9;
	color: #fff;
	text-decoration: none; }

#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #69f;}

#navbar li:hover ul {
	display: block;
	position: absolute;
    z-index :10000;
	margin: 0;
	padding: 0; }
#navbar li:hover li {
	float: none; }
#navbar li:hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #000; }
#navbar li li a:hover {
	background-color: #8db3ff; }


/*MODAL*/
#divWrapper
{
    position:fixed ;
    width:100%;
    height :100%;
    z-index :2000;
    top:0px;
    left :0px;
}
#divOverlay
{
    position:fixed;	
    width:100%;
    height :100%;
    z-index :2001;
    top:0px;
    left :0px;
    filter: alpha(opacity=70);
	opacity: 0.7;
    background-color:Black;
}
#divContent
{
    position :relative ;
    top: 200px;
    margin:0px auto;
    width:400px;
/*        	height :300px;   */
    z-index :2002;
    background-color:white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow:2px 2px 10px 3px black;   
    -moz-box-shadow: 2px 2px 10px 3px black;
    box-shadow: 2px 2px 10px 3px black;
}

.btnBLUE{
 font-size:14px;
border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;
padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:600; color: #FFFFFF;
 background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);

    font-weight:bold;
    font-style:normal;
    /*letter-spacing :1px;*/
    text-transform :uppercase  ;
    /*height:30px;*/
    line-height:14px;
    /*-webkit-text-stroke: 1px black;*/
    text-align:center;
    -webkit-font-smoothing: antialiased;
}

.btnBLUE:hover{
 border:1px solid #1c5675;
 background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
 background-image: -o-linear-gradient(top, #26759e, #133d5b);
 background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}

.btnGRAY{
     font-size:14px;
 color:#7C7C7C;
 border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;
 padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;
 text-shadow: 0px 0px 2 rgba(0,0,0,0.3);font-weight:600; 
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);

     font-weight:bold;
    font-style:normal;
    /*letter-spacing :1px;*/
    text-transform :uppercase  ;
    /*height:30px;*/
    line-height:14px;
    /*-webkit-text-stroke: 1px black;*/
    text-align:center;
    -webkit-font-smoothing: antialiased;
}

.btnGRAY:hover{
 border:1px solid #b3b3b3;
 background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
 background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}