body { background-image: url('../images/body-bg.jpg'); background-repeat: no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; }
#page { position: relative; width: 1007px; padding-top: 20px; }

/* START HEADER */
#header { position: relative; width: 842px; height: 93px; margin-left: 165px; margin-bottom: 16px; }
#search { width: 300px; height: 49px; float: right; padding: 0; margin: 0; display: inline; }
#search div.phrase { width: 192px; height: 35px; float: left; margin-top: 10px; margin-left: 1px; background-image: url('../images/searchbox-background.gif'); background-repeat: no-repeat; }
#search div.phrase input { margin-top: 6px; margin-left: 13px; border: 0px; width: 170px; }
#search div.submit { width: 98px; float: left; margin-top: 10px; }
#nav { position: absolute; bottom: 0; left: 3px; height: 33px; width: 839px; }
#nav ul li { list-style: none; }
#nav ul li.home { position: absolute; top: 0; left: -1px; width: 172px; height: 33px; background-image: url('../images/topnav-home.gif'); background-repeat: no-repeat; }
#nav ul li.home a { display: block; width: 172px; height: 33px; }
#nav ul li.home:hover { background-image: url('../images/topnav-home.gif'); }
#nav ul li.about-us { position: absolute; top: 0; left: 171px; width: 180px; height: 33px; background-image: url('../images/topnav-about-us.gif'); background-repeat: no-repeat; }
#nav ul li.about-us a { display: block; width: 180px; height: 33px; }
#nav ul li.about-us:hover { background-image: url('../images/topnav-about-us.gif'); }

#nav ul li.news { position: absolute; top: 0; left: 351px; width: 216px; height: 33px; background-image: url('../images/topnav-news.gif'); background-repeat: no-repeat; }
#nav ul li.news a { display: block; width: 248px; height: 33px; }
#nav ul li.news:hover { background-image: url('../images/topnav-news.gif'); }

#nav ul li.archive { position: absolute; top: 0; left: 599px; width: 268px; height: 33px; background-image: url('../images/topnav-archive.gif'); background-repeat: no-repeat; }
#nav ul li.archive a { display: block; width: 237px; height: 33px; }
#nav ul li.archive:hover { background-image: url('../images/topnav-archive.gif'); }
/* END HEADER */

/* START SUBNAV */
#subnav { position: absolute; top: 180px; left: 5px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; width: 150px; }
#subnav ul { margin: 0; padding: 0; }
#subnav ul li { margin: 0px; padding: 0px; padding-top: 2px; padding-bottom: 6px; margin-top: 6px; padding-left: 28px; background-image: url('../images/subnav-bullet.gif'); background-repeat: no-repeat; list-style: none; }
#subnav ul li a { text-decoration: none; color: #000099; }
/* END SUBNAV */

/* START CONTENT */
#content { position: relative; width: 837px; margin-left: 165px;}
/* END CONTENT */

/* START PAGE */
#pageheader {
	position: relative;
	width: 837px;
	height: 12px;
	background-image: url('../images/white-content-header.gif');
	background-repeat: no-repeat;
	margin-top:00px;
}

#pagecontent {
	background-color: #ffffff;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size:11pt;
}

#pagecontent h1 {
	margin: 0;
}

#pagecontent p {
	margin: 0;
}

#pagefooter {
	position: relative;
	width: 837px;
	height: 12px;
	background-image: url('../images/white-content-footer.gif');
	background-repeat: no-repeat;
	margin-bottom: 18px;
}

#pagecontent h1 { font-family: Arial, Helvetica, sans-serif ; font-size: 20px; font-weight: normal; color: #4158af; line-height: 25px; margin: 0px; padding: 0px; margin-left: 12px; padding-left: 34px; background-image: url('../images/h2-bullet.gif'); background-repeat: no-repeat;  }
#pagecontent h2 { font-family: Arial, Helvetica, sans-serif ; font-size: 18px; font-weight: normal; color: #4158af; line-height: 21px; margin: 0px; padding: 0px; margin-left: 17px; padding-left: 29px; background-image: url('../images/h3-bullet.gif'); background-repeat: no-repeat; margin-top: 15px }

#pagecontent p, #pagecontent ul { margin: 0px; padding: 0px; margin-left: 48px; margin-right: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; padding-top: 10px; padding-bottom: 8px; line-height: 17px; margin-right: 30px }
#pagecontent ul { margin-left: 72px; list-style-type: none; }
#pagecontent img { padding: 15px; display: block }
#pagecontent a { color: #3e9de1 }


/* END PAGE */

/* TABLE */

.timemachinetables table td img { padding: 0px; display: inline; }
.timemachinetables { margin-left: 0px; margin-top: 0px; float:right; }
.timemachinetablesinner { color: #fefefe; width: 488px; padding-bottom: 22px; background-image: url('../images/archive/time-machine-footer-background.gif'); background-position: bottom; background-repeat: no-repeat }
.timemachinetables table { border-collapse: collapse; border-spacing: 0; background-image: url('../images/archive/time-machine-table-background2.gif'); background-repeat: repeat-x; width: 488px; background-color: #326ebd; /*#2d3786*/}
.timemachinetables table th { padding: 0; font-family: Arial, Helvetica, sans-serif; color: #000099; font-weight: bold; font-size: 11px }
.timemachinetables table td { padding: 0; background-image: url('../images/archive/time-machine-cell-background.gif'); background-repeat: no-repeat; }
.timemachinetables a { margin: 0px; padding: 0px; border: 0px } 
.timemachinetables table td.col1 { background-position: -2px 0px; width: 56px; text-align: center; padding-top: 6px; padding-bottom: 0px; }
.timemachinetables table td.col2 { background-position: -2px 0px; width: 306px; margin: 0px; border: 0px; padding: 0px; padding-top: 9px; padding-bottom: 9px; font-family: Arial, Helvetica, sans-serif; color: #000099; font-weight: bold; font-size: 11px; color: #fbfbf9; font-weight: normal; }
.timemachinetables table td.col3 { background-position: -2px 0px; width: 98px; text-align: right; font-family: Arial, Helvetica, sans-serif; color: #000099; font-weight: bold; font-size: 11px; color: #fbfbf9; font-weight: normal; text-align:left; padding-left:30px; }
.timemachinetables strong { font-weight: bold }

.timemachinetables h3 { color: #fefefe; padding-left: 14px; background-image: url('../images/archive/time-machine-table-heading.gif'); line-height: 25px; height: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; position: relative; top: 1px; left: 0px}
.timemachinetables-header { color: #fefefe; padding-left: 14px; background-image: url('../images/archive/time-machine-table-heading.gif'); line-height: 25px; height: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; position: relative; top: 1px; left: 0px; }
.timemachinetables-footer { color: #aaaaaa; padding-left: 26px; padding-right:26px; padding-top:12px; background-image: url('../images/archive/time-machine-footer-background.gif'); line-height: 25px; height: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; position: relative; top: 1px; left: 0px; }  
.timemachinetablesinner p { color: #fefefe; background-color: #2d3786; margin: 0px; padding: 19px; padding-top: 6px; padding-bottom: 6px; }


/* END TABLE */

/* NEWS */
.newsitem { padding-top: 15px; }
.newsitem img { float: left; padding-left: 40px; }
.newsitem ul, div.newsitem p  { margin-left: 260px }
.newsitem h2 { margin-left: 100px;  }
.newsitem p { padding-left:100px; bgcolor:#000000; }

div#searchournews { width: 296px; margin: 0px; background-color: #66ccff; float:right; }
div#searchournews { background-image: url('../images/find-other-weetabix-products-footer.gif'); background-position: bottom; background-repeat: no-repeat;  }
div#searchournews h3 { margin: 0px; padding: 0px; background-image: url('../images/find-other-weetabix-products-header.gif'); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; color: #000099; font-weight: bold; font-size: 11px; line-height: 25px; padding-left: 16px; }
div#searchournews p { margin: 0px; padding: 0px; margin-top: 5px; margin-bottom: 0px; margin-left: 11px; margin-right: 31px; font-family: Arial, Helvetica, sans-serif; color: #000099; font-size: 11px; }
div#searchournews input.phrase { line-height:20px; left: 0px; border: 1px solid #7f9db9; width: 160px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 12px; margin-bottom: 10px; }
div#searchournews div { line-height:20px; margin-left: 11px; padding-bottom: 0px; }

div#searchournewsitem { width: 296px; margin-top: 0px; background-color: #66ccff; }
div#searchournewsitem { margin-left: 522px; background-image: url('../images/find-other-weetabix-products-footer.gif'); background-position: bottom; background-repeat: no-repeat;  }
div#searchournewsitem h3 { margin: 0px; padding: 0px; background-image: url('../images/find-other-weetabix-products-header.gif'); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; color: #000099; font-weight: bold; font-size: 11px; line-height: 25px; padding-left: 16px; }
div#searchournewsitem p { margin: 0px; padding: 0px; margin-top: 8px; margin-bottom: 8px; margin-left: 11px; margin-right: 31px; font-family: Arial, Helvetica, sans-serif; color: #000099; font-size: 11px; }
div#searchournewsitem input.phrase { position: relative; top: -10px; left: 0px; border: 1px solid #7f9db9; line-height: 30px; width: 170px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 11px; padding: 2px; }
div#searchournewsitem div { margin-left: 11px; padding-bottom: 18px;  }

div#searchourdocs { float:left; margin-left: 0px; background-image: url('../images/find-other-weetabix-products-footer.gif'); background-position: bottom; background-repeat: no-repeat; width: 296px; margin-top: 0px; background-color: #66c1f5; }
div#searchourdocs h3 { margin: 0px; padding: 0px; background-image: url('../images/find-other-weetabix-products-header.gif'); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; color: #000099; font-weight: bold; font-size: 11px; line-height: 25px; padding-left: 16px; }
div#searchourdocs p { margin: 0px; padding: 0px; margin-top: 8px; margin-bottom: 8px; margin-left: 11px; margin-right: 31px; font-family: Arial, Helvetica, sans-serif; color: #000099; font-size: 11px; }
div#searchourdocs input.phrase { position: relative; top: -10px; left: 0px; border: 1px solid #7f9db9; line-height: 30px; width: 170px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 11px; padding: 2px; }
div#searchourdocs div { margin-left: 11px; padding-bottom: 18px; }
div#searchourdocs input.text { width:175px; }

.searchourdocs { font-family: Arial, Helvetica, sans-serif; color: #000099; font-size: 11px; padding:10px; }

p#newsnav { margin: 0px; padding: 0px; border: 0px; margin-top:0px; padding-top: 10px; padding-left:15px;  }
p#newsitemnav { margin: 0px; padding: 0px; border: 0px; float: left; margin-top:0px; padding-left: 48px; padding-top: 0px; }

div.news h1 { font-family: Arial, Helvetica, sans-serif ; font-size: 20px; font-weight: normal; color: #00b9f1; font-size: 20px; line-height: 25px; margin: 0; padding: 0px; margin-left: 0px; padding-left: 34px; margin-bottom: 5px; margin-top: 5px; background-image: url('../images/h2-bullet.gif'); background-repeat: no-repeat;  }

div.news h2 { font-family: Arial, Helvetica, sans-serif ; font-size: 18px; font-weight: normal; color: #326ebd; font-size: 18px; line-height: 25px; margin: 0; padding: 0px; margin-left: 0px; padding-left: 34px; margin-bottom: 5px; margin-top: 5px; background-image: url('../images/h3-bullet.gif'); background-repeat: no-repeat;  }

div.news p { padding-left: 34px;padding-bottom:20px; color:  #1b144d; }
/* END NEWS */

/* START BCONTAINER */
#bcontainer {
	clear: both;
	margin: 20px 0 0 165px;
	padding: 10px 0 0 0; 
	width: 836px; 
	height: 135px; 
	background-image: url('../images/bottomnav.gif');
	background-repeat: no-repeat;
}
#bcontainer ul { list-style: none; margin: 0; padding: 0; }
#bcontainer ul li { display: inline; float: left; background-repeat: no-repeat; }
#bcontainer a {
	display: block;
	text-indent: -2000px;
	padding: 0;
	margin: 0;
	border-style: none;
}
#footerweetabix { width: 120px; height: 60px; background-image: url('../images/bottomnav-weetabix.png'); }
#footerweetabixbitesize { width: 120px; height: 60px; background-image: url('../images/bottomnav-weetabixbitesize.png'); }
#footerweetabixminis { width: 120px; height: 60px; background-image: url('../images/bottomnav-weetabixminis.png'); }
#footeroatibix { width: 120px; height: 60px; background-image: url('../images/bottomnav-oatibix.png'); }
#footeroatibixbites { width: 120px; height: 60px; background-image: url('../images/bottomnav-oatibixbites.png'); }
#footeroatibixflakes { width: 120px; height: 60px; background-image: url('../images/bottomnav-oatibixflakes.png'); }
#footerreadybrek { width: 120px; height: 60px; background-image: url('../images/bottomnav-readybrek.png'); }
#footerweetaflakes { width: 120px; height: 60px; background-image: url('../images/bottomnav-weetaflakes.png');}
#footeralpencereals { width: 120px; height: 60px; background-image: url('../images/bottomnav-alpencereals.png'); }
#footeralpenbars { width: 120px; height: 60px; background-image: url('../images/bottomnav-alpenbars.png'); }
#footerweetos { width: 120px; height: 60px; background-image: url('../images/bottomnav-weetos.png'); }
#footercrunchybran { width: 120px; height: 60px; background-image: url('../images/bottomnav-crunchybran.png'); }

/* END BCONTAINER */

/* START FOOTER */
#footer { position: relative; width: 837px; margin-left: 165px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #d55620; }
#footer #copyright { float: right; text-align: right; }
#footer #copyright p { color: #d55620 }
#footer #links { margin-left: 0px; padding-top: 14px }
#footer #links ul { margin-top: 20px; margin: 0; padding: 0; }
#footer #links UL LI { display: inline; list-style: none; padding-right: 5px; margin-right: 7px; border-right: 1px solid #cc6600; }
#footer #links ul li a { color: #000099 }

/* END FOOTER */

/* START MISC */
.hidden { display: none; }

div.frontpagebanners h3 { font-family: Arial, Helvetica, sans-serif ; font-size: 18px; font-weight: normal; color: #4158af; line-height: 21px; margin: 0px; padding: 0px; background-repeat: no-repeat; margin-top: 5px; margin-bottom:3px; }
div.frontpagebanners p { margin:0px; padding:0px; margin-bottom:20px; }
/* END MISC */

/**************************************/
/* enquiry form                       */
/**************************************/

span.mandatory { color: #990000; font-weight: bold; font-size: 20px; position: relative; top: 5px; left: 0px }
form#enquiryform { margin-left: 23px; margin-right: 301px; background-color: #c3e7fb; margin-top: 20px; background-image: url('../images/form-background.gif'); background-position: bottom; background-repeat: no-repeat}
form#enquiryform fieldset { width: 473px; display: block; margin: 0px; padding: 0px; border: 0px; }
form#enquiryform, form#enquiryform input, form#enquiryform select, form#enquiryform textarea { color: #000099; font-family: arial, helvetica, sans-serif; font-size: 11px; }
form#enquiryform input, form#enquiryform select, form#enquiryform textarea{ margin: 0px; padding: 0px; border: 0px }
form#enquiryform input, form#enquiryform select, form#enquiryform textarea{ border: 1px solid #7f9db9; padding: 1px }
form#enquiryform div { clear: both; margin-top: 4px }
form#enquiryform label { float: left; width: 125px; text-align: right; display: block }
form#enquiryform input, form#enquiryform select, form#enquiryform textarea{ margin-left: 15px; color: black }
form#enquiryform input { width: 215px }
form#enquiryform fieldset h2 { text-align: right; background-image: url('../images/fieldset-background-other.gif'); background-repeat: no-repeat; font-size: 11px; margin: 0px; padding: 0px; border: 0px; padding-right: 350px; line-height: 25px; height: 44px; color: #000099; font-weight: bold; margin-top: 20px; }
form#enquiryform fieldset#top h2 { background-image: url('../images/fieldset-background-top.gif'); margin-top: 0px }
form#enquiryform fieldset textarea { margin: 0px; width: 280px; height: 120px; margin-left: 142px }
form#enquiryform label#labelfuturecorrespondence { text-align: left; display: block; width: auto; margin: 0px; padding: 0px; border: 0px; float: none; margin-left: 147px; margin-top: 10px }
form#enquiryform select#futurecorrespondence { margin: 0px; padding: 0px; border: 0px; margin-left: 145px; margin-top: 5px}
form#enquiryform p { margin-left: 23px; margin-right: 23px; margin-top: 10px; margin-bottom: 5px }
form#enquiryform input#submit { width: 90px; height: 35px; border: 0px; margin: 0px; padding: 0px; display: block; padding-bottom: 10px; margin-left: 142px }
form#enquiryform span.mandatory { float: right; margin-right: 98px; position: relative; top: -1px; left: 0px }
form#enquiryform span.ta_mandatory {color: #990000; font-weight: bold; font-size: 20px; float: right; margin-right: 30px; position: relative; top: -1px; left: 0px }
p.redoform{color: red; font-size: 8px;}