/* ------------------------------------------------------------------ */
/* =Large banners */
/* ------------------------------------------------------------------ */

#banner {
	position: relative;
	margin: 0 auto 1em auto;
	padding: 14px 14px 0 14px;
	width: 932px;
	height: 324px;
	background: url(../graphics/banners/banner_frame_large.gif) no-repeat;
	text-align: left;
	}

#banner div.banner_wrap {
	overflow: hidden;
	position: relative;
	height: 305px;
	}	

body.leggera #banner div.banner_wrap {height: 354px;}	

#banner_container {
	position: absolute;
	width: 7456px;
	height: 305px;
	}
	
body.leggera #banner_container {
	width: 10000px;
	height: 288px;
	}
	
#main #banner div.banner_wrap,
#main #banner #banner_container {height: 355px;}	
		
body#search #banner div.banner_wrap,
body#search #banner #banner_container {height: 272px;}	
	
#banner div.slide {
	position: relative;
	float: left;
	width: 932px;
	height: 100%;
	}
						
#main #banner div.slide {width: 592px;}

#banner div.text_container {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 7px 20px 12px 20px;
	width: 590px;
	text-align: right;
	}

#banner div.antonio div.text_container {width: 65%;}
	
#banner div.text_container.alt {background: #8fd747 url(../graphics/banners/banner_text_bg_1.gif) repeat-x 0 100%;}
#banner div.text_container.alt_2 {background: #867a60 url(../graphics/banners/banner_text_bg_3.gif) repeat-x 0 100%;}
	
.sIFR-active #banner h2 {
  visibility: hidden;
	font-size: 2.5em;
  line-height: 1em;
	}

.sIFR-active #banner h2.alt {
  visibility: hidden;
	font-size: 2.2em;
  line-height: 1em;
	}

#banner h2 {
	margin: 0;
	font: normal 2.3em Georgia, Arial, Verdana, Sans-Serif;
  color: #E5FF05;
	}
	
#banner h2.alt {font-size: 1.9em;}

.sIFR-active #banner p {
  visibility: hidden;
	font-size: 1.5em;
  line-height: 1em;
	}

#banner p {
	display: inline;
	margin: 0;
  font-size: 1.0em;
  color: #E5FF05;
	}

#banner p a {
	padding: 0 0 0 30px; /* Prevents word and letter wrapping when sIFR is activated - both IE and FF bug related to inline-block elements */
	text-decoration: underline;
	color: #E5FF05;
	}

#banner p a:hover,
#banner p a:focus {text-decoration: none;}

/* Banner Tabs - Seen on the Leggera promo page */

ul.banner_tabs {
	position: absolute;
	bottom: 0;
	left: 0;
  list-style: none;
	}

ul.banner_tabs li {float: left;}

ul.banner_tabs a {
  display: block;
  width: 186px;
  height: 66px;
  background-repeat: no-repeat;
  text-indent: -9999px;
	outline: none;
	}

ul.banner_tabs a.leggera-range {background-image: url(../graphics/banners/tab-leggera-range.jpg);}
ul.banner_tabs a.leggera-pizzas {background-image: url(../graphics/banners/tab-leggera-pizzas.jpg);}
ul.banner_tabs a.leggera-starters {background-image: url(../graphics/banners/tab-leggera-starters.jpg);}
ul.banner_tabs a.leggera-dessert {background-image: url(../graphics/banners/tab-leggera-dessert.jpg);}

ul.banner_tabs a.lighter-drinks {
	background-image: url(../graphics/banners/tab-lighter-drinks.jpg);
  width: 188px;
	}

ul.banner_tabs a:hover,
ul.banner_tabs a:focus,
ul.banner_tabs a.selected {background-position: bottom;}

/* Banner slide buttons - Also used on the mini expandable panels that use the same javascript */

a.left_button,
a.right_button {
	position: absolute;
	left: 0;
	top: 33%;
	z-index: 100;
	width: 33px;
	height: 99px;
	background: url(../graphics/banners/arrow_left.gif) no-repeat;
	opacity: 0.5;
	filter: alpha(opacity=50);
	outline: none;
	}

a.right_button {
	left: auto;
	right: 0;
	background-image: url(../graphics/banners/arrow_right.gif);
	}

a.left_button:hover,
a.right_button:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	}

body.leggera a.left_button,
body.leggera a.right_button {
	top: 14px;
	left: -17px;
	width: 31px;
	height: 288px;
	background: url(../graphics/banners/arrow_left_2.gif) no-repeat;
	opacity: 1;
	filter: alpha(opacity=100);
	}

body.leggera a.right_button {
	left: auto;
	right: -17px;
	background-image: url(../graphics/banners/arrow_right_2.gif);
	}