* {margin:0; padding:0;}
body {background:url(../images/background-main.png) repeat-x #006699; font-family: Helvetica, Arial,Verdana, 'Trebuchet MS', sans-serif; font-size:small;}

h1, h2, h3 {font-family: Arial, Helvetica, Tahoma, sans-serif; }
h1 {font-size: 220%;}
h2 {color: #000033; font-size: 140%; letter-spacing: -0.05em;}
h3 {color: #666; font-style: italic; font-size: 110%;}


/* start the page  */
#container {width:900px; margin:0 auto;}
#innercontainer {}
/* header first */
#header {background:url(../images/logo-header.png) no-repeat center top #003366;padding-top:140px; float:left; width:900px;}
#navbar {background:none;float:left; width:900px;}
#navigation {float:left; width: 100%;}
#navigation ul {list-style:none; width: 300px; margin: 0 auto;}
#navigation ul li {list-style:none; display:block; float:left; padding:10px 20px;}
#navigation ul li a {text-decoration:none;color:#fff; font-weight:bold;}
#pagebody {clear:both; width:900px; float:left;}
#banner {background:url(../images/search-banner-bg.png) no-repeat; height:362px; width:900px; float:left;}
#search {background:url(../images/hp-search-box.png) no-repeat; width:528px; height:167px; margin: 30px auto 0px auto; padding:100px 30px 0px 30px;}

/* search form */
#search fieldset {width:30%;float:left; margin:5px; text-align:center; border:0;}
#search fieldset h2 {color:#fff; font-size:130%; margin:5px 0px;}
#search fieldset select {background:url(../images/hp-input-box.png) no-repeat #fff; width:150px; height:25px; font-size:120%; font-weight:bold;}
#cuisine {}
#postcode {}
#price {}
#submitbuttonarea {text-align:center;margin:20px 0px 0px 0px; float:left; width:100%;}
#submitter {background:url(../images/hp-search-button.png) no-repeat; border:0; width:210px; height:50px; cursor:pointer;}
#submitter span {display:none;}

/* content */ 

#pagecontent {background:url(../images/pagebody-bg-top.png) no-repeat top #0099CC; min-height:600px; _height: 600px; float:left; width:900px;}
#bodytext {background:#FEFFDF; margin:20px 10px; padding:20px; width:840px; _width:800px; float:left; }
#bodycontent {background:#FEFFDF;  margin:20px 10px; padding:20px; width:840px; _margin: 20px 5px; float:left; min-height: 400px; _height: 400px;}




.bodycolumn {width:285px; _width:265px; float:left;margin:5px; border-right: 1px dashed #CCC; padding:0 2px;}
.bodycolumnthin {width:223px; float:right;}
.bodycolumnthin a {text-decoration: none;}
.pageText {margin: 10px 0;}
.pageText a, .restaurant_details a {color: #0099CC; text-decoration: none;}
.pageText a:hover, .restaurant_details a:hover {color: #000033;}
.noResults {color: #FF0000; font-size: 120%; font-weight: bold; margin: 10px 0;}
.newCriteria {color: #000033;}
/* body style */
.bodycolumn h2 {font-size:160%; width:200px; color: #000;}
.bodycolumn h3 {font-size:90%; font-style:italic; color:#666; width:200px;}

.bodycolumn ol {margin:20px 10px 5px 0px; }
.bodycolumn ol li {margin:5px 0px; list-style:none; float:left;padding:0px; width: 265px;}
.bodycolumn ol li a {color:#006699; text-decoration:none}
.bodycolumn ol li a:hover {color:#FF0000;}
.bodycolumn ol li a span {float:left; text-align:center; background:#0099CC; border:2px solid #fff; color:#fff !important; font-weight:bold; margin-right:8px; width:25px; height:20px; position:relative; padding-top:5px;}
.noborder {border:none;}


/* general styles */ 
.bodycolumn ol li a strong {padding-top:6px; float:left; width:225px; text-decoration: none;}
.bodycolumnthin img {margin:5px 0px;}
.textright {text-align:right;}
.today {background:url(../images/menu.png) no-repeat right top; _background:none;}
.topten {background:url(../images/mag.png) no-repeat right top;_background:none;} 
.topten h3 {width:180px;}

/* search results page */
.resultblock, #map_container  {margin-top: 15px;}
.resultblock {float: left; width: 364px; border-right: 1px dashed #999; height: 690px; _height: 690px; overflow: auto;}
.resultblock a, .resultblock a dl  {float: left; width: 345px;}
.resultblock a {padding-top: 12px; border-bottom: 1px dashed #999; padding-bottom: 12px; text-decoration: none; cursor: pointer;}
.resultblock a:hover {background-color: #FFF;}
.resultblock h3 {float: left; color: #333; margin: 0 25px; _margin: 0 15px;}
.icon, .restaurantDetails, .photos, .voucher, .menu {float: left;}
.icon {width: 50px;}
.restaurantDetails {width: 145px; font-family: Arial, Helvetica, sans-serif;}
dd.fullwidth {width: 280px; }
dd.restaurantDetails h4 {font-size:105%; color: #000; margin-bottom: 7px; font-weight: bold;}
dd.restaurantDetails p {font-size: 80%; color:#666;}
dd.restaurantDetails p.address {font-weight: bold; font-style: italic; font-size: 90%;}
dd.restaurantDetails p.cuisine {color: #0099CC; }
.photos {width: 55px;}
.voucher {width: 60px;}
.menu {width: 35px;}
#map_container {float: left; width: 454px; border: 2px solid #0099CC; margin-left: 16px; }
#map_caption {left:184px; margin-bottom:-20px; position:relative; top:-300px;}
#map_canvas {width: 454px; height: 300px; _height: 300px;}
.mapLabel {width: 220px;}
.mapLabel h2 {font-size: 110%;}
.mapLabel h3 {font-size: 80%;}
.mapLabel p {font-size: 80%; color: #0099CC; margin-top: 4px;}
.mapLabel a {color: #003399; float: right; font-size: 90%;}

#advertContainer {float: right; width: 467px; margin-top: 10px;}
#advertContainer img {float: right; margin: 3px 0px;}
img.advert3 {margin-left: 25px!important;}

/* view restaurant details */
.restaurant_details, .restaurant_criteria {float: left; width: 372px;}
.restaurant_criteria {width: 340px;}
.restaurant_criteria {margin: 0 0 5px 0; font-size: 90%; color: #999; font-style: italic;}
.restaurant_details p.cuisines {float: left; width: 220px;}
.restaurant_details p.pricelevel {float:right; width: 120px;text-align: right;}
.restaurant_details h1, .restaurant_details h2 {margin-bottom: 8px;}
.restaurant_details h3 {font-size: 120%; margin-bottom: 20px;}
.restaurant_details h2, .menu_info h2 {color: #003366; font-style: italic;}
#smaller_map_canvas {float: left; width: 334px; border: 2px solid #0099CC; min-height: 270px; _height: 270px; margin: 10px 30px 10px 0; _margin: 10px 15px 10 0;}
.restaurant_details p {float: left; width: 350px; margin: 10px 0;}
.restaurant_details a {float: left; font-size: 120%;}

.menu_info {float: left; width: 270px; margin-right: 10px;}
.menu_info a.menu_pdf {float:right; width:54px;}
.menu_info h2 {padding-bottom: 5px; border-bottom: 1px dashed #999; margin: 35px 0 10px 0;}
.menu_info h2.menu_header_smaller {float: right; width:216px; }
.menu_info h2.menu_header {float: right; width:270px; }
.menu_info table tr.table_header {font-weight: bold; font-size: 12px;}
.menu_info table tr.table_header td{ padding: 10px 0 5px 0;}
.menu_info table tr td {padding: 3px 5px;}
.menu_info table {width: 237px; margin-bottom: 40px;}
.menu_info table tr td.fooddescription {width: 180px;}
.menu_info table tr td.foodprice {width: 57px; text-align: right;}
.menu_info a {float: right; width: 250px; margin-top: 10px;}

.restaurant_images {float: right; width: 169px; background: url(../images/photos-bg.png) top left no-repeat; min-height: 673px; _height: 673px; padding: 40px 0 0 16px;}
.restaurant_images a {float: left; width: 150px; border: solid 1px #333; margin-bottom: 10px;}
.restaurant_images a:hover {border: solid 1px #0099CC;}
.restaurant_images img {float: left; }
.restaurant_images p {font-family: Georgia, serif; text-align: center; font-style: italic; float: left; width: 150px;}

div.contact_info {margin: 0 auto; width: 450px;}
div.contact_info p {float: left; width: 100%; margin: 10px 0;}
.links {color:#fff; text-align:right; padding:0 10px; display:inline; float:right;}
.links a {color:#fff;}


#bodycontent h1 {margin:15px 0px;}
#bodycontent h2 {margin:10px 0px;}
#bodycontent p {margin:10px 0px;}
#bodycontent dl {width:330px; margin:0 auto;}
#bodycontent dl dd {text-align:center;margin:20px 0px;}