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

TOC

1 - Standard Tiles
2 - Cross promo panels
3-  Extra info side content

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

/* 1 - Standard Tiles
---------------------------------------------------------------------------------------------------------------*/
	
	.tiles {margin-bottom:8px; padding-bottom:8px}
	.tiles * {margin-left:12px}
	.tiles * * {margin-left:0}
	.tiles h2, .tiles h3 {font-family:"Arial, Helvetica",sans-serif; margin-top:0; margin-bottom:5px; font-size:1.2em; color:#000066; padding-left:0}
	.tiles h2 a, .tiles h3 a {color:#000066}
	.tiles h2 a:hover, .tiles h3 a:hover {color:#cc0000}
	.tiles p {margin-top:0; padding-bottom:15px; width:100px}
	.tiles ul {list-style-type:none}
	.tiles .fright {float:right; display:inline; width:80px; margin:0 14px 20px 0}
	.tiles a.chevron, .tiles .fom {clear:both}
	.tiles .fleft {display:inline; margin-top:10px}
	.tiles .fom {width:215px; padding-bottom:0}
	

	/* Retrieve */
		#retrieve p {width:180px}
	/* RSS */
		#rss-panel p {width:147px}
		#rss-panel .fright {margin-right:12px; width:47px;}

/* 2 -  Cross promo panels
---------------------------------------------------------------------------------------------------------------*/
	
	/* Common Xpanel styles */
	
		.xpanel-wrap {padding:15px 0; position:relative}
		
		.xpanel-content {padding-top:0; width:221px; margin-left:6px}		
		.xpanel {position:relative; width:221px; background:url(../images/panels_tiles/panels/xpanel-bot.gif) transparent no-repeat bottom left; color:#fff; padding-bottom:5px}
		
			/*IE Mac*/ /*\*//*/
				.xpanel {height:200px;}
			/**/
		
		.xpanel h2 {margin:0; padding:15px 0 10px 15px;  background:url(../images/panels_tiles/panels/xpanel-top.gif) no-repeat top left}
		.xpanel p {margin:0 0 15px 15px; width:100px; font-weight:bold}
		.xpanel .last {margin-bottom:0}
		.xpanel a {color:#fff}
		.xpanel a:hover {color:#fff}
		.xpanel .fom {width:110px}
		.xpanel .xlogo {position:absolute; bottom:8px; right:6px}	
		
		/* First Active */	
			.firstactive {background:url(../images/panels_tiles/panels/factive/gradient-factive.gif) #D35050 top left repeat-x}
			.firstactive .xpanel {padding-bottom:45px}		
			.firstactive .xpanel h2 {font-size:1.3em !important}
			.firstactive .xpanel p {width:180px}
			.firstactive .xlogo {bottom:8px; left:5px}
		
		/* First Active */	
			.mortfinder {background:url(../images/panels_tiles/panels/mortfinder/gradient-mortfinder.gif) #E64647 top left repeat-x}
			.mortfinder .xpanel {min-height:185px}
			.mortfinder .xpanel h2 {font-size:1.3em !important}
				* html .mortfinder .xpanel {height:185px}
			.mortfinder .xpanel p {width:115px; }
			.mortfinder .xlogo {bottom:8px; right:7px}
			* html .mortfinder .xlogo {bottom:7px}
			.mortfinder .fom {margin-top:45px;  margin-bottom:0}
		
				/* Mortgage Finder */			
			.xmortfinder2 {background:url(../images/panels_tiles/panels/mortfinder/gradient-red.gif) #e33c3c top left repeat-x}
			.xmortfinder2 .xpanel {min-height:185px}
				* html .xmortfinder2 .xpanel {height:185px}
			.xmortfinder2 .xlogo {right:7px; bottom:6px; voice-family: "\"}\""; voice-family:inherit; right:8px; bottom:7px}
				* html .xmortfinder2 .xlogo {right:7px}
			.xmortfinder2 .xpanel p {width:120px}

			
		/* Loans */
			.xloan {background:url(../images/panels_tiles/panels/loans/gradient-loans.gif) #8282C2 top left repeat-x}
			.xloan .xlogo {bottom:8px; right:7px}
			* html .xloan .xlogo {bottom:7px}
			/* metafaq barnner */
			#mf .xloan .fom {width:105px; padding-bottom:8px}

			.xcarloan {background:url(../images/panels_tiles/panels/loans/gradient-loans.gif) #8282C2 top left repeat-x}
			.xcarloan .xlogo {bottom:8px; right:7px}
			* html .xcarloan .xlogo {bottom:7px}
			.xcarloan .fom {margin-top:0}
		
		/* Pet insurance */
			.xpet {background:url(../images/panels_tiles/panels/pet/gradient-pet.gif) #2D8EBF top left repeat-x}
			.xpet .xpanel {min-height:185px}
				* html .xpet .xpanel {height:185px}
			.xpet .xlogo {right:7px; bottom:7px; voice-family: "\"}\""; voice-family:inherit; right:8px; bottom:8px}
				* html .xpet .xlogo {right:7px}
			.xpet .fom {margin-top:75px;  margin-bottom:0; padding-bottom:8px; width:110px !important}
			/* metafaq barnner */
			#mf .xpet .fom {width:105px; margin-top:35px}

		/* Pet Defra */
			.xdefra {background:url(../images/panels_tiles/panels/pet/gradient-defra.gif) #91930b top left repeat-x}
			.xdefra p {width:130px !important}
			.xdefra h2 {font-size:1.4em}
			.xdefra .xpanel {min-height:185px}
				* html .xdefra .xpanel {height:185px}
			.xdefra .xlogo {right:15px; bottom:40px; voice-family: "\"}\""; voice-family:inherit; right:15px; bottom:40px}
				* html .xdefra .xlogo {right:7px}
			.xdefra .fom {margin-top:0px;  margin-bottom:0; padding-bottom:8px; width:110px !important}
			/* metafaq barnner */
			#mf .xdefra p {width:120px !important}
			#mf .xdefra .fom {widht:105px !important; padding-bottom:8px}
			

		/* Life insurance */
			.xlife {background:url(../images/panels_tiles/panels/life/gradient-life.gif) #2D8EBF top left repeat-x}
			.xlife h2 {font-size:1.4em}
			.xlife .xpanel {min-height:225px}
				* html .xlife .xpanel {height:225px}
			.xlife .xlogo {right:7px; bottom:7px; voice-family: "\"}\""; voice-family:inherit; right:8px; bottom:8px}
				* html .xlife .xlogo {right:7px}
			.xlife p.lastp {margin-bottom:0 !important}
			.xlife .fom {margin-top:0px;  margin-bottom:0}
			/* metafaq barnner */
			#mf .xlife .fom {margin-top:30px; width:105px; padding-bottom:8px}			
		
		/* Mortgage Finder */			
			.xfinder {background:url(../images/panels_tiles/panels/mortfinder/gradient-red.gif) #e33c3c top left repeat-x}
			.xfinder .xpanel {min-height:185px}
				* html .xfinder .xpanel {height:185px}
			.xfinder .xlogo {right:7px; bottom:7px; voice-family: "\"}\""; voice-family:inherit; right:8px; bottom:8px}
				* html .xfinder .xlogo {right:7px}
			.xfinder .fom {margin-top:26px;  margin-bottom:0; padding-bottom:8px; width:110px !important}
			/* Metafaq banner */
			#mf .xfinder h2 {font-size:1.3em}
			#mf .xfinder .fom {width:105px !important}

		
		/* Breakdown */
			.xbdown {background:url(../images/panels_tiles/panels/breakdown/gradient-bdown.gif) #3399CC top left repeat-x}
			.xbdown .xpanel {min-height:180px}
			.xbdown .xpanel p {width:75px}
				* html .xbdown .xpanel {height:180px}
			.xbdown .xlogo {right:7px; bottom:15px; voice-family: "\"}\""; voice-family:inherit; right:8px; bottom:15px}
				* html .xbdown .xlogo {bottom:15px; right:7px}
			.xbdown .fom {margin-top:35px;  margin-bottom:0; width:180px !important}
			/* Metafaq banner */
			#mf .xbdown .fom {width:105px !important; padding-bottom:8px}
			
		/* Health */
			.xhealth {background:url(../images/panels_tiles/panels/health/gradient-purple.gif) #5a1a3f top left repeat-x}
			.xhealth .xpanel {padding-bottom:45px}
			.xhealth .xpanel h2 {padding:15px; font-size:1.3em !important}
			.xhealth .xpanel p {width:180px}
			.xhealth .xlogo {bottom:8px; left:5px; width:208px}
			
		/* Dental */
			.xdental {background:url(../images/panels_tiles/panels/dental/gradient-pink.gif) #cb8a84 top left repeat-x}
			.xdental .xpanel {padding-bottom:45px}
			.xdental .xpanel h2 {font-size:1.3em !important}
			.xdental .xpanel p {width:180px}
			.xdental .xlogo {bottom:8px; left:5px; width:208px}
			
		/* Dental */
			.xdental-accident {background:url(../images/panels_tiles/panels/dental/gradient-dblue-2-lblue.jpg) #8cc2f5 top left repeat-x}
			.xdental-accident .xpanel h2 {font-size:1.3em !important;}
			.xdental-accident .xpanel .xlogo {bottom:6px}
			.xdental-accident .xpanel p {width:110px}
			.xdental-accident .xpanel .fom {margin-top:25px;  padding-bottom:10px; margin-bottom:0}
	
		/* Travel Ins */
			.xtravel {background:url(../images/panels_tiles/panels/travel/gradient-blue.gif) #1f698e top left repeat-x}
			.xtravel .xpanel {padding-bottom:45px}
			.xtravel .xpanel h2 {font-size:1.3em !important}
			.xtravel .xpanel p {width:180px}
			.xtravel .xlogo {bottom:8px; left:5px width:208px}
	
		/* Travel Money */
			.xtravmoney {background:url(../images/panels_tiles/panels/travel/gradient-red.gif) #aa1b1b top left repeat-x}
			.xtravmoney .xpanel {padding-bottom:45px}
			.xtravmoney .xpanel h2 {font-size:1.3em !important}
			.xtravmoney .xpanel p {width:180px}
			.xtravmoney .xlogo {bottom:8px; left:5px; width:208px}
			
		/* Airport Parking */
			.xairpark {background:url(../images/panels_tiles/panels/travel/gradient-airport-parking.gif) #0001b7 top left repeat-x}
			.xairpark .xpanel {padding-bottom:45px}
			.xairpark .xpanel h2 {font-size:1.3em !important}
			.xairpark .xpanel p {width:180px}
			.xairpark .xlogo {bottom:8px; left:5px; width:208px}
			
		/* Car Hire */
			.xcarhire {background:url(../images/panels_tiles/panels/travel/gradient-car-hire.gif) #3a3a3a top left repeat-x}
			.xcarhire .xpanel {padding-bottom:45px}
			.xcarhire .xpanel h2 {font-size:1.3em !important}
			.xcarhire .xpanel p {width:180px}
			.xcarhire .xlogo {bottom:8px; left:5px; width:208px}		
			
		/* Instant Access Savings */			
			.xinstant {background:url(../images/panels_tiles/panels/savings/gradient-green.gif) #308222 top left repeat-x}
			.xinstant .xpanel {min-height:185px}
				* html .xinstant .xpanel {height:185px}
			.xinstant .xlogo {right:7px; bottom:7px; voice-family: "\"}\""; voice-family:inherit; right:8px; bottom:8px}
				* html .xinstant .xlogo {right:7px}
			.xinstant .fom {margin-top:12px;  margin-bottom:0}
			
			
		/* Child Trust Fund */			
			.xctf {background:url(../images/panels_tiles/panels/savings/childtrustfund/gradient-magenta.gif) #b0164c top left repeat-x}
				.xctf .xpanel h2 {font-size:1.4em !important;}
			.xctf .xpanel {min-height:185px}
				* html .xctf .xpanel {height:185px}
			.xctf .xlogo {right:0px; bottom:10px; voice-family: "\"}\""; voice-family:inherit; right:8px; bottom:8px}
				* html .xctf .xlogo {right:7px}
			.xctf .fom {margin-top:60px;  margin-bottom:0}

		/* Tesco Direct */
			.xdvd {background:url(../images/panels_tiles/panels/direct/gradient-dvd.gif) #0c5692 top left repeat-x}
			.xdvd .xpanel {min-height:185px}
			.xdvd .xpanel p {width:120px}
				* html .xdvd .xpanel {height:185px}
			.xdvd .xlogo {right:7px; bottom:8px; voice-family: "\"}\""; voice-family:inherit; right:8px; bottom:8px}
				* html .xdvd .xlogo {bottom:8px; right:7px}
			.xdvd .fom {margin-top:0px;  margin-bottom:0; width:180px !important}	
		
		/* Credit Card Servicing */
			.xccserv {background:url(../images/panels_tiles/panels/creditcards/gradient-steelblue.gif) #38525f top left repeat-x}
			.xccserv .xpanel {padding-bottom:45px}
			.xccserv .xpanel h2 {font-size:1.3em !important}
			.xccserv .xpanel p {width:180px}
			.xccserv .xlogo {bottom:8px; left:5px; width:208px}

		/* Clubcard Credit Card */
			.xclubcard {background:url(../images/panels_tiles/panels/creditcards/gradient-red.gif) #b31e13 top left repeat-x}
			.xclubcard .xpanel {padding-bottom:45px}
			.xclubcard .xpanel h2 {font-size:1.3em !important}
			.xclubcard .xpanel p {width:180px}
			.xclubcard .xlogo {bottom:8px; left:5px; width:208px}
			
			
		/* Car Checker */
			.xcarcheck {background:url(../images/panels_tiles/panels/car/gradient-black.gif) #000 top left repeat-x}
			.xcarcheck .xpanel {padding-bottom:45px}
			.xcarcheck .xpanel h2 {font-size:1.3em !important}
			.xcarcheck .xpanel p {width:180px}
			.xcarcheck .xlogo {bottom:8px; left:5px; width:208px}	
			
		/* Credit card - exclusive */
			.xsummer {background:url(../images/panels_tiles/panels/creditcards/gradient-orange-yellow.gif) #ee392e top left repeat-x}
			.xsummer .xpanel {min-height:185px}
			.xsummer p {width:110px}
				* html .xpet .xpanel {height:185px}
			.xsummer .xlogo {right:7px; bottom:7px; voice-family: "\"}\""; voice-family:inherit; right:7px; bottom:7px}
				* html .xpet .xlogo {right:7px}
			.xsummer .fom {margin-top:15px;  margin-bottom:8px}		
			
		/* Bike Ins */
			.xbike {background:url(../images/panels_tiles/panels/bike/gradient-red.gif) #bb130e top left repeat-x}
			.xbike .xpanel {padding-bottom:45px}
			.xbike .xpanel h2 {font-size:1.3em !important}
			.xbike .xpanel p {width:180px}
			.xbike .xlogo {bottom:8px; left:5px; width:208px}
			#mf .xbike .xpanel h2 {padding-right:8px}
			
		/* Tesco Direct Xmas */
			.xdirectxmas {background:url(../images/panels_tiles/panels/tesco/bg-direct-xmas.jpg) #15100a bottom left no-repeat}
			.xdirectxmas .xpanel {padding-bottom:110px}
			.xdirectxmas .xpanel h2 {font-size:1.3em !important}
			.xdirectxmas .xpanel p {width:180px}
			.xdirectxmas .xlogo {bottom:8px; left:5px; width:208px}
			
			/* Tesco Direct Xmas */
			.xbabytoddler {background:url(../images/panels_tiles/panels/tesco/bg-baby-toddler.jpg) #b0164c bottom left no-repeat}
			.xbabytoddler .xpanel {padding-bottom:100px}
			.xbabytoddler .xpanel h2 {font-size:1.3em !important}
			.xbabytoddler .xpanel p {width:180px}
			.xbabytoddler .xlogo {bottom:8px; left:5px; width:208px}		

			/* Mobile Top-up */
			.xmobiletopup {background:url(../images/panels_tiles/panels/tesco/mobile-topup.gif) #fff bottom left no-repeat}
			.xmobiletopup2 {background:url(../images/panels_tiles/panels/atms/get-cash-out.gif) #fff bottom left no-repeat}
			.xmobiletopup3 {background:url(../images/panels_tiles/panels/atms/check-your-balance.gif) #fff bottom left no-repeat}
			.xmobiletopup .xpanel, .xmobiletopup2 .xpanel, .xmobiletopup3 .xpanel {padding-bottom:100px}
			.xmobiletopup .xpanel h2, .xmobiletopup2 .xpanel h2, .xmobiletopup3 .xpanel h2 {font-size:1.3em !important}
			.xmobiletopup .xpanel a, .xmobiletopup2 .xpanel a, .xmobiletopup3 .xpanel a {color: #00499c !important}
			.xmobiletopup .xpanel p, .xmobiletopup2 .xpanel p, .xmobiletopup3 .xpanel p {width:180px; color: #00499c}
			.xmobiletopup .xlogo, .xmobiletopup2 .xlogo, .xmobiletopup3 .xlogo {bottom:8px; left:5px; width:208px}	
			
			/* Travel Bureau */
			.xtravelbureau {background:url(../images/panels_tiles/panels/travel/travel-bureau.gif) #cd3335 bottom left no-repeat}
			.xtravelbureau .xpanel {padding-bottom:96px}
			.xtravelbureau .xpanel h2 {font-size:1.3em !important}
			.xtravelbureau .xpanel p {width:180px}
			.xtravelbureau .xlogo {bottom:8px; left:5px; width:208px}
			
			/* Euro ATMs */
			.xeuroatms {background:url(../images/panels_tiles/panels/travel/euro-atms.gif) #cd3335 bottom left no-repeat}
			.xeuroatms .xpanel {padding-bottom:114px}
			.xeuroatms .xpanel h2 {font-size:1.3em !important}
			.xeuroatms .xpanel p {width:180px}
			.xeuroatms .xlogo {bottom:8px; left:5px; width:208px}	
			
			/* Tesco Legal Wills */
			.xwill {background:#18473f}
			.xwill .xpanel {padding-bottom:45px}
			.xwill .xpanel h2 {font-size:1.3em !important}
			.xwill .xpanel p {width:180px}

			/* Tesco Telecoms */
			.xtelecoms {background:url(../images/panels_tiles/panels/tesco/bg-tesco-telecoms.gif) #0099cc top left repeat-x}
			.xtelecoms .xpanel {padding-bottom:84px}
			.xtelecoms .xpanel h2 {font-size:1.3em !important}
			.xtelecoms .xpanel p {width:180px}
			.xtelecoms .xpanel p span {font-size:0.8em !important; font-weight: normal !important}
			.xtelecoms .xlogo {bottom:7px; left:5px; width:208px}	
			
			/* Cash Machines */
			.xcashmachines {background:url(../images/panels_tiles/panels/atms/bg-atms.gif) #092159 top left no-repeat}
			.xcashmachines .xpanel {padding-bottom:70px}
			.xcashmachines .xpanel h2 {font-size:1.3em !important}
			.xcashmachines .xpanel p {width:180px}
			.xcashmachines .xlogo {bottom:7px; left:5px; width:208px}	

/* 3 -  Extra info side content
---------------------------------------------------------------------------------------------------------------*/


	.content-tile {width:215px; border-bottom:solid 1px #e8e8e8; margin: 0 10px 0 10px}
	.content-tile h2 {font-size:1.1em; color:#0B2177; font-weight:normal; margin:0 0 15px 0; font-weight:bold}
	.content-tile p {margin:0 0 10px 0}
	.content-tile .fom {margin-bottom:0}