@charset "utf-8";
*
{
    margin:0; 
    margin-left: auto ;
    margin-right: auto ;
    padding:0;
    border:none 0px;
    outline: none;
    -moz-outline-style: none;

}
body
{
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    background-color:#1e2752;
    background-image:url(../images/comelements/mainbg.jpg);
    background-repeat:repeat-x;
    color:#fff;
}

@font-face 
{ 
    font-family:Spartan LT Std; 
    src:url('../fonts/SpartanLTStd-BookClass.otf'); 
} 
@font-face 
{ 
    font-family:nevis; 
    src:url('../fonts/nevis.ttf'); 
} 
.content_holder
{
    width:1000px;
    padding:14px 5px 0 5px;
}
/*common elements*/
h2 
{
    font-size:14px;
    color:#fff;
    font-family:Spartan LT Std;
    margin-bottom:10px;
}
h5 
{
    font-size:14px;
    color:#fff;
    font-family:Spartan LT Std;
    margin-bottom:10px;
}
.topmenu{
    background-image:url(../images/topmenu/bgmenu.png);
}
.topmenu a.logo{

}


#topmenu 
{
    background-image:url(../images/topmenu/bgmenu.png);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height:56px;
    width:960px;
    -moz-box-shadow: 0px 5px 5px #1b2450;
    -webkit-box-shadow: 0px 5px 5px #1b2450;
    box-shadow: 0px 5px 5px #1b2450;
    padding:12px 15px 0 15px;
}
#topmenu h1 
{
    width:200px;
    float:left;
}
#topmenu #menu-holder 
{
    height:42px;
    width:430px;
    float:left;
    background-image:url(../images/topmenu/menuinsidebg.png);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-top:3px;
    z-index:50px;
    margin-left:160px;

}

#topmenu #menu-holder ul {
    font-family: Arial, Verdana;
    font-size: 14px;
    list-style: none;
    float:left;
    z-index:50px;
}
#main-container #deals #title-div #button-container #sort_by{
    width:72px;
    height: 24px;
}

#topmenu #menu-holder ul li {
    display: block;
    float: left;
    z-index:255px;
}



#topmenu #menu-holder ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 12px 20px 12px 20px;
    margin-left: 1px;
    z-index:50px;
}

#topmenu #menu-holder  li ul { display: none; 
                               z-index: 1}

#topmenu #menu-holder  li ul li a {padding: 12px 20px 12px 20px;}

#topmenu #menu-holder ul li a:hover 
{ 
    background-image:url(../images/topmenu/linkssep.png);
    z-index:9999px;
}
#topmenu #menu-holder li:hover ul {
    display: block;
    position: absolute;
    z-index:9999px;
}
#topmenu #menu-holder li:hover li {
    float: none;
    font-size: 11px;
    z-index:9999px;
}
#topmenu #menu-holder li:hover a { 
    background-image:url(../images/topmenu/menudrop.png);   
    z-index:999px;

    border:#47569b 0px solid;
}
#topmenu #menu-holder li:hover li a:hover { 

    /*    background-image:url(../images/topmenu/linkssep.png);   */
    background-image: none;
    background-color: #000000;
    opacity: 0.9;
    z-index:999px; 
    border:#47569b 0px solid;  
}





/*Menu Detail*/
.menu_detail{

}
.menu_detail .close_bar{
    float:right;
}
.menu_detail .close_bar img{
    cursor: pointer;
}
.menu_detail .item_image{
    clear:both;
    width: 373px;
    height: 270px;
    background-position: center center;
    background-repeat:no-repeat;
}
.menu_detail .item_name{
    width: 373px;
    font-weight: bold;
    font-size: 15px;
}
.menu_detail .item_price{
    width: 373px;
}
.menu_detail .item_description{
    width: 373px;
}



.boderleft 
{
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.boderright 
{
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

#topmenu #restaurantmanager 
{
    height:29px;
    width:150px;
    float:right;
    background-image:url(../images/topmenu/menuinsidebg.png);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding-top:16px;
    z-index:50px;
    font-family: Arial, Verdana;
    font-size: 13px;
    text-align:center;
    margin-right:10px;
}



/*leftpanel*/
#leftpanel 
{
    width:193px;
    margin:18px 0px 0 5px;
    float:left;
    clear:left;
}

.reservation_form .ui-datepicker{
    height: 295px;
    margin-bottom: 5px;
}

#leftpanel #name
{
    width:172px;
    margin:0 0 10px 10px;
}
.commonbox 
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-image:url(../images/comelements/allbox_bg.png);
    padding:12px 7px 12px 9px;
    float:left;
    margin-bottom:12px;


}
#leftpanel .commonbox{
    width:164px;
}

#leftpanel #login 
{
    width:163px;
    padding:12px 8px 12px 9px;
    float:left;
    margin-bottom:12px;
}



.registration_form input{
    width:200px;
}
input.radio,.form input.radio{
    width:16px;
    height: 13px;
}

.message{
    padding-bottom: 10px;
    font-size: 14px;
}
.left_login_box input{
    width:157px;
}
.left_login_box .button{
    width:161px;
}

.left_login_box ul
{
    list-style-type: none;	
}
.left_login_box ul li
{
    float:left;
    font-size:12px;
}
.left_login_box ul li a
{
    float:left;
    font-size:12px;
    color:#fff;
    text-decoration:underline;
}
.left_login_box ul li a:hover
{
    float:left;
    font-size:12px;
    color:#5a67a2;
    text-decoration:underline;
}



/*Reservation*/

select.reservation_time{
    width:81px;
}
select.people{
    width:252px;
}
textarea.special_request{
    width:245px;
}

#leftpanel #reservation ul
{
    list-style-type: none;	
    margin-bottom:10px;	
}
#leftpanel #reservation  ul li
{
    float:left;
    font-size:12px;
    margin-right:1px;
}

#leftpanel #reservation select {
    width:81px;
}
#leftpanel #reservation .button {
    width:161px;
    margin-top: 10px;
}



/*rewardspoints*/
#leftpanel #rewards 
{	
    width:164px;
    padding:12px 7px 12px 9px;
    float:left;
    margin-bottom:12px;
}
#leftpanel #rewards .retext 
{	
    width:120px;
    float:left;

}
#leftpanel #rewards .number 
{	
    width:40px;
    float:right;
    text-align:right;
}
#leftpanel #rewards button
{
    width:163px;
    height:35px;
    background-image:url(../images/form/buttonbg.jpg);
    margin-bottom:10px;
    margin-top:0px;
    padding-left:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 3px #1b2450;
    -webkit-box-shadow: 0px 3px 3px #1b2450;
    box-shadow: 0px 3px 3px #1b2450;
    font-family:nevis;
    font-size:12px;
    color:#232f66;
    cursor:pointer;

}
#leftpanel #rewards button:hover
{
    color:#5a67a2;
    cursor:pointer;

}
#leftpanel #rewards span
{
    text-decoration:underline;	
}
#leftpanel #rewards span a
{
    text-decoration:underline;	
}
#leftpanel #rewards span a:hover
{
    text-decoration:underline;
    color:#5a67a2;	
}
/*rewardspoints*/



.my_reservations th{
    height:20px;
}
.my_reservations td{
    height:38px;
    margin-bottom: 2px;
    padding-left: 2px;
}
.my_reservations a.view_all{
    text-decoration: underline;
}

.grid td{
    height:38px;

}
.grid td,.grid th{
    margin-bottom: 1px;
    padding-left: 5px;
    padding-right:  5px;
    font-weight: normal;
}

.grid .odd td{
    background-color:#38458a;
}

.grid .even td{
    background-color:#4b5899;
}




.my_reservations th.status{
    text-align: right;
}


.my_reservations .seperator td{

    height: 2px;
}
.my_reservations .odd td{

    background-color:#38458a;
}
.my_reservations .even td{

    background-color:#4b5899;
}
.my_reservations td.rest_name,.my_reservations th.rest_name{
    text-align: left;
    width:125px;

}
.my_reservations td.rest_name a span{
    font-size: 11px;
}

.my_reservations td.status{
    text-align: right;
    width:11px;
}


#leftpanel #MyReservations 
{	
    width:164px;

}
#leftpanel #MyReservations #titlenew 
{
    height:20px;
}
#leftpanel #MyReservations  #retext 
{	
    width:120px;
    float:left;
    margin-bottom:12px;
}
#leftpanel #MyReservations #number 
{	
    width:40px;
    float:right;
    margin-bottom:12px;
    text-align:right;
}
#leftpanel #MyReservations #line1 
{
    background-color:#38458a;
    height:38px;
}
#leftpanel #MyReservations .row 
{
    height:38px;
    margin-top:6px;
    margin-bottom:6px;	
}
#leftpanel #MyReservations .rest_name
{
    width:120px;
    float:left;
    padding-left:5px;
}




#leftpanel #MyReservations .odd 
{
    background-color:#38458a;
    height:38px;
}
#leftpanel #MyReservations .even
{
    background-color:#38458a;
    height:38px;
}


#leftpanel #MyReservations #line1 #rextname
{
    width:120px;
    float:left;
    padding-left:5px;
}
#leftpanel #MyReservations #line1 #iconleft
{
    width:32px;
    float:right;
}
#leftpanel #MyReservations #line2 
{
    background-color:#4b5899;
    height:33px;

    padding-top:5px;

    margin-top:2px;
    margin-bottom:10px;	
}
#leftpanel #MyReservations #line2 #rextname
{
    width:120px;
    float:left;
    padding-left:5px;
}
#leftpanel #MyReservations #line2 #iconleft
{
    width:32px;
    float:right;
}

#leftpanel #MyReservations span
{
    text-decoration:underline;

}
#leftpanel #MyReservations span a
{
    text-decoration:underline;	
}
#leftpanel #MyReservations span a:hover
{
    text-decoration:underline;
    color:#5a67a2;	
}
/*restaurant*/
#leftpanel #restaurant 
{	
    width:164px;
    padding:12px 7px 12px 9px;
    float:left;
    margin-bottom:12px;
}
#leftpanel #restaurant ul
{
    margin-bottom:10px;	
    list-style-type: none;
}
#leftpanel #restaurant  ul li
{
    float:left;
    font-size:12px;
    margin-right:1px;
}

#leftpanel #restaurant select {

    width:163px;

}
#leftpanel #restaurant  ul li input
{
    width:157px;
    height:28px;
    background-image:url(../images/form/bigdropbg.jpg);
    margin-bottom:2px;
    padding-left:6px;
    color:#cdd3f3;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;

}
#leftpanel #restaurant  .button
{
    width:161px;
    margin-top: 10px;
}

#leftpanel #restaurant  span
{
    text-decoration:underline;	
}
#leftpanel #restaurant span a
{
    text-decoration:underline;	
}
#leftpanel #restaurant span a:hover
{
    text-decoration:underline;
    color:#5a67a2;	
}

/*mid-right-panels*/
#mid-right-panels
{
    width:798px;
    float:left;
    clear:right;
    margin-top:7px;
    margin-bottom:10px;
}

#mid-right-panels #slideshow
{
    width:798px;
    height:295px;
    float:right;
    margin-top:13px;
}

/*main-container*/

#main-container ,.main-container
{
    width:662px;
    float:left;
    margin-top:12px;
}
.sub_title{
    margin-top: 10px;
}
.contents{
    margin-top: 10px;
}


.more_button{
    clear:both;
    padding-top:10px;
    margin-right:5px;
    text-align:right;

    float:right; 
}
.more_button a{
    background-image:url(../images/comelements/more-button.png);
    display:block;
    width:53px;
    height:28px;
}
.more_button a:hover{
    background-image:url(../images/comelements/more-button-over.png);

}


/*deals*/

#main-container #deals
{
    width:632px;

    float:left;
    clear:both;
}
#main-container #deals #title-div
{
    width:632px;
    float:left;
}
#main-container #deals  #title-div h3,#title-div h3
{

    float:left;

}
#main-container  #deals  #title-div #button-container
{
    float:right;

}
#title-div #button-container{
    float:right;
}
#main-container  #deals  #title-div #button-container div
{
    float:left;
    margin-right:4px;
}
#main-container  #deals  #title-div #button-container button
{
    width:53px;
    height:24px;
    background-image:url(../images/form/buttonbgsmall.jpg);
    margin-bottom:12px;

    padding-left:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 3px #1b2450;
    -webkit-box-shadow: 0px 3px 3px #1b2450;
    box-shadow: 0px 3px 3px #1b2450;
    font-family:nevis;
    font-size:11px;
    color:#232f66;
    cursor:pointer;
}
#main-container  #deals  #title-div #button-container button:hover
{
    color:#5a67a2;
    cursor:pointer;

}
#main-container  #deals  #title-div #button-container select {

    width:61px;
    height: 24px;

}

#main-container #deals #page ul
{
    list-style-type: none;
}
#main-container #deals ul
{
    list-style-type: none;
    margin-bottom:10px;

}

ul.menuitem_list{
    list-style-type: none;
}
ul.menuitem_list li{

    margin-top:12px;
    width:205px;
    float:left;
    margin-right:8px;
    overflow:  hidden;
}

ul.menuitem_list li img{
    width:205px;
    height: 125px;

}

ul.menuitem_list li .title
{
    margin-top:8px;
    margin-bottom:8px;
}


.search_results ul.restaurant_list li{
    width:210px;
}


ul.restaurant_list{

    list-style-type: none;
}
ul.restaurant_list li{

    margin-top:12px;
    width:210px;
    float:left;
    text-align: center;
    ;
}
ul.restaurant_list li a{
    text-decoration:none;

}
ul.restaurant_list li a:hover{
    text-decoration:underline;
    color:#5a67a2;

}


ul.restaurant_list li .rest_title{

    width:150px;
    float:left;
    clear:both;
    margin-top:5px;
}
ul.restaurant_list li .rest_icon{

    width:42px;
    float:right;
    text-align:right;
    margin-top:5px;
}
ul.restaurant_list li .resticon{

    background-image:url(../images/icons/reserve-icon.png);
    display:block;
    width:19px;
    height:19px;
    float:left;
}
ul.restaurant_list a img{
    position: relative;
    width: 205px;
    height: 175px;

}

ul.restaurant_list .restaurant_info{
    margin-top: -45px;
    position: relative;

    width:195px;
    text-align: left;
    height: 45px;
    padding-left: 5px;
    padding-right: 5px;
    background: rgba(0, 0, 0, 0.8);

}
ul.restaurant_list li .resticon:hover{
    background-image:url(../images/icons/reserve-icon-over.png);
    display:block;

}


ul.restaurant_list li .favicon
{
    background-image:url(../images/icons/fav-icon.png);
    display:block;
    width:19px;
    height:19px;
    float:right;
}
ul.restaurant_list li .favicon:hover
{
    background-image:url(../images/icons/fav-icon-over.png);
    display:block;

}
ul.restaurant_list li .unfavicon
{
    background-image:url(../images/icons/fav-icon.png);
    display:block;
    width:19px;
    height:19px;
    float:right;
}
ul.restaurant_list li .unfavicon:hover
{
    background-image:url(../images/icons/fav-icon-over.png);
    display:block;

}


#main-container #deals #more-b
{
    clear:both;
    padding-top:10px;
    margin-right:10px;
    text-align:right;
    margin-bottom:12px;
    float:right;
}
#main-container #deals #more-b .morehover
{
    background-image:url(../images/comelements/more-button.png);
    display:block;
    width:53px;
    height:28px;
}
#main-container #deals #more-b .morehover:hover
{
    background-image:url(../images/comelements/more-button-over.png);
    display:block;
}

#main-container #subtitle
{
    width:617px;
    height:22px;
    float:left;
    background-color:#323f80;
    padding:10px 5px 2px 5px;

}
#main-container #subtitle .cusine
{
    width:350px;
    float:left;
    font-weight:bold;


}
#main-container #subtitle .totalcount
{
    width:200px;
    float:right;
    text-align:right;
}

/*my reservation*/
#main-container #myresbox
{
    width:642px;
    margin-bottom:18px;
    float:left;
    clear:both;
}
#main-container #myresbox #ressubtitle
{
    width:621px;
    height:22px;
    float:left;
    padding:10px 5px 2px 10px;
    margin-top:8px;
}
#main-container #myresbox #listtable
{
    width:634px;
    float:left;
    font-size:13px;

}
#main-container #myresbox #listtable #listrow
{
    width:634px;
    float:left;
    height:20px;
}
#main-container #myresbox #listtable #listrow #Restaurant
{
    width:296px;
    float:left;
    padding-left:9px;
} 
#main-container #myresbox #listtable #listrow #Guests
{
    width:82px;
    float:left;
    margin-left:1px;
    text-align:center;
}
#main-container #myresbox #listtable #listrow #Time
{
    width:79px;
    float:left;
    margin-left:1px;
    text-align:center;
}
#main-container #myresbox #listtable #listrow #Date
{
    width:110px;
    float:left;
    margin-left:1px;
    text-align:center;
}
#main-container #myresbox #listtable #listrow #Status
{
    width:54px;
    float:left;
    margin-left:1px;
    text-align:center;
}

#main-container #myresbox #listtable #listdata
{
    width:634px;
    float:left;

}
#main-container #myresbox #listtable #listdata #Restaurant
{
    width:295px;
    float:left;
    padding-top:12px;
    padding-left:9px;
} 
#main-container #myresbox #listtable #listdata #Guests
{
    width:82px;
    float:left;
    margin-left:1px;
    padding-top:12px;
    text-align:center;
}
#main-container #myresbox #listtable #listdata #Time
{
    width:79px;
    float:left;
    margin-left:1px;
    padding-top:12px;
    text-align:center;
}
#main-container #myresbox #listtable #listdata #Date
{
    width:110px;
    float:left;
    margin-left:1px;
    padding-top:12px;
    text-align:center;
}
#main-container #myresbox #listtable #listdata #Status
{
    width:54px;
    float:left;
    margin-left:1px;
    padding:6px 0 6px 0;
    text-align:center;
}
#main-container #myresbox #listtable #listdata .dataline
{
    background-color:#38458a;
    height:29px;

    margin-bottom:2px;

}
#main-container #myresbox #listtable #listdata .datalinealternate
{
    background-color:#4b5899;
    height:29px;
    margin-bottom:2px;
}  

.pagenumber
{
    font-size:13px;
    clear:both;

    margin-top:10px;
    margin-bottom:10px;
    padding-top: 20px;
}

.pagenumber ul
{
    list-style-type: none;
}
.pagenumber ul li
{
    float:left;
    width:25px;
    height:20px;
    text-align:center;

    margin-left:1px;

}
.pagenumber ul li a
{
    float:left;
    width:25px;
    height:20px;
    text-align:center;
    padding-top:5px;
    margin-left:1px;
    background-color:#323f80;
}


.pagenumber .arrow a
{
    background-color:#4b5899;
}
.pagenumber .selected a
{
    background-color:#4b5899;
}

/*Restaurant Details*/

.restdetail{

}
.restdetail .label{
    width:80px;
    float: left;
    height: 20px;

}
.restdetail .seperator{
    width:10px;
    float: left;
    height: 20px;
}
.restdetail .value{

    float: left;
    height: 20px;
}

#main-container #restdetail #title
{

}

#main-container #restdetail #title h3
{
    width:630px;
    float:left;
}

#main-container #restdetail #ressubtitle
{    
    margin-top:15px;

    background-color:#323f80;
    height:22px;
    font-size:13px;
    margin-bottom:10px;
    padding:10px 10px 0px 10px;

    /*     width:620px;
         
         float:left;*/

}

#main-container #restdetail #map-text
{

    margin-top:11px;
    height:160px;

}
#main-container #restdetail #map-text #text-icon
{
    width:316px;
    height:160px;
    float:left;
}
#main-container #restdetail #map-text #text-icon #text
{
    width:315px;
    border-bottom:#323f80 1px solid;
    padding-bottom:3px;


}
#main-container #restdetail #map-text #text-icon #text .span
{
    margin-bottom:6px;

}
#main-container #restdetail #map-text #text-icon #icon
{
    width:315px;
    padding-top:10px;
    border-bottom:#323f80 1px solid;
    padding-bottom:10px;
    height:54px;

}
#main-container #restdetail #map-text #text-icon #icon .menuiconb
{
    background-image:url(../images/icons/menuicon.png);
    width:36px;
    height:52px;
    display:block;
    float:left;
}
#main-container #restdetail #map-text #text-icon #icon .menuiconb:hover
{
    background-image:url(../images/icons/menuicon_over.png);
    width:36px;
    height:52px;
    display:block;
    float:left;
}
#main-container #restdetail #map-text #text-icon #icon .reserveiconb
{
    background-image:url(../images/icons/reserveicon.png);
    width:48px;
    height:52px;
    display:block;
    float:left;
    margin-left:55px;
}
#main-container #restdetail #map-text #text-icon #icon .reserveiconb:hover
{
    background-image:url(../images/icons/reserveicon_over.png);
    width:48px;
    height:52px;
    display:block;
    float:left;
}

#main-container #restdetail #map-text #text-icon #icon .faviconb
{
    background-image:url(../images/icons/favicon.png);
    width:53px;
    height:54px;
    display:block;
    float:left;
    margin-left:50px;
}
#main-container #restdetail #map-text #text-icon #icon .faviconb:hover
{
    background-image:url(../images/icons/favicon_over.png);
    width:53px;
    height:54px;
    display:block;
    float:left;
}
#main-container #restdetail #map-text #text-icon #icon img
{
    margin-right:48px;

}
#main-container #restdetail #map-text #map
{
    width:303px;
    float:right;
    background-color:#0a102a;
    height:152px;
    padding:4px
}
#main-container #restdetail #description
{

    margin-top:10px;
    margin-right:10px;
    border-bottom:#323f80 1px solid;
    padding-bottom:10px;
    float:left;

}
#main-container #restdetail #description h4
{
    margin-top:9px;
    margin-bottom:9px;	
}
#main-container #restdetail #detail-contact
{
    float:left;
    margin-top:10px;
    margin-right:10px;


}
#main-container #restdetail #detail-contact #detail
{
    float:left;
    width:315px;


}
#main-container #restdetail #detail-contact #detail h4
{

    margin-bottom:9px;	
}
#main-container #restdetail #detail-contact #contact
{

    width:303px;
    float:right;

}
#main-container #restdetail #detail-contact #contact h4
{
    margin-bottom:9px;	
}
#main-container #restdetail #detail-contact .span
{
    margin-bottom:6px;

}


/*bottom ad*/
#bottom-ad 
{
    width:988px;
    margin:18px 0 18px 5px;

}
/*right panel*/

#right
{
    width:134px;
    float:right;
    margin-top:12px;
    text-align:center;
}

#right #appstore 
{
    text-align:center;

    padding-top:12px;
    margin-bottom:12px;
}
#right #appstore img
{
    margin-bottom:12px;
}
#right #appstore .appstore
{
    background-image: url(../images/comelements/availableapp.png);
    width:119px;
    height:39px;
    display:block;

}
#right #appstore .appstore:hover
{
    background-image: url(../images/comelements/availableapp_over.png);


}

/*footer*/
#footer 
{
    height:78px;
    background-color:#131d49;
    color:#dfe2ec;
}
#footer #footercontent
{

    width:960px;
    padding-top:24px;

}

#footer #footercontent #footertext
{

    width:600px;
    float:left;

}
#footer #footercontent #footericon
{

    width:100px;
    float:right;

}

#blanket 
{
    background-color:#111;
    opacity: 0.65;
    filter:alpha(opacity=65);
    position:absolute;
    z-index: 9001;
    top:0px;
    left:0px;
    width:100%;
}
#popUpDiv 
{
    position:absolute;
    background-image:url(../images/popup/restaurant_detail_bg.png);
    width:290px;
    height:270px;
    z-index: 9002;
    padding:20px;
}
#popUpDiv #h5
{
    width:190px;
    float:left;
    font-size:14px;
}
#popUpDiv #close
{
    width:80px;
    float:right;
    text-align:right;
}
#popUpDiv #bleft 
{
    float:left;
    width:145px;
}
#popUpDiv #bright
{
    float:right;
    width:145px;
    text-align:right;
}
#popUpDiv #bleft button
{
    width:142px;
    height:27px;
    background-image:url(../images/popup/date_time.png);
    font-family:nevis;
    font-size:12px;
    color:#232f66;
    margin-bottom:20px;
    margin-top:10px;
    padding-left:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 3px #1b2450;
    -webkit-box-shadow: 0px 3px 3px #1b2450;
    box-shadow: 0px 3px 3px #1b2450;

}
#popUpDiv #bright button
{
    width:142px;
    height:27px;
    background-image:url(../images/popup/date_time.png);
    font-family:nevis;
    font-size:12px;
    color:#232f66;
    margin-bottom:20px;
    margin-top:10px;
    padding-left:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 3px #1b2450;
    -webkit-box-shadow: 0px 3px 3px #1b2450;
    box-shadow: 0px 3px 3px #1b2450;

}
#popUpDiv #calculate
{
    background-image:url(../images/popup/calbg.png);
    width:293px;
    height:142px;
    clear:both;	
}
#popUpDiv #calculate #numbers
{
    width:208px;
    float:left;		
}
#popUpDiv #calculate #numbers ul
{
    list-style-type: none;
    margin-top:15px;	
}
#popUpDiv #calculate #numbers ul li
{
    float:left;
    background-image:url(../images/popup/numberbg.png);
    width:54px;
    height:34px;
    text-align:center;
    padding-top:18px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:14px;
    margin-bottom:6px;
    margin-left:15px;
}
#popUpDiv #calculate #guest
{
    width:66px;
    float:right;
    color:#23408f;
    text-align:center;
    margin-right:8px;
    margin-top:40px;
}
#popUpDiv #calculate #guest h1
{
    color:#23408f;
    font-family:Arial, Helvetica, sans-serif;
    font-size:40px;
    font-weight:normal;
}
#popUpDiv #confirm 
{
    text-align:center;
}
#popUpDiv #confirm button
{
    width:142px;
    height:27px;
    background-image:url(../images/popup/confirm_button.png);
    font-family:nevis;
    font-size:12px;
    color:#232f66;
    margin-bottom:12px;
    margin-top:15px;
    padding-left:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 3px #1b2450;
    -webkit-box-shadow: 0px 3px 3px #1b2450;
    box-shadow: 0px 3px 3px #1b2450;

}


.status-icon{ 
    display:block;
    width:19px;
    height:19px;
    margin:1px 2px;
    float:left;
    background:url(../images/icons/status-button-6.png) top left no-repeat;
    background-size: 126px 49px;
    
}


.confirmed {
    background-position:-3px -5px; 

}
.cancelled{
    background-position:-108px -10px; 
}
.waiting{
    background-position:-23px -5px; 
}
.no_table{
    background-position:-64px -5px; 
}



.form
{
    clear:both;
}
.form .item{
    clear:both;
    height: 34px;
}
.form .submit{
    width:460px;
    float:left;
    margin-top: 10px;
}
.form .submit .button{
    margin-top: 0px;
    margin-left: 160px;
}
.form .item label{
    width:160px;
    float:left;
    padding-bottom: 2px;
    padding-top: 6px;

}
.form .form_validation_error{
    clear:both;
    height: 35px;
}

.formtitle 
{
    width:160px;
    float:left;
    margin-top:5px;
}
.checkbox 
{
    width:20px;
    float:left;
    text-align:right;
}
.formlable
{
    height:25px;
    padding-top:7px;
}

.profile_image_container{
    width:308px;
    float:left;
}
.profile_image_container:hover .edit_profile_picture{
    
}
.profile_image_container .edit_profile_picture{
    clear: both;
    float: right;
    width: 88px;

    height: 17px;
    margin-top: -17px;
    background-color: black;
    opacity: 0.8;
    text-align: left;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    padding-left: 8px;
    display: block;
}

.profile_image_container .profile_image{
    width:308px;
    float:left;
}
.profile_image_container .profile_image img{
    width:96px;
    border-radius: 10px;
    float:right;
}
.password{
    font-size: 25px;
}

.restaurant_primary_image_thumb img{
    max-width: 291px;
    float: right;

}

td{
    height: 28px;
    padding-left: 5px;
}

input.reservation_date{
    background-image: url(../images/form/droparrow.jpg), 
        -webkit-linear-gradient(#3F4B85, #3F4B85 40%, #3F4B85);
    background-position: center right;
    background-repeat: no-repeat;
}

#reservation input.reservation_date{
    width:155px;
}


/* FORM */

input,textarea,select{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#cdd3f3;
    background-color: #3F4B85;
    border:#3F4B85 1px solid;
    margin-bottom:2px;
    padding-left:6px;
    height:28px;
}

input.error,select.error, .error{
    border:red 1px solid;
}

select {
    -webkit-appearance: button;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(../images/form/droparrow.jpg), 
        -webkit-linear-gradient(#3F4B85, #3F4B85 40%, #3F4B85);
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #3F4B85;
    /*
    font-size:12px;
    */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.form_error{
    clear:both;
    width:632px;
    float: left;
    display: none;
}
.response{
    clear:both;
    width:632px;
    float: left;

}




input, textarea{
    width:300px;
}
select{
    width:308px;
    height: 30px;
}

a.button,a.button:link,a.button:visited{
    display:inline-block;
    color:#232f66;
    padding-top: 12px;
    height: 23px;
}
a.button:hover{
    color:#5a67a2;
}

.button
{
    width:161px;
    height:35px;
    text-align: center;
    text-transform: uppercase;
    background-image:url(../images/form/buttonbg.jpg);
    padding-left:0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 3px #1b2450;
    -webkit-box-shadow: 0px 3px 3px #1b2450;
    box-shadow: 0px 3px 3px #1b2450;
    font-family:nevis;
    color:#232f66;
    cursor:pointer;
    margin-top: 10px;
}
.button:hover
{
    color:#5a67a2;

}
textarea{
    height: auto;
}


.main-container .commonbox{
    width:632px;
}




.pagination {
    margin:6px 0 0;
    float: right;
    list-style: none;
}
.pagination li {
    float: left;
    margin: 0 1px;
}
.pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(../images/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}
.pagination li.current a, .pagination li.current a:hover { background-position: 0 -13px }

.pagination li a:hover { background-position: 0 -26px }
.back_to_listing{
    float:right;
}


.map_listing{
    color:#000000;
}
.map_listing a,.map_listing a:link, .map_listing a:visited {
    color:#000000;
    font-weight: bold;
}
.map_listing #map_canvas{
    width: 642px; height: 600px;clear:both; 
}
.security_code input{
    width:200px;
    float:left;
}
.security_code img{
    float:left;
}

/*Column Settings*/
.grid td.s_no,.grid th.s_no{
    width:50px;
}
.grid td.points,.grid th.points{
    width:50px;
    text-align: right;
}
.grid td.product_name,.grid th.product_name{

    text-align: left;
}

.ref_no{
    text-align: left;
    width: 50px;
}
.description{
    text-align: left;
}
.points{
    text-align: right;
}
.rest_name{
    width: 295px;
    text-align: left;
}
.grid .reservation_date{
    background: none;
}
.people{
    width:82px;
    text-align: center;
}
.reservation_time{
    width:79px;
}
.grid .reservation_time{
    width:79px;
    text-align: center;
}
.grid .reservation_date{
    width: 110px;
    text-align: center;
}
.status{
    width:54px;
}

/*Redemption Point*/

ul.product_type_tab{
    list-style-type: none;    
}
ul.product_type_tab li{
    float:left;
}

.redeem_title td{
    padding: 0;
}
.align_center{
    text-align: center;
}
.left_points_box{
    float: right;
    text-align: right;
    margin-right: 10px;
}
.left_points_box input{
    background: none;
    border: 0px;
    width:35px;
    height: 15px;
    text-align: right;
    color:#FFFFFF;
}
.redemption .button{
    width:163px;
}
.menu_item_image img{
    max-width: 373px;
}


/*Restaurant Detail*/
#main-container #restdetail #gallery
{
    width:633px;
}
.gallery_primary_image{
    width: 633px;
    height: 278px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow:  hidden;

}

.reservation_bottom_buttons .report_button,
.reservation_bottom_buttons .addthis_button,
.reservation_bottom_buttons.cancel_button{
    float:left;
    margin-left: 10px;
    margin-right: 10px;
}

#frm_login .links ul{
    margin-top: 10px;
    list-style-type: none;
    margin-left: 160px;
}
#frm_login .links ul li{
    float: left;

}
#frm_login .links ul li a{

    font-size: 12px;
    color: white;
    text-decoration: underline;

}
.terms_n_conditions ul li{
    margin-top: 10px;
    text-align: justify;

}
.terms_n_conditions p{
    margin-top: 10px;
}

/*ICON*/
.icon_big a{

    background-repeat: no-repeat;
    width: 56px;
    height: 56px;
    display: block;
    float: left;
    margin-right: 48px;
}
.icon_big .favorite {
    background-image: url('../images/icons/faviconfull.png');
    background-position: -5px 0px;
}
.icon_big .favorite:hover {
    background-position: -5px -56px;
}
.icon_big .unfavorite {
    background-image: url('../images/icons/faviconfull.png');
    background-position: -66px 0px;
}
.icon_big .unfavorite:hover {
    background-position: -66px -56px;
}
.icon_big .reservation {
    background-image: url('../images/icons/reserveiconfull.png');
    background-position: -7px 0px;
}
.icon_big .reservation:hover {
    background-position: -7px -56px;
}
.icon_big .menu {
    background-image: url('../images/icons/menuiconfull.png');
    background-position: -7px 0px;
}
.icon_big .menu:hover {
    background-position: -8px -56px;
}
/*ICON Small*/
.icon_small a{

    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    float: left;
    margin-right: 2px;



}
.icon_small .favorite {
    background-image: url('../images/icons/fav_small.png');

}
.icon_small .favorite:hover {
    background-image: url('../images/icons/fav_small_over.png');

}
.icon_small .unfavorite {
    background-image: url('../images/icons/fav_small_select.png');
}
.icon_small .unfavorite:hover {
    background-image: url('../images/icons/fav_small_select_over.png');
}
.icon_small .reservation {
    background-image: url('../images/icons/reserve_small.png');

}
.icon_small .reservation:hover {
    background-image: url('../images/icons/reserve_small_over.png');
}
.icon_small .menu {
    background-image: url('../images/icons/menuiconfull.png');
    background-position: -7px 0px;
}
.icon_small .menu:hover {
    background-position: -8px -56px;
}

/*Contact Us*/

.contact_us .map{
    margin-top: 20px;
}

.contact_us .form {
    margin-top: 20px;
}
.contact_us .form .item label{
    width:100px;
    padding-top: 0px;

}
.contact_us .form .item {
    height: 24px;
}

/*Contact US*/
/*Menu List*/
.menu_list  .itemroweven
{
    width:100%;
    height:120px;
    float:left;
    padding-top:12px;
    padding-bottom:5px;
    background-color:rgba(56,69,138,0.3);
    /*    border-bottom:#323f80 solid 1px;*/
    /*    border-top:#323f80 solid 1px;*/
}
.menu_list .itemrowodd
{
    width:100%;
    height:120px;
    float:left;
    padding-top:12px;
    padding-bottom:5px;

}
.menu_list .itemoddbr
{
    border-bottom:#323f80 solid 1px;
}

.menu_list .itemtext
{
    width:450px;
    margin-left:5px;
    float:left;
}
.menu_list .itemtext h6
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    margin-bottom:10px;
}
.menu_list .itemimg
{
    width:155px;
    float:left;
    height:81px;
    background-color:#79a6e2;
    border:#323f80 solid 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-left:5px;
    margin-top:10px;
    padding-top:15px;
    text-align:center;
    background-position:center center;
    background-repeat:no-repeat;

}

.clearboth
{
    clear:both;
}
.menu_list .pointsmartop
{
    margin-top:8px;
}


.menu_list .category{
    color:#FFF;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#323f80;
    width:634px;
    margin-bottom:2px;
    margin-top:7px;
    padding:10px 0 0 5px;;
    background-image:url('images/bg_answer.gif');
    background-repeat:no-repeat;
    background-position:top right;
    height:24px;
    overflow:hidden;
    cursor:pointer;
    float:left;
}
.menu_list .category_items{
    display: none;
    width:632px;
}

/*Redeemption Start*/

.redemption #listredeem
{
    width:620px;
    float:left;
    font-size:13px;

}
.redemption  .tabsrow
{
    height:22px;
    clear:both;
}
.redemption .itemroweven
{
    width:100%;
    height:120px;
    float:left;
    padding-top:12px;
    padding-bottom:5px;
}
.redemption .itemrowodd
{
    width:100%;
    height:120px;
    float:left;
    padding-top:12px;
    padding-bottom:5px;
    background-color:rgba(56,69,138,0.3);
    /*    border-bottom:#323f80 solid 1px;
        border-top:#323f80 solid 1px;*/

}
.redemption .itemoddbr
{
    border-bottom:#323f80 solid 1px;
}

.redemption .itemtext
{
    width:325px;
    margin-left:5px;
    float:left;
}
.redemption .itemtext h6
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    margin-bottom:10px;
}
.redemption .itemimg
{
    width:155px;
    float:left;
    height:81px;
    background-color:#79a6e2;
    border:#323f80 solid 1px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-left:5px;
    margin-top:10px;
    padding-top:15px;
    text-align:center;
    background-position:center center;
    background-repeat:no-repeat;

}
.redemption .itemimg a{
    width:155px;

    height:81px;
    display: block;
}

.redemption .pointsqty
{
    width:120px;
    float:right;
    text-align:left;
    margin-top:20px;

}
.redemption .clearboth
{
    clear:both;
}
.redemption .pointsmartop
{
    margin-top:8px;
}
.redemption  #listredeem input
{
    width:35px;
    height:24px;
    background-image:url(../images/form/inputbgv2.png);
    margin-top:4px;
    margin-left:3px;
    margin-right:8px;
    text-align:center;
    border: 0px;
    padding-left: 0px;

}
.redemption #listredeem .checkbox 
{
    width: 40px;
    height: 28px;
    padding: 0 4px 0 0;
    background: url(../images/form/checkboxv2.png) no-repeat;
    display: block;
    float: left;
}
/*redeemption*/

.reservation_detail{

}

.reservation_detail .form .item label{
    width:120px;
    padding-top: 0px;

}
.reservation_detail .form .item {
    height: 24px;
}
.reservation_detail .form .horizental_seperator {

}
.reservation_detail .form span {
    padding-left: 10px;
}
.reservation_detail .icons {
    margin-top: 20px;
    text-align: left;
    clear: both;
}
.reservation_detail .icons  a{

    height: 24px;
    padding-left: 24px;
    padding-top: 6px;
    background-repeat: no-repeat;
    background-position: left;
    display: block;
    float: left;
    margin-right: 10px;
    width: 60px;
}
.reservation_detail .icons  .report{
    background-image: url("../images/icons/report_icon.png");


}
.reservation_detail .icons .cancel{
    background-image: url("../images/icons/cancel_icon.png");

}
.reservation_detail .icons .share{
    background-image: url("../images/icons/share_icon.png");

}
.thankyou p{
    margin-top: 25px;
}
