/* ---------------------------------------------
LOCATIONS.CSS
-----------------------------------------------*/

/* -------- Page title ----------*/

h2 {
	text-indent:0;
	background:none;
	text-transform:uppercase;
	color:#8e8e8e;
	font-size:2.0em;
	font-weight:bold;
	margin-bottom:20px;
}

h2.location_2 {
	text-indent:-5000px;
	background:url(/assets/belgo/images/titles/location_centraal.gif);
}

h2.location_5 {
	text-indent:-5000px;
	background:url(/assets/belgo/images/titles/location_noord.gif);
}

h2.location_7 {
	text-indent:-5000px;
	background:url(/assets/belgo/images/titles/location_clapham.gif);
}

h2.location_8 {
	text-indent:-5000px;
	background:url(/assets/belgo/images/titles/location_kingsway.gif);
}

/* -------- Mini titles ----------*/

#address h4 {
	width:189px;
	height:16px;
	text-indent:-5000px;
	margin-bottom:6px;
}

#address h4.title_address {
	background:url(/assets/belgo/images/locations/template/title_address.gif) top left no-repeat;
}

#address h4.title_opening {
	background:url(/assets/belgo/images/locations/template/title_opening.gif)  top left no-repeat;
}

#address h4.title_directions {
	background:url(/assets/belgo/images/locations/template/title_directions.gif)  top left no-repeat;
}

#address h4.title_offers {
	margin-top:5px;
	background:url(/assets/belgo/images/locations/template/title_offers.gif)  top left no-repeat;
}

/* -------- Bookonline ----------*/

#sidebar { /* This makes the sidebar 10px wider than standard to accommodate the Live Bookings interface */
	width:300px;
	float:left;
	padding-left:20px;
	margin-bottom:20px;
}

#sidebar .bookonline  {
	width:300px;
	overflow:hidden;
}

#sidebar .bookonline h3 {
	background:url(/assets/belgo/images/titles/side_bookonline.gif);
	margin:20px 0 10px 0;
}


/* -------- Misc ----------*/

#content {
	width:480px;
	float:left;
	padding-right:0;
}

#address {
	float:left;
	color:#7b7b7b;
	width:184px;
	margin-right:15px;
}

#address form {
		width:199px;
		overflow:hidden;
		margin-bottom:16px;
}

#address input {
	float:left;
	padding:3px;
	color:#979797;
	font-style:italic;
	font-size:1.2em;
	margin-top:5px;
}

#address input.send { /* This is the go button in the main page content, not the sidebar */
	float:right;
	width:28px;
	height:18px;
	background:url(/assets/belgo/images/template/button_go.gif);
	margin:8px 6px 0 0;
	display:inline;
	border:0;
	padding:0;
	cursor:pointer;
}


#address h4 {
	color:#606060;
	font-size:1.25em;
	line-height:1.5em;
	font-weight:bold;
}

#sidebar h3 {
	background:url(/assets/belgo/images/titles/side_locations.gif);
	margin:20px 0 10px 0;
}


/* -------- Menus ----------*/

ul#menus {
	border:2px solid #d7d7d7;
	width:247px;
	padding:10px;
	background:#FFF;	
	margin-top:10px;
}

ul#menus li {
	padding:18px 0 18px 60px;
	margin-bottom:10px;
}


ul#menus li.main {
	background:url(/assets/belgo/images/locations/template/icon_mainmenu.gif) center left no-repeat;
}

ul#menus li.lunch {
	background:url(/assets/belgo/images/locations/template/icon_lunchmenu.gif) center left no-repeat;
}

ul#menus li.clock {
	background:url(/assets/belgo/images/locations/template/icon_clockmenu.gif) center left no-repeat;
}

ul#menus li.drink {
	background:url(/assets/belgo/images/locations/template/icon_drinkmenu.gif) center left no-repeat;
}

ul#menus li.kids {
	background:url(/assets/belgo/images/locations/template/icon_kidsmenu.gif) center left no-repeat;
	margin:0;
}

ul#menus li.oktober {
	background:url(/assets/belgo/images/locations/template/icon_oktoberfestmenu.gif) center left no-repeat;
}

ul#menus li.valentines {
	background:url(/assets/belgo/images/locations/template/icon_valentinesmenu.gif) center left no-repeat;
}

/* -------- Gallery ----------*/

div#gallery {
	float:right;
	width:281px;

}

ul#photos {
		padding:5px;
		width:271px;
		height:224px;
 		background:url(/assets/belgo/images/locations/template/gallery_back.gif);
		overflow:hidden;
}

ul#photos li{
		width:257px;
		height:166px;
}

/* -------- Belgo Bill quote ----------*/

#sidebar h3.review {
	background:url(/assets/belgo/images/titles/side_review.gif) top no-repeat;
	margin:20px 0 20px 0;
	width:290px;
}


#bill {
	font:1.2em Georgia, "Times New Roman", Times, serif;
	background:#FFF;
	padding:15px 15px 160px 15px;
	width:260px;
	background:#FFF url(/assets/belgo/images/locations/template/bill.jpg) bottom left no-repeat;
}