body{font-family:Arial, Helvetica, sans-serif; font-size:62.5%; text-align:center; background:url(../img/bg/body.jpg) repeat-x;  }
body.home{background:url(../img/bg/body-home.jpg) repeat-x;}
#container{width:960px; margin:0px auto 0px auto; text-align:left; padding-top:9px;}
.clear{clear:both;}
#container p.hide{position:absolute; top:-100px;}

/* ---------- Force Vertical Scrollbars ---------- */
html, body {height: 100%; margin: 0 0 1px; padding: 0;}

/* ---------- Navigation ---------- */
#navigation ul li{display:inline; padding-right:15px; margin-right:16px; border-right:1px solid #e1dfe0;} #navigation ul li.last{border:none;}
#navigation ul li a{font-size:1.4em; color:#04875d; font-weight:bold; text-decoration:none;}
#navigation ul li.on a{color:#f8a137;} #navigation ul li.on a:hover{text-decoration:none;}
#navigation ul li a:hover{text-decoration:underline;}

/* ---------- Our Brands on Homepage ---------- */
#header{position:relative; height:109px;} #header img{margin-top:29px;}

/* ---------- Banner ---------- */
#banner h1{font-family:"Trebuchet MS", Arial, serif; font-size:2.5em; color:#fff; margin-top:-20px;} 
#banner h1 strong{color:#f8a74d; font-weight:normal; margin-bottom:6px;}
#banner{background:url(../img/bg/banner-home.jpg) no-repeat top right; height:234px; position:relative; padding-top:45px; margin-bottom:-15px;}
#banner img.brands{position:absolute; top:-38px; right:0px;}
#banner p{font-size:1.3em; color:#eafcf6; width:495px; line-height:1.5em; margin-bottom:15px; margin-top:5px;}
#banner a.contactus{background:url(../img/buttons/contact-us.jpg) no-repeat; width:114px; height:35px; display:block; text-indent:-9000px; margin-left:-3px; position:relative; z-index:3;}

/* ---------- Our Brands ---------- */
body.home h2{position:relative; z-index:3; font-family:"Trebuchet MS", Arial, serif; font-size:2.1em; color:#333;}
#ourbrands{height:120px; background:url(../img/bg/our-brands.jpg) repeat-x; margin-top:6px; padding:22px 0px 0px 0px; margin-bottom:21px;}
#ourbrands table{width:100%;}
#ourbrands img{margin-right:17px;}

/* ---------- Main ---------- */
#main{padding:30px 0px 0px 0px;}

/* ---------- Breadcrumbs ---------- */
#breadcrumbs p{font-size:1.1em; color:#999; padding-bottom:20px;} 
#breadcrumbs a{color:#14608c; text-decoration:none;} 
#breadcrumbs span{color:#333;}

/* ---------- Menu ---------- */
#menu{width:180px; float:left;} #menu ul{margin-bottom:30px;}
#menu ul li{background:url(../img/bg/menu.gif) repeat-x bottom left; font-size:1.2em; padding:8px 0px; font-size:1.2em;}
#menu ul li a{color:#6f6f6f; text-decoration:none;} #menu ul li a:hover{color:#333;} #menu ul li.on a{font-weight:bold; color:#333;}

/* Print and Send to a Friend */
#menu ul li.print, #menu ul li.email{padding:6px 0px 6px 24px;}
#menu ul li.print{background:url(../img/icons/print.gif) no-repeat 0px center;} #menu ul li.email{background:url(../img/icons/email.gif) no-repeat 0px center;}

/* ---------- Content ---------- */
#content{width:740px; float:right; }
#content h1, #content h2, #content h3{font-family:"Trebuchet MS", Arial, serif;}
#content h1{font-size:2.8em; color:#333; margin-bottom:6px;}
#content h2{font-size:2.2em; color:#666; margin-bottom:6px; width:300px; margin-top:15px;}
#content p{color:#333; line-height:1.5em; font-size:1.2em; margin-bottom:12px;}
#content p a{color:#3276af; text-decoration:none; border-bottom:1px solid #c8dbeb;} #content p a:hover{color:#043661;}
#content p a.external{padding-right:15px; background:url(../img/icons/external.gif) no-repeat center right;}

/* ---------- Imagery ---------- */
img.img-r{float:right; margin-left:15px; margin-bottom:12px;}

/* ---------- Nutritional Information ---------- */
#nutritional-information ul{width:221px; float:left;}
#nutritional-information ul li{background:url(../img/bg/menu.gif) repeat-x bottom left; padding:2px 0px 3px 0px; font-size:1.1em;}
#nutritional-information ul li a{text-decoration:none; color:#333; width:204px; height:26px; display:block; line-height:26px; background:#fff; padding-left:15px;}
#nutritional-information ul li a.selected{color:#fff; background:url(../img/bg/nutritional-selected.jpg) no-repeat; }
#nutritional-data{width:480px; float:right; position:relative; margin-top:-33px;} #nutritional-data img{position:absolute; top:0px; right:-30px;}
#nutritional-data h3{font-size:1.8em; color:#333; margin-bottom:10px;}
#content #nutritional-data p.typical{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#029358; font-style:italic;}
#content #nutritional-data table{margin-bottom:10px;}
#content #nutritional-data table tr.even td{background:#fff;}
#content #nutritional-data table th{padding:4px 5px;  background-color:#d0e7df; color:#00593a;}
#content #nutritional-data table td{padding:6px 5px; font-size:1.1em; background:#f2f2f2;}
#content .nutritional-tandc p{font-size:0.9em; color:#999; margin-bottom:5px;}

/*
------------------------------------------------------
= LIST (UL)
------------------------------------------------------*/
#content ul.list {padding-bottom:10px; margin-top:10px; margin-left:20px;}
#content ul.list li{ line-height:1.4em; padding-bottom:3px; padding-left:5px; list-style-type:disc; font-size:1.2em; color:#333;}
#content ul.list li a{text-decoration:underline; color:#d79631;}
#content ul.list li a:hover{text-decoration:none;}

/*
------------------------------------------------------
= CONTACT FORM
-----------------------------------------------------*/
#content table.form{font-size:1.1em;  margin-bottom:10px; margin-bottom:10px; width:100%;}
#content table.form td{background:none; padding-left:0px; line-height:1.8em; padding-bottom:2px; border:none; } 
#content table.form td strong{color:#666;}
#content table.form td.script {color:#333;  font-size:1.1em; }
#content table.form td span.date {color:#029358; font-style:italic;}
#content table.form td em{font-size:0.8em; color:#999999; padding-left:10px; font-style:normal;}
#content table.form td input.text{width:60%; padding:3px; border:1px double #d0e7df; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px;}
#content table.form td input.text{width:60%; padding:3px; border:1px double #d0e7df; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px;}
#content table.form td textarea{width:60%; padding:3px; border:1px double #d0e7df; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; font-size:12px;}
#content table.form td select{width:44%; padding:2px; border:1px double #d0e7df; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; }
#content table.form td select.largewidth{width:90%; padding:2px; border:1px double #d0e7df; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; }
#content table.form td select.sml{width:20%; padding:2px; border:1px double #d0e7df; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px; }
#content table.form td select.title {width:10%;}
#content table.form input.button{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px 6px; cursor:pointer; margin-top:10px;}
#content input.focus, #content textarea.focus{border:3px double #999 !important;}
#content table.form span.mand {color:#00935f;}
#content p span.mand {color:#00935f;}
#content table.form td a {color:#3276af; text-decoration:none; border-bottom:1px solid #c8dbeb;}
#content table.form td a:hover {color:#043661;}

/* ---------- CONTAINS INFO ---------- */
.contains { font-family:Arial, Helvetica, sans-serif; clear:both; background:url(../img/bg/panel_long.gif) no-repeat; height:1%;} 
.panel {width:53px; height:88px; text-align:center; float:left; margin-bottom:10px;}
.panel-last{margin-left:-2px;}
#content #nutritional-data .panel p.title {color:#999; font-size:1em; padding-top:10px; line-height:1em; font-family:"Trebuchet MS", Tahoma, Arial, serif;}
#content #nutritional-data .panel p.type {font-size:1.1em; color:#3c3c3c; line-height:1.1em; margin-top:-3px;}
#content #nutritional-data .panel p.perc {font-size:1em line-height:1.3em; padding-top:1px; font-weight:bold;}

/* ---------- Email a Friend ---------- */
#emailpage{padding:7px 7px 0px 7px;}
#emailpage p{font-size:1.1em; line-height:1.5em;}
#emailpage span{display:none;} #emailpage table{margin-top:5px; width:100%;}
#emailpage table td{font-size:1.1em; color:#008d55; padding:0px 10px 10px 0px; line-height:1.6em; width:50%;}
#emailpage table td input{padding:3px; font-size:11px; font-family:Arial, Helvetica, sans-serif; border:1px solid #999; width:160px;}
#emailpage table td input.button{background-color:#008d55; color:#fff; border:1px solid #026b46; cursor:pointer; width:auto;}
#emailpage table td label{display:block; width:200px; clear:both;}

/* ---------- Our Brands Landing ---------- */
#brands img{float:left; margin:0px 20px 20px 0px;}

/* ---------- Footer ---------- */
#footer{clear:both; height:63px; background:url(../img/bg/footer.jpg) repeat-x bottom left; position:relative;}
#footer p{font-size:1.1em; color:#dadada; text-align:right; position:absolute; top:35px; right:0px;}
#footer a{color:#2d5c76; text-decoration:none;} #footer a:hover{text-decoration:underline;} #footer img{position:absolute; top:32px; left:0px;}
#company-details{padding:15px 0px; position:relative;}
#company-details p{width:390px; height:30px; background:url(../img/bg/company-details.jpg) no-repeat; text-indent:-9000px;}
#company-details img{position:absolute; top:12px; right:0px;}

/* ---------- FAQs ---------- */
.expand a:link, .expand a:visited{display:block; color: #195e99; background:url(../img/icons/plus.gif) no-repeat left 5px; padding-left:15px; font-size:1.2em; }  
.expand a:hover, .expand a:active, .expand a:focus {color: #195e99; outline:none;}
.expand.arrow-up a:link, .expand.arrow-up a:visited {background:transparent url(../img/icons/minus.gif) no-repeat left 5px; padding-left:15px;}
.choose{padding-left:3px;} #content .collapse p{padding-left:15px;} #content .choose a{text-decoration:underline; border-bottom:none;}

/* ---------- Contact Us ---------- */
.contact-details{width:168px; margin-right:2%; float:left; min-height:120px; height:auto !important; height:120px; }
#content .contact-details p.telephone{padding-left:15px; background:url(../img/icons/mobile.gif) no-repeat; margin-bottom:0px;}

/* ---------- IE6 ---------- */
*html #drop{right:0px;}