/*div, ul {border:1px solid red;}*/

* {
  margin: 0;
  padding: 0;
}

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	min-width:766px;
}

#cms_content ul {
	list-style:square; 
}
#cms_content li {
	margin-left:20px;
}

a {
	color:#0000FF;
}

input {
	font:normal 11px Tahoma;
}

#wrapper {
  width: 766px; 
  margin: 0 auto; 
  text-align: left; 
	background-color:#FFFFFF;
}

#footer {
	clear:both;
	margin:10px auto 0 auto;
	padding:5px;
	border-top:1px solid #AD8484;
	text-align:center;
	font:9px Verdana, Arial, Helvetica, sans-serif ;
}

form a, .action_links a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CC00;
	text-decoration:none;
}
form a:hover,  .action_links a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CC00;
	text-decoration:none;
	background:#EEEEEE;
}

.no_restaurants {
	margin-left:10px;
	font: 12px bold;
	color: #FF0000;
}

h1 {
	font-size:20px;
	margin:10px;
}

h3 {
display:block;
clear:both;
}


/* HEADER */
#menu_wrapper {
	position:relative;
	width:760px;
	background:url(../images/site_cyprus2.jpg) no-repeat center left;
	height:194px;
	margin-left:6px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:5px;
	border-top:1px solid #AD8484;
	border-bottom:1px solid #AD8484;
	background-color: #ECDCBA;
}

#menu_wrapper h1 {
	font-size:24px;
 position:absolute;
 left:80px;
 top:68px;
}


/* PROMOTION */
#promotion {
	position:absolute;
	right:10px;
	top:29px;
}
#promotion a {
	display:block;
	width:165px;
	height:35px;
}
#promotion a:hover {
	text-decoration:underline;
}
#promotion img {
	vertical-align:middle;
}


/* CMS MENU */
#top-nav {
	position:absolute;
	top:16px;
	left:184px;
	list-style-type: none;
}

#top-nav li {
	float: left;
	display:inline;
	margin:3px;
}

#top-nav a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	display:block;
	height:22px;
}

#top-nav a:hover {
	text-decoration:underline;
}

.home {
	width:52px;
}

.list {
	width:116px;
}

.join {
	width:127px;
}

.contact {
	width:78px;
}

.about {
	background:url(../images/about.gif) no-repeat center left;
	padding-left: 12px;
}

.search {
	background:url(../images/search3.gif) no-repeat center left;
	padding-left: 13px;
	margin:0;
	display:inline;
}


.search input {
	font:9px Verdana, Arial, Helvetica, sans-serif;
	width:50px;
}

.login {
	background:url(../images/login.gif) no-repeat center left;
	padding-left: 12px;
}

/* HELLO ADMIN */
#logged_in {
	position:absolute;
	top:38px;
	left:147px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

/*REGION MENU*/
#menu_regions {
	background-color:#FFF9E5;
	list-style-type: none;
	position:absolute;
	top:150px;
	right:0;	
	padding:0;	
}
#menu_regions li {
	float: left;
	padding: 0;
	height:25px;
	margin:0;
}

#menu_regions a {
	float: left;
	padding: 5px 12px 6px 12px;
	margin:0;
	background:url(../images/menu_bg.gif) repeat-x;
	background-color: #F6E2BC;
	border-right: 1px solid #AD8484;
	border-top: 1px solid #AD8484;
	border-bottom: 1px solid #AD8484;
	text-decoration:none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#menu_regions a:hover {
	border-bottom:1px solid #FFFFFF;
	background-color:#FFFFFF;
	background-image:none;
}
#menu_regions a.selected {
	border-bottom:1px solid #FFFFFF;
	background-color:#FFFFFF;
	background-image:none;
	font-weight:bold;
}
#menu_regions_first_a.selected { border-left: 1px solid #AD8484; }



/*CATEGORIES MENU*/
#menu_categories
{
position:absolute;
top:175px;
left:0px;
width:100%;
text-align:center;
}

#menu_categories a {
	display:inline;
	text-decoration:none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
	line-height:16px;
}
#menu_categories a:hover {
	text-decoration:underline;
}
#menu_categories a.selected {
	font-weight:bold;
}



/*BREADCRUMBS TRAIL*/
#breadcrumbs {
	margin:5px 6px;
	padding:0;
	list-style-type:none;
	font-size:11px;
	position:relative;
}

#logged_in_frontend {
	position:absolute;
	right:0px;
	top:0px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

#logged_in_frontend a.edit{
	color:#00CC00;
}

#breadcrumbs ul, #breadcrumbs li {
	display:inline;
}
#breadcrumbs a {
	color:#0000FF;
	text-decoration:none;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}
#breadcrumbs a.active {
	color:#000000;
}

#pagination {
	clear:both;
	margin-bottom:5px;
	text-align:center;
	font-size:11px;
}
#pagination a {
	color:#0000FF;
	text-decoration:none;
}
#pagination a:hover {
	text-decoration:underline;
}
#pagination a.active {
	color:#000000;
}

/*SEARCHBOX*/
#searchbox {
	clear:both;
	float:left;
	background: url(../images/search_bg.gif) no-repeat;
	background-color:#FFFFD6;
	height: 398px;
	width: 156px;
	font:normal 11px Tahoma;
}
#searchbox form {
	margin:0px;
	padding:0px 12px;
}
#searchbox h1 {
	color:#AA00AA;
	font:bold 14px Tahoma;
	border-bottom:dotted 1px #999999;
	margin:6px 0 10px 0;
}
#searchbox h2,h3,h4 {
	color:#000000;
	font:bold 12px Tahoma;
	border-bottom:dotted 1px #999999;
	padding:5px 0 10px 24px;
}
#searchbox h2 {
	background:url(../images/search.gif) left center no-repeat;
}
#searchbox h3 {
	background:url(../images/search_advanced.gif) left center no-repeat;
}
#searchbox h4 {
	background:url(../images/search_region.gif) left center no-repeat;
}
#searchbox input, select {
	font:normal 11px Tahoma;
	width:130px;
}
#searchbox input.button {
	width:auto;
	margin-left:50px;
}

/* PAGES FROM CMS */
#cms_content { 
	margin-left:10px;
  width: 598px;
  float: left; 
	font: 11px Arial, Helvetica, sans-serif;
}

#cms_content h1 { 
	margin-top:6px;
	margin-left:0px;
	color:#AA00AA;
	font:bold 14px Tahoma;
	border-bottom:dotted 1px #999999;
}

#cms_content select { 
	width:auto;
}	

#cms_content .edit a { 
	font:11px Verdana, Arial, Helvetica, sans-serif;	
}	


/*RESTAURANTS*/
#content { 
  width: 608px;
  float: left; 
}

.infobox {
	float:left;
	width:304px;
	height:99px;
	background: url(../images/infobox_bg.gif) no-repeat;
}
.infobox img {
	float:left;
	margin: 2px 5px 0px 10px;
	border:none;
}
.infobox h1 {
	margin:9px 0px 0px 0px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.infobox h2 {
	margin:0px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.infobox p {
	margin:3px 0px 3px 0px;
	font:normal 10px tahoma;
}
.infobox a {
	color:#0000FF;
	text-decoration:none;
	font:normal 9px Tahoma;
}
.infobox a:hover {
	color:#0000FF;
	text-decoration:underline;
}

a.edit {
	color:#00CC00;
	text-decoration:none;
}

a.edit:hover {
	color:#00CC00;
	text-decoration:underline;
}

/*RESTAURANT DETAIL PAGE*/
#restaurant_wrapper {
	width:608px;
	float:left;
	background:url(../images/restaurant_bg.gif) no-repeat;
}

#restaurant_wrapper_print {
	width:606px;
	height:487px;
	background:url(../images/restaurant_bg.gif) no-repeat;
}

#restaurant_inner_print {
	padding:10px;
	padding-left:15px;
}

#restaurant_name {
	margin:5px 5px 5px 15px;
}

#restaurant_name h1 {
	font-size:18px;
	padding:0px;
	margin:0 0 3px 0px;
}

#opening_hours {
	clear:both;
	text-align:center;
	width:600px;
}

#restaurant_wrapper #rotating {
	width:250px;
	height:250px;
	margin:5px 5px 5px 15px;
	float:left;
	clear: both;
}

#restaurant_wrapper #description {
	width: 310px;
	height: 240px;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin: 5px 0px 5px 5px;
}

#buttons {
	list-style-type: none;
	padding: 0px;
	margin:5px 5px 5px 15px;
	display: block;
	width: 580px;
}
#buttons li {
	float:left;
	
}
#buttons a {
	float:left;
	color: #000000;
	background-color:#FFFFFF;
	text-decoration: none;
	text-align:center;
	white-space:nowrap;
	width:auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #D3BCBC;
	border-right: 1px solid #996666;
	border-bottom: 1px solid #996666;
	border-left: 1px solid #D3BCBC;
	padding: 4px 8px;
}
#buttons a:hover {
	border-top: 1px solid #996666;
	border-right: 1px solid #D3BCBC;
	border-bottom: 1px solid #D3BCBC;
	border-left: 1px solid #996666;
	padding: 4px 8px;
}

#buttons #button_home {
		margin-left:20px;
		color:#0000FF;
}
#buttons #button_back {
		color:#0000FF;
}
#buttons #button_specials {
	background:#FFFFFF url(../images/button_special.gif) center left no-repeat;
	padding-left:15px;
}
#buttons #button_reserve{
	color:#FF0000;
	font-weight:bold;
	text-transform:uppercase;
}

#photostrip {
	clear:both;
	padding-left:15px;
	padding-bottom:15px;	
	background:url(../images/restaurant_bg.gif) left bottom no-repeat;
}

/*EDIT RESTAURANT PAGE*/
.html_textarea { 
	width:310px;
	height:240px;
	padding:5px;
}

.media {
	float:left;
	padding:10px;
	text-align:center;
}

.media img {
	padding:4px;
	display:block;
}

.upload {
	clear:both;
}

/*MAIN FRAME WRAPPER (in mainframe.php)*/
#mainframe_wrapper {
	text-align:center;
	width:368px;
	height:570px;
	background:url(../images/restaurant_wrapper_bg.gif) no-repeat;
	padding:25px;
	margin:20px auto 20px auto;
}

#map_wrapper {
	text-align:center;
	margin:20px auto 20px auto;
}

#map_wrapper img {
	padding:5px;
	border:1px solid #999999;
}

#searchbox2 {
	clear:left;
	margin:10px 0 0 0;
	padding:0px 12px;
	width:132px;
	height:106px;
	background:url(../images/search2.gif);
	background-color:#FFFFD6;
}

#searchbox2 h2{
	color:#000000;
	font:bold 12px Tahoma;
	border-bottom:dotted 1px #999999;
	padding:10px 0 10px 24px;
	background:url(../images/search.gif) left center no-repeat;
}

#searchbox2 input, select {
	font:normal 11px Tahoma;
	width:130px;
}
#searchbox2 input.button {
	width:auto;
	margin-left:50px;
}

/*FOOTER MENU*/
#footer_menu
{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	margin-bottom:5px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;	
}
#footer_menu li
{
	display:inline;
	padding: 0;
	margin: 3px 5px;
	text-align:center;
}
#footer_menu li a {
	color:#333333;
	white-space:nowrap;
}

#top_keywords {
	position:absolute;
	top:4px;
	font: normal 10px Tahoma, Arial, Verdana;
	color:#CAA860;
	width:100%;
	text-align:center;
}

#bottom_keywords {
	font: normal 10px Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	color:#333333;
}

