a, a:link, a:visited, a:active, a img { color : #D20000; border: 0 none; }
a:hover, a:focus { color : #1096D6; }
a, body, td, blockquote, code, div, form, input, select, li, ol, ul, p, pre, span, textarea { font-family : Arial, Helvetica, sans-serif; font-size : 12px; color:#000000; }
area, map { border-width: 0px; border-style: none; }
body { margin: 0px; padding: 0px; border: 0px none; background-color: #004B7C; text-align:center; }
body, td, div, p { line-height: 1.5; }
th {text-align:left;}
p { padding-bottom:8px; }
li { padding-bottom:4px; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size : 20px; font-weight : normal; padding:0px 4px 0px 0px; margin:0px; }
h2 { font-size : 13px; font-weight:bold; padding-top: 15px; border-bottom: 1px solid #86AEDF; }
h3 { font-size : 12px; font-weight:bold; margin:0; padding:0 0 2px 0; }
h4, h5, h6 { font-size : 10px; }
/* Page Colours 
-------------------------------------------------------------------------------------------------------------*/

/*Blue */
#boxContent { background-image: url(images/strip_blue.gif); }
#nav li li:hover, #nav li li.sfhover, #nav li li a:hover { background-color:#0A64B6; color: #FFF; }
/*Orange*/
#nav, #nav ul, #nav a { background-color:#F35C05; }
/*custom headings*/

#food_enhancement h1, 
#dairy h1, #beverages h1, #toptea h1, 
#dop h1, 
#kippi h1, 
#onga h1, 
#amila h1 { background-color:transparent; color:#FFFFFF; padding:0px 4px 0px 0px; }
#loya h1 { background-color:transparent; color:#000000; padding:0px 4px 0px 0px; }
#food_enhancement h2, #dairy h2, #toptea h2, #onga h2 { border-bottom: 1px solid #444444; }
#miksi #boxContent, 
#loya #boxContent, 
#loyaFlavours #boxContent { background-image:url(images/grad_yellow.jpg); background-repeat: repeat-x; }
#dairy #boxContent,
.dairy #boxContent,
.cowbell #boxContent,
#cowbell #boxContent, 
#cowbellchoc #boxContent { background-image:url(images/grad_blue.jpg); background-repeat: repeat-x; }
#beverages #boxContent, #dop #boxContent { background-image:url(images/grad_cyan.jpg); background-repeat: repeat-x; }
#amila #boxContent { background-image:url(images/grad_blue_cyan.jpg); background-repeat: repeat-x; }
#food_enhancement #boxContent, #toptea #boxContent, #onga #boxContent { background-image:url(images/grad_red.jpg); background-repeat: repeat-x; }
#promacafe #boxContent { background-image:url(images/grad_ochre.jpg); background-repeat: repeat-x; }
#kippi #boxContent { background-image:url(images/grad_dark_blue.jpg); background-repeat: repeat-x; }
#krunshi #boxContent { background-image:url(images/grad_light_cyan.jpg); background-repeat: repeat-x; }
#topdog #boxContent { background-image:none; }

/* Straplines
-------------------------------------------------------------------------------------------------------------*/
#boxWrapper #strapline { border-left: 5px solid #B3CAE9; border-right: 5px solid #B3CAE9; background-repeat: no-repeat; background-position: left bottom; }
#miksi #strapline { background-image:url(images/miksi_strapline.gif); }
.cowbell #strapline { background-image:url(images/cowbell_strapline.gif); }
.cowbell-flavours #strapline { background-image:url(images/cowbellchoc_strapline.gif); }
#loya #strapline { background-image:url(images/loya_strapline.gif); background-position:center; background-color:#005894; }
#loyaFlavours #strapline { background-image:url(images/loya_flavours_strapline.gif); }
#dop #strapline { background-image:url(images/dop_strapline.gif); background-position:right }
#amila #strapline { background-image:url(images/amila_strapline.gif); background-position:center bottom }
#toptea #strapline { background-image:url(images/toptea_strapline.gif); background-position:center bottom }
#promacafe #strapline { background-image:url(images/promacafe_strapline.gif); background-position:center bottom }
#topdog #strapline { background-image:url(images/topdog_strapline.gif); background-position:center bottom }
#kippi #strapline { background-image:url(images/kippi_strapline.gif); background-position:center bottom }
#krunshi #strapline { background-image:url(images/krunshi_strapline.gif); background-repeat:repeat; }
#onga #strapline { background-image:url(images/onga_strapline.gif); background-position:right bottom }

/* Box Layout
-------------------------------------------------------------------------------------------------------------*/
#boxWrapper { width:750px; padding:0px; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:10px; background-image: url(images/header.jpg); background-repeat: no-repeat; background-position: left top; background-color: #FFFFFF; }
#boxContent { clear:left; text-align:justify; margin:0; padding:20px 20px 30px 30px; background-color: #FFFFFF; border-top: 0px none #B3CAE9; border-right: 5px solid #B3CAE9; border-left: 5px solid #B3CAE9; background-repeat: repeat-y; background-position: left top; }
#boxFooter { padding:0px; margin:0px; border: 0px none; background-color: #004B7C; border-top: 5px solid #B3CAE9; }
#boxFooter div { padding:20px 0 5px 10px; }
#boxFooter div, #boxFooter a { color:#B3CAE9; }
#boxFooter a:hover { color:#ffffff; }

/* Navigation
-------------------------------------------------------------------------------------------------------------*/
#boxNav { text-align:left; height:90px; position:relative; z-index:5; padding:0px; margin:0px; background-image: url(images/logo.gif); background-repeat: no-repeat; background-position: right top; border-top: 5px solid #B3CAE9; border-right: 5px solid #B3CAE9; border-bottom: 1px solid #FFFFFF; border-left: 5px solid #B3CAE9; }
#nav { position:absolute; bottom:0px; }
#nav, #nav ul { float: left; list-style: none; line-height: 1; padding: 0; margin: 0; }
#nav ul { position: absolute; left: -999em; border: solid #FFFFFF; border-width: 1px 1px 2px 1px; }
#nav a { display: block; color: #FDD9CE; padding: 4px 5px 4px 4px; text-decoration: none; font-family: Arial, Verdana, Helvetica; font-size:11px; }
#nav a.arrowRight { background-image:url(images/arrow_right.gif); background-repeat: no-repeat; background-position: right center; }
#nav a, #nav li { border-top: 1px solid #ffffff; }
#nav a:hover { color: #ffffff; }
#nav li { float: left; padding: 0; margin:0px; }
#nav li ul { position: absolute; left: -999em; height: auto; font-weight: normal; margin: 0; }
#nav ul li, #nav ul li a { border-top: 0px none; }
#nav li li, #nav li li a, #nav ul, #nav ul ul { width: 110px; }
#home, #home a { width: 65px; }
#aboutus, #aboutus a { width: 80px; }
#brands, #brands a { width: 120px; }
#brands .lev02 { width:129px; }
#brands .lev02 { width:129px; }
#brands .lev02 li a { width:100px; }
#cares, #cares a { width: 130px; }
#contacts, #contacts a { width: 60px; }
#nav li ul ul { margin: -10px 0 0 110px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul { left: auto; }
#boxNav .lev01 a { font-weight:bold; color:#FFFFFF; }
#boxNav .lev01 a:hover { color:#FFFF66; }
#boxNav .lev02 a { font-weight: normal; }
#boxNav .lev02 a:hover { color:#FFFFFF; }
#boxNav .lev03 a { background-color:#EB8D2B; padding: 1px 25px 2px 4px; border-width:0 1px 0 1px }
#boxNav .lev04 a { background-color:#1787D1; padding: 6px 25px 6px 4px; }

/* Custom styles 
-------------------------------------------------------------------------------------------------------------*/
.footnote { font-size:9px; }
.rightpic { margin: 0 0 5px 20px; float:right; }
.leftpic { margin: 0 20px 5px 0px; float:left; }
.center { text-align:center; margin-left:auto; margin-right:auto;}
.center-block { margin-left:auto; margin-right:auto; display:block;}
.bord { border:1px solid; }
.bookmark { float:right; }
.caption { color:#FF9933; font-weight:bold; display:block; font-style:italic; font-size:10px; }
.bottomNav { padding-top:30px; clear:both; }
.backtotop { float:right; }
.paging { float:left; }
.bottomNav .back { padding-right:10px; border-right: 1px solid #333333; }
.bottomNav .next { padding-left:10px; }
#cowbell .bottomNav, #cowbellchoc .bottomNav, #miksi .bottomNav, #amila .bottomNav, #toptea .bottomNav, #onga .bottomNav, #kippi .bottomNav, #krunshi .bottomNav, #topdog .bottomNav { padding-bottom:50px; }

/* Countries 
-------------------------------------------------------------------------------------------------------------*/
.country #boxContent { padding: 60px;}
.country #boxContent p, .country #boxContent td { color:#19557c; line-height:1.75em; }
.country #boxContent{ background-image:url(images/grad-blue-light.jpg); background-repeat: repeat-x; }
.country #boxContent h1 { color: #64c7ff; background: #FFF; margin: 0px 50px 20px 0px; padding:6px 10px; line-height:1em; }
.country #boxContent .flag { float:right; border: 1px solid #333; }
.country #boxContent td .feature-pic { border:5px solid #FFF; margin-left: 20px; margin-bottom: 20px; }
.country #boxContent table { margin-bottom:10px;}
.country #boxContent #logos { text-align:center; background:#00263e url(none); border:none; padding: 6px 3px; }
.country #boxContent #logos img { padding:1px; text-align: center; }
.country #boxContent td .factory-pic { border:10px solid #ddeef5; margin: 5px 0 10px 0;}