/*   
Description: Restaurant Section
Author: Francesco Aloisio
Date: 27/04/2010
*/


/*==================================== 
   Restaurant Section Styles   
   ==================================== */
.restaurantHome{
	width:853px;
	}
	.restaurantResults{
	width:978px;
	}
.restaurantPage{
	width:853px;
	}

/*Main Content*/

 #restaurantContent { float: left;  margin: 1px 5px 5px 3px; position: relative; }
 h3{
	padding:5px 0 3px 9px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin:0;
	background:#F60;
	display:block;
	}
.restaurantPage #mainContent {
	width:510px;
	margin:0 10px 0 0 ;
	padding:0 0 0 8px;
	font-size:1.2em;
	}
.restaurantPage .openday {
	width:70px;
	display:inline-block;
	}

.restaurantPage .HeaderContent {
	width:350px;
	margin:0 5px 0 0 ;
	padding:0 0 0 8px;
	font-size:1.2em;
	}

.restaurantPage p.description {
	padding-left:170px;	
}
.restaurantHome #mainContent {
	width:547px;
	margin:0 5px 0 0 ;
	min-height:500px;
	}
.restaurantResults #mainContent {
	width:655px;
	margin:0 9px 0 0;
	width:651px;
	min-height:500px;
	}
#mainContent {

	padding:0;
	float:left;
	}
 .payingRestaurantPage #secondaryContent {
	 margin: 23px 0 0 0;
	 
	 }
	
.payingRestaurantPage #mainContent {
	width:510px;
	margin:0 10px 0 0 ;
	padding:0 0 0 8px;
	font-size:1.2em;
	}
.payingRestaurantPage #mainContent h1 {
	display:inline;
	color:#000;
	}
.payingRestaurantPage #mainContent .restaurantImage img{
	margin-top:5px;
	}
.payingRestaurantPage #details  {
	margin-top:8px;
	padding-top:8px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	position:relative;
	}
.payingRestaurantPage #details p{
	line-height:7px;
	font-weight:bold;
	}
.payingRestaurantPage #details #URL{
	line-height:7px;
	position:absolute;
	top:8px;
	right:0;
	}
.payingRestaurantPage ul.thumbnails {
	list-style:none;
	margin:3px 0 77px;
	padding: 0;
	}	
.payingRestaurantPage ul.thumbnails li{
	float:left;
	padding-right:3px;
	}
.payingRestaurantPage ul.thumbnails li#last {
	padding-right:0;
	}
.payingRestaurantPage ul.thumbnails li#first {
	padding-right:4px;
	}
.payingRestaurantPage	p.reviews {
	display:inline;
	}
.payingRestaurantPage p.description {
	border-bottom:1px solid #ddd;
	padding:8px 0;
	min-height:0;
	}
.payingRestaurantPage a#specialOffer {
	background:url(/images/restaurantSection/specialOffer.png) center top no-repeat;
	width:510px;
	height:41px;
	display:block;
	margin:8px 0 12px 0;
	}

.payingRestaurantPage a#specialOffer:hover  {
	background-position:bottom;
	
	}
.payingRestaurantPage #secondaryContent ul {
	list-style-type:none;
	 margin:5px 0 5px 0;
	 padding:0;
	 border:solid 1px #65483D;
	border-radius: 4px;
	-moz-border-radius: 4px;

	}
	
.payingRestaurantPage #secondaryContent ul li	{
	 margin:0;
	 padding:5px;
		}
.payingRestaurantPage #secondaryContent ul li strong	{
	display:block;

		
	}
.payingRestaurantPage #secondaryContent ul li.title	{
	background:#fff url(/images/restaurantSection/restMenuTitle.png) no-repeat center top;
	font-size:16px;
	font-weight:bold;
	line-height:17px;
	padding-left:16px;
	cursor:pointer;
	position:relative;
	color:#fff;
	border-bottom:solid 1px #38251E;
	}
.payingRestaurantPage #secondaryContent .title span.arrow {
	background:url(../images/restaurantSection/expandArrow.png) 0 0 no-repeat;
	display:inline-block;
	width:13px;
	height:10px;
	float:left;
	position:absolute;
	top:10px;
	left:4px;
	}
.payingRestaurantPage #secondaryContent .title span.active {
	background-position: 0 -11px;
	}


.payingRestaurantPage #secondaryContent ul li.heading	{
	border-bottom:1px dotted #65483D;
	border-top:1px dotted #65483D;
	border-collapse:collapse;
	color:#38251E;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding-left:6px;
	padding-bottom:4px;
	display:none;
	}
.payingRestaurantPage #secondaryContent ul li.product{
	/*border-bottom:1px dotted  #65483D;*/
	color:#38251E;
	display:block;
	font-size:11px;
	font-weight:normal;
	margin:3px 6px;
	display:none;
	}
.payingRestaurantPage #secondaryContent ul li span.price{
	float:right;margin-left:15px;
	}	
	/*Featured area*/
 #featured {
	width:100%;
	margin:0 0 5px 0;
	padding:0;
	height:220px;
	background:#fff url(/images/restaurantSection/skyBg.jpg) no-repeat center top;
	border:1px solid #CCC;
	position:relative;
	}
 .thankyou {
	z-index:999;
	width:386px;
	height:21px;
	top:0px;
	left:0px;
	padding: 10px 30px;
	color:#0099FF;
	font-weight:bold;
	font-size:1.6em;
	position:absolute;
	display:none;
	background:#fff;
	text-align:center;
	}
 #featured a#submitRestaurant {
	background:url(/images/restaurantSection/suggestRestaurant.png) no-repeat top left;
	width:67px;
	height:28px;
	top:0;
	right:35px;
	text-indent:-9999;
	font-size:0px;
	position:absolute;
	}
 #featured a#submitRestaurant:hover {
	background-position:bottom;
	}
 #featured #description { 
	width:520px;
	margin: 15px 10px auto 30px;
	padding:0;
	min-height:50px;
	
	}
 #featured #description h2{
	font-size:36px;
	color:#f60;
	line-height:120%;
	}

span.smaller {
	font-size:9px;
	font-style:normal;
	}


/*Submit Restaurant Form*/
h2#heading2 {
	font-size:28px;
	color:#00638F;
	margin:8px auto 5px auto;
	text-align:center;
	
	}
#suggestRestaurant{
	background: url(/images/restaurantSection/skyBg.jpg) top left repeat-x;
	width:470px;
	min-height:280px;
	overflow:auto;
	text-align:left;
}

#suggestRestaurant fieldset {
	border:1px solid #ddd;
	background:url(../images/restaurantSection/white50Bg.png);
	margin:20px;

}
#suggestRestaurant fieldset legend{
	font-size:18px;
	
	}

#suggestRestaurant fieldset label{
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
	width:140px;
	}
#suggestRestaurant fieldset label.sectionHeading{
	width:300px;
	font-style:italic;
	}	
	
#suggestRestaurant ul{
	list-style-type:none;
	margin:10px;
	padding:0;
	font-size:18px;
	}
#suggestRestaurant ul li{
	margin:8px 5px;
	}
#star-rating ul li{
	margin:0;
	}

#suggestRestaurant input{
font-size:18px;
}


button.submit {
	margin:12px 0 0 140px;
	border:none;
	background: url(/images/restaurantSection/submit.png) no-repeat right top ;
	display:block;
	font-size:0;ima
	text-indent:-9999;
	cursor:pointer;
	height:26px;
	padding:0;
	text-indent:-9999px;
	width:73px;
}

button.submit:hover {
	background-position:left -25px;
	}

/*Restaurant Search Form*/
 #searchRestaurant { 
	width:520px;
	margin: 0px 0 auto 10px;
	padding:0;
	border:1px solid #eee;
	height:95px;
	background:url(/images/restaurantSection/white50Bg.png) repeat;
}
#searchRestaurant.searchwide { 
	width:820px;
	height:45px;
	margin: 0px 0 auto 0px;
	border:none;
}
#searchRestaurant.newsearch { 
	height:50px;
}
#searchRestaurant.searchwide form fieldset {
	float:left;
	width:470px;
}
#searchRestaurant.newsearch form fieldset {
	float:left;
	width:490px;
	margin:0 0 5px 0;
}
#searchRestaurant.searchwide form fieldset.fieldsetnarrow {
	width:435px;
}

#searchRestaurant.searchwide form fieldset.order {
	width:250px;
}

#searchRestaurant.searchwide li.district {
width:230px;
}
#searchRestaurant.searchwide li.districtnarrow {
width:210px;
}
#searchRestaurant.searchwide li.cuisine {
width:180px;
}
#searchRestaurant.newsearch li.district {
width:170px;
}

#searchRestaurant.newsearch li.county {
width:130px;
}
#searchRestaurant.newsearch li.cuisine {
width:180px;
}
#searchRestaurant form,  fieldset{
	border:none;
}
 #searchRestaurant form fieldset {
float:left;
margin:5px 0 5px 0;
width:420px;
}

 #searchRestaurant form input{
font-size:18px;;
}
 #searchRestaurant form legend {
font-weight:bold;
padding:0 2px;
}
 #searchRestaurant form label {
display:inline-block;
line-height:1.8;
vertical-align:top;
}
 #searchRestaurant form fieldset ul {
margin:0;
padding:0;
}
#searchRestaurant form fieldset li {
list-style:none outside none;
margin:0;
padding:5px;
float:left;
}
#searchRestaurant.searchwide form fieldset li {
padding:0;

}
li.county {
width:100px;
}
li.district {
width:130px;
}
li.cuisine {
width:130px;
}
 #searchRestaurant form fieldset fieldset {
border:medium none;
margin:3px 0 0;
}
 #searchRestaurant form fieldset fieldset legend {
font-weight:normal;
padding:0 0 5px;
}
 #searchRestaurant form fieldset fieldset label {
display:block;
width:auto;
}
 #searchRestaurant form em {
color:#FF0000;
font-style:normal;
font-weight:bold;
}
 #searchRestaurant form label {
width:50px;
}
 #searchRestaurant form fieldset fieldset label {
margin-left:123px;
}

#searchRestaurant.searchwide form label { 
	text-decoration: none;
	color:#333;
	background:#fff;
	font-weight:bold;
	font-style:italic;
	font-size: 1.2em;
	padding: 0 0 0 5px;
	/*border: 1px solid #fff;*/ /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	width:70px;
}

#searchRestaurant.searchwide button.search {
	background: url(/images/restaurantSection/go.png) no-repeat right top ;
	margin:0px 0 0 0;
	width:43px;
}

button.search, #searchRestaurant.newsearch button.search{
	margin:0 0 0 10px;
	border:none;
	background: url(/images/restaurantSection/search.png) no-repeat right top ;
	display:block;
	font-size:0;ima
	text-indent:-9999;
	cursor:pointer;
	height:26px;
	padding:0;
	margin:18px 0 0 0;
	text-indent:-9999px;
	width:73px;
	float:left;
}



button.search:hover, #searchRestaurant.searchwide button.search:hover {
	background-position:left -25px;
	}
p.azlist {
	font-size:1.2em;
	padding:0 0 0 10px;
}
/*Latest Entris */	
 #entries {
	width:100%;
	margin:0 0 0 0;
	min-height:245px;
	}
	
 #entries .items {
	list-style-type:none;
	margin:0;
	padding:0;
	}
 #entries .items li {
	margin-bottom:8px;
	border-bottom:1px solid #ddd;
	position:relative;
	}
	
	#entries .items li.sponsored span {
		top:40px;
		}
	#entries .items li span {
		top:20px;
		}
 #entries .items li > span {
	background:url(../images/restaurantSection/numberHolder.png) center left no-repeat;
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	left:9px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	padding:14px 0 0 10px;
	 }
 #entries .items li.sponsored {
	padding-top:25px;
	margin-top:3px;
	background:#E3E3E3 url(/images/restaurantSection/sponsored.jpg) top left no-repeat;
	}
 #entries .items h4{
	margin:0;
	padding:3px 3px 3px 0px;
	color:#003366;
	font-size:1.7em;
	line-height:1.1em;
	}
 #entries .items p{
	margin:0;
	padding:2px 3px;
	font-size:1.2em;
	}
	
 #entries .items img {
	float:left;
	margin:5px 5px 5px 15px;
	padding:0;

	}

 .restaurantHome #entries .items div.descriptionPanel{ 
 	width:226px;
	}
	
 .restaurantResults #entries .items div.descriptionPanel{ 
 	width:295px;
	}

 #entries .items div.descriptionPanel{ 
	float:left;
	padding:5px;
	margin:0;
	}
 #entries .items div.descriptionPanel h2{ 
	font-size:1.4em;
	}
 #entries .items div.descriptionPanel .reviews { 
	font-size:.9em;
	padding:0 0 3px  1px;
	margin:-3px 0 0 0;
	}
 #entries .items div.descriptionPanel .reviews img{ 
	float:none;
	margin:0;
	padding:0;
	vertical-align:middle;
	}


.restaurantHome #entries .items div.featuresPanel{ 
	max-width:130px;
	margin:8px 3px 8px 1px;
		}
.restaurantResults  #entries .items div.featuresPanel{ 
	width:150px;
	margin:8px 10px 8px 1px;
	}
 #entries .items div.featuresPanel{ 
	float:right;
	
	padding:3px 3px 3px 10px;
	font-size:.9em;
	border-left:1px solid #ddd;

	}	
	
 #entries .items div.featuresPanel .map{ 
	background: url(../images/restaurantSection/pushpin.png) no-repeat left center;
	padding-left:22px;
	}
 #entries .items .price{ 
	background: url(../images/restaurantSection/euroIcon.png) no-repeat left center;
	padding-left:22px;
	}
 #entries .items .price img{ 
	float:none;
	margin:0;
	padding:0;
	vertical-align:middle;
	}
 #entries .items div.featuresPanel .info{ 
	background: url(../images/restaurantSection/info.png) no-repeat left center;
	padding-left:22px;
	}
 #entries .items div.featuresPanel span{ 
	background: url(../images/restaurantSection/info.png) no-repeat left center;
	padding-left:22px;
	}
 #entries .items .cuisineTags{ 
	-moz-border-radius:4px 4px 4px 4px;
	background-color:#339900;
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
	padding:1px 4px 3px;
	margin-top:3px;
	line-height:2.3em;
}
 #entries .items .steak, #mainContent .steak{ 
	font-style:italic;
	width:195px;
	background: url(../images/restaurantSection/steak.png) no-repeat left center;
	padding-left:32px;
	
}


/*Secondary Content*/
.restaurantHome #islandAd {
	margin:0 0 5px 0;
	 }
.restaurantResults #islandAd {
	margin:5px 0 5px 0;
	 }

 #secondaryContent {
	width:300px;
	min-height:500px;
	margin:0;
	padding:0;
	float:left;
	}



 #secondaryContent  #islandAd {
	width:100%;
	padding:0;
	height:250px;
	}
 #secondaryContent  .latestReviews {
	width:100%;
	margin:0;
	min-height:245px;
	}
 #secondaryContent .latestReviews .items {
	list-style-type:none;
	margin:0;
	padding:5px;	
	}
#smallMap{
		margin:8px 0 8px 0;
		width:300px;
		height:250px;
		}
#largeMap {
	width:954px;height:490px;
}
 .latestReviews .items li {
	border-bottom:1px solid #eee;
	margin-bottom:11px;
	}
 .latestReviews h4{
	margin:0;
	padding:3px 3px 3px 0px;
	color:#003366;
	font-size:1.2em;
	line-height:1.1em;

}
 h4.headlinemessage {
	margin:0;
	padding:3px 3px 3px 0px;
	margin-bottom:5px;
	color:#003366;
	font-size:1.2em;
	line-height:1.2em;
}
/* sidebar*/
#sidebar {
	width:160px;
	/*height:500px;*/
	margin:0;
	padding:5px;
	float:left;

}
#sidebar #contactinfo{
margin:10px 0 10px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding-top:5px;
}
#regularInfo {
padding-left:170px;
}


.restaurantPage #mainContent h1{
	font-size:1.6em;
	/*color:#000;*/
	color:#0066CC;
}
.restaurantPage #mainContent h4{
	font-size:1.4em;
	font-weight:normal;
	/*color:#000;*/
	color:#0066CC;
}
#reviews{
	width:520px;
	margin:5px 8px 5px 5px;
	float:left;
	}	
#usersubmitcomment h3 {
	padding:5px 0 3px 9px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin:0;
	background:#F60;
	display:block;
	}

/*Tabbed Content*/


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
ul.tabs li.tab {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ddd;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color:#fff;
	background:#333;
	font-weight:bold;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	/*border: 1px solid #fff;*/ /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #f60;
}
ul.tabs li.active { /*--Makes sure that the active tab does not listen to the hover properties--*/
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	text-decoration: none;
	color:#333;
	background:#fff;
	font-weight:bold;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	/*border: 1px solid #fff;*/ /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li.active a{
	background: #fff;
	color:#333;
	}
ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	color:#333;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
ul.tabs form label { 
	text-decoration: none;
	color:#333;
	background:#fff;
	font-weight:bold;
	font-style:italic;
	font-size: 1.3em;
	padding: 0 5px 0 20px;
	/*border: 1px solid #fff;*/ /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

ul.tabs form fieldset {
	padding: 8px 0 0 150px;

}
ul.tabs form select,#searchRestaurant.searchwide form select {
 font-size: 1.2em;
 background-color: #9FD5DF;
 padding: 1px;
}
/*Tab Container*/

.tab_container {
	border: 1px solid #ccc;
	border-top: none;
	overflow: hidden;
	clear: both;
	background: #fff;
}
.top_border {
	border: 1px solid #ccc;
}
.tab_content {
	padding: 15px 4px 3px 4px;
	}

div.user-review .star {
	
}

p.back {
	padding-top:5px;
}

/*pagination*/
   div.pagination {
              position:absolute; 
			  right:0; 
			  top:0;
			  text-align:center;
              padding: 7px;
              margin: 3px;
      }
	  div.pagefooter {
		position:relative;
		float:right;
	  }
      div.pagination a {
              padding: 2px 5px 2px 5px; 
              margin: 2px;
              border: 1px solid #333;
              text-decoration: none; /* no underline */
              color: #333;
      }
      div.pagination a:hover, div.pagination a:active {
              border: 1px solid #333;
              background-color:#333;
              color: #fff;
      }
      div.pagination span.current {
              padding: 2px 5px 2px 5px;
              margin: 2px; 
              border: 1px solid #f60;
              font-weight: bold;
              background-color: #f60;
              color: #FFF;
              } 
      div.pagination span.disabled {
              padding: 2px 5px 2px 5px;
              margin: 2px;
              border: 1px solid #ddd;
              color: #ccc; 
              }

/*Refine Search*/
#refineSearch {
	border-bottom:1px solid #ddd;
	}
#refineSearch legend {
	display:inline;
	}
	#refineSearch select{
	display:inline;
	}
/* googlemap */
  .tooltip {
	background: url(../images/restaurantSection/info.png) no-repeat left center;
	background-color:#ffffff;
	font-weight:bold;
	border:2px #006699 solid;
	padding:2px 2px 2px 20px;
  }

#preview {
background:none repeat scroll 0 0 #EEEEEE;
border:1px solid #CCCCCC;
color:#003366;
display:none;
padding:5px;
position:absolute;
z-index:12;
}
div#featuregallery {margin-top:10px;overflow:hidden;}
div#photoslideshow {display:none;}
ul#specialOffer { 	
	background:url("/images/restaurantSection/specialOffer3.png") no-repeat scroll center top transparent;
	color:#FFFFFF;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	margin:5px 0;
	height:30px;
	overflow:hidden;
	padding:0;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

ul#specialOffer li{
	list-style-type:none;
	padding:8px 10px 9px 95px;
	
	
	
	}

div#specialOffer { 	
	background:url("/images/restaurantSection/specialOffer3.png") no-repeat scroll center top transparent;
	color:#FFFFFF;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	margin:7px 0 12px;
	padding:8px 10px 9px 85px;
	/*border:2px dotted #BED0D6;
	margin-bottom:10px;
	padding:10px;*/}
/**/
a.golink {float: left; width: 250px; margin-left:8px; padding: 4px 4px 5px 20px; background: url(/images/icons/16x16_orange_go.gif) no-repeat left;}
	
#secondaryContent h4 {color:#000000;font-weight:bold;font-size:1.4em;margin: 10px 0;}
/*Advertisment*/
#right_ads {
	height:600px;
	margin:0;
	}

.addthis_toolbox {padding: 12px 30px 5px 0px;margin-top:4px;float:none;border-top:none;clear:both;}      





/*TEST DL, DT, DD TAGS LIST DATA*/
#otherInfo	{
	width:100%;
	border: 1px solid #ddd;
	
	}


#otherInfo dl {
	margin:12px 20px;
	padding:0 0 13px 0;
	position:relative;
	border-bottom:1px dotted #ddd;

}

#otherInfo dl dt {
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	position:absolute;
	left:0px;
}

#otherInfo dl dd {
color:#444;
padding:0 0 2px 190px;
}

#mainCourse {
	background:url(/images/restaurantSection/restaurantIcons.png) left 0px no-repeat ;
	padding:3px 0 4px 38px;
	top:-3px;
	} 
#cuisine {
	background:url(/images/restaurantSection/restaurantIcons.png) left -23px no-repeat ;
	padding:6px 0 7px 38px;
	top:-6px;
	
	} 
#price{
	background:url(/images/restaurantSection/restaurantIcons.png) -2px -52px no-repeat ;
	padding:5px 0 6px 38px;
	top:-5px;
	} 
#times {
	background:url(/images/restaurantSection/restaurantIcons.png) -2px -79px no-repeat ;
	padding:5px 0 5px 38px;
	top:-5px;
	
	} 
#awards {
	background:url(/images/restaurantSection/restaurantIcons.png) left -105px no-repeat ;
	padding:6px 0 7px 38px;
	top:-5px;
	
	} 
#chefS{
	background:url(/images/restaurantSection/restaurantIcons.png) left -137px no-repeat ;
	padding:11px 0 9px 38px;
	top:-10px;
	
	}

