/* Site: McDonalds.co.uk */
/* Stylesheet containing hero and styling elements for the-i transitions within Food */

/* --------------------------------------------------------------------------------------------------*/
/* Craigs original styles to create the i-transition */
.hero_wrap { width:936px; position:relative; }

/* indexing */

#hero .back   			{ z-index: 1; }
#hero .cover  			{ z-index: 2; }
#hero .front_bg  		{ z-index: 3; }
#hero .the_i  			{ z-index: 4; }
#hero .border 			{ z-index: 5; }
#hero .front_content  	{ z-index: 6; }
#hero .banner 			{ z-index: 7; }

#hero .back.top { z-index:8; }

#hero .front_bg { width:936px; height:337px; margin-bottom:10px; overflow:hidden; background-color: #fff; background-image: url(/static/img/dummy/herobg.jpg); background-position: -100px 0px; background-repeat: no-repeat; }

#hero .front_content { width:936px; height:337px; position:absolute; top:0; }
#hero .border { position:absolute; width:924px; height:325px; border: 6px solid #6E2B12; }
#hero .new_banner { width:78px; height:78px; position:absolute; top:0; left:0; background: url(/static/img/dummy/newbanner.png) no-repeat top left; }
#hero .video_player { width:420px; height:220px; position:absolute; top:40px; right:25px; background:#000; }
#hero .panel_wrap {	width:550px; height:270px;	position: absolute;	top:40px; left:6px;	overflow:hidden; }
	#hero .panel_wrap .panel { position:absolute; width:383px; height:213px; overflow:hidden; background:#6E2B12; padding-left: 15px; padding-right: 15px; padding-top: 20px; z-index:1; }
	#hero .panel_wrap .panel_shadow { width:413px; height: 233px; position:absolute; top:3px; left:3px;	background:#222; z-index:0;	opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
#hero .cover { width:936px; height:337px; display:none; position:absolute; top:0; left:0; background: url(/static/img/dummy/coverbg.jpg) repeat-x top left; }
#hero .back { width:936px; height:337px; }

.the_i { display:none; width:150px; height:57px; position:absolute; overflow:hidden; bottom:10px; right:15px; height:60px; }
	.the_i a { display:block; float:right; width:57px; height:57px; background: url(/static/img/icons/i.png) no-repeat top left; }
		.the_i a span { display:none; }

.i_reveal { width:0px; height: 22px; line-height: 22px; margin:18px 0; position:absolute; right: 51px; overflow:hidden; background: url(/static/img/icons/i-reveal.png) no-repeat top left; }
	.i_reveal a { float:none; width:85px; height:22px; margin-left: 8px; background-position: 0px 0px; background-image: url(/static/img/dummy/find_out_more_close.gif); background-repeat: no-repeat; }


/* Additional front panel styles */

#hero .front_content .panel h2 { padding-bottom: 10px; font-size: 250%; font-weight: bold; }
#hero .front_content .panel p { font-size: 130%; padding-right: 35px; }


/* js only styles */

.js .hero_wrap { height:337px; overflow:hidden; }
.js #hero .cover { display:block; }
.js #hero .back { position:absolute; top:0; left:0; }
.js #hero .front_bg { position:absolute; margin-bottom:0; }

/* --------------------------------------------------------------------------------------------------*/


/* Styles for the stub switching functionality on the back of the iStub */
.stubSwitch{height:326px; width:100%;}

.stubContent{height:326px; width:737px; float:left; position:relative; overflow:hidden;}
	.stubContent ul{height:326px; width:1500px;}
	.stubContent li{height:326px; width:737px; background:#333; float:left; display:inline;}

.stubControl{ height:326px; width:187px; background:#6e6350; float:left; position: relative; }
	.stubControl .outPannel, .stubControl .inPannel{ position: absolute; left: 0px; top: 95px;}
		.stubControl .outPannel a, .stubControl .inPannel a { position: relative; left: 20px; bottom: 5px; }
		.stubControl .outPannel a img, .stubControl .inPannel a img { float:none; }


/* Beef */
.i-quarterpoundercheese #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-quarterpoundercheese.jpg); border-color: #ff0909; }
	.i-quarterpoundercheese #hero .panel_wrap .panel { background-color: #ff0909; height:220px; width:418px; }
	.i-quarterpoundercheese #hero .panel_wrap .panel_shadow { height:241px; width:449px; }
	.i-quarterpoundercheese #hero .border { border-color: #ff0909; }

.i-bigmac #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-bigmac.jpg); border-color: #ff0909; }
	.i-bigmac #hero .panel_wrap .panel { background-color: #ff0909; width:383px; height:170px; }
	.i-bigmac #hero .panel_wrap .panel_shadow { height:190px; width:413px; }
	.i-bigmac #hero .border { border-color: #ff0909; }

.i-mburger #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-theM.jpg); border-color: #222; }
	.i-mburger #hero .panel_wrap { height:280px; width:510px; }
	.i-mburger #hero .panel_wrap .panel { background-color: #222; width:380px; padding-top: 15px; height:245px; }
	.i-mburger #hero .panel_wrap .panel h2 { display: block; position: relative; width: 261px; height: 110px; background: url(/static/img/food/beef/i-hero-theM-title.gif) top left no-repeat; padding-bottom: 15px; }
		.i-mburger #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-mburger #hero .panel_wrap .panel_shadow { height:260px; width:410px; }
	.i-mburger #hero .border { border-color: #222; }

.i-hamburger #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-hamburger.jpg); border-color: #ff0909; }
	.i-hamburger #hero .panel_wrap .panel { background-color: #ff0909; height:170px; }
	.i-hamburger #hero .panel_wrap .panel_shadow { height:190px; }
	.i-hamburger #hero .border { border-color: #ff0909; }

.i-cheeseburger #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-cheeseburger.jpg); border-color: #ff0909; }
	.i-cheeseburger #hero .panel_wrap .panel { background-color: #ff0909; height:170px; width:395px; }
	.i-cheeseburger #hero .panel_wrap .panel_shadow { height:190px; width:425px; }
	.i-cheeseburger #hero .border { border-color: #ff0909; }

.i-baconcheeseburger #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-baconcheeseburger.jpg); border-color: #ff0909; }
	.i-baconcheeseburger #hero .panel_wrap .panel { background-color: #ff0909; height:240px; }
	.i-baconcheeseburger #hero .panel_wrap .panel_shadow { height:260px; }
	.i-baconcheeseburger #hero .border { border-color: #ff0909; }

.i-doublecheeseburger #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-doublecheeseburger.jpg); border-color: #ff0909; }
	.i-doublecheeseburger #hero .panel_wrap .panel { background-color: #ff0909; height:170px; width:455px; }
	.i-doublecheeseburger #hero .panel_wrap .panel_shadow { height:190px; width:485px; }
	.i-doublecheeseburger #hero .border { border-color: #ff0909; }

.i-bbq-beef #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-bbq-beef.jpg); border-color: #6dac1a; }
	.i-bbq-beef #hero .panel_wrap .panel { background-color: #6dac1a; height:197px; width:425px; }
	.i-bbq-beef #hero .panel_wrap .panel_shadow { height:217px; width:455px; }
	.i-bbq-beef #hero .border { border-color: #6dac1a; }	
	
/* Chicken */
.i-mcchickensandwich #hero .front_bg { background-image: url(/static/img/food/chicken/i-hero-mcchickensandwich.jpg); border-color: #ff0909; }
	.i-mcchickensandwich #hero .panel_wrap .panel { background-color: #ff0909; }
	.i-mcchickensandwich #hero .border { border-color: #ff0909; }

.i-chickenmcnuggets #hero .front_bg { background-image: url(/static/img/food/chicken/i-hero-chickenmcnuggets.jpg); border-color: #ff0909; }
	.i-chickenmcnuggets #hero .panel_wrap .panel { background-color: #ff0909; }
	.i-chickenmcnuggets #hero .border { border-color: #ff0909; }

.i-cbo #hero .front_bg {background-image: url(/static/img/food/chicken/i-hero-cbo.jpg); border-color: #9a0e1e; }	
	.i-cbo #hero .panel_wrap { height:250px; width:500px; }
	.i-cbo #hero .panel_wrap .panel { background-color: #9a0e1e; width:382px; padding-top: 25px; height:207px; }
	.i-cbo #hero .panel_wrap .panel h2 { display: block; position: relative; width: 388px; height: 52px; background: url(/static/img/home/h2-cbo.gif) top left no-repeat; padding-bottom: 27px; }
		.i-cbo #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow:hidden;}
	.i-cbo #hero .border { border-color: #9a0e1e; }
	
	
.i-chickenlegendlimited #hero .front_bg { background-image: url(/static/img/food/chicken/i-hero-chickenlegendlimited.jpg); border-color: #700104; }
	.i-chickenlegendlimited #hero .panel_wrap { height:250px; width:500px; }
	.i-chickenlegendlimited #hero .panel_wrap .panel { background-color: #700104; width:410px; padding-top: 25px; height:155px; }
	.i-chickenlegendlimited #hero .panel_wrap .panel_shadow { width:440px; height:180px; }
	.i-chickenlegendlimited #hero .border { border-color: #700104; }	

.i-summer-chicken #hero .front_bg { background-image: url(/static/img/food/chicken/i-hero-summer-chicken.jpg); border-color: #6dac1a; }
	.i-summer-chicken #hero .panel_wrap .panel { background-color: #6dac1a;}
	.i-summer-chicken #hero .panel_wrap .panel_shadow { width:413px;}
	.i-summer-chicken #hero .border { border-color: #6dac1a; }	

.i-chickenselects #hero .front_bg { background-image: url(/static/img/food/chicken/i-hero-chickenselects.jpg); border-color: #be350c; }
	.i-chickenselects #hero .panel_wrap .panel { background-color: #be350c; height:140px; }
	.i-chickenselects #hero .panel_wrap .panel_shadow { width:413px; height:160px; }
	.i-chickenselects #hero .border { border-color: #be350c; }

.i-mayosnackwrap #hero .front_bg { background-image: url(/static/img/food/chicken/i-hero-chickensnackwrap.jpg); border-color: #e6c863; }
	.i-mayosnackwrap #hero .panel_wrap .panel { background-color: #e6c863; }
	.i-mayosnackwrap #hero .border { border-color: #e6c863; }
.i-mayo-chicken #hero .front_bg { background-image: url(/static/img/food/chicken/i-hero-mayo-chicken.jpg); border-color: #be350c; }
	.i-mayo-chicken #hero .panel_wrap .panel { background-color: #be350c; }
	.i-mayo-chicken #hero .border { border-color: #be350c; }	


/* Fish */
.i-filetofish #hero .front_bg { background-image: url(/static/img/food/fish/i-hero-fish.jpg); border-color: #ff0909; }
	.i-filetofish #hero .panel_wrap .panel { background-color: #ff0909; height:170px; }
	.i-filetofish #hero .panel_wrap .panel_shadow { width:413px; height:190px; }
	.i-filetofish #hero .border { border-color: #ff0909; }
	
.i-fishfingers #hero .front_bg { background-image: url(/static/img/food/fish/i-hero-fishfingers.jpg); border-color: #ef4123; }
	.i-fishfingers #hero .panel_wrap .panel { background-color: #ef4123; height:147px; }
	.i-fishfingers #hero .panel_wrap .panel_shadow { width:413px; height:167px;  }
	.i-fishfingers #hero .border { border-color: #ef4123; }


/* Deli */
.i-chickensaladDeli #hero .front_bg { background-image: url(/static/img/food/deli/i-hero-chickensaladdeli.jpg); border-color: #00803e; }
	.i-chickensaladDeli #hero .panel_wrap { height:222px; }
		.i-chickensaladDeli #hero .panel_wrap .panel { background-color: #00803e; padding-top: 25px; height:180px; }
			.i-chickensaladDeli #hero .panel_wrap .panel h2 { display: block; position: relative; width: 353px; height: 33px; background: url(/static/img/food/deli/i-title-chickensaladDeli.png) top left no-repeat; padding-bottom: 27px; }
				.i-chickensaladDeli #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-chickensaladDeli #hero .panel_wrap .panel_shadow { height:205px; width:413px; }
	.i-chickensaladDeli #hero .border { border-color: #00803e; }

.i-bbqporkmelt #hero .front_bg { background-image: url(/static/img/food/deli/i-hero-bbqporkmeltDeli.jpg); border-color: #00803e; }
	.i-bbqporkmelt #hero .panel_wrap .panel { background-color: #00803e; padding-top: 25px;  }
		.i-bbqporkmelt #hero .panel_wrap .panel h2 { display: block; position: relative; width: 363px; height: 56px; background: url(/static/img/food/deli/i-title-bbqporkmeltDeli.png) top left no-repeat;}
			.i-bbqporkmelt #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-bbqporkmelt #hero .border { border-color: #00803e; }

.i-chickenbaconDeli #hero .front_bg { background-image: url(/static/img/food/deli/i-hero-chickenandbacondeli.jpg); border-color: #00803e; }
	.i-chickenbaconDeli #hero .panel_wrap { height:245px; }
	.i-chickenbaconDeli #hero .panel_wrap .panel { background-color: #00803e; padding-top: 25px; }
		.i-chickenbaconDeli #hero .panel_wrap .panel h2 { display: block; position: relative; width: 202px; height: 83px; background: url(/static/img/food/deli/i-title-chickenbaconDeli.png) top left no-repeat; padding-bottom: 27px;}
			.i-chickenbaconDeli #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-chickenbaconDeli #hero .panel_wrap .panel_shadow { height:238px; width:413px;}
	.i-chickenbaconDeli #hero .border { border-color: #00803e; }

.i-spiceyveggie #hero .front_bg { background-image: url(/static/img/food/deli/i-hero-spicyveggiedeli.jpg); border-color: #00803e; }
	.i-spiceyveggie #hero .panel_wrap { height: 260px; width: 480px; }
	.i-spiceyveggie #hero .panel_wrap .panel { background-color: #00803e; padding-right: 15px; padding-top: 25px; }
		.i-spiceyveggie #hero .panel_wrap .panel h2 { display: block; position: relative; width: 467px; height: 40px; background: url(/static/img/food/deli/i-title-spicyveggieDeli.png) top left no-repeat; padding-bottom: 27px; }
			.i-spiceyveggie #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-spiceyveggie #hero .panel_wrap .panel_shadow { width:413px; height:238px; }
	.i-spiceyveggie #hero .border { border-color: #00803e; }

.i-sweetchillichickenDeli #hero .front_bg { background-image: url(/static/img/food/deli/i-hero-sweetchillichickendeli.jpg); border-color: #00803e; }
	.i-sweetchillichickenDeli #hero .panel_wrap { height:250px; width:550px; }
	.i-sweetchillichickenDeli #hero .panel_wrap .panel { background-color: #00803e; width:497px; height:170px; padding-top: 25px; }
		.i-sweetchillichickenDeli #hero .panel_wrap .panel h2 { display: block; position: relative; width: 467px; height: 33px; background: url(/static/img/food/deli/i-title-sweetchillichickenDeli.png) top left no-repeat; padding-bottom: 27px; }
			.i-sweetchillichickenDeli #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-sweetchillichickenDeli #hero .panel_wrap .panel_shadow { height:195px; width:527px; }
	.i-sweetchillichickenDeli #hero .border { border-color: #00803e; }
	

/* Breakfast */
.i-bigbreakfast #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-bigbreakfast.jpg); border-color: #671b12; }
	.i-bigbreakfast #hero .panel_wrap .panel { background-color: #671b12; }
	.i-bigbreakfast #hero .border { border-color: #671b12; }
	
.i-pancakessausage #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-pancakeswithsausage.jpg); border-color: #f9bb13; }
	.i-pancakessausage #hero .panel_wrap .panel { background-color: #f9bb13; }
	.i-pancakessausage #hero .border { border-color: #f9bb13; }
	
.i-pancakessyrup #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-pancakeswithsyrup.jpg); border-color: #f9bb13; }
	.i-pancakessyrup #hero .panel_wrap .panel { background-color: #f9bb13; }
	.i-pancakessyrup #hero .border { border-color: #f9bb13; }
	
.i-bagelwithjam #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-bagelwithjam.jpg); border-color: #f28d22; }
	.i-bagelwithjam #hero .panel_wrap .panel { background-color: #f28d22; }
	.i-bagelwithjam #hero .border { border-color: #f28d22; }
	
.i-hashbrown #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-hashbrown.jpg); border-color: #671b12; }
	.i-hashbrown #hero .panel_wrap .panel { background-color: #671b12; }
	.i-hashbrown #hero .border { border-color: #671b12; }

.i-baconeggmcmuffin #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-singlebaconeggmcmuffin.jpg); border-color: #ff0909; }
	.i-baconeggmcmuffin #hero .panel_wrap .panel { background-color: #ff0909; }
	.i-baconeggmcmuffin #hero .border { border-color: #ff0909; }

.i-baconeggcheesebagel #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-baconeggcheesebagel.jpg); border-color: #f28d22; }
	.i-baconeggcheesebagel #hero .panel_wrap .panel { background-color: #f28d22; }
	.i-baconeggcheesebagel #hero .border { border-color: #f28d22; }

.i-bacondoubleeggmcmuffin #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-doublebaconeggmcmuffin.jpg); border-color: #ff0909; }
	.i-bacondoubleeggmcmuffin #hero .panel_wrap .panel { background-color: #ff0909; }
	.i-bacondoubleeggmcmuffin #hero .border { border-color: #ff0909; }

.i-doublesausageeggmcmuffin #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-doublesausageeggmcmuffin.jpg); border-color: #ff0909; }
	.i-doublesausageeggmcmuffin #hero .panel_wrap .panel { background-color: #ff0909; }
	.i-doublesausageeggmcmuffin #hero .border { border-color: #ff0909; }

.i-coffeetea #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-coffee.jpg); border-color: #833c16; }
	.i-coffeetea #hero .panel_wrap .panel { background-color: #833c16; height: 193px; }
	.i-coffeetea #hero .panel_wrap .panel_shadow { width:413px; height:213px; }
	.i-coffeetea #hero .border { border-color: #833c16; }

.i-fruitbagBreakfast #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-fruitbag.jpg); border-color: #fb8f03; }
	.i-fruitbagBreakfast #hero .panel_wrap .panel { background-color: #fb8f03; width:285px; height:150px; }
	.i-fruitbagBreakfast #hero .panel_wrap .panel_shadow { width:315px; height:170px; }
	.i-fruitbagBreakfast #hero .border { border-color: #fb8f03; }

.i-newbaconroll #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-newbaconroll.jpg); border-color: #671b12; }
	.i-newbaconroll #hero .panel_wrap .panel { background-color: #671b12; }
	.i-newbaconroll #hero .border { border-color: #671b12; }

.i-oatsosimpleporridge #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-oatsosimple.jpg); border-color: #222740; }
	.i-oatsosimpleporridge #hero .panel_wrap {  }
	.i-oatsosimpleporridge #hero .panel_wrap .panel h2 { display: block; position: relative; width: 187px; height: 123px; background: url(/static/img/food/breakfast/i-title-oatsosimple.png) top left no-repeat;}
		.i-oatsosimpleporridge #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-oatsosimpleporridge #hero .panel_wrap .panel { background-color: #222740; width: 257px; }
	.i-oatsosimpleporridge #hero .panel_wrap .panel_shadow { height:233px; width:287px; }
	.i-oatsosimpleporridge #hero .border { border-color: #222740; }

.i-sausageeggmcmuffin #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-singlesausageeggmcmuffin.jpg); border-color: #ff0909; }
	.i-sausageeggmcmuffin #hero .panel_wrap .panel { background-color: #ff0909; }
	.i-sausageeggmcmuffin #hero .border { border-color: #ff0909; }

.i-sausageeggcheesebagel #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-sausageeggcheesebagel.jpg); border-color: #f28d22; }
	.i-sausageeggcheesebagel #hero .panel_wrap .panel { background-color: #f28d22; }
	.i-sausageeggcheesebagel #hero .border { border-color: #f28d22; }

.i-toastedbagel #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-toastedbagel.jpg); border-color: #f28d22; }
	.i-toastedbagel #hero .panel_wrap .panel { background-color: #f28d22; height:230px; width:353px; }
	.i-toastedbagel #hero .panel_wrap .panel_shadow { width:383px; height:250px; }
	.i-toastedbagel #hero .border { border-color: #f28d22; }


/* Salads Plus */
.i-grilledchickenSalad #hero .front_bg { background-image: url(/static/img/food/saladsplus/i-hero-grilledchickensalad.jpg); border-color: #6bba24; }
	.i-grilledchickenSalad #hero .panel_wrap .panel { background-color: #6bba24; }
	.i-grilledchickenSalad #hero .border { border-color: #6bba24; }

.i-grilledchickenbaconSalad #hero .front_bg { background-image: url(/static/img/food/saladsplus/i-hero-chickenandbaconsalad.jpg); border-color: #6bba24; }
	.i-grilledchickenbaconSalad #hero .panel_wrap .panel { background-color: #6bba24; }
	.i-grilledchickenbaconSalad #hero .border { border-color: #6bba24; }

.i-gardensidesalad #hero .front_bg { background-image: url(/static/img/food/saladsplus/i-hero-gardensidesalad.jpg); border-color: #6bba24; }
	.i-gardensidesalad #hero .panel_wrap .panel { background-color: #6bba24; height:148px; }
	.i-gardensidesalad #hero .panel_wrap .panel_shadow { height:168px; }
	.i-gardensidesalad #hero .border { border-color: #6bba24; }	

.i-fruitbag #hero .front_bg { background-image: url(/static/img/food/saladsplus/i-hero-fruitbag.jpg); border-color: #6bba24; }
	.i-fruitbag #hero .panel_wrap .panel { background-color: #6bba24; width:285px; height:150px; }
	.i-fruitbag #hero .panel_wrap .panel_shadow { width:315px; height:170px; }
	.i-fruitbag #hero .border { border-color: #6bba24; }

.i-carrotsticks #hero .front_bg { background-image: url(/static/img/food/happymeals/i-hero-carrotsticks.jpg); border-color: #6bba24; }
	.i-carrotsticks #hero .panel_wrap .panel { background-color: #6bba24; height:150px; width:341px; }
	.i-carrotsticks #hero .panel_wrap .panel_shadow { height:170px; width:371px; }
	.i-carrotsticks #hero .border { border-color: #6bba24; }
	

/* Fries */
.i-fries #hero .front_bg { background-image: url(/static/img/food/fries/i-hero-fries.jpg); border-color: #ff0909; }
	.i-fries #hero .panel_wrap .panel { background-color: #ff0909; height:170px; width:421px; }
	.i-fries #hero .panel_wrap .panel_shadow { width:451px; height:190px; }
	.i-fries #hero .border { border-color: #ff0909; }

.i-mozzarella-dippers #hero .front_bg { background-image: url(/static/img/food/fries/i-hero-mozzarella-dippers.jpg); border-color: #6dac1a; }
	.i-mozzarella-dippers #hero .panel_wrap .panel { background-color: #6dac1a; height:170px; width:385px; }
	.i-mozzarella-dippers #hero .panel_wrap .panel_shadow { height:190px; width:415px; }
	.i-mozzarella-dippers #hero .border { border-color: #6dac1a; }
	

/* Happy Meals */
.i-happymeal #hero .front_bg { background-image: url(/static/img/food/happymeals/i-hero-happymealintro.jpg); border-color: #00a8ea; }
	.i-happymeal #hero .panel_wrap .panel { background-color: #00a8ea; height:235px; width:425px; }
	.i-happymeal #hero .panel_wrap .panel_shadow { height:255px; width:455px; }
	.i-happymeal #hero .border { border-color: #00a8ea; }

.i-carrotsticksHappyMeal #hero .front_bg { background-image: url(/static/img/food/happymeals/i-hero-carrotsticks.jpg); border-color: #ef4123; }
	.i-carrotsticksHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; height:190px; width:341px; }
	.i-carrotsticksHappyMeal #hero .panel_wrap .panel_shadow { height:210px; width:371px; }
	.i-carrotsticksHappyMeal #hero .border { border-color: #ef4123; }

.i-fruitbagHappyMeal #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-fruitbag.jpg); border-color: #ef4123; }
	.i-fruitbagHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; height:190px; width:334px; }
	.i-fruitbagHappyMeal #hero .panel_wrap .panel_shadow { height:210px; width:364px; }
	.i-fruitbagHappyMeal #hero .border { border-color: #ef4123; }

.i-chickenmcnuggetsHappyMeal #hero .front_bg { background-image: url(/static/img/food/happymeals/i-hero-chickenmcnuggets.jpg); border-color: #ef4123; }
	.i-chickenmcnuggetsHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; }
	.i-chickenmcnuggetsHappyMeal #hero .border { border-color: #ef4123; }	

.i-hamburgerHappyMeal #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-hamburger.jpg); border-color: #ef4123; }
	.i-hamburgerHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; }
	.i-hamburgerHappyMeal #hero .border { border-color: #ef4123; }	

.i-cheeseburgerHappyMeal #hero .front_bg { background-image: url(/static/img/food/beef/i-hero-cheeseburger.jpg); border-color: #ef4123; }
	.i-cheeseburgerHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; height:170px; width:395px; }
	.i-cheeseburgerHappyMeal #hero .panel_wrap .panel_shadow { height:190px; width:425px; }
	.i-cheeseburgerHappyMeal #hero .border { border-color: #ef4123; }

.i-fruitshoot #hero .front_bg { background-image: url(/static/img/food/happymeals/i-hero-robinsonsfruitshoot.jpg); border-color: #642883; }
	.i-fruitshoot #hero .panel_wrap .panel { background-color: #642883; height:135px; width:360px; }
	.i-fruitshoot #hero .panel_wrap .panel_shadow { width:351px; height:155px; width:390px; }
	.i-fruitshoot #hero .border { border-color: #642883; }

.i-friesHappyMeal #hero .front_bg { background-image: url(/static/img/food/happymeals/i-hero-fries.jpg); border-color: #ef4123; }
	.i-friesHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; height:170px; width:321px; }
	.i-friesHappyMeal #hero .panel_wrap .panel_shadow { width:351px; height:190px; }
	.i-friesHappyMeal #hero .border { border-color: #ef4123; }

.i-milkshakeHappyMeal #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-milkshake.jpg); border-color: #ef4123; }
	.i-milkshakeHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; width:250px; height:130px; }
	.i-milkshakeHappyMeal #hero .panel_wrap .panel_shadow { width:280px; height:150px; }
	.i-milkshakeHappyMeal #hero .border { border-color: #ef4123; }	

.i-spritezHappyMeal #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-spritezero.jpg); border-color: #ef4123; }
	.i-spritezHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; height:150px; width:267px; }
	.i-spritezHappyMeal #hero .panel_wrap .panel_shadow { height:170px; width:297px; }
	.i-spritezHappyMeal #hero .border { border-color: #ef4123; }
	
.i-softdrinksHappyMeal #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-softdrinks.jpg); border-color: #ef4123; }
	.i-softdrinksHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; height:170px; width:420px; }
	.i-softdrinksHappyMeal #hero .panel_wrap .panel_shadow { width:450px; height:190px; }
	.i-softdrinksHappyMeal #hero .border { border-color: #ef4123; }	

.i-organicmilkHappyMeal #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-organicmilk.jpg); border-color: #ef4123; }
	.i-organicmilkHappyMeal #hero .panel_wrap .panel { background-color: #ef4123; height:130px; width:287px; }
	.i-organicmilkHappyMeal #hero .panel_wrap .panel_shadow { height:150px; width:317px; }
	.i-organicmilkHappyMeal #hero .border { border-color: #ef4123; }
	

/* Poundsaver Menu */

.i-poundsaver-mcflurry #hero .front_bg { background-image: url(/static/img/food/poundsaver/i-hero-mcflurry.jpg); border-color: #6694aa; }
	.i-poundsaver-mcflurry #hero .panel_wrap .panel { background-color: #6694aa; width:395px; height:148px; }
	.i-poundsaver-mcflurry #hero .panel_wrap .panel_shadow { height:168px; width:425px; }
	.i-poundsaver-mcflurry #hero .border { border-color: #6694aa; }

/* hub page */
.i-saver-menu-hub {position:relative;}	
.i-saver-menu-hub .front_bg { background-image: url(/static/img/food/poundsaver/i-hero-saver-menu-hub.jpg); border-color: #f11818; height:433px;}
.i-saver-menu-hub .front_content {position:absolute; top:0; width:936px; height:337px;}
	.i-saver-menu-hub .panel_wrap {overflow:hidden; position:absolute; left:6px; top:40px; width:550px; height:270px;}
		.i-saver-menu-hub .panel_wrap .panel {position:absolute; overflow:hidden; background:#6E2B12; padding-left: 15px; padding-right: 15px; padding-top: 20px; z-index:1; background-color: #f11818; width:265px; height:235px; }
		.i-saver-menu-hub .panel_wrap .panel_shadow {position:absolute; top:3px; left:3px; background:#222; z-index:0; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); height:255px; width:295px; }
	.i-saver-menu-hub .border {border:6px solid #f11818; position:absolute; width:924px; height:421px;}
	
	.i-saver-menu-hub .front_content .hub_overlay {background-image: url(/static/img/food/poundsaver/i-hero-saver-menu-hub-overlay.png); background-repeat:no-repeat; width:242px; height:175px; position:relative; top:250px; left:80px; z-index:100;}
	.i-saver-menu-hub .front_content .panel h2 { padding-bottom: 10px; font-size: 250%; font-weight: bold; }
	.i-saver-menu-hub .front_content .panel p { font-size: 130%; padding-right: 35px; }

/* Dessert & Treats */
.i-hotapplepie #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-applepie.jpg); border-color: #f9bb13; }
	.i-hotapplepie #hero .panel_wrap .panel { background-color: #f9bb13; height:150px; width:300px; }
	.i-hotapplepie #hero .panel_wrap .panel_shadow { width:330px; height:170px; }
	.i-hotapplepie #hero .border { border-color: #f9bb13; }

.i-belgianblissbrownie #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-belgianblissbrownie.jpg); border-color: #571d19; }
	.i-belgianblissbrownie #hero .panel_wrap .panel { background-color: #571d19; }
	.i-belgianblissbrownie #hero .border { border-color: #571d19; }

.i-doublechocolatemuffin #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-doublechocmuffin.jpg); border-color: #693727; }
	.i-doublechocolatemuffin #hero .panel_wrap .panel { background-color: #693727; }
	.i-doublechocolatemuffin #hero .border { border-color: #693727; }

.i-strawberrysundae #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-sundaestrawberry.jpg); border-color: #d52536; }
	.i-strawberrysundae #hero .panel_wrap .panel { background-color: #d52536; height:130px; width:413px; }
	.i-strawberrysundae #hero .panel_wrap .panel_shadow { width:443px; height:150px; }
	.i-strawberrysundae #hero .border { border-color: #d52536; }

.i-sugardonut #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-sugardonut.jpg); border-color: #d47b32; }
	.i-sugardonut #hero .panel_wrap .panel { background-color: #d47b32; width:314px; height:130px; }
	.i-sugardonut #hero .panel_wrap .panel_shadow { width:344px; height:150px; }
	.i-sugardonut #hero .border { border-color: #d47b32; }

.i-toffeesundae #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-sundaetoffee.jpg); border-color: #d57d22; }
	.i-toffeesundae #hero .panel_wrap .panel { background-color: #d57d22; width:377px; height:130px; }
	.i-toffeesundae #hero .panel_wrap .panel_shadow { width:407px; height:150px; }
	.i-toffeesundae #hero .border { border-color: #d57d22; }

.i-kitkatmcflurry #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-kitkatmcflurry.jpg); border-color: #bd000f; }
	.i-kitkatmcflurry #hero .panel_wrap .panel { background-color: #bd000f; width:395px; height:148px; }
	.i-kitkatmcflurry #hero .panel_wrap .panel_shadow { height:168px; width:425px; }
	.i-kitkatmcflurry #hero .border { border-color: #bd000f; }

.i-muffin #hero .front_bg { background-image: url(/static/img/food/breakfast/i-hero-lowfatblueberrymuffin.jpg); border-color: #611a42; }
	.i-muffin #hero .panel_wrap .panel { background-color: #611a42; }
	.i-muffin #hero .border { border-color: #611a42; }

.i-fruitbagDessert #hero .front_bg { background-image: url(/static/img/food/saladsplus/i-hero-fruitbag.jpg); border-color: #fb8f03; }
	.i-fruitbagDessert #hero .panel_wrap .panel { background-color: #fb8f03; width:285px; height:150px; }
	.i-fruitbagDessert #hero .panel_wrap .panel_shadow { width:315px; height:170px; }
	.i-fruitbagDessert #hero .border { border-color: #fb8f03; }

.i-toffee-crisp #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-toffee-crisp-mcflurry.jpg); border-color: #fb8f03; }
	.i-toffee-crisp #hero .panel_wrap .panel { background-color: #fb8f03; width:285px; height:200px; }
	.i-toffee-crisp #hero .panel_wrap .panel_shadow { width:315px; height:221px; }
	.i-toffee-crisp #hero .border { border-color: #fb8f03; }
	
.i-wispa #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-egg-mcflurry.jpg); border-color: #357fd8; }
	.i-wispa #hero .panel_wrap .panel { background-color: #1b1e34; width:335px; height:200px; }
	.i-wispa #hero .panel_wrap .panel_shadow { width:366px; height:221px; }
	.i-wispa #hero .border { border-color: #1b1e34; }

	
.i-featured-mcflurry #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-featured-mcflurry.jpg); border-color: #2a9335; }
	.i-featured-mcflurry #hero .panel_wrap .panel {background-color:#2a9335; width:285px; height:240px;}
	.i-featured-mcflurry #hero .panel_wrap .panel_shadow {width:315px; height:260px;}
	.i-featured-mcflurry #hero .border {border-color:#2a9335;}
	
.i-caramel-mcflurry #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-caramel-mcflurry.jpg); border-color: #d75c00; }
	.i-caramel-mcflurry #hero .panel_wrap .panel {background-color:#d75c00; width:413px; height:240px;}
	.i-caramel-mcflurry #hero .panel_wrap .panel_shadow {width:443px; height:260px;}
	.i-caramel-mcflurry #hero .border {border-color:#d75c00;}	
	
.i-mars-milkshake #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-mars-milkshake-summer.jpg); border-color: #3a3126; }
	.i-mars-milkshake #hero .panel_wrap .panel {background-color:#3a3126; width:413px; height:240px;}
	.i-mars-milkshake #hero .panel_wrap .panel_shadow {width:443px; height:260px;}
	.i-mars-milkshake #hero .border {border-color:#3a3126;}			
	
.i-cornetto-mcflurry #hero .front_bg { background-image: url(/static/img/food/desertstreats/i-hero-cornetto-mcflurry.jpg); border-color: #357fd8; }
	.i-cornetto-mcflurry #hero .panel_wrap .panel {background-color:#357fd8; width:413px; height:240px;}
	.i-cornetto-mcflurry #hero .panel_wrap .panel_shadow {width:443px; height:260px;}
	.i-cornetto-mcflurry #hero .border {border-color:#357fd8;}				


/* Drinks & Shakes */
.i-organicmilk #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-organicmilk.jpg); border-color: #00b2d8; }
	.i-organicmilk #hero .panel_wrap .panel { background-color: #00b2d8; height:130px; width:287px; }
	.i-organicmilk #hero .panel_wrap .panel_shadow { height:150px; width:317px; }
	.i-organicmilk #hero .border { border-color: #00b2d8; }

.i-milkshake #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-milkshake.jpg); border-color: #e17474; }
	.i-milkshake #hero .panel_wrap .panel { background-color: #e17474; width:250px; height:130px; }
	.i-milkshake #hero .panel_wrap .panel_shadow { width:280px; height:150px; }
	.i-milkshake #hero .border { border-color: #e17474; }

.i-water #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-water.jpg); border-color: #2693d1; }
	.i-water #hero .panel_wrap .panel { background-color: #2693d1; height:130px; width:202px; }
	.i-water #hero .panel_wrap .panel_shadow { height:150px; width:232px; }
	.i-water #hero .border { border-color: #2693d1; }

.i-tropicana #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-tropicana.jpg); border-color: #37c1de; }
	.i-tropicana #hero .panel_wrap { height:258px; width:447px;}
	.i-tropicana #hero .panel_wrap .panel { background-color: #37c1de; width:285px; height:147px; }
	.i-tropicana #hero .panel_wrap .panel_shadow { height:167px; width:315px; }
	.i-tropicana #hero .border { border-color: #37c1de; }

.i-freshlygroundcoffee #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-coffee.jpg); border-color: #833c16; }
	.i-freshlygroundcoffee #hero .panel_wrap .panel { background-color: #833c16; height: 153px; }
	.i-freshlygroundcoffee #hero .panel_wrap .panel_shadow { width:413px; height:173px; }
	.i-freshlygroundcoffee #hero .border { border-color: #833c16; }

.i-softdrinks #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-softdrinks.jpg); border-color: #000000; }
	.i-softdrinks #hero .panel_wrap .panel { background-color: #000000; height:170px; width:420px; }
	.i-softdrinks #hero .panel_wrap .panel_shadow { width:450px; height:190px; }
	.i-softdrinks #hero .border { border-color: #000000; }

.i-spritez #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-spritezero.jpg); border-color: #2761c6; }
	.i-spritez #hero .panel_wrap .panel { background-color: #2761c6; }
	.i-spritez #hero .border { border-color: #2761c6; }	
	
.i-caramel-milkshake #hero .front_bg { background-image: url(/static/img/food/drinksshakes/i-hero-caramel-milkshake.jpg); border-color: #24216d; }
	.i-caramel-milkshake #hero .panel_wrap .panel { background-color: #24216d; width:300px; height:205px; }
	.i-caramel-milkshake #hero .panel_wrap .panel_shadow { width:332px; height:226px; }
	.i-caramel-milkshake #hero .border { border-color: #24216d; }


/* Festive foods */
.i-bigcheesebacon #hero .front_bg { background-image: url(/static/img/food/festivefoods/i-hero-bigcheesebacon.jpg); border-color: #930712; }
	.i-bigcheesebacon #hero .panel_wrap .panel { background-color: #930712; height:215px; width:320px; }
	.i-bigcheesebacon #hero .panel_wrap .panel_shadow { height:235px; width:350px; }
	.i-bigcheesebacon #hero .border { border-color: #930712; }

.i-cheesemeltwedges #hero .front_bg { background-image: url(/static/img/food/festivefoods/i-hero-cheesemeltwedges.jpg); border-color: #930712; }
	.i-cheesemeltwedges #hero .panel_wrap .panel { background-color: #930712; width:328px; height:195px; padding-top: 25px; }
		.i-cheesemeltwedges #hero .panel_wrap .panel h2 { display: block; position: relative; width: 270px; height: 93px; background: url(/static/img/food/festivefoods/i-title-cheesemeltwedges.png) top left no-repeat; padding-bottom: 27px; }
		.i-cheesemeltwedges #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-cheesemeltwedges #hero .panel_wrap .panel_shadow { height:220px; width:358px; }
	.i-cheesemeltwedges #hero .border { border-color: #930712; }

.i-chickenfiesta #hero .front_bg { background-image: url(/static/img/food/festivefoods/i-hero-chickenfiesta.jpg); border-color: #930712; }
	.i-chickenfiesta #hero .panel_wrap .panel { background-color: #930712; width:360px; height:220px; padding-top: 25px; }
		.i-chickenfiesta #hero .panel_wrap .panel h2 { display: block; position: relative; width: 284px; height: 58px; background: url(/static/img/food/festivefoods/i-title-chickenfiesta.png) top left no-repeat; padding-bottom: 27px; }
		.i-chickenfiesta #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-chickenfiesta #hero .panel_wrap .panel_shadow { height:245px; width:390px; }
	.i-chickenfiesta #hero .border { border-color: #930712; }

.i-festivepie #hero .front_bg { background-image: url(/static/img/food/festivefoods/i-hero-festivepie.jpg); border-color: #930712; }
	.i-festivepie #hero .panel_wrap .panel { background-color: #930712; width:320px; height:152px; padding-top: 25px; }
		.i-festivepie #hero .panel_wrap .panel h2 { display: block; position: relative; width: 281px; height: 57px; background: url(/static/img/food/festivefoods/i-title-festivepie.png) top left no-repeat; padding-bottom: 27px; }
		.i-festivepie #hero .panel_wrap .panel h2 span { position: absolute; left: -9000px; overflow: none;}
	.i-festivepie #hero .panel_wrap .panel_shadow { height:177px; width:350px; }
	.i-festivepie #hero .border { border-color: #930712; }

.i-qualitystreetmcflurry #hero .front_bg { background-image: url(/static/img/food/festivefoods/i-hero-qualitystreetmcflurry.jpg); border-color: #930712; }
	.i-qualitystreetmcflurry #hero .panel_wrap .panel { background-color: #930712; height:233px; width:422px;}
	.i-qualitystreetmcflurry #hero .panel_wrap .panel_shadow { height:253px; width:452px; }
	.i-qualitystreetmcflurry #hero .border { border-color: #930712; }
	
/* Little tasters */
/* Little tasters */
	.i-little-taster01 #hero .front_bg { background-image: url(/static/img/food/little-tasters/i-hero-chicken-caesar-snack-wrap.jpg); border-color: #EC8904; }
	.i-little-taster01 #hero .panel_wrap .panel { background-color: #EC8904; height:220px; width:418px; }
	.i-little-taster01 #hero .panel_wrap .panel_shadow { height:241px; width:449px; }
	.i-little-taster01 #hero .border { border-color: #EC8904; }	
	
	.i-little-taster02 #hero .front_bg { background-image: url(/static/img/food/little-tasters/i-hero-salsa-snack-wrap.jpg); border-color: #EC8904; }
	.i-little-taster02 #hero .panel_wrap .panel { background-color: #EC8904; height:190px; width:418px; }
	.i-little-taster02 #hero .panel_wrap .panel_shadow { height:211px; width:449px; }
	.i-little-taster02 #hero .border { border-color: #EC8904; }
	
	
.i-dippers #hero .front_bg { background-image: url(/static/img/food/fries/i-hero-cheese-melt-dippers.jpg); border-color: #e00006; }
	.i-dippers #hero .panel_wrap .panel { background-color: #e00006; height:190px; width:360px; }
	.i-dippers #hero .panel_wrap .panel_shadow { height:210px; width:390px; }
	.i-dippers #hero .border { border-color: #e00006; }
	
	
.i-potato-wedges #hero .front_bg { background-image: url(/static/img/food/fries/i-hero-potato-wedges1.jpg); border-color: #9a0e1e; }
	.i-potato-wedges #hero .panel_wrap .panel { background-color: #9a0e1e; height:190px; width:360px; }
	.i-potato-wedges #hero .panel_wrap .panel_shadow { height:210px; width:390px; }
	.i-potato-wedges #hero .border { border-color: #9a0e1e; }		
	
/* Summer menu */
.i-summer-menu-bbq-beef #hero .front_bg { background-image: url(/static/img/food/summer-menu/i-hero-bbq-beef.jpg); border-color: #6dac1a; }
	.i-summer-menu-bbq-beef #hero .panel_wrap .panel { background-color: #6dac1a; height:220px; width:418px; }
	.i-summer-menu-bbq-beef #hero .panel_wrap .panel_shadow { height:241px; width:449px; }
	.i-summer-menu-bbq-beef #hero .border { border-color: #6dac1a; }
	
.i-summer-menu-chicken-supreme #hero .front_bg { background-image: url(/static/img/food/summer-menu/i-hero-chicken-supreme.jpg); border-color: #6dac1a; }
	.i-summer-menu-chicken-supreme #hero .panel_wrap .panel { background-color: #6dac1a; height:220px; width:418px; }
	.i-summer-menu-chicken-supreme #hero .panel_wrap .panel_shadow { height:241px; width:449px; }
	.i-summer-menu-chicken-supreme #hero .border { border-color: #6dac1a; }	
	

/* Festive menu */
.i-festive-menu-chicken-bacon-supreme #hero .front_bg { background-image: url(/static/img/food/festive-menu/i-hero-chicken-bacon-supreme.jpg); border-color: #700104; }
	.i-festive-menu-chicken-bacon-supreme #hero .panel_wrap .panel { background-color: #700104; height:220px; width:418px; }
	.i-festive-menu-chicken-bacon-supreme #hero .panel_wrap .panel_shadow { height:241px; width:449px; }
	.i-festive-menu-chicken-bacon-supreme #hero .border { border-color: #700104; }	
	
.i-festive-menu-great-cheese-bacon #hero .front_bg { background-image: url(/static/img/food/festive-menu/i-hero-great-cheese-bacon.jpg); border-color: #700104; }
	.i-festive-menu-great-cheese-bacon #hero .panel_wrap .panel { background-color: #700104; height:220px; width:418px; }
	.i-festive-menu-great-cheese-bacon #hero .panel_wrap .panel_shadow { height:241px; width:449px; }
	.i-festive-menu-great-cheese-bacon #hero .border { border-color: #700104; }		
	
.i-festive-menu-wedges #hero .front_bg { background-image: url(/static/img/food/festive-menu/i-hero-cheese-melt-wedges.jpg); border-color: #700104; }
	.i-festive-menu-wedges #hero .panel_wrap .panel { background-color: #700104; height:220px; width:418px; }
	.i-festive-menu-wedges #hero .panel_wrap .panel_shadow { height:241px; width:449px; }
	.i-festive-menu-wedges #hero .border { border-color: #700104; }		
	
.i-festive-pie #hero .front_bg { background-image: url(/static/img/food/festive-menu/i-hero-festive-pie.jpg); border-color: #700104; }
	.i-festive-pie #hero .panel_wrap .panel { background-color: #700104; height:220px; width:418px; }
	.i-festive-pie #hero .panel_wrap .panel_shadow { height:241px; width:449px; }
	.i-festive-pie #hero .border { border-color: #700104; }
	
.i-after-eight-mcflurry #hero .front_bg { background-image: url(/static/img/food/festive-menu/i-hero-after-eight-mcflurry.jpg); border-color: #700104;}
	.i-after-eight-mcflurry #hero .panel_wrap .panel { background-color: #700104; height:220px; width:418px;}
	.i-after-eight-mcflurry #hero .panel_wrap .panel_shadow { height:241px; width:449px;}
	.i-after-eight-mcflurry #hero .border { border-color: #700104;}
	
/* Styles for the back of the i */

.js #i-back-1, .js #i-back-2, .js #i-back-3, .js #i-back-4 { position: absolute; top: 0px; left: 0px; }

.js #i-back-1 { z-index:9; }
.js #i-back-2 { z-index:8; }
.js #i-back-3 { z-index:7; } 
.js #i-back-4 { z-index:6; }

.i-back { position: relative; display: block; min-height: 325px; height: auto !important; height: 325px; }
	#i-back-1, #i-back-2 { border: 6px solid #333333; min-height: 325px; height: auto !important; height: 325px; }	
	.i-back h3 { color: #333333; font-size: 160%; }
	.i-back h4 { color: #a2c136; padding: 5px 0; }
	.i-back p { color: #333333; }

		.i-back .i-back-title { background-color: #333333; min-height: 59px; height: auto !important; height: 59px; width: 924px; }
			.i-back .i-back-title h2 { padding: 16px 0px 0px 16px; }
			.i-back .i-back-body { background-color: #FFFFFF; min-height: 266px; height: auto !important; height: 266px; padding-left: 15px; width: 909px; }
				.i-back .bg-chicken { background: #ffffff url(/static/img/i/bg-providence-chicken.png) bottom left no-repeat;  }
				.i-back .bg-beef { background: #ffffff url(/static/img/i/bg-providence-beef.png) bottom left no-repeat;  }
				.i-back .bg-potatoes { background: #ffffff url(/static/img/i/bg-providence-potatoes.png) bottom left no-repeat;  }
				.i-back .bg-lettuce { background: #ffffff url(/static/img/i/bg-providence-lettuce.png) bottom left no-repeat;  }
				.i-back .bg-milk { background: #ffffff url(/static/img/i/bg-providence-milk.png) bottom left no-repeat;  }
				.i-back .bg-eggs { background: #ffffff url(/static/img/i/bg-providence-eggs.png) bottom left no-repeat;  }

				.i-back .i-back-body .i-back-body-options { width: 267px; padding: 15px 15px 0 0; margin-right: 16px; min-height: 250px; height: auto !important; height: 250px; }
				.i-back .i-back-body .i-back-body-table { padding: 15px 14px 10px 0; }
				.i-back .i-back-body .i-back-body-providence { width: 300px; padding: 14px 15px 0 0; }
				.i-back .i-back-body .i-back-body-info { width: 267px; min-height: 240px; height: auto !important; height: 240px; margin-top: -40px; }
					.i-back .i-back-body .i-back-body-info .info-top { display:block;  background: #333333 url(/static/img/i/bg-callout-top.png) top left no-repeat; width: 267px; height: 4px; font-size: 1px; position:relative; }
					.i-back .i-back-body .i-back-body-info .info-bottom { background: url(/static/img/i/bg-callout-normal.png) bottom left no-repeat; display:block; width:267px; min-height:235px; height:auto !important; height: 235px; position: relative; }
						.i-back .i-back-body .i-back-body-info .chicken { background: url(/static/img/i/bg-callout-chicken.png) bottom left no-repeat; }
						.i-back .i-back-body .i-back-body-info .beef { background: url(/static/img/i/bg-callout-beef.png) bottom left no-repeat; }
						.i-back .i-back-body .i-back-body-info .potatoes { background: url(/static/img/i/bg-callout-potatoes.png) bottom left no-repeat; }
						.i-back .i-back-body .i-back-body-info .lettuce { background: url(/static/img/i/bg-callout-lettuce.png) bottom left no-repeat; }
						.i-back .i-back-body .i-back-body-info .milk { background: url(/static/img/i/bg-callout-milk.png) bottom left no-repeat; }
						.i-back .i-back-body .i-back-body-info .eggs { background: url(/static/img/i/bg-callout-eggs.png) bottom left no-repeat; }
						.i-back .i-back-body .i-back-body-info .fish { background: url(/static/img/i/bg-callout-fish.png) bottom left no-repeat; }
						.i-back .i-back-body .i-back-body-info .pork { background: url(/static/img/i/bg-callout-pork.png) bottom left no-repeat; }
						.i-back .i-back-body .i-back-body-info .nutrition { background: url(/static/img/i/bg-callout-nutrition.png) bottom left no-repeat; }

					.i-back .i-back-body .i-back-body-info h3 { padding: 10px 0 0 15px; }
					.i-back .i-back-body .i-back-body-info p { font-size: 18px; padding: 10px 20px 0 15px; color: #333333; }
					.i-back .i-back-body .i-back-body-info ul { position: absolute; left: 15px; bottom: 15px; }
						.i-back .i-back-body .i-back-body-info li {  }
							.i-back .i-back-body .i-back-body-info li a { display: block; background-position: top left; background-repeat: no-repeat }
							.i-back .i-back-body .i-back-body-info li a.chicken { background-image: url(/static/img/i/btn-chicken.png); width: 90px; height: 30px; }
							.i-back .i-back-body .i-back-body-info li a.beef { background-image: url(/static/img/i/btn-beef.png); width: 70px; height: 30px; }
							.i-back .i-back-body .i-back-body-info li a.eggs { background-image: url(/static/img/i/btn-eggs.png); width: 71px; height: 30px; }
							.i-back .i-back-body .i-back-body-info li a.milk { background-image: url(/static/img/i/btn-milk.png); width: 65px; height: 30px; }
							.i-back .i-back-body .i-back-body-info li a.lettuce { background-image: url(/static/img/i/btn-lettuce.png); width: 88px; height: 30px; }
							.i-back .i-back-body .i-back-body-info li a.potatoes { background-image: url(/static/img/i/btn-potatoes.png); width: 99px; height: 30px; }
							.i-back .i-back-body .i-back-body-info li a.nutrition { background-image: url(/static/img/i/btn-nutrition.png); width: 99px; height: 30px; }
								.i-back .i-back-body .i-back-body-info li a span { position: absolute; left: -9999px;  }


#nutrition-table { background-color: #6e6350; font-size: 11px; margin-left: 0px; border: 4px solid #b3d346;}
	#nutrition-table caption { display:none; }
	#nutrition-table thead tr { background-color: #b3d346; }
		#nutrition-table thead tr th { background-color: #b3d346; color: #333333; text-align: center; padding:4px 0; border-right: 1px solid #b3d346; }
	#nutrition-table thead th.column1 { width: 125px; }
	#nutrition-table thead th.column2 { width: 91px; }
	#nutrition-table thead th.column3 { width: 92px; }
		#nutrition-table thead th select { margin: 1px; }
	#nutrition-table tfoot tr td { font-size: 14px; padding: 6px 9px; height: 80px; }
	#nutrition-table tbody { background-color: #ffffff; }
		#nutrition-table tbody tr { }
		#nutrition-table tbody tr.grey { background-color: #dedbd3; }
			#nutrition-table tbody tr th { border-right: 1px solid #b3d346; border-bottom: 1px solid #b3d346; color: #333333; padding: 4px 0px 4px 10px; text-align: left; }
			#nutrition-table tbody tr.green th { padding-left: 22px; background-color: #dbe6b7; }
			#nutrition-table tbody tr.green td { background-color: #dbe6b7; }
			#nutrition-table tbody tr td { border-right: 1px solid #b3d346; border-bottom: 1px solid #b3d346; color: #333333; padding: 4px 0; text-align: center; }


.nutriton-selectors { position: relative; color: #333333; }
	.nutriton-selectors h2 { padding-top: 3px; }
	.nutriton-selectors p.selecttext { width: 350px; float:none; margin-top: 0px; margin-bottom: 10px; }
	.nutriton-selectors p.nutritionlink { margin-top: 20px; position: absolute; bottom: 10px; left: 0px; }
		.nutriton-selectors p a { color: #a2c136; }
		.nutriton-selectors p a:hover { text-decoration: underline; }
	.nutriton-selectors input#add_item { display: block; margin: 5px 0 10px 10px; }
	.nutriton-selectors fieldset#deli_fields { margin-top: 0px; }
	.nutriton-selectors #deli_fields label { min-width: 49px; _width: 49px; }
	.nutriton-selectors fieldset { display: block; margin-top: 5px; }
		.nutriton-selectors fieldset legend { display: none; }
		.nutriton-selectors fieldset p { float:left; width: 60px; }
		.js .nutriton-selectors fieldset p { padding-top: 5px; }
		.nutriton-selectors fieldset label { float:left; display: block; width:auto; background: none;}
		.nutriton-selectors fieldset.selector_standard { padding: 10px 0 5px 0; }
		.nutriton-selectors fieldset.selector_standard label { float:none; padding-bottom: 10px; min-width: 160px; _width: 160px; }
		.nutriton-selectors #deli_fields fieldset.selector_standard label { float:none; padding-bottom: 10px; min-width: 160px; _width: 160px; } /* Repeated in IE6.css */
			.nutriton-selectors fieldset.selector_standard label.radio_on { background:transparent url(/static/img/i/radiobtn-i-on.png) 0 0 no-repeat; }
			.nutriton-selectors fieldset.selector_standard label.radio_off { background:transparent url(/static/img/i/radiobtn-i-off.png) 0 0 no-repeat; }
		.js .nutriton-selectors fieldset .check span { visibility:hidden; }
	.nutriton-selectors .selector_tick_cross .check, .nutriton-selectors .selector_bread .check { padding-left:0px; }
	.nutriton-selectors #deli_fields .selector_tick_cross label.radio_tick_off {background: url(/static/img/icons/radio_tick_off.png); width: 50px; height: 25px;}
	.nutriton-selectors #deli_fields .selector_tick_cross label.radio_tick_on {background: url(/static/img/icons/radio_tick_on.png); width: 50px; height: 25px;}
	.nutriton-selectors #deli_fields .selector_tick_cross label.radio_cross_off { background: url(/static/img/icons/radio_cross_off.png); width: 49px; height: 25px; }
	.nutriton-selectors #deli_fields .selector_tick_cross label.radio_cross_on { background: url(/static/img/icons/radio_cross_on.png); width: 49px; height: 25px; }
	.nutriton-selectors #deli_fields .selector_bread label.radio_white_off {background: url(/static/img/icons/radio_white_off.png); width: 50px; height: 25px;}
	.nutriton-selectors #deli_fields .selector_bread label.radio_white_on {background: url(/static/img/icons/radio_white_on.png); width: 50px; height: 25px;}
	.nutriton-selectors #deli_fields .selector_bread label.radio_brown_off { background: url(/static/img/icons/radio_brown_off.png); width: 49px; height: 25px; }
	.nutriton-selectors #deli_fields .selector_bread label.radio_brown_on { background: url(/static/img/icons/radio_brown_on.png); width: 49px; height: 25px; }

#happy_meal_table_form .i-back-body .i-back-body-options { width:180px; margin-right:5px; }
#happy_meal_table_form .i-back-body .i-back-body-table { padding: 8px 5px 5px 0; }
#happy_meal_table_form .nutrition-group-table thead tr th { width: 66px; padding: 4px 0px;  }
	#happy_meal_table_form .nutrition-group-table thead th.firstColumn { width: 162px; }
		#happy_meal_table_form .nutrition-group-table thead th select { width:150px; font-size:11px; background-color: #FFFFFF; font-weight: normal; margin: 0px; padding: 2px; border: 1px solid #999999; }
		.js #happy_meal_table_form .nutrition-group-table thead th select { visibility:hidden; }
			
/* Style for i-stub select boxes */
.nutriton-selectors select { font-size:11px; background-color: #FFFFFF; font-weight: normal; width: 250px; margin: 10px 0 10px 0; padding: 2px; border: 1px solid #999999; }
.js .nutriton-selectors select { visibility:hidden; }


/* Special styles for the i-transition on the homepage */
.homepage .hero_wrap { width:300px; position:relative; }

.homepage #hero .front_bg { width:300px; height:430px; margin-bottom:10px; overflow:hidden; background-color: #fff; background-image: url(/static/img/home/home_i.jpg); background-position: -100px 0px; background-repeat: no-repeat; }

.homepage #hero .front_content { width:300px; height:430px; position:absolute; top:0; }
	.homepage #hero .front_content .panel h2 { font-size:150%; font-weight:normal; margin:8px 0; padding:0;}
	.homepage #hero .front_content .panel h2 span, .homepage #hero .back .back_wrap h2 span {position:absolute; left:-10000px;}
	
.homepage #hero .border { position:absolute; width:288px; height:418px; border: 6px solid #b23570; }
.homepage #hero .new_banner { width:78px; height:78px; position:absolute; top:0; left:0; background: url(/static/img/dummy/newbanner.png) no-repeat top left; }
.homepage #hero .panel_wrap { width:260px; height:190px; position: absolute; top:19px; left:6px; overflow:hidden; }
	.homepage #hero .panel_wrap .panel { position:absolute; width:224px; height:156px; overflow:hidden; background:#b23570; padding: 16px 0px 0 20px; padding:0 0 0 14px; z-index:1; }
		.homepage #hero .panel_wrap .panel p { padding-right: 25px; }	
	.homepage #hero .panel_wrap .panel_shadow { width:238px; height:156px; position:absolute; top:3px; left:3px; background:#222; z-index:0; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
.homepage #hero .cover { width:300px; height:430px; display:none; position:absolute; top:0; left:0; background: url(/static/img/dummy/coverbg.jpg) repeat-x top left; }
.homepage #hero .back { width:300px; height:430px; }
	.homepage #hero .back .back_wrap { width:300px; height:430px; background: #fef4d9 url(/static/img/home/home_i_back.jpg) no-repeat top left; padding-top: 30px; padding-left: 20px; }			
		.homepage #hero .back .back_wrap h2 { font-size: 150%; color: #611a42; }
		.homepage #hero .back .back_wrap p { font-size: 115%; color: #333333; width: 259px; padding-bottom: 5px;}

.homepage .the_i { display:none; width:108px; height:33px; position:absolute; top:136px; left:20px; }
	.homepage .the_i a {display:block; width:108px; height:33px; background: url(/static/img/home/btn_takealook.gif) no-repeat top left;}
		.homepage .the_i a span { display:none; }

.homepage .homeClose { display:none; width:125px; height:57px; position:absolute; top:357px; left:161px; }
	.homepage .homeClose a { display:block; width:125px; height:57px; background: url(/static/img/home/btn_i_return.png) no-repeat top left; }
		.homepage .homeClose a span { display:none; }

.homepage .i_reveal { width:0px; height: 22px; line-height: 22px; margin:18px 0; position:absolute; right: 51px; overflow:hidden; background: none; }
	.homepage .i_reveal a { float:none; width:100px; height:22px; background-position: 8px 0px; background-image: none; }

.i-happymeal .homeClose { display:none; width:108px; height:41px; position:absolute; top:13px; left:804px; }
	.i-happymeal .homeClose a { display:block; width:108px; height:41px; background: url(/static/img/i/i-close-happymeal-png24.png) no-repeat top left; }
		.i-happymeal .homeClose a span { display:none; }

.i-happymeal .homeClose .i_reveal { width:0px; height: 22px; line-height: 22px; margin:18px 0; position:absolute; right: 51px; overflow:hidden; background: none; }
	.i-happymeal .homeClose .i_reveal a { float:none; width:100px; height:22px; background-position: 8px 0px; background-image: none; }

/* js only styles */

.js .homepage .hero_wrap { height:430px; overflow:hidden; }
.js .homepage #hero .cover { display:block; }
.js .homepage #hero .back { position:absolute; top:0; left:0; }
.js .homepage #hero .front_bg { position:absolute; margin-bottom:0; }