/* defaults */ .clr { clear: both; } form { margin: 0; } .skip_to { display: none; } .nobr { white-space: nowrap; } /* using firefox' default header sizes */ h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h4 { font-size: 1em; } h5 { font-size: 0.83em; } h6 { font-size: 0.67em; } /* / defaults */ body { margin: 0; text-align: center; font-family: Arial, Helvetica, san-serif; font-size: 0.8em; } #main { width: 920px; margin: 10px auto; text-align: left; } #top { background: url(../images/bannerBG1.jpg) no-repeat; height: 265px; } #top_nav_holder { width: 238px; float: left; } #logo_link { width: 238px; height: 99px; display: block; } #top_nav { list-style: none; margin: 0; padding: 0; margin-left: 30px; margin-top: 16px; } #top_nav li { padding: 0; margin: 0; float: left; width: 189px; } #top_nav a { height: 22px; display: block; margin: 0; padding: 0; } #top_nav a span { display: none; } #top_nav a:hover, #top_nav .active a { background-position: 0px 0px; } /* #top_nav #login_link a:hover, #top_nav #login_link.active a { background-position: 0px 0px; } #careers_link a, #aboutus_link a, #home_link a { height: 22px; } #careers_link a:hover, #aboutus_link a:hover { background-position: 0px -22px; } #careers_link.active a, #aboutus_link.active a { background-position: 0px -22px; } */ #careers_link a, #aboutus_link a, #home_link a { height: 21px; } #suppliers_link a:hover, #suppliers_link.active a { background-position: 0px -20px; } #careers_link a:hover, #careers_link.active a, #home_link a:hover, #home_link.active a { background-position: 0px -1px; } #home_link a { background: url(../images/home.jpg) 0px -23px no-repeat; } #suppliers_link a { background: url(../images/links.jpg) 0px 1px no-repeat; } #contact_link a { background: url(../images/contact.jpg) 0px -22px no-repeat; } #login_link a { background: url(../images/login.jpg) 0px -22px no-repeat; } #careers_link a { background: url(../images/careers.jpg) 0px -22px no-repeat; } /*#faq_link a { background: url(../images/faq.png) 0px 0px no-repeat; }*/ #newsletter_link a { background: url(../images/register.jpg) 0px -22px no-repeat; } #aboutus_link a { background: url(../images/aboutus.jpg) 0px -22px no-repeat; } #top_news_title { background: url(../images/news_03.jpg) -3px 0px no-repeat; margin: 22px 0px 0px 0px; height: 32px; } #top_news_title span { display: none; } #top_news_holder { float: right; width: 230px; margin-right: 27px; } #top_news { height: 200px; overflow: auto; } #top_news .newstitle { margin: 0px; } #top_movie { margin: 0px 0px 0px 240px; padding-top: 23px;} #middle { width: 900px; margin-left: 10px; padding-top: 12px; background: url(../images/bannerBG1.jpg) -10px -265px no-repeat; } #column { width: 193px; float: left; margin-right: 9px; padding-left: 15px; margin-top: 2px; } #intro_text { margin-top: 15px; } #prod_nav { margin: 0px; padding: 0px; list-style: none; } #prod_nav li a { display: block; font-weight: bold; font-size: 1.2em; text-decoration: none; color: black; } #prod_nav li.active a, #prod_nav li a:hover { color: #ff2400; } #prod_nav li ul { list-style: none; margin: 0; padding: 0; margin-left: 15px; font-size: 0.8em; } #prod_nav li.active li a { color: black; } #prod_nav li li.active a, #prod_nav li li a:hover { color: #ff2400; } #prn-Bread { background: url(../images/bread.jpg) no-repeat; } #prn-Viennoiserie { background: url(../images/viennoiserie.jpg) no-repeat; } #prn-Danishes-and-Puff-Pastry { background: url(../images/danish.jpg) no-repeat; } #prn-Savouries { background: url(../images/savouries.jpg) no-repeat; } #prn-Tartlets-and-Pastry { background: url(../images/tartlets.jpg) no-repeat; } #prn-Anytime-Treats { background: url(../images/bread.jpg) no-repeat; } #searchbox { margin-top: 5px; } #search_field_holder { background: url(../images/search_box_bg.png) no-repeat; height: 27px; width: 106px; padding: 0; float: left; } #search_field_holder input { border: 0px; height: 17px; width: 98px; margin: 3px 0px 0px 3px; } .img-but-search { vertical-align: top; } #content { float: right; width: 683px; } h1 { margin-top: 0; height: 42px; } h1 span { display: none; } #welcome_title { background: url(../images/titles/welcome_04.jpg) no-repeat; } #about_us_title { background: url(../images/titles/about_04.jpg) no-repeat; } #links_title { background: url(../images/titles/links_04.jpg) no-repeat; } #news_title { background: url(../images/titles/whatsnew_04.jpg) no-repeat; } #search_title { background: url(../images/titles/seach.jpg) no-repeat; } #bakeoff_title { background: url(../images/titles/bakeoff.jpg) no-repeat; } #contactus_title { background: url(../images/titles/contact_04.jpg) no-repeat; } #careers_title { background: url(../images/titles/careers_04.jpg) no-repeat; } #faq_title { background: url(../images/titles/faq_04.jpg) no-repeat; } #mantinga_logo_title { background: url(../images/titles/logo_04.jpg) no-repeat; } #where_title { background: url(../images/titles/wheretobuy_04.jpg) no-repeat; } #who_title { background: url(../images/titles/whoweare_04.jpg) no-repeat; } #what_title { background: url(../images/titles/whatwedo_04.jpg) no-repeat; } #where_to_title { background: url(../images/titles/wheretodeliver_04.jpg) no-repeat; } #privacytitle { background: url(../images/titles/privicy_04.jpg) no-repeat; } #termstitle { background: url(../images/titles/tandc_04.jpg) no-repeat; } #newsletter_title { background: url(../images/titles/newsletter_register_13.jpg) no-repeat; } #mt-Bread { background: url(../images/titles/bread_04.jpg) no-repeat; } #mt-Bagels { background: url(../images/titles/bagels_04.jpg) no-repeat; } #mt-Bagnat { background: url(../images/titles/bagnat.jpg) no-repeat; } #mt-Baguettes { background: url(../images/titles/baguettes_04.jpg) no-repeat; } #mt-Bread-Bowl { background: url(../images/titles/breadbowl_04.jpg) no-repeat; } #mt-Ciabattini { background: url(../images/titles/ciabattini_04.jpg) no-repeat; } #mt-Gourmet-Breads { background: url(../images/titles/gourmetbreads_04.jpg) no-repeat; } #mt-Panini { background: url(../images/titles/panini_04.jpg) no-repeat; } #mt-Rolls { background: url(../images/titles/rolls_04.jpg) no-repeat; } #mt-Rustic { background: url(../images/titles/rustic_04.jpg) no-repeat; } #mt-Rustic-Rolls { background: url(../images/titles/rusticrolls_04.jpg) no-repeat; } #mt-Sheet { background: url(../images/titles/sheet_04.jpg) no-repeat; } #mt-Sliced-Bread{ background: url(../images/titles/sliced_04.jpg) no-repeat; } #mt-Tomato { background: url(../images/titles/tomato_04.jpg) no-repeat; } #mt-Patisserie { background: url(../images/titles/patisserie_04.jpg) no-repeat; } #mt-Brioche { background: url(../images/titles/PatisserieBrioche.jpg) no-repeat; } #mt-Croissant { background: url(../images/titles/PatisserieCroissant.jpg) no-repeat; } #mt-Sugared { background: url(../images/titles/PatisserieSugared.jpg) no-repeat; } #mt-Savouries { background: url(../images/titles/savouries_04.jpg) no-repeat; } #mt-Buffet { background: url(../images/titles/SavourieBuffet.jpg) no-repeat; } #mt-Pizza { background: url(../images/titles/SavouriesPizza.jpg) no-repeat; } #mt-Vegetable { background: url(../images/titles/SavouriesVegetable.jpg) no-repeat; } #mt-Treats { background: url(../images/titles/treats_04.jpg) no-repeat; } #mt-Cake { background: url(../images/titles/TreatsCake_04.jpg) no-repeat; } #mt-Individual { background: url(../images/titles/TreatsIndividual_04.jpg) no-repeat; } #mt-Sheet-Cake { background: url(../images/titles/TreatsSheetCake_04.jpg) no-repeat; } #mt-Canape { background: url(../images/titles/TreatsCanope_04.jpg) no-repeat; } #mt-Speciality { background: url(../images/titles/TreatsSpeciality_04.jpg) no-repeat; } #mt-Bread { background: url(../images/titles/bread_04.jpg) no-repeat; } #mt-Rolls---Rustic-and-Mixed { background: url(../images/titles/rollsrustic_04.jpg) no-repeat; } #mt-Rolls---Individual { background: url(../images/titles/rollsindivid_04.jpg) no-repeat; } #mt-Bagels { background: url(../images/titles/bagels_04.jpg) no-repeat; } #mt-Sandwich-Bread-1 { background: url(../images/titles/sandwich1_04.jpg) no-repeat; } #mt-Sandwich-Bread-2 { background: url(../images/titles/sandwich2_04.jpg) no-repeat; } #mt-Paninis-and-Wraps { background: url(../images/titles/paninisandwraps_04.jpg) no-repeat; } #mt-Focaccia { background: url(../images/titles/focaccia_04.jpg) no-repeat; } #mt-Gourmet-Breads-1 { background: url(../images/titles/gourmet1_04.jpg) no-repeat; } #mt-Gourmet-Breads-2 { background: url(../images/titles/gourmet2_04.jpg) no-repeat; } #mt-Italian-and-Baguettes { background: url(../images/titles/italian_04.jpg) no-repeat; } #mt-Rye-and-Dark-Breads { background: url(../images/titles/ryeanddarkbreads_04.jpg) no-repeat; } #mt-Organic-Healthy-and-Bowls { background: url(../images/titles/organicetc_04.jpg) no-repeat; } #mt-Sliced-and-Bloomers { background: url(../images/titles/slicedandbloomers_04.jpg) no-repeat; } #mt-Patisserie { background: url(../images/titles/patisserie_04.jpg) no-repeat; } #mt-Viennoiseries { background: url(../images/titles/viennoiseries_04.jpg) no-repeat; } #mt-Danish { background: url(../images/titles/danish_04.jpg) no-repeat; } #mt-Brioche-and-Puff { background: url(../images/titles/briocheandpuff_04.jpg) no-repeat; } #mt-Mini-Danish-and-Tartlets { background: url(../images/titles/minidanish_04.jpg) no-repeat; } #mt-Savouries { background: url(../images/titles/savouries_04.jpg) no-repeat; } #mt-Pizzas-French-and-British { background: url(../images/titles/pizzas_04.jpg) no-repeat; } #mt-German-and-Italian { background: url(../images/titles/german_04.jpg) no-repeat; } #mt-Treats { background: url(../images/titles/treats_04.jpg) no-repeat; } #mt-Muffins-and-Doughnuts { background: url(../images/titles/muffinsanddoughnuts_04.jpg) no-repeat; } #mt-Sweet-and-Christmas { background: url(../images/titles/sweetsand-christmas_04.jpg) no-repeat; } #mt-Cakes-and-Cheesecakes { background: url(../images/titles/cakesandcheesecake_04.jpg) no-repeat; } #mt-Slices-and-Sheet-Cakes { background: url(../images/titles/slicesandsheetcake_04.jpg) no-repeat; } #mt-Canapes { background: url(../images/titles/canopes_04.jpg) no-repeat; } #mt-New-Products { background: url(../images/titles/newporducts.jpg) no-repeat; } #mt-New-Products---Treats { background: url(../images/titles/NPtreats_04.jpg) no-repeat; } #mt-New-Products---Savouries { background: url(../images/titles/NPsavouries_04.jpg) no-repeat; } #mt-New-Products---Patisserie { background: url(../images/titles/NPpatisserie_04.jpg) no-repeat; } #mt-New-Products---Bread { background: url(../images/titles/NPbread_04.jpg) no-repeat; } #mt-Bread, #mt-Patisserie, #mt-Savouries, #mt-Treats { margin-bottom: 3px; } .new_products_button { display: block; background: url(../images/NP_button.jpg) 0px 2px no-repeat; width: 113px; height: 28px; } .new_products_button:hover { background-position: 0px -28px; } .new_products_button span { display: none; } #home_title { background: url(../images/title_prod_range.jpg) no-repeat; height: 29px; } #home_title span { display: none; } #sections .section, #sections .end_section { width: 167px; float: left; } #sections .section { margin-right: 5px; } #sections h3 { margin: 2px 0px; font-size: 1.0em; } #sections h3 a { color: black; text-decoration: none; } #sections h3 a:hover { color: red; } #sections a img { border: 1px solid black; } #sections a:hover img { border: 1px solid red; } #products {} #spt_wrapper_1 { background: url(../images/productpages_mid.png) repeat-y; margin-top: 30px; } #spt_wrapper_2 { background: url(../images/productpages_top.png) no-repeat; } #spt_wrapper_3 { background: url(../images/productpages_bottom.png) bottom left no-repeat; padding: 20px; } #section_products_table { font-weight: bold; } #section_products_table thead { color: #ff2400; } #section_products_table td, #section_products_table th { padding-right: 8px; vertical-align: top; } #section_products_table td.bakeoff, #section_products_table th.bakeoff { padding-right: 0px; } #section_products_table .product_row .weight, #section_products_table .product_row .units, #section_products_table .product_row .bakeoff, #section_products_table .product_row_hover .weight, #section_products_table .product_row_hover .units, #section_products_table .product_row_hover .bakeoff, #section_products_table thead .weight, #section_products_table thead .units, #section_products_table thead .bakeoff{ text-align: center; } #section_products_table .product_row {} #section_products_table .product_row_hover { color: red; cursor: default;} #section_products_table .extra_info_holder { display: none; } #section_products_table .extra_info_holder_show { display: block; position: absolute; } #section_products_table .extra_info { position: relative; left: -235px; top: -100px; width: 196px; border: 1px solid red; font-weight: normal; padding: 3px; background: #ffffee; } #section_products_table .extra_info .bake_guide_title { font-weight: bold; color: #ff7800; } #section_products_table .extra_info .name { font-weight: bold; } #new_products {} #new_products .new_product { margin-bottom: 20px; } #new_products .new_product img { float: left; } #new_products .info { font-size: 1.3em; float: right; width: 385px; padding: 10px 0px; min-height: 180px; border-top: 2px solid #ff6600; border-bottom: 2px solid #ff6600; } #new_products .name { font-weight: bold; } #new_products .field_title { color: #ff0000; } /* news */ h2.newstitle { margin-bottom: 0px; } h2.newstitle .cat { background: #FFFF99; font-size: 1.1em; font-weight: normal; color: #663300; } .newsdate { font-style: italic; } /* [end] news */ #contact_area { width: 388px; } #map_area { width: 263px; float: right; } #map_area iframe { border:1px solid black; } #bakeoff_table {} #bakeoff_table th { text-align: left;} #bakeoff_table td, #bakeoff_table th { vertical-align: top; padding: 5px; } #bakeoff_table td.last, #bakeoff_table th.last {} #bakeoff_table tr.odd { background: #ddd; } #bakeoff_table tr.even { background: #eee; } #bakeoff_table td.programme { font-size: 1.4em; color: #f40; } #footer { margin: 20px 0px 20px 20px; border-bottom: 2px solid #ff7800; padding-bottom: 15px; } #footer ul { padding: 0; margin: 0; list-style: none; } #footer li { width: 176px; float: left; margin-right: 5px; } #footer #how_link { margin-right: 0px; } #footer a { color: black; text-decoration: none; font-size: 0.7em; } #footer .link_title { font-size: 1.7em; font-weight: bold; color: #ff2400; display: block; } #footer a:hover .link_title { font-size: 1.7em; font-weight: bold; color: #ff7800; display: block; } #footer .link_desc { display: block; } #footer li .link_image { display: block; float: left; } #footer #where_link .link_title, #footer #where_link .link_desc { margin-left: 65px; } #footer #where_link .link_image { background: url(../images/shop.jpg) 0px 0px; width: 62px; height: 35px; } #footer #where_link a:hover .link_image, #footer #where_link.active a:hover .link_image { background-position: 0px -36px; } #footer #where_to_link .link_title, #footer #where_to_link .link_desc { margin-left: 61px; } #footer #where_to_link .link_image { background: url(../images/van.jpg) 0px -36px; width: 58px; height: 35px; } #footer #where_to_link a:hover .link_image, #footer #where_to_link.active a:hover .link_image { background-position: 0px 0px; } #footer #what_link .link_title, #footer #what_link .link_desc { margin-left: 63px; } #footer #what_link .link_image { background: url(../images/baker.jpg) 0px -36px; width: 60px; height: 35px; } #footer #what_link a:hover .link_image, #footer #what_link.active a:hover .link_image { background-position: 0px 0px; } #footer #who_link .link_title, #footer #who_link .link_desc { margin-left: 93px; } #footer #who_link .link_image { background: url(../images/workforce.jpg) 0px 0px; width: 90px; height: 71px; } #footer #who_link a:hover .link_image, #footer #who_link.active a:hover .link_image { background-position: 0px 0px; } #footer #how_link .link_title, #footer #how_link .link_desc { margin-left: 51px; } #footer #how_link .link_image { background: url(../images/oven.jpg) 0px -36px; width: 48px; height: 35px; } #footer #how_link a:hover .link_image, #footer #how_link.active a:hover .link_image { background-position: 0px 0px; } #copyright-outer { clear: both; text-align: center; margin-bottom: 100px; } #copyright { width: 880px; margin: auto; text-align: left; } #copyright a { text-decoration: none; color: #000000; } #copyright a:hover { text-decoration: underline; } #copyright div { margin-top: 3px; width: 163px; font-size: 9px; }