/* CSS Document */
/* Global Styles

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

* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/layout/bodyBg.jpg) center top repeat-x #fff;
	margin: 0px;
}



	body#healthyVending {
		background:url(../../images/layout/healthyEasting/healthyEatingBg.jpg) center top no-repeat #fff;
	}



a:link, a:visited, a:focus {
	color: #52164C;
	text-decoration: underline;
	outline: none;

}



a:hover, a:active {

	color: #000;

	text-decoration: underline;

}



a img {

	border: none;

}



h1 {

	font-size: 2.4em;

	font-weight: bold;

	color:#52164c;

	padding:0px 0px 0px 10px;

	font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;
	
	margin-top:15px;
	
	padding-top:5px;
	
}



	h1.small {font-size:3.4em !important;}

	h1.smaller {font-size:3.2em !important;padding-top:4px;}

	h1.smallest {font-size:3em !important;padding-top:6px;}

	h1.smallest2 {font-size:2.8em !important;padding-top:8px;}

	h1.smallest3 {font-size:2.5em !important;padding-top:10px;}

	h1.smallest4 {font-size:2.4em !important;padding-top:12px;}

	

	p.tagline {

		color:#965690;

		font-weight:bold;

		font-size:1.5em;

		line-height:1em;

		padding-left:10px;

	}
	
	body#productPage p.tagline a {
		color:#c9a2c5 !important;
		text-decoration:none;
	}
	
	body#productPage p.tagline a:hover {
		text-decoration:underline;
		color:#30122c !important;
	}

		/* productList */

		body#productList h1 { 

			position:absolute;

			top:25px;

			left:0px;

			font-size:3.4em;

			z-index:12;

		}
		

			body#productList #main p.tagline {

				width:360px;

				line-height:1.3em;

				font-weight:normal;

				color:#30122c;

				font-size:1.2em;

				font-family:Arial, Helvetica, sans-serif;

				position:absolute;

				top:90px;

				left:0px;

				z-index:10;
				
				padding:0px 0px 0px 10px !important;

			}
			
			body#productList #main p {
				line-height:1.3em;
				padding:5px 10px;
				font-size:1.2em;
			}

		/* productList */

		

		#titleWrap {position:relative;top:-184px}

		.breadcrumb {
			position:absolute;
			top:18px;
			left:0px;
			font-weight:bold;
			font-size:1em !important;
			z-index:50;		
		}

		/* productList */

		body#healthyVending h1 { 

		}

	

			body#healthyVending p.tagline {

				line-height:1.2em !important;

				font-size:1.3em;

				margin-bottom:300px;

			}

			

		body#productList #main {
			padding-top:185px;
		}
		
		.productListWrap, .productListWrap2, .productListWrap3 {
			width:480px;
			float:left;
		}
		
		.productListWrap {
			padding-top:50px;

		}
		.productListWrap2 {
			padding-top:35px;
		}
		.productListWrap3 {
			padding-top:20px;
		}
			

		/* productPage */

		body#productPage h1 { 

			font-size:3.8em;

			text-transform:lowercase;

			line-height:1em;

			margin:0; padding:0;

		}

		

			body#productPage p.tagline {

				color:#c9a2c5 !important;

				font-size:1.5em !important;

				line-height:1em;

			}

			

				

				body#productPage #main p {

					padding:3px 0px;

					font-size:1.1em;

				}

				

				 #main ul {

					padding-left:50px;

				}

				

					 #main ul li {

						color:#965690;

						font-size:1.2em;

						padding:5px 0px;

						font-weight:bold;
						line-height:1.2em;

					}

		

		body#productPage #main #innerRight {

			text-align:center;

			padding-top:00px;

		}

		

			body#productPage #main #innerRight img {

				margin:0 auto;

			}

			

			body.pringles #main #innerRight img {

				margin:50px 0px 0px 0px;

			}

		

h2 {

	font-size: 2.5em;

	font-weight: bold;

	color:#52164c;

	padding:5px 0px;

	text-transform:lowercase;

	font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

}



h3 {

	font-size: 1.3em;

	font-weight: bold;

	color:#9656A4;

}



/* Container Styles

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



.container {

	width: 980px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	font-size: 1.2em;

}



.containerH {

	width: 980px;

	margin-left: auto;

	margin-right: auto;

	font-size: 1.2em;

}



	#contentContainer {

		width: 980px;

		padding-top:120px;

	}

	

/* Main Styles

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



		#main {

			float: right;

			width: 730px;

			padding: 30px 0px 10px 0px;

			position:relative;

		}

				

			#main p {

				margin: 7px 0px 7px 0px;

			}

		

		#main img#imgHeader {

			width:401px;

			height:308px;

			position:absolute;

			top:-121px;

			right:-33px;

			z-index:1;

		}

		

		

		#innerLeft {

			width:485px;

			float:left;

		}
		
		body#productPage #innerLeft {
			padding-top:20px;
		}
		
		div.homeText p {
			line-height:1.6em !important;
		}
		
			div.homeText ul li {
				font-size:1.1em !important;
				margin-left:0px;
			}

		

		#innerRight {

			width:225px;

			float:right;

			text-align:center;


			position:relative;
			
		}
		
	

		

			#innerRight img {

			margin-top:-10px;

			}
			
			#innerRight .adviceProductCta {
				width:224px;
				height:100px;
				background:url(../../images/layout/adviceProductCtaBg.gif) top center no-repeat;
				text-align:center;
				padding:133px 0px 0px 0px;
				margin-top:10px;
			}
			
				#innerRight .adviceProductCta p {
					color:#666;
					/*color:#84497f;*/
					font-style:italic;
					padding:0px !important;
					font-size:18px !important;
					margin:0px;
				}
				
				#innerRight .adviceProductCta p span {display:none;}
				
				
				#innerRight .adviceProductCta p.number {
					margin:0px;
					font-size:24px !important;
					color:#51164c;
					font-style:normal;
					text-transform:lowercase;
					padding:0;
				}
			

			body#index #innerRight img {

				position:static;

			}

		

		#googleMap {

			width: 640px;

			height: 300px;

		}



/* Sidebar/CTA Styles

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

		

		#sidebar {

			float: left;

			width: 226px;

			background:url(../../images/layout/nav/navBarBottom.jpg) bottom center no-repeat #D6D6D6;

			padding-bottom:50px;
			
			margin-top:-17px;

		}

		

			p.sidebarQuote {

				color:#955690;

				font-size:1.7em;

				padding:15px;

				font-weight:bold;

				font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

				clear:both;

				line-height:1.1em;

			}

			

			p.sidebarNumber {

				color:#955690;

				font-size:2.0em;

				font-weight:bold;

				padding:15px;

				line-height:1.1em;

			}

			

				p.sidebarNumber span {

					font-size:1.2em;

					display:block;

					color:#52164c;

				}

		



		#peopleCta {

			width:729px;

			height:161px;

			background:url(../../images/layout/peopleCtaBg.jpg) top center no-repeat;

			margin:30px 0px 25px 0px;

			font-size:1.4em;

			font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

		}

		

			#peopleCta div {

				width:182px;

				float:left;

			}

			

				#peopleCta div.first {

					padding-left:10px;

					width:172px;

				}

				

				#peopleCta div.last {

					padding-left:5px;

					width:177px;

				}

				

				#peopleCta div p.quote {

					color:#52164c;

					font-weight:bold;

					line-height:1.2em;

				}

				

				#peopleCta div p.smallText {

					color:#965690;

					font-size:0.6em;

					padding:0px 90px 0px 0px;

					font-weight:bold;

				}

						

			#brandCta {

				width:246px; height:268px;

				background:url(../../images/layout/brandCtas/kenco.jpg) bottom center no-repeat;

				float:right;

				position:relative;

			}

			

			body.kenco #brandCta { background:url(../../images/layout/brandCtas/kenco.jpg) bottom center no-repeat; }

			body.cadbury #brandCta { background:url(../../images/layout/brandCtas/cadburys.jpg) bottom center no-repeat; }

			body.nestle #brandCta { background:url(../../images/layout/brandCtas/nestle.jpg) bottom center no-repeat; }

			body.pringles #brandCta { background:url(../../images/layout/brandCtas/pringles.jpg) bottom center no-repeat; }

			body.nescafe #brandCta { background:url(../../images/layout/brandCtas/nescafe.jpg) bottom center no-repeat; }

			body.lucozade #brandCta { background:url(../../images/layout/brandCtas/lucozade.jpg) bottom center no-repeat; }

			body.cocacola #brandCta { background:url(../../images/layout/brandCtas/cocacola.jpg) bottom center no-repeat; }

			

				#brandCta p {

					position:absolute;

					bottom:40px;

					right:30px;

					color:#fff;

					text-align:right;

				}

				

					#brandCta p span {

						display:block;

					}	

					

					#brandCta p.number {

						bottom:10px;

						font-size:2.2em !important;

						font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

						font-weight:bold;

					}



	.callCta {
		width:245px;
		height:98px;
		position:relative;
		background:url(../../images/layout/callCtaBg.jpg) center right no-repeat #fff;
		margin-top:-40px;
	}
	body.contact-us .callCta {
	margin-top:2px !important;
	background-image:url(../../images/layout/callCtaBg.jpg) !important;
	}
	body.company .callCta { 
		background-image:url(../../images/layout/callCtaBg.jpg) !important; 
		margin:0px !important;
		margin-top:10px !important;
	}
	body#productPage .callCta, body#productList .callCta {
		background-image:url(../../images/layout/callCtaProductsCta.jpg);
		float:right;
		margin:10px;
	}
	
	body#productList .callCta {
		margin:0;
		font-size:0.9em;
		padding:0;
		margin-top:10px;
	}
		body#productList .callCta p {
			padding:0 !important;
		}
	
		body#productList .callCta .number {
			font-size:2.6em !important;
			padding:0 !important;
		}
	
		.callCta p {
			position:absolute;
			bottom:40px;
			right:30px;
			color:#fff;
			text-align:right;
		}
			.callCta p span {
				display:block;
			}	

			.callCta p.number {
				bottom:10px;
				font-size:2.3em !important;
				font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;
			}

	
	div#sidebarSolutionsFinder {
		width:190px;
		background:url(../../images/layout/nav/sidebarSolutionFinderBg.jpg) top center no-repeat #036a9d;
		float:left;
		margin:0;
		padding:135px 17px 0px 19px;
		position:relative;
	}
	
		
			div#sidebarSolutionsFinder p.title {
				font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;
				font-size:2.4em;
				text-transform:lowercase;
				padding-right:50px;
				font-weight:bold;
				color:#f6f2c6;
				width:160px;
				position:absolute;
				top:10px;
				left:20px;
				line-height:1em;
			}
			
				div#sidebarSolutionsFinder p.line1 {
					color:#005987;
					font-weight:bold;
					font-size:1.4em;
					width:170px;	
					position:absolute;
					top:73px;
					left:20px;		
				}
				
				div#sidebarSolutionsFinder p.line2 {
					color:#fff;		
					width:150px;
					position:absolute;
					left:20px;
					top:130px;	
					font-size:1.1em;
					line-height:1em;
				}
				
					div#sidebarSolutionsFinder select {
						width:187px;
						margin:6px 0px 10px 0px;
					}
					
					div#sidebarSolutionsFinder label {
						color:#fff;
						display:block;
						font-weight:bold;
					}
					
					div#sidebarSolutionsFinder label.step1 {
						width:150px;
					}

/* Machine Hire Styles

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

	#machineHire {

		clear:both;

	}

	

		#machineHire div {

			float:left;

		}

		

		#machineHire div.machine1 { width:97px; }

		#machineHire div.machine2 { width:143px; }

		#machineHire div.machine3 { width:131px; }

		#machineHire div.machine4 { width:132px; }

		#machineHire div.machine5 { width:86px; }

		#machineHire div.machine6 { width:140px; }

		

			

			#machineHire div p {

				text-align:center;

				font-size:1.9em !important;

				white-space:none;	

				text-transform:lowercase;

				font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

				font-weight:bold;

				color:#52164c;

			}

			

				#machineHire div p.doubleLine {

					line-height:1.0em !important;

					margin-top:-10px;
					padding:0;

				}

			

			#machineHire div a {

				display:block;

				text-transform:uppercase;

				text-align:center;

				color:#fff !important;

				background-color:#975691;

				font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

				font-weight:bold;

				text-decoration:none;

				padding:5px 0px 4px 0px;

				font-size:1.2em;

			}

			

				#machineHire div.first a { background:url(../../images/layout/machineHire/clickHereLeft.jpg) left center no-repeat #975691; }



				#machineHire div.last a { background:url(../../images/layout/machineHire/clickHereRight.jpg) right center no-repeat #975691; }




/* Solution Finder Styles

--------------------------------------------------------------- 



#solutionFinder {

	width:481px;

	min-height:41px;

	background:url(../../images/layout/solutionFinderBg.jpg) top center no-repeat #44143f;

	overflow:hidden;

	position:relative;

	cursor:pointer;

	font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

}

body#productList #solutionFinder {
	margin-top:10px;
}



	#solutionFinder img#bottomCorners {
		position:absolute;
		bottom:0px;
		left:0px;
		z-index:100;
		width:481px;
		height:9px;
	}
	
	#solutionFinder img {
		position:absolute;
		left:0px;
		bottom:0px;
	}
	
	#solutionFinder p {
		line-height:1.0em !important;
		padding:0 !important;
	}
	
	#solutionFinder p#needhelp {

		position:absolute;

		top:-4px;

		left:49px;

		text-transform:lowercase;

		color:#dbdb92;

		font-weight:bold;

		font-size:2.6em !important;



	}

	

	#solutionFinder p#try {

		position:absolute;

		top:7px;

		left:220px;

		color:#fff;

		font-weight:bold;

		font-size:1.3em;

	}

	

	#solutionFinder p#click {

		position:absolute;

		top:12px;

		right:42px;

		color:#dfabdc;

		

	}

	

	#solutionFinder #solutionFinderBoxInner {

		padding:35px 25px 5px 25px;
		

	}
	
	#solutionFinder #solutionFinderBoxInner form {
		padding:15px 0px 15px 0px;
	}

	

		#solutionFinder #solutionFinderBoxInner label {

			color:#fff;

			display:block;

		}

		

		#solutionFinder #solutionFinderBoxInner select {



		}

		

	*/


/* Product Item redone Styles

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



div.productItem {

		width:230px;

		float:left;

		display:inline;

		position:relative;

		height:278px;
	
		margin-right:10px;

}



	div.productItem h2 {

			font-size:2.5em;

			color:#975691;

			text-transform:lowercase;

			margin:0;padding:0;

			position:absolute;

			top:1px;

			left:55px;
			z-index:1;

	}

	

		div.productItem h2.twoLines {

			line-height:0.9em;

			font-size:1.9em;

		}

		

		div.productItem h2.oneLine {

			font-size:2em;

		}

	

	div.productItem img {

		position:absolute;

		left:1px;

		top:1px;
		z-index:1;

	}

	

		#main div.productItem ul {

			margin:0;

			padding:0;

			position:absolute;

			left:70px;

			top:40px;
			z-index:1;

		}

			#main div.productItem ul li {

				padding:2px 0px;
				
				font-size:1em;
				
				color:#000;
				
				font-weight:normal;

			}

		

		div.productItem p {

			color:#975691;

			position:absolute;

			left:0px;

			top:140px;

			padding:3px;
			
			font-size:1em !important;
			
			z-index:1;

		}



		div.productItem a {

					width:215px;
					
					height:238px;
					
					color:#f8ed9f !important;

					text-transform:lowercase;

					display:block;

					font-weight:bold;

					text-decoration:none !important;

					text-align:right;

					padding:6px 10px 5px 5px;

					font-size:1.1em;

					position:absolute;
					
					position:relative;

					bottom:0px;

					left:0px;
					
					z-index:13;
					
					background:url(../../images/misc/blank.gif);

		}
		
		div.productItem a img {
			margin:0;padding:0;
			position:absolute;
			top:240px;
			left:0px;
		}

					

			div.productItem a:hover {

				color:#fff !important;

			}



hr.line {

	clear:left;

	padding:10px 0px 0px 0px;

	margin-bottom:10px;

	border:none;

	border-bottom:1px solid #844280;


	height:1px;

	float:none;

}

div#relatedProducts {
	width:224px;
	float:right;
	margin-top:25px;
	background:url(../../images/layout/nav/youMayAlsoLikeBg.jpg) top center no-repeat;
	height:500px;
	padding-top:50px;
	margin-bottom:70px;
}


	div#relatedProducts div {
		margin:10px 10px 10px 12px;
		width:200px;
		border-bottom:1px solid #01689d;
	}
		div#relatedProducts div.last {border:none;}
	
		div#relatedProducts div img {
			float:left;
		}
		
		div#relatedProducts div p.heading a {
			font-size:1.6em;
			color:#01689d;
			line-height:1em;
			width:110px;
			float:right;
			text-decoration:none;
			font-weight:bold;
			font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;
		}
		
			div#relatedProducts div p.heading a:hover {
				text-decoration:underline;
			}
		
			div#relatedProducts div p {
				font-size:1.1em !important;
				color:#01689d;
				line-height:1em !important;
				width:110px;
				float:right;
				padding:0px 0px 10px 0px !important;
				margin:0;
			}
			
			div#relatedProducts div a.details {
				clear:both;
				display:block;
				font-size:2em;
				font-weight:bold;
				color:#01689d;
				font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;
				background:url(../../images/layout/productLarge/relatedProducts/aBg.png) right center no-repeat;
				text-decoration:none;
				margin:0px 15px 10px 0px;
				padding-right:20px;
			}
			
				div#relatedProducts div a:hover {
					text-decoration:underline;
				}


/* Company Info drop downs Styles

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



div.dropdowns h2 {

	font-size:1.6em;

	width:450px;

	background:url(../../images/layout/dropdownsBg.jpg) top center no-repeat;

	color:#fff;

	padding:2px 0px 10px 30px;

	cursor:pointer;

	clear:both;

}

.dropdowns img {
	margin:0 auto;
}


table#charityLogos {

	margin-left:20px;

}



table#charityLogos tr td {

	text-align:center;

	padding:20px;

}







/* Header Styles

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



#header {

	width: 980px;

	height: 130px;

	position: absolute;

	z-index: 10;

	top: 0px;

}



	#logo {

		width: 228px;

		height: 100px;

		float: left;

		background: #666;

	}

	

	#cta-top-right {

		width: 640px;

		float: right;

		text-align: right;

		height: 125px;

		font-size: 1.3em;

		color:#965690;

		line-height:1.5em;

		text-transform:lowercase;

		padding-top:5px;

		font-weight:bold;
		
		position:relative;

	}

		#cta-top-right span {

			color:#52164c;

			font-weight:bold;

			font-size:2.2em;

		}
		
		#cta-top-right a {
			text-decoration:none;
			position:absolute;
			top:51px;
			right:0px;
			display:block;
			font-size:0.9em;
		}



#flashSlideshow {

	background: url(../../images/misc/flashSlideshowBackup.jpg);

}



/* Vertical Navigation Styles

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



#navigation {

	width: 226px;

}



	#navigation ul {

		margin: 0px;

		padding: 0px;

	}

	

		#navigation ul li {

			display: inline;

			list-style: none;

		}

			body#index #navigation ul li a.index-a,
			body.hotDrinks #navigation ul li a.hotdrinks-a,
				body.floorStanding #navigation ul li a.floorStanding-a,
				body.tabletop #navigation ul li a.tableTop-a,
				body.coffee #navigation ul li a.coffee-a,
				body.beanToCup #navigation ul li a.beanToCup-a,
			body.food #navigation ul li a.food-a,
				body.hotFood #navigation ul li a.hotFood-a,
				body.coldFood #navigation ul li a.coldFood-a,
				body.healthy #navigation ul li a.healthy-a,
			body.sweets #navigation ul li a.sweets-a,
				body.sweet #navigation ul li a.sweet-a,
				body.snack #navigation ul li a.snack-a,
				body.chocolate #navigation ul li a.chocolate-a,
			body.coldDrinks #navigation ul li a.colddrinks-a,
				body.coldDrink #navigation ul li a.coldDrink-a,
				body.waterDispensers #navigation ul li a.waterDispensers-a,
			body.drinksDispensers #navigation ul li a.drinksdispensers-a,
			body.brands #navigation ul li a.brands-a,
				body.cadbury #navigation ul li a.cadbury-a,
				body.cocacola #navigation ul li a.cocacola-a,
				body.kenco #navigation ul li a.kenco-a,
				body.lucozade #navigation ul li a.lucozade-a,
				body.nescafe #navigation ul li a.nescafe-a,
				body.nestle #navigation ul li a.nestle-a,
				body.pringles #navigation ul li a.pringles-a,
			body.company #navigation ul li a.company-a,
				body.aboutus #navigation ul li a.aboutus-a,
				body.areaswecover #navigation ul li a.areaswecover-a,
				body.comercialvendingmachines #navigation ul li a.comercialvendingmachines-a,
				body.ourvendingservices #navigation ul li a.ourvendingservices-a,
				body.stockingandfilling #navigation ul li a.stockingandfilling-a,
				body.vendingmachinehire #navigation ul li a.vendingmachinehire-a,
			body.contact-us #navigation ul li a.contact-a
			{
				color:#000 !important;
				background:url(../../images/layout/nav/navBgHover.jpg) center center repeat-x;
			}
			body.solutionFinder #navigation ul li a.solutionFinder-a {
				color:#D8D891;
			}

			#navigation ul li a {

				float: left;

				width: 226px;

				background:url(../../images/layout/nav/navBg.jpg) center center repeat-x;

				color: #52164c;

				text-decoration: none;

				font-weight: bold;

				font-size: 1.3em;

				border-bottom:1px solid #a9a9a9;

				display:block;

				text-transform:lowercase;

				line-height:1.1em;

				position:relative;

				font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

			}

				#navigation ul li a:visited {
					color:#955690;
				}
			

				#navigation ul li a:hover {

					background:url(../../images/layout/nav/navBgHover.jpg) center center repeat-x;

					color: #000;

				}

			

				#navigation ul li a span {

					padding: 2px 80px 2px 20px;

					display:block;

					background:url(../../images/layout/nav/hotdrinks.jpg) right center no-repeat;

				}

				

					#navigation ul li a span.arrow {

						position:absolute;

						top:11px;

						left:10px;

						height:15px;

						width:13px;

						padding:0 !important;

						background:url(../../images/layout/nav/arrowClosed.gif) center center no-repeat transparent !important;

					}

					

						#navigation ul li a:hover span.arrow {

							background-image:url(../../images/layout/nav/arrowOpen.gif) !important;

						}

					



				

				#navigation ul li a img {

					position:absolute;

					top:13px;

					left:14px;

				}

				

				#navigation ul li a.singleLine span {

					padding-top:11px;

					padding-bottom:10px;

				}

			

				#navigation ul li a.index-a {

					/*background:url(../../images/layout/nav/homeNavBg.jpg) top center no-repeat;*/

					border-bottom:1px solid #8f538a;

				}

				

					#navigation ul li a.index-a:hover {

						/*background:url(../../images/layout/nav/homeNavBgHover.jpg) top center no-repeat;*/

					}

				

					#navigation ul li a.index-a span {

						background:none;

					}	

				
#navigation .contact-a span, #navigation .careers-a span {
					padding-top:10px;

					padding-bottom:10px;
}



		#navigation .hotdrinks-a span {background-image:url(../../images/layout/nav/hotdrinks.jpg);}

		#navigation .food-a span {background-image:url(../../images/layout/nav/foodvending.jpg);}

		#navigation .sweets-a span {background-image:url(../../images/layout/nav/snacksandsweets.jpg)}

		#navigation .colddrinks-a span {background-image:url(../../images/layout/nav/colddrinks.jpg);}

		#navigation .drinksdispensers-a span {background-image:url(../../images/layout/nav/drinksdispensers.jpg);}

		#navigation .brands-a span {background-image:url(../../images/layout/nav/brands.jpg);}

		#navigation .company-a span {background-image:url(../../images/layout/nav/expresslogo.jpg)}
		
		#navigation .careers-a span {background-image:url(../../images/layout/nav/careers.jpg);}
		
		#navigation .contact-a span {background-image:url(../../images/layout/nav/contactus.jpg);}


#navigation a.solutionFinder-a {
	background-image:url(../../images/layout/nav/solutionFinderBg.jpg);
	color:#fff;
}

	#navigation a.solutionFinder-a:visited {color:#fff;}

	#navigation a.solutionFinder-a:hover {
		background-image:url(../../images/layout/nav/solutionFinderBgHover.jpg);
		color:#D8D891;
	}
	
		#navigation a.solutionFinder-a span {
			background-image:url(../../images/layout/nav/solutionFinder.jpg);
			padding:9px 0px 9px 0px;
		}
		
			#navigation a.solutionFinder-a:hover span {
				background-image:url(../../images/layout/nav/solutionFinderHover.jpg);
			}
		
		#navigation a.solutionFinder-a span.arrow {
			background-image:url(../../images/layout/nav/arrowClosedSF.gif) !important;
		}
		
			#navigation a.solutionFinder-a:hover span.arrow {
				background-image:url(../../images/layout/nav/arrowOpenSF.gif) !important;
			}


#navigation ul li.quoteLink {
	margin:0;
	padding:0;
	background:none;
}

#navigation ul li.quoteLink a {
	background:url(../../images/layout/nav/askForAQuoteButtton.png) top center no-repeat;
	height:90px;
	width:229px;
	margin:0;
	padding:0;
	font-size:1px;
	line-hwight:!em;
}


/* SUBNAV */



#navigation ul li ul {

	float:left !important;

	clear:both;

	margin:0;

	padding:5px 0px;

	width: 226px;

	border-bottom:1px solid #a9a9a9;

}



	#navigation ul li ul li {

		margin:0;

		padding:0;

	}



		#navigation ul li ul a {

			width: 206px;

			background:none;

			border:none;

			color:#3E3E3E;

			font-weight:normal;

			line-height:1em;

			margin:0;

			padding:4px 0px 4px 20px;

			font-size:1em;

		}

			#navigation ul li ul a:visited {
				color:#666666;
			}

			#navigation ul li ul a:hover {

				color:#000;

			}





/* Footer Styles

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



#footer {

	clear: both;

	width: 100%;

	color: #919191;

	background:url(../../images/layout/footerBg.jpg) top center repeat-x #d1cfcf;

	padding: 10px 0px;

	font-size: 0.9em;
	
	position:relative;
	
}

#footer .container {background:url(../../images/misc/footerBg.jpg) top right no-repeat;}



	#footer .index-a, #footer .contact-a {

		display: none;

	}



	#footer h2 {

		font-weight: bold;

		margin: 0px;

		color: #919191;

		padding: 3px 5px;

		font-size: 1.2em;

		font-style: italic;

		width: 250px;

	}

		

	#footer li {

		list-style: none;

	}

	

	#footer p, #footer ul {

		margin: 0px;

		padding: 0px;

	}



	#footer a {

		white-space: nowrap;

		color: #919191;

		text-decoration: none;

	}

	

	#footer a:hover {

		color: #2f092b;

		text-decoration:underline;

	}



/* Footer Left Styles

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



	#footer #footer-left {

		float: left;

		width: 700px;

	}

	

		#footer #footer-left h2 {

			width: 170px;

			font-style:normal;

			font-weight:bold;

			font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

			font-size:1.6em;

			margin:0;

			padding:0px 5px 0px 5px;

		}

		

		#footer #footer-left p {

			line-height: 20px;

			padding: 3px 5px;

			font-size:1.1em;

		}

		

	#footer div.sec {

		width:315px;

		float:left;

		padding:10px 20px 10px 0px;

	}

	

		#footer div.sec h2 {

			width:300px !important;

		}

		

		#footer div.sec p {

			line-height:1.3em !important;

		}

		

		#footer div.sec ul li a{

			line-height:1.5em !important;

			padding-left:5px;

		}

		

		#footer div.sec a:hover {

			color:#2f092b !important;

		}

		

	#footer div.col {

		width:335px;

		float:left;

	}

			



		

/* Footer Right Styles

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



	#footer #footer-right {

		float: right;

		width: 250px;

		text-align:right;

	}

	

		#footer #footer-right h2 {

			font-style:normal;

			font-weight:bold;

			font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

			font-size:1.6em;

			margin:0;

			padding:50px 20px 5px 5px;

		}

		

		#footer #footer-right ul {

			width:120px;

			float:right;

			margin:0;

			padding:0;

		}

		

		#footer #footer-right ul li {

			padding:1px 0px;

		}

		

		#footer #footer-right p {

			line-height: 20px;

			padding: 3px 5px;

		}

		

		ulfooterLogos {

			margin:0;

			padding:0;

		}

		

			ul#footerLogos li {

				floaT:left;

			}



/* Contact Table Styles
--------------------------------------------------------------- */

	#contactus_form #botBuster {
		display: none;
	}
	
	#contactus_form {
	margin:0;
	padding:5px 0 0;
}
	#contactus_form p {
		clear:left;
		margin:0;
		padding-top:10px;
	}
		#contactus_form p label {
			clear:left;
			float:left;
			display:block;
			text-align:right;
			width:160px;
			color:#000;
			padding-right:10px;
		}
		#contactus_form p input {
			float:left;
			display:block;
			text-align:left;
			width:260px;
		}
		#contactus_form p select {
			float:left;
			display:block;
			text-align:left;
			width:263px;
		}
		#contactus_form p input#contactus_submit {
			width:auto;
			text-align:center;
			margin-left:170px;
		}
			#contactus_form p.submit {
				padding-left:170px;
			}
		#contactus_form p span.formError {
			padding-left:110px;
			font-size:1.0em;
			color:#fff;
		}
#contactus_form ul.Lucozade {
	margin:0;
	padding:5px;
	list-style:none;
	min-height:30px;
	height:auto !important;
	height:30px;
}
	#contactus_form ul.Lucozade li {
		margin:0;
		padding:5px 8px;
		background-color:#FFCCCC;
		border:#c00 solid 1px;
		font-weight:bold;
	}
#contactus_form ul.confirmed {
	margin:0;
	padding:5px;
	list-style:none;
	min-height:30px;
	height:auto !important;
	height:30px;
}
	#contactus_form ul.confirmed li {
		margin:0;
		padding:5px 8px;
		background-color:#D9FED3;
		border:#090 solid 1px;
		font-weight:bold;
	}

#contactus_message {
	width:260px;
}

.errors {
	background:#E9E9E9;
	border: 1px solid #990000;
	width:450px;
}

.errors2{
	width: 280px;
	position: absolute;
	bottom: 190px;
	right: 20px;
	z-index: 10;
	color: red;
	text-align: center;
	background: #f8f4e8;
	border: 1px solid #531f01;
}


	.errors ul li {
		color: #fff;
		font-size: 0.9em;
		font-weight: normal;
	}
	
.red {
	color: #ff0000;
}

img#map {
	position:absolute;
	top:220px;
	left:480px;
	width:230px;
	height:496px;
}



/* Image Styles

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



.img-left {

	float: left;

	margin: 0px 10px 10px 0px;
	
	padding-right: 10px;

}



.img-right {

	float: right;

	margin: 0px 0px 10px 10px;

}

	

	.img-border {

		border: 1px solid #ccc;

	}

	

/* Contact Table Styles

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



	#contactTable #botBuster {

		display: none;

	}

	

/* Generic Styles

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



.clearfix {

	clear: both;

}



.purpleText {

	font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

	font-size:1.3em;

	font-weight:bold;

	color:#93538d;

}



ul.purpleText li {

	margin-left:35px;

	padding:3px;

}



p.welcome {

	font-size:5.6em;

	font-weight:bold;

	color:#52164c;

	font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

	position:absolute;

	top:14px;

	left:250px;

	display:none;

}



	body#index p.welcome { display:block; }


a.adtrakLink {

	margin:10px 0px;

	display:block;

	float:right;

	width:211px;

	height:80px;

	background:url(../../images/misc/adtrakLogo.png) bottom center no-repeat;

}



a.backButton {

	display:block;

	width:116px; height:34px;
	padding-top:4px;
	float:right;
	font-size:2.0em; font-weight:bold; font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;

	text-decoration:underline; text-transform:lowercase;

	color:#561A50 !important;

	text-align:center;

	margin:10px;
	font-size:1.4em;
	clear:left;
	position:absolute;
	top:-60px;
	right:0px;

}

a.backButton:hover {
	color:#95568F !important;
}



.center {

	text-align:center;

}

#productPage #main a {
	color:#52164C;
}

	#productPage #main a:hover {
		color:#000;
	}

.paddingtop  {
	padding-top:20px !important;
}

#areasCoveredMap {
	position:absolute;
	top:200px;
	right:150px;
}

.details {
	clear:both;
	text-align:right;
	font-size:1em;	
}

.clearLeft {
	float:right !important;
	clear:both;
}

a.enquiryButton {
	float:right;
	clear:right;
	height:26px;
	width:233px;
	background:url(../../images/layout/enquirButton.jpg) bottom center no-repeat;
	dispay:block;
	color:#fff !important;
	text-decoration:none;
	text-transform:lowercase;
	padding:8px 0px 0px 12px;
	margin:10px;
}
	a.enquiryButton:hover {
		text-decoration:underline;
	}
	

#main { padding-bottom:40px;}

table#contactForm {
	margin-left:50px;
}

	table#contactForm td {
		padding:3px;
	}
	
	
	h3.enviroemtMargin {
		margin-top:100px;
	}

#logAServiceCall {
	position:absolute;
	top:30px;
	right:10px;
}

.careerBox {
	position:relative;
}

.careerLink {
	position:absolute;
	top:50px;
	right:-230px;
	width:224px;
	height:53px;
	background:url(../../images/layout/applyNowButton.png) top center no-repeat;
}
.careerLink span {display:none;}

#main #innerLeft p#emailError {
	border: 1px solid #CC0000;
	padding: 10px;
	font-weight: bold;
	color: #CC0000;
	font-size: 1.2em;
}