@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------- typography.css * Sets up some sensible default typography. * Based on the typography.css portion of Blueprint CSS @ http://blueprintcss.org/ -------------------------------------------------------------- */ 

/* Default font settings. The font-size percentage is of 16px. (1.125 * 16px ~ 18px) */

body {font-size: 100%; color:#444; background: #fff; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; margin: 0;}

#container {position: relative;width: 1045px;text-align: left;margin: 0 auto; padding-left:45px}

#flashcontent {position:relative; height:233px;top: 0px; width:100%;}
#headindex {top:0px; float:left; width:1025px; height:283px; background:url(../images/head_gnd.png) no-repeat;}
#head {top:0px;	float:left;	width:1025px; height:283px; background:url(../images/head_page.png) no-repeat;}

#content {
	clear:left;
	top:283px;
	}

#left {
	float:left;
	}

#leftbase {
	clear:left;
	width:220px;
	height:58px;
	background:url(../images/left_base.png);
	}

#main {
	float:left;
	margin-left:-20px;
	}
	
#mainbody {
	float:left;
	width:825px;
	background:url(../images/main_fill.png);
	background-repeat:repeat-y;
	}
#mainleft {
	float:left;
	width:130px;
	}
#maincontent {
	float:left;
	width:536px;
	}
	
.itemcolumn {
	float:left;
	width:440px;
	}

.pricecolumn {
	float:left;
	width:70px;
	text-align:right;
	}

.panelbody {
	float:left;
	width:825px;
	background:url(../images/main_fill.png);
	background-repeat:repeat-y;
	}
.panelleft {
	float:left;
	width:130px;
	}
.panelcontent {
	float:left;
	width:536px;
	}

#mainbase {
	clear:left;
	height:58px;
	background:url(../images/main_base.png) no-repeat;
	}
	
#inter {
	clear:left;
	height:90px;
	background:url(../images/paneljoin.png) no-repeat;
	}
	
a img {
	text-decoration: none;
	border: 0 none;
	}
	
#logo {
	position:absolute;
	bottom:35px;
	left:135px;
	z-index:10;
	width:130px;
	height:130px;
	background:url(../images/clogo.png) no-repeat;	
	}

#book {
	position:absolute;
	top:257px;
	left:860px;
	z-index:10;
	width:171px;
	height:40px;
	background:url(../images/bookonline.gif) no-repeat;
	}
	
#buy {clear:left; float:left; width:113px; margin:10px 0 0 330px;}
#buy a {display:block; width:113px; height:24px; background:url(../images/l_buy.gif) no-repeat}
#buy a:hover {background-position:0 -24px}
#subscribe {clear:left; float:left; width:113px; margin:10px 0 0 330px;}
#subscribe a {display:block; width:113px; height:24px; background:url(../images/l_subscribe.gif) no-repeat}
#subscribe a:hover {background-position:0 -24px}
#athome {clear:left; float:left; width:161px; margin:10px 0 0 300px;}
#athome a {display:block; width:161px; height:24px; background:url(../images/l_athome.gif) no-repeat}
#athome a:hover {background-position:0 -24px}

img.two {padding-right:10px;}
img.border {border:1px solid #777;}

#map {
	float:left;
	margin-left:-50px;
	}

/* Footer */
#footer {border-top:2px solid #D52D2D; clear:left; width:1000px; height:63px; background:url(../images/l_latest.gif) no-repeat;}
#twitter {float:left; width:540px; padding-left:325px; margin:3px 0 0 0; color:#444; font-size:0.9em; }
#footlink {float:left; width:60px; height:53px;}
/*LEM design logo*/
#footlem {float:left; width:200px; height:100%}
#twitlem {float:left; width:540px; margin:3px 0 0 0; padding-left:125px; color:#444; font-size:0.9em; }

#twitter_update_list {list-style-type:none; padding:0; width:530px}

/*-------------------main menu items------------------------*/
	
.mainmenu {
	width:220px;
	}

.mainmenu a{display:block; width: 220px; height:40px}

.mainmenu a.row1 {background:url(../images/m_foryou.png) no-repeat}
.mainmenu a.row2 {background:url(../images/m_foodanddrink.png) no-repeat}
.mainmenu a.row3 {background:url(../images/m_restaurant.png) no-repeat}
.mainmenu a.row4 {background:url(../images/m_shop.png) no-repeat}
.mainmenu a.row5 {background:url(../images/m_foodtogo.png) no-repeat}
.mainmenu a.row6 {background:url(../images/m_blog.png) no-repeat}
.mainmenu a.row7 {background:url(../images/m_fromus.png) no-repeat}
.mainmenu a.row8 {background:url(../images/m_catering.png) no-repeat}

.mainmenu a.row1:hover {background-position:0 -40px}
.mainmenu a.row2:hover {background-position:0 -40px}
.mainmenu a.row3:hover {background-position:0 -40px}
.mainmenu a.row4:hover {background-position:0 -40px}
.mainmenu a.row5:hover {background-position:0 -40px}
.mainmenu a.row6:hover {background-position:0 -40px}
.mainmenu a.row7:hover {background-position:0 -40px}
.mainmenu a.row8:hover {background-position:0 -40px}

/*------------------------------menu menu highlights------------------*/
.mainmenu span{display:block; width: 220px; height:40px}

#srow1 {background:url(../images/m_foryou.png) no-repeat; background-position:0 -40px}
#srow2 {background:url(../images/m_foodanddrink.png) no-repeat; background-position:0 -40px}
#srow3 {background:url(../images/m_restaurant.png) no-repeat; background-position:0 -40px}
#srow4 {background:url(../images/m_shop.png) no-repeat; background-position:0 -40px}
#srow5 {background:url(../images/m_foodtogo.png) no-repeat; background-position:0 -40px}
#srow6 {background:url(../images/m_blog.png) no-repeat; background-position:0 -40px}
#srow7 {background:url(../images/m_fromus.png) no-repeat; background-position:0 -40px}
#srow8 {background:url(../images/m_catering.png) no-repeat; background-position:0 -40px}


#srow1b {background:url(../images/m_foryou.png) no-repeat; background-position:0 0}
#srow2b {background:url(../images/m_foodanddrink.png) no-repeat; background-position:0 0}
#srow3b {background:url(../images/m_restaurant.png) no-repeat; background-position:0 0}
#srow4b {background:url(../images/m_shop.png) no-repeat; background-position:0 0}
#srow5b {background:url(../images/m_foodtogo.png) no-repeat; background-position:0 0}
#srow6b {background:url(../images/m_blog.png) no-repeat; background-position:0 0}
#srow7b {background:url(../images/m_fromus.png) no-repeat; background-position:0 0}
#srow8b {background:url(../images/m_catering.png) no-repeat; background-position:0 0}


/*--------------------------submenu items----------------------------*/

.submenu {
	width:220px;
	}

.submenu a{display:block; width: 220px; height:22px;}

.submenu a.sub1 {background:url(../images/s_whatscookie.png) no-repeat; background-position:0 0}
.submenu a.sub2 {background:url(../images/s_events.png) no-repeat; background-position:0 0}
.submenu a.sub3 {background:url(../images/s_mailing.png) no-repeat; background-position:0 0}
.submenu a.sub4 {background:url(../images/s_coffee.png) no-repeat; background-position:0 0}
.submenu a.sub5 {background:url(../images/s_wine.png) no-repeat; background-position:0 0}
.submenu a.sub6 {background:url(../images/s_recipes.png) no-repeat; background-position:0 0}
.submenu a.sub7 {background:url(../images/s_education.png) no-repeat; background-position:0 0}
.submenu a.sub8 {background:url(../images/s_menu.png) no-repeat; background-position:0 0}
.submenu a.sub9 {background:url(../images/s_winelist.png) no-repeat; background-position:0 0}
.submenu a.sub10 {background:url(../images/s_cookingclub.png) no-repeat; background-position:0 0}
.submenu a.sub11 {background:url(../images/s_takeaway.png) no-repeat; background-position:0 0}
.submenu a.sub12 {background:url(../images/s_athome.png) no-repeat; background-position:0 0}
.submenu a.sub13 {background:url(../images/s_people.png) no-repeat; background-position:0 0}
.submenu a.sub14 {background:url(../images/s_design.png) no-repeat; background-position:0 0}
.submenu a.sub15 {background:url(../images/s_southside.png) no-repeat; background-position:0 0}
.submenu a.sub16 {background:url(../images/s_umbria.png) no-repeat; background-position:0 0}

.submenu a.sub1:hover {background-position:0 -22px}
.submenu a.sub2:hover {background-position:0 -22px}
.submenu a.sub3:hover {background-position:0 -22px}
.submenu a.sub4:hover {background-position:0 -22px}
.submenu a.sub5:hover {background-position:0 -22px}
.submenu a.sub6:hover {background-position:0 -22px}
.submenu a.sub7:hover {background-position:0 -22px}
.submenu a.sub8:hover {background-position:0 -22px}
.submenu a.sub9:hover {background-position:0 -22px}
.submenu a.sub10:hover {background-position:0 -22px}
.submenu a.sub11:hover {background-position:0 -22px}
.submenu a.sub12:hover {background-position:0 -22px}
.submenu a.sub13:hover {background-position:0 -22px}
.submenu a.sub14:hover {background-position:0 -22px}
.submenu a.sub15:hover {background-position:0 -22px}
.submenu a.sub16:hover {background-position:0 -22px}

/*-------------------------------submenu highlights-----------------*/
.submenu span{display:block; width: 220px; height:22px}

#ssub1 {background:url(../images/s_whatscookie.png); background-position:0 -22px}
#ssub2 {background:url(../images/s_events.png); background-position:0 -22px}
#ssub3 {background:url(../images/s_mailing.png); background-position:0 -22px}
#ssub4 {background:url(../images/s_coffee.png) no-repeat; background-position:0 -22px}
#ssub5 {background:url(../images/s_wine.png) no-repeat; background-position:0 -22px}
#ssub6 {background:url(../images/s_recipes.png) no-repeat; background-position:0 -22px}
#ssub7 {background:url(../images/s_education.png) no-repeat; background-position:0 -22px}
#ssub8 {background:url(../images/s_menu.png) no-repeat; background-position:0 -22px}
#ssub9 {background:url(../images/s_winelist.png) no-repeat; background-position:0 -22px}
#ssub10 {background:url(../images/s_cookingclub.png) no-repeat; background-position:0 -22px}
#ssub11 {background:url(../images/s_takeaway.png) no-repeat; background-position:0 -22px}
#ssub12 {background:url(../images/s_athome.png) no-repeat; background-position:0 -22px}
#ssub13 {background:url(../images/s_people.png) no-repeat; background-position:0 -22px}
#ssub14 {background:url(../images/s_design.png) no-repeat; background-position:0 -22px}
#ssub15 {background:url(../images/s_southside.png) no-repeat; background-position:0 -22px}
#ssub16 {background:url(../images/s_umbria.png) no-repeat; background-position:0 -22px}

/* Headings -------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight:normal; color: #444; } 
h1 { font-size: 1em; margin-bottom: 1em; margin-top:-0.1em} 
h2 { font-size: 2em; margin-bottom: 0.75em; } 
h3 { font-size: 1em; margin-bottom: -1em; margin-top:-0.1em}
h4 { font-size: 0.8em; margin-bottom: 1.4em; color:#000;}
h5 { font-size: 1em; font-weight: bold; margin: -0.1em 0 0.5em -0.1em; } 
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0em; }

/* Text elements -------------------------------------------------------------- */

p { margin: 0.5em 0 1em 0;} 
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 
a:focus, a:hover { color: #D52D2D; } 
a { font-weight:bold; text-decoration: none; color:#444} 
blockquote { margin: 1.5em; color: #666; font-style: italic; } 
strong { font-weight: bold; }
em,dfn { font-style: italic; } 

/* Lists -------------------------------------------------------------- 
li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0 1.5em 1.5em 1.5em; } 
ul { list-style-type: disc; } 
ol { list-style-type: decimal; } 
dl { margin: 0 0 1.5em 0; } 
dl dt { font-weight: bold; } 
dd { margin-left: 1.5em;} 
*/

/*booking form elements*/
#contactform {width:450px; overflow:hidden; font-size:0.9em; margin:30px 0 3px; font-size:0.9em; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;}
#contactform li {list-style:none; padding-bottom:10px; clear:both; vertical-align:top;}

label {display:block; padding-bottom:5px; margin-top:10px; font-size:0.8em; color:#666; }
label#numparty {display:inline; vertical-align:top; margin-left:2px; line-height:40px}

#contactform li div#time {float:left; margin:0 0 0 22px;}
#contactform li div#person {float:left; margin:0 0 0 40px;}
#contactform li div input {background-color:#ffffff; border:1px solid #CCCCCC; padding:4px; width:18px;}
#contactform li input {background-color:#ffffff; border:1px solid #CCCCCC; padding:4px; width:400px;}
#contactform li textarea {background-color:#ffffff; border:1px solid #CCCCCC; height:110px; padding:4px; width:400px; overflow:hidden; font-size:0.9em; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;}
#contactform li select {background-color:#ffffff; border:1px solid #CCCCCC; padding:3px; width:100px; margin-bottom:23px}

#reqd {width:450px; text-align:right; font-size:0.8em; margin-top:-8px; padding:0 0 5px 0}

#sendbutton {color: #606060;background: #fff; margin: 0; border: 0; width:auto; font-weight:bold; margin-left:30px; font-size:1em}
#sendbutton:hover {color: #D52D2D; cursor: pointer; /* cursor: hand; for IE5 */}