/* ========================================================================================
KLIX.com: Main Style Sheet 
Version:1.5
Author: Raphael Marsh
Email: raf@energycell.co.uk
Website: http://www.energycell.co.uk
Date: 19 June 2007
=========================================================================================== */

/* Import Content
=========================================================================================== */
@import url(klix-content-style.css);


/* CLEARFIX
=========================================================================================== */
.clearfix,
.footer,
.product,
.holder,
.secondary-content ul,
.mainContent,
{
overflow:hidden;
}

/* ADD TAG NAME HERE TO REMOVE YOUR HEADER OFF THE SCREEN (Screen Reader -> accessibility)
=========================================================================================== */
.accessibility,
.feature one,
.LanguageSelectionLabel,
.hidevis
{
  position:absolute;
  top:0;
  left:-90000px;
  visibility:hidden;
  height:0;
  width:0;
}

/* Generic Elements
=========================================================================================== */
* {
  font-family:Arial, Verdana, sans-serif;
  line-height:1.4em;
  list-style:none;
  margin:0;
  padding:0;
}  
body {
  font-size:62.5%;
  background-color:#F9F8F3;
  /*background:#fff url(/klix-de/images/generic_img/generic_bg.gif) top repeat-y;*/
  list-style:none;
  behavior: url("/klix-de/csshover2.htc");
}

body .body_wrapper{
	background:#fff url(/klix-de/images/generic_img/generic_bg.gif) top repeat-y;
}

body.homepage .body_wrapper{
  /*background:#fff url(/klix-de/images/generic_img/homepage_bg.gif) top repeat-x;*/
}

body.article .body_wrapper{
  background:#fff url(/klix-de/images/generic_img/2_column_bg.gif) top no-repeat;
  margin:0;
}

.clear {
  clear:both;
}
h1 {
  /*font-size: 2.4em;*/
  font-size:100%;
  font-weight: normal;
}
h2 {
  /*font-size: 2.0em;*/
  font-size:100%;
  font-weight: normal;
}

h3,h4 {
	font-size:100%;
  	font-weight: normal;
}
.branding {
  height: 85px;
  width:937px;
  /*background:url(/klix-de/images/generic_img/klix_logo_main.gif) no-repeat;*/
}
.branding a {
  margin: 0;
  display:block;
  cursor:pointer;
}
.phone {
  width:40%;
  position:relative;
  float:right;
  top:20px;
  z-index:7;
  height:30px;
}
.phone p {
  float:right;
  font-size:1.4em;
  color:#828282;
  padding: 0 8px 0 0;
}
.phone p.number {
  font-size:1.4em;
  font-weight:bold;
  color:#fff;
}
img{
	border: none;
}

/* Structural
=========================================================================================== */
body {
  text-align: center; 
  min-width: 937px;
}
.wrapper {
  width: 937px; 
  margin: 0 auto; 
  text-align: left;
}
.mainNav { 
  float: left;
  list-style: none; 
}
.content { 
  width: 750px;
  float: right; 
}
.homepage-placeholder { /* Just for Matthew - homepage */
  float:none;
  width: 950px;
  height: 660px;
  text-align:center;
}

.homepage-toparea { /* new */
  width: 100%;
  background:#FFF url(/klix-de/images/generic_img/homepage_topblend.gif) bottom repeat-x;
  padding:16px 0 14px 0;
  margin:0;
  border:0;
}
.homepage-bottomarea { /* new */
  width: 100%;
  background:#FFF url(/klix-de/images/generic_img/homepage_botblend.gif) top repeat-x;
  padding:7px 0 24px 0;
  margin:0;
  border:0;
}

.homepage-toparea table,
.homepage-bottomarea table{
	/*border-collapse: collapse;*/
}

.homepage-toparea table td,
.homepage-bottomarea table td{
	padding: 0px;
	border: none;
}

.hp-img-fix{
	margin-bottom: -4px;
}


div.quick-tour { /* BUGFIX Firefox margin error */
  width:543px;
}
.quick-tour table {
  border-collapse:collapse;
  padding: 0;
  margin: 0;
}
.quick-tour table img{
  display:block;
  margin: 0 auto 0 auto;
}
.quick-tour table td {
  margin:auto;
}
.quick-tour .continue {
  margin:0;
}


.footer { 
  clear: both; 
} 
.floaters { 
  width: 171px;
  display: inline; /* :FUDGE: Fixes IE double margin float bug */
  float: right; 
  background: #f9f9f2;
} 
.mainContent { 
  width: 543px; 
  padding: 10px 0 20px 20px;
  margin: 0; 
  margin: 0px 0px 0px 184px;
  background:#FFFFFF url(/klix-de/images/generic_img/home_mainnav_bg.gif) left top repeat-y; 
}
.mainContent-2column { 
  width: 710px; 
  padding: 0 20px 20px 20px;
  margin: 0; 
  margin: 0px 0px 0px 184px;
  background:#FFFFFF url(/klix-de/images/generic_img/home_mainnav_bg.gif) left top repeat-y; 
}

/* Top Navigation
=========================================================================================== */
.navigation {
  width:65%;
  height:auto;
  position:relative;
  float:left;
  left: 112px;
  top:51px;
  list-style:none;
  z-index:4;
}
.navigation li {
  padding:0 0 8px 0;
}
.navigation li a {
  color:#89D1FF;
}
.navigation li a:hover {
  color:#FFF;
  text-decoration:none;
}
.navigation .Selected { /* NEW - Active topnav section */
  color:#FFF;
  text-decoration:none;
}
.nav ul { 
  padding: 0;     
  margin: 0;     
  list-style: none;
  z-index:13;
} 
.nav a {     
  display: block;     
} 
.nav li {  /* Headers */ 
  float: left;     
  margin-right:20px;
}
.nav li ul {     
  position: absolute;  
  top: 16px;     
  left: -999em;
  /*left: auto;
  display: none;*/
} 
.nav li:hover ul {     
  left: auto;
  /*display: block;*/
}
.nav UL{
  BORDER: #89D1FF 2px solid;
  background:#fff url(/klix-de/images/generic_img/float_menu_bg.gif) top right no-repeat;
  margin-top:9px;
}
.nav A {
  DISPLAY: block; 
  TEXT-DECORATION: underline;
}
.navigation .header {
  font-size:1.2em;
  font-weight:bold;
  border-left:1px dotted #7D7D7D;
}
.navigation .header a{
  padding:0 0 0 6px;
}
.navigation .category {
  padding:0 0 4px 0;
  float:none;
}
.navigation .category a {
  font-size:0.9em;
  color:#43AAEE;
}
.navigation .category a:hover {
  color:#43AAEE;
}
.navigation .section {
  padding:0 0 0 0;
  float:none;
}
.navigation .section a {
  line-height:1.6em;
  font-size:0.9em;
  color:#7A7A7A;
  font-weight:normal;
}
.navigation .section a:hover {
  color:#7A7A7A;
}
.navigation .final {
  padding:0 0 10px 0;
  float:none;
}
.navigation .final a {
  line-height:1.6em;
  font-size:0.9em;
  color:#7A7A7A;
  font-weight:normal;
}
.navigation .final a:hover {
  color:#7A7A7A;
}
.floatmenu1 { /*drop menu content column*/
  float:left;
  height:auto;
  position:relative;
  BORDER-RIGHT: #B9B9B9 1px dotted;
  margin:8px 0 10px 15px;
  padding-right:0px;
}
.floatmenu1b { /*drop menu content column*/
  float:left;
  width:auto;
  height:auto;
  BORDER-RIGHT: #B9B9B9 1px dotted;
  margin:8px 0 10px 15px;
  padding-right: 0px;
}
.floatmenu2 { /*drop menu content column end*/
  float:left;
  width:auto;
  height:100%;
  margin:8px 0 10px 15px;
  padding-right: 0px;
}
.submainnav li {
  float:right;
  background: url(/klix-de/images/generic_img/orange_arrow.gif) left no-repeat;
  padding-left:8px;
  font-size:1em;
  margin-right:1.2em;
}
.submainnav a {
  color:#fff;
  text-decoration:underline;
}
.submainnav li a:hover {
  text-decoration:none;
}

/* Section Navigation
=========================================================================================== */
.section-navigation {
  float:left;
  padding-top:15px;
  font-size:1.1em;
  width: 160px;
}
.section-navigation span p {
  padding-left:6px;
  padding-bottom:1px;
  font-weight:bold;
  color:#43AAEE;
  font-size:1.2em;
}
.section-navigation ul li a {
  color:#505050;
  display:block;
  width:160px;
  text-decoration:underline;
  padding-top:4px;
  padding-left:6px;
}
.section-navigation ul li.L1active a { /* for consistent nav */
  font-weight:bold;
  color:#43AAEE;
  text-decoration:underline;
  padding-bottom: 3px;
}
.section-navigation ul li.L1selected a { /* for consistent nav */
  font-weight:bold;
  color:#82b700;
  text-decoration:underline;
  padding-bottom: 3px;
}
.section-navigation ul li.L1selected a:hover { /* for consistent nav */
  color:#82b700;
}

.section-navigation ul li.L2active a {
  color:#43AAEE;
  padding-left:14px;
  padding-top:1px;
  background: url(/klix-de/images/generic_img/orange_arrow_level2.gif) no-repeat 0 50%;
}
.section-navigation ul li.L2active a:hover {
  color:#43AAEE;
}
.section-navigation ul li.L2selected a {
  font-weight:bold;
  color:#82b700;
  padding-bottom:3px;
  padding-left:14px;
  padding-top:1px;
  background: url(/klix-de/images/generic_img/orange_arrow_level2.gif) no-repeat 0 50%;
}
.section-navigation ul li.L2selected a:hover {
  color:#82b700;
}
.section-navigation ul li.L3active a {
  color:#43AAEE;
  font-size:0.9em;
  padding-left:20px;
  padding-top:1px;
  background: url(/klix-de/images/generic_img/level3_bullet.gif) no-repeat 0 50%;
}
.section-navigation ul li.L3active a:hover {
  color:#43AAEE;
}
.section-navigation ul li.L3selected a {
  font-weight:bold;
  color:#82b700;
  font-size:0.9em;
  padding-left:20px;
  padding-top:1px;
  background: url(/klix-de/images/generic_img/level3_bullet.gif) no-repeat 0 50%;
}
.section-navigation ul li.L3selected a:hover {
  color:#82b700;
}
.section-navigation ul li a:hover {
  color:#43AAEE;
  text-decoration:none;
}
.section-navigation .last {
  padding-bottom:20px;
}
.section-navigation .return {
  border-top:1px dotted #B9B9B9;
}
.section-navigation .secondarylinks {
  float:left;
  padding: 6px 0 20px 10px;
  font-size:1em;
}
.section-navigation .secondarylinks a {
  padding: 0 0 2px 7px;
  background: url(/klix-de/images/generic_img/orange_arrow.gif) left no-repeat;
  color:#429DD7;
  text-decoration:underline;
}
.section-navigation .secondarylinks a:hover {
  color:#429DD7;
  text-decoration:none;
}

/* Breadcrumb Trail
=========================================================================================== */
.breadcrumb {
  background:#FFF url(/klix-de/images/generic_img/breadcrumb_bg.gif) left bottom repeat-y;
  padding-left:2px;
  padding-top:4px;
}
.breadcrumb p {
  font-size:1.1em;
  color:#505050;
  height:26px;
}
.breadcrumb p a {
  color:#505050;
  text-decoration:underline;
  padding:0 0.5em;
}
.breadcrumb p a:hover {
  color:#838383;
  text-decoration:none;
}

/* Language Selector
=========================================================================================== */
.LanguageSelection {
  font-size:0.8em;
  color:#666666;
  width: 120px;
  height: 19px;
}
.de-DE {
  float:left;
  width:33px;
  height:21px;
  background:url(/klix-de/images/generic_img/German_flag.gif) left repeat;
}
.en-GB {
  float:left;
  width:33px;
  height:21px;
  background:url(/klix-de/images/generic_img/uk_flag.gif) left repeat;
}
.fr-FR {
  float:left;
  width:33px;
  height:21px;
  background:url(/klix-de/images/generic_img/french_flag.gif) left repeat;
}

/* My Clippings
=========================================================================================== */
.myclippings {
  padding: 16px 8px 10px 10px;
  background:url(/klix-de/images/floaters/floater_myclippings.gif) right no-repeat;
  width:150px;
  height:166px;
}
.myclippings a {
  display:block;
  text-decoration:none;
  text-indent:-3000px;
  overflow:hidden;
  width:150px;
  height:166px;
}

/* Left Floaters
=========================================================================================== */
.leftfloater1 {
  padding: 160px 0 10px 0px;
  background:url(/klix-de/images/floaters/callusnow.gif) right no-repeat;
  width:160px;
  height:63px;
}
.leftfloater1EC {
  padding: 160px 0 10px 0px;
  background:url(/klix-de/images/floaters/callusnowec.gif) right no-repeat;
  width:160px;
  height:63px;
}
.leftfloater1Flav400 {
  padding: 160px 0 10px 0px;
  background:url(/klix-de/images/floaters/callflavianow.gif) right no-repeat;
  width:160px;
  height:63px;
}

/* Right Hand Panel Stretchy Floaters
=========================================================================================== */
.cbb {
  background: #FFF;
  line-height: 170%;
}
/* Top Courners and Border */
.bt {
  background:url(/klix-de/images/generic_img/box.gif) no-repeat 100% 0;
  margin: 0 0 0 12px;
  height:4px;
}
.bt div {
  height:4px;
  width:12px;
  position:relative;
  left:-12px;
  background:url(/klix-de/images/generic_img/box.gif) no-repeat 0 0;
}
/* Bottom Courners and Border */
.bb {
  background:url(/klix-de/images/generic_img/box.gif) no-repeat 100% 100%;
  margin: 0 0 0 8px;
  height:2px
}
.bb div {
  height: 2px;
  width:8px;
  position:relative;
  left:-8px;
  background:url(/klix-de/images/generic_img/box.gif) no-repeat 0 100%;
}
/* Insert Left Border */
.i1 {
  margin-left:0;
  padding: 0 0 0 4px;
  background:url(/klix-de/images/generic_img/borders.gif) repeat-y 0 100%;
}
/* Insert Right Border */
.i2 {
  padding: 0 4px 0 0;
  background:url(/klix-de/images/generic_img/borders.gif) repeat-y 100% 0;
}
/* Wrapper for the content. For background colour and insert padding between the borders and the content. */
.i3 {
  background:#fff;
}  
.floaters p {
  font-size: 1.1em;
}
.floaters .one {
  padding: 10px 0 0 8px;
}
.floaters .two {
  padding: 10px 0 0 8px;
}
.floaters .three {
  padding: 10px 0 0 8px;
}

/* Articles
=========================================================================================== */
.titlearea-minibreak h1 {
  font-size:2.8em;
  padding-top:0.3em;
  padding-bottom:0.1em;
  color:#43AAEE;
}
.titlearea-minibreak p {
  font-size:1.2em;
  color:#666;
  padding-bottom:2.4em;
}
.titlearea-minibreak p strong{
  color:#F07300;
}
.article {
  /*padding-bottom:30px;*/
  border-bottom:1px dotted #B9B9B9;
  margin-top:15px;
  /*clear:both;*/
  height: 130px;
}
.article img {
  float:left;
  margin-right:12px;
  border:1px solid #DADADA;
  padding:1px;
  margin-bottom:10px;
}
.article h3 {
  font-size:1.2em;
  padding-bottom:0.5em;
  color:#666;
}
.article h3 a {
  color:#43AAEE;
}
.article h3 em { /* Time & Date */
  font-style:normal;
  font-weight:normal;
  padding-left:0.5em;
  font-size:0.9em;
}
.article p {
  font-size:1.2em;
  color:#666;
  margin:0 1em 0 0;
}
p.find-out-more {
  margin-top:14px;
  width:200px;
  float:none;
}
p.find-out-more a {
  width:300px;
  display:block;
  color:#43AAEE;
  font-weight:bold;
  background:url(/klix-de/images/articles_img/article_icon.gif) top right no-repeat;
}
p.download-document {
  float:left;
  margin-bottom:0;
}
.download-document-hidden
{
  visibility:hidden;
}
.download-document strong {
  display:block;
  float:left;
  color:#000;
  padding-right:10px;
}
.download-document a {
  display:block;
  font-weight:bold;
  color:#82b700;
  width:370px;
  text-decoration:underline;
}
.download-document a span {
  font-weight:normal;
  text-decoration:none;
}

/* Article Details
=========================================================================================== */
.article-details h2 {
  font-size:2.5em;
  padding-top:0.6em;
  padding-bottom:0.1em;
  padding-right:60px;
  border-bottom:1px dotted #B9B9B9;
  line-height:1em;
  position:inherit;
  color:#43AAEE;
  margin-bottom:0.6em;
}  
.article-details em {
  float:right;
  bottom:34px;
  right:4px;
  position:relative;
  color:#666;
  font-size:1.1em;
  font-style:normal;
}
.article-details img {
  float:left;
  left:0;
  top:5em;
  border:1px solid #DADADA;
  padding:1px;
}
.article-details .details {
  font-size:1.2em;
  padding-left:20px;
  min-height:250px;
  padding-top:0.2em;
}
.article-details .details p {
  color:#666;
  margin-bottom:1.5em;
}
.article-details .details li {
  color:#868686;
  margin-bottom:1em;
  padding-left:14px;
  background:url(/klix-de/images/articles_img/footer-bullet.gif) 0 0.5em no-repeat;
}
.article-details .back {
  margin-top:3em;
  float:none;
}
.article-details .back a {
  width:128px;
  display:block;
  width:200px;
  color:#43AAEE;
  font-weight:bold;
}
.article-details p.download-document {
  float:none;
  text-align:left;
  margin-bottom:24px;
}
.article-details .download-document strong {
  display:block;
  padding-bottom:2px;
}
.article-details .download-document a {
  width: 300px;
  display:block;
  float:left;
}
.article-details .download-document a span {
  font-weight:normal;
}

/* Bar Pagination
=========================================================================================== */
.bar {
  border:1px solid #DADADA;
  background-color:#F3F3F3;
  padding:3px 4px 4px 4px;
  /*clear:both;*/
  font-size:1.1em;
  height: 16px;
}
.bar.bottom {
  margin-top:24px;
}
.bar .pagination {
  width:40%;
  float:right;
  text-align:right;
  font-weight:bold;
  color:#43AAEE;
}
.bar p {
  color:#7B7B7A;
  font-weight:bold;
}
.bar .pagination p {
  display:inline;
  color:#43AAEE;
}
.bar .pagination ul {
  display:inline;
  padding-left:0.5em;
  color:#43AAEE;
} 
.bar .pagination ul li {
  display:inline;
  padding-right:0.5em;
}
.bar .pagination ul li a {
  color:#666;
}

/* Footer
=========================================================================================== */
.footer {
  width: 100%;
  background:#f9f8f3 url(/klix-de/images/generic_img/footer_bg.gif) top repeat-x; 
  font-size:1em;
}
.footer-wrapper {
  margin: 0 auto;
  width:944px;
  height: 150px;
  position: relative;
}
.footer-linkbox {
  align:left;
  float:left;
  width:60%;
  position:absolute;
  text-align:left;
  top: 31px;
  left: 10px;
}
.footer li {
  float:left;
  border-right:1px solid #9dcae5;
  padding-right:10px;
  margin-right:10px;
}
.footer li a {
  float:left;
  color: #429dd7;
  text-decoration:underline;
}
.footer li a:hover {
  color:#f1790a;
  text-decoration:none;
}
.footer p.copyright {
  color:#868886;
  padding-top:10px;
  padding-bottom:40px;
  background: url(/klix-de/images/generic_img/footer_logos.gif) bottom left no-repeat;
}
#footer ul a[href^="http:"] {
  background: url(/klix-de/images/generic_img/worldlink_icon.gif) no-repeat right top;
  padding-right: 10px;
  }
.footer ul .footerlast {
  border-right:none;
}
.detailsbox {
  position:absolute;
  float:right;
  width:222px;
  right:10px;
  top: 26px; 
  text-align:left;
  background: #eeece2;
}
.detailsbox .title1 {
  padding: 9px 10px 0 9px;
  color:#333333;
  background: #eeece2;
}
.detailsbox .address {
  padding: 0 10px 13px 9px;
  color:#848777;
}
.detailsbox .title2 {
  float:left;
  padding: 0 5px 12px 9px;
  color:#333333;
}
.detailsboxemail a {
  float:left;
  color:#429dd7;
  background: url(/klix-de/images/generic_img/textemail_icon.gif) no-repeat right top;
  padding-right: 9px;
  margin-right:7px;
}
.detailsboxemail a:hover {
  color:#f1790a;
  text-decoration:none;
}


/* Contact Page
=========================================================================================== */
div#contact-us{
	text-align: left;
}

	div#contact-us p{
		margin-bottom: 10px;
	}

	div#contact-us form{
		margin: 10px 0px 0px 0px;
	}
	
	div#contact-us .mandatory{
		color: #36A4ED;
		font-size:1.2em;
	}
	
	div#contact-us td.mandatory{
		vertical-align: top;
		width: 10px;
	}
	
	div#contact-us td.input-cell{
		width: 195px;
	}
	
	div#contact-us input.text-input{
		width: 195px;
	}
	
	div#contact-us td.error-cell{
		width: 190px;
	}
	
	div#contact-us textarea{
		width: 290px;
		height: 98px;
	}
	
	div#contact-us label.title-label{
		display: block;
		width: 125px;
	}
	
	div#contact-us label.error-label{
		font-size: 1em;
		color: #7B0B00;
		display: block;
		padding-left: 14px;
	}
	
	div#contact-us label.exclaimation{		
		background-image: url(img/exclaimation.gif);
		background-position: left center;
		background-repeat: no-repeat;
	}

	div#contact-us table{
		border-collapse: collpse;
		margin-bottom: 10px;
	}
	
		div#contact-us table td{
			padding: 0px;
			border: none;
			vertical-align: middle;
		}
		
	div#contact-us #top-error,
	div#contact-us #first-name-error,
	div#contact-us #last-name-error,
	div#contact-us #email-address-error,
	div#contact-us #company-name-error,
	div#contact-us #telephone-number-error,
	div#contact-us #address-info,
	div#contact-us #address-line-1-error,
	div#contact-us #city-town-error,
	div#contact-us #county-error,
	div#contact-us #post-code-error{
		display: none;
	}
	
	
	
/* Structural Fixes - Andrew Beekenn 23/05/2007
=========================================================================================== */
.branding {
	position: relative;
	background-image: url(/klix-de/images/generic_img/branding_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.branding span a {
	display: block;
	width: 94px;
	height: 47px;
	overflow: hidden;
	background:url(/klix-de/images/generic_img/klix_logo_main.gif) no-repeat;
	line-height: 1000;
	position: absolute;
	left: 0px;
	top: 0px;
}

.wrapper{
	background: url(/klix-de/images/generic_img/home_mainnav_bg_2.gif) 184px top repeat-y;
}

.phone{
	position: absolute;
	right: 0px;
	top: 20px;
}





/* Table Fix
=========================================================================================== */
.table_fix{
	border-collapse: collapse;
}

.table_fix td{
	padding: 0px;
}

.table_fix img{
	display: block;
	margin: 0px;
}




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

table.footer-wrapper {
  margin: 0 auto;
  width:944px;
  height: 150px;
  position: static;
}

td.footer-linkbox{
	float: none;
  text-align:left;
  padding-top: 31px;
  padding-left: 10px;
  position: static;
  width:722px;
}

td.footer-linkbox div{
  width:600px;
  text-align:left;
}

td.detailsbox{
  position:static;
  float:none;
  width:222px;
  padding-right:10px;
  padding-top: 26px;
  background:transparent none repeat scroll 0%;
}

td.detailsbox div{
  width:222px;
  text-align:left;
  background: #eeece2;
/*  background: #eeece2 url(/klix-de/images/generic_img/detailsbox_bot.gif) bottom no-repeat;*/
}



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

body.homepage .wrapper{
	margin: none;
	width: 100%;
	background: none;
}

body.homepage .branding{
	margin: auto;
}

table#homecopy {
	margin: 20px auto 0 auto;
}
table#homecopy h2 {
	font-size: 1.2em;
	margin-bottom: .5em;
	color: #298dcf;
}
table#homecopy h3 {
	font-size: 1.2em;
	margin-bottom: .5em;
	color: #000;
}
table#homecopy p {
	margin-bottom: .7em;
}


/* Nutritional Table
=========================================================================================== */

table#tblNutrition {
	font-size: 1.1em;
	line-height: 1.2em;
	width: 930px;
	background-color: #FFF;
	margin: 10px auto 0px auto;
}
table#tblNutrition caption {
	text-align: left;
	font-size: 1.5em;
	margin-bottom: .5em;
	color: #36A4ED;
}
table#tblNutrition caption span {
	font-size: .7em;
	margin-left: 30px;
}
table#tblNutrition td, table#tblNutrition th {
	padding: 5px 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 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#head-coffee {background-color: #e2001a; color: #FFF; font-size: 1.7em; text-align: left !important;}
	tr.coffee {background-color: #f9ccd1;}
	td.coffee-shade {background-color: #f4a3ac;}
tr#head-tea {background-color: #008035; color: #FFF; font-size: 1.7em;}
	tr.tea {background-color: #cce6d7;}
	td.tea-shade {background-color: #a3d2b7;}
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: #f4c90f; color: #FFF; font-size: 1.7em;}
	tr.soups {background-color: #fdf4cf;}
	td.soups-shade {background-color: #fbeba9;}
tr#head-cafestyle {background-color: #a05c07; color: #FFF; font-size: 1.7em;}
	tr.cafestyle {background-color: #ecdecd;}
	td.cafestyle-shade {background-color: #ddc4a5;}
tr#head-colddrinks {background-color: #053782; color: #FFF; font-size: 1.7em;}
	tr.colddrinks {background-color: #e6ebf2;}
	td.colddrinks-shade {background-color: #cfd9e7;}
	
	
	
	
	
/* Video Page
=========================================================================================== */

.wrapper-videopage {
	width: 930px;
	margin: 0 auto;
}

#video-wrapper {
	width: 533px;
	height: 301px;
	position: relative;
	background: url(../images/generic_img/video-back.gif) no-repeat top center;
	margin: 10px 0px;
}

#video {
	width: 516px;
	height: 290px;
	position: absolute;
	top: 3px;
	left: 3px;
	background-color: #FFF;
}

ul#video-nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul#video-nav li {
	margin-bottom: 10px;
}
ul#video-nav a.vid1:link, ul#video-nav a.vid1:visited {
	width: 171px; height: 146px; display: block;
	background: url(../images/generic_img/video1-up.gif) no-repeat;
	}
	ul#video-nav a.vid1:hover {
	background: url(../images/generic_img/video1-over.gif) no-repeat;
	}

ul#video-nav a.vid2:link, ul#video-nav a.vid2:visited {
	width: 171px; height: 146px; display: block;
	background: url(../images/generic_img/video2-up.gif) no-repeat;
	}
	ul#video-nav a.vid2:hover {
	background: url(../images/generic_img/video2-over.gif) no-repeat;
	}
	
ul#video-nav a.vid3:link, ul#video-nav a.vid3:visited {
	width: 171px; height: 146px; display: block;
	background: url(../images/generic_img/video3-up.gif) no-repeat;
	}
	ul#video-nav a.vid3:hover {
	background: url(../images/generic_img/video3-over.gif) no-repeat;
	}