/**************************************/
/* global/css reset                   */
/**************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 
p { margin-top: 15px; margin-bottom: 15px }
body { background-image: url(/images/standard/body-background4.jpg); background-repeat: no-repeat }
ul#topnav { list-style: none; padding: 0; margin: 0; width: 836px }
ul#topnav li { display: inline; padding: 0; margin: 0; }
ul#topnav li a { display: block; float: left; padding: 0; margin: 0; }
img { border: 0px }
label { display: none }
form { margin: 0px; padding: 0px; border: 0px }

/**************************************/
/* template                           */
/**************************************/
.hidden { display: none; }
ul#accesskeys { display: none }
div#innerbody { padding-left: 165px; padding-top: 20px }
div#counter { width: 502px; float: left; padding-left: 25px }
div#phraseouter { width: 193px; height: 35px; float: left; margin-top: 9px; background-image: url(/images/standard/searchbox-background.gif) }
div#phraseinner { margin-top: 8px; margin-left: 14px }
input.phrase { border: 0px; width: 170px }
div#phrasesubmit { width: 98px; float: left; margin-top: 10px }
ul#topnav { clear: both; margin-left: 3px; padding: 0; padding-top: 11px; margin: 0;}
div#cleaner { clear: both }
span.searchresult { color: #999999 }
#brandnavcaption { display: none }

/**************************************/
/* subnavigation                      */
/**************************************/

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

/**************************************/
/* individual brand page              */
/**************************************/

div#whitecontentfooter { clear: both; background-color: transparent }
div#brandpageouter { clear: both; width: 837px; background-image: url(/images/standard/white-content-header.gif); background-repeat: no-repeat; background-color: white; padding-bottom: 10px }
div#intherange { float: right; margin-right: 20px; display: inline }
div#cerealsintherange { background-image: url(/images/standard/brand-page/cereals-in-the-range-footer.gif); background-color: #333366;  }
div#cerealsintherange h3 { background-image: url(/images/standard/brand-page/cereals-in-the-range-header.gif); }
div#cerealsintherange li a { color: #ffcc33; }
div#cerealbarsintherange { background-image: url(/images/standard/brand-page/cereal-bars-in-the-range-footer.gif); background-color: #ffb810; }
div#cerealbarsintherange h3 { background-image: url(/images/standard/brand-page/cereal-bars-in-the-range-header.gif);  }
div#cerealbarsintherange li a { color: #d45100; }
div#cerealsintherange, div#cerealbarsintherange { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-position: bottom; background-repeat: no-repeat; margin-bottom: 10px; width: 294px; margin-top: 21px } 
div#cerealsintherange ul, div#cerealbarsintherange ul { margin: 0px; padding: 0px; padding-left: 14px; padding-top: 14px; padding-bottom: 17px; font-weight: bold;  } 
div#cerealsintherange li, div#cerealbarsintherange li { line-height: 18px; margin: 0px; padding: 0px; list-style-type: none }
div#cerealsintherange h3, div#cerealbarsintherange h3 { margin: 0px; padding: 0px;  background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; color: white; font-weight: bold; font-size: 11px; padding-left: 15px; line-height: 25px }
div#cerealsintherange li a, div#cerealbarsintherange li a { text-decoration: none }
div#findotherweetabixproducts { width: 296px; margin-top: 40px; background-color: #66ccff }
div#findotherweetabixproducts { margin-left: 46px; background-image: url(/images/standard/brand-page/find-other-weetabix-products-footer.gif); background-position: bottom; background-repeat: no-repeat;  }
div#findotherweetabixproducts h3 { margin: 0px; padding: 0px; background-image: url(/images/standard/brand-page/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#findotherweetabixproducts 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#findotherweetabixproducts select { width: 217px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 11px; }
div#findotherweetabixproducts div { margin-left: 11px; padding-bottom: 18px }
div#brandcopy { margin-left: 46px; margin-right: 356px; color: #000099; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px }
div#brandcopy a { color: #3e9de1 }
div#brandpageinner { padding-top: 15px; }
div#brandpageinner h2 { font-family:Arial, Helvetica, sans-serif ; font-size: 20px; font-weight: normal; color: #4158af; font-size: 20px; line-height: 25px; margin: 0px; padding: 0px; margin-left: 12px; padding-left: 34px; background-image: url(/images/standard/h2-bullet.gif); background-repeat: no-repeat }
div#brandpageouter p#back { float: right; margin-right: 42px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold }
div#brandpageouter p#back a { color: #cc3300; text-decoration: none }

/**************************************/
/* individual product page            */
/**************************************/

div#productimage { margin-left: 25px; margin-top: 20px; }
div#detailedinfoouter { display: inline; width: 297px; float: right; margin-right: 25px; margin-top: 42px; margin-bottom: 13px }
div#detailedinfoouter ul#tabs li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0px; padding: 0px; float: left; text-align: center; width: 99px; line-height: 25px; background-image: url(/images/standard/product-page/tab.gif); background-repeat: no-repeat; }
div#detailedinfoouter ul#tabs li a { color: black; text-decoration: none; width: 99px; height: 25px; display: block }
div#detailedinfoouter ul#tabs li.highlighted { background-image: url(/images/standard/product-page/tab-highlighted.gif); }
div#detailedinfoouter ul#tabs li.highlighted a { color: white; text-decoration: none; }
div#detailedinfoinner { clear: both; background-image: url(/images/standard/product-page/nutrition-header-gradient.gif); background-repeat: repeat-x; padding-bottom: 20px;  }
div#detailedinfoouter { background-image: url(/images/standard/product-page/nutrition-footer-curve.gif); background-repeat: no-repeat; background-position: bottom; background-color: #c3e7fb; }
div#ingredientsinfo { display: none }
div#otherinfo { display: none }
table.productthreecolumns, table.producttwocolumns { width: 297px; background-repeat: repeat-y }
table.productthreecolumns { background-image: url(/images/standard/product-page/three-column-background.gif); }
table.productthreecolumns th { background-color: #c3e7fb; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 40px; text-align: center; font-style: italic; background-image: url(/images/standard/product-page/cell-bottom.gif); background-position: bottom; background-repeat: repeat-x; }
table.productthreecolumns th.first { padding-left: 7px; text-align: left }
table.producttwocolumns { background-image: url(/images/standard/product-page/two-column-background.gif); }
table.productthreecolumns td, table.producttwocolumns td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-image: url(/images/standard/product-page/cell-bottom.gif); background-position: bottom; background-repeat: repeat-x; width: 72px; text-align: center }
table.productthreecolumns td.first { width: 149px; padding: 3px; padding-left: 8px; text-align: left; } 
table.producttwocolumns td.first { width: 223px; padding: 3px; padding-left: 8px; text-align: left; } 
div#detailedinfoouter h3 { padding-left: 7px; padding-top: 7px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-image: url(/images/standard/product-page/cell-bottom.gif); background-position: bottom; background-repeat: repeat-x; }
div#detailedinfoouter p { padding: 15px; margin: 0px;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
div#otherinfo p { font-style: italic }
div#otherinfo p a { font-style: normal; color: #3e9de1 }

/**************************************/
/* brand landing page            */
/**************************************/

div#brandlandingpageinner { margin-left: 45px }
div#brandlandingpageinner div { float: left; position: relative; }
div#brandlandingpageinner div p { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #cc3300; font-weight: bold }
div#brandlandingpageinner div p a { color: #cc3300; text-decoration: none; }
div#brandlandingpageinner div ul { position: absolute; top: 20px; left: 0px; width: 187px; text-align: center; padding-bottom: 2px;/* border: 1px solid #ccccff; border-width: 1px 0px 0px 0px; */}
div#brandlandingpageinner div ul li { margin: 0px; padding: 0px; /* border: 1px solid #ccccff; border-width: 0px 0px 1px 0px; */ line-height: 13px; }
div#brandlandingpageinner div ul li a { text-decoration: none; font-family:Arial, Helvetica, sans-serif; color: #003399; font-size: 9px; font-weight: bold; padding: 0; margin: 0; }
div#brandlandingpageinner img { zoom: 1; }
div#brandlandingpageinner div ul { visibility: hidden }

/**************************************/
/* footer                             */
/**************************************/

div#footer { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 837px }
#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 }

div.genericpageouter { margin: 0px; padding: 0px; border: 0px; clear: both; width: 837px; padding-bottom: 0px; margin-bottom: 0px; padding-top: 5px; background-image: url(/images/standard/content-background.gif); background-repeat: no-repeat; background-position: bottom;  }

div.genericpageouter h1 { font-family: Arial, Helvetica, sans-serif ; font-size: 20px; font-weight: normal; color: #4158af; font-size: 20px; line-height: 25px; margin: 0px; padding: 0px; margin-left: 12px; padding-left: 34px; background-image: url(/images/standard/h2-bullet.gif); background-repeat: no-repeat;  }
div.genericpageouter 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/standard/h3-bullet.gif); background-repeat: no-repeat; margin-top: 15px }

div.genericpageouter p, div.genericpageouter 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 }
div.genericpageouter ul { margin-left: 72px; list-style-type: none; }
div#genericpageinner img { padding: 15px; display: block }
div.genericpageouter a { color: #3e9de1 }

/**************************************/
/* nutrition page                     */
/**************************************/

div.genericpageouter div#findotherweetabixproducts { margin-left: 48px; margin-top: 20px }
div.genericpageouter div#findotherweetabixproducts p { margin-left: 11px }

/**************************************/
/* time machine                       */
/**************************************/

div#medianavigation { float: right; width: 296px; margin-right: 15px; display: inline }
div#medianavigation div { width: 296px; background-color: #70c6f7; margin-bottom: 17px }
div#medianavigation div { background-image: url(/images/standard/brand-page/find-other-weetabix-products-footer.gif); background-position: bottom; background-repeat: no-repeat;  }
div#medianavigation div h3 { margin: 0px; padding: 0px; background-image: url(/images/standard/brand-page/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#medianavigation div 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#medianavigation div div { margin-left: 11px; padding-bottom: 18px }
div#medianavigation ul { margin: 0px; padding: 0px; padding-left: 14px; padding-top: 14px; padding-bottom: 17px; font-weight: bold;  } 
div#medianavigation li { line-height: 18px; margin: 0px; padding: 0px; list-style-type: none }
div#medianavigation li a { color: #000099; text-decoration: none }
div#mediaintrotext { width: 500px } 

div#timemachinetables table td img { padding: 0px; display: inline }
div#timemachinetables { margin-left: 12px; margin-top: 20px }
div#timemachinetablesinner { width: 488px; padding-bottom: 22px; background-image: url(/images/standard/media-page/time-machine-footer-background.gif); background-position: bottom; background-repeat: no-repeat }
div#timemachinetables table { border-collapse: collapse; border-spacing: 0; background-image: url(/images/standard/media-page/time-machine-table-background2.gif); background-repeat: repeat-x; width: 488px; background-color: #326ebd; /*#2d3786*/}
div#timemachinetables table th { padding: 0; font-family: Arial, Helvetica, sans-serif; color: #000099; font-weight: bold; font-size: 11px }
div#timemachinetables table td { padding: 0; background-image: url(/images/standard/media-page/time-machine-cell-background.gif); background-repeat: no-repeat; }
div#timemachinetables a { margin: 0px; padding: 0px; border: 0px } 
div#timemachinetables table td.col1 { background-position: -2px 0px; width: 56px; text-align: center; padding-top: 6px; padding-bottom: 0px; }
div#timemachinetables table td.col2 { background-position: -2px 0px; width: 376px; 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; }
div#timemachinetables table td.col3 { background-position: -2px 0px; width: 58px; text-align: center; }
div#timemachinetables strong { font-weight: bold }
div#video { margin-left: 48px; margin-top: 20px }

div#timemachinetables h3 { color: #fefefe; padding-left: 14px; background-image: url(/images/standard/media-page/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} 
div#timemachinetablesinner p { color: #fefefe; background-color: #2d3786; margin: 0px; padding: 19px; padding-top: 6px; padding-bottom: 6px; }

/**************************************/
/* useful links                       */
/**************************************/

dl.usefullinks { clear: both; position: relative; color: #fefefe; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; border: 0px; margin-left: 13px; margin-right: 22px; background-color: #2d2676; background-image: url(/images/standard/useful-links/background.gif); background-repeat: no-repeat; background-position: bottom; padding-bottom: 20px; }
dl.usefullinks dt { position: relative; clear: both; margin: 0px; padding: 0px; border: 0px; margin-left: 23px; margin-right: 26px; color: #fefefe; font-family: Arial, Helvetica, sans-serif; color: #fefefe; font-weight: bold; font-size: 11px; padding-bottom: 2px; border: 0px solid #78bdf0; border-bottom-width: 1px; padding-top: 14px; zoom: 1 }  
dl.usefullinks dd { position: relative; clear: both; margin: 0px; padding: 0px; border: 0px; position: relative; padding-top: 9px; margin-left: 23px; margin-right: 26px; font-weight: normal; } 
dl.usefullinks br { display: block; margin-top: 4px; }
dl.usefullinks dd img { position: relative; display: block; margin: 0px; padding: 0px; border: 0px; float: left; margin-right: 9px; }
dl.usefullinks dd a { color: #fde240; text-decoration: none }
ul#usefullinkstabs { clear: left; margin: 0px; border: 0px; padding: 0px; margin-left: 13px }
ul#usefullinkstabs li { line-height: 25px; list-style-type: none; margin: 0px; border: 0px; padding: 0px; float: left; text-align: center; background-image: url(/images/standard/useful-links/tab.gif); background-repeat: no-repeat; margin-top: 12px }
ul#usefullinkstabs li a { display: block; width: 139px; height: 25px; color: #fde240; text-decoration: none; font-weight: bold }
ul#usefullinkstabs li a.highlighted { color: #fefefe; background-image: url(/images/standard/useful-links/highlighted-tab.gif); background-repeat: no-repeat; } 

/**************************************/
/* nutrition explained                */
/**************************************/

dl.nutritionexplained { clear: both; position: relative; color: #fefefe; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; border: 0px; margin-left: 13px; margin-right: 22px; background-color: #2d2676; background-image: url(/images/standard/nutrition-explained/background.gif); background-repeat: no-repeat; background-position: bottom; padding-bottom: 20px; }
dl.nutritionexplained dt { position: relative; clear: both; margin: 0px; padding: 0px; border: 0px; margin-left: 23px; margin-right: 26px; color: #fefefe; font-family: Arial, Helvetica, sans-serif; color: #fefefe; font-weight: bold; font-size: 11px; padding-bottom: 2px; border: 0px solid #78bdf0; border-bottom-width: 1px; padding-top: 14px; zoom: 1 }  
dl.nutritionexplained dd { position: relative; clear: both; margin: 0px; padding: 0px; border: 0px; position: relative; padding-top: 9px; margin-left: 23px; margin-right: 26px; font-weight: normal; } 
dl.nutritionexplained br { display: block; margin-top: 4px; }
dl.nutritionexplained dd a { color: #fde240; text-decoration: none }
ul#nutritionexplainedtabs { clear: left; margin: 0px; border: 0px; padding: 0px; margin-left: 13px }
ul#nutritionexplainedtabs li { line-height: 25px; list-style-type: none; margin: 0px; border: 0px; padding: 0px; float: left; text-align: center; background-image: url(/images/standard/nutrition-explained/tab.gif); background-repeat: no-repeat; margin-top: 12px }
ul#nutritionexplainedtabs li a { display: block; width: 139px; height: 25px; color: #fde240; text-decoration: none; font-weight: bold }
ul#nutritionexplainedtabs li a.highlighted { color: #fefefe; background-image: url(/images/standard/nutrition-explained/highlighted-tab.gif); background-repeat: no-repeat; } 

/**************************************/
/* news                               */
/**************************************/

div.newsitem { clear: both; padding-top: 15px }
div.newsitem img { float: left; padding-left: 40px; }
div.newsitem ul, div.newsitem p  { margin-left: 260px }
div.newsitem h2 { margin-left: 228px; }
div#searchournews { width: 296px; margin-top: 20px; background-color: #66ccff }
div#searchournews { margin-left: 522px; background-image: url(/images/standard/brand-page/find-other-weetabix-products-footer.gif); background-position: bottom; background-repeat: no-repeat;  }
div#searchournews h3 { margin: 0px; padding: 0px; background-image: url(/images/standard/brand-page/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: 8px; margin-bottom: 8px; margin-left: 11px; margin-right: 31px; font-family: Arial, Helvetica, sans-serif; color: #000099; font-size: 11px; }
div#searchournews 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#searchournews div { margin-left: 11px; padding-bottom: 18px }
p#newsnav { margin: 0px; padding: 0px; border: 0px; float: left; margin-top:0px; padding-left: 260px; padding-top: 10px  }
p#newsitemnav { margin: 0px; padding: 0px; border: 0px; float: left; margin-top:0px; padding-left: 48px; padding-top: 0px  }

div#searchournewsitem { width: 296px; margin-top: 0px; background-color: #66ccff }
div#searchournewsitem { margin-left: 522px; background-image: url(/images/standard/brand-page/find-other-weetabix-products-footer.gif); background-position: bottom; background-repeat: no-repeat;  }
div#searchournewsitem h3 { margin: 0px; padding: 0px; background-image: url(/images/standard/brand-page/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 }

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

span.mandatory { color: #990000; font-weight: bold; font-size: 20px; position: relative; top: 5px; left: 0px }
form#enquiryform { margin-left: 43px; margin-right: 321px; background-color: #c3e7fb; margin-top: 20px; background-image: url(/images/standard/enquiry-form/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/standard/enquiry-form/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/standard/enquiry-form/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: 98px; height: 30px; 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;}
/**************************************/
/* search results                     */
/**************************************/

p#searchnav { clear: both; line-height: 58px; margin: 0px; margin-left: 15px; height: 58px; background-color: white }
p#searchnav #previous { float: left; text-indent: -2000px; display: block; width: 150px; height: 58px; background-image: url(/images/standard/search-page/results-left.gif); background-repeat: no-repeat }
p#searchnav #next { float: left; display: block; text-indent: -2000px; display: block; width: 150px; height: 58px; background-image: url(/images/standard/search-page/results-right.gif); background-repeat: no-repeat }
p#searchnav a#previous { float: left; display: block; background-image: url(/images/standard/search-page/results-left-caption.gif); text-indent: 45px; text-decoration: none; color: white; width: 150px; height: 58px; }
p#searchnav a#next { float: left; display: block; background-image: url(/images/standard/search-page/results-right-caption.gif); text-indent: 45px; text-decoration: none; color: white; width: 150px; height: 58px;}
p#searchnav span#current { float: left; display: block; width: 508px; height: 58px; background-image: url(/images/standard/search-page/results-mid.gif); text-indent: 240px; color: white }

/**************************************/
/* faqs                               */
/**************************************/

ul#faqlist { margin-right: 400px }
ul#faqcategories { list-style-type: none; margin: 0px; padding: 0px; border: 0px; padding-left: 20px; margin-top: 15px; }
ul#faqcategories li { list-style-type: none; font-weight: normal; margin: 0px; padding: 0px; margin-left: 17px; padding-left: 29px; background-image: url(/images/standard/h3-bullet.gif); background-repeat: no-repeat; margin-bottom: 10px }
ul#faqcategories li a { font-weight: bold }
div#faqnavigation { float: right; width: 296px; margin-right: 15px; display: inline }
p#faqintrotext { margin-right: 400px } 
div#searchourfaqs { width: 296px; margin-top: 20px; background-color: #66ccff }
div#searchourfaqs { background-image: url(/images/standard/brand-page/find-other-weetabix-products-footer.gif); background-position: bottom; background-repeat: no-repeat;  }
div#searchourfaqs h3 { margin: 0px; padding: 0px; background-image: url(/images/standard/brand-page/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#searchourfaqs 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#searchourfaqs 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#searchourfaqs div { margin-left: 11px; padding-bottom: 18px }

div#mostrecentquestions { background-image: url(/images/standard/brand-page/cereals-in-the-range-footer.gif); background-color: #333366; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-position: bottom; background-repeat: no-repeat; margin-bottom: 10px; width: 294px;  } 
div#mostrecentquestions ul { margin: 0px; padding: 0px; padding-left: 14px; padding-top: 14px; padding-bottom: 17px; font-weight: bold; } 
div#mostrecentquestions li { line-height: 18px; margin: 0px; padding: 0px; list-style-type: none }
div#mostrecentquestions h3 { background-image: url(/images/standard/brand-page/cereals-in-the-range-header.gif); margin: 0px; padding: 0px;  background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; color: white; font-weight: bold; font-size: 11px; padding-left: 15px; line-height: 25px }
div#mostrecentquestions li a { text-decoration: none; color: #ffcc33; }

/***************************************/
/* eat smart get active - common style */
/***************************************/
div#healthyheart, div#eatsmart, div#getactive, div#bmi{background-image: url(/eat-smart-get-active/common/background.jpg);background-repeat:no-repeat; }
div#esga_navigation{position:relative;top:430px;left:0px;}
div#esga_back{position:absolute;left:18px;cursor:pointer;}
div#esga_page{position:absolute;right:220px;}
div#esga_page .page{font-family: Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;font-weight:bold;color:#000099;line-height:17px;padding:0px;}

img.page_nav{cursor:pointer;vertical-align:middle;padding-left:2px;}


/**************************************/
/* healthy heart                      */
/**************************************/
*
div#healthyheart { margin-top: 17px; clear: both; width: 837px; height: 468px; background-repeat: no-repeat;}
div#healthyheart div#content { margin-left: 28px; margin-right: 206px; padding-top: 50px  }
div#healthyheart div#nav { float: right; width: 178px; background-image: url(/images/regional/en/healthy-heart/right-panel-top.gif); }
div#healthyheart div#content h1 { margin: 0px; padding: 0px; border: 0px; font-size: 18px; font-weight: normal; margin-top: 15px }
div#healthyheart div#content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; } 
div#healthyheart div#content p { padding: 0px; margin-top: 10px; margin-bottom: 10px; }
div#healthyheart div#content strong { font-weight: bold }
div#healthyheart div#nav ul { margin: 0px; padding: 0px; border: 0px; padding-left: 18px; line-height: 21px; font-weight: bold; height: 318px }
div#healthyheart div#nav ul li { position: relative; top: 100px; left: 0px; list-style-type: none; margin: 0px; padding: 0px; border: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: white }
div#healthyheart div#nav ul li a { color: white; text-decoration: none; }
div#healthyheart div#nav ul li a:hover { text-decoration: underline }
div#healthyheart div#nav img { display: block }

/**************************************/
/* eat smart                          */
/**************************************/

/*div#eatsmart { background-image: url(/eat-smart-get-active/eat-smart/resources/images/eat-smart-background.jpg);background-repeat:no-repeat;}*/
/*div#healthyheart { background-image: url(/eat-smart-get-active/healthy-heart/resources/images/healthy-heart-background.jpg);background-repeat:no-repeat; }*/
/*div#getactive { background-image: url(/eat-smart-get-active/get-active/resources/images/get-active-background.jpg);background-repeat:no-repeat; }*/
/*div#bmi { background-image: url(/eat-smart-get-active/bmi/resources/images/bmi-background.jpg);background-repeat:no-repeat;}*/
div#bmisection{background-image:url("/eat-smart-get-active/bmi/resources/images/bmi-introduction.gif");background-repeat:no-repeat;}

div#eatsmart div#nav { background-image: url(/images/regional/en/eat-smart/right-panel-top.gif);background-repeat:no-repeat; } 
div#showeatsmart { background-image: url(/images/regional/en/eat-smart/right-panel-bottom.gif);background-repeat:no-repeat; } 
div#heartdiv { background-image: url(/images/regional/en/healthy-heart/right-panel-bottom.gif);background-repeat:no-repeat;} 
div#healthyheart div#nav { background-image: url(/images/regional/en/healthy-heart/right-panel-top.gif);background-repeat:no-repeat; } 
div#bmi div#nav { background-image: url(/images/regional/en/bmi/right-panel-top.gif); } 
div#getactive div#nav { background-image: url(/images/regional/en/get-active/right-panel-top.gif); } 

div#eatsmart, div#healthyheart, div#bmi, div#getactive { margin-top: 17px; clear: both; width: 837px; height: 468px; background-repeat: no-repeat; }
div#eatsmart div#nav, div#healthyheart div#nav, div#bmi div#nav, div#getactive div#nav { float: right; width: 178px; }
div#eatsmart div#content h1, div#healthyheart div#content h1, div#bmi div#content h1, div#getactive div#content h1 { margin: 0px; padding: 0px; border: 0px; font-size: 18px; font-weight: normal; margin-top: 15px }
div#eatsmart div#content, div#healthyheart div#content, div#bmi div#content, div#getactive div#content { width: 610px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; padding: 22px }
div#eatsmart div#contentinner, div#healthyheart div#contentinner, div#bmi div#contentinner, div#getactive div#contentinner { padding-right: 20px; height: 420px; overflow: auto; }
div#contentinner ol,ul { list-style: none; }
div#eatsmart div#content p, div#healthyheart div#content p, div#bmi div#content p, div#getactive div#content p { padding: 0px; margin-top: 10px; margin-bottom: 10px; }
div#eatsmart div#content strong, div#healthyheart div#content strong, div#bmi div#content strong, div#getactive div#content strong { font-weight: bold }
div#eatsmart div#nav ul, div#healthyheart div#nav ul, div#bmi div#nav ul { margin: 0px; padding: 0px; border: 0px; padding-left: 18px; line-height: 21px; font-weight: bold; height: 318px }
div#getactive div#nav ul { margin: 0px; padding: 0px; border: 0px; padding-left: 18px; line-height: 21px; font-weight: bold; height: 285px }
div#eatsmart div#nav ul li, div#healthyheart div#nav ul li, div#bmi div#nav ul li, div#getactive div#nav ul li { position: relative; top: 100px; left: 0px; list-style-type: none; margin: 0px; padding: 0px; border: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: white }
div#eatsmart div#nav ul li a, div#healthyheart div#nav ul li a, div#bmi div#nav ul li a, div#getactive div#nav ul li a { color: white; text-decoration: none; }
div#eatsmart div#nav ul li a:hover, div#healthyheart div#nav ul li a:hover, div#bmi div#nav ul li a:hover, div#getactive ul li a:hover { text-decoration: underline }
div#eatsmart div#nav img, div#healthyheart div#nav img, div#bmi div#nav img, div#getactive div#nav img { display: block }

/*  Menu */
#homeon { margin: 0; padding: 0; width: 107px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-home.gif); float: left;}
#homeoff { margin: 0; padding: 0; width: 107px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-home.gif); float: left; }

#aboutuson { margin: 0; padding: 0; width: 108px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-about-us.gif); float: left; }
#aboutusoff { margin: 0; padding: 0; width: 108px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-about-us.gif); float: left; }


#brandson { margin: 0; padding: 0; width: 142px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-our-brands.gif);  float: left;}
#brandsoff { margin: 0; padding: 0; width: 142px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-our-brands.gif);  float: left;}



#nutritionon { margin: 0; padding: 0; width: 109px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-nutrition.gif);  float: left;}
#nutritionoff { margin: 0; padding: 0; width: 109px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-nutrition.gif);  float: left;}


#newson { margin: 0; padding: 0; width: 102px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-news.gif);  float: left;}
#newsoff { margin: 0; padding: 0; width: 102px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-news.gif); float: left; }

#mediaon { margin: 0; padding: 0; width: 95px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-media.gif);  float: left;}
#mediaoff {	margin: 0; padding: 0; width: 95px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-media.gif); float: left; }


#contacton { margin: 0; padding: 0; width: 173px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-contact-us.gif);  float: left;}
#contactoff { margin: 0; padding: 0; width: 173px; height: 33px; display: block; background-image: url(/images/regional/en/topnav-contact-us.gif);  float: left;}

div.news h1 { font-family: Arial, Helvetica, sans-serif ; font-size: 20px; font-weight: normal; color: #4158af; 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/standard/h2-bullet.gif); background-repeat: no-repeat;  }

div.news p { padding-left: 34px; }

/* product table introduction */
table#productmatrix {
	border: 1px solid #000099;
	border-collapse: collapse;
	margin-left: 46px;
}
table#productmatrix th { width: 70px; }
table#productmatrix th.prodheader {	width: 110px; }
table#productmatrix td { width: 70px;}
table#productmatrix td.prodheader {	width: 110px; }

table#productmatrix th {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	border: 1px solid #000099;
	border-collapse: collapse;
	width: 70px; height: 30px;
}

table#productmatrix tr.headingrow th {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000099;
	border: 1px solid #000099;
	border-collapse: collapse;
	width: 70px; height: 30px;
	background-color: #ade5fe;
}

table#productmatrix td {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	border: 1px solid #000099;
	border-collapse: collapse;
	width: 70px; height: 30px;	
}
table#productmatrix td.tdprod {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000099;
	background-color: #ade5fe;
	border-collapse: collapse;
	width: 70px; height: 30px;
	padding-left: 5px;
}
table#productmatrix tr.altrow td {
	background-color: #f2f1f8;
	border-collapse: collapse;
	width: 70px; height: 30px;
}

table#productmatrix td img {
	border-style: none;
	padding: 0;
	margin: 0;
}