/*   
Description: Restaurant Section
Author: Francesco Aloisio
Date: 26/08/2010

*/

/*##########################################################################################################################


					       Replace the the relevant css in the main "restaurant.css" file with the below one. 


############################################################################################################################*/

/*####TEMPORARY PROMOTION (remove once promotion ends)###*/
#promotion {
  width: 300px;
  cursor:pointer;
  margin-bottom:4px;
}
#promotion h2 {
  font-size:0px;
  display:block;
  width:300px;
  height:36px;
  background:url(../restaurants/imagesTEMP/winVoucher.jpg) repeat-x top left;
  text-indent:-9999;
  margin: 0;
  padding: .25em;
}
#promotion div {
  padding:8px;
  border:1px solid #ccc;
  background:#ddd;
  font-size:1.4em;
  text-align:center;
  margin:-1px 0 5px 0;
}

/*####TEMPORARY PROMOTION END###*/

/*restaurantSearch area*/

#searchRestaurantBox {
	width:298px;
	margin:0 0 5px 0;
	padding:0;
	height:250px;
	background:#fff url(/images/restaurantSection/skyBg.jpg) no-repeat center top;
	border:1px solid #CCC;
	position:relative;
	}
#searchRestaurantBox #description { 
	width:280px;
	margin: 15px 0 0 10px;
	padding:0;
	min-height:35px;
	text-align:center;
	}
	
 #searchRestaurantBox #description h2{
	font-size:26px;
	font-family: TheSansBlack, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#f60;
	line-height:100%;
	}
	
  #searchRestaurantBox h4.headlinemessage {
	margin:0;
	padding:3px 3px 3px 0px;
	margin-bottom:5px;
	color:#333;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.2em;
}

/*Restaurant Search Form*/
 #searchRestaurant { 
	width:280px;
	margin: 0px 0 auto 10px;
	padding:0;
	border:1px solid #eee;
	height:185px;
	background:url(/images/restaurantSection/white50Bg.png) repeat;
}

#searchRestaurant form,  fieldset{
	border:none;
}
 #searchRestaurant form fieldset {
float:left;
margin:5px 0 5px 0;
width:260px;
}

 #searchRestaurant form input{
font-size:18px;
}
 #searchRestaurant form li.name input{
font-size:14px;font-weight:bold;
}
 #searchRestaurant form legend {
font-weight:bold;
padding:0 2px;
}
 #searchRestaurant form label {
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
	width:50px;
}
 #searchRestaurant form fieldset ul {
margin:0;
padding:0;
}
#searchRestaurant form fieldset li {
list-style:none outside none;
margin:0;
padding:3px;
float:left;
}

li.county {
width:115px;
}
li.district {
width:110px;
}
li.cuisine {
width:138px;
}
li.name {
width:235px;
}
 #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 {
	 margin-left:123px;
	 display:block;
	 width:auto;
}
 #searchRestaurant form em {
color:#FF0000;
font-style:normal;
font-weight:bold;
}

button.search, #searchRestaurant.newsearch button.search{
	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:13px 0 6px 15px;
	text-indent:-9999px;
	width:73px;
	float:left;
}

button.searchbyname{
	margin-top:5px;
	float:right;
}

hr.findname{
	background-color: #FF6600;
	color: #FF6600;
	height:1px;
	clear:both;
}


button.search:hover, #searchRestaurant.searchwide button.search:hover {
	background-position:left -25px;
	}
	
	
p.azlist {
	font-size:1.1em;
	line-height:1.8;
}

p.azlist a {
	border:1px solid #333333;
	color:#333333;
	display:block;
	float:left;
	margin:1px;
	padding:0 1px 0 4px;
	text-decoration:none;
	width:10px;
}

p.azlist a:hover{
	background-color:#333333;
	border:1px solid #333333;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	}




/* Carousel Slider */

a#submitRestaurant {
	z-index:20;
	background:url(/images/restaurantSection/suggestRestaurant2.png) no-repeat top left;
	width:100px;
	height:41px;
	top:0;
	right:0;
	text-indent:-9999px;
	font-size:0px;
	position:absolute;
	}
a#submitRestaurant:hover {
	background-position:0 -42px;
	}

#carousel,#placeholder {
	width:545px;
	position:relative; 
	height:250px;
	float:left;
	border:1px solid #ddd;
	margin:0 0 5px 0;
	overflow:hidden;
	}	


#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		}
#slider li{ 
		width:545px;
		height:250px;
		overflow:hidden; 
		}	
#slider li h2{
	background:url(/images/newMusicSection/transparentBlack.png);
	position:absolute;
	bottom:-10px;
	left:0;
	font-size:1.3em;
	color:#999;
	width:535px;
	padding:10px 0 10px 10px;
	display:block;
	
	}
#slider li h2 a{
	color:#999;

	}
	
#slider li h2 strong{
	color:#FFF;

}
	
	/* numeric controls */	

ol#controls{
	position:absolute;
	bottom:0;
	right:0;
	list-style-type:none; 
	margin:0; 
	padding:0; 
	margin:9px auto; 
	width:132px; 
		}
ol#controls li{
	float:left; 
	margin:0 5px; 
		}
ol#controls li a{
	display:block; 
	width:12px; 
	padding-top:14px; 
	height:0; 
	overflow:hidden; 
	background-image:url(/images/newMusicSection/pagination.png); 
	background-position:0 0; 
	background-repeat:no-repeat;
		}
ol#controls li.current a{
	background-position:0 -13px
		}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Caarousel */



/*#########################END OF TEST####################################*/