body{margin:0px; padding:0px 0px 0px 0px; background:#aaaaaa;}

/************************************************
* General *
************************************************/

table {font-size: 12px; color: #2c2c2c; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.6em;}



/************************************************
* Container - This class is for main table(if needed)*
************************************************/
.home_bg{background:url(../images/bg.jpg) no-repeat; height:650px;}


/************************************************
* Header - for header section*
************************************************/

.header { padding:0px; height:5px;}
.toplink{ padding:10px 0px 0px 0px; text-decoration:none; color:#FFF; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
.toplink a{text-decoration:none; color:#FFF; font-size:11px;}
.toplink a:hover{text-decoration:underline; color:#FFF; font-size:11px;}

.h_link{color:#FFF; font-size:10px; font-family:Verdana, Geneva, sans-serif; padding:4px 0px 0px 0px;}
.h_link a{color:#FFF; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-decoration:none;}
.h_link a:hover{color:#FFF; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}


/************************************************
* Header Navigation *
************************************************/
.toppad{padding:10px 0px 0px 0px;}

.navtopbg{background:url(../images/left-nav-top.png) no-repeat left top; width:167px; height:10px;}
.navbtmbg{background:url(../images/left-nav-btm.png) no-repeat left top; width:167px; height:10px;}

.navbg{ background:#622e16;}

.nav{padding:20px 0px 10px 18px; margin:0px;}
.nav ul{padding:0px; margin:0px; list-style:none;}
.nav ul li{padding:0px 0px 5px 0px;; margin:0px; color:#FFF; font-size:12px;}
.nav ul li a{ color:#FFF; font-size:12px; text-decoration:none;}
.nav ul li a:hover{ color:#f0debf; font-size:12px; text-decoration:none; font-weight:bold;}
.nav ul li a.selected{ color:#f0debf; font-size:12px; text-decoration:none; font-weight:bold;}

.navright{background:url(../images/prav-dining-mid.png) repeat-y; padding:0px 15px 10px 20px;}
.navright ul{padding:0px; margin:0px; list-style:none;}
.navright ul li{padding:0px 0px 5px 0px;; margin:0px; color:#FFF; font-size:12px;}
.navright ul li a{ color:#FFF; font-size:12px; text-decoration:none;}
.navright ul li a:hover{ color:#f0debf; font-size:12px; text-decoration:none; font-weight:bold;}
.navright ul li a.selected{ color:#f0debf; font-size:12px; text-decoration:none; font-weight:bold;}

.menupad{padding-top:14px;}




/************************************************
* Gallery page *
************************************************/
.gallery_bg{background:url(../images/gallery_bg.jpg) no-repeat; height:650px;}
.gal_pad{padding:40px 40px 0px 40px;}
.gal_title{color:#f0debf; font-size:18px; padding-right:50px;}


/************************************************
* News page *
************************************************/
.news_bg{background:url(../images/news_bg.jpg) no-repeat; height:650px;}
.news_pad{padding:40px 40px 0px 40px;}
.news_title{color:#f0debf; font-size:18px; padding-right:50px;}
.news_font{color:#fff;}

.news_paging a{text-decoration:none; font-size:13px; color:#FFF;}
.news_paging a:hover{text-decoration:underline; font-size:13px; color:#faa107; font-weight:bold;}


/************************************************
* menu page *
************************************************/
.menu_bg{background:url(../images/menu_bg.jpg) no-repeat; height:650px;}
.menu_pad{padding:14px 14px 14px 0px;}

.menu_title{color:#f0debf; font-size:18px;}
.menu_font{color:#fff; line-height:17px;}
.menu_font2{color:#f0debf;}
.menu_dotedline {background:url(../images/menu-dotedline.png) repeat-x center; height:17px;}

.menutop {background:url(../images/menu-top.png) no-repeat; height:9px;}
.menubtm {background:url(../images/menu-btm.png) no-repeat; height:9px;}
.menumid {background:url(../images/menu-mid.png) repeat-y; padding:0px 15px 10px 20px;}

/************************************************
* contact page *
************************************************/
.contact_bg{background:url(../images/contact_bg.jpg) no-repeat; height:650px;}
.contact_pad{padding:14px 0px 14px 0px;}

.contact_title{color:#f0debf; font-size:18px;}
.contact_font{color:#fff; line-height:normal;}

.contacttop {background:url(../images/contact-top.png) no-repeat; height:9px;}
.contactbtm {background:url(../images/contact-btm.png) no-repeat; height:9px;}
.contactmid {background:url(../images/contact-mid.png) repeat-y; padding:0px 22px 10px 18px;}
.mappadd {padding-bottom:14px;}
.contbtnpadd {padding-top:10px;}

/************************************************
* private-dining *
************************************************/
.prvdining_bg{background:url(../images/private-dining_bg.jpg) no-repeat; height:600px;}

.prvdining_font{color:#fff; line-height:17px;}

.prvdiningtop {background:url(../images/prav-dining-top.png) no-repeat; height:9px;}
.prvdiningbtm {background:url(../images/prav-dining-btm.png) no-repeat; height:9px;}
.prvdiningmid {background:url(../images/prav-dining-mid.png) repeat-y; padding:0px 15px 10px 20px;}


/************************************************
* detail page *
************************************************/
.detail_bg{height:650px;}
.detail_title{color:#f0debf; font-size:13px; padding-bottom:15px; padding-top:30px;}
.detail_font{color:#fff; line-height:normal; padding-left:20px;}

/************************************************
* general home page *
************************************************/
.genhome_bg{background:url(../images/gen-bg.png) no-repeat; height:610px;}
.genhome_logo {padding:50px 0px 90px 0px;}
.ltbtnbg {background:url(../images/restaurant-bg2.gif) no-repeat center; color:#FFFFFF; font-size:25px; }
.ltbtnbg a {color:#FFFFFF; font-size:25px; text-decoration:none;}
.ltbtnbg a:hover {color:#FFFFFF; font-size:25px; text-decoration:none;}

.rtbtnbg {background:url(../images/takeaway-bg2.gif) no-repeat center; color:#FFFFFF; font-size:25px; }
.rtbtnbg a {color:#FFFFFF; font-size:25px; text-decoration:none;}
.rtbtnbg a:hover {color:#FFFFFF; font-size:25px; text-decoration:none;}

.detail_title{color:#f0debf; font-size:13px; padding-bottom:15px; padding-top:30px;}
.detail_font{color:#fff; line-height:normal; padding-left:20px;}


/************************************************
* Right Sidebar *
************************************************/
.rightside {}

.rightbg{background:url(../images/rightbg.png) no-repeat; width:402px; height:108px; color:#FFF; font-size:22px; text-align:center; line-height:26px;}


/************************************************
* Content *
************************************************/


.btm_left{background:url(../images/btm-left-curv.png) no-repeat left top; width:9px; height:46px;}
.btm_right{background:url(../images/btm-right-curv.png) no-repeat left top; width:9px; height:46px;}
.btmbg{background:url(../images/btm-mid.png) repeat-x top; height:46px;}

/************************************************
* Footer*
************************************************/

.footer { color:#FFF; font-size:10px; font-family:Verdana, Geneva, sans-serif; padding:3px 0px 5px 0px;}
.footer a{text-decoration:none; font-size:10px; color:#FFF;}
.footer a:hover{text-decoration:underline; font-size:10px; color:#2f1104;}



/************************************************
* Grid related Class *
************************************************/
input {border: #e8d5b8 1px solid; padding:2px; color: #fff; background: url(images/textboxbg.gif) #ffffff repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /* default class for the textboxes for whole project */
textarea {border: #e8d5b8 1px solid; padding:2px; font-size: 12px; background: url(images/textboxbg.gif) #ffffff repeat-x; color: #fff; font-family:Arial, Helvetica, sans-serif; } /* default class for the textarea for whole project */
select {border: #b8b8b8 1px solid; padding:2px; font-size: 12px; background: url(images/textboxbg.gif) #ffffff repeat-x; color: #000000; font-family:Arial, Helvetica, sans-serif; } /* default class for the list menu/dropdown(like to select countries or state) for whole project */

.inputbg {background:none;}
.inputbutton {cursor: pointer; color: #fff; text-align:center; background:#57311d; border:none; font-size:11px; font-weight:bold; width:70px;  padding:0px; font-family:Arial, Helvetica, sans-serif; height:20px;} /* to make custom type of inputbutton for whole project */
.mandatory{color:#990000; font-weight:bold; font-size:12px;} /* to display mandatory things in the form, like "*"  */
.label{color:#999999; font-weight:bold; } /* to give the class for fields label  */
.red {color: Red;}
.dottedline{background:url(images/dotted.gif) repeat-x top; height:9px;} /* for dotted lines */
.border{border:1px solid #97b7dc; padding:2px;} /* common class to use border in the whole project */
.nobg { background:none; border:none;} /* to give remove the background color or border of CHECKBOX and RADIO BUTTON */
.sfont{font-size:11px; color:#fff; line-height:normal;} /* for small grey font like to write comments near textfield in the grid */
.altbg{background-color:#f1f7fe;  border-top:1px solid #b8d6f9; } /* for grid's alternate raw */
.nrlbg{background-color:#fff;   border-top:1px solid #b8d6f9;} /* for grid's normal raw */
.gridheaderbg{background:url(images/gridheaderbg.gif) repeat-x; height:28px; color:#fff;  line-height:normal;} /* for the image or background color of grid's header */

#scrollable2 {
 overflow: hidden;
}

#track3 {
	position: absolute;
	width: 15px;
	height: 350px;
}

/* vertical track handle */
#handle3 {
	width: 15px;
	height: 37px;
}

/* wrap to make sure that image area is clickable */