@charset "utf-8";

@import url("browser_resets.css");

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

Filename: klix-mainstyles.css
Title: Main Styles for www.klix.co.uk
Author: Dave Whitehead - dave.whitehead@energycell.co.uk


Primary Link Colour: #0071b9

Dark Blue: #13202b
Light Blue: #8bc0e5
Lime Green: #62b01e
Grey: #595959



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






/*=================================================================== Framework ==*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background-color: #eeeeee;
	text-align: center;
}
#wrapper {width: 960px; margin: 0 auto; text-align: left;}

header {height: 70px;}
header #logo {width: 500px;float: left;}

section#maincontent {
	background-color: #FFF;
	-moz-border-radius: 8px; 	/* Firefox */ 
	-webkit-border-radius: 8px; /* Safari and chrome */ 
	-khtml-border-radius: 8px; 	/* Linux browsers */ 
	border-radius: 8px; 		/* CSS3 */ 
    border: 1px solid #d1d1d1;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

/*-- Three column --*/
body.threecol aside.left {width: 305px; float: left;}
body.threecol article {width: 270px; float: left; margin: 0px 0px 30px 40px;}
body.threecol aside.right {width: 305px; float: right; margin-bottom: -2px;}
	/*-- Three column (modified for outlook landing --*/
	body.outlook-landing#threecol article {width: 308px; float: left; margin: 0px 0px 30px 40px;}
	body.threecol aside.right {width: 305px; float: right;}

/*-- Left column --*/
body.leftcol aside.left {width: 305px; float: left; margin-left: 0px;}
body.leftcol article {width: 580px; float: right; margin: 0px 35px 0px 0px;}
body.leftcol aside.right {display: none;}

/*-- Right column --*/
body.rightcol aside.left {display: none;}
body.rightcol article {width: 580px; float: left; margin: 0px 0px 0px 35px;}
body.rightcol aside.right {width: 305px; float: right;  margin-right: 0px;}

/*-- Two column --*/
body.twocol article.left {width: 425px; float: left; margin: 0px 0px 30px 35px}
body.twocol article.right {width: 425px; float: right; margin: 0px 35px 30px 0px}

/*-- One column --*/
body.onecol article {width: 900px; margin: 0px 0px 30px 35px}

footer#bookmarks {clear: both;}





/*=================================================================== Master Typography ==*/


@font-face {
	font-family: 'TradeGothicLTStdRegular';
	src: url('../assets/font-replacement/TradeGothicLTStd.eot');
	src: local('Trade Gothic LT Std'), 
	     local('TradeGothicLTStd'), 
		 url('../assets/font-replacement/TradeGothicLTStd.otf') 
		 format('opentype');
}
p.heading {
	text-align: center;
	color: #0071b9;
	font-size: 2.3em;
	line-height: 1.1em;
	margin-bottom: .5em;
	padding: 0px 50px;
}
p.subheading {
	text-align: center;
	color: #595959;
	font-size: 1.4em;
	line-height: 1.25em;
	margin-bottom: 2em;
	padding: 0px 50px;
}
p.siteoperator {
	text-align: center;
	font-size: .9em;
}
h1, h2, h3.h3-drinks, h4, p.heading, p.subheading, dl.usp dt, dl.usp-last dt, 
body.home #tall-banner ul li div.headings span.h1heading, 
body.home #tall-banner ul li div.headings span.h2heading {
	font-family: TradeGothicLTStdRegular, arial, verdanda, sans-serif;
	letter-spacing: -1px;
	font-weight: lighter;
}
article h3 {
	color: #000;
	font-size: .9em;
	line-height: 1.25em;
	margin-bottom: .5em;
}
h3.h3-drinks {font-size: 2em; margin-bottom: .25em;}
h3.h3-drinks img {margin-right: 10px;}
h4 {
	text-align: left !important;
	color: #0071b9;
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: .75em;
}
aside h5 {
	color: #000;
	font-size: .65em;
	line-height: 1.25em;
	margin: 15px 0px 2px 35px;
	text-transform: uppercase;
}

aside.left h4, aside.left p {padding-left: 35px;}
aside.right h4, aside.right p {padding-right: 35px;}

p + h3 {margin-top: 1.5em;}
article p, article ul, article ol, dl.drink {font-size: .75em; line-height: 1.7em; color: #383838; margin-bottom: .75em;}
article ul {
	margin-left: 14px;
	list-style-image: url(../assets/framework/dottedarrow-black.gif);
}
body.outlook-landing article p {padding-right: 40px;} /* Modified for Outlook landing page */
aside p, aside ul {
	color: #959595;
	font-size: .7em;
	line-height: 1.6em;
	margin-bottom: .5em;
}

blockquote {
	margin-bottom: 10px;
	}
	blockquote p {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: .9em;
		line-height: 1.5em;
		color: #959595;
		}
		blockquote cite {
		font-size: .7em;
		color: #000;
		font-style: italic;
			}
			blockquote p img {
				margin-right: 10px;
				}

a:link, a:visited {color: #0071b9; text-decoration: none; font-weight: bold;}
a:hover {color: #62b01e;}
a span {color: #666; font-size: .9em; padding: 0px 3px;}
p.disclaimer {
	font-size: .6em;
	color: #8bc0e5;
}
article a:active, aside a:active, footer a:active {position: relative; top: 1px;} /* Subtle button like interaction on all links */
a:active, a:focus {outline: none;}




/*=================================================================== Master Positional Styles ==*/

.left {float: left;}
.right {float: right;}

img.left {float: left; margin-right: 10px;}
img.right {float: right; margin-left: 10px;}




/*=================================================================== Country Selector ==*/

header #country {width: 165px; float: right;}

#sliderWrap {margin: 0 auto; width: 165px;}
#slider {
	position: absolute;
	background: url(../assets/framework/country-back2.png) no-repeat bottom left;
	width: 165px;
	height: 139px;
	margin-top: -98px;
}
#sliderContent {
	margin: 0px 0 0 0px;
	position: absolute;
	color:#333333;
	font-weight:bold;
	width: 97%;
}
#current-country {
	width: 22px;
	height: 16px;
	position: absolute;
	bottom: 11px;
	right: 8px;
}
#sliderContent ul {margin: 3px 0px 0px 0px; padding: 0px; list-style: none;}
#sliderContent li {border-bottom: 1px solid #95a6af; padding-left: 10px;}
#sliderContent li.last {border: none;}
#sliderContent li a.countrynav-uk {background: url(../assets/framework/flag_uk.jpg) no-repeat left center;}
#sliderContent li a.countrynav-fr {background: url(../assets/framework/flag_france.jpg) no-repeat left center;}
#sliderContent li a.countrynav-de {background: url(../assets/framework/flag_germany.jpg) no-repeat left center;}
#sliderContent li a:link, #sliderContent li a:visited  {
	color: #FFF;
	text-decoration: none;
	padding: 5px 0px 5px 30px;
	display: block;
	font-size: .7em;
	}
	#sliderContent li a:hover {color: #6CF;}
#openCloseWrap {position:absolute; margin: 110px 0 0 0px; font-weight:bold;}
/* #openCloseWrap p {padding-right: 30px;}*/
	#openCloseWrap a:link, #openCloseWrap a:visited {color: #0071b9; text-decoration: none; font-size: .7em;}
		#openCloseWrap a:hover {text-decoration: underline;color: }
		
		


		
/*=================================================================== Main Navigation ==*/

nav#main-nav {
	width: 960px;
	height: 37px;
	
}
nav#main-nav ul {
	background: url(../assets/framework/mainnav-back.gif) no-repeat left center;
	width: 810px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}
nav#main-nav li {
	float: left;
	margin-right: 14px;
	background: url(../assets/framework/mainnav-divider.gif) no-repeat right center;
	padding-right: 14px;
}
nav#main-nav li.last {
	background: none;
}
nav#main-nav li a:link, nav#main-nav li a:visited {
	display: block;
	line-height: 37px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: .75em;
}
nav#main-nav li a:hover, nav li a.selected {
	color: #0071b9;
	background: url(../assets/framework/mainnav-highlight.gif) repeat-x top center;
}

nav#main-nav li a.home:link, nav#main-nav li a.home:visited {
	background: url(../assets/framework/icon-home.gif) no-repeat 50% 50%;
	width: 18px;
	height: 37px;
	text-indent: -5000px;
	margin-left: 14px;
}

#quote {float: right;}
	#quote a:link, #quote a:visited {
		display: block;
		width: 145px;
		height: 37px;
		background: url(../assets/framework/getaquote-up.gif) no-repeat top center;
		text-indent: -5000px;
	}
	#quote a:hover {
		background: url(../assets/framework/getaquote-over.gif) no-repeat top center;
		}
		
/* Safari for Mac adjustment */
@media screen and (-webkit-min-device-pixel-ratio:0){nav#main-nav li {margin-right: 12px;}}





/*=================================================================== Breadcrumb ==*/

nav#breadcrumb {
	height: 35px;
	font-size: .7em;
}
nav#breadcrumb p {
	float: left;
	margin-right: 5px;
	line-height: 35px;
}

nav#breadcrumb ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
nav#breadcrumb li {
	float: left;
	line-height: 35px;
	background: url(../assets/framework/dottedarrow-black.gif) no-repeat right 50%;
	margin-right: 7px;
}
nav#breadcrumb li.last {
	background: none;
}
nav#breadcrumb li a:link, nav#breadcrumb li a:visited {
	padding-right: 10px;
	color: #959595;
	text-decoration: none;
}
nav#breadcrumb li a:hover {
	color: #000;
}




/*=================================================================== Banners ==*/

#tall-banner {position: relative;}
#short-banner {background: url(../assets/banners/shortbanner.jpg) no-repeat; height: 120px; clear: both;}

div.image-left#tall-banner .headings {
	position: absolute; 
	top: 80px;
	width: 430px;
	left: 450px;
}
div.image-right#tall-banner .headings {
	position: absolute; 
	top: 80px; 
	left: 30px;
	width: 380px;
}
	
#tall-banner h1 {color: #62b01e; font-size: 1.9em; margin-bottom: .25em; line-height: 1.1em;}
#tall-banner h2 {color: #8bc0e5; font-size: 1.1em; line-height: 1.3em;}

#short-banner h1 {color: #62b01e; font-size: 1.9em; line-height: 1.1em; padding: 30px 0px 0px 25px;}
#short-banner h2 {color: #8bc0e5; font-size: 1.1em; line-height: 1.5em; padding: 0px 0px 0px 25px;}


/* Home page banner */
body.home #tall-banner ul li div.headings {
	width: 280px;
	position: absolute;
	left: 490px;
	top: 30px;
}

body.home #tall-banner ul li div.headings h1, body.home #tall-banner ul li div.headings span.h1heading {
	width: 380px; color: #62b01e; font-size: 1.8em; margin-bottom: .25em; line-height: 1.1em;}
body.home #tall-banner ul li div.headings h2, body.home #tall-banner ul li div.headings span.h2heading  {
	color: #8bc0e5; font-size: 1.2em; line-height: 1.4em; width: 360px;}
	body.home #tall-banner ul li div.headings span {
		display: block;
	}
	

		
a.home-button-machines:link, a.home-button-machines:visited {
	background: url(../assets/framework/button-machines.gif) no-repeat;
	width: 200px; height: 35px; display: block; text-indent: -5000px; margin-top: 15px;}
	a.home-button-machines:hover {background: url(../assets/framework/button-machines.gif) no-repeat 0px -35px;}	
	
a.home-button-drinks:link, a.home-button-drinks:visited {
	background: url(../assets/framework/button-drinks.gif) no-repeat;
	width: 173px; height: 35px; display: block; text-indent: -5000px; margin-top: 15px;}
	a.home-button-drinks:hover {background: url(../assets/framework/button-drinks.gif) no-repeat 0px -35px;}
	
a.home-button-about:link, a.home-button-about:visited {
	background: url(../assets/framework/button-about.gif) no-repeat;
	width: 167px; height: 35px; display: block; text-indent: -5000px; margin-top: 15px;}
	a.home-button-about:hover {background: url(../assets/framework/button-about.gif) no-repeat 0px -35px;}




/* Machines Landing page banner */

#machines-landing-banner {position: relative;}
	#machines-landing-banner #outlook {
		position: absolute;
		top: 40px;
		left: 40px;
		}
	#machines-landing-banner #klix450 {
		position: absolute;
		top: 40px;
		left: 645px;
		}
		
#machines-landing-banner h1 {
	color: #62b01e;
	font-size: 2em; 
	line-height: 1.1em;
	margin-bottom: .2em;
}
#machines-landing-banner h2 {
	color: #8bc0e5;
	font-size: 1em; 
	line-height: 1.1em;
}
#machines-landing-banner ul {
	color: #FFF;
	font-size: .7em;
	margin: 30px 0px 0px 30px;
	list-style-image: url(../assets/framework/bullett-lightblue.gif);
	}
	#machines-landing-banner li {margin-bottom: .3em;}
	#machines-landing-banner div#outlook ul {margin: 30px 0px 0px 15px;}
	
	
a.showme-outlook:link, a.showme-450:link, a.showme-outlook:visited, a.showme-450:visited {
	background: url(../assets/framework/button-showme-up.gif) no-repeat;
	width: 125px;
	height: 35px;
	display: block;
	text-indent: -5000px;
	}
	a.showme-outlook:hover, a.showme-450:hover {
		background: url(../assets/framework/button-showme-over.gif);
		}
		a.showme-outlook {margin: 40px 0px 0px 136px;}
		a.showme-450 {margin: 40px 0px 0px 3px !important;}
		
		
		
/*a.showme-450:link, a.showme-450:visited {
	background: url(../assets/framework/button-showme-up.gif) no-repeat;
	width: 110px;
	height: 35px;
	display: block;
	text-indent: -5000px;
	margin-top: 15px;
	}
	a.showme-450:hover {
		background: url(../assets/framework/button-showme-over.gif);
		}*/




/*=================================================================== Secondary Navigation ==*/

nav#secondary {
	width: 920px;
	margin: -1px 0px 40px 20px;
	border-bottom: 1px solid #cad3d7;
	padding-bottom: 15px;
	overflow: auto;
	z-index:10;
}
	
nav#secondary #title {
	width: 180px;
	float: left;
	margin-top: 18px;
	font-family: TradeGothicLTStdRegular, arial, verdanda, sans-serif;
	letter-spacing: -1px;
	padding: 1px 0px 0px 20px;
	font-size: 1.1em;
	background: url(../assets/framework/title-square.gif) no-repeat left center;
}
nav#secondary ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 720px;
	text-align: right;
	}
	nav#secondary li {
		display: inline-block;
		margin-left: 0px;
		}
		nav#secondary li a:link, nav#secondary li a:visited {
			text-decoration: none;
			color: #000;
			font-size: .75em;
			font-weight: bold;
			display: block;
			padding: 18px 10px 0px 10px;
		}
		nav#secondary li a:hover, nav#secondary li a.selected {
			color: #7b909b;
			background: url(../assets/framework/secondary-highlight.png) no-repeat top center;
		}
		
		
/* Safari for Mac adjustment */
@media screen and (-webkit-min-device-pixel-ratio:0){nav#secondary li a:link, nav#secondary li a:visited {padding: 18px 12px 0px 12px;}}
		
		


/*=================================================================== Features Panel ==*/

#features {
	background: url(../assets/framework/features-back.jpg) no-repeat left bottom;
	float: left;
	width: 957px;
	margin-bottom: 30px;
}
body.home #features {margin: 20px 0px 0px 0px;}
body.home #features dt {font-size: 1.3em; padding: 0px 40px; !important}
body.home #features dd.link {
	margin-top: 5px;
}
dl.usp, dl.usp-last {
	text-align: center;
	padding: 0px 0px 20px 0px;
	height: 100%;
}
dl.usp dd.image, dl.usp-last dd.image {
	padding: 0px 0px 0px 0px;
}
body.home #features dd.image {
	padding: 0px 0px 0px 0px;
}
dl.usp dt, dl.usp-last dt {
	color: #0071b9;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 0px 60px;
	margin-bottom: .5em;
}
dl.usp dd, dl.usp-last dd {
	color: #383838;
	font-size: .75em;
	line-height: 1.5em;
	padding: 0px 30px;
}
body.home #features dd {padding: 0px 25px;}
dl.usp {
	width: 319px;
	float: left;
	margin: 0px 0px 0px 1px;
}
dl.usp-last {
	width: 316px;
	float: left;
	margin: 0px 0px 0px 1px;
}




/*=================================================================== Homepage ==*/

#homepage-features {
	width: 920px;
	margin: 20px 0px 0px 20px;
	float: left;
}

dl.home-feature {
	float: left;
	width: 205px;
	border-right: 1px solid #CCC;
	margin-right: 15px;
	padding: 0px 15px 20px 0px;
	position: relative;
	}
	dl.home-feature-last {
	float: left;
	width: 205px;
	padding: 0px 0px 20px 0px;
	position: relative;
	}
	dl.home-feature dt.title, dl.home-feature-last dt.title {
		font-size: .8em;
		font-weight: bold;
		margin-bottom: .75em;
		}
		dl.home-feature dd.thumbnail, dl.home-feature-last dd.thumbnail {
			float: left;
			margin-right: 15px;
			padding-top: 2px;
			}
			dl.home-feature dd, dl.home-feature-last dd {
				font-size: .7em;
				line-height: 1.5em;
				color: #383838;
				}
				dl.home-feature dd.link, dl.home-feature-last dd.link {
					position: absolute;
					left: 0px;
					bottom: 0px;
				}
				
				
		




/*=================================================================== Machines ==*/

ul#benefits {
	list-style-image: url(../assets/framework/tick.gif);
	margin: 0px 0px 0px 50px;
	}
	ul#benefits li {
		color: #fff;
		font-size: 1.5em;
		margin-bottom: -.1em;
		}
		ul#benefits li span {
			color: #8bc0e5;
			font-size: .8em;
			display: block;
			padding-top: 1px;
			}

a.dl-datasheet:link, a.dl-datasheet:visited {
	background: url(../assets/framework/button-dl-datasheet-up.gif);
	width: 250px;
	height: 45px;
	display: block;
	text-indent: -5000px;
	}
	a.dl-datasheet:hover {background: url(../assets/framework/button-dl-datasheet-over.gif);}
	

.outlook-large {margin-top: 22px;}
/* Safari for Mac adjustment */
@media screen and (-webkit-min-device-pixel-ratio:0){.outlook-large {margin-top: 0px;}}

ul.outlook-links {
	width: 500px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 435px;
	right: 110px;
	z-index:100;
	float: left;
}
ul.outlook-links li {
	text-indent: -5000px;
	display: block;
	width: 80px;
	height: 240px;
	margin-right: 16px;
	float: left;
}
ul.outlook-links li a:link {
	display: block;
	width: 80px;
	height: 240px;
}



/* Machines Reliability */


body.threecol article.nomargin {margin-bottom: 0px;}

#mtbf {
	clear: both;
	width: 900px; 
	margin: 0px 0px 30px 35px !important;
}
img.reliable-outlook {padding: 55px 0px 0px 14px;}
img.reliable-450 {padding-left: 2px; padding-top: 138px;}




		
		
/*=================================================================== Drinks ==*/

p.drink-intro {
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid  #CCC;
}
dl.last {
	margin-bottom: 4em;
}
dl.rollup-last {
	margin-bottom: 4em;
}
dl.drink {
	float: left;
	width: 100%;
	}
	dl.drink dt {
		float: left;
		margin-right: 15px;
		}
		dl.drink dd.title {
			font-size: 1.4em;
			margin-bottom: .25em;
			}
			
			
/* Drinks Detail pages */

.drink-detail {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid  #CCC;
	float: left;
	width: 100%;
	}
	.last {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}
	.drink-detail p {line-height: 1.5em;}

.drink-detail .drinklabel {float: left; margin: 0px 10px 0px 0px;}
.drink-detail .nutrition {
	background: url(../assets/images/labels/calories-glutenfree.gif) no-repeat;
	width: 280px;
	height: 30px;
	position: relative;
	margin: 0px 0px 5px 140px;
	}
	.drink-detail .nutrition-gluten {
		background: url(../assets/images/labels/calories-gluten.gif) no-repeat;
		width: 280px;
		height: 30px;
		position: relative;
		margin-left: 140px;
		}
		.nutrition p.calories, .nutrition-gluten p.calories {
			font-weight: bold;
			font-size: .9em;
			position: absolute;
			top: 7px;
			left: 7px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			}
		    .nutrition p.gda, .nutrition-gluten p.gda {
				font-weight: bold;
				font-size: .9em;
				position: absolute;
				top: 2px;
				left: 46px;
		    	}
				.nutrition p.gda span, .nutrition-gluten p.gda span {font-size: .6em;}
				p.gda-disclaimer {font-size: .55em; color: #98c0e1;}
				.drink-detail p.disclaimer {clear: both; margin-left: 140px;}
				.mini-nutrition {
					background: url(../assets/images/labels/mini-nutrition-back.gif) no-repeat;
					width: 425px;
					height: 95px;
					}
					table.tbl-mininutrition {
						width: 405px;
						font-size: .6em;
						line-height: 1em;
						margin: 0px 10px;
						border: none;
						padding: 0px;
						}
						table.tbl-mininutrition thead {
							font-weight: bold;
							}
							table.tbl-mininutrition thead td {
								border-bottom: 1px solid #999;
								padding: 9px 0px;
								}
								table.tbl-mininutrition td {
									text-align: left;
									padding: 3px 0px;
									}
									table.tbl-mininutrition td.centre {
									text-align: center;
									}
									p.fullnutrition {font-size: .7em; margin-top: 8px;}
				
			
/* Nutritional Table */
table#tblNutrition {
	font-size: .6em;
	line-height: 1.2em;
	width: 900px;
	background-color: #FFF;
}
table#tblNutrition caption {
	text-align: left;
	font-size: 1.2em;
	margin-bottom: 1em;
}
table#tblNutrition td, table#tblNutrition th {
	padding: 8px 5px;
}
table#tblNutrition thead th {
	background-color: #dfdfdf;
}
table#tblNutrition thead th.datacol {
	width: 35px;
}
table#tblNutrition thead th.drink {
	width: 375px;
}

tr#heading-level1 th {
	background-color: #bcc5cc !important;
	}
	tr#heading-level1 th.shade {background-color: #99a8b2 !important;}
tr#heading-level3 th {
	text-align: center;
	padding: 5px 5px;
}
td.drink {font-size: 1.1em; font-weight: bold; text-align: left;}
tbody td {text-align: center;}
tr#head-coffee {background-color: #f6a924; color: #FFF; font-size: 1.7em; text-align: left !important;}
tr#head-coffee td,
tr#head-tea td,
tr#head-fairtrade td,
tr#head-cafestyle td,
tr#head-soups td,
tr#head-colddrinks td
	{text-align: left;}
	tr.coffee {background-color: #fdeed3;}
	td.coffee-shade {background-color: #fce0b0;}
tr#head-tea {background-color: #62b01e; color: #FFF; font-size: 1.7em;}
	tr.tea {background-color: #deeed4;}
	td.tea-shade {background-color: #c4e1b1;}
tr#head-fairtrade {background-color: #000; color: #FFF; font-size: 1.7em;}
	tr.fairtrade {background-color: #e5e5e5;}
	td.fairtrade-shade {background-color: #cecece;}
tr#head-soups {background-color: #f04b52; color: #FFF; font-size: 1.7em;}
	tr.soups {background-color: #fad6d7;}
	td.soups-shade {background-color: #f6b5b7;}
tr#head-cafestyle {background-color: #87132d; color: #FFF; font-size: 1.7em;}
	tr.cafestyle {background-color: #e7d0d5;}
	td.cafestyle-shade {background-color: #d4aab3;}
tr#head-colddrinks {background-color: #007fc4; color: #FFF; font-size: 1.7em;}
	tr.colddrinks {background-color: #e5f1f8;}
	td.colddrinks-shade {background-color: #cee4f2;}

			
		

		
		
/*=================================================================== News ==*/

/* news Filter */
body.news nav#secondary #title {width: 80px;}
body.news nav#secondary {width: 920px; margin-bottom: 15px;}
#newsfilter {
	margin: 0px 0px 40px 630px;
}
#newsfilter p {display: inline; font-size: .75em;}
#newsfilter select {margin-left: 5px;}
body.news nav#secondary ul {/*float: left; width: 820px;*/}

body.news nav#secondary li a:link, nav#secondary li a:visited {
			font-size: .7em;
			padding: 18px 0px 0px 8px;
		}



div.story {
	border-bottom: 1px dotted #c6c5c5;
	/*overflow: auto;*/
	padding-bottom: 10px;
	margin-bottom: 20px;
}
* + div.story {margin-top: 20px;}
div.dateblock {
	width: 40px;
	height: 46px;
	background: url(../assets/framework/dateblock.gif) no-repeat top center;
	padding-top: 3px;
	float: left;
	margin-right: 15px;
}
article div.dateblock p.month, article div.dateblock p.date {
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: -.3em;
	font-size: .7em;
}
article div.dateblock p.date {font-size: 1.1em;}
article p.newstitle a:link, article p.newstitle a:visited {
	border-bottom: none !important;
	font-size: 1.7em;
	line-height: .9em;
	font-weight: bold;
}
article p.newscategory {
	font-weight: bold;
	font-size: .7em;
	margin-bottom: .5em;
}
article p.newsintro {
	margin-bottom: 0px;
}
div.story img {
	margin-bottom: 15px;
	float: left;
	margin-right: 15px;
}


img.storyphoto {
	background: url(../assets/imagery/news/detail_shadow.jpg) no-repeat bottom center; 
	padding-bottom: 20px; 
	margin: 0px 0px 20px 20px;
	float: right;
}
#news-detail img.portrait {
	background: none;
	float: right;
	margin: 0px 0px 20px 20px;
}
#news-detail p.newstitle {
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1em;
}
#news-detail img {
	margin-bottom: 20px;
}


/* Pagination */

div.pagination {
	width: 580px;
	height: 40px;
	font-size: .9em;
	color: #999;
	margin-top: 20px;
	padding: 10px 0px 0px 10px;
	background: url(../assets/framework/pager-back.gif) no-repeat top left;
}
div.pagination p {float: left; margin: 5px 15px 0px 0px;}
input.gotopage {width: 30px; margin-right: 5px;}


/* Available downloads table */

#greypanel {
	background:  url(../assets/framework/download-back-bottom.gif) no-repeat bottom center;
	padding-bottom: 20px;
	margin: 20px 0px 20px 0px;
	position: relative;
}
#greypanel h6  {
	background: url(../assets/framework/download-back-top.gif)) no-repeat top center;
	font-size: .7em;
	color: #666;
	text-transform: uppercase;
	padding: 15px 0px 10px 20px;
}


table#tbl-downloads {
	background-color: #eee;
	border: 1px solid #cfcfcf;
	font-size: .75em;
	margin: 0px 0px 0px 20px;
	padding-bottom: 0px;
	width: 540px;
	border: 0px;
}
table#tbl-downloads td {
	padding: 6px 10px;
}
table#tbl-downloads thead td {
	background-color: #dedede;
	color: #919191;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
}
table#tbl-downloads tbody td {
	background-color: #fff;
	color: #919191;
}
td.downloadtitle {
	background: url(../assets/framework/icon_download.gif) no-repeat 2% 50%;
	padding-left: 30px !important;
	color: #333 !important;
}
td.downloadtitle span {
	color: #999;
	font-size: .85em;
}



/*=================================================================== Support ==*/

/* FAQs */

dl.faq {
	margin-bottom: 20px;
	border-bottom: 1px dotted #c6c5c5;
	padding-bottom: 15px;
	}
	dl.last {border-bottom: none !important; padding-bottom: 0px; margin-bottom: 0px;}
	dl.faq dt {
		font-size: .9em;
		line-height: 1.2em;
		font-weight: bold;
		margin-bottom: .5em;
		}
		dl.faq dd {
			font-size: .75em;
			line-height: 2em;
			background: url(../assets/framework/faq.png) no-repeat 0% 50%;
			padding-left: 22px;
			}
			dl.faq dd.morelink {background: none; font-size: .7em; padding-left: 0px; margin-top: 10px;}

dl.answer {
	margin-top: 20px;
	border-bottom: 1px dotted #c6c5c5;
	padding-bottom: 10px;
	}
	dl.answer dt {
		font-size: 1em;
		line-height: 1.2em;
		color: #93744d;
		font-weight: bold;
		margin-bottom: .5em;
		}
		dl.answer dd.ques, dl.answer dd.ans {font-size: .8em; line-height: 1.5em;}
		dl.answer dd.ques {
			color: #13202b;
			font-weight: bold;
			}
dl.answer dd.ques {
	background: url(../assets/framework/faq.png) no-repeat left 50%;
	padding-left: 22px;
}
dl.answer dd.ans {
	color: #585858;
	padding-left: 20px;
}


		
		
		
		
/*=================================================================== Contact Forms ==*/

fieldset {
	background: url(../assets/framework/fieldset-back-bottom.gif) no-repeat bottom center;
	padding: 0px 0px 20px 0px;
}
legend {
	background: url(../assets/framework/fieldset-back-top.gif) no-repeat top center;
	display: block;
	width: 100%;
	color: #0071b9;
	font-size: 1.3em;
	text-indent: 20px;
	padding: 20px 0px;
}
fieldset ul {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	list-style: none;
	background: url(../assets/framework/bevel-horizontal.gif) repeat-x top center;
}
fieldset li {
	margin-bottom: .5em;
}
ul li label {
	color:#4b4b4b;
	font-size: 1.2em;
	float: left;
	width: 100px;
	padding: 7px 0px;
	margin: 0px 0px 0px 20px;
}
label#label-contact, label#label-enquiry {
	width: 95%;
	display: block;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
fieldset input {
	padding: 7px;
	width: 410px;
	border: 1px solid #cecece;
	background-color: #FFF;
}
span.checkbox {
	display: block;
	margin-left: 117px;
	color: #0071b9;
	font-size: .8em;
}
input#chk-telephone, input#chk-visit, input#chk-brochure,
input#chk-outlook, input#chk-450, input#chk-notsure {
	width: auto;
	border: none;
	background-color: none;
}
textarea#enquiry {
	width: 410px;
	height: 100px;
	margin-left: 120px;
	padding: 7px;
	border: 1px solid #cecece;
	background-color: #FFF;
}
input.submit {
	width: 85px;
	height: 35px;
	margin-left: 115px;
	background-color: #f1f1f1;
	border: none;
}
input.required {
	background: url(../assets/framework/mandatory.gif) no-repeat top right;
	background-color: #FFF;
	border: 1px solid #cecece;
}
input:focus, textarea:focus {
	background-color: #eaf6ff;
}

p.form-disclaimer {margin-left: 120px;font-size: .7em;}
p.error {color: #900; font-size: .8em;}
select#noofpeople {
	padding: 5px;
	margin-bottom: 10px;
}






/*=================================================================== Floaters ==*/

/* Promotional wide floater */
.outlooks {
	position: absolute;
	top: 250px;
	right: 0px;
	z-index: 0;
}

/* Promotional wide floater */
#floater-promo {
	background: url(../assets/images/promo-floater-back.jpg) no-repeat;
	margin: 0px 0px 0px 35px;
	padding: 20px;
	height: 200px;
	}
	#floater-promo h4 {
		font-size: 1.6em;
		margin-bottom: .5em;
		color: #0071b9;
		padding-top: 10px;
		
		}
		#floater-promo p {
			color: #FFF;
			font-size: .75em;
			line-height: 1.4em;
			padding-right: 600px;
			margin-bottom: .5em;
		}
		
/* Changing World wide floater */
#floater-changingworld {
	background: url(../assets/images/changingworld-floater-back.jpg) no-repeat;
	margin: 0px 0px 0px 35px;
	height: 330px;
	}
	#floater-changingworld h4 {
		font-size: 1.6em;
		margin-bottom: .5em;
		color: #5a311d;
		padding: 30px 0px 0px 220px;
		font-weight: bold;
		
		}
		#floater-changingworld p {
			color: #45440b;
			font-size: 1em;
			line-height: 1.5em;
			padding: 0px 330px 0px 220px;
			margin-bottom: .5em;
		}
		
/* RFA side floater */
#floater-rfa {
	background: url(../assets/images/rfa-floater-back.jpg) no-repeat;
	margin: 0px 0px 0px 0px;
	height: 420px;
	}
	#floater-rfa h4 {
		margin-bottom: .5em;
		color: #09662e;
		padding: 115px 20px 0px 25px;
		font-weight: bold;
		line-height: 1.2em;
		}
		#floater-rfa p {
			color: #3a3a3a;
			font-size: .8em;
			line-height: 1.5em;
			padding: 0px 25px 0px 25px;
			margin-bottom: .5em;
		}
		
/* Sustainable drinks side floater */
#floater-sustainabledrinks {
	background: url(../assets/images/sustsainable-drinks.jpg) no-repeat;
	margin: 0px 0px 0px 0px;
	height: 270px;
	}
	#floater-sustainabledrinks h4 {
		margin-bottom: .5em;
		color: #09662e;
		padding: 110px 50px 0px 29px;
		font-weight: bold;
		line-height: 1.2em;
		}
		#floater-sustainabledrinks p {
			color: #3a3a3a;
			font-size: .75em;
			line-height: 1.5em;
			padding: 0px 20px 0px 30px;
			margin-bottom: .5em;
		}
		
		
		
.floater-engineer {
	background: url(../assets/images/engineer-back.jpg) no-repeat;
	width: 270px;
	height: 235px;
	}
	div.floater-engineer h4 {
		padding: 15px 80px 0px 15px;
		}
		div.floater-engineer p {
		padding: 0px 120px 0px 15px;
		color: #666;
		}




/* Generic left and right Floaters */

.side-floater {
	
}
.side-floater ul {
	list-style-image:url(../assets/framework/bullett-dotted-blue.gif);
	margin: 0px 0px 10px 50px;
}
aside.right .side-floater ul {
	list-style-image:url(../assets/framework/bullett-dotted-blue.gif);
	margin: 0px 0px 10px 15px;
}
.side-floater img.leftpad {margin-left: 35px;}
.side-floater img.rightpad {margin-right: 35px;}

.side-floater p.larger {
	font-size: 1em;
	line-height: 1.3em;
}
.side-floater p.telephone {
	font-size: 1.5em;
	line-height: 1.3em;
	color: #13202b;
	margin-bottom: .2em;
}



/* Dark Blue and Light Blue Floaters */

.aside-floater {width: 270px;}
aside.left .lightblue, aside.left .darkblue {margin-left: 35px;}

/* Light Blue floaters */
aside.right .lightblue, 
aside.left .lightblue {
	background: url(../assets/framework/floater-bottom-lightblue.gif) no-repeat bottom center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
aside.right .lightblue h4, 
aside.left .lightblue h4 {
	background: url(../assets/framework/floater-top-lightblue.gif) no-repeat top center;
	padding: 20px 20px 0px 20px;
	}
aside.right .lightblue p, 
aside.left .lightblue p {
	color: #13202b;
	padding: 0px 20px;
	margin-bottom: .5em;
	}


/* Dark Blue floaters */
aside.right .darkblue, 
aside.left .darkblue {
	background: url(../assets/framework/floater-bottom-darkblue.gif) no-repeat bottom center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
aside.right .darkblue h4, 
aside.left .darkblue h4 {
	background: url(../assets/framework/floater-top-darkblue.gif) no-repeat top center; color: #62b01e;
	padding: 20px 20px 0px 20px;
	}
aside.right .darkblue p, 
aside.left .darkblue p {
	color: #FFF;
	padding: 0px 20px;
	margin-bottom: .5em;
	}
	
.darkblue p.telephone {
	font-size: 1.5em;
	color: #8bc0e5 !important;
	margin-bottom: 0em !important;
}





/*=================================================================== Energy Calculator ==*/


div.calc_input {
	height: 270px;
	background: url(../assets/energycalc/calcinput_back.jpg) no-repeat;
	margin-bottom: 20px;
}
div.calc_input h3 {
	color: #FFF;
	font-size: 1em;
	line-height: 1.3em;
	padding: 50px 20px 10px 150px;
}
div.calc_input h4 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	color: #FFF;
	font-size: 1.4em;
	line-height: 1.3em;
	padding: 0px 20px 0px 150px;
}
div.calc_input p {
	color: #FFF;
	font-size: .8em;
	padding-left: 150px;
}
div.calc_input input.calculate_button {
	margin: 20px 0px 0px 435px;
}
div.calc_input input#machines {
	width: 60px;
	padding: 5px;
	margin-left: 15px;
}

#resultsdiv { 	
	top:-10000px;
  	left:-10000px;
  	position:relative;
	}
	#resultsdiv h3 {
	padding: 10px 20px 0px 20px;
	}
#resultsdiv p {
	padding: 0px 20px;
	}
div.calc_results {
	height: 330px;
	background: url(../assets/energycalc/calculate_results_back.jpg) no-repeat;
	margin-bottom: 10px;

	
}
div.calc_results h1 {
	color: #34469c;
	font-size: 1.5em;
	font-weight: bold;
	padding: 25px 0px 22px 25px;
}
div.calc_results h2 {
	color: #34469c;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	padding: 0px 25px 10px 23px;
}
div.calc_results h2 span {
	font-size: 1.7em;
	color: #55c138;
}

table#results {
	font-size: .75em;
	color: #34469c;
	font-weight: bold;
	margin: 0px 0px 15px 23px;
}
table#results thead td {
	border-bottom: 1px solid #999;
	text-align: center;
	padding: 2px 0px;
}
table#results thead span {
	color: #3687cd;
}
table#results td.cost {
	text-align: center;
	font-size: 1.7em;
}
table#results td.left {
	text-align: left;
	color: #333;
}
table#results .green {color: #55c138;}
table#results .orange {color: #f47a0a;}
table#results .red {color: #c10000;}
table#results tbody tr td {
	border-bottom: solid 1px #ccc;
	padding: 4px 0px;
}
#disc {position:relative; top:-10000px; left:-10000px;}
div.disclaimers p {
	margin: 0px 15px 10px 0px;
	font-size: .65em;
	line-height: 1.3em;
}

div.thirstyforchange {margin: -465px 0px 0px 0px;}
div.thirstyforchange img {float: left; margin-right: 10px;}
div.thirstyforchange p {color: #666; margin-bottom: 10px;}






/*=================================================================== Social Bookmarks ==*/

footer#bookmarks {
	border-top: 1px solid #CCC;
	width: 910px;
	height: 50px;
	margin: 20px 0px 0px 25px;
	position: relative;
}
footer#bookmarks p {
	position: absolute;
	right: 290px;
	bottom: 17px;
	font-size: .65em;
	text-transform: uppercase;
	font-weight: bold;
	color: #595959;
}
footer#bookmarks ul {
	position: absolute;
	right: 0px;
	bottom: 18px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
footer#bookmarks li {
	float: left;
	width: 45px;
	height: 30px;
	margin-right: 0px;
}
footer#bookmarks a {
	width: 45px;
	height: 30px;
	display: block;
	text-indent: -5000px;
}
	
a#share-stumble:link, a#share-stumble:visited {background: url(../assets/framework/social-sprite.gif) no-repeat 0px -30px;}
	a#share-stumble:hover {background: url(../assets/framework/social-sprite.gif) no-repeat 0px 0px;}
a#share-digg:link, a#share-digg:visited {background: url(../assets/framework/social-sprite.gif) no-repeat -45px -30px;}
	a#share-digg:hover {background: url(../assets/framework/social-sprite.gif) no-repeat -45px -0px;}
a#share-facebook:link, a#share-facebook:visited {background: url(../assets/framework/social-sprite.gif) no-repeat -90px -30px;}
	a#share-facebook:hover {background: url(../assets/framework/social-sprite.gif) no-repeat -90px -0px;}
a#share-reddit:link, a#share-reddit:visited {background: url(../assets/framework/social-sprite.gif) no-repeat -135px -30px;}
	a#share-reddit:hover {background:  url(../assets/framework/social-sprite.gif) no-repeat -135px -0px;}
a#share-delicious:link, a#share-delicious:visited {background: url(../assets/framework/social-sprite.gif) no-repeat -180px -30px;}
	a#share-delicious:hover {background: url(../assets/framework/social-sprite.gif) no-repeat -180px -0px;}
a#share-twitter:link, a#share-twitter:visited {background: url(../assets/framework/social-sprite.gif) no-repeat -225px -30px;}
	a#share-twitter:hover {background: url(../assets/framework/social-sprite.gif) no-repeat -225px -0px;}
		
		
		
		
		
/*=================================================================== Base Floaters ==*/

#floaters-top {
	background: url(../assets/framework/basefloaters/floaters-back-top.gif) no-repeat top center; height: 10px;}
#floaters-bottom {background: url(../assets/framework/basefloaters/floaters-back-bottom.gif) no-repeat bottom center; height: 10px; margin-bottom: 20px;}

section#basefloaters {
	width: 958px; /* Actual width 960px; */
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	background-color: #FFF;
}

section#basefloaters .floater {
	width: 239px;
	float: left;
	border-right: #d1d1d1 1px solid;
	z-index:5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	height: 230px;
}

section#basefloaters .floater h3, section#basefloaters .floater p {
	padding: 0px 0px;
}

section#basefloaters .last {border: none; margin-right: 0px; padding-right: 0px; width: 238px;}

section#basefloaters .floater h3 {
	font-family: TradeGothicLTStdRegular, arial, verdanda, sans-serif;
	color: #0071b9;
	font-size: 1.2em;
	line-height: 1.1em;
	letter-spacing: -1px;
	font-weight: lighter;
	margin-bottom: .65em;
	padding: 5px 15px 5px 20px;
}
section#basefloaters img.floatleft {
	margin-left: 20px;
}
section#basefloaters .floater p {
	font-size: .7em;
	line-height: 1.5em;
	margin-bottom: .3em;
	padding: 0px 12px 0px 17px;
}
div.floater p.quote-number {
	font-size: 1.3em !important;
	color: #000;
}

.floater p a {
	position: absolute;
	bottom: 5px;
	left: 20px;
	background: url(../assets/framework/dottedarrow-blue.gif) no-repeat left center;
	padding-left: 8px;
}


.floater a.quote:link, .floater a.quote:visited {
	display: block;
	width: 145px;
	height: 45px;
	background: url(../assets/framework/getaquote-up.gif) no-repeat bottom center;
	text-indent: -5000px;
	position: inherit;
	margin-bottom: 10px;
	padding-left: 0px;
}
.floater a.quote:hover {
	background: url(../assets/framework/getaquote-over.gif) no-repeat bottom center;
	}





/*=================================================================== Footer ==*/

/* Klix Footer */

footer#klix {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px #d8d8d8 solid;
	float: left;
	width: 960px;
}

footer#klix #klixlinks {
	float: left;
	width: 700px;
}

#klixlinks .column {
	
	float: left;
	margin-right: 50px;
}
#klixlinks .column h5 {
	font-size: .7em;
	text-transform: uppercase;
	color: #8f8f8f;
}
#klixlinks .column ul {
	font-size: .65em;
	line-height: 1.5em;
	margin: 5px 0px 0px 0px;
	list-style: none;
}
#klixlinks .column ul li {
	background: url(../assets/framework/dottedarrow-blue.gif) no-repeat left 50%;
	padding-left: 8px;
}
#klixlinks .column ul li a:link, #klixlinks .column ul li a:visited {
	color: #8f8f8f;
}
#klixlinks .column ul li a:hover {
	color: #62b01e;
}




footer#klix #twitter {
	width: 221px;
	float: right;
}

footer#klix #follow ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	font-size: .65em;
	line-height: 1.5em;
}
footer#klix #follow ul img {
	display: none;
}
p.validate {
	margin: 5px 0px 15px 0px;
}





/* Mars Footer */

footer#mars #marslinks {
	float: left;
	width: 720px;
	height: 35px;
	background: url(../assets/framework/footer/marsdrinks.gif) no-repeat left center;
	margin-bottom: 20px;
}
footer#mars #marslinks p {
	font-size: .65em;
	line-height: 1.5em;
	padding: 0px 0px 0px 100px;
}
#associates {
	background: url(../assets/framework/footer/associations.gif) no-repeat right center;
	width: 220px;
	height: 35px;
	float: right;
}





/*=================================================================== Hacks and Filters ==*/


.clearfix {clear: both;}
.clearfix20 {clear: both; height:20px; background-color: #eeeeee;}






/*=================================================================== Slider Styles ==*/


.anythingSlider                         { width: 960px; height: 250px; position: relative; margin: 0 auto 0px; }
.anythingSlider .wrapper                { width: 960px; overflow: auto; height: 250px; margin: 0px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 250px; width: 960px; margin: 0; position: relative;}
.anythingSlider .arrow                  { display: block; height: 250px; width: 67px; background: url(../assets/banners/homepage/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -250px; }
.anythingSlider .back:hover             { background-position: -67px -250px; }

#thumbNav                               { position: relative; top: 210px; left: 865px; width: 80px;} /* adjusted for Live */
#thumbNav a                             { 
color: #FFF;
font-size: .7em;
display: inline-block; 
padding: 0px 0px;
text-align: center;
height: 16px;
width: 16px;
margin: 0 10px 0 0; 
background: url(../assets/banners/homepage/pager-up.gif) no-repeat;
}
#thumbNav a:hover                       { background: url(../assets/banners/homepage/pager-over.gif) no-repeat; }
#thumbNav a.cur                         { background: url(../assets/banners/homepage/pager-over.gif) no-repeat; }

#start-stop                             { display: none;}
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#textslide {
	width: 960px;
	height: 250px;
}




/*=================================================================== 404 Page ==*/

body.pagenotfound article p.heading, body.thankyou article p.heading {margin-top: 30px;}
body.pagenotfound article p.intro404, body.thankyou article p.intro404 {padding: 0px 200px; text-align: center; }

ul#pagenotfound-links {
	margin: 40px 0px 0px 200px;
	padding: 0px;
	list-style: none;
}
ul#pagenotfound-links li {
	width: 95px;
	height: 120px;
	float: left;
	margin-right: 20px;
}
#pagenotfound-links li a {
	float: left; 
	width: 95px;
	height: 120px;
	display: block;
	text-indent: -5000px;
}
a#error-about:link, a#error-about:visited {
	background: url(../assets/images/404-nav.gif) no-repeat 0px 0px;}
	a#error-about:hover {background: url(../assets/images/404-nav.gif) no-repeat 0px -120px;}
a#error-machines:link, a#error-machines:visited {
	background: url(../assets/images/404-nav.gif) no-repeat -95px 0px;}
	a#error-machines:hover {background: url(../assets/images/404-nav.gif) no-repeat -95px -120px;}
a#error-drinks:link, a#error-drinks:visited {
	background: url(../assets/images/404-nav.gif) no-repeat -190px 0px;}
	a#error-drinks:hover {background: url(../assets/images/404-nav.gif) no-repeat -190px -120px;}
a#error-support:link, a#error-support:visited {
	background: url(../assets/images/404-nav.gif) no-repeat -285px 0px;}
	a#error-support:hover {background: url(../assets/images/404-nav.gif) no-repeat -285px -120px;}
a#error-contact:link, a#error-contact:visited {
	background: url(../assets/images/404-nav.gif) no-repeat -380px 0px;}
	a#error-contact:hover {background: url(../assets/images/404-nav.gif) no-repeat -380px -120px;}




/*=================================================================== Thank you Page ==*/

#thankyou-downloads {width: 340px; margin: 30px auto 0px;}
#dl-left {float: left; width: 340px;}
#dl-right {width: 340px;}
#dl-left p, #dl-right p {text-align: center;}






body.home section#maincontent {margin-top: 0px;}