/* CSS Document */







/* global styles */



* { padding:0px; margin:0px; }



ul, li, p, h1, h2, h3, h4, hr{ padding:0px; margin:0px; }



hr { margin:10px 0px 10px 0px; color:#3D2217; background-color:#3D2217; height:2px; border:none; }

li { list-style-type:none; }



img {border: 0px; }



a {color:#3D2217; font-weight:bold;}



a:hover {}



input { border:1px solid #AEA69C; background-color:#F6EAC1; margin:5px 0px 5px 0px;}



textarea {}



body { background:url('../images/bgTile.gif');}



.cL { clear:left; }

.cR { clear:right; }

.cB { clear:both; }



/* Structure */





#container { position:relative; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px;}



#header { position:relative; width:auto; height:130px; background:url('../images/headerBg.jpg') repeat-x; font-size:11px; font-weight:bold; color:#9D948D;}



#menuArea {	margin:10px auto; width:800px; height:165px; clear:both; padding:0px;}



#content { height:100%; clear:both; color:#3D2217; width:800px; margin:0px auto;}



#footer { border-top:2px solid #3D2217; clear:both; width:800px; margin:15px auto; padding:5px 0px 5px 0px; font-weight:bold; color:#3D2217; font-size:x-small;}



.wrap { width:800px; margin:0px auto; }



.wrap.header {padding-top:85px;}







/* Header Styling */



#logo {float:left; margin-right:20px;}



#tagline {float:left; padding-top:12px;}



.openTimes { float:right; text-align:right; padding-top:12px; }



/* footer */



.teabagroll { display:block; height:16px; width:46px; background:url('../images/teabagRoll.gif'); }



.teabagroll:hover { background:url('../images/teabagRoll.gif') bottom left; }



.teabagroll span {display:none;}









/* Menu */



#menuArea li { display:inline; height:130px; height:20px; float:left;}



#menuArea li ul li { display:block; float:none; }

#menuArea li ul { width:90px; }



#menuArea a { display:block; height:16px; color:#3D2217; }



#menuArea .mR { 

border-bottom:2px solid #3D2217; 

margin-right:37px;

font-weight:bold;

color:#3D2217;

text-decoration:none;

font-size:12px;

line-height:1em;

width:130px;

height:12px;

background-repeat:no-repeat;

}



#menuArea .mR:hover { background-position:bottom left; }

#menuArea span {display:none;}





#menuArea .mR.home {background-image:url(../images/menu/home.gif)}

#menuArea .mR.about {background-image:url(../images/menu/about.gif)}

#menuArea .mR.contact {background-image:url(../images/menu/contact.gif)}

#menuArea .mR.menus { background-image:url(../images/menu/menus.gif) }

#menuArea .mR.other { margin-right:0px; margin-left:1px; background-image:url(../images/menu/other.gif)}





#menuArea a:hover { border-bottom:2px solid #005A88; }



/* SubMenus */

#menuArea div { padding-top:10px; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:-1.1px; font-weight:bold; }

#menuArea div a { background-repeat:no-repeat; }

#menuArea div a:hover { border:0px; width:64px; height:17px; background-position:bottom;}





#menuArea #menumenu a { width:64px; height:17px; }

#menuArea #aboutmenu a { width:84px; height:17px; }

#menuArea #othermenu a { width:66px; height:16px; }





/* Common Containers */



.txtCol { width:245px; float:left; margin:5px 32px 5px 0px; text-align:justify; }

.txtCol.last {margin-right:0px;}

.txtCol.noHeader {padding-top:36px;}

.txtCol.map { width:525px; position:relative;margin-left:-5px; margin-right:0px;}


#subscribe input{ display:block; width:235px; font-size:11px; padding:3px;}
#subscribe input[type='hidden'] { display:none; }
#subscribe #submit {width:50px; background-color:#005A88; color:white; font-size:11px; padding:3px;}




#enquiry { display:block; width:235px; font-size:11px; padding:3px; border:1px solid #AEA69C; background-color:#F6EAC1; margin:5px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}






/* Common Elements */

.titles { margin-bottom:10px; }

.txtCol img {display:block; }



/* Menu Page */



	/* -Structure */

	

	.menPageMenu {float:left; height:300px; width:200px; font-size:16px; padding-top:45px;}

	.menuContent {float:left; height:335px; width:600px;}

	.menuFooter {float:right; height:75px; width:600px; padding-top:25px; _padding-top:0px;}

	

	.itemWrap {width:130px; height:125px; float:left; margin:10px; font-size:12px; overflow:hidden;}	

	

	.menuWrap {width:600px; overflow:hidden; height:300px;}

		

	#scroller { height:260px; float:left;}



	/* -Styles */

	.sifrlinks {font-size:16px; cursor:pointer;}

	.vegInfo { font-size:16px; display:block; margin-top:15px; float:left; }

	.menuWrap a{font-weight:bold; color:#3D2217; text-transform:uppercase;}

    .menuWrap a:hover{font-weight:bold; color:#005A88; text-transform:uppercase;}

	.itemTitle {font-weight:bold; color:#3D2217; text-transform:uppercase; display:block;}

	.itemSubTitle {color:#666666; display:block;}

	

	a.pdfdownload { display:block; height:16px; margin-top:15px;background:url('../images/pdfdownload.gif') no-repeat top; width:153px; float:left; }

	a.pdfdownload:hover { background-position:bottom; }

	a.pdfdownload span { display:none; }

	

	

/* Links Page */



	.links { margin:7px 0px 7px 0px }

	.links a { display:block;}

	

	

/** menu menu graphics **/

	.menuFood { background-image:url(../images/menu/food_menu.gif); }

	.menuTakeout {background-image:url(../images/menu/takeout_menu.gif); }

	.menuDrinks {background-image:url(../images/menu/drinks_menu.gif); }



/** about menu graphics **/



	.menuEthos { background-image:url(../images/menu/ethos_menu.gif); }

	.menuPress { background-image:url(../images/menu/press_menu.gif); }

	.menuPeople { background-image:url(../images/menu/people_menu.gif);}

	.menuPlace { background-image:url(../images/menu/place_menu.gif); }


/** other menu graphics **/



	.menuGallery { background-image:url(../images/menu/gallery_menu.gif); }

	.menuLatestnews { background-image:url(../images/menu/latestnews_menu.gif); }

	.menuLinks { background-image:url(../images/menu/links_menu.gif); }

	

	

	/* Scroll Bar Master Styling Starts Here */

/* All comments can be freely removed from the css */



.scrollgeneric {

line-height: 1px;

font-size: 1px;

position: absolute;

top: 0; left: 0;

}



.hscrollerbase {

height: 10px;

background-image:url('../images/scroll/horz_base.gif');

}



.hscrollerbar {

height: 5px;

background-color: #005A88;

margin-top:2px;



}



.scrollerjogbox {

width: 10px;

height: 10px;

top: auto; left: auto;

bottom: 0px; right: 0px;

background-color: gray;

}


.LV_validation_message.LV_valid { display:none; }
.LV_validation_message.LV_invalid { color:red; }