/**
 * Common Stylesheet
 *
 * @author 		Zone
 * @email		info@zonecontent.com
 * @url 		http://www.zonecontent.com/
 * @copyright 	Copyright (c) 2009, zonecontent.com. All rights reserved.
 
 Global ****************/
* {
outline:0;
}

html,body {
background-color:#fff;
}

strong {
font-weight:700;
}

em {
font-style:italic;
}

.hide {
left:-999em;
position:absolute;
top:-999em;
}

p.external-link-note {
clear:both;
font-size:85% !important;
margin-top:15px;
padding-top:15px;
}


/* Layout ****************/
#page {
background:transparent url('../img/common/footer-bg.jpg') no-repeat 50% bottom;
font-family:Verdana, Sans-Serif;
width:100%;
}

#header {
background:#fff url('../img/common/header-bg.jpg') no-repeat 230px 0;
height:125px;
position:relative;
width:960px;
margin:0 auto;
}

#navigation {
background-color:#f70c17;
padding-top:6px;
width:100%;
}

#main {
overflow:hidden;
width:960px;
margin:0 auto;
padding:12px 0 0;
}

#content {
border-right:solid 1px #b3b3b3;
float:left;
margin-right:13px;
overflow:hidden;
position:relative;
width:706px;
padding:2px 12px 0 0;
}

#content.home {
width:635px;
}

#sidebar {
float:left;
width:228px;
}

#sidebar.home {
float:left;
width:298px;
}

#footer {
font-family:Arial, Helvetica, Sans-Serif;
width:960px;
margin:0 auto;
padding:292px 0 90px;
}

/* Links ***************
 http://meyerweb.com/eric/thoughts/2007/06/04/ordering-the-link-states/ */
a {
color:#000;
text-decoration:underline;
}

/* Headings ****************/
h1 {
color:#373232;
font-family:Helvetica, Arial, Sans-Serif;
font-size:277%;
margin-bottom:4px;
}

h2 {
color:#928d8b;
font-family:Helvetica, Arial, Sans-Serif;
font-size:167%;
margin-bottom:18px;
}

h2.home {
color:#373232;
font-family:Helvetica, Arial, Sans-Serif;
font-size:182%;
margin-bottom:2px;
}

h2.brand {
color:#373232;
font-size:197%;
margin-bottom:15px;
margin-top:25px;
}

h3 {
color:#1d1d1d;
font-family:Helvetica, Arial, Sans-Serif;
font-size:167%;
margin-bottom:10px;
}

h4 {
color:#161616;
font-family:Helvetica, Arial, Sans-Serif;
font-size:153.9%;
margin-bottom:10px;
}

/* Header ****************/
#header a.logo {
left:0;
position:absolute;
top:25px;
}

#header div.search {
position:absolute;
right:0;
text-align:right;
top:10px;
width:230px;
}

#header div.search a {
color:#626262;
display:inline-block;
font-size:85%;
margin-bottom:10px;
text-decoration:none;
}

#header div.search a:hover {
text-decoration:underline;
}

#header div.search a.country {
	background:transparent url('../img/common/flag.gif') no-repeat left 3px;
	padding-left:20px;
}

#header div.search div.text-size {
display:none;
}

#header div.search div.text-size a {
display:inline-block;
font-size:93%;
height:12px;
}

#header div.search div.text-size a.small {
background:transparent url('../img/common/glyph-text-size-small.png') no-repeat left top;
width:6px;
}

#header div.search div.text-size a.medium {
background:transparent url('../img/common/glyph-text-size-medium.png') no-repeat left top;
width:9px;
}

#header div.search div.text-size a.large {
background:transparent url('../img/common/glyph-text-size-large.png') no-repeat left top;
width:10px;
}

/* Navigation ****************/
#navigation ol {
margin:0 auto;
left:13px;
position:relative;
width:986px;
}

#navigation ol li a {
color:#fff;
font-family:Arial,Helvetica,Sans-Serif;
font-weight:700;
text-decoration:none;
}

#navigation ol li.active a {
color:#ffdfdf;
}

#navigation ol li ol li a {
font-weight:400;
}

#navigation ol.java {
height:32px;
position:relative;
overflow:visible;
z-index:100;
}

#navigation ol.java li.top {
border-right:solid 1px #ffc2c2;
float:left;
font-size:16px;
height:26px;
position:relative;
padding:0 16px;
}

#navigation ol.java li.top a {
color:#fff;
display:block;
line-height:26px;
text-decoration:none;
}

#navigation ol.java li.active {
background:transparent url('../img/common/nav-active-bg.gif') no-repeat left top;
border-right:none;
color:red;
height:32px;
padding:0 0 0 17px;
}

#navigation ol.java li.active a {
background:transparent url('../img/common/nav-active-bg.gif') no-repeat right top;
border-right:none;
color:red;
line-height:32px;
padding:0 16px 0 0;
}

#navigation ol.java li:hover {
background:transparent url('../img/common/nav-hover-bg.gif') no-repeat left top;
border-right:none;
height:32px;
padding:0 0 0 17px;
}
#navigation ol.java li.hover {
background:transparent url('../img/common/nav-hover-bg.gif') no-repeat left top;
border-right:none;
height:32px;
padding:0 0 0 17px;
}

#navigation ol.java li:hover a {
background:transparent url('../img/common/nav-hover-bg.gif') no-repeat right top;
border-right:none;
color:red;
line-height:32px;
padding:0 17px 0 0;
}
#navigation ol.java li.hover a {
background:transparent url('../img/common/nav-hover-bg.gif') no-repeat right top;
border-right:none;
color:red;
line-height:32px;
padding:0 17px 0 0;
}


#navigation ol.java li.small a {
padding:0 16px 0 0;
}
#navigation ol.java li.smaller a {
padding:0 15px 0 0;
}

#navigation ol.java li.no-subnav {
background:transparent url('../img/common/nav-active-bg.gif') no-repeat left top;
}

#navigation ol.java li.no-subnav a {
background:transparent url('../img/common/nav-active-bg.gif') no-repeat right top;
}

#navigation ol.java li.top ol {
display:none;
left:0;
position:absolute;
top:32px;
width:auto;
z-index:50;
}

#navigation ol.java li:hover ol {
background-color:#fff;
display:block;
}
#navigation ol.java li.hover ol {
background-color:#fff;
display:block;
}

#navigation ol.java li.top ol li {
background:none;
background-color:#f8e6e6;
border:none;
border-bottom:solid 1px #fff;
border-top:solid 1px #f8e6e6;
display:block;
font-size:11px;
height:auto;
position:relative;
padding:0;
}

#navigation ol.java li.top ol li.subnav {
background:#f8e6e6 url('../img/common/subnav-indicator.gif') no-repeat 97% 0;
}

#navigation ol.java li.top ol li:hover {
background-color:#fcc;
background-position:97% -73px;
border-bottom:solid 1px #fff;
border-top:solid 1px #fcc;
}
#navigation ol.java li.top ol li.hover {
background-color:#fcc;
background-position:97% -73px;
border-bottom:solid 1px #fff;
border-top:solid 1px #fcc;
}

#navigation ol.java li.top ol li a {
background:none;
color:#222;
display:block;
font-family:Verdana,Sans-Serif;
line-height:normal;
white-space:nowrap;
padding:4px 15px 5px 17px;
}

#navigation ol.java li.top ol li ol {
border-left:solid 1px #fff;
display:none;
left:100%;
top:-1px;
}

#navigation ol.java li.top ol li ol li {
background-color:#fcc;
border-bottom:solid 1px #fff;
border-top:solid 1px #fcc;
font-size:100%;
}

#navigation ol.java li.top ol li ol li a {
padding:4px 10px 5px;
}

#navigation ol.java li.top ol li ol li a:hover {
color:#ed2024;
}

#navigation ol.java li.top ol li:last-child {
border-bottom:none;
}

/* Breadcrumb ****************/
#breadcrumb {
color:#5d5d5d;
font-size:93%;
padding-bottom:12px;
}

#breadcrumb a {
color:#5d5d5d;
}

#breadcrumb span {
padding:0 3px;
}

/* Share links ****************/
ul.share-links {
font-size:77%;
overflow:hidden;
}

ul.share-links li {
display:inline;
padding-right:6px;
}

ul.share-links li a {
display:inline-block;
line-height:18px;
padding-left:20px;
color:#222;
text-decoration:none;
}

ul.share-links li a.share {
background:#fff url('../img/common/sprite-share.gif') no-repeat 0 0;
}

ul.share-links li a.email {
background:#fff url('../img/common/sprite-share.gif') no-repeat 0 -19px;
}

ul.share-links li a.print {
background:#fff url('../img/common/sprite-share.gif') no-repeat 0 -38px;
display:none;
}

/* Footer ****************/
#footer ul.share-links {
margin-bottom:20px;
padding-bottom:18px;
}

#footer ul.links {
font-size:93%;
margin-bottom:8px;
overflow:hidden;
}

#footer ul.links li {
border-right:solid 1px #5d5d5d;
display:inline;
margin-right:8px;
padding-right:8px;
}

#footer ul.links li a:hover {
color:red;
text-decoration:underline;
}

#footer p {
color:#7d7a7a;
font-size:93%;
margin-top:20px;
}

/* Main - Pill links ****************/
#main a.pill-button {
background:transparent url('../img/common/pill-button-left.png') no-repeat left top;
display:inline-block;
height:29px;
padding-left:23px;
text-decoration:none;
}

#main a.pill-button span.container {
background:transparent url('../img/common/pill-button-right.png') no-repeat right top;
display:inline-block;
height:29px;
padding-right:6px;
}

#main a.pill-button span.container span {
background-color:#fff;
display:inline-block;
font-weight:700;
height:23px;
padding:6px 4px 0 0;
}

#main a.pill-button-white {
background:#fff url('../img/common/pill-button-left.gif') no-repeat left top;
display:inline-block;
font-weight:700;
height:26px;
padding-left:19px;
text-decoration:none;
}

#main a.pill-button-white span {
background:#fff url('../img/common/pill-button-right.gif') no-repeat right top;
display:inline-block;
height:22px;
padding:4px 8px 0 0;
}

#content img.article-leader {
padding-bottom:15px;
}

#content div.content {
float:left;
/* position:relative; */
width:497px;
}

#content div.content p {
color:#222;
font-size:100%;
line-height:153.9%;
margin-bottom:15px;
padding-right:12px;
}

#content div.content p.caption {
display:none;
font-size:93%;
font-weight:700;
margin-bottom:20px;
}

#content div.content p.quote {
color:#ff1f1f;
font-family:Helvetica, Arial, Sans-Serif;
font-size:182%;
line-height:123.1%;
margin-bottom:20px;
position:relative;
width:400px;
padding:5px 0 0 50px;
}

#content div.content p.did-you-know {
padding:5px 0 0 0px;
}

#content div.content p.quote span {
background:#fff url('../img/common/sprite-article.gif') no-repeat left top;
display:block;
height:32px;
left:0;
position:absolute;
text-indent:-999em;
top:0;
width:42px;
}

#content div.content p a.download {
background:#fff url('../img/common/sprite-article.gif') no-repeat 0 -32px;
color:#222;
display:inline-block;
font-size:117%;
font-weight:700;
line-height:19px;
padding-left:17px;
text-decoration:none;
}

#content div.content p span.stop {
background:#fff url('../img/common/sprite-article.gif') no-repeat 0 -51px;
display:inline-block;
height:11px;
position:relative;
top:8px;
text-indent:-999em;
width:11px;
}

#content div.content p.image {
overflow:hidden;
position:relative;
width:485px;
}

#content div.content p.image img {
float:left;
margin-right:15px;
}

#content div.content p.image span {
display:block;
float:left;
width:335px;
}

#content ul.bullet li, #content div.content ul.bullet li {
list-style-type:disc;
margin-left:20px;
padding-bottom:3px;
}

#content div.content ol.numbered li {
list-style-type:decimal;
margin-left:28px;
padding-bottom:3px;
}

#content div.content img.article-image {
margin-bottom:5px;
}

#content div.flash-panel {
padding-bottom:15px;
}

#content div.content div.text-wrap {
overflow:hidden;
}

#content div.content div.text-wrap img.article-image {
float:left;
padding-right:10px;
}

#content div.content div.text-wrap p.caption {
clear:both;
margin-bottom:30px;
}

#content div.content object {
display:block;
margin:15px 0;
}

#content a.top-link {
color:#303030;
font-size:93%;
}

#content a.top-link:hover {
color:red;
font-size:93%;
}

/* Content - Related links ****************/
#content div.related-links {
background:#ffdfdf url('../img/common/panel-181-pink-top.gif') no-repeat left top;
color:#222;
float:right;
/* position:relative; */
width:181px;
padding:12px 0 0;
}

#content div.related-links h4 {
color:red;
margin-bottom:0;
}

#content div.related-links div.panel {
background-color:#ffdfdf;
padding:0 12px 5px;
}

#content div.related-links div.panel div {
padding:12px 0 3px;
}

#content div.related-links div.border {
border-bottom:solid 1px #b49e9e;
}

#content div.related-links div h5 {
border-bottom:solid 1px #222;
font-family:Helvetica, Arial, Sans-Serif;
font-size:100%;
font-weight:700;
margin-bottom:8px;
padding-bottom:2px;
}

#content div.related-links div.panel div.details {
background-color:#ffefef;
border-bottom:solid 1px #b49e9e;
border-top:solid 1px #b49e9e;
padding:10px 8px 2px;
}

#content div.related-links ul li {
border-bottom:dotted 1px #776836;
font-size:85%;
margin-bottom:6px;
padding-bottom:6px;
}

#content div.related-links ul li:last-child {
border-bottom:none;
padding-bottom:0;
}
#content div.related-links ul li.last-child {
border-bottom:none;
padding-bottom:0;
}

#content div.related-links ul li a:hover {
color:#e00b00;
text-decoration:underline;
}

/* Content - Arrow links ****************/
#content a.arrow-left,#sidebar a.arrow-left {
background:transparent url('../img/common/sprite-arrows.gif') no-repeat left -45px;
display:inline-block;
font-weight:700;
line-height:13px;
padding-left:13px;
text-decoration:none;
}

#content a.arrow-right {
background:transparent url('../img/common/sprite-arrows.gif') no-repeat right -32px;
display:inline-block;
font-size:93%;
font-weight:700;
line-height:13px;
padding-right:13px;
text-decoration:none;
}

/* Content - Related gallery ****************/
#content div.related-gallery {
background:#fff url('../img/common/panel-497-top.gif') no-repeat left top;
border-bottom:solid 1px #b3b3b3;
margin-bottom:18px;
padding-top:6px;
}

#content div.related-gallery div.panel {
background:#fff url('../img/common/panel-497-bg.gif') repeat-y left top;
padding:0 4px 1px;
}

#content div.related-gallery div.panel div.image,#content div.related-gallery div.panel ul {
position:relative;
top:-2px;
}

#content div.related-gallery div.panel ul {
height:57px;
width:488px;
}

#content div.related-gallery div.panel ul li {
float:left;
height:57px;
padding-right:2px;
position:relative;
}

#content div.related-gallery div.panel ul li span.indicator {
background:transparent url('../img/common/glyph-related-gallery-indicator.png') no-repeat left top;
display:block;
height:11px;
left:49px;
position:absolute;
top:-14px;
width:21px;
}

/* Content - Nutritional info ****************/
#content div.nutritional-info {
/* background:#fff url('../img/common/panel-497-top.gif') no-repeat left top; */
margin-bottom:20px;
padding-top:6px;
}

#content div.nutritional-info table tr {
border-left:1px solid #b3b3b3;
}

#content div.inner-container div.nutritional-info table tr {
border-left:none;
}

#content div.nutritional-info div.panel span {
color:#222;
font-size:93%;
font-weight:700;
}

#content div.nutritional-info div.panel select {
color:#222;
font-size:93%;
vertical-align:middle;
}

#content div.nutritional-info div.panel div.show {
float:left;
width:235px;
padding:6px 0 0 10px;
}

#content div.nutritional-info div.panel div.amount {
display:none;
float:right;
text-align:right;
width:235px;
padding:6px 10px 0 0;
}

#content div.nutritional-info div.panel table {
clear:both;
margin-top:12px;
width:497px;
}

#content div.nutritional-info div.panel table th {
background-color:#373232;
border-bottom:solid 1px #cac5c4;
border-right:solid 1px #757373;
border-top:solid 1px #cac5c4;
color:#fff;
font-size:93%;
font-weight:700;
vertical-align:top;
padding:6px 4px 6px 6px;
}

#content div.nutritional-info div.panel table td {
border-bottom:solid 1px #b3b3b3;
border-right:solid 1px #b3b3b3;
color:#585656;
font-size:85%;
font-weight:700;
vertical-align:top;
padding:6px 4px 6px 6px;
}

#content div.nutritional-info div.gda p {
color:#222;
float:left;
font-family:Arial,helvectica,sans-serif;
font-size:93%;
padding-top:5px;
width:124px;
}

#content div.nutritional-info div.ingredients p {
color:#222;
font-size:93%;
}

#content div.inner-container div.nutritional-info div.ingredients {
border-bottom:none;
border-right:1px solid #ffdfdf;
margin-left:-1px;
}

/* #content div.inner-container div.nutritional-info div.ingredients p { */
/* margin-bottom:3px; */
/* } */

#content p.nutritional-links {
padding-bottom:25px;
}

#content p.nutritional-links a {
color:#524d4d;
}

/* Content - FAQs landing ****************/
#content ol.faqs-landing {
overflow:hidden;
width:706px;
}

#content ol.faqs-landing li {
float:left;
margin-bottom:32px;
padding-right:45px;
width:330px;
}

#content ol.faqs-landing li h3 {
border-bottom:solid 1px #b3b3b3;
color:#646464;
margin-bottom:18px;
padding-bottom:8px;
}

#content ol.faqs-landing li ol li {
float:none;
font-size:93%;
margin-bottom:18px;
padding-right:0;
width:315px;
}

#content ol.faqs-landing li ol li a {
border-bottom:solid 1px #B3B3B3;
line-height:131%;
text-decoration:none;
}

#content ol.faqs-landing li ol li a:hover {
border-bottom:solid 1px red;
}

/* Content - FAQs ****************/
#content ol.faqs {
margin-top:15px;
}

#content ol.faqs li {
font-size:93%;
margin-bottom:30px;
/* margin-right:60px; */
width:560px;
}

#content ol.faqs ul {
margin-bottom:10px;
}

#content ol.faqs ul li {
font-size:100%;
margin-bottom:4px;
}
/* Content - Accessibility ****************/
#content table.access td {
padding:3px 10px 3px 0;
}

#content div.landing-hero div.text {
background:transparent url('../img/common/landing-hero-top.png') no-repeat left top;
left:30px;
padding-top:41px;
position:absolute;
top:15px;
width:325px;
}

#content div.landing-hero div.text div.panel {
background:transparent url('../img/common/landing-hero-bottom.png') no-repeat left bottom;
margin-bottom:-15px;
padding-bottom:32px;
width:325px;
}

#content div.landing-hero div.text div.panel div {
background:transparent url('../img/common/bg-red.png') repeat left bottom;
padding:5px 20px;
}

#content div.landing-hero div.text div.panel div h1,#content div.landing-hero div.text div.panel div h2 {
color:#fff;
font-size:231%;
line-height:100%;
margin-bottom:0px;
width:auto;
}

#content div.landing-hero div.text div.panel div p {
color:#fff;
font-size:146%;
margin-bottom:10px;
}

#home div.landing-hero div.text {
background:transparent url('../img/common/home-hero-top.png') no-repeat left top;
left:30px;
padding-top:42px;
position:absolute;
top:15px;
width:349px;
}

#home div.landing-hero div.text div.panel {
background:transparent url('../img/common/home-hero-bottom.png') no-repeat left bottom;
margin-bottom:-15px;
padding-bottom:32px;
width:349px;
}

#home div.landing-hero div.text div.panel div {
background:transparent url('../img/common/bg-red.png') repeat left bottom;
padding:10px 20px 15px;
}

#home div.landing-hero div.text div.panel div h1,#home div.landing-hero div.text div.panel div h2 {
color:#fff;
font-size:231%;
margin-bottom:0px;
width:auto;
}

#home div.landing-hero div.text div.panel div p {
color:#fff;
font-size:146%;
margin-bottom:15px;
}

/* Home - Carousel ****************/
#home {
	height:467px;
	position:relative;
}
#carousel {
background-color:#fff;
width:960px;
}

#carousel ul {
background-color:#fff;
padding-left:40px;
width:920px;
}

#carousel ul li {
cursor:pointer;
display:inline;
float:left;
margin:0 5px 5px 0;
}

#carousel div.container ul li a {
cursor:pointer;
display:block;
height:124px;
position:relative;
text-decoration:none;
width:212px;
}

#carousel div.container ul li a span {
background:transparent url('../img/common/carousel-text-bg.png') no-repeat left top;
bottom:0;
color:#fff;
cursor:pointer;
font-size:123.1%;
height:19px;
left:0;
position:absolute;
text-decoration:none;
width:196px;
padding:8px;
}

#carousel div.container ul li a.active span, 
#carousel div.container ul li a:hover span {
background-position:left bottom;
}

#carousel.java {
background:transparent url('../img/common/home-carousel-bg.png') no-repeat left top;
bottom:25px;
height:124px;
overflow:hidden;
position:absolute;
width:946px;
padding:7px;
}

#carousel.java span.button {
cursor:pointer;
display:block;
float:left;
height:124px;
width:39px;
-webkit-user-select:none;
}

#carousel.java span.left {
background:transparent url('../img/common/carousel-left.gif') no-repeat left top;
}

#carousel.java span.right {
background:transparent url('../img/common/carousel-right.gif') no-repeat left top;
}

#carousel.java div.container {
float:left;
display:block;
overflow:hidden;
padding-left:2px;
position:relative;
width:864px;
}

#carousel.java div.container ul {
overflow:hidden;
padding-left:0;
position:relative;
width:3000px;
}

#carousel.java div.container ul li {
display:inline;
float:left;
margin-right:5px;
}

/* Home - Containers ****************/
#content div.home-container {
float:left;
margin-bottom:25px;
width:308px;
}

#content div.home-container-left {
margin-right:17px;
}

#content div.home-container div.home-panel {
margin-bottom:7px;
position:relative;
width:308px;
}

#content div.home-container div.home-panel a.tab,#content div.landing-news a.tab,#content div.landing-tools a.tab {
background:transparent url('../img/common/image-tab-bg.png') no-repeat right top;
color:#fff;
font-size:123.1%;
left:0;
line-height:24px;
position:absolute;
top:15px;
padding:0 10px 0 6px;
}
#content div.home-container div.home-panel a.tab:hover,#content div.landing-news a.tab:hover,#content div.landing-tools a.tab:hover {
background-position:right bottom;
}

#content div.home-container div.home-panel a {
color:#1D1D1D;
text-decoration:none;
}

#content div.home-container div.home-panel a:hover {
color:red;
text-decoration:none;
}

#content div.home-container div.home-panel a span.link {
display:block;
font-size:167%;
border-color:#B3B3B3;
border-style:none solid;
border-width:1px 1px 0;
padding:15px 17px 7px;
}

#content div.home-container div.home-panel p {
border-right:1px solid #B3B3B3;
color:#646464;
border-color:#B3B3B3;
border-style:none solid solid;
border-width:0 1px 1px;
padding:0 17px 20px;
}

/* Add this overrides ****************/
#content div.home-container div.panel {
background:#fff url('../img/common/panel-308-white-top.gif') no-repeat left top;
border-bottom:solid 1px #B3B3B3;
margin-bottom:7px;
padding-top:12px;
width:308px;
}

#content div.home-container div.panel ol {
background:#fff url('../img/common/panel-308-white-bg.gif') repeat-y left top;
width:288px;
padding:10px 10px 12px;
}

#content div.home-container div.panel ol li {
border-bottom:dotted 1px #373232;
margin-bottom:15px;
}

#content div.home-container div.panel ol li:last-child {
border-bottom:none;
margin-bottom:0;
}
#content div.home-container div.panel ol li.last-child {
border-bottom:none;
margin-bottom:0;
}

#content div.home-container div.panel ol li:last-child a {
border-bottom:none;
margin-bottom:0;
padding-bottom:5px;
}
#content div.home-container div.panel ol li.last-child a {
border-bottom:none;
margin-bottom:0;
padding-bottom:5px;
}

#content div.home-container div.panel ol li a {
color:#222;
display:block;
font-size:93%;
padding-bottom:15px;
}

#content div.home-container div.panel ol li a.bullet {
background-color:#fff;
background-position:6px top;
background-repeat:no-repeat;
padding-left:38px;
}

#content div.home-container div.panel ol li a.bullet-1 {
background-image:url('../img/common/glyph-chart-number-1.png');
}

#content div.home-container div.panel ol li a.bullet-2 {
background-image:url('../img/common/glyph-chart-number-2.png');
}

#content div.home-container div.panel ol li a.bullet-3 {
background-image:url('../img/common/glyph-chart-number-3.png');
}

#content div.home-container div.panel ol li a.bullet-4 {
background-image:url('../img/common/glyph-chart-number-4.png');
}

#content div.home-container div.panel ol li a.bullet-5 {
background-image:url('../img/common/glyph-chart-number-5.png');
}

#content div.home-container a.arrow-left,
#content div.landing-container a.arrow-left {
color:#5d5d5d;
float:right;
font-size:93%;
font-weight:normal;
margin-bottom:15px;
}

#content div.home-container a.arrow-left:hover {
color:red;
text-decoration:none;
}

/* Joe Asher edits below */
/* Content - Products Homepage ****************/
.no-border {
border:none !important;
}

#content div.brands-container {
background:#fff url('../img/common/panel-705-white-bg.gif') repeat-y;
height:765px;
width:705px;
}

#content div.brands-bottom {
background:url('../img/common/panel-705-white-bottom.gif') no-repeat;
clear:both;
height:8px;
position:relative;
top:-2px;
width:705px;
}

#content ul.brands {
background:url('../img/common/panel-705-white-top.jpg') no-repeat;
height:753px;
padding:6px 6px 0;
}

#content ul.brands li {
float:left;
height:123px;
margin-bottom:3px;
margin-right:3px;
width:171px;
}

#content ul.brands li a {
display:table-cell;
vertical-align:middle;
height:123px;
font-family:Helvetica,Arial,sans;
font-size:108%;
font-weight:700;
text-decoration:none;
width:171px;
}

#content ul.brands li a:hover {
background-position:0 -123px !important;
color:#fff;
padding-left:20px;
padding-right:18px;
width:133px;
}

#content ul.brands li a.brand-1 {
background:#fff url('../img/products-homepage-001.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-2 {
background:#fff url('../img/products-homepage-002.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-3 {
background:#fff url('../img/products-homepage-003.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-4 {
background:#fff url('../img/products-homepage-004.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-5 {
background:#fff url('../img/products-homepage-005.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-6 {
background:#fff url('../img/products-homepage-006.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-7 {
background:#fff url('../img/products-homepage-007.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-8 {
background:#fff url('../img/products-homepage-008.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-9 {
background:#fff url('../img/products-homepage-009.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-10 {
background:#fff url('../img/products-homepage-010.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-11 {
background:#fff url('../img/products-homepage-011.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-12 {
background:#fff url('../img/products-homepage-012.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-13 {
background:#fff url('../img/products-homepage-013.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-14 {
background:#fff url('../img/products-homepage-014.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-15 {
background:#fff url('../img/products-homepage-015.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-16 {
background:#fff url('../img/products-homepage-016.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-17 {
background:#fff url('../img/products-homepage-017.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-18 {
background:#fff url('../img/products-homepage-018.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-19 {
background:#fff url('../img/products-homepage-019.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-20 {
background:#fff url('../img/products-homepage-020.jpg') no-repeat 0 0;
}

#content ul.brands li a.brand-21 {
background:#fff url('../img/products-homepage-021.jpg') no-repeat 0 0;
}

#content ul.brands li a span {
color:#fff;
background:url('../img/common/glyph-arrow-transparent.png') no-repeat 0 0;
display:block;
padding-left:12px;
position:absolute;
top:-999em;
}

#content ul.brands li a:hover span {
position:relative;
top:auto;
}

/* Content - Products - Schweppes ****************/
#content div.sub-brands-container {
background:url('../img/common/panel-705-white-bg.gif') repeat-y;
width:705px;
}

#content div.sub-brands-container div.sub-brands {
background:url('../img/common/panel-705-white-top.jpg') no-repeat 0 0;
}

#content div.sub-brands-container div.sub-brands ul {
overflow:hidden;
background:url('../img/common/panel-705-white-bottom.gif') no-repeat 0 100%;
width:705px;
padding:6px 6px 5px;
}

#content div.sub-brands-container div.sub-brands ul li {
float:left;
margin-bottom:3px;
margin-right:3px;
width:345px;
}

#content div.sub-brands-container div.sub-brands ul li a {
display:block;
font-size:153.9%;
text-decoration:none;
}

#content div.sub-brands-container div.sub-brands ul li a span {
border:1px solid #b3b3b3;
display:block;
padding:18px;
}

#content div.sub-brands-container div.sub-brands ul li img {
display:block;
height:192px;
width:345px;
}

#content div.sub-brands-container div.sub-brands ul li.sub-brand-3 a,#content div.sub-brands-container div.sub-brands ul li.sub-brand-4 a {
background:url('../img/common/panel-345-white-bg.gif') repeat-y;
}

#content div.sub-brands-container div.sub-brands ul li.sub-brand-3 a span,#content div.sub-brands-container div.sub-brands ul li.sub-brand-4 a span {
border-bottom:0;
margin-bottom:1px;
}

#content div.sub-brands-container div.sub-brands ul li.sub-brand-3 a span {
background:url('../img/common/panel-345-white-bottomleft.gif') no-repeat left bottom;
border-left:0;
}

#content div.sub-brands-container div.sub-brands ul li.sub-brand-4 a span {
background:url('../img/common/panel-345-white-bottomright.gif') no-repeat right bottom;
border-right:0;
}

/* Content - Promotions - Wallpapers ****************/
.content-wider {
width:514px !important;
}

#content ul.wallpapers li {
float:left;
margin-bottom:22px;
width:253px;
}

#content ul.wallpapers li img {
display:block;
height:120px;
margin-bottom:14px;
width:253px;
}

#content ul.wallpapers li span {
display:block;
margin-bottom:6px;
}

#content ul.wallpapers li a {
background:url('../img/common/sprite-download.gif') no-repeat;
font-weight:700;
min-height:14px;
padding-left:22px;
text-decoration:none;
}

/* Content - Caffeine ****************/
#content div.caffeine {
	height:349px;
	margin-bottom:15px;
	position:relative;
	width:703px;
	z-index:20;
}
#content div.caffeine a {
	cursor:pointer;
	display:block;
	position:absolute;
	z-index:10;
}
#content div.caffeine a span {
	display:block;
	height:0px;
	overflow:hidden;
	width:0px;
}
#content div.caffeine a.sprite {
	background:transparent url('../img/caffeine/sprite.jpg') no-repeat left top;
	height:165px;
	left:27px;
	top:105px;
	width:54px;
}
#content div.caffeine a.coca-cola {
	background:transparent url('../img/caffeine/coca-cola.jpg') no-repeat left top;
	height:157px;
	left:147px;
	top:114px;
	width:67px;
}
#content div.caffeine a.chocolate {
	background:transparent url('../img/caffeine/chocolate.jpg') no-repeat left top;
	height:142px;
	left:217px;
	top:130px;
	width:115px;
}
#content div.caffeine a.tea {
	background:transparent url('../img/caffeine/tea.jpg') no-repeat left top;
	height:94px;
	left:289px;
	top:178px;
	width:88px;
	z-index:15;
}
#content div.caffeine a.energy-drink {
	background:transparent url('../img/caffeine/energy-drink.jpg') no-repeat left top;
	height:165px;
	left:348px;
	top:107px;
	width:51px;
}
#content div.caffeine a.instant-coffee {
	background:transparent url('../img/caffeine/instant-coffee.jpg') no-repeat left top;
	height:157px;
	left:425px;
	top:114px;
	width:86px;
}
#content div.caffeine a.filter-coffee {
	background:transparent url('../img/caffeine/filter-coffee.jpg') no-repeat left top;
	height:158px;
	left:585px;
	top:114px;
	width:84px;
}
#content div.caffeine a:hover {
	background-position:left bottom;
}

/* Content - Coke by Numbers ****************/
#content div.coke-by-numbers {
	background-color:#fff;
	height:390px;
	margin-bottom:15px;
	position:relative;
	width:706px;
}
#content div.coke-by-numbers a {
	display:block;
	position:absolute;
}
#content div.coke-by-numbers a span {
	display:block;
	height:0px;
	overflow:hidden;
	width:0px;
}
#content div.coke-by-numbers a.info-1 {
	background:#fff url('../img/infographic/1.jpg') no-repeat left top;
	height:186px;
	left:0px;
	top:0px;
	width:229px;
}
#content div.coke-by-numbers a.info-2 {
	background:#fff url('../img/infographic/2.jpg') no-repeat left top;
	height:195px;
	left:0px;
	top:194px;
	width:229px;
}
#content div.coke-by-numbers a.info-3 {
	background:#fff url('../img/infographic/3.jpg') no-repeat left top;
	height:250px;
	left:238px;
	top:0px;
	width:230px;
}
#content div.coke-by-numbers a.info-4 {
	background:#fff url('../img/infographic/4.jpg') no-repeat left top;
	height:120px;
	left:476px;
	top:0px;
	width:230px;
}
#content div.coke-by-numbers a.info-5 {
	background:#fff url('../img/infographic/5.jpg') no-repeat left top;
	height:118px;
	left:472px;
	top:131px;
	width:234px;
}
#content div.coke-by-numbers a.info-6 {
	background:#fff url('../img/infographic/6.jpg') no-repeat left top;
	height:131px;
	left:237px;
	top:259px;
	width:469px;
}
#content div.coke-by-numbers a:hover {
	background-position:left bottom;
}

/* Content - Press Centre - Contact Us, Reports ****************/
#content div.header-line {
border-bottom:solid 1px #bbb;
margin-bottom:18px;
margin-top:8px;
}

#content div.contact-details {
margin-bottom:4em;
}

#content div.margin-top {
margin-top:3em;
}

#content div.contact-details a {
color:#e00b00;
text-decoration:none;
}

#content div.contact-details p.tel,#content div.contact-details p.email {
padding-left:32px;
}

#content div.contact-details p.tel {
background:#fff url('../img/common/sprite-phone.gif') no-repeat;
min-height:23px;
}

#content div.contact-details p.email {
background:#fff url('../img/common/sprite-email.gif') no-repeat;
min-height:12px;
}

#content div.report p {
background:#fff url('../img/common/sprite-download.gif') no-repeat;
min-height:12px;
padding-left:20px;
}

/* Table with rounded corners */
#content table.rounded {
margin-left:2px;
margin-bottom:15px;
width:495px;
}

/* Give all cells a border and padding */
#content table.rounded th,#content table.rounded td {
border:1px solid #b3b3b3;
padding:4px;
}

/* Top-algin the  contents, and make sure each column is one quarter the width of the table 
 Also remove the top border: this will need to be produced by a background image, so that all the  borders align 
 The background colour for every  is set here */
#content table.rounded th {
background-color:#ffdfdf;
border-top:0;
vertical-align:top;
}

/* To allow the spans inside the top-left and top-right cells to show their rounded borders, set them to display as blocks */
#content table.rounded th span {
display:block;
padding:5px;
}

/* Content - Landing template ****************/
#content a.landing-rss {
color:#7e8083;
float:right;
margin-top:18px;
text-decoration:none;
}

#content a.landing-rss img {
margin-left:6px;
}

#content h1.landing {
color:#646464;
font-size:167%;
margin-bottom:10px;
margin-top:18px;
}

#content h3.landing,#content div.landing-container h3 {
color:#646464;
margin-top:18px;
}

#content div.landing-container {
float:left;
margin-bottom:15px;
width:344px;
}

#content div.landing-news,#content div.landing-info,#content div.landing-tools,#content div.landing-chart {
position:relative;
margin-bottom:7px;
width:344px;
}

#content div.margin-right {
margin-right:18px;
}

#content div.landing-news a {
color:#1d1d1d;
display:block;
font-size:167%;
text-decoration:none;
}

#content div.landing-news a img,#content div.landing-tools a img {
display:block;
height:163px;
width:344px;
}

#content div.landing-news p,#content div.landing-tools p {
border:1px solid #b3b3b3;
border-top:0;
color:#646464;
padding:0 20px 19px;
}

#content div.landing-news a span {
border:1px solid #b3b3b3;
border-bottom:0;
display:block;
padding:18px 20px 16px;
}

#content a.landing-expand {
background:transparent url('../img/common/sprite-arrows.gif') no-repeat left -32px;
padding-left:20px;
}

#content div.landing-info a {
font-size:167%;
text-decoration:none;
display:block;
padding:14px 20px 10px;
}

#content div.landing-info {
background:url('../img/common/panel-344-white-bg.gif') repeat-y;
}

#content div.landing-info p {
padding:0 20px 20px;
}

#content div.landing-info hr {
background:#dcdad7;
border:0;
color:#dcdad7;
height:1px;
margin:0 20px;
}

#content div.landing-tools p {
border-top:1px solid #b3b3b3;
padding-top:16px;
}

#content div.landing-chart {
background:url('../img/common/panel-344-white-bg.gif') repeat-y;
border-bottom:1px solid #b3b3b3;
}

#content div.landing-chart ol {
background:url('../img/common/panel-344-white-top.gif') no-repeat;
padding-left:10px;
padding-right:10px;
padding-top:8px;
}

#content div.landing-chart ol li {
background:url('../img/common/border-horiz-3-b3.jpg') repeat-x bottom;
padding:13px 13px 13px 5px;
}

#content div.landing-chart ol li a {
color:#222;
display:block;
min-height:20px;
padding-left:32px;
}

/* Content - Nutritional table dev ***************
 Give the bottom border */
#content div.outer-container {
background:url('../img/common/border-1-b3.gif') repeat-x left bottom;
float:left;
padding-bottom:1px;
width:538px;
}

/* Give the left-hand border */
#content div.inner-container {
background:url('../img/common/border-1-b3.gif') repeat-y;
padding-left:1px;
}

/* Float the tabs, and shift them left so that their left edge/top-left rounded corner borders meet */
/* Also, don't show them unless Javascript is enabled */
#content div.inner-container a.show {
display:none;
float:left;
margin-bottom:-1px;
margin-left:-1px;
text-decoration:none;
}

/* The following four styles are for the tab selected-state. The first tab CANNOT have margin-left/background-position set! 
 Give selected tabs the appropriate background colour. The shift in margin and text-indent is (1) to stop the background covering the border (which is provided by a background image), and (2) to stop the text jumping when this margin is changed */
#content div.inner-container a.selected {
background-color:#ffdfe0;
margin-left:0;
text-indent:-1px;
}

#content div.inner-container a.selected span.inner-container {
background-position:-1px 0 !important;
}

#content div.inner-container a.first-tab-selected {
margin-left:-1px;
text-indent:0;
}

#content div.inner-container a.first-tab-selected span.inner-container {
background-position:0 0 !important;
}

/* End of INTERACTIVE bit 
 Give the tabs their top-left rounded corner */
#content div.inner-container a.show span.inner-container {
background:url('../img/common/roundcorner-topleft-11-t-w.gif') no-repeat left top;
display:block;
}

/* Give the tabs their top-right rounded corner */
#content div.inner-container a.show span.inner-container span {
background:url('../img/common/roundcorner-topright-11-t-w.gif') no-repeat right top;
display:block;
padding:8px 20px 5px;
}

/* Give the table area background colour */
#content div.inner-container div.table-outer-container {
background-color:#ffdfe0;
clear:left;
display:block;
}

/* Give the top-right round corner */
#content div.inner-container div.table-inner-container {
background:url('../img/common/roundcorner-topright-11-t-w.gif') no-repeat right top;
display:block;
padding:12px 0;
}

/* Give table rounded corners with transparent backgrounds */
#content div.inner-container div.nutritional-info {
background:url('../img/common/panel-512-top-transparent.gif') no-repeat left top;
margin-bottom:0;
margin-top:1px;
}

/* Re-position 'amount' dropdown in this context */
#content div.inner-container div.nutritional-info div.amount {
float:left;
text-align:left;
padding:6px 0 0 10px;
}

#content div.nutritional-info-tabbed {
/* background-image:none !important; */
width:512px;
margin:auto;
}

#content div.nutritional-info-tabbed table {
width:511px !important;
}

#content div.nutritional-info-tabbed div.gda {
border-bottom:solid 1px #B3B3B3;
overflow:hidden;
width:498px !important;
padding:10px 0 10px 13px;
}

#content div.nutritional-info-tabbed div.gda p {
color:#222;
float:left;
font-family:Arial,helvectica,sans-serif;
font-size:93%;
margin-right:24px;
padding-top:5px;
width:124px;
}

#content div.ingredients {
background-color:#ffdfdf;
overflow:hidden;
width:498px !important;
padding:10px 0 10px 13px;
}

#content div.ingredients p {
color:#222;
font-size:93%;
width:420px;
}

#content div.nutritional-info-tabbed div.panel {
background:#ffffff url('../img/common/panel-512-bg.gif') repeat-y left top;
padding-left:1px;
}

#content div.nutritional-info-tabbed div.ingredients-override {
background-color:#ffdfdf;
}

/* Content - Product category page ***************
 Give the bottom border */
div#content div.brand-container {
background:url('../img/common/panel-706-transparent-bg.gif') repeat-y left top;
display:block;
margin-bottom:10px;
width:706px;
}

div#content div.brand-container-top {
background:url('../img/common/panel-706-white-top.jpg') no-repeat left top;
display:block;
height:100%;
overflow:hidden;
padding:16px;
}

div#content div.brand-container-bottom {
background:url('../img/common/border-1-b3.gif') repeat-x left bottom;
display:block;
}

div#content div.brand-container-bottom img {
float:left;
height:166px;
width:119px;
padding:6px 14px 0 0;
}

/* Sidebar and sidebar carousel ****************/
#sidebar div.brands {
margin-bottom:2em;
overflow:hidden;
width:228px;
}

#sidebar.home div.brands {
width:298px;
}

#sidebar div.brands a {
background:#fff;
border:5px solid #ffdfdf;
border-top:0;
display:block;
font-weight:700;
text-decoration:none;
}

#sidebar div.brands a span {
background:#fff url('../img/common/glyph-arrow-small.gif') no-repeat 10px 3px;
display:block;
padding:0 15px 12px 22px;
}

/* #sidebar div.brands div.selected-item { 
     border:5px solid #ffdfdf; 
 } */
#sidebar div.brands h2 {
background:#ffdfdf url('../img/common/panel-228-pink-top.gif') no-repeat left top;
color:#373232;
display:block;
margin-bottom:0;
padding-bottom:8px;
padding-left:14px;
padding-top:8px;
}

#sidebar.home div.brands h2 {
background:#ffdfdf url('../img/common/panel-298-pink-top.gif') no-repeat left top;
}

#sidebar div.brands img {
background:#fff;
display:block;
height:113px;
padding-top:5px;
width:195px;
margin:0 auto;
}

#sidebar.home div.brands img {
height:136px;
width:233px;
}

#sidebar div.brands p {
background:#fff;
border-left:5px solid #ffdfdf;
border-right:5px solid #ffdfdf;
color:#666;
padding:5px 10px;
}

#sidebar div.brands p.cufon-vag {
color:#373232;
font-size:131%;
padding-bottom:0;
}

#sidebar div.brands ul {
padding-top:5px;
background:#fff;
display:block;
/* height:47px; */
margin:0 auto;
overflow:hidden;
/* width:1890px; */
width:192px;
}

#sidebar div.brands ul li {
background-position:0 -47px;
background-repeat:no-repeat;
float:left;
height:47px;
margin:6px;
width:84px;
}

#sidebar.home div.brands ul li {
float:left;
height:42px;
padding-left:3px;
padding-right:3px;
width:75px;
background-position:0 -42px;
background-repeat:no-repeat;
}


#sidebar ul.carousel li:hover {
background-position:0 0;
width:84px;
height:47px;
}
#sidebar ul.carousel li.hover {
background-position:0 0;
width:84px;
height:47px;
}

#sidebar.home ul.carousel li:hover {
background-position:0 0;
/* width:75px; */
/* height:42px; */
}
#sidebar.home ul.carousel li.hover {
background-position:0 0;
/* width:75px; */
/* height:42px; */
}

#sidebar div.brands div.list-outer-container {
background:#fff;
border:5px solid #ffdfdf;
border-top:0;
display:block;
position:relative;
}

#sidebar div.brands div.list-outer-container hr {
background:#c8c8c8;
border:0;
color:#c8c8c8;
height:1px;
margin:0 10px;
}

#sidebar div.brands div.list-inner-container {
display:block;
/* height:47px; */
overflow:hidden;
/* margin:0 4px; */
/* padding:12px 0 14px; */
/* width:174px; */
width:218px;
}

#sidebar.home div.brands div.list-inner-container {
width:288px;
}

#sidebar.home div.brands ul.carousel {
width:288px;
}

#sidebar div.list-outer-container span.left-arrow,#sidebar div.list-outer-container span.right-arrow {
cursor:pointer;
display:block;
height:16px;
position:absolute;
top:30px;
width:9px;
}

#sidebar div.list-outer-container span.left-arrow {
background:transparent url('../img/common/sprite-arrows.gif') no-repeat left 0;
left:8px;
}

#sidebar div.list-outer-container span.right-arrow {
background:transparent url('../img/common/sprite-arrows.gif') no-repeat -9px -16px;
right:8px;
}

#sidebar ul.carousel li a {
background:transparent;
border:0;
/* border:1px solid red; */
height:47px;
overflow:hidden;
text-indent:-999px;
width:84px;
}

/* #sidebar ul.carousel li a:hover { */
/* height:47px; */
/* } */

#sidebar ul.carousel li span {
display:none;
}

#sidebar.home ul.carousel li a {
width:75px;
}

#sidebar div.promotion {
overflow:hidden;
border-bottom:1px solid #b3b3b3;
margin-bottom:17px;
padding-bottom:20px;
}

#sidebar div.promotion a {
width:215px;
clear:left;
}

#sidebar.home div.promotion a {
width:285px;
clear:left;
}

#sidebar div.promotion img {
float:left;
margin:0 10px 10px 0;
}

#sidebar div.promotion p {
font-size:93%;
margin-bottom:16px;
}

#sidebar div.contact p {
margin-bottom:20px;
}

/* Content - Brand page ****************/
#content div.brand-header {
border-bottom:solid 1px #b5b5b5;
overflow:hidden;
margin-bottom:15px;
padding-bottom:10px;
width:706px;
}

#content div.brand-header h1 {
float:left;
width:auto;
}

#content div.brand-header a.pill-button-white {
float:right;
margin-top:5px;
}

#content div.brand-links {
margin-bottom:15px;
overflow:hidden;
width:706px;
}

#content div.brand-links a.top-link {
float:right;
}

/* Content - Sitemap ****************/
#content ol.sitemap li {
    padding-bottom:5px;
}
#content ol.sitemap ol {
    padding:5px 0 0 20px;
}

/* Add this overrides ****************/
.at300bs.at15t_expanded,.at300bs.at15t_compact {
background:#fff url('../img/common/sprite-share.gif') no-repeat 0 0 !important;
height:18px;
width:18px;
}

.addthis_default_style .at300b,.addthis_default_style .at300m {
color:#222;
line-height:18px;
text-decoration:none;
padding:0 6px 0 0 !important;
}

.addthis_toolbox {
display:none;
}

table.footprint {
width:100%;
background-color:#e8e7e5;
color:#424242;
border-collapse:collapse;
margin-bottom:15px;
}

table.footprint td,table.footprint th {
border:solid 2px #fff;
padding:10px;
}

table.footprint td {
white-space:nowrap;
}

table.footprint .nw {
background:transparent url(/img/common/round-corner-topleft-8-white.png) no-repeat top left;
}

table.footprint .ne {
background:transparent url(/img/common/round-corner-topright-8-white.png) no-repeat top right;
}

table.footprint .se {
background:transparent url(/img/common/round-corner-bottomright-8-white.png) no-repeat bottom right;
}

table.footprint .sw {
background:transparent url(/img/common/round-corner-bottomleft-8-white.png) no-repeat bottom left;
}

table.footprint th.n {
border-bottom:solid 2px #ccc;
}

table.footprint th.ww {
padding-top:0;
padding-bottom:0;
border-right:none;
height:58px;
}

table.footprint th.w {
padding-left:0;
border-left:none;
}

table.footprint th.w,table.footprint th.nw {
border-right:solid 2px #ccc;
}

div.footprint-list {
width:100%;
background-color:#e8e7e5;
position:relative;
padding:10px 0;
}

div.footprint-list li {
margin:0 10px 5px;
}

div.footprint-list div.nw {
background:transparent url(/img/common/round-corner-topleft-8-white.png) no-repeat top left;
position:absolute;
top:0;
left:0;
width:8px;
height:8px;
}

div.footprint-list div.ne {
background:transparent url(/img/common/round-corner-topright-8-white.png) no-repeat top right;
position:absolute;
top:0;
right:0;
width:8px;
height:8px;
}

div.footprint-list div.se {
background:transparent url(/img/common/round-corner-bottomright-8-white.png) no-repeat bottom right;
position:absolute;
bottom:0;
right:0;
width:8px;
height:8px;
}

div.footprint-list div.sw {
background:transparent url(/img/common/round-corner-bottomleft-8-white.png) no-repeat bottom left;
position:absolute;
bottom:0;
left:0;
width:8px;
height:8px;
}

#content div.content div.footprint-list p {
margin:2px 10px;
}

#content p.brand-summary {
padding-bottom:25px;
}

legend,#content div.nutritional-info a.show,#content div.nutritional-info div.show,#content div.inner-container div.nutritional-info div.show,.js-only,.js-only-block {
display:none;
}

a:link,a:visited,a:focus,a:active {
color:#000;
}

a:hover,#header div.search a:hover,#breadcrumb a:hover,#main a.pill-button:hover span.container span,#content div.content p a.download:hover,#content p.nutritional-links a:hover,#content div.home-container div.panel ol li a:hover,#content a.landing-rss:hover,#content div.landing-news a:hover,#content div.landing-chart ol li a:hover {
color:red;
}

#header div.search div.text-size a span,#carousel.java span.button span {
display:block;
height:0;
overflow:hidden;
width:0;
}

#navigation ol li,#content ul.share-links {
padding-bottom:10px;
}

#navigation ol li a:hover,#content a.arrow-left:hover,#content a.arrow-right:hover,#content div.report p a,#content a.landing-rss:hover span {
text-decoration:underline;
}

#navigation ol li ol,#navigation ol li ol li {
display:inline;
}

#navigation ol.java li:last-child,#footer ul.links li:last-child {
border-right:none;
}
#navigation ol.java li.last-child,#navigation ol.java li.no-border,#footer ul.links li.last-child{
border-right:none;
}

#navigation ol.java li.top ol li a:hover,#content a.cufon-vag-bold:hover {
text-decoration:none;
}

#navigation ol.java li.top ol li:hover ol {
display:block;
}
#navigation ol.java li.top ol li.hover ol,#content div.home-container div.home-panel a img,#content table.rounded th div,#content div.inner-container a.show span.middle-container {
display:block;
}

ul.share-links li a:hover,.addthis_default_style a.at300b:hover,.addthis_default_style a.at300m:hover {
color:#222;
text-decoration:underline;
}

#footer ul.links li a,#content div.related-links ul li a {
color:#222;
text-decoration:none;
}

#content ul.bullet,#content div.content ul.bullet,#content div.content ol.numbered {
color:#222;
margin-bottom:15px;
}

#content ul.brands li:last-child {
margin-bottom:0;
}
#content div.content div.text-wrap p,#content ul.brands li.last-child,#content div.sub-brands-container div.sub-brands ul li.sub-brand-3,#content div.sub-brands-container div.sub-brands ul li.sub-brand-4,#content div.no-margin-bottom {
margin-bottom:0;
}

#content div.related-links div.panel div.details ul li,#content ol.faqs-landing li ol {
padding-bottom:8px;
}

#content div.related-gallery div.panel ul li:last-child, #content ol.faqs-landing li:nth-child(even) {
padding-right:0;
}
#content div.related-gallery div.panel ul li.last-child, #content ol.faqs-landing li.nth-child-odd {
padding-right:0;
}

#content div.nutritional-info div.gda,#content div.nutritional-info div.ingredients {
border-bottom:solid 1px #B3B3B3;
clear:both;
overflow:hidden;
width:484px;
padding:10px 0 10px 13px;
}

#content div.nutritional-info div.gda div.container,#content div.nutritional-info-tabbed div.gda div.container {
float:left;
margin-right:8px;
width:60px;
}

#content div.nutritional-info div.gda div.container span.top,#content div.nutritional-info-tabbed div.gda div.container span.top {
background:url('../img/common/gda-bg-top.gif') no-repeat left top;
color:#585656;
display:block;
font-family:Arial,helvectica,sans-serif;
font-size:85%;
height:29px;
padding-top:6px;
text-align:center;
width:60px;
}

#content div.nutritional-info div.gda div.container span.bottom,#content div.nutritional-info-tabbed div.gda div.container span.bottom {
background:url('../img/common/gda-bg-bottom.gif') no-repeat left top;
color:#fff;
display:block;
font-size:108%;
font-family:Arial,helvectica,sans-serif;
height:26px;
padding-left:2px;
padding-top:4px;
text-align:center;
width:58px;
}

#content ol.faqs li p,#sidebar div.promotion h2,#sidebar div.contact h2 {
margin-bottom:10px;
}

#content div.landing-hero,#home div.landing-hero {
position:relative;
}

#content div.landing-hero div.text div.panel div h1 a,#content div.landing-hero div.text div.panel div h2 a,#home div.landing-hero div.text div.panel div h1 a,#home div.landing-hero div.text div.panel div h2 a {
color:#fff;
text-decoration:none;
}

#content div.landing-hero div.text div.panel div h1 a:hover,#content div.landing-hero div.text div.panel div h2 a:hover,#home div.landing-hero div.text div.panel div h1 a:hover,#home div.landing-hero div.text div.panel div h2 a:hover {
color:#333;
}

#content div.landing-hero div.text div.panel div a.pill-button,#home div.landing-hero div.text div.panel div a.pill-button {
color:#4f3b32;
font-size:108%;
}

#content ul.brands li:nth-child(4n) {
margin-right:0;
}
#content ul.brands li.nth-child-4n,#content div.sub-brands-container div.sub-brands ul li.sub-brand-2,#content div.sub-brands-container div.sub-brands ul li.sub-brand-4 {
margin-right:0;
}

#content div.sub-brands-container div.sub-brands ul li a:hover,#content ul.wallpapers li a:hover,#content div.report p a:hover {
color:#e00b00;
}

#content ul.wallpapers li:nth-child(odd) {
margin-right:8px;
}
#content ul.wallpapers li.nth-child-odd {
margin-right:8px;
}

#content table.rounded tr > td:nth-child(1) {
background:url('../img/common/border-1-b3.gif') repeat-y 0 0;
border-left:0;
}
#content table.rounded tr td.nth-child-1 {
background:url('../img/common/border-1-b3.gif') repeat-y 0 0;
border-left:0;
}

#content table.rounded tr > td:nth-child(4) {
border-right:0;
}
#content table.rounded tr td.nth-child-4 {
border-right:0;
}

#content table.rounded th:first-child div,#content table.rounded th:last-child div {
background-image:url('../img/common/border-1-b3.gif');
background-position:0 0;
background-repeat:repeat-x;
}
#content table.rounded th,#content table.rounded th.first-child div,#content table.rounded th.last-child div {
background-image:url('../img/common/border-1-b3.gif');
background-position:0 0;
background-repeat:repeat-x;
}

#content table.rounded th:first-child,#content table.rounded th:last-child {
border:0;
padding:0;
}
#content table.rounded th.first-child,#content table.rounded th.last-child {
border:0;
padding:0;
}

#content table.rounded th:first-child {
background-image:url('../img/common/border-1-b3.gif');
background-position:0 0;
background-repeat:repeat-y;
}
#content table.rounded th.first-child {
background-image:url('../img/common/border-1-b3.gif');
background-position:0 0;
background-repeat:repeat-y;
}

#content table.rounded th:last-child {
background-image:url('../img/common/border-1-b3.gif');
background-position:100% 0;
background-repeat:repeat-y;
}
#content table.rounded th.last-child {
background-image:url('../img/common/border-1-b3.gif');
background-position:100% 0;
background-repeat:repeat-y;
}

#content table.rounded th:first-child span {
background:url('../img/common/table-corner-topleft.gif') no-repeat 0 0;
}
#content table.rounded th.first-child span {
background:url('../img/common/table-corner-topleft.gif') no-repeat 0 0;
}

#content table.rounded th:last-child span {
background:url('../img/common/table-corner-topright.gif') no-repeat 100% 0;
}
#content table.rounded th.last-child span {
background:url('../img/common/table-corner-topright.gif') no-repeat 100% 0;
}

#content table.rounded tr:nth-child(odd) {
background-color:#fefaf9;
}
#content table.rounded tr.nth-child-odd {
background-color:#fefaf9;
}

#content h3.landing,#content div.brand-links a.arrow-left,.addthis_default_style {
float:left;
}

#content div.landing-info a:first-child {
background:url('../img/common/panel-344-white-top.gif') no-repeat;
padding-top:19px;
}
#content div.landing-info a.first-child {
background:url('../img/common/panel-344-white-top.gif') no-repeat;
padding-top:19px;
}

#content div.landing-info p:last-child {
border-bottom:1px solid #b3b3b3;
padding-bottom:22px;
}
#content div.landing-info p.last-child {
border-bottom:1px solid #b3b3b3;
padding-bottom:22px;
}

#content div.landing-chart ol li:nth-child(1) a {
background:url('../img/common/glyph-chart-number-1.png') no-repeat;
}
#content div.landing-chart ol li.nth-child-1 a {
background:url('../img/common/glyph-chart-number-1.png') no-repeat;
}

#content div.landing-chart ol li:nth-child(2) a {
background:url('../img/common/glyph-chart-number-2.png') no-repeat;
}
#content div.landing-chart ol li.nth-child-2 a {
background:url('../img/common/glyph-chart-number-2.png') no-repeat;
}

#content div.landing-chart ol li:nth-child(3) a {
background:url('../img/common/glyph-chart-number-3.png') no-repeat;
}
#content div.landing-chart ol li.nth-child-3 a {
background:url('../img/common/glyph-chart-number-3.png') no-repeat;
}

#content div.landing-chart ol li:nth-child(4) a {
background:url('../img/common/glyph-chart-number-4.png') no-repeat;
}
#content div.landing-chart ol li.nth-child-4 a {
background:url('../img/common/glyph-chart-number-4.png') no-repeat;
}

#content div.landing-chart ol li:nth-child(5) a {
background:url('../img/common/glyph-chart-number-5.png') no-repeat;
}
#content div.landing-chart ol li.nth-child-5 a {
background:url('../img/common/glyph-chart-number-5.png') no-repeat;
}

#content div.landing-chart ol li:nth-child(5) {
background-image:none;
}
#content div.landing-chart ol li.nth-child-5 {
background-image:none;
}

#content div.inner-container a.show span.outmost-container,#content div.inner-container div.table-middle-container {
background:url('../img/common/border-1-b3.gif') repeat-y right top;
display:block;
}

#content div.inner-container a.show span.outer-container,#content div.inner-container div.table-midout-container {
background:url('../img/common/border-1-b3.gif') repeat-x left top;
display:block;
}

#content div.inner-container a:nth-child(1) span.middle-container {
background:url('../img/common/border-1-b3.gif') repeat-y left top;
}
#content div.inner-container a.nth-child-1 span.middle-container {
background:url('../img/common/border-1-b3.gif') repeat-y left top;
}

#sidebar ul.carousel li.brand-1 {
background-image:url('../img/common/sprite-brand-001.gif');
}

#sidebar ul.carousel li.brand-2 {
background-image:url('../img/common/sprite-brand-002.gif');
}

#sidebar ul.carousel li.brand-3 {
background-image:url('../img/common/sprite-brand-003.gif');
}

#sidebar ul.carousel li.brand-4 {
background-image:url('../img/common/sprite-brand-004.gif');
}

#sidebar ul.carousel li.brand-5 {
background-image:url('../img/common/sprite-brand-005.gif');
}

#sidebar ul.carousel li.brand-6 {
background-image:url('../img/common/sprite-brand-006.gif');
}

#sidebar ul.carousel li.brand-7 {
background-image:url('../img/common/sprite-brand-007.gif');
}

#sidebar ul.carousel li.brand-8 {
background-image:url('../img/common/sprite-brand-008.gif');
}

#sidebar ul.carousel li.brand-9 {
background-image:url('../img/common/sprite-brand-009.gif');
}

#sidebar ul.carousel li.brand-10 {
background-image:url('../img/common/sprite-brand-010.gif');
}

#sidebar ul.carousel li.brand-11 {
background-image:url('../img/common/sprite-brand-011.gif');
}

#sidebar ul.carousel li.brand-12 {
background-image:url('../img/common/sprite-brand-012.gif');
}

#sidebar ul.carousel li.brand-13 {
background-image:url('../img/common/sprite-brand-013.gif');
}

#sidebar ul.carousel li.brand-14 {
background-image:url('../img/common/sprite-brand-014.gif');
}

#sidebar ul.carousel li.brand-15 {
background-image:url('../img/common/sprite-brand-015.gif');
}

#sidebar ul.carousel li.brand-16 {
background-image:url('../img/common/sprite-brand-016.gif');
}

#sidebar ul.carousel li.brand-17 {
background-image:url('../img/common/sprite-brand-017.gif');
}

#sidebar ul.carousel li.brand-18 {
background-image:url('../img/common/sprite-brand-018.gif');
}

#sidebar ul.carousel li.brand-19 {
background-image:url('../img/common/sprite-brand-019.gif');
}

#sidebar ul.carousel li.brand-20 {
background-image:url('../img/common/sprite-brand-020.gif');
}

#sidebar ul.carousel li.brand-21 {
background-image:url('../img/common/sprite-brand-021.gif');
}

#sidebar.home ul.carousel li.brand-1 {
background-image:url('../img/common/sprite-brand-home-001.gif');
}

#sidebar.home ul.carousel li.brand-2 {
background-image:url('../img/common/sprite-brand-home-002.gif');
}

#sidebar.home ul.carousel li.brand-3 {
background-image:url('../img/common/sprite-brand-home-003.gif');
}

#sidebar.home ul.carousel li.brand-4 {
background-image:url('../img/common/sprite-brand-home-004.gif');
}

#sidebar.home ul.carousel li.brand-5 {
background-image:url('../img/common/sprite-brand-home-005.gif');
}

#sidebar.home ul.carousel li.brand-6 {
background-image:url('../img/common/sprite-brand-home-006.gif');
}

#sidebar.home ul.carousel li.brand-7 {
background-image:url('../img/common/sprite-brand-home-007.gif');
}

#sidebar.home ul.carousel li.brand-8 {
background-image:url('../img/common/sprite-brand-home-008.gif');
}

#sidebar.home ul.carousel li.brand-9 {
background-image:url('../img/common/sprite-brand-home-009.gif');
}

#sidebar.home ul.carousel li.brand-10 {
background-image:url('../img/common/sprite-brand-home-010.gif');
}

#sidebar.home ul.carousel li.brand-11 {
background-image:url('../img/common/sprite-brand-home-011.gif');
}

#sidebar.home ul.carousel li.brand-12 {
background-image:url('../img/common/sprite-brand-home-012.gif');
}

#sidebar.home ul.carousel li.brand-13 {
background-image:url('../img/common/sprite-brand-home-013.gif');
}

#sidebar.home ul.carousel li.brand-14 {
background-image:url('../img/common/sprite-brand-home-014.gif');
}

#sidebar.home ul.carousel li.brand-15 {
background-image:url('../img/common/sprite-brand-home-015.gif');
}

#sidebar.home ul.carousel li.brand-16 {
background-image:url('../img/common/sprite-brand-home-016.gif');
}

#sidebar.home ul.carousel li.brand-17 {
background-image:url('../img/common/sprite-brand-home-017.gif');
}

#sidebar.home ul.carousel li.brand-18 {
background-image:url('../img/common/sprite-brand-home-018.gif');
}

#sidebar.home ul.carousel li.brand-19 {
background-image:url('../img/common/sprite-brand-home-019.gif');
}

#sidebar.home ul.carousel li.brand-20 {
background-image:url('../img/common/sprite-brand-home-020.gif');
}

#sidebar.home ul.carousel li.brand-21 {
background-image:url('../img/common/sprite-brand-home-021.gif');
}

#content div.content p.variants {
margin-top:20px;
}

#content div.article-nutritional-info p.amount {
margin:0 0 10px 0;
padding:6px 0 0 6px;
}

/* Factbox (non-table rewrite) ****************/
#content div.factbox {
/* overflow:hidden; */
/* padding:5px; */
margin-bottom:15px;
width:495px;
}

#content div.factbox div.header-bg {
background-color:#ffdfdf;
/* float:left; */
width:495px;
}

#content div.factbox div.header-bg p {
font-size:116%;
margin:0;
padding:6px 8px;
}

#content div.factbox div.content {
border:1px solid #b3b3b3;
/* float:left; */
float:none;
width:493px; /* containing block (div.factbox) width - left+right border) */
}

#content div.factbox div.leftborder {
background:url('../img/common/border-1-b3.gif') repeat-y 0 0;
}

#content div.factbox div.rightborder {
background:url('../img/common/border-1-b3.gif') repeat-y 100% 0;
}

#content div.factbox div.topborder {
background:url('../img/common/border-1-b3.gif') repeat-x 0 0;
}

#content div.factbox div.topleft {
background:url('../img/common/table-corner-topleft.gif') no-repeat 0 0;
}

#content div.factbox div.topright {
background:url('../img/common/table-corner-topright.gif') no-repeat 100% 0;
}

#content div.factbox div.content p, #content div.factbox div.content ul, #content div.factbox div.content ol {
font-size:93%;
margin:0;
padding:8px;
}

#content div#trace-flash-container {
margin-bottom:20px;
position:relative;
}