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

body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333333;
	background-color:#009933;
}
.bodygrey11 {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 130%;
} 
.bodygrey10a {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height: 130%;
}
.bodygrey10 {
	font-size: 10px;
	color: #333333;
} 
.bodygrey11space {
	font-size: 11px;
	color: #666666;
	line-height: 15px;
	text-decoration: none;
}
.bodygrey13 {
	font-size: 13px;
	color: #666666;
}
.bodygrey12space {
	font-size: 12px;
	color: #666666;
	line-height: 19px;
	text-decoration: none;
}
.bodygrey12spacedark {
	font-size: 12px;
	color: #333333;
	line-height: 15px;
	text-decoration: none;
}
.bodygrey12 {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.bodygrey12form {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	width: 150px;
}
.bodylinks {
	font-size: 12px;
	font-weight: bold;
	color: #805E66;
	line-height: 16px;
	text-decoration: none;
}
.bodywhite11 {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.bodywhite12 {
	font-size: 12px;
	color: #FFFFFF;
}
.bodygrey11form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	width: 158px;
}
.bodygrey12form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	width: 200px;
}
a.menu {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	display: block;
	width: 100%;
	padding-left: 3px;
}
a.menu:hover {
	font-size: 12px;
	font-weight: normal;
	color: #F00000;
	text-decoration: none;
	width: 100%;
}
a.submenu {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	display: block;
	width: 100%;
	padding-left: 3px;
}
a.submenu:hover {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	width: 100%;
	padding-left: 3px;
	bgcolor: #000000;
	background-color: #F1F2EC;
}
a.subcategory {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	display: block;
	width: 100%;
	padding-left: 2px;
	line-height: 16px;
}
a.subcategory:hover {
	font-size: 11px;
	font-weight: normal;
	color: #F00000;
	text-decoration: underline;
	width: 100%;
	padding-left: 2px;
	bgcolor: #000000;
	line-height: 16px;
}
a.subcategory12 {
	font-size: 8pt;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding-left: 2px;
	line-height: 16px;
}
a.subcategory12:hover {
	font-size: 8pt;
	font-weight: normal;
	color: #F00000;
	text-decoration: underline;
	padding-left: 2px;
	bgcolor: #000000;
	line-height: 16px;
}
.bodyblue11 {
	font-size: 11px;
	font-weight: normal;
	color: #0057AE;
	text-decoration: none;
}
.bodygrey11Copy {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.bodygrey11Login {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	width: 140px;
}
.bodygreen11 {
	font-size: 11px;
	color: #009933;
	text-decoration: none;
} 
.bodygreen12 {
	font-size: 12px;
	color: #009933;
	text-decoration: none;
} 
.bodygreen14 {
	font-size: 14px;
	color: #009933;
	text-decoration: none;
}
.bodygreen14bold {
	font-size: 14px;
	color: #009933;
	text-decoration: none;
	font-weight:bold;
}
.bodygreen16bold {
	font-size: 16px;
	color: #009933;
	text-decoration: none;
	font-weight:bold;
}
.bodygreen12bold {
	font-size: 12px;
	font-weight: bold;
	color: #009933;
	text-decoration: none;
} 
.bodygrey11form150 {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	width: 150px;
}
.bodygrey11form200 {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	width: 200px;
}
.bodyred11 {
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}
.bodygrey8 {
	font-size: 9px;
	color: #333333;
}
.bodygreen10 {
	font-size: 10px;
	color: #009933;
	text-decoration: none;
}


/* NEW CSS */

/* Floats and spacers */ 
.fltrt { 
	float: right;
	margin: 0 0 20px 20px;
}
.fltrt_border {
	float: right;
	margin: 0 0 20px 20px;
	border:5px solid #B6B8A5;
}
.fltlft { 
	float: left;
	margin:0 20px 20px 0;	
}
.fltlft_border {
	float: left;
	margin: 0 20px 20px 0;
	border:5px solid #B6B8A5;
}
.fltcen { 
	margin: 0 auto 10px auto;
	display: block;
	border:0;
}
.fltcen_border {
	margin: 0 auto 10px auto;
	display: block;
	border:5px solid #B6B8A5;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 0px;
    line-height: 0px;
}
.spacer{
	clear:left;
	height:1px;
	overflow:hidden; 
	font-size:1px;
} 
.spacer_rt{
	clear:right;
	height:1px;
	overflow:hidden; 
	font-size:1px;
} 
.spacer_0{
	clear:both;
	height:0px;
	overflow:hidden; 
	font-size:0px;
}
.spacer_2{
	clear:both;
	height:2px;
	overflow:hidden; 
	font-size:1px;
}
.spacer_6{
	clear:left;
	height:6px;
	overflow:hidden; 
	font-size:1px;
}
.spacer_8{
	clear:left;
	height:6px;
	overflow:hidden; 
	font-size:1px;
}
.spacer_12{
	clear:left;
	height:12px;
	overflow:hidden; 
	font-size:1px;
}
.spacer_15{
	clear:left;
	height:15px;
	overflow:hidden; 
	font-size:1px;
}
.spacer_5 {
	height:5px;
	overflow:hidden; 
	font-size:1px;
	clear:both;
}
.spacer_10 {
	height:10px;
	overflow:hidden; 
	font-size:1px;
	clear:both;
}
.spacer_12 {
	height:12px;
	overflow:hidden; 
	font-size:1px;
	clear:both;
}
.spacer_20 {
	height:20px;
	overflow:hidden; 
	font-size:1px;
	clear:left;
}


/* Other */
a img {
	border:none;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}   

/* Links */

a:link { 
	color: #f00000;
	text-decoration:none;
	}
a:visited { 
	color: #f00000; 
	text-decoration:none;
	}
a:hover { 
	color: #f00000;
	text-decoration: underline;
	}
a:active { 
	color: #000;
	}
h2 a:link, h2 a:visited, h2 a:active {
	font-size: 12px;
	font-weight: bold;
	color: #009933;
	text-decoration: none;
}
h2 {
	margin:0;
	padding:0 0 6px 0;
	font-size: 12px;
	font-weight: bold;
	color: #009933;
}

/* LOGO */

#header h1 {
	margin: 13px 0; 
	padding: 0;
	float:left;
}

/* Fonts*/ 
.bold {
	font-weight:bold;
}


/* Layout Divs */

#header {
	background-image:url(../graphics/nav_back.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	padding: 0;
	margin:0;
	height:120px;
	background-color:#FFF;
} 
#header_content {
	width:970px;
	margin:0 auto;
	height:110px;
}
#container {
	width:100%;
	background:url(../graphics/green_fade.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#FFF;
}
#maincontent { 
	width: 970px;
	margin: 0 auto;
	text-align: left;
	padding:20px 0;
} 
#leftbar {
	float: left; 
	width: 175px;
	padding: 0; 
}
#rightbar {
	float: right; 
	width: 175px; 
	padding: 0;
}
#centretable { 
	margin: 0 190px 0 194px; 
	padding: 0; 
} 
#footer { 
	padding: 20px;
	font-size:0.7em;
	background:url(../graphics/footer_back.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#009933;
} 
#footer a {
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
}
#footer_container {
	width:970px;
	margin:0 auto;
	height:80px;
	color:#FFF;
}
#footer_left {
	float:left;
	width:350px;
	margin:0 0 0 10px;
	text-align:left;
}
#footer_right {
	float:right;
	width:500px;
	margin:0 10px 0 0;
	text-align:right;
}


/* Main Navigation */

#nav {
	clear:both;
	margin:0;
	padding:0;
	width: 940px;
	height: 32px;
	text-align:left;
}	
#nav ul {
	margin:0; 
	padding:0;
}
#nav li {
	margin:0; 
	padding:0;
	list-style:none;
	display:inline;
	height: 32px;
}	
#nav a {
	float:left;
	padding:32px 0 0 0;
	overflow:hidden;
	height:0px !important; 
	height /**/:32px; /* for IE5/Win only */ 
	}
#nav a:hover {
	background-position:0 -32px;
	}
#nav a:active, #nav a.selected {
	background-position:0 -32px;
	}
#thome a  {
	width:90px;
	background: url(../graphics/nav/home.jpg) top left no-repeat;
	}
#tabout a  {
	width:94px;
	background: url(../graphics/nav/about.jpg) top left no-repeat;
	}
#tlogin a  {
	width:84px;
	background: url(../graphics/nav/login.jpg) top left no-repeat;
	}
#tregister a  {
	width:114px;
	background: url(../graphics/nav/register.jpg) top left no-repeat;
	}
#tadvertising a  { 
	width:140px;
	background: url(../graphics/nav/advertising.jpg) top left no-repeat;
	}
#tprices a  {
	width:94px;
	background: url(../graphics/nav/prices.jpg) top left no-repeat;
	}
#tcontact a  {
	width:109px;
	background: url(../graphics/nav/contact.jpg) top left no-repeat;
	}
#tmyaccount a  {
	width:165px;
	background: url(../graphics/nav/myaccount.jpg) top left no-repeat;
	}
	
	
textarea {
	font-family:Arial, Helvetica, sans-serif;
}

.topbanner {
	float:right;
	margin:13px 4px 0 0;
	border:1px solid #CCC;
}

/* Restaurant */

.restaurant_region {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	margin:0 12px 0 0;
	width:120px;
	font-size: 11px;
	color: #666666;
}
.select_categories {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	width:190px;
	font-size: 12px;
	color: #666666;
}
.region_select {
	float:left;
	margin:0 12px 0 0;
	font-size: 11px;
	color: #666666;
}
.region_select p{
	float:left;
	margin:0 4px 0 0;
	font-size: 12px;
	color: #666666;
}

.region_check {
	margin:0 3px 0 0;
	padding:0;
	float:left;
}


/* begin css tabs */


ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 0 0; /* set margins as desired */
font: bold 12px Arial, Helvetica, sans-serif; /* set font as desired */
border-bottom: 1px solid #CCC; /* set border COLOR as desired */
list-style-type: none;
padding: 6px 10px 6px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
margin:0 5px 0 0;
}

#tabnav li.selected { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

#tabnav li.selected a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #093; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 7px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 6px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #CCC; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #EEEEEE; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* Overlabels */

div#restaurant_keywords {
	position:relative;
	float:left;
	margin-right:12px;
}

input#rest_keywords {
	width:10em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666;
}

label.overlabel {
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	margin:0 12px 0 0;
	font-size: 11px;
	color: #666;
}
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* generic form styles */
input, textarea, select{
	padding: 2px 3px;	
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
.searchform {
	width: 532px;
	height: 100px;
	margin: 0 auto;
	background:url(../graphics/search_bck.jpg);
}

.searchform label {
	float: left;
	font-size: 12px;
	margin-right: 5px;
	margin-top: 3px;
	color: #666;
}

.searchform2 {
	width: 532px;
	height: 130px;
	margin: 0 auto;
	background:url(../graphics/search_bck_high.jpg);
}

.searchform2 label {
	float: left;
	font-size: 12px;
	margin-right: 5px;
	margin-top: 3px;
	color: #666;
	width: 52px;
}


/* Adverts / Search Results */

.advert {
	background:#EEEEEE;
	padding:7px 10px;
	border-bottom:solid 1px #DDD;
}
.advert2 {
	background:#F1F3E2;
	padding:7px 10px;
	border:solid 1px #D7DCAB;
}
.class_thumb{ 
	float:left;
	margin:0 10px 5px 0;
	border:solid 3px #BBBBBB;
}
a:hover .class_thumb  { 
	border:solid 3px #FFF;
}
.class_desc {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height: 160%;
	margin:5px 0 0 0;
	float:left;
	width:300px;
}
.contacts_icon {
float:left;
margin:0 5px 0 0;
}
.class_location {
	font-style:italic;
	color:#999;
	float:left;
}
.class_title {
	float:left;
	margin:0 10px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #009933;
	text-decoration: none;
}
.class_title a {
	color: #009933;
}
.tc_title {
	float:left;
	margin:0 10px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #717832;
	text-decoration: none;
}
.class_price {
	float:right;
	margin:0 0 0 10px;
	width:100px;
	text-align:right;
	color:#333;
	font-size:12px;
	font-weight:bold;
}
.class_price p {
	text-align:left;
	font-size:11px;
	font-weight:normal;
	margin:0 0 6px 0;
	padding:0;
}
.class_category {
	color:#999;	
	font-size:11px;
	float:left;
	margin:6px 0 0 0;
}
.class_category a {
	color:#666;
	font-style:italic;
} 
.advertmore_price {
	width:100px;
	text-align:right;
	float:right;
	margin:0 0 10px 0;
	font-size:1em;
	color:#000;
	font-weight:bold;
}
.ad_class {
background:#EEEEEE; 
padding:16px; 
border-bottom:1px solid #DDDDDD;
}
.ad_trade {
background:#f1f3e2; 
padding:16px; 
border-bottom:1px solid #d7dcab;
}


/* Links */

.link_logo {
	float:left;
	margin:0 20px 0 0;
	padding: 4px;
	border:1px solid #DDDDDD;
}
.spacer_links {
	clear:both;
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	border-bottom:1px solid #DDDDDD;
}